/*   
Theme Name: Carpet Cleaner London
Theme URI: http://www.carpetcleanerlondon.org.uk
Description: A custom-developed theme for Wordpress
Author: Ggz
Author URI: http://www.carpetcleanerlondon.org.uk
Version: 1.0
*/

/* Import a basic layout */
@import url('styles/2c-l.css');

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');


body {
	margin: 0;

     min-height: 100%;
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
}

html {
    height: 100%;
}
/* =Header
-------------------------------------------------------------- */

#branding {
	margin: 0 0 1.5em 0;
}

#header {
	text-align: center;

	background: url("http://www.carpetcleanerlondon.org.uk/wp-content/uploads/2016/09/background-top.png") no-repeat top #dddddd;
	background-size: cover;
}

#masthead {
	background: #fff;
	padding: 30px 0 30px 0px;
	margin-right: 200px; /* left for call2action buttons */
}

#logo {
    background: url("http://www.carpetcleanerlondon.org.uk/wp-content/uploads/2016/09/logo.png") no-repeat;
    width: 234px;
    height: 81px;
    margin-left: 20px;
}

.phone-header {
	float: right;
    font-size: 36px;
    margin-right: 20px;
    color: #2B4636;
    font-weight: bold;
    font-style: italic;
    margin-top: 15px;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	margin: 0;
	overflow: auto;
}
.skip-link {
	display: none;
}
.menu {
	margin-top: 10px;
}

.menu ul {
	list-style: none;
	margin-left: 1px !important;
}
.menu ul ul {
	display: none;
}
.menu li {
	display: inline;
}

.menu a {
	display: block;
	width: 207px;
	height: 29px;
	border-bottom: 1px solid #FFFFFF;
	text-shadow: 0 1px 3px #795B38;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 29px;
	text-decoration: none;
	padding-left: 6px;
	font-family: Myriad Pro, Arial, sans-serif;
/*	text-transform:uppercase; */
/*	float: left;*/

	color: #fff;
	background: #fdc689; /* Old browsers */
	background: -moz-linear-gradient(top, #fdc689 0%, #c99d6c 100%);
	background: -webkit-linear-gradient(top, #fdc689 0%,#c99d6c 100%);
	background: linear-gradient(to bottom, #fdc689 0%,#c99d6c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc689', endColorstr='#c99d6c',GradientType=0 );
}

.menu a:hover {
	color: #FFFFFF;
	/*border-bottom: 1px dotted #0000EE;*/
	text-shadow: none;
	background: #283841;
}

/* =Main
-------------------------------------------------------------- */

#main {
	margin-right: 200px; /* left for call2action buttons */

	background: #fff;
	background-repeat: repeat-x;
}

#main-wrapper {
	background: #fff;
    background: url(images/body-bg.png) top left repeat-y transparent;

	flex: 1;
	-webkit-flex: 1;
    -ms-flex: 1;
    -moz-flex: 1;
}

#main-bottom {
	/* width: 840px; */
	//height: 20px;
	//margin: auto;
	//background: url(images/body-bottom.png) top left no-repeat transparent;
	//clear: both;
	//margin-right: 200px;
}


/* =Content
-------------------------------------------------------------- */

#container {
}

.post {
	margin: 0 0 3em 0;	
}
.entry-content, .entry-summary {
	margin: 1.5em 0 0 0;
}

.entry-content img {
	max-width: 100%;
}

#content {
	padding: 10px 20px;
	min-height: 300px;
	height:auto !important;
	height: 300px;
}

#content li {
	font-family: Tahoma, sans-serif;
	font-size: 1.1em;

	list-style: none;
    padding-left: 25px;
    padding-bottom: 2px;
    background: url("http://www.carpetcleanerlondon.org.uk/wp-content/uploads/2016/09/bubble.png") no-repeat left top;
    background-size: 16px 16px;
}

#content a { 
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #0F4E89;
	text-decoration: none;
	border-bottom: 1px dotted #0F4E89;
}

#content a:hover { 
	color: #FF0000;
	border-bottom: 1px dotted #FF0000;
}

#content p {
	font-family: Tahoma, sans-serif;
	font-size: 1.1em;
	text-align: justify;
	margin-bottom: 8px;
}


#content h1 {
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #2b4636;
}

#content a.hp_item {
	font-family: Arial, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #2b4636;
	border-bottom: 1px dotted #2b4636;
}

#content a.hp_item:hover {
	color: #FF0000;
	border-bottom: 1px dotted #FF0000;	
}

#content h2 {
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;

	color: #2b4636;
}

#content h3 {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #547B00;
}

div.caption {
	background: url(images/title-bg.gif) top right repeat-x;
	margin-bottom: 4px;
	margin-top: 8px;
	margin-left: 12px;
}

div.caption div {
 	background: url(images/title-r.gif) top right no-repeat;
}

div.caption h1 {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 8px;
	display: block;
	height: 30px;
	background: url(images/title-l.gif) top left no-repeat;
	color: #FFFFFF;
	line-height: 200%;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	margin: 0;
	overflow: auto;	
}

#navigation {
	height: 39px;
}

