/*
Theme Name:     Mobile Truck Wash
Theme URI:      https://www.mobiletruckwash.ie/
Author:         Noel O'Connor
Description: 	WordPress Twenty Sixteen child theme
Author URI:     http://www.designlocker.ie
Template:       twentysixteen
*/

@import url(../twentysixteen/style.css);

/*  ******************* */
/*  Structure */
/*  ******************* */

html {
    height: 100%; /* for full screen background image */
    margin: 0; /* for full screen background image */
}

body {
    background: #fafafa;
	color: #333;
	font-family: 'Lato', sans-serif;
    font-size: 19px;
    line-height: 1.75;
	height: 100%; /* for full screen background image */
    margin: 0; /* for full screen background image */
	font-weight: 400;
}

body:not(.custom-background-image):before, body:not(.custom-background-image):after {
	height: 0;
}

.site {
    margin: 0 10%;
}

.site-inner {
    max-width: none;
}

.site-main{
	margin-bottom: 0;
}

.site-header {
    padding: 1em 2em 0 2em;
	width: 100%;
	background: #fff;
}

.site-branding{
	width: 100%;
	overflow: hidden;
    margin: 0;
	font-weight: 600;
}

.site-branding a{
	color: #333;
}

.site-branding a:hover, .site-branding a:focus, .site-branding a:active{
	color: #000;
}

.sbl{
	float: left;
	width: 40%;
}

.sbc{
	float: left;
	width: 30%;
	text-align: center;
}

.sbr{
	float: left;
	width: 30%;
	text-align: center;
}

.site-branding .fas{
	display: block!important;
	font-size: 35px;
	padding: 0.3em 0;
}

.site-content {
    padding: 2em;
	overflow: hidden;
	background: #fff;
}

.home .site-content {
    padding: 1px 2em 2em 2em;
}

.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-right: 0;
    margin-left: 0;
}

.page-template-full-width .content-area, .woocommerce .content-area {
    float: none;
    margin-right: 0;
    width: 100%;
}

.no-sidebar .twentysixteen .site-main {
    margin-right: 0;
    margin-left: 0;
}

