/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */

body {
  margin: 0;
  padding: 0;
}
td.venue_picture img {
   display: none;
}

.block { /* Block wrapper */
  margin-bottom: 1.5em;
}

.front #content {
}
.view-display-id-page_1 {
}
#block-facebook-wall-facebook-wall {
   clear:both;
}
.facebook_wall .likes,
.facebook_wall .comment {
   background-color: white;
}
#block-fb-social-facebook-like-button-front {
   position: relative;
   float: right;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */

#header {
 margin-bottom: 0;
 margin-top: 0;
}

#logo { /* Wrapping link for logo */
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}
#logo img {
  vertical-align: bottom;
}

#name-and-slogan { /* Wrapper for website name and slogan */
  float: left;
}

#site-name  { /* The name of the website */
  font-family: 'gartonmedium',Arial,sans-serif;
  font-size: 2.5rem;
  padding: 0;
  margin: 20px 10px 0 0;
  position: relative;
  float: left;
  white-space: nowrap;
  z-index: 500;
  color: #eee;
}


.node-splash-portrait #site-name,
.node-splash #site-name {
  font-family: 'gartonmedium',Arial,sans-serif;
  font-size: 2.5rem;
  padding: 0;
  margin: 20px 10px 0 10px;
  position: relative;
  float: left;
  color: #eee;
  white-space: nowrap;
}
#site-name a:link,
#site-name a:visited {
  text-decoration: none;
  color: #eee;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: none;
  color: #eee;
}

#site-slogan { /* The slogan (or tagline) of a website */
  font-size: 1.2rem;
  line-height: 1;
  margin-right: 35px;
  margin-top: 5px;
  font-style: italic;
  font-weight: 400;
  margin-left: 0px;
  margin-top: 55px;
  z-index: 500;
  display: block;
  position: absolute;
  color: #eee;
}
.node-splash-portrait #site-slogan,
.node-splash #site-slogan { /* The slogan (or tagline) of a website */
  font-size: 1.2rem;
  line-height: 1;
  margin-right: 15px;
  font-style: italic;
  font-weight: 400;
  display: block;
  position: absolute;
  color: #eee;
  margin-left: 10px;
}

.region-header { /* Wrapper for any blocks placed in the header region */
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */

/* Menu for News Pages */

.front #navigation {
  visibility: hidden;
  height: 0;
}

#block-facebook-wall-facebook-wall h2 {
  visibility: hidden;
  height: 0px;
}

.front #main {
  padding: 0;
  margin: 0;
}
#content {
  background: white;
  margin: 10px;
  padding: 0px;
  margin-top: 5px;
  min-height: 100%;
}

/*
 * Content
 */


.region-highlighted {
    margin: 5px;
    padding: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    z-index: 999;
}
.region-highlighted .field-name-field-review {
   font-size: 0.8rem;
}

.view-reviews h3, 
.view-reviews li, 
.view-reviews ul {
   padding: 0;
   margin: 0;
}
.view-reviews h3 {
  margin-top: 20px;
  font-size: 1.0rem;
  font-weight: 600;
}
.view-reviews h4 {
  color: #222; 
}

.field-name-field-review {
   padding: 0;
   margin: 0;
} 
#content .view-reviews p {
   margin: 0 0 0 20px;
}

/* overwrite media_gallery margins
 * to avoid no left margin on small screen
 */
.mg-col { 
  margin: 1em 0.5em 3em;
}

#colorbox {
  background-color: white;
  border: solid 1px #925F26;
  padding: 12px;
  width: 70%;
  z-index: 500;
}

.region-highlighted h2 {
   padding: 0;
   margin: 0;
   font-size: 0.9rem;
}
.region-highlighted h2 a {
   text-decoration: none;
}
.region-highlighted table {
   margin: 0;
   padding: 0;
}

.breadcrumb { /* The path to the current page in the form of a list of links */
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title /* The title of the page */ {
   margin-top: 30px;
   text-align: center;
}
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin-top: 20px;
}

tr.even { /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5rem 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status { /* Normal priority messages */
}

div.warning,
tr.warning { /* Medium priority messages */
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
}

.error { /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

.region-help { /* Help text on a page */
}

.more-help-link { /* Link to more help */
}

.region-content { /* Wrapper for the actual page content */
}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1rem 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1rem 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5rem;
}

.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}

.more-link { /* Aggregator, blog, and forum more link */
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
}

/*
 * Footer
 */

#footer {
  text-align: center;
  width: 100%;
  padding-top: 0;
}

#footer ul, #footer li {
  background: transparent;
}

#footer ul.nice-menu a  {
}
#content p {
  margin: 5px;
  margin-top: 0;
}
.node-splash #footer {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: left;
    margin-left: 50px;
}


/*
 * Page bottom
 */

.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
}
.region-bottom .block {
    padding: 0;
    text-align: center;
    margin: 0;
}
#block-fb-social-facebook-like-button {
  margin-top: -10px;
  margin-left: 40px;
}
.node-type-splash .region-bottom .block {
  text-align: right;
  margin-right: 40px;
  margin-top: -70px;
}

.region-sidebar-second {
   margin-top: 50px;
}

.node-splash .field {
}
.node-splash .field-name-body {
}

#header .node-splash {
   height: 0;
   visibility: hidden;
   border: none;
}
.node-splash-portrait h1#page-title,
.node-type-splash-portrait h1#page-title,
.node-splash h1#page-title {
   height:0;
   visibility: hidden;
}
.node-type-splash-portrait #content {
   border: none;
   background: transparent;
   padding: 0;
   margin: 0;
}
.node-type-splash-portrait #content {
   width: 500px;
}
.node-type-splash-portrait #content img {
   margin-left: 40px;
   width: 100%;
}
   
#main .node-splash-portrait {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  width: 98%;
}
#main .node-splash {
  margin: 0;
  background: transparent;
  border: none;
  margin-right: 200px;
}
.node-splash .field-type-image {
  margin-top: 60px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.node-splash-portrait .field-type-image {
  width: 200px;
  margin-left: 5px;
  margin-right: 5px;;
  display: block;
}

.node-splash-portrait .field-type-image img,
.node-splash .field-type-image img {
  margin-bottom: -6px;
}


.region-sidebar-first {
    background: none repeat scroll 0 0 lightyellow;
    border: 1px solid #777777;
    left: 200px;
    position: relative;
    top: 300px;
    opacity: 0.7;
   
}

.region-bottom p{
  font-size: 0.8rem;
  text-align: center;
  margin-top: 0;
  padding-top: 0;
  color: #222;
}

.node-media .field-items, 
.node-media .field-name-field-video {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
  text-align: center;
  margin-top: 20px;
}
.node-media-gallery h2 a {
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: 400;
  margin-top: 30px;
  color: #222;
}
  
 #content {
   margin: 5px;
   padding: 10px;
   /* to make space for the menu on top */
   margin-top: 12em;
  
 }
.node-splash .field-type-image {
  width: 100px;
}

  .node-splash #site-slogan { /* The slogan (or tagline) of a website */
    margin-left: 10px;
  }
  #site-slogan { /* The slogan (or tagline) of a website */
    margin-left: 0px;
  }

@media all and (min-width: 150px) {
  .node-splash .field-type-image {
    width: 130px;
  }
  .node-splash #site-slogan { /* The slogan (or tagline) of a website */
    margin-left: 10px;
  }
  #site-slogan { /* The slogan (or tagline) of a website */
    margin-left: 0px;
  }
}
@media all and (min-width: 200px) {
  .node-splash .field-type-image {
    width: 180px;
  }
}

@media all and (min-width: 250px) {
  .node-splash .field-type-image {
    width: 240px;
  }
}

@media all and (min-width: 300px) {
  .node-splash .field-type-image {
    width: 280px;
  }
}

@media all and (min-width: 350px) {

 #site-slogan { /* The slogan (or tagline) of a website */
  font-size: 1.3rem;
  margin-left: 0px;
 }
 .node-splash-portrait #site-slogan,
 .node-splash #site-slogan { /* The slogan (or tagline) of a website */
  font-size: 1.3rem;
  margin-top: 45px;
  margin-left: 10px;
 }
.node-splash .field-type-image {
  width: 330px;
}
 .node-splash #site-slogan { /* The slogan (or tagline) of a website */
  margin-left: 20px;
 }
 #block-fb-social-facebook-like-button-front-portrait {
   margin: 10px 10px 10px 40px;
   clear:both;
   display:block;
 }

 #site-name  { /* The name of the website */
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'gartonmedium',Arial,sans-serif;
  font-size: 3rem;
  padding: 0;
  position: relative;
  float: left;
  white-space: nowrap;
 }
 .node-splash-portrait #site-name,
 .node-splash #site-name  { /* The name of the website */
  font-family: 'gartonmedium',Arial,sans-serif;
  font-size: 3rem;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  float: left;
  white-space: nowrap;
 }
 .node-splash .field-type-image {
   margin-top: 10px;
 }
 .node-splash-portrait .field-type-image {
   margin: 5px;
   width: 280px;
   
 }
}
@media all and (min-width: 450px) {
 #site-name  { /* The name of the website */
  font-family: 'gartonmedium',Arial,sans-serif;
  font-size: 5rem;
  white-space: nowrap;

 }
.node-splash .field-type-image {
  width: 430px;
}
 #content {
   margin-left: 30px;
   margin-right: 30px;
   padding: 20px;
}
.node-splash-portrait .field-type-image {
   width: 380px;
}
.node-splash #footer {
   margin-top: 0;
   margin-left: 30px;
}
 .node-splash-portrait #site-name,
 .node-splash #site-name  { /* The name of the website */
  font-family: 'gartonmedium',Arial,sans-serif;
  white-space: nowrap;
  font-size: 5rem;
 }
 #site-slogan { /* The slogan (or tagline) of a website */
  font-size: 1.5rem;
  margin-left: 0px;
  margin-top: 80px;
 }
.node-splash-portrait #site-slogan,
.node-splash #site-slogan { /* The slogan (or tagline) of a website */
  font-size: 1.5rem;
  margin-top: 80px;
 }
.node-splash #site-slogan { /* The slogan (or tagline) of a website */
  margin-left: 20px;
}
 .node-splash-portrait .field-type-image,
 .node-splash .field-type-image {
   margin-top: 5px;
 }
}
@media all and (min-width: 690px) {
 #content {
   margin: 30px;
   padding: 20px;
}
#content p {
  margin: 30px;
  margin-top: 0;
}
.node-splash .field-type-image {
  width: 550px;
}

 #site-name  { /* The name of the website */
  font-family: 'gartonmedium',Arial,sans-serif;
  white-space: nowrap;
  font-size: 5rem;
 }
 .node-splash-portrait #site-name,
 .node-splash #site-name  { /* The name of the website */
  font-family: 'gartonmedium',Arial,sans-serif;
  white-space: nowrap;
  font-size: 5rem;
 }
 #site-slogan { /* The slogan (or tagline) of a website */
  font-size: 1.4rem;
  margin-left: 0px;
  margin-top: -20px;
  float: left;
  position: relative;
  clear: both;
 }
 .node-splash #site-slogan { /* The slogan (or tagline) of a website */
  font-size: 2rem;
  margin-top: 110px;
  margin-left: 10px;
 }
.node-splash-portrait #site-slogan,
.node-splash #site-slogan {
  font-size: 2rem;
  line-height: 0.8;
  margin-top: 75px;
  margin-left: 20px;
  font-style: italic;
  font-weight: 400;
  float:left;
 }

 .node-splash-portrait .field-type-image,
 .node-splash .field-type-image {
 }
 .node-splash-portrait .field-type-image {
    width: 480px;
    margin-top: 0;
 }
  .node-splash-portrait #main { 
     padding-top: 0;
  }
 #block-fb-social-facebook-like-button-front-portrait {
   margin: 10px 10px 10px 40px;
   clear:both;
   display:block;
 }
 .node-splash-portrait #site-name {
   margin-left: 10px;
 }
}
@media all and (min-width: 840px) {
.node-splash #footer {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    padding-left: 70px;
}
#main .node-splash-portrait {
}
 #site-name  { /* The name of the website */
  font-family: 'gartonmedium',Arial,sans-serif;
  font-size: 5rem;
 }
 #site-slogan { /* The slogan (or tagline) of a website */
  font-size: 1.6rem;
  line-height: 1;
  margin-top: -20px;
  margin-left: 0px;
  float:left;
  position: relative;
  clear: both;

}
 .node-splash #site-slogan {
   margin-left:20px;
 }
 .node-splash .field-type-image {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: block;
 }
 ul.menu , .menu .item-list ul {
   margin: 0;
   padding: 0;
   margin-left: 20px;
  }
 .menu li {
    display: block;
    position: relative;
    float: left;
    margin-right: 10px;
    font-size: 0.8rem;
  }
 .menu li a{
    text-decoration: none;
  }
}
@media all and (min-width:930px) {
 #site-slogan { /* The slogan (or tagline) of a website */
    margin-top: -20px;
    margin-left: 0;
 }
   .node-splash #site-slogan { /* The slogan (or tagline) of a website */
    margin-left: 20px;
   }
}
@media all and (min-width:980px) {

  .node-splash #footer {
    padding-left: 70px;
  }
  #block-fb-social-facebook-like-button-front {
     margin-top: 30px;
     text-align: right;
  }
   #site-name  { /* The name of the website */
    margin: 0;
    margin-top: 20px;
    margin-bottom: 12px;
    font-family: 'gartonmedium';
    font-size: 5rem;
   }
   #site-slogan { /* The slogan (or tagline) of a website */
    margin-top: -20px;
    margin-left: 0;
   }
   .node-splash #site-slogan { /* The slogan (or tagline) of a website */
    margin-left: 20px;
   }
  
  .region-highlighted {
    margin-top: -320px;
    margin-left: 20px;
    opacity: 0.8;
    padding: 10px;
    width: 350px;
    z-index: 999;
  }
}

@media all and (min-width:920px) {

 .node-splash .field-type-image {
  width: 800px;
}