#navigation-wrapper {
	height: 39px;
	margin: auto;

	width: 100%;
	background: #283841;
}

#navigation-shadow-wrapper {
	font-size:0;
	margin: 0 200px 0 0;
	background: url(images/nav-bg.gif);
}

#navigation-shadow {
	margin: 0 4px;
	background: #0D679B;
	background: #BEDBED;
	height: 4px;
}

.ul-nav-primary {
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	margin:0 0 0 3px;
}

.li-nav-primary {
	float: left;
}

.li-nav-primary a {
 	display: block;
	line-height: 39px;
	padding: 0 16px;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size:1.15em;
	color: #FFFFFF;
	font-family: Myriad Pro, Arial, sans-serif;
	text-transform:uppercase
	/*background: url(images/nav-spacer.gif) center left no-repeat;*/
 }

.li-nav-primary.first a {
	background: transparent;
}

.li-nav-primary a:hover {
	background: url(images/nav-hover-bg.png) top left repeat-x;
	/* text-decoration: underline; */
	color: #333333;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: disc;
	margin-left: 1.1em;
}
.widget-area ul ul ul {
	margin-left: 2.5em;
}
.widget-container {
	margin: 0 0 1.5em 0;
}

/* =Temporary styles until the
		directory can read @import
		
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
		
-------------------------------------------------------------- */

/* =Footer
-------------------------------------------------------------- */
/*
#footer {
	min-height: 120px;
	height:auto !important;
	height: 120px;
	background: #36A0DC;
	border-top: 4px solid #BEDBED;
}

#colophon {
	width: 1036px;
	margin: auto;
}
*/
#footer {
    height: auto !important;

    background: #fdc689;
}
#colophon {
    margin: auto;
    padding: 8px;
}
#footer p {
    font-family: Tahoma,sans-serif;
    font-size: 12px;
    text-align: justify;

    color: #000;
}
#footer a {
    border-bottom: 1px dotted #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
}
#footer a:hover {
    border-bottom: 1px dotted #9FC9FF;
    color: #9FC9FF;
}
#site-info {
	padding: 12px;
	padding-top:0;
	margin-right: 200px;
	color: #FFFFFF;
	font-family: Tahoma, sans-serif;
	font-size: 1.1em;
}

/* =Call2Action
-------------------------------------------------------------- */
#callbox {
	width: 180px; 
	height: 400px; 
	position: fixed; 
	left: 920px; 
	display:none;

	top: 60px;
}

#seals {
	width: 200px;
}

/*
#seals img {
	margin-left: 1px;
}
*/
#callus {
	background: url(http://www.carpetcleanerlondon.org.uk/wp-content/uploads/2016/09/callusnow-sidebar.png) top left no-repeat;
    width: 219px;
    height: 144px;
    margin-bottom: 2em;
}

#callus-number {
	background: url(images/callus-number.gif) bottom left no-repeat #CECECE;
	width: 200px;
	height: 49px;
	display: none;
}

#bac-window {
	width:		448px;
	height:		337px;
	background:	transparent;
	position:	absolute;
	top:		0;
	left:		0;
	z-index:	999;
}

#bac-top {
	width: 448px;
	height: 24px;
	background: url(/images/bac-top.png) top left no-repeat transparent;
}

#bac-body {
	width: 448px;
	height: 400px;
	background: url(/images/bac-body.png) top left repeat-y;
	text-align: center;
}

#bac-bottom {
	width: 448px;
	height: 13px;
	background: url(/images/bac-bottom.png) top left no-repeat transparent;
}

#bac-close {
	display: block;
	width: 48px;
	height: 18px;
	background: url(/images/close-button.gif) top left no-repeat;
	position: relative;
	top: 6px;
	left: 382px;
	text-decoration: none;
}

#btn-book-a-cleaner {
	display: block;

	background: url(http://www.carpetcleanerlondon.org.uk/wp-content/uploads/2016/09/booknow-sidebar.png) top left no-repeat;
    width: 219px;
    height: 144px;
    margin-bottom: 2em;
}


/* =Price Table
-------------------------------------------------------------- */

.table-prices {
	width: 100%;
	margin-bottom: 1em;
}

.table-prices tr:first-child td {
    background: #2B4636;
    color: #fff;
    font-size: 16px;
    border-bottom: 3px solid #FBC489;
}

.table-prices tr:last-child td {
    border-bottom: 3px solid #FBC489;
}

.table-prices tr td {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #3F7153;
}

div.wpcf7 p {
    color: #283841;
    font-weight: bold;
}

