/*
Theme Name: Twenty Thirteen Child
Theme URI: http://racingcoloursuk.co.uk
Author: Absolute Creative Marketing
Author URI: http://absolutecreativemarketing.co.uk
Description: Bespoke theme for Racing Colours
Version: 1.0
Template: twentythirteen
@import url( '../twentythirteen/style.css' );
*/

@import url( '../twentythirteen/style.css' );

/* Google Map */
#map-canvas {width:100%; height:500px; max-height:600px;}

.entry-content img.alignright, .entry-content .wp-caption.alignright {margin-right:0;}

.user-img i {font-size:100px; color:#006700; line-height:100px;}

/* Headings */
h1, h2, h3, h4, h5, h6 {font-family:'Lato', sans-serif;}

.page-title, .entry-header, .archive-header {text-align:center;}
.archive-header {background-color:#fff !important;
margin: 0 auto;
max-width: 1040px;
padding: 30px 0;
width: 100%;}

.page-title h1, .entry-header  h1, .archive-header h1 {display:inline-block; border-top:4px solid #006900; border-bottom:4px solid #F69A24; color:#F69A24;}
.archive-header h1 {
font: 600 26px 'Lato', sans-serif;
font-size: 26px;
line-height: 28px;
margin: 0 0 23px;
text-transform: uppercase;
text-align: center;
font-style: normal;
display: inline-block;
padding: 0;
width: auto;
}

.category-news .news-title {
text-transform:none !important; font-size:18px !important;
}

.category-news .site-content {padding: 100px 0;}
.category-news .news {padding:0 !important;}
.category-news .news .post-date {
border: none !important;
padding: 14px !important;
color: #006700;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
background: #f6f6f6;
text-align: center;
}
.category-news .news .post-date i {
display:block;
font-size: 60px;
color: #F69A24;
}

.news .description {
background: #f6f6f6;
padding: 24px;
}


.acm-paint {
position: absolute;
top: -160px;
right: 24px;
background: url(../../themes/twentythirteen/images/img-paint-1.png) no-repeat;
width: 345px;
height: 345px;
background-size: contain;
}

.page-title h1:first-line, .entry-header h1:first-line, , .archive-header h1:first-line {color:#006900;}


/* Navigation */
.navbar {max-width:100%;}


/* Headings */
.entry-header, .entry-content, .entry-summary, .entry-meta {max-width:1080px;}

.entry-title {font-size:30px; font-weight:600; color:#006700;}


/* Content Links */
.entry-content a, .comment-content a {color:#f69a24;}
.entry-content a:hover, .comment-content a:hover {color:#006700; text-decoration:none;}


/* Archive */
.archive-header {background-color:#eee;}

.archive-title, .archive-meta {font:600 30px 'Lato', sans-serif; color:#006700;}


/* Menu */
.current-menu-item li a, .current_page_item li a,
.dropdown-menu> li> a {border-bottom:none !important; color:#006700 !important;}

.navbar-default .navbar-nav> .open> a {color:#f69a24 !important;}

.current-menu-item li a:hover, .current_page_item li a:hover {border-bottom:none !important; color:#f69a24 !important;}

li .current-menu-item> a, li .current_page_item> a {border-bottom:2px solid #f69a24 !important; color:#f69a24 !important;}


/* Forms */
::-webkit-input-placeholder {color:#aaa;}
:-moz-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}

input, button, textarea, select {display:block; width:100%; max-width:100%; padding:10px 14px; border:2px solid #006700; font-family:'Lato', sans-serif; font-size:100%;}

input:hover, textarea:hover, select:hover,
input:focus, textarea:focus, select:focus {background:#f9f9f9; border:2px solid #f69a24;}

.wpcf7 p {margin:0 0 10px;}
.wpcf7 p:last-of-type {margin:0;}

.wpcf7 span {position:relative; display:block;}

.wpcf7 span.recaptcha {display:inline-block; width:100%; max-width:50%; vertical-align:top;}
.wpcf7 span.recaptcha img {display:block; width:100%; height:43px;}

.ajax-loader {display:none;}


/* Tables */
th, td {padding:7px; border-top:none; border-right:1px solid #eee; border-bottom:1px solid #eee; border-left:none; line-height:1.2; vertical-align:top;}

th {border-right:1px solid #f69a24; border-bottom:1px solid #f69a24; color:#006700; text-transform:none;}

thead tr:last-of-type th, tbody tr:last-of-type th, tbody tr:last-of-type td {border-bottom:1px solid #f69a24;}

thead th {text-align:center;}

table i.fa {color:#f69a24;}

tbody tr {background:#f2f2f2;}
tbody tr:nth-of-type(2n) {background:#f9f9f9;}

.series-yellow tbody tr {background:#FFEB9B;}
.series-yellow tbody tr:nth-of-type(2n) {background:#FFF1BB;}

.series-orange tbody tr {background:#FFD8B7;}
.series-orange tbody tr:nth-of-type(2n) {background:#FFE5CF;}

.series-red tbody tr {background:#FFD0D0;}
.series-red tbody tr:nth-of-type(2n) {background:#FFE7E7;}

.series-green tbody tr {background:#D4F09A;}
.series-green tbody tr:nth-of-type(2n) {background:#DFF0BA;}

.series-blue tbody tr {background:#d2edff;}
.series-blue tbody tr:nth-of-type(2n) {background:#e4f4ff;}


/* Pigments */
.pigment {position:relative; margin-bottom:14px;}

.pigment h4 {margin:0; color:#006700;}
.pigment h4.collapseomatic {padding:0;}
.pigment h4.collapseomatic:hover {color:#f69a24; text-decoration:none;}

.pigment h4:before {content:'\f1ee'; margin-right:7px; font-family:FontAwesome; font-weight:400; color:#f69a24;}
.pigment h4.super-yellow:before {color:#fc0;}
.pigment h4.super-orange:before {color:#f70;}
.pigment h4.super-red:before {color:#d00;}
.pigment h4.super-green:before {color:#690;}
.pigment h4.super-blue:before {color:#08d;}

span.collapseomatic {position:absolute; top:7px; right:0; padding:0 0 0 20px; background-position:left center; color:#f69a24; text-decoration:none; line-height:1;}
.collapseomatic, .collapseomatic.colomat-close {background-image:none;}

span.collapseomatic:before {content:'\f078'; margin-right:7px; font-family:FontAwesome;}
span.collapseomatic.colomat-close:before {content:'\f077';}

.collapseomatic_excerpt, .collapseomatic_content {margin-left:0;}


/* Services */
.services .img-holder a:hover {border:none;}
.services .img-holder a:hover img {opacity:0.7;}

@media all and (max-width:767px){
	.navbar-toggle { width:auto; }
}
@media all and (min-width:768px) and (max-width:992px){
	#cd-logo { margin:10px 0 0 0%; }
}

@media (max-width: 500px) {

.navbar, .navbar-default {
height: auto !important;
min-height: inherit !important;
}

#cd-logo {
height: 0 !important;
display: none !important;
}

.logo-xs.logo {
margin: 7px !important;
width: auto !important;
}

.navbar-toggle {margin: 7px !important;}

.logo a {height: auto !important;}

.logo a img {max-height: 34px !important;}
}