.post-navigation .post-title, .entry-title, .comments-title {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

p, .entry-summary p, body:not(.search-results) .entry-summary p {
    margin: 0 0 1em;
}

.entry-summary p, body:not(.search-results) .entry-summary p {
    margin: 0 0 0.25em;
}

a{
	box-shadow: none!important;
}

a, .entry-content a, .entry-summary a {
    color: #32cd32;
}

a:hover, a:focus, a:active, .entry-content a:hover, .entry-content a:focus, .entry-content a:active, .entry-summary a:hover, .entry-summary a:focus, .entry-summary a:active {
    color: #333;
	transition: 0.3s;
	box-shadow: none;
	outline: 0;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4{
	font-weight: 500;
}

.wp-block-image {
    max-width: none;
	width: 100%;
    margin-bottom: 0;
}

.entry-content ul{
    margin: 0 0 1.75em 0.5em;
    padding: 0 0 0 1em!important;
}

/*  ******************* */
/*  Menu */
/*  ******************* */

.site-header-menu{
	width: 100%;
	background: #333;
	margin-top: 1em;
    margin-bottom: 1px;
}

.main-navigation{
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
}

.main-navigation .primary-menu > li {
    width: 20%;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #444;
}

.main-navigation .primary-menu > li:last-child {
	border-right: 0;
}

.main-navigation a {
	display: block;
    outline-offset: 0;
    padding: 0.5em 0;
	color: #fff;
}

.main-navigation a:hover, .main-navigation a:active, .main-navigation a:focus {
	color: #fff!important;
	background: #000;
	outline: none;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    font-weight: 500;
}

/*  ******************* */
/*  Splash */
/*  ******************* */

.splash {
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
	font-family: 'Lato', sans-serif;
	color: #fff;
}

.splash img{
	width: 100%;
}

.splash-caption {
	overflow: hidden;
	margin: 0 0 0 5%;
    position: absolute;
    bottom: 20%;
	z-index:99;
	width: 40%;
}

.splash h1{
	font-size: 48px;
	margin: 0 0 0.45em 0;
	letter-spacing: 1px;
	line-height: 1.75;
}

.splash h2{
	font-size: 28px;
	margin: 0 0 1.25em 0;
	letter-spacing: 1px;
	font-weight: 400;
	line-height: 1.75;
	color: #fff!important;
}

/*  ******************* */
/*  Columns */
/*  ******************* */

.col3w{
	overflow: hidden;
    padding: 2em 0;
}

.col3{
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
	padding: 0;
	text-align: center;
}

.col3:hover{
	background: #fff;
	transition: 0.3s;
}

.clast{
	margin: 0;
}

.col3 h3{
	margin-top: 0.75em!important;
	margin-bottom: 0.5em!important;
	color: #07313F;
	font-size: 28px!important;
	font-size: 1.75rem!important;
}

.col3 p{
	margin: 0;
}

.col3 .fas, .col3 .far{
	font-size: 60px;
	color: #967843;
}

.entry-content  a >.col3{
	color: #07313F!important;
}

.col2w{
	overflow: hidden;
	background: #fafafa;
}

.col2l{
	float: left;
	width: 30%;
}

.col2r{
	float: left;
	width: 70%;
	padding: 1em 2em 0 2em;
}

.col2w h4{
	text-transform: capitalize;
	letter-spacing: normal;
	font-size: 26px;
	font-size: 1.625rem;
	margin-bottom: 1em;
}

.l50{
	float: left;
	width: 49%;
}

.r50{
	float: right;
	width: 50%;
}

/*  ******************* */
/*  Content */
/*  ******************* */

.entry-title {
	font-family: 'Lato', sans-serif;
    font-weight: 500;
}

.home .entry-title{
	display: none;
}

.no-sidebar .post-thumbnail img {
    margin: 0;
	width: 100%;
}

.post-thumbnail {
    margin-bottom: 1em;
}

.post-thumbnail img {
    margin: 0;
	width: 100%;
}

.entry-content h2{
    font-size: 24px;
    font-size: 1.5rem;
	color: #967843;
}

.wp-block-button__link {
    border-radius: 2px;
}

.entry-content .wp-block-button__link:hover{
	background: #333!important;
}

body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
    margin-left: 0;
}

blockquote, body:not(.search-results) .entry-summary blockquote > :last-child, body:not(.search-results) .entry-summary blockquote {
    border: 0;
    border-left-width: 0;
    color: #fff;
    font-size: 20px;
    font-size: 1.25rem;
    font-style: normal;
    margin: 1.5em 0!important;
	background: #967843;
	padding: 0 0.5em!important;
}

.entry-content h4{
    letter-spacing: normal;
	text-transform: capitalize;
}

.wp-block-button__link:hover{
	background: #07313F!important;
	color: #fff!important;
}

/*  ******************* */
/*  Contact */
/*  ******************* */

.conl{
	float: left;
	width: 48%;
}

.conr{
	float: right;
	width: 50%;
	background: #fafafa;
	box-sizing: border-box;
    border: 1px solid #f1f1f1;
	padding: 1em;
}

textarea {
	max-height: 7em;
}

input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
    background: #32cd32;
}

input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active{
    background: #333;
}

/*  ******************* */
/*  Footer */
/*  ******************* */

.site-footer {
	overflow: hidden;
    display: block;
	max-width: none;
	margin: 1px 0 0 0;
	background: #333;
    padding: 2em;
	color: #fff;
	text-align: center;
}

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

.site-footer a:hover, .site-footer a:active, .site-footer a:focus{
	color: #32cd32!important;
	box-shadow: none;
	transition: 0.3s;
}

.site-footer p{
	margin: 0 0 0.75em 0;
}

.site-info{
	overflow: hidden;
	display: block;
    align-items: initial;
    margin: 0;
	color: #fff;
	font-size: 18px;
    font-size: 1.125rem;
	font-weight: 400;
}

.site-info .far, .site-info .fas {
    margin: 0 1em 0 0;
}

.sic{
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
}

.sicl{
	margin: 0;
}

#credit {
    overflow: hidden;
    padding: 1.25em 0 0 0;
    margin: 0 auto;
	text-align: center;
	font-size: 15px;
    font-size: 0.9375rem;
	color: #333;
	font-weight: 400;
}

#credit a, #credit a:visited{
color: #8E9EA8;
font-weight: 400;
text-decoration: none;
}

#credit a:hover{
color: #e3e3e3!important;
text-decoration: none;
}


/*  ************************************************** */
/*  1681 PIXELS */
/*  ************************************************** */

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

.site {
    margin: 0 5%;
}
	
}

/*  ************************************************** */
/*  1601 PIXELS */
/*  ************************************************** */

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

.site {
    margin: 0 3.5%;
}
	
}

/*  ************************************************** */
/*  1537 PIXELS */
/*  ************************************************** */

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

body{
	font-size: 19px;
}

.site {
    margin: 0 2.5%;
}

}

