/*
Theme Name: Health Trainers
Theme URI: http://mercury-marketing.co.uk/
Description: Custom theme for Health Trainers based on Twenty Eleven
Author: Mercury Marketing
Author URI: http://mercury-marketing.co.uk/
Template: twentyeleven
Version: 1.0
*/

/* @import url("../twentyeleven/style.css"); */

html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}
body,td,th, #news .box h3 a {font-family: 'VAG Rounded W01 Light',Arial,sans-serif; font-style:normal; font-weight:normal;}
body {margin-left: 0px;	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px;}
h1, h2, h3, h4, strong, #events .box .date, #tweets a, #tribe-events-pg-template .tribe-events-tooltip .duration {font-family: 'VAG Rounded W01 Bold',Arial,sans-serif; font-weight:normal;}
img {border:0; max-width:100%; height:auto; display:block;}
a {text-decoration:none; background:transparent; color:#000000;}
a:hover, a:hover img {opacity:0.6; cursor:pointer;}
a {-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}
.wrap, .nav, .inner, #events .box .date, .slider .ms-slide-info {-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position:relative;}
.nav .nav-menu, .slider .inner, #events .box .date .dspan, .slider .ms-slide-info {position:absolute; top: 50%; -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%); transform: translateY(-50%);}
.slider h1, .slider .ms-slide-info h1 {background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8);}
.wrap, .nav, .inner, .slider .ms-slide-info {max-width:1147px; margin:auto; padding:20px 0; overflow:auto; position:relative;}
.top {border-bottom:solid 2px #8ac53f; text-align:right;}
.top img, .top #google_translate_element {display:inline-block; margin-left:10px;}
.top #google_translate_element {position:relative; top:-6px;}
.top #google_translate_element img, .top #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {display:none;}
.top #google_translate_element .goog-te-gadget-simple {border:solid 1px #8ac53f; border-radius:20px; padding:2px 5px 3px;}
.top #google_translate_element .goog-te-gadget-simple .goog-te-menu-value {color:#8ac53f;}
.top #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span:first-child {display:inline-block;}
.nav {overflow:visible; height:80px; z-index:99999;}
.nav .logo, .nav .nav-menu, .nav .nav-menu ul li {display:inline-block;}
.nav .logo {float:left;}
.nav .nav-menu {right:0; font-size:18px;}
.nav .nav-menu ul {margin:0; padding:0; list-style:none;}
.nav .nav-menu ul li {padding:10px 7px 0; z-index:99999; position:relative;}
.nav .nav-menu ul ul {display:none; position: absolute; top:20px; padding-top:20px; left: 0px;float: left; width: 240px; text-align:left;z-index:999; text-transform:none;}
.nav .nav-menu ul ul li, .nav .nav-menu ul ul ul li {margin:0; z-index:99999; padding:0;}
.nav .nav-menu ul ul ul {display: none; position: absolute; top: 0; left: 240px; float: left; z-index: 99999; padding-top:0; padding-left:10px;}
/*.nav .nav-menu ul ul ul a {border-left:solid 1px #FFFFFF;}*/
.nav .nav-menu a {display: block;}
.nav .nav-menu ul ul a {color:#000; height:60px; opacity:1;}
.nav .nav-menu ul li:hover > ul {display: block;}
.nav .nav-menu li:hover > a, .nav .nav-menu ul ul :hover > a {color:#000; background-color:#fff;}
.nav .nav-menu ul ul :hover > li {width:450px;}
.nav .nav-menu ul ul :hover > a {background-color:#fff;}
.nav .nav-menu ul ul a {background-color:#fff; line-height: 1em; padding:10px; width: 250px;	height: auto;}
.nav .nav-menu ul li.current-menu-item > a, .nav .nav-menu ul li.current-menu-parent > a, .nav .nav-menu ul ul li.current-menu-item > a, .nav .nav-menu ul li.current_page_item ul a {color:#000; background-color:#fff; opacity: 1 !important}
.nav .nav-menu ul li.current_page_item > a, .nav .nav-menu ul li.current-menu-ancestor > a { color:#000;background-color:#fff; opacity:1;}
.nav .nav-menu ul ul a:hover, .nav .nav-menu ul li.current_page_item a:hover {color:#ccc;}
.slider {position:relative; overflow:hidden;}
.slider .inner, .slider .ms-slide-info {width:100%; left:0; right:0; position:absolute !important; margin-top:0 !important; overflow:hidden;}
.slider .inner h1, .slider .ms-slide-info h1 {display:inline-block; padding:20px; color:#8ac53f; font-size:40px; width:45%;}
.slider .ms-slide-info h1.right {float:right;}
.section {border-bottom:8px solid #FFFFFF; color:#FFFFFF;}
.section h2 {text-align:center; font-size:36px; margin:0 0 20px;}
.section a {color:#FFFFFF;}
.boxes {text-align:center;}
.boxes .box, #tweets ul li {display:inline-table; width:139px; margin-left:25px; font-size:15px;}
.boxes .box:first-child {margin-left:0;}
.boxes .icon {border:solid 4px; border-color:#000000; border-radius:360px; overflow:hidden; width:139px; height:139px; display:inline-block;}
.down .boxes .box {width:101px; margin-bottom:20px;}
.down .boxes .icon {width: 101px; height:101px;}
.home .boxes .box h3 {min-height:55px; line-height:22px;}
.down .boxes .box h3 {font-size:14px; line-height:16px; min-height:60px;}
.boxes .box h3, #results .txt h3 {border-bottom:solid 1px; padding-bottom:10px; margin-bottom:0; display:inline-block; font-size:20px;}
.boxes .box_16, #hints, .page-id-16 .slider .ms-slide-info h1, .page-id-16 #lifestyle h2, .page-id-16 #lifestyle a {color:#682b92;}
.boxes .box_16 h3, .boxes .box_16 .icon, #hints {border-color:#682b92;}
.boxes .box_23, .page-id-23 .slider .ms-slide-info h1, .page-id-23 #lifestyle h2, .page-id-23 #lifestyle a {color:#00adf2;}
.boxes .box_23 h3, .boxes .box_23 .icon {border-color:#00adf2;}
.boxes .box_971, #results, #results .txt a, .page-id-971 .slider .ms-slide-info h1, .page-id-971 #lifestyle h2, .page-id-971 #lifestyle a {color:#f99521;}
.boxes .box_971 h3, .boxes .box_971 .icon, #commissioners img, #results .txt a {border-color:#f99521;}
.boxes .box_975, .page-id-975 .slider .ms-slide-info h1, .page-id-975 #lifestyle h2, .page-id-975 #lifestyle a {color:#ef008c;}
.boxes .box_975 h3, .boxes .box_975 .icon {border-color:#ef008c;}
.boxes .box_989, #lifestyle h2, #tribe-geo-results h2.tribe-events-page-title, h2.tribe-events-page-title, .page-id-989 #lifestyle a {color:#8ac53f;}
.boxes .box_989 h3, .boxes .box_989 .icon {border-color:#8ac53f;}
.boxes .box_978, #lifestyle a, .page-id-978 .slider .ms-slide-info h1, .page-id-978 #lifestyle h2 {color:#ee3b33;}
.boxes .box_978 h3, .boxes .box_978 .icon {border-color:#ee3b33;}
#lifestyle, .page-id-1045 .slider .ms-slide-info h1, .page-id-1045 #lifestyle h2 {color:#000000;}
#news {background:url(images/apple_r.png) right no-repeat #8ac53f;}
#news img {width:100%;}
#news .box, #results img, #results .txt, #tweets .box, #tweets ul li {width:49%; text-align:left; margin:0;}
#news .box#latest, #results img {float:left;}
#news .box#prev, #results .txt {float:right;}
#news .box h3 {font-size:24px; display:block; border-bottom:0; margin-bottom:0;}
#news .box h4 {font-size:18px; border-top:solid 1px #FFFFFF; padding-top:20px; margin-top:0;}
#news .box h3 a, .lnk {display:inline-block; font-size:14px; text-transform:uppercase; border:solid 2px #FFFFFF; padding:3px 20px 2px; text-align:center; border-radius:20px; float:right;}
#events {background:url(images/apple_l.png) left no-repeat #ee3b33;}
#events .box {width:348px; margin:0; padding:0 20px 20px;}
#events .box .date {background:url(images/event_date_bg.png) center no-repeat; width:236px; height:237px; margin:auto; position:relative; padding:60px 0 0 90px}
#events .box .date .dspan {margin:0; left:80px; right:0; font-size:30px; line-height:28px; width:80px; padding:0; position:absolute; bottom:150px;}
#events .box .date .dspan .date-end {display:none;}
#events .boxes .box h3 {min-height:62px;}
#events .bx-wrapper .bx-viewport, #hints .bx-wrapper .bx-viewport, #results .bx-wrapper .bx-viewport {background:none; border:0; box-shadow:none; left:0;}
#events .bx-wrapper .bx-controls-direction a, #hints .bx-wrapper .bx-controls-direction a, #results .bx-wrapper .bx-controls-direction a {height:30px; width:30px; top:-60px;}
#events .bx-wrapper .bx-prev, #hints .bx-wrapper .bx-prev, #results .bx-wrapper .bx-prev {background: url(images/arrow_wht_l.png) top left no-repeat; left:0; right:350px; margin:auto;}
#events .bx-wrapper .bx-next, #events .bx-wrapper .bx-next:hover, #hints .bx-wrapper .bx-next, #hints .bx-wrapper .bx-next:hover, #results .bx-wrapper .bx-next, #results .bx-wrapper .bx-next:hover {background: url(images/arrow_wht_r.png) top right no-repeat; right:-35px; left:350px; right:0; margin:auto;}
.lnk {float:none; margin-top:10px;}
#hints {border-bottom:solid 20px;}
#hints .wrap {padding-bottom:0;}
#hints .bx-wrapper .bx-prev {background: url(images/arrow_pur_l.png) top left no-repeat; right: 270px;}
#hints .bx-wrapper .bx-next, #hints .bx-wrapper .bx-next:hover {background: url(images/arrow_pur_r.png) top right no-repeat; left: 270px;}
#commissioners {background:#ee3b33;}
#commissioners img {float:right; max-width:49%; margin-top:-20px;}
#commissioners p {width:50%;}
#results img {border:solid 3px;}
#results .txt h3 {margin-top:10px;}
#results .txt p {color:#000000; font-size:14px;}
#results .txt .more-link {display:none;}
#results .bx-wrapper .bx-prev {background: url(images/arrow_ora_l.png) top left no-repeat; right: 250px;}
#results .bx-wrapper .bx-next, #results .bx-wrapper .bx-next:hover {background: url(images/arrow_ora_r.png) top right no-repeat; left: 250px;}
#tweets {background:url(images/twit_bg.png) left no-repeat #00adf2; text-align:center;}
#tweets img {display:inline-block;}
#tweets ul {margin:0; padding:0; list-style:none;}
#tweets .box, #tweets ul li {margin:20px 0; padding-left:20px; border-left:solid 1px #FFFFFF;}
#tweets .box:first-child, #tweets ul li:first-child {padding-left:0; border:0;}
#contact {background:#8ac53f; text-align:center;}
#contact label, #contact input, #contact textarea {display:block; margin:auto; width:350px;}
#contact input, #contact textarea {background:none; border:solid 1px #FFFFFF; border-radius:20px; padding:5px 10px; color:#FFFFFF; margin:5px auto 15px;}
#contact textarea {height:140px;}
#contact .lnk {width:150px;}
#foot {color:#000000; padding:10px 30px; overflow:auto; font-size:12px;}
#foot a {color:#000000;}
#foot .copy {float:left;}
#foot .mercury {float:right;}
#tribe-events-pg-template {margin:20px auto !important; max-width:1147px !important;}
#tribe-events-pg-template .tribe-events-calendar thead th {background-color:#000000;}
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {background-color:#8ac53f !important;}
#tribe-events-pg-template .tribe-events-calendar td a {color:#ee3b33 !important;}
#tribe-events-content .tribe-events-tooltip h4, #tribe_events_filters_wrapper .tribe_events_slider_val, .single-tribe_events a.tribe-events-gcal, .single-tribe_events a.tribe-events-ical {color:#8ac53f !important; font-weight:normal !important;}
#tribe-events .tribe-events-button, .tribe-events-button {color:#FFFFFF !important;}
.recurring-info-tooltip, .tribe-events-calendar .tribe-events-tooltip, .tribe-events-week .tribe-events-tooltip {color:#000000 !important;}
#tribe-events-pg-template .tribe-events-calendar div[id*="tribe-events-daynum-"], #tribe-events-pg-template .tribe-events-calendar div[id*="tribe-events-daynum-"] a {background-color:#333333;}
#tribe-events-pg-template .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], #tribe-events-pg-template .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a {background-color:#e0e0e0;}
.profile {border-top:solid 1px #ee3b33; padding:20px 0;}
.profile img, .single .wp-post-image {float:left; margin:0 20px 22px 0;}
.profile h3 {margin-top:0;}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.imgmap-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {color:#000 !important; margin-top:10px;}
.imgmap-dialog .ui-dialog-titlebar {background-color:#ee3b33 !important;} 
.section {padding:0 20px;}
.p_cont input, .p_cont textarea {width:100%;}
.p_cont .wpcf7-checkbox input, input[type=submit], .div_checkbox input, input[type=reset], input[type=checkbox] {width:auto;}
.one_half {padding:0 10px 0 0;}
.one_half.last_column {padding:0 0 0 10px;}
/*.bx-wrapper .bx-controls-direction a.disabled {display:block !important;}*/
.p_cont {overflow:hidden;}
.p_cont .left, .p_cont .right {width:48%; float:left;}
.p_cont .right {float:right;}
.col_o, .col_t, .col_th {width:32%; margin-left:2%; float:left;}
.col_o {margin-left:0;}

@media (max-width: 1147px) {
	.boxes .box, .boxes .box:first-child {margin:0 12px;}
	.nav {text-align:center; height:auto;}
	.nav .logo, .nav .nav-menu {float:none; position:relative; display:block;}
	.nav .logo img {display:inline;}
	.nav .nav-menu {margin:25px 0 -20px; width:100%;}
	.slider .ms-slide-info h1 {font-size:26px; margin-left:60px;}
	.slider .ms-slide-info h1.right {margin-left:0; margin-right:60px;}
}
@media (max-width: 840px) {
	.slider .inner, .slider .ms-slide-info h1 {font-size:16px; padding:15px; width:30%;}
	#news #latest.box, #results img, #news #prev.box, #results .txt, #commissioners img, #commissioners p, .col_o, .col_t, .col_th {float:none; width:100%;}
	#commissioners {text-align:center;}
	#commissioners img {display:inline;}
	#commissioners p {text-align:left;}
	.alignleft, .alignright {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto; float:none;
}
.col_o, .col_t, .col_th {margin:0;}
}
@media (max-width: 550px) {
	.slider .inner, .slider .ms-slide-info h1 {display:none;}
	.p_cont .left, .p_cont .right {width:100%; float:none;}}