/*
Theme Name: Huxleys
Description: WordPress theme developed for Huxleys
Author: Wetdog Creative
Author URI: http://www.wetdogcreative.co.uk
Version: 1.0
*/

/* Import Resets */
@import url(css/reset.css);

/* Fonts */
@font-face {font-family: 'ITCAvantGardeStd-XLt';src: url('fonts/267FBF_0_0.eot');src: url('fonts/267FBF_0_0.eot#iefix') format('embedded-opentype'),url('fonts/267FBF_0_0.woff') format('woff'),url('fonts/267FBF_0_0.ttf') format('truetype');}
@font-face {font-family: 'ITCAvantGardeStd-Bk';src: url('fonts/267FBF_1_0.eot');src: url('fonts/267FBF_1_0.eot#iefix') format('embedded-opentype'),url('fonts/267FBF_1_0.woff') format('woff'),url('fonts/267FBF_1_0.ttf') format('truetype');}
@font-face {font-family: 'ITCAvantGardeStd-Md';src: url('fonts/267FBF_2_0.eot');src: url('fonts/267FBF_2_0.eot#iefix') format('embedded-opentype'),url('fonts/267FBF_2_0.woff') format('woff'),url('fonts/267FBF_2_0.ttf') format('truetype');}

/*
================================================================================

  Base

================================================================================
*/

/* Typography */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: ITCAvantGardeStd-Bk, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1em; color: #fff; }
h1, h2, h3, h4 { font-weight: normal; line-height: 1.2em; }
h1, h2 { font-size: 24px; font-family: ITCAvantGardeStd-XLt; }
h3 { font-size: 1.5em; }
h4 { font-size: 17px; line-height: 1.25em; color: #b8ab96; margin-bottom: 1em; }
h4 strong { color: #fff; }
p { line-height: 1.5em; margin-bottom: 1.4em; }
b, strong { font-weight: normal; font-family: ITCAvantGardeStd-Md; }
i, em { font-style: italic; }
blockquote {  }
blockquote p {  }
small { font-size: 13px; line-height: 14px; }

/* Lists */
ul { list-style-type: disc; margin: 0 0 1.5em 2em; }
ol { list-style-type: decimal; margin: 0 0 1.5em 2em; }
ul li, ol li { margin-bottom: 0.75em; line-height: 1.5em; }
ul.no-list, ol.no-list, nav ul, ul.gform_fields { list-style-type: none; margin: 0px; padding: 0px; }
ul.no-list li, ol.no-list li, nav ul li, ul.gform_fields li { margin: 0px; padding: 0px; }

/* Forms */
input, textarea { font-size: 1em; background: #484848; padding: 8px 10px; border: none; outline: none; margin: 0; color: #fff; }
input:focus, textarea:focus { background: #fff; color: #333; }
input[type=text], input.text, textarea, input[type=email] { width: 440px; }
input.search {  }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
label { cursor: pointer; }
.label { width: 150px; float: left; display: block; font-size: 16px; color: #b8ab96; padding-top: 8px; }
.label.radio-wide { width: 300px; }
body.contact p { clear: both; margin: 0 0 20px 0; }
body.contact form { margin-top: 50px; }
body.contact .mailing-list { position: relative; top: 5px; }
.wpcf7 .wpcf7-form-control-wrap { position: relative; display: block; }
.wpcf7 .wpcf7-not-valid-tip { background: #484848; top: 0; left: 150px; color: #fff; font-family: ITCAvantGardeStd-Md; width: 440px; padding: 5px 10px; margin: 0; border-color: #b8ab96; }
.wpcf7 .your-message .wpcf7-not-valid-tip, .wpcf7 .your-address .wpcf7-not-valid-tip { height: 185px; }
.wpcf7 .wpcf7-response-output { background: #b8ab96; color: #fff; padding: 10px; border: none; margin: 30px 0 0 0; }
.form-button-left { margin-left: 150px; }
.wpcf7 input[type=radio] { background: none; }

/* Tables */
table {  }
th, thead {  }
tr {  }
td {  }

/* Navigation */
a { color: #b8ab96; text-decoration: none; outline: none; }
a:visited {  }
a:hover { text-decoration: underline; }
a:hover, a:active { outline: 0; }

/* Buttons */
input[type=submit], input.submit, button, input.button, a.button, .button { font-family: ITCAvantGardeStd-Bk, Helvetica, Arial, sans-serif; cursor: pointer; -webkit-appearance: none; width: auto; background: #968b7a; color: #fff; padding: 5px 40px; font-size: 13px; line-height: 12px; height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
input[type=submit]:hover, input.submit:hover, button:hover, input.button:hover, a.button:hover, .button:hover { }

/* Text Selection */
::-moz-selection { background: #333; color: #fff; text-shadow: none; }
::selection { background: #333; color: #fff; text-shadow: none; }

/* Misc */
hr {  }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* Enable Box Sizing */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/*
================================================================================

  Page

================================================================================
*/

body { background: #968b7a; }
#container {  }
.wrapper { width: 1200px; margin: 0 auto; }

.col-main { width: 590px; float: left; }
.col-sidebar { width: 590px; float: right; }

.left { float: left; }
.right { float: right; }
.floatwrap { overflow: hidden; }

/* Classes for images inserted via WordPress editor */
.alignright { float: right; margin: 0 0 30px 30px; }
.alignleft { float: left; margin: 0 30px 30px 0; }

.clearfloats { clear: both; }
.hide { position: absolute; top: -999em; left: -999em; text-indent: -999em; }

/*
================================================================================

  Header

================================================================================
*/

#header { background: #333; }

#header-logo { padding: 30px 0 35px 0; }
#header-logo a { margin: 0 auto; display: block; width: 238px; height: 145px; background: url(images/logo-huxleys.png) 0 0 no-repeat; overflow: hidden; position: relative; }

#main-nav { text-align: center; padding-bottom: 15px; }
#main-nav li { display: inline; margin: 0 10px; }
#main-nav a { color: #fff; text-transform: uppercase; text-decoration: none; }
#main-nav li.current-menu-item a, #main-nav a:hover, body.post-type-archive-events #menu-item-17 a { color: #b8ab96; }

/*
================================================================================

  Main

================================================================================
*/

/* Homepage */
#carousel { height: 440px; margin-bottom: 30px; }
#carousel .carousel-panel { width: 470px; padding: 10px 30px; position: absolute; bottom: 20px; left: 20px; background: #b8ab96; background: rgba(184,171,150,0.9); color: #fff; }
#carousel .carousel-panel p { margin: 0; font-family: 'ITCAvantGardeStd-XLt'; -webkit-font-smoothing: subpixel-antialiased; font-size: 30px; line-height: 1.3em; }

#homepage { margin-bottom: 80px; }
#homepage h2 { padding: 11px 0 9px; background: url(images/line-wide.png) center bottom no-repeat; margin-bottom: 40px; }

#next-event { width: 470px; background: url(images/line-wide.png) center top no-repeat; }
#next-event h3 { margin-bottom: 20px; ; }
#next-event h3, #next-event p { width: 430px; }

#homepage-content { width: 710px; background: url(images/line-wide.png) center top no-repeat; }
#homepage-content h3, #homepage-content p { font-size: 17px; line-height: 1.25em; float: left; width: 49%; }
#homepage-content h3 { margin-right: 2%; color: #b8ab96; font-weight: normal; }

#main { background: #333; overflow: hidden; padding-top: 25px; padding-bottom: 50px; }
body.home #main { padding: 0; }

p.readmore a { text-transform: uppercase; font-family: ITCAvantGardeStd-Md; }

.heading-bar { background: url(images/line-fullwidth.png) center top no-repeat; margin-bottom: 35px; }
h1.page-title { background: url(images/line-fullwidth.png) center bottom no-repeat; margin: 0; padding: 11px 0 9px 0; }

#slideshow { background: url(images/slideshow-shadow.jpg) center bottom no-repeat; padding-bottom: 90px; }
#slideshow ul { height: 560px; }

body.menus article h2 { margin-top: 80px; margin-bottom: 20px; }
body.menus article ul { border-top: solid 1px #6e685e; list-style-type: none; margin: 0; padding: 0; }
body.menus article ul li { border-bottom: solid 1px #6e685e; font-size: 17px; margin: 0; }
body.menus article ul a { display: block; background: url(images/bg-menu-list.png) 0 -60px no-repeat; padding: 9px 0 8px 40px; }
body.menus article ul a:hover { background-position: 0 10px; }
body.menus article ul a:hover { text-decoration: none; color: #fff; }

/* Events */
#events-sidebar { width: 349px; margin-right: 20px; border-top: solid 1px #6e685e; }
#events-sidebar a { border-bottom: solid 1px #6e685e; padding: 12px 0 10px 0; font-size: 16px; line-height: 1em; display: block; }
#events-sidebar a.active { color: #fff; }
#events-tabs article.event { display: none; }
#events-tabs article.active { display: block; }
.col-main-events { width: 830px; }
.col-main-events h2 { color: #b8ab96; font-size: 20px; line-height: 1.2em; margin-bottom: 15px; font-family: 'ITCAvantGardeStd-Bk'; }
.event-image { width: 349px; margin-left: 30px; padding-bottom: 50px; background: url(images/bg-events-image.jpg) left bottom no-repeat; }
body.post-type-archive-events h1 { margin-bottom: 50px; }

#sidebar.events-sidebar, #sidebar.events-sidebar #next-event, #sidebar.events-sidebar #next-event h3, #sidebar.events-sidebar #next-event p { width: 500px; }
#sidebar.events-sidebar #next-event { background: none; }
#sidebar.events-sidebar h2, #sidebar.events-sidebar h3 { font-size: 18px; }
#sidebar.events-sidebar h2 { background: url(images/line-fullwidth.png) center bottom no-repeat; padding-bottom: 8px; margin-bottom: 20px; }

/*
================================================================================

  Footer

================================================================================
*/

#footer { color: #333; padding: 40px 0; }
#footer .wrapper { background: url(images/bg-footer-border.png) center top no-repeat; }

#footer-strapline { background: url(images/bg-footer-border.png) center bottom no-repeat; overflow: hidden; text-align: center; padding: 15px 0 11px 0; }
#footer-strapline ul { margin: 0; }
#footer-strapline li { display: inline; color: #fff; text-transform: uppercase; font-family: ITCAvantGardeStd-XLt; font-size: 24px; line-height: 1em; background: url(images/separator.png) right 5px no-repeat; letter-spacing: 3px; padding: 0 22px 0 0; margin: 0 13px 0 0; }
#footer-strapline li.last { background: none; padding: 0; margin: 0; }

#footer-columns ul { overflow: hidden; list-style-type: none; margin: 0; }
#footer-columns li.widget-container { float: left; width: 22%; margin-right: 2%; padding: 30px 0; }
#footer-columns li#text-2, #footer-columns li.widget-container:first-child { width: 27%; }
#footer-columns li.widget-container:last-child { margin-right: 0; }

#footer-columns h3 { margin-bottom: 10px; }
#footer-columns em { color: #fff; font-style: normal; }
#footer-columns .textwidget { color: #fff; }
#footer-columns li.widget-container:first-child .textwidget { color: #333; }
#footer-columns .textwidget ul { margin-bottom: 10px; }
#footer-columns small { font-family: ITCAvantGardeStd-Md; }
#footer-columns a { color: #333; text-decoration: none; }
#footer-columns a:hover { color: #fff; }

#footer-bottom { background: url(images/bg-footer-border.png) center top no-repeat; padding: 20px 0 0 0; font-size: 13px; font-family: ITCAvantGardeStd-Md; }
#footer-bottom ul, #footer-bottom li, #footer-bottom .menu-footer-menu-container { display: inline; margin: 0; }
#footer-bottom li { background: url(images/footer-nav-separator.png) right 3px no-repeat; padding-right: 10px; margin-right: 3px; }
#footer-bottom li:last-child { background: none; margin: 0; padding: 0; }
#footer-bottom a { color: #333; text-decoration: none; }
#footer-bottom a:hover { color: #fff; }

/*
================================================================================

  BX Slider

================================================================================
*/

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #655f57;
	text-indent: -9999px;
	display: block;
	width: 18px;
	height: 18px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #b8ab96;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 0px;
	background: url(images/carousel-nav.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
	right: 0px;
	background: url(images/carousel-nav.png) no-repeat -37px 0;
}

.bx-wrapper .bx-prev:hover {
	
}

.bx-wrapper .bx-next:hover {
	
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -62px;
	outline: 0;
	width: 37px;
	height: 85px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*
================================================================================

  Internet Exploder Fixes

================================================================================
*/

html.lt-ie8 #text-4, html.lt-ie8 #text-5 { width: 250px !important; }
html.lt-ie8 input[type=text], html.lt-ie8 input.text, html.lt-ie8 textarea, html.lt-ie8 input[type=email] { width: 400px; }

/*
================================================================================

  Media Queries

================================================================================
*/

@media only screen and (max-width: 1220px) {
	img { max-width: 100%; height: auto; }
	.wrapper { width: 960px; }
	#carousel { height: 340px; }
	#carousel .carousel-panel { padding-left: 20px; padding-right: 20px; }
	#carousel .carousel-panel p { font-size: 28px; }
	#next-event, #homepage-content, .col-main, .col-sidebar { width: 48.5%; }
	#sidebar.events-sidebar { width: 45%; }
	#events-sidebar { width: 38%; }
	.col-main-events { width: 59%; }
	.event-image { width: 50%; background-size: 100% auto; padding-bottom: 30px; }
	.label { width: 30%; }
	.form-button-left { margin-left: 30%; }
	input[type=text], input.text, textarea, input[type=email] { width: 70%; }
	#sidebar.events-sidebar #next-event, #sidebar.events-sidebar #next-event h3, #sidebar.events-sidebar #next-event p { width: 100%; }
	#next-event h3, #next-event p { width: 100%; }
}

@media only screen and (max-width: 959px ) {
	.wrapper { width: 720px; }
	#carousel { height: 250px; }
	#main-nav { margin: 0 100px; }
	#footer-columns li.widget-container { width: 48% !important; height: 200px; }
	.col-main, .col-sidebar, #sidebar.events-sidebar { float: none; width: 100%; }
	.col-main { margin-bottom: 50px; }
	#slideshow { width: 590px; margin: 0 auto; }
	.label { width: 20%; }
	.form-button-left { margin-left: 20%; }
	input[type=text], input.text, textarea, input[type=email] { width: 80%; }
	#carousel .carousel-panel p { font-size: 20px; }
	#footer-bottom .left, #footer-bottom .right { float: none; width: 100%; text-align: center; }
	#footer-bottom .left { margin-bottom: 10px; }
}

@media only screen and (max-width: 767px) {
	.wrapper { width: 90%; }
	#header-logo { padding-bottom: 25px; }
	#header-logo a { width: 150px; background-size: 100% auto; height: 98px; }
	#carousel .carousel-panel { display: none; }
	.bx-wrapper .bx-controls-direction a { margin-top: -30px; height: 60px; width: 26px; background-size: auto 60px; }
	.bx-wrapper .bx-next { background-position: -25px 0; }
	#carousel { height: 100%; }
	#footer-columns li.widget-container { width: 100% !important; height: auto; float: none; padding-bottom: 0px; }
	#footer-columns { margin-bottom: 30px; }
	#next-event, #homepage-content, .col-main, .col-sidebar, #sidebar.events-sidebar { float: none; width: 100%; }
	#homepage-content h3, #homepage-content p { float: none; width: 100%; margin-bottom: 20px; }
	#next-event, #homepage-content { float: left; }
	body.homepage #next-event { display: none; }
	#slideshow { width: 100%; margin: 0; }
	#events-sidebar, .col-main-events { float: none; width: 100%; }
	#events-sidebar { margin-bottom: 30px; }
	.event-image { display: none; }
	#main-nav { margin: 0; }
	#footer-strapline li { font-size: 16px; letter-spacing: 1px; margin-right: 10px; background-position: right 4px; }
	#footer-strapline li.last { margin-right: 0; }
	input[type=text], input.text, textarea, input[type=email] { width: 100%; }
	.label, .label.radio-wide { width: 100%; float: none; }
	.form-button-left { margin-left: 0; }
}


/*
================================================================================

  Print Styles

================================================================================
*/

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}