/* _________________________________________________

VERB Interactive CSS Framework (Grand Canyon National Park Lodges)

Author: VERB Interactive
URL: http://www.verbinteractive.com
_____________________________________________________

*/

/* CSS Reset */

.clearfix{ zoom:1; }.clearfix:before,.clearfix:after{ content:"\0020";display:block;height:0;overflow:hidden; }
.clearfix:after{ clear:both; }

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; }

html {overflow-x: hidden;}
body {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: none;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: "pragmatica-web", sans-serif; 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; }

.booking select, .booking input {-webkit-appearance: none;}

/* typography */

@font-face {
    font-family: 'bodegaserifregular';
    src: url('bodega/bodegaserif-medium-webfont.eot');
    src: url('bodega/bodegaserif-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('bodega/bodegaserif-medium-webfont.woff') format('woff'),
         url('bodega/bodegaserif-medium-webfont.ttf') format('truetype'),
         url('bodega/bodegaserif-medium-webfont.svg#bodegaserifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1, h2, h3, h4, h5, h6, p.title {font-family: 'Roboto', sans-serif; font-weight: 600; line-height: 1em;}
nav, #book, .button, #connect h1 #connect p.title, #signup h1, #signup p.title, .booking .title-block p, .booking .button, .search-query {font-family: 'Roboto Condensed', sans-serif; line-height: 1.5em; font-weight: 400;}
footer, p,  .booking select, .booking input, #error ul, div.tabBox, table {font-family: 'Roboto', sans-serif; font-weight: 400;}
.booking .title-block h1, .booking .title-block p.title, .slider .title, .grassfloor .title {font-family: 'bodegaserifregular';}
p {color: #333;}
h1, p.title {color: #000;}
h2 {color: #5d2d13;}
a {color: #5d2d13; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}


/* Special Attributes */

input[type=search], input[type=submit] {-moz-appearance:none; -webkit-appearance:none;}
.button, #book, .facebook, .twitter, .google, .youtube, .pintrest, .instagram, input, #signup .button, .booking input, .booking select, .slider a, .search-query  {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#call-outs .button {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
a, #full-menu, #signup .button, .booking .button, #error .button, .dropdown-menu, #call-outs ul li p, #activity-form input, #error #searchsubmit {-webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out;}

.slider p, #page-header h1, #page-header-short h1, #page-header-404 h1,
#page-header p.title, #page-header-short p.title, #page-header-404 p.title {-webkit-text-shadow: 0px 0px 15px rgba(0,0,0,.55); -moz-text-shadow: 0px 0px 15px rgba(0,0,0,.55); text-shadow: 0px 0px 15px rgba(0,0,0,.55); zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#444444, Strength=3, Direction=180),filter: progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=1, Direction=0);}

.slider p, #page-header h1, #page-header-short h1, #page-header-404 h1,
#page-header p.title, #page-header-short p.title, #page-header-404 p.title, .grassfloor p {-webkit-text-shadow: 0px 2px 1px rgba(0,0,0,.55); -moz-text-shadow: 0px 2px 1px rgba(0,0,0,.55); text-shadow: 0px 2px 1px rgba(0,0,0,.55);}

#logo {-moz-box-shadow: inset 0 0 32px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 32px rgba(0,0,0,0.3); box-shadow: inset 0 0 32px rgba(0,0,0,0.3);}

.slider p {color:#fff;}

/* Main Structure Components */

html {background: #f3ede8;}
body {max-width: 1600px; margin: 0 auto; background: #fff;}

header, footer, section {max-width: 1600px; margin: 0 auto;}
section {background: #fff;}
header > div, footer > div, section > div {max-width: 960px; margin: 0 auto;}

/* Heading Nav & Logo */

header {background: #000; border-bottom: solid 1px #fff; position: relative; z-index: 25;}
header > div {max-width: 960px; margin: 0 auto; }
header .block {display: block; height: 101px;}

#logo {width: 170px; height: 26px; padding: 35px 20px 40px; display: block; background: #5d2d13; position: absolute; z-index: 100; top: 0;}
#logo img {max-width: 100%; }

#menu-secondary-navigation, #menu-primary-navigation {font-size: 1em; text-transform: uppercase; line-height: 1;}
#menu-secondary-navigation li a, #menu-primary-navigation li a {display: block; padding: 12px 5%;}
#menu-primary-navigation a, #menu-secondary-navigation a {color: #1f1f1f; width: 90%; border-top: dotted 1px #e5e5e5; }
#menu-primary-navigation a:hover, #menu-secondary-navigation a:hover {background-color: #f5f5f5;}
#menu-primary-navigation li.current-menu-item a, 
#menu-primary-navigation li.current-menu-parent a, 
#menu-primary-navigation li.current-menu-ancestor a, 
#menu-secondary-navigation li.active a {color: #875e49;}
#menu-primary-navigation ul.dropdown-menu li a {color: #fff;} 

#book {color: #fff; position: absolute; top: 10px; right: 0; background: url(../img/button-arrows.png) right 14px no-repeat; padding: 12px 35px 12px 15px; font-size: 0.9375em; text-decoration: none; text-transform: uppercase; line-height: 1;}
#book:hover {color: #5d2d13;}
#book b {display: inline; font-weight: normal;}
#book em {display: none;}

#menu-secondary-navigation a, #menu-primary-navigation a {text-decoration: none;}
#menu-secondary-navigation a:hover, #menu-primary-navigation a:hover {color: #c3b5a0;} 
#menu-secondary-navigation a em, #menu-primary-navigation a em  {display: inline; font-style: normal;}

footer {padding: 30px 4%; line-height: 1.5; background: #000;}

#footer-left, #footer-right {display: inline-block; vertical-align: top; width: 100%; }
#footer-right a {padding-right: 9px; margin-right: 6px; border-right: solid 1px #acac9d;}
#footer-right p.title {padding-top: 30px;}
#footer-right p.subtitle {display: block; margin-right: 6px;font-family: 'Roboto', sans-serif;font-weight: 600;line-height: 1em;padding:10px 0 0;}

#footer-right a[title="Zion National Park"], #footer-right a[title="Salt Fork Lodge and Conference Center"], #footer-right a[title="VBT Bicycling and Walking Vacations"] {border-right: none;}

footer p.title {font-size: 1.125em; text-transform: uppercase; color: #fff; padding-bottom: 10px;}
footer p.subtitle {font-size: 1em; text-transform: uppercase; color: #734024; display: inline-block; padding-top: 10px; }
footer a {color: #d5d5d5; text-decoration: none; font-size: 0.8125em; }
footer a:hover {color: #ffffff;}
footer p {color: #d5d5d5; text-transform: uppercase; padding-top: 20px; font-size: 0.8125em;}
footer ul {padding-top: 10px;}
footer ul li {display: inline-block; width: auto; padding-right: 10px; border-right: solid 1px #acac9d; margin-right: 10px; text-transform: uppercase; line-height: 0.8; }
.xanterra-logo {display: block; float: right; padding: 30px 0 10px 30px; width: 120px;}
.nsp-logo{height:100px; width:auto !important; float:right; display:block; margin-bottom:10px;}
#footer-right a.no-border {border: none;}

.button {color: #fff; background: url(../img/button-arrows.png) right 14px no-repeat #c3b5a0; padding: 13px 40px 14px 15px; font-size: 0.9375em; text-decoration: none; text-transform: uppercase; line-height: 1; font-weight: 500; cursor: pointer;}
.button:hover, #error .button:hover {background-color: #734024; }

#content .button {color: #fff; background: url(../img/button-arrows.png) right 17px no-repeat #5d2d13; padding: 15px 40px 15px 15px; margin-bottom: 10px; display: inline-block;}
#content .button:hover, #error .button:hover {color: #fff; background-color: #c3b5a0; text-decoration: none;}


.dropdown-menu {display: none;}

/* IE FIXES */

.ie7 #footer-left, .ie7 #footer-right, .ie7 footer ul li, .ie7 footer h2 {display: inline; zoom: 1;}
.ie7 footer ul li a {line-height: 1.8em;}


.togglewrap {width: 100%;float: left;border-bottom: 1px solid #cacaca;}
.toggle-title{ color:#5D2D13; font-size:1.3em;width: 100%;float: left;font-weight: 600;cursor: pointer;padding: 0px 0 0 0px;
margin: 20px 0px;}
.toggle-slide {display: none; float: left;width: 100%;margin: 5px 0 10px;}
.toggle-slide li{ font-size: 1.03em !important; font-weight: normal; font-family: 'Roboto', sans-serif; color:#1f1f1f;}


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

nav #menu {display: block; text-align: center; position: absolute; top: 55px; right: 5%; cursor: pointer; font-size: 2em;}
nav #menu:hover, nav #menu:active {color: #2e6207;}
.active {color: #2e6207;}
nav #nav.drop {display: none; margin: 0; padding: 0; position: relative; z-index: 10; background: #fff; zoom: 1;}

}


@media screen and (min-width: 760px) {

header > div, footer > div, section > div {padding-left: 2%; padding-right: 2%;}
header > div {position: relative;}
header .block {height: 110px;}

#logo {width: 180px; height: 26px; padding: 40px 20px 55px;}
#menu-secondary-navigation li a, #menu-primary-navigation li a {color: #fff; width: auto;}

nav #menu {display: none;}

#menu-secondary-navigation {height: 30px; position: absolute; top: 20px; right: 195px; font-size: 0.875em; text-align: right; text-transform: none;}
#menu-secondary-navigation li a {padding: 12px 0 0 9px;} 
#menu-secondary-navigation li, #menu-primary-navigation li {float: left; display: block;}

#menu-secondary-navigation li a, #menu-primary-navigation li a {width: 100%;}

#menu-primary-navigation a, #menu-secondary-navigation a {border-top: none;}
#menu-primary-navigation {height: 40px; position: absolute; top: 60px; right: 2%; font-size: 1em;;}
#menu-primary-navigation li a {padding: 15px 0 27px 9px; }

#menu-primary-navigation a:hover, #menu-secondary-navigation a:hover {background: transparent; color: #875e49;}
#menu-secondary-navigation li a, #menu-primary-navigation li a {background: transparent;} 
#menu-secondary-navigation a em {display: none;}
#menu-primary-navigation a em {display: none;}

/* Dropdown */
.dropdown-menu {position: absolute; right: 0; top: 50px; display: block; z-index: 2000; background: url(../img/drop-bg.png) top center repeat #000; display: none; padding: 30px 2.5%; width: 95%; font-size: 0.8125em;}
#menu-primary-navigation a:hover + .dropdown-menu {display:block;}
#menu-primary-navigation .dropdown-menu:hover {display:block;}
#menu-primary-navigation .dropdown-menu a:hover {color: #875e49;} 

ul.dropdown-menu li {width: 45%; padding: 0; margin: 0 2.5%; border-bottom: solid 1px #333;}
ul.dropdown-menu li a {padding: 12px 2.5% 12px!important; color: #fff;}
ul.dropdown-menu li:nth-child(1) {border-top: solid 1px #333;}
ul.dropdown-menu li:nth-child(2) {border-top: solid 1px #333;}
ul.dropdown-menu li.current-menu-item {color: #92451e;}

#menu-primary-navigation li.current-menu-parent ul.dropdown-menu li a {color: #fff;} 
#menu-primary-navigation li.current-menu-parent ul.dropdown-menu li.current-menu-item a, #menu-primary-navigation li ul.dropdown-menu li a:hover {color: #875e49;}

#book {top: 20px; right: 2%; background-color: #c3b5a0;}
#book:hover {color: #fff; background-color: #734024;}
#book b {display: none;}
#book em {display: inline; font-style: normal;}

footer {padding: 30px 0; overflow: auto;}
#footer-left {width: 32.5%; float: left;}
#footer-right {width: 62.5%; float: right;}
footer ul li {width: 45%; padding-right: 0; margin-right: 0; border: none;}
#footer-right p.title {padding-top: 0;}
.xanterra-logo {padding: 0 0 10px 30px;}
.nsp-logo{height:100px; width:auto !important; float:right; display:block; margin-bottom:10px;}
#footer-right p.subtitle {display: inline-block; }

/* IE Fixes */

.ie7 #footer-right h2 {display: inline; zoom: 1; }

}


@media screen and (min-width: 960px) {

header .block {height: 130px;}

#menu-primary-navigation li a {padding: 15px 0 27px 18px;}

#logo {width: 240px; height: 35px; padding: 45px 25px 63px;}
#menu-secondary-navigation {height: 40px; top: 27px; right: 205px; font-size: 1em;}
#menu-primary-navigation {height: 60px; top: 70px; right: 2%; font-size: 1.125em;}

.dropdown-menu {top: 60px; font-size: 0.875em;}

#book {top: 27px; right: 2%;}

#menu-secondary-navigation a em, #menu-primary-navigation a em {display: inline; font-style: normal;}

footer {padding: 40px 0;}
#footer-right {width: 66%;}

}

@media print {
	#showcase,
	#booking,
	#connect,
	#call-outs ul,
	#signup,
	header,
	.booking,
	.slider,
	.rev_slider_wrapper,
	#page-header,
	#page-header-short,
	#page-header-404,
	#navigation,
	footer {display: none;}
	#home-content	{background:none !important;}
	#home-content > div {padding: 0 !important;}
	a.button {
		color: #000 !important;
		background: none !important;
		padding: 0 !important;
		margin-bottom: 0 !important;
	}
	a.button[href]:after{
			content: " [" attr(href) "] ";
	}
}