/*  ************************************************** */
/*  1441 PIXELS */
/*  ************************************************** */

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

body{
	font-size: 18px;
}

.site {
    margin: 0;
}

}

/*  ************************************************** */
/*  1367 PIXELS */
/*  ************************************************** */

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

body{
	font-size: 17px;
}

.splash-caption {
    margin: 0 0 0 3%;
    width: 50%;
}

.splash h1 {
    font-size: 32px;
}

.wp-block-button .wp-block-button__link {
    padding: 0.64375em 1.1125em 0.58125em!important;
}

.col3 h3, .col2w h4 {
    font-size: 24px!important;
    font-size: 1.5rem!important;
}

.entry-title {
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 1em;
}

.site-info {
    font-size: 16px;
    font-size: 1rem;
}
	
}

/*  ************************************************** */
/*  1281 PIXELS */
/*  ************************************************** */

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

body{
	font-size: 16px;
}

.site-header {
    padding: 1em 1em 0 1em;
}

.home .site-content {
    padding: 1px 1em 1em 1em;
}

.site-footer {
    padding: 2em 1em;
}

.col3 h3 {
    font-size: 24px!important;
    font-size: 1.5rem!important;
}

.col2r {
    padding: 1em 1.5em;
}

.site-info {
    font-size: 15px;
    font-size: 0.9375rem;
}

}

/*  ************************************************** */
/*  1025 PIXELS */
/*  ************************************************** */

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

.splash-caption {
    width: 90%;
}

.entry-title {
    font-size: 28px;
    font-size: 1.75rem;
}

}

/*  ************************************************** */
/*  1023 PIXELS */
/*  ************************************************** */

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

.site-branding .fas {
    font-size: 30px;
    padding: 0 0 0.3em 0;
}

.site-header-menu {
    background: #32cd32;
    margin-top: 0;
}

.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
	width: 100%;
    background-color: #32cd32;
    border: 0;
    color: #fff;
    font-size: 20px;
    font-size: 1.25rem;
    margin: 1.076923077em 0 0 0;
    border-radius: 1px;
	outline: 0;
}

.main-navigation .primary-menu > li {
    width: 100%;
    text-align: center;
    border-right: 0;
}

.main-navigation li {
    border-top: 1px solid #fff;
}

.main-navigation .primary-menu {
    border-bottom: 0;
}

.splash-caption {
    bottom: 10%;
}

.splash h1 {
    font-size: 28px;
	line-height: 1.5;
}

.splash h2 {
    font-size: 20px;
    font-size: 1.25rem;
	margin: 0 0 0.75em 0;
}

.col3 h3, .col2w h4, .entry-content h2 {
    font-size: 20px!important;
    font-size: 1.25rem!important;
	letter-spacing: normal;
}

.entry-content h2{
	margin-top: 1.21em;
}

.site-content {
    padding: 1em;
}

.entry-title {
    font-size: 24px;
    font-size: 1.5rem;
}

.l50, .r50 {
    float: none;
    width: 100%;
}

}

/*  ************************************************** */
/*  767 PIXELS */
/*  ************************************************** */

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

.site-header {
    padding: 1em 0.5em 0 0.5em;
}

.home .site-content {
    padding: 1px 0.5em 1em 0.5em;
}

.sbl, .sbc, .sbr {
    float: none;
    width: 100%;
	text-align: center;
}

.sbl{
	margin-bottom: 0.5em;
}

.site-branding .fas {
	display: inline-block!important;
    font-size: 20px;
    padding: 0 0.5em 0 0;
}

.splash-caption {
	background: #333;
    margin: 0;
    position: initial;
    bottom: auto;
    width: 100%;
	padding: 1em 0.5em;
	text-align: center;
}

.splash h1 {
    font-size: 24px;
    line-height: 1.15;
}

.col3 {
    float: none;
    width: 100%;
    margin: 0 0 1.5em 0;
}

.col2l, .col2r {
    float: none;
    width: 100%;
}

.col2r {
    padding: 1em;
}

.site-footer {
    padding: 1em;
}

.sic {
    float: none;
    width: 100%;
    margin: 0 0 0.5em 0;
}

.wp-block-button__link {
    font-size: 16px!important;
}

.col2w {
    background: none;
}

.col2r {
    padding: 1em 0;
}

.entry-title {
    font-size: 20px;
    font-size: 1.25rem;
	letter-spacing: normal;
	font-weight: 600;
}

.conl {
    float: none;
    width: 100%;
}

.conr {
    float: none;
    width: 100%;
}

}