/*
Theme Name: The Phoenix Marathon
Theme URI: Client URL
Author: Unruly Studios
Author URI: http://unrulystudios.com

*/

/*RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; } 
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
a { text-decoration: none; }

/*FIXES*/
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom:1; clear:both; }
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }


/*GLOBALS*/
body { background: #fff; font-family: "Open Sans", sans-serif; font-size: 16px; color: #545454; }

.left { float: left; }
.right { float: right; }
.alignleft { float: left; }
.alignright { float: right; }
.center { text-align: center; }

.data-table { display: table; max-width:60%; border-collapse:collapse; margin:0 auto; text-align:center;}
.data-row { display: table-row; }
.data-row:nth-child(odd) {background-color:#e5e5e5;}
.data-cell.header {font-weight:bold; text-transform:uppercase;}
.data-cell.special {font-style:italic; font-weight:600;}
.data-cell { display: table-cell; border: 1px solid #B7B7B7; padding:.5em; width:50%;}

img {width:100%;}

img.original {width:initial; width:auto;}

strong { font-weight: bold; }
em { font-style: italic; }

a { color: #a32226; }

.row { width: 960px; margin: 0 auto; }

.one-third { float: left; width: 33.333%; }
.one-fourth { float: left; width: 25%; }
.one-fifth { float: left; width: 20%; }

h1 { font-size:36px; font-weight:400; color:#231f20; text-transform:none; }
h2 { font-size:16px; font-weight:800; color:#231f20; margin-bottom:20px; }
h3 { font-size:12px; text-transform:uppercase; font-weight:600; letter-spacing:.05em; }

.videoWrapper {position: relative; padding-bottom: 56.25%; height: 0;}
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*HEADER*/
#logo { display: block; background:url(/images/logo.jpg) center center no-repeat; width: 460px; height: 79px; float: left; margin-top:30px; }

.social li { float: left; padding: 0 5px; }
.social a { display: block; background: url(/images/social.png) 0 0 no-repeat; width: 20px; height: 20px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.social .facebook:hover { background-position: 0 -20px; }
.social .twitter {  background-position: -20px 0;  }
.social .twitter:hover { background-position: -20px -20px; }
.social .google {  background-position: -40px 0;  }
.social .google:hover { background-position: -40px -20px; }

#header .social { float: right; padding:22px 0; margin-right:20px; width: 50%; }
#header .social ul { float: right; }
#header #hosted-by {float:left; margin:10px 0px 0px 118px;}
.register-dropdown { float:right; background:#231f20; text-align:center; padding-top:2px;}
.register-dropdown h2 { font-family: "Open Sans Condensed", sans-serif; color:#fff; font-size:22px; font-weight:300; margin-bottom:5px; margin-top:10px;}
.register-dropdown h2 strong { font-size:24px; }
.register-dropdown a { font-size:13px; color:#fff; display:block; }
.register-dropdown a:hover { color:#e9cacb; }
.register-dropdown .drop { background:#393637; padding:10px 15px; margin-top:15px; }
.register-dropdown .drop:hover { background:#a32226; }
.register-dropdown .drop ul { display:none; }
.register-dropdown .drop:hover ul { display:inherit; }
.register-dropdown .drop li a { font-size:18px; text-align:left; border-bottom: 1px solid #be6265; font-weight:bold; padding:10px 0; }
.register-dropdown .drop li { background:url(/images/register-pulldown-arrow.png) right center no-repeat;  }
.register-dropdown .drop li.bottom, .register-dropdown .drop li.bottom a { border-bottom:none; }

#nav { text-align:center; position: relative; z-index: 10; }
#nav li { display:inline-block; }
#nav a { display:inline-block; padding: 0 17px 30px 17px; color:#858283; font-size:12px; text-transform:uppercase; font-weight:600; }
#nav .current-menu-item a, #nav .current-page-ancestor a, #nav a:hover { color: #0079c2; background:url(/images/nav-current.png) bottom center no-repeat; }

#nav ul li#menu-item-32 ul { display: none; position: absolute; top: 79%; z-index: 100; width: 150px; background-color: #FFF; padding-bottom: 10px; border: 1px solid #F7F7F7;}
#nav ul li#menu-item-33 ul { display: none; position: absolute; top: 79%; z-index: 100; width: 150px; background-color: #FFF; padding-bottom: 10px; border: 1px solid #F7F7F7;}
#nav ul li#menu-item-37 ul { display: none; position: absolute; top: 79%; z-index: 100; width: 150px; background-color: #FFF; padding-bottom: 10px; border: 1px solid #F7F7F7;}
#nav ul li#menu-item-182 ul { display: none; position: absolute; top: 79%; z-index: 100; width: 165px; background-color: #FFF; padding-bottom: 10px; border: 1px solid #F7F7F7;}
#nav ul li#menu-item-38 ul { display: none; position: absolute; top: 79%; z-index: 100; width: 150px; background-color: #FFF; padding-bottom: 10px; border: 1px solid #F7F7F7;}
#nav ul li#menu-item-188 ul { display: none; position: absolute; top: 79%; z-index: 100; width: 150px; background-color: #FFF; padding-bottom: 10px; border: 1px solid #F7F7F7;}
#nav ul ul li { float: none; padding: 0; display:block; }
#nav ul li#menu-item-32:hover > ul { display: block; } 
#nav ul li#menu-item-33:hover > ul { display: block; } 
#nav ul li#menu-item-37:hover > ul { display: block; } 
#nav ul li#menu-item-38:hover > ul { display: block; } 
#nav ul li#menu-item-182:hover > ul { display: block; } 
#nav ul li#menu-item-188:hover > ul { display: block; } 
#nav ul ul a { padding: 10px 0 10px 0px; }
#nav ul ul a:hover { color: #0079c2; }
#nav  .current-menu-item .sub-menu a:after, #nav .current-page-ancestor .sub-menu a:after, #nav .sub-menu a:hover:after { display: none!important; }

/*CONTENT*/
#content { position: relative; padding:0px 20px 60px 20px; margin-left:auto; margin-right:auto; }

.main { float: left; width: 630px; }
.main p { line-height: 180%; margin-bottom: 20px; }
.main ul { line-height: 180%; list-style: disc; margin:0 30px 0 20px; }

.main .half { width:50%; padding-left:30px; }
.main .half h1 { color:#545454; font-size:60px; line-height:100%; margin-bottom:20px; }
.main .half h1 span { font-size:24px; } 
.main .box { background:#e5e5e5; padding:30px; margin:30px 0; }
.main .box .half { padding:0; }

.page-header { background:#e5e5e5; padding:40px 0; margin:-10px 0 40px 0; }

img.header { border-bottom:8px solid #e5e5e5; padding-bottom:30px; margin-bottom:30px; }

#marathon-details ul {list-style:none; margin:20px 20px 30px 20px;}

#copper-star #register-btn {margin-left:168px; margin-top:25px; width:273px; background-color:#a32226;}
#copper-star #register-btn a.btn.red {padding:15px 81px;}
#copper-star h2 {text-align:center; text-transform:uppercase; line-height: 2em; margin-bottom:30px; font-weight:normal; color:#545454;}
#copper-star h2 span {font-size:2em;}
#copper-star h3 {text-align:center; text-transform:uppercase; margin:30px 0px; font-size:2em;}

#copper-star p#full-copper-star {text-align:center;}

div.screenMask
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #000000;
    opacity: 0.95;
    filter: alpha(opacity=95);
    visibility: visible;
}

#copper-star ul {list-style-type:none;}
#copper-star ul li {border-bottom: 1px solid #cecece; margin-bottom:30px; padding-bottom:20px; text-transform:uppercase;}
#copper-star ul li span {position:relative; top:-150px; left:80px; font-size:2em;}

#copper-star ul li span.medal-year {position:initial; color: #a32226; font-size:2em;}

ul#about-the-race {  line-height: 180%;  list-style-type: decimal;  margin-left: 60px;  margin-bottom: 20px;}

/*SIDEBAR*/
.sidebar { float: right; width: 300px; }
.countdown { background:#0079c2; color:#fff; padding:15px; margin-top:1px; margin-bottom:30px; }

.sidebar .box { background:#e5e5e5; padding:20px; font-size:12px; line-height:160%; margin-bottom:30px; }
.sidebar .box p { margin:20px 0; }
.sidebar .box a.btn.black { margin-right:10px; }

.shop-banner { background:url(/images/banner-shop.jpg) no-repeat; width:300px; height:250px; text-align:right; padding:20px 20px 0 130px; }
.shop-banner p { font-family: "Open Sans Condensed", sans-serif; font-size: 24px; font-weight:bold; color:#fff; line-height:120%; margin-bottom:20px; }
.shop-banner a { clear:both; }
.btn.red { background:#a32226; padding:15px 91px; font-weight:bold;}
#register-btn {background:#a32226; width:300px;}
#testimonial h2 {border-top: 1px solid #e3e3e3; margin-top:20px; padding-top:20px; text-transform:uppercase;}
#testimonial h3 {text-align:right;}
#testimonial p {color: #a22225;
font-weight:bold;
  font-style: italic;
  font-size: 1.2em;
  font-family: "Open Sans Condensed", sans-serif;
  line-height: 180%;
  margin-bottom:20px;
  }
/* testimonial section 

#testimonial{
	position:absolute;
	left:50%;
	margin-left:-468px;
	width:966px;
	margin-top:300px;
}

#testimonial .test{
	padding-top:15px;
	padding-bottom:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.4em;
	color:#4077bb;
}

#testimonial .name{
	font:Georgia, "Times New Roman", Times, serif;
	color:#323232;
	font-size:1.3em;
	float:right;
	margin-right:55px;
}

#testimonial .divider{
	border:none;
	vertical-align:baseline;
	margin-top:20px;
} */



/*FORMS*/

.form-row label { display: inline-block; width: 12em; text-align: right; margin-right:2em;}
.form-row input, .form-row select {margin-bottom:1em;}
.fine_print label {font-size: .7em; width:18em;}
#stripe-submit {margin-top:2em; width:100%;}
.card-info {background-color:#e5e5e5; border: 1px solid #d7d7d7; padding:2em; margin-top: 1em;}
.race-order-details {margin-bottom: 1.5em; width:100%;}
.race-order-details thead, .payment-header {font-weight: bold; text-transform: uppercase; text-align:left; font-size:1.1em;}
.race-order-details td {padding:.5em 1em; max-width: 50%;}
.race-order-details td:nth-child(even) {text-align: right;}
.race-order-details .race-name {padding-top:1.5em;}
.discount-code {text-transform: uppercase;}
.discount-errors {color:red; font-weight: bold; padding-bottom:.5em;}
.main .error-message {text-align: center; font-weight:bold; border:1px solid #A32226; padding:.75em; margin-bottom:1rem;}
.donation {display:none;}
.update_cart {text-align: right; font-weight: normal; font-size: .8em;  text-decoration: underline; color: #a22225;}
#user {display: none;}
.disclaimer {text-align: center; margin-top:1em; font-size:.8em; font-weight: bold;}

input[type=text], input[type=email], input[type=tel], textarea, select { padding: 10px 14px; border: 1px solid #dedede; font-size:14px; font-style:italic; color:#545454; font-family: "Open Sans", sans-serif; }
.main .gform_wrapper .top_label .gfield_label {margin-top:30px;}
.btn, input[type=submit] { background: #0079c2; font-weight: 400; color: #FFF; padding: 15px 30px; text-transform: uppercase; cursor: pointer; font-size: 14px; line-height:350%; }
.btn.white-border { background:none; border:1px solid #fff; padding:14px 30px; }
.btn.vol-red {background:#a32226; border:none; padding: 15px 30px; text-transform:uppercase;}
.btn.vol-blue {background:#0079c2; margin-top:2em; padding: 15px 78px;}
.vol-sidebar {margin-top:2em; background:#0079c2 !important;}
.btn.black-border { background:none; border:1px solid #000; padding:14px 30px; color:#000; }
.btn.black { background:#000; }
input.search { background:url(/images/icon-search.png) right center no-repeat; clear:both; display:block; margin-right:20px; }

/*HOME PAGE*/
.slider { position: relative; z-index: 1; width: 100%; max-width: 1280px; min-width:960px; margin: -10px auto 30px auto;  }
.slider .bx-wrapper { margin-bottom: 0; }
.slider .bx-viewport { background: none; border: 0; box-shadow: none; left: 0; z-index: 1; }
.slider .bx-controls { z-index: 2; position: relative; }
.slider .bx-wrapper .bx-pager { bottom: 15px; }
.slider .bx-wrapper .bx-pager.bx-default-pager a { background: #b6cfe3; }
.slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #FFF; }

.slider-text { position: relative; margin-top:-225px; width:960px; z-index: 9999; padding-right:140px; }
.slider-text h1 { color: #FFF; text-transform: uppercase; font-weight: 700; font-family: "Open Sans Condensed", sans-serif; font-size: 45px; }
.slider-text p { color:#fff; font-size:24px; line-height:120%; margin:10px 0px 20px 0px; }
.slider-text a.btn { margin-right:10px; }

.race-icons { text-align:center; margin:0 0 60px 0; }
.race-icons li { display:inline-block; padding:0 40px; }
.race-icons a { display:inline-block; background:url(/images/race-icons.png) 0 0 no-repeat; width: 146px; height: 146px; font-size:26px; color:#231f20; font-weight:bold; font-family: "Open Sans Condensed", sans-serif; padding-top:60px; }
.race-icons a:hover { color:#a22225; }
.race-icons .full:hover { background-position: 0 -146px; }
.race-icons .half { background-position:-146px 0; }
.race-icons .half:hover { background-position:-146px -146px; }
.race-icons .tenk { background-position:-292px 0; }
.race-icons .tenk:hover { background-position:-292px -146px; }
.race-icons .finish { background-position:-438px 0; }
.race-icons .finish:hover { background-position:-438px -146px; }

h1.home { font-size:24px; color:#231f20; font-weight:400; line-height:150%; border-top:8px solid #e5e5e5; padding:20px 0; }

.main .featured { margin:0 0 1.5em 0; background-color: #e5e5e5;}
.main .featured h2 { margin-top: 1.5em; margin-bottom: .5em;}
.main .featured img {border:1px solid #cecece;}
.main h4.featured-heading {padding:1em 0; font-weight:800; color:#231f20; text-transform:uppercase;}
.main .featured .text { max-width:100%; padding:.5em; }
.main .featured p a { font-size:12px; color:#a22225; font-weight:bold; }

.main .stats { list-style:none; margin:0; }
.main .stats li { float:left; width:100%; margin-right:30px; font-size:12px; text-transform:uppercase; }
.main .stats li img { float:left; margin-right:30px; }
.main .stats li strong { color:#a22225; font-weight:bold; font-size:30px; font-family: "Open Sans Condensed", sans-serif; line-height:130%;}

/* SPONSORS */
.sponsor {width:33%; float:left; padding:5px;}
.sponsors img {max-width:100%;}

/* CANCELLATION POLICY/TRANSFERS */
#refunds ul {margin-bottom:30px;}
#refunds ul li ul {margin:5px 0px 5px 20px; list-style-type:circle;}
#refunds ul li.race-cat { font-weight:600;}
#refunds ul li.race-cat ul { font-weight:normal;}


/* LATEST NEWS */
.main hr:last-child {display:none;}

/* FAQS */

ul.faqs {
list-style:none;
margin-bottom:30px;
}
ul.faqs li {
display: block;
padding-left: 22px;
line-height:24px;
}
h3.faq-title {color:#000000; font-weight:bold; font-size:14px;}

/* AMBASSADORS */

.ambass-container {margin-top:2em; border-bottom: 1px solid #e3e3e3;}
.ambass-container:last-child {margin-bottom:2em; border-bottom:0;}
.ambass-img img {border:1px solid #cecece;}
.ambass-img {float:left; width:30%;}
.ambass-bio {float:left; width:55%; padding-left: 2em;}
.ambass-header {padding-bottom: 0; margin-bottom:.5em; text-transform: uppercase;}

/*FOOTER*/

.hosted { background:#e5e5e5; border-top:8px solid #d7d7d7; margin-bottom:40px; }
.hosted h3 { background:#d7d7d7; padding:5px 20px 10px 20px; display:inline-block; color:#a2a2a2; }
.hosted ul { text-align:center; }
.hosted li { display:inline-block; margin:20px 40px 40px 40px; }
.hosted li a { display:inline-block; }

#footer { background: #212121; color: #c7c7c7; font-size: 14px; line-height: 140%; }
#footer a { color: #c7c7c7; }
#footer a:hover { color: #fff; }
#footer h2 { color:#c7c7c7; }

.copy { background:#1d1d1d; padding: 30px 0 50px 0; font-size: 10px; color: #666; text-transform: uppercase; margin-top: 30px; }
.copy p { float:left; display:block; }
#footer .copy a { color:#666; }
.copy ul { float:right; display:block; }
.copy ul li { display:inline-block; margin-left: 30px; }

#footer .one-third li { background:url(/images/bullets-footer.png) left 5px no-repeat; padding-left:20px; line-height:180%; text-transform: uppercase; font-size:12px; font-weight: 600; letter-spacing: .05em;}
#footer .feed { margin-right:30px; }
#footer .feed li { background-image:none; padding:15px; line-height:160%; font-size:12px; text-transform:none; font-weight:normal;}
#footer .feed li:nth-child(odd){ background:#2c2c2c; }​

/* MOBILE ONLY STYLES, HIDDEN ON DESKTOP VERSION */
#menu-icon, #marathon-date-mobile, #reg-link-mobile, #top-bar-mobile, #vol-bar-mobile, #presented-by-mobile, #copper-star-mobile {display: none;}