input[type="text"], input[type="email"], input[type="tel"], textarea {
    width: 100%;
    background: #EDF2EE;
    border: 1px solid #FBC489;
}
input[type="submit"] {
    width: 50%;
    display: block;
    margin: 0 auto;
    padding: 5px;
    font-size: 14px;
    color: #fff;
    border: none;
	background: #3c5361;
	background: -moz-linear-gradient(top, #3c5361 0%, #283841 100%);
	background: -webkit-linear-gradient(top, #3c5361 0%,#283841 100%);
	background: linear-gradient(to bottom, #3c5361 0%,#283841 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5361', endColorstr='#283841',GradientType=0 );
}

input[type="submit"]:hover {
    background: #2B3C46;
    cursor: pointer;
}

textarea {
    height: 150px;
}

blockquote {
	color: #2B4636;
    font-size: inherit;
    padding-left: 20px;
    border-left: 4px solid #FBC489;
}

div.tablecaption {
    background: url("images/tablecaption-bg.gif") repeat-x scroll left top #3063A8;
    border-bottom: 1px solid #1A3A67;
}
div.tablecaption div {
    background: url("images/tablecaption-r.gif") no-repeat scroll right top transparent;
}
div.tablecaption h1 {
    background: url("images/tablecaption-l.gif") no-repeat scroll left top transparent;
    color: #FFFFFF !important;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 14px !important;
    font-weight: bold;
    padding: 3px 6px;
	margin:0;
}

#secondary img {
	max-width: 100%;
}
#primary, #secondary {
	padding-left: 10px;
	width: 204px;
}

#callbox {
    z-index: 999;
    top: auto;
    margin-left: -16px;
}
#main-wrapper {
	position: relative;
}
#masthead-wrapper {
}

#main-wrapper:before {
    content: "";
    position: absolute;
    top: -145px;
    bottom: 40px;
    right: 0;
    background: #a4aaa1;
    width: 200px;
}

#right-sidebar {
	position: relative;
}

#right-wrap {
	position: absolute;
    right: 0;
}
.right-inside {
	position: fixed;
    z-index: 999;
    top: 105px;
}

#main-bottom {
    width: 100%;
    background: url("http://www.carpetcleanerlondon.org.uk/wp-content/uploads/2016/09/back2.png") no-repeat top;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -10;
    right: 0;
}

#promos-wrapper {
    margin-bottom: 2em;
}

/* Media Queries */

@media (min-width: 768px) {
	#navigation {
    width: 740px;
    margin: auto;
	}
	#main-wrapper {
	width: 740px;
	margin: auto;
	}
	#masthead-wrapper {
	width: 740px;
	margin: auto;
	}

	.li-nav-primary a {
		font-size: 1.1em;
		padding: 0 14px;
	}
	
}
@media (min-width: 992px) {
	#navigation {
    width: 940px;
    margin: auto;
	}
	#main-wrapper {
	width: 940px;
	margin: auto;
	background-size: 78.9% 100%;
	}
	#masthead-wrapper {
	width: 940px;
	margin: auto;
	}

	#main {
	width: 740px;
	}
	#site-info {
	width: 740px;
	}

}

@media (min-width: 1200px) {
	#navigation {
    width: 1040px;
    margin: auto;
	}
	#main-wrapper {
	width: 1040px;
	margin: auto;
	background-size: 80.9% 100%;
	}
	#masthead-wrapper {
	width: 1040px;
	margin: auto;
	}

	#main {
	width: 840px;
	}
	#site-info {
	width: 840px;
	}
	#colophon {
    width: 1040px;
	}

}

.slicknav_menu, #call {
	display:none;
}

@media (max-width: 767px) {
	.phone-header, #logo {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	#right-sidebar, #main-wrapper:before {
		display: none;
	}
	#main-wrapper {
		width: 100%;
		background: #fff;
	}
	#main, #masthead {
		margin-right: 0;
	}
	#masthead {
		padding: 0;
	}
	#main-bottom {
		background: none;
	}
	#content, #container {
		margin:0;
	}
	#primary, #secondary {
		float: none;
    	margin: 0 auto;
	}
	#promos-wrapper, #callout-wrapper {
    	float: none !important;
    	margin-right: auto;
    	margin-left: auto !important;
	}
	#site-info {
		width: 90%;
	}
	#promos .promo-caption, #promos-wrapper, #promos a img {
		max-width: 100%;
	}
	img.alignleft, img.alignright {
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	h1.entry-title {
		text-align: center;
	}
	#navigation-wrapper, #navigation {
		height: auto;
	}
	#navigation-wrapper .ul-nav-primary {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
	.li-nav-primary {
		float: none;
	}
	.li-nav-primary a {
		font-size: 14px;
		line-height: 28px;
		text-transform: none;
	}

	#call{
		display:block;
		position:fixed;
		bottom:10px;
		left: 0;
		right:0;
		width:100%;
		overflow:visible;
	}
	#t2c{
		width: 231px;
    	height: 63px;
		display:block;
		clear:both;
		background:url('http://www.carpetcleanerlondon.org.uk/wp-content/uploads/2016/09/call-button.png') no-repeat;
	}
}

/*!
 * SlickNav Responsive Mobile Menu v1.0.8
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0.4em;
  width: 100%;
  line-height: 1.125em;
  text-align: center;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: inline-block;
    line-height: 1.188em;
   }
  .slicknav_menu .slicknav_icon {
    display: inline-block;
    width: 1.125em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  border-bottom: 3px solid #E8B67E;
  box-sizing: border-box;
  background: #283841;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  border-bottom: 1px solid #FDC689;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      background: #fdc689;
      color: #283841; }
  .slicknav_nav a {
    //padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      background: #fdc689;
      color: #283841; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }