/*
   Theme Name: Client Theme
   Author: Powderkeg Interactive
   Template: pki
   Version: 1.0
*/

/* import base css from parent theme */
@import url(../pki/style.css);

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot);
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro Heavy';
  font-style: normal;
  font-weight: 700;
  src: url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot);

  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff');
}

@font-face {
  font-family: 'Source Sans Pro Semibold';
  font-style: normal;
  font-weight: 600;
  src: url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGNanmHNzStikJN_FjplbBik.eot);
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGNanmHNzStikJN_FjplbBik.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGCmgpmuQqK2I-L2S9cF65Ek.woff) format('woff');
}

@font-face {
  font-family: 'Source Sans Pro Italic';
  font-style: italic;
  font-weight: 400;
  src: url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/M2Jd71oPJhLKp0zdtTvoM04EkD-uilk0_oIxFXvMtLk.eot);
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/M2Jd71oPJhLKp0zdtTvoM04EkD-uilk0_oIxFXvMtLk.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/M2Jd71oPJhLKp0zdtTvoM_bce-VcyLJMRR1FC9qWbU8.woff) format('woff');
}

@font-face {
  font-family: 'Droid Serif Bold';
  font-style: normal;
  font-weight: 700;
  src: url(https://themes.googleusercontent.com/static/fonts/droidserif/v3/QQt14e8dY39u-eYBZmppwbFt29aCHKT7otDW9l62Aag.eot);
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(https://themes.googleusercontent.com/static/fonts/droidserif/v3/QQt14e8dY39u-eYBZmppwbFt29aCHKT7otDW9l62Aag.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/droidserif/v3/QQt14e8dY39u-eYBZmppwRbnBKKEOwRKgsHDreGcocg.woff) format('woff');
}

@font-face {
  font-family: 'Droid Serif Italic';
  font-style: italic;
  font-weight: 400;
  src: url(https://themes.googleusercontent.com/static/fonts/droidserif/v3/cj2hUnSRBhwmSPr9kS5896SxSvC1lIsK_unZDHWqTBg.eot);
  src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url(https://themes.googleusercontent.com/static/fonts/droidserif/v3/cj2hUnSRBhwmSPr9kS5896SxSvC1lIsK_unZDHWqTBg.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/droidserif/v3/cj2hUnSRBhwmSPr9kS5894o3ZslTYfJv0R05CazkwN8.woff) format('woff');
}


/* layout */

body 	  { font-family:'Source Sans Pro', sans-serif; font-size:14px; line-height:22px; }
h1      { font-family:'Source Sans Pro Heavy', sans-serif; font-size:30px; line-height:36px; margin-bottom:20px; }
h2, .gform_title      { font-family:'Source Sans Pro Semibold', sans-serif; font-size:18px; line-height:24px; }
h3      { font-family:'Source Sans Pro Heavy', sans-serif; font-size:14px;}
strong  { font-family:'Source Sans Pro Heavy', sans-serif; }
li, p   { line-height:22px;}

/* useful classes */
.center     { text-align:center;}
.hide       { display:none; }
.left       { text-align:left;}

/* layout */
#wrap 	  { width:100%; }
#header   { width:960px; margin:0 auto;  }
  #logo   { float:left; width:70%; position:relative; }
  	#logo .logo-list { position:absolute; left:140px; top:68px; list-style:disc; }
  	#logo .logo-list li { line-height:16px; }
    #logo span  { display:block; float:left; margin:10px 30px 10px 0; }
    .logo-title { float:left; }
    .site-68 .logo-title { margin:20px 0 0; }
    #logo h1    { font-size:45px; margin-bottom:0; }
    #logo h2    { font-family:'Source Sans Pro Italic', serif; font-size:32px; line-height:36px;}
    #logo a:hover, #logo a:active { text-decoration:none;}
  #header-contact-info { float:left; width:30%; text-align:right; font-size:18px; padding-top:10px;}
    #header-contact-info p { line-height:24px; }
    #header-contact-info strong { font-size:24px; }
	#navigation-wrapper {}
	#navigation { width:960px; margin:0 auto; height:48px;}
    #navigation ul  { padding:0; margin:0; }
    #navigation li {position:relative;}
		  #navigation > ul > li > a { color:#fff !important; }
            #navigation a {display:inline-block; width:100%; height:100%; font-size:18px;}
      #navigation a.first {  }
      #navigation a.last  {  }
  #subnav, .sub-menu {
    display:none;
    background-color:#fff;
    position:absolute;
    top:30px;
    z-index: 9999;
    float:none;
    border:1px solid #c0c0c0;
    left:0px;
    width:205px;
  }
  #navigation li:hover > #subnav, #navigation li:hover > .sub-menu  {
    display: block;
  }
  #subnav li, .sub-menu li{
    border-bottom:1px solid #c0c0c0;
    float:none;
    right:0px;
  }
  #subnav li, #subnav li > a, .sub-menu li, .sub-menu li > a{
    display:block;
  }
  .sub-menu li > a, #subnav li > a{
    padding:10px !important;
  }
  #main   { position:relative;}
  #color-bar              { z-index:1; /*position:absolute;*/ height:46px; width:100%; top:10px;
    background-image:url(images/bg-header.png); background-position:0 0; background-repeat:repeat-x; }
#footer   { width:960px; margin:0 auto; padding-top:25px;}
  #footer-navigation a    { font-family:'Source Sans Pro Semibold', sans-serif; font-size:18px; }
  #footer-wrap            { margin-top:50px; }
    #footer-wrap div      { min-height:60px;
      margin-right:15px;
    }
    #footer-wrap div.clear { min-height:0px;}
    #footer-wrap div.last { border-right:0;}
    #footer #logo         { margin-top:0;}

      #footer #logo h1    { font-size:34px; padding-top:0; }
      #footer #logo h2    { font-size:22px; line-height:26px; }
      #footer #logo span  { margin:10px 10px 10px 0; background-repeat:no-repeat;}
  #footer #contact-info   { padding-right:10px;}
  #footer #online-pay-link { width:200px; margin-right:0px;}
    #footer #online-pay-link  span { display:block; float:left; width:60px; height:60px; background-image:url(images/sprite.png); background-repeat:no-repeat; }

/*Social Media*/
#social-media-links{
  height:32px;
}
#social-media-links a{
  display:inline-block;
  width:32px;
  height:32px;
  margin-right:5px;
}
#social-media-links .google_plus{
  background-image:url(images/google-32.png);
  background-repeat: no-repeat;
}
#social-media-links .facebook{
  background-image:url(images/fblogo-32.png);
  background-repeat: no-repeat;
}
#social-media-links .twitter{
  background-image:url(images/twitterlogo-32.png);
  background-repeat: no-repeat;
}
#social-media-links .yelp_logo{
  background-image:url(images/yelp-icon.png);
  background-repeat: no-repeat;
}
#social-media-links .bing{
  background-image:url(images/bing-logo.png);
  background-repeat: no-repeat;
}

#callout-home-top-wrapper { height:245px; background-image:url(images/bg-home-header.png); background-position: 0 0;
  background-repeat:repeat-x; }
    #callout-home-top-inner-wrapper { position:relative; width:960px; margin:0 auto; }
    #callout-home-top {  height:257px; position:absolute; top:-10px; background:#fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.60); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.60); padding:5px;
    width:950px; behavior:url(PIE.htc);
}
    #callout-home-top .col-330 { padding-top:70px;}
    /*#callout-home-top .col-330 h1 { text-align:center; }*/
    #callout-home-top .callout-home-center { float:none; margin:0 auto; text-align:center; width:600px; }
    #callout-home-top .callout-home-center .button-wrapper { margin:0 auto; }

#content                { width:940px; padding:0 10px 10px 10px; margin:25px auto 0 auto; }
  #content.left-layout  { }
  #content.right-layout { }
#content-page           { position:relative; z-index:2; min-height:300px; width:920px;
  padding:30px 24px; margin:-55px auto 0 auto; background:url(images/bg-page.png) center top no-repeat;}

/* for centering uls */
.centered-list { width:100%;
  /*overflow:hidden; */
}
	.centered-list > ul { list-style:none;  position:relative; float:left; left:50%;  margin:0; padding:0; }
		.centered-list > ul > li { float:left; right:50%; position:relative; margin:0; padding:0; }

/* Navigation only has one element */
.home-nav {float:none!important; padding-left: 20px!important;}
a.ab-item { color: #CCC !important; }

/* columns */

.col      { float:left; }
.col-300  { width:270px; padding:15px; }
.col-330  { width:304px; padding:10px; }
.col-620  { width:640px; padding:15px 0 0 0;}
.left-layout .col-620 { width:625px; padding:0 0 0 15px; }
.col-630  { width:630px; }
.col-445  { width:430px; padding:0 0 0 15px; }
.col-445.border-right { padding:0 15px 0 0;}

/* padding */
.pad-5    { }

/* links */
a {  outline: 0; }
a:link, a:visited   { text-decoration:none;}
a:hover, a:active   { text-decoration:underline;}
a.btn, input[type="submit"] { padding:2px 25px 5px 25px; color:#fff !important; font-size:24px;
   font-family:'Source Sans Pro Italic';
   border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;}
  a.btn span        {  }


/* google map */
#map-canvas { height:187px; width:260px; margin:15px 0 0 0;}
.page-template-template-contact-us-php #map-canvas { width:420px; height:300px;}

/* quick links */
.quick-links  { margin:40px 0;}
.quick-links > li {
  display: block;
  overflow: hidden;
}
.icon span    { display:block; margin-right:10px; float:left; width:60px; height:60px; background-image:url(images/sprite.png); background-repeat:no-repeat; }
.icon a       { white-space:nowrap;}
.icon div     { float:left; width:200px;}

/* home page */
.col-620 ul{ margin:0 0 25px 20px; list-style:none;}
  .col-620 li { background:url(images/bg-bullet.png)  0 10px no-repeat; padding-left:10px;}
.button-wrapper {  background:url(images/bg-button.png) bottom center no-repeat; display:block; width:270px; height:42px;}
.button-wrapper a { width:270px; display:inline-block; text-align:center; padding:5px 0 8px 0;}
/* content pages */
#content-page h1  { text-align:center; border-style:solid; border-bottom-width:1px; padding-bottom:20px; }
#content-page p   {  }
.homepage-callout{
  text-align:center;
}

/* units page */
.units-table    { border-collapse:collapse; width:920px; margin:20px 0 0 0;}
  .units-table th { font-family:'Source Sans Pro Semibold', sans-serif; border-bottom-width:1px;
  text-align:center;
  border-bottom-style:solid; vertical-align:bottom; }
  .units-table th, .units-table td { padding:10px 15px; }
  .units-table td { vertical-align:top; border-bottom-width:1px; border-bottom-style:solid; }
th.unit-will-hold   { width:300px;}
.unit-schematic     { width:150px;}
.unit-size          { width:75px; }
.unit-schematic, .monthly-rates, .temperature-controlled, .equivalent-to { border-right-width:1px; border-right-style:solid; }
td.unit-schematic img { margin:0 auto;}
span.temp-check, span.temp-nocheck { margin:0 auto; display:block; width:26px; height:21px; }
span.temp-check { background:url(images/sprite.png) -716px 0 no-repeat;}
span.temp-nocheck { background:url(images/sprite.png) -746px 0 no-repeat;}
td.monthly-rates, td.equivalent-to, td.temperature-controlled { text-align:center;}
.site-68 td.monthly-rates { font-size:18px; font-weight:bold; }
.units-table  .unit-schematic   { padding:10px 10px 10px 0;}

.ui-widget-content{
  border:none;
}
.ui-widget{
  font-family:inherit;
  font-size:100%;
}
.ui-accordion .ui-accordion-content{
  padding:1em 0;
}
#accordion .units-table{
  margin:0;
  width:100%;
}

/* specials page */
.special-wrapper      { margin-bottom:30px; clear:both; text-align-left; padding:15px; }
  #content-page .special-wrapper p  { text-align:left;}
  .special-content span { background-image:url(images/sprite.png); background-repeat:no-repeat;
    display:block; float:left; width:132px; height:132px;}
    .special-content .free-month{
      background-image:url(images/grand-opening.jpg) !important;
    }
    .special-content .free-lock{
      background-image:url(images/free-lock.jpg) !important;
    }
  .special-content h2   { padding-top:20px;}

/* photo gallery page */
#slideshow-background      { width:600px; margin:0 auto; padding:20px;}
  #slideshow-wrap          { width:600px; margin:20px auto 0 auto; }
    #slideshow             { margin:0 0 20px 0;}
    #slideshow-thumbs {position: relative; overflow: hidden}
    #slideshow-thumbs li   { width:60px; float:left; margin-right:5px;}
    #slideshow-thumbs img  { border-style:solid; border-width:1px;}

/* contact us page */
#content-page .col-445 p   { text-align:left; }
.border-right              { border-right-style:solid; border-right-width:1px;}

/*Resrve Unit*/
iframe {
  display:block;
  width:100%;
  top:-200px;
  min-height:750px;
}

.gform_wrapper iframe { top:0; min-height:auto; }

/*Local Links*/
.page-template-template-local-links-php #content-page{
  overflow:hidden;
}
.local-list{
  width:100%;
  position:relative;
}
.single-local-group{
  padding: 0px 40px;
}
.local-list .clear{
  margin-bottom:20px;
  overflow:hidden;
}
.single-local{
  float:left;
  display:block;
  width:50%;
  overflow:hidden;
}
.single-local, .local-list h2{
  margin-bottom:10px;
}
.single-local a, .single-local h3{
  color:#831722 !important
}


/* forms */
.gfield_required, .validation_message, .errors   { color:#831722;}
#gforms_confirmation_message            { font-family:'SourceSansPro-Semibold', sans-serif; font-size:18px;}
.validation_message                     { margin-left:180px; margin-bottom:10px;}
.instruction.validation_message         { margin-bottom:0;}
.left_label  label                      { float:left; width:180px;}
#gform_wrapper_2 .left_label  label     { float:left; width:220px;}
.ginput_container                       { position:relative; margin:0 0 5px 0;}
.gform_wrapper_1                        { }
#required-fields-message                { position:absolute; bottom:5px;}
input[type="text"], input[type="tel"], input[type="email"] { border:1px solid #d7d7d7; padding:3px; }
input[type="submit"] { border-style:solid; border-width:1px solid; margin-left:180px; cursor:pointer;}
input[type="submit"]:hover { text-decoration:underline;}
#gform_wrapper_2 input[type="submit"], #gform_wrapper_2 .validation_message   { margin-left:150px;}
.ui-datepicker-trigger     { position:absolute; left:190px; top:5px;}
#ui-datepicker-div         { z-index:9999; border-width:1px; border-style:solid;  width:160px !important;
      padding:0px 10px; font-size:12px;}
#ui-datepicker-div {display:none;}
   #ui-datepicker-div a { cursor:pointer; }
table.ui-datepicker, .ui-datepicker-links, .ui-datepicker-header { width:100%; clear:both;}
.ui-datepicker-header .ui-datepicker-new-month, .ui-datepicker-header .ui-datepicker-new-year,
 .ui-datepicker-prev, .ui-datepicker-current, .ui-datepicker-clear  { float:left;}
.ui-datepicker-close, .ui-datepicker-next { float:right;}
.ui-datepicker-current { margin-left:30px;}
#gform_wrapper_2 label[for="choice_17_1"] { float:none; display:inline-block; width:auto;}
#input_2_18 { clear:both;}
label[for="input_2_17_1"], label[for="input_2_18_1"] { width:200px; margin-left:20px;}
#gform_wrapper_2 #input_2_18_1_label, #gform_wrapper_2 #input_2_18_2_label, #gform_wrapper_2 #input_2_18\.3_label,
#gform_wrapper_2 #input_2_18_4_label,
  #gform_wrapper_2 #input_2_18_5_label, #gform_wrapper_2 #input_2_17\.3_label,
  #gform_wrapper_2 #input_2_17_4_label, #gform_wrapper_2 #input_2_17_5_label {  width:180px; margin-left:40px;}
/*#field_1_10,  #field_2_20 { display:none;}*/
.testimonial-form .gform_button { margin-left:0; }


/* FAQ page */
#faq-nav {overflow:hidden;}
#faq-nav a { display:inline-block; color:#fff !important; padding:5px 40px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff; }
#faq-nav a.first  { border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border: 1px solid #fff;}
#faq-nav a.last   { border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; border: 1px solid #fff; border-left:0;}
.faq-content      { margin-top:20px;}
.faq-content ul   { list-style:none; margin-left:5px;}
.faq-content li   { padding-left:10px;
  /*background:url(images/bg-bullet.png) 0 10px no-repeat; */
  }
.boat-image       { float:left; margin-right:15px; width:426px;}
.boat-content     { float:left; width:450px;}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  /* body { min-width:1060px; } */

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  /* body { min-width:1060px; } */
}

@media print										{
	#header-wrapper,
	#navigation-wrapper,
	#footer,
	.no-print										{ display:none !important; }
}