/*
Theme Name: The Inn On Ferry Custom
Description: Bespoke WordPress Theme (based on Quarker starter theme)
Author: Todd Riley (design) & Angelique Weger (code)
Author URI: http://leftbankcreative.com/
Version: 1.0
*/


/* ==========================================================================
   CSS file is in CSS folder
   ========================================================================== */

html p {
  font-size: 17px; color:#333333; padding-bottom: 20px; font-style: normal;
}
.site-header {margin-bottom: 30px;}

.menu-main-nav-w-descriptions-container {margin-top: 10px;}
.menu-main-nav-w-descriptions-container li .nav_desc a { color: #999; font-size:16px; line-height: 12px;}

.menu-main-nav-w-descriptions-container li {padding:0px 10px; margin:10px 0px 0px 0px; max-width:none; min-height: 90px; border-right: 1px dotted #666666;}
.menu-main-nav-w-descriptions-container li span.nav_desc {font-size:16px; line-height: 11px; padding:10px 0 0 0; margin:0px;}
.menu-main-nav-w-descriptions-container li:nth-child(1) {width: 105px;}
.menu-main-nav-w-descriptions-container li:nth-child(2) {width: 195px;}
.menu-main-nav-w-descriptions-container li:nth-child(3) {width: 165px;}
.menu-main-nav-w-descriptions-container li:nth-child(4) {width: 125px;}

.menu-main-nav-w-descriptions-container li:hover {background:none;}
.menu-main-nav-w-descriptions-container li:hover h3 a {color:#333; padding-bottom: 10px;}
.menu-main-nav-w-descriptions-container li:hover span.nav_desc a { color: #333;}

header nav {
    float: right;
    margin-top: 20px;
    margin-top: 2rem;
    width: 700px;
  }
  
.site-header .contact-menu li {
  border-right: 1px solid black;
  font-size: 17px;
  height: 10px;
  padding: 3px 7px 0px 7px;
  margin:0px;
}

.site-header .contact-menu {height: 24px; overflow:hidden;}

.social-media-icons ul {margin:2px 0 0 -12px; padding:0px;}

ul#menu-sub-nav {padding-left: 30px;}

.site-title {width: 200px; padding:30px 0 0 40px;}

h4 {
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  line-height: 1;
}

.site-footer nav li {
  font-family: "League Gothic", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-style: normal;
  padding: 0 5px;
  padding: 0 0.5rem;
  text-transform: uppercase;
  letter-spacing:1px;
}

.site-footer nav li:nth-child(1) {width: 85px;}
.site-footer nav li:nth-child(2) {width: 115px;}
.site-footer nav li:nth-child(3) {width: 135px;}
.site-footer nav li:nth-child(4) {width: 57px;}
.site-footer nav li:nth-child(5) {width: 85px;}
.site-footer nav li:nth-child(6) {width: 105px;}

ul.nav-menu li a {font-weight: normal;}
ul.nav-menu li ul {margin:0px; padding:5px 0 0 28px;}
ul.nav-menu li ul.sub-menu li {min-width:none;}
ul.nav-menu li ul.sub-menu li a {padding:0xp; margin:0px;}

.site-footer .widget-area {
    float: right;
    width: none;
  }

.widget-area {margin:0px; padding:0px;}
.slider-wrapper[style] {height: 308px !important;}
.slider-wrapper {padding-top: 20px;}
.slide .html {margin: 20px 70px;}
.slide .html h1 {padding:10px 20px 0 20px; margin:0px; font-size:52px; background-color:rgba(0,0,0,0.6);}
.slide .html h2 { color:#FFF; text-transform:uppercase; max-width: 500px; min-width: 100px; font-size: 26px; margin: 0 0 10px 0; background-color:rgba(0,0,0,0.6);padding:0 20px 10px 20px; letter-spacing:2px;}
.slide .html p a {font-family: 'goudy_old_styleitalic';}

.navigation {padding:0px; margin:0px;}
.menu-sub-nav-container {padding:0px; margin:0px;}
.menu-sub-nav-container ul#menu-sub-nav li a {font-size:20px;}

#bannercontainer {
    margin: 10px auto 0;
    margin: 1rem auto 0;
    max-width: 1120px;
  }
.banner {
  margin: 0px;
  width: 100%;
}
.banner h1 {padding:15px 104px 12px 104px;text-align:left;

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.66) 27%, rgba(0,0,0,0.66) 30%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right bottom, color-stop(27%,rgba(0,0,0,0.66)), color-stop(30%,rgba(0,0,0,0.66)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.66) 27%,rgba(0,0,0,0.66) 30%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-45deg,  rgba(0,0,0,0.66) 27%,rgba(0,0,0,0.66) 30%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.66) 27%,rgba(0,0,0,0.66) 30%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(135deg,  rgba(0,0,0,0.66) 27%,rgba(0,0,0,0.66) 30%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */




}

.social-media-icons {display:none;}

.rooms-list li {padding:0 0 15px 0; margin:0px; width:570px; background: none; }
.rooms-text {padding: 0 20px 0 0;}

.entry-header h1 {
  display: block; line-height: 48px;
}

.site-content {padding-top: 0px;}
.site-content article.type-page p {padding-right: 30px;}
.site-content article.type-page ul {padding-right: 30px; list-style:outside;}
.site-content article.type-page ul li {padding: 0 0 10px 0;}
.breadcrumbs {margin-bottom: 30px;}

.entry-content h2, article h2 {width: 100%; padding:0px; margin:20px 0 10px 0; padding-top: 20px; border-top: dotted 1px #666666; text-transform: uppercase;}
.entry-content p {width: 100%; padding:0px; margin:0 0 25px 0; font-style: normal !important; font-weight: 12px;}

.edit-link {display:none;}

h1.entry-title {display:none;}
h1.room-type {display:block;}

article.post-8 {
  width: 570px; padding:0px; margin:0px;
}

h3.offer-brief {line-height:25px;}

.entry-content {width: 100%;}
.entry-content p {padding:0 20px 0 0;}

.gallery {clear:both;}

ul.dpe-flexible-posts { margin:0px !important; padding:10px 0 0 0 !important;}
ul.dpe-flexible-posts li a h4.title { font-family: 'goudy_old_styleitalic'; font-size:18px; text-transform:uppercase; margin-bottom: 10px; text-align:center; font-weight:normal; font-style:italic;}
ul.dpe-flexible-posts li.post-14, ul.dpe-flexible-posts li.post-22, ul.dpe-flexible-posts li.post-6, ul.dpe-flexible-posts li.post-5, ul.dpe-flexible-posts li.post-4 {display:none;}

aside.widget {margin:0px; padding:0px;}

h3.widget-title {padding-bottom: 20px;}

article.post-12 p {padding:0px; margin:0 0 15px 0;}

ul.testimonial-list h3.testimonial-highlight {padding-top: 30px;}
ul.testimonial-list li {margin:0px; padding:0px;}
ul.testimonial-list blockquote {margin:0px; padding:0 0 30px 0;}
ul.testimonial-list blockquote cite {padding: 10px 0 0 0; text-align:right;}

#dpe_fp_widget-4 {padding-bottom: 20px;}

aside#text-2 h3 {padding:0px; margin:0px;}
aside#text-4 h3 {padding:0px; margin:0px;}

span#testimonial-link {font-size:13px; padding-top:5px;}

p {font-family: 'goudy_old_styleregular'; font-style: normal;}

ul.sub-menu {display: none;}

div.legalese {padding-top:  202px; clear: both;}
div.legalese p {padding:  0 0 10px 0; margin: 0px;font-family: 'goudy_old_styleregular'; font-size: 12px; color: #CCC; clear: both; line-height: 11px; text-transform: uppercase; }
div.legalese p a.creditlink {color: #CCC; text-decoration: none; position: relative;}
div.legalese p a.creditlink img { position: absolute; left: 0px; top:-3px; display: none; padding: 0 0 10px 80px;}
div.legalese p a.creditlink:hover {color: #CCC;}
div.legalese p a.creditlink:hover img {display: block;}

footer nav div.menu-all-content-container ul.nav-menu li:first-child {margin-left: 0px; padding-left: 0px;}

#footercontainer { background: url(images/footer-back.jpg) no-repeat center top; min-height: 390px; width: 100%; }


.btn, input[type="submit"] { display: inline-block; *display: inline; padding: 8px 14px; padding: 0.8rem 1.4rem; margin-bottom: 0; *margin-left: .3em; font-size: 16px; font-size: 1.6rem; color: #666666; text-align: center; vertical-align: middle; cursor: pointer; /* fallback/image non-cover color */ background-color: white; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(white, #e6e6e6); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#e6e6e6)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(white, #e6e6e6); /* Opera 11.10+ */ background-image: -o-linear-gradient(white, #e6e6e6); /* IE6 & IE7 */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6'); /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6')"; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

a.btn { color: #666666; text-decoration: none; margin-top:  10px; }

.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; }

.front-page { margin: auto 0; padding-bottom: 0px;}

ul.gfield_radio {float: left;}
ul.gfield_radio li {float: left; margin:0px; padding:0px 10px 0px 0px; width: 48px;}
input {padding-left: 5px;}

.gform_wrapper {font-family: 'goudy_old_styleregular'; font-size: 12px; color: #000; font-style: normal; padding: 20px; background: #CCC;}
.gfield_label {text-transform: uppercase; font-size: 12px;}
label {font-size: 12px;}
textarea {font-size: 12px; color: #000; padding: 20px;}

div.gfield_description {font-family: 'goudy_old_styleregular'; font-size: 12px; color: #000; }

article.accomodations .room-details {margin: 0px; padding: 20px 0 0 0;font-family: 'goudy_old_styleitalic'; font-style: italic; font-size: 12px; color: #666;}

article p {padding: 0px; margin: 0px;}

.rooms-list .room-featimg { padding-right: 18px; padding-right: 1.8rem; }

.room-text .entry-content {padding: 0px 20px 0 0; margin: 0px;}

.room-thumbs p {border-top: 1px dotted #666; padding: 20px 0 0 0; text-align: center; position: relative;}
.room-thumbs p span { padding: 0 10px; background-color: #FFF;font-family: 'goudy_old_styleitalic'; font-style: italic; font-size: 16px; color: #666; position: absolute; top: -10px; left:40px; }
.room-thumbs a img { margin: 3px !important; margin: .3rem !important; opacity:0.9; filter:alpha(opacity=90);}
.room-thumbs a:hover img {opacity:1; filter:alpha(opacity=100);}

p.room-features {width:90% !important;}

.offers-list li, .rooms-list li, .testimonial-list li { margin: 0 0 50px 0; margin: 0 0 5rem 0; border: none; /* fallback/image non-cover color */ background-color: white; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(white, #eaeaea); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#eaeaea)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(white, #eaeaea); /* Opera 11.10+ */ background-image: -o-linear-gradient(white, #eaeaea); /* IE6 & IE7 */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEAEAEA'); /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEAEAEA')"; padding: 18px; padding: 1.8rem; }

li.cf {padding: 30px !important;}

h2.offer-title {border: none; padding-top:  0px; margin-top: 0px;}

.room-details p {margin: 0px; padding: 0px;}

.rooms-list li {padding: 0px !important; margin: 0px !important;}

div.gallery {padding-top: 20px !important;}
dl.gallery-item {padding: 3px !important; margin: 0px !important; border: none !important; width: 60px !important ;}
dl.gallery-item dt.gallery-icon {padding: 0px !important; margin: 0px !important; border: none !important; width: 60px !important ;}
dl.gallery-item dt.gallery-icon a {padding: 0px !important; margin: 0px !important; border: none !important;}
dl.gallery-item dt.gallery-icon a img {padding: 0px !important; margin: 0px !important; border: none !important; width: 60px;}
dl.gallery-item dt.gallery-icon a img { opacity:0.9; filter:alpha(opacity=90);}
dl.gallery-item dt.gallery-icon a:hover img {opacity:1; filter:alpha(opacity=100);}

aside.special-photo {float: right; width: 200px;}

.offer-details {font-style: normal;}
h2.price {font-size: 42px; border: none !important; margin-top: 0px !important; padding-top: 0px !important;}
.offer-spec {width: 90% !important;}

ul.menu-all-content {display: none;}

blockquote {padding-bottom: 15px;}

ul.offers-list li.type-offers h4.offer-title {font-size: 28px !important; line-height: 22px !important;}
ul.offers-list li.type-offers h4.offer-title a {font-size: 28px !important; line-height: 22px !important;}
ul.offers-list li.type-offers h3.offer-brief {font-size: 22px !important; line-height: 20px !important;}

#gforms_confirmation_message {background: #EAEAEA; padding: 30px; font-size: 14px; margin-top: 30px;}


/* #Media Queries
================================================== */
 
  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
	 li.menu-item  { clear: both; padding: 0px !important; margin: 0px !important;}
	 div.legalese {padding-top:  50px; clear: both; padding-bottom: 30px; width: 100% !important;}
	  
	  
  }
 
  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
	li.menu-item  { clear: both; padding: 0px !important; margin: 0px !important;}
	div.legalese {padding-top:  50px; clear: both; padding-bottom: 30px; width: 100% !important;}
	  
	  
  }
 
  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
	li.menu-item  { clear: both; padding: 0px !important; margin: 0px !important;}
	div.legalese {padding-top:  50px; clear: both; padding-bottom: 30px; width: 100% !important;}
	  
	  
  }
 
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
	 li.menu-item  { clear: both; padding: 0px !important; margin: 0px !important;}
	 div.legalese {padding-top:  50px; clear: both; padding-bottom: 30px; width: 100% !important;}
	  
	  
  }
 
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
	 li.menu-item  { clear: both; padding: 0px !important; margin: 0px !important;}
	 div.legalese {padding-top:  50px; clear: both; padding-bottom: 30px; width: 100% !important;}
	 
  
}

@media only screen and (max-width: 599px) { .site-footer .widget-area { float: right; width: 20%; } 
	div.legalese {padding-top:  50px; clear: both; padding-bottom: 30px; width: 100% !important;}
}

@media only screen and (max-width: 767px) { #navToggle { background: #da4c63 url(../images/navigation.jpg) no-repeat; clear: both; color: white; cursor: pointer; height: 45px; margin: 0 auto; padding: 12px 0; padding: 1.2rem 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; } }

@media only screen and (max-width: 767px) { header .menu-all-content-container { display: none; }
  header .menu-all-content-container ul { font-size: 32px; font-size: 3.2rem; width: 100%; }
  header .menu-all-content-container ul li { min-height: 40px; text-align: center; }
  header .menu-all-content-container ul li a { color: #da4c63; display: block; padding-left: 20px; padding-left: 2rem; }
  header .menu-all-content-container ul li a:hover, header .menu-all-content-container ul li a:focus, header .menu-all-content-container ul li a:active { background: #da4c63; color: white; } 
  
  
  }
  
/*Todd's CSS Fixes April 2014 */

/* edit to responsive for super nav info box */

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


}

@media screen and (min-width: 980px) and (max-width: 1120px) {


}

@media screen and (min-width: 1156px) and (max-width: 1310px) {

}

@media screen and (min-width: 980px) and (max-width: 1155px) {

}

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

}

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

}

@media screen and (min-width: 641px) and (max-width: 768px) {




}

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


.site-header .contact-menu li {
  border-right: 1px solid black;
  font-size: 17px;
  height: 10px;
  padding: 3px 7px 0px 7px;
  margin:0px;
}

.site-header .contact-menu {height: auto; overflow:visible;}


}