/*
=================================================

  C S S  R E S E T + B O X - S I Z I N G 

=================================================
*/
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}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}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size-adjust:auto}
#secondary input{padding:1em;}

.grecaptcha-badge {
    visibility: hidden!important;
    opacity: 0;
}

body{
  margin: 0;
  font-family:/*'Proxima Nova W01', sans-serif8*/ "proxima-nova";

}
*::selection{
background: rgba(0,78,138,0.5);
color: white;
}
*::-moz-selection{
background: rgba(0,78,138,0.5);
color: white;
}
header{
  background: rgb(0,34,55);
  background: -moz-linear-gradient(left,  rgba(0,34,55,1) 0%, rgba(0,43,92,1) 75%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,34,55,1)), color-stop(75%,rgba(0,43,92,1)));
  background: -webkit-linear-gradient(left,  rgba(0,34,55,1) 0%,rgba(0,43,92,1) 75%);
  background: -o-linear-gradient(left,  rgba(0,34,55,1) 0%,rgba(0,43,92,1) 75%);
  background: -ms-linear-gradient(left,  rgba(0,34,55,1) 0%,rgba(0,43,92,1) 75%);
  background: linear-gradient(to right,  rgba(0,34,55,1) 0%,rgba(0,43,92,1) 75%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002237', endColorstr='#002b5c',GradientType=1 );
  position: relative;
  min-height: 5.5em;
  font-family: /*'Proxima Nova W15'*/ "proxima-nova";
  overflow: visible;
  position: fixed;
  width: 100%;
  z-index: 7500;
  padding-top: 1em;
}
a:not([class^="fancy"]), a,a:not([class^="rg"]), a:hover:not([class^="fancy"]), a:hover, a:focus:not([class^="fancy"]), a:focus, a:active:not([class^="fancy"]), a:active{
-webkit-transition: all 300ms cubic-bezier(0.420, 0.500, 0.685, 0.370); 
   -moz-transition: all 300ms cubic-bezier(0.420, 0.500, 0.685, 0.370); 
     -o-transition: all 300ms cubic-bezier(0.420, 0.500, 0.685, 0.370); 
        transition: all 300ms cubic-bezier(0.420, 0.500, 0.685, 0.370); 

-webkit-transition-timing-function: cubic-bezier(0.420, 0.500, 0.685, 0.370); 
   -moz-transition-timing-function: cubic-bezier(0.420, 0.500, 0.685, 0.370); 
     -o-transition-timing-function: cubic-bezier(0.420, 0.500, 0.685, 0.370); 
        transition-timing-function: cubic-bezier(0.420, 0.500, 0.685, 0.370); 
}

.footer .left, .footer .middle, .footer .right, [class^="foot"], [class^="rg"], [class^="rg"] img, .footer-rg-list .rg-logo{
  -webkit-transition: inherit !important; 
   -moz-transition: inherit !important; 
     -o-transition: inherit !important; 
        transition: inherit !important; /* custom */

-webkit-transition-timing-function: inherit !important;
   -moz-transition-timing-function: inherit !important;
     -o-transition-timing-function: inherit !important;
        transition-timing-function: inherit !important;/* custom **/
}

a.footer_button {
    margin-top: 8px;
    background: rgba(0,110,135,1);
    background: -moz-linear-gradient(left, rgba(0,110,135,1) 0%, rgba(43,156,171,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,110,135,1)), color-stop(100%, rgba(43,156,171,1)));
    background: -webkit-linear-gradient(left, rgba(0,110,135,1) 0%, rgba(43,156,171,1) 100%);
    background: -o-linear-gradient(left, rgba(0,110,135,1) 0%, rgba(43,156,171,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,110,135,1) 0%, rgba(43,156,171,1) 100%);
    background: linear-gradient(to right, rgba(0,110,135,1) 0%, rgba(43,156,171,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e87', endColorstr='#2b9cab', GradientType=1 );
    border-radius: 5px / 6px;
    -moz-border-radius: 5px / 6px;
    -webkit-border-radius: 5px / 6px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#000000') progid:DXImageTransform.Microsoft.gradient(startColorstr='#B21E23',endColorstr='#AE2226' , GradientType=0);
    width: 8.3em!important;
    color: white!important;
    line-height: 1!important;
    padding: .4em .7em;
    text-decoration: none;
    text-align: center;
}

.left > .orderbutton {
    width: 8.25em!important;
}

a.logofoot img {
    max-width: 100%;
}
a:hover{
  opacity: 0.5;
}
em {
  font-style: italic;
}
#page{
  overflow: hidden;
  position: relative;
  padding-bottom: 0;
}
.logo{
  position: fixed;
  left:2em;
  top:1em;
  z-index: 7501;
  cursor: pointer;
}
.logo img{
  max-height: 4em; 
}
#menuButton {
  color: #fff;
}
.nav-container{
    text-align: right;
    font-family: /*'Proxima Nova W15'*/ "proxima-nova";
    position: relative;
    top: 2.8em;
}
.nav-container ul.nav{
    text-align: center;
    list-style: none;
    width: 70%;
    left: 20%;
    right: 10%;
    position: relative;
}
.nav-container ul.nav li{
  display: inline-block;
}
.nav-container ul.nav a {
  color: white;
  margin: 0;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.8125em;
  text-decoration: none;
}
.nav-container ul.nav a.current-page{
  border-bottom: 2px solid white;
}
.nav-container .nav li:after{
  content:"|";
  margin: 0 1em;
  text-decoration: none;
  color: #fff;
}
.nav-container .nav a:last-of-type:after{
  content:"";
}

.sub-nav-container{
  text-align: center;
  position: relative;
  display: block;
  height: auto;
  background: rgb(0,111,135);
  background: -moz-linear-gradient(left,  rgba(0,111,135,1) 0%, rgba(43,156,171,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,111,135,1)), color-stop(100%,rgba(43,156,171,1)));
  background: -webkit-linear-gradient(left,  rgba(0,111,135,1) 0%,rgba(43,156,171,1) 100%);
  background: -o-linear-gradient(left,  rgba(0,111,135,1) 0%,rgba(43,156,171,1) 100%);
  background: -ms-linear-gradient(left,  rgba(0,111,135,1) 0%,rgba(43,156,171,1) 100%);
  background: linear-gradient(to right,  rgba(0,111,135,1) 0%,rgba(43,156,171,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006f87', endColorstr='#2b9cab',GradientType=1 );

   position: absolute;
   left: 0;
   right: 0;
   bottom: -2em;
   line-height: 2;
  border-top: 1px solid white;
}
.sub-nav-container .nav{
    text-align: center;
    width: 100%;
    position: relative;
    line-height: 2;
}
.sub-nav-container .nav a{
  color: white;
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.8125em;
  text-decoration: none;
}
.sub-nav-container .nav a:after{
  content:"|";
  margin: 0 1em;
  color: #1a2e5a;
  text-decoration: none;
}
.sub-nav-container .nav a:last-of-type:after{
  content:"";
}


#orderbutton, .orderbutton {
    background: rgba(0,110,135,1);
    background: -moz-linear-gradient(left, rgba(0,110,135,1) 0%, rgba(43,156,171,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,110,135,1)), color-stop(100%, rgba(43,156,171,1)));
    background: -webkit-linear-gradient(left, rgba(0,110,135,1) 0%, rgba(43,156,171,1) 100%);
    background: -o-linear-gradient(left, rgba(0,110,135,1) 0%, rgba(43,156,171,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,110,135,1) 0%, rgba(43,156,171,1) 100%);
    background: linear-gradient(to right, rgba(0,110,135,1) 0%, rgba(43,156,171,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e87', endColorstr='#2b9cab', GradientType=1 );
    border-radius: 5px / 6px;
    -moz-border-radius: 5px / 6px;
    -webkit-border-radius: 5px / 6px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#000000') progid:DXImageTransform.Microsoft.gradient(startColorstr='#B21E23',endColorstr='#AE2226' , GradientType=0);
    width: 150px;
    color: white!important;
    line-height: 1!important;
    padding: 4px!important;
    /*font-size: 0.8rem;*/
    text-decoration: none;
    text-align: center;
}

.mobileOrder {
    margin-top: 10px;
    width: 115px!important;
}



.section{
  font-family:/*'Proxima Nova W01', sans-serif*/ "proxima-nova";
  font-size: 0.95em;
  width: 80%;
  display: block;
  padding: 0 0%;
  margin: auto;
  box-sizing: border-box;
  max-width: 960px;
  padding-bottom: 1em;
}

.section .heading{
  color:white;
  
  
  text-align: center;
}

#content {
  margin-top: -1em;
}
.content .container{
  width: 100%;
  display: inline-block;
}
.content .container.light-blue{
  background:#cce8ec;
}
.section .heading h2{
  color:#008a9e;
  border-bottom: 1px solid #6d6e70;
  text-transform: uppercase;
  font-weight: 300;
  padding-bottom: .5em;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: .75em;
  font-size:2em;
}
.section .body{
  line-height: 1.71428571428571;  
  padding: 0 1em;
  margin-top: 2em;
}
.section .body h3, .wrappy h3 {
  color: #008a9e;
  text-transform: uppercase;
  text-align: left;
  font-weight: 500;
  font-size: 1em;
  margin: 0;
}
.section p, .wrappy p{
  color: #6d6e70;
  font-weight: 400;
  font-size: 0.875em;
  margin-bottom: 1.6em;
  margin-top: 0;
}
.wrappy p.description {
  margin-left: 0.9em;
}
.section .body.two-column{
   -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
      -webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;
}
.section.images, .section.header-image{
    width: 100%;
    padding:0;
    max-width: none;
    margin: 6.7em 0 -.5em 0;
    display: inline-table;
}
.section.header-image .image-container{
    position: relative;
    width: 100%;
    height: 22em;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    background-position: 0 53% !important;
}
.page-id-16 .section.header-image .image-container{
  background-position: 0 85% !important; 
}
.page-id-14 .section.header-image .image-container{
  background-position: 0 66% !important; 
}
.page-id-84 .section.header-image .image-container{
  background-position: 0 50% !important; 
}
.page-id-324 .section.header-image .image-container{
  background-position: 0 30% !important; 
}
.section.home-image .image-container{
  height: 660px;

}
.section.images .image-container{
    position: relative;

    width: 33.333333333333%;
    padding-bottom: 33.33333333333%;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}
.section .image-container img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 100%;
    display: block;
}
.section.header-image .image-container img{
  width: 100%;
  max-height: inherit;
  top:-50%;
}
.section.images .image-container img{
  left:-25%;
}
.wrappy .menu-item{
  display: inline-block;
  width: 96%;
  padding: 1em 0; 
  padding-bottom: 0;
  line-height: 1;
}
.wrappy .menu-item  h3{
  text-transform: capitalize;
  white-space: normal;
  font-size:1.25em;
  font-weight: 300;
  color: #6d6e70;
  line-height: 1;
}
.wrappy h3.menu-item{
  font-size:1.125em;
  font-weight: 700;
  white-space: normal;
  text-transform: uppercase;
}

.wrappy .menu-item  p{
  font-size: 0.875em;
  line-height: 1.71428571428571;
  font-weight: 300;
  color: #6d6e70;
  margin-bottom: 0;
}
/*.page-template-page-lunch-menu-php .wrappy .menu-item {
  padding: 1em;
}
.page-template-page-lunch-menu-php .wrappy .menu-item p {
  margin-bottom: 2em;
}*/
.footer {
  position: relative;
  font-size: 1.1em;
  background: rgb(0,34,55);
  background: -moz-linear-gradient(left,  rgba(0,34,55,1) 0%, rgba(0,43,92,1) 75%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,34,55,1)), color-stop(75%,rgba(0,43,92,1)));
  background: -webkit-linear-gradient(left,  rgba(0,34,55,1) 0%,rgba(0,43,92,1) 75%);
  background: -o-linear-gradient(left,  rgba(0,34,55,1) 0%,rgba(0,43,92,1) 75%);
  background: -ms-linear-gradient(left,  rgba(0,34,55,1) 0%,rgba(0,43,92,1) 75%);
  background: linear-gradient(to right,  rgba(0,34,55,1) 0%,rgba(0,43,92,1) 75%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002237', endColorstr='#002b5c',GradientType=1 );
  -webkit-transition: all .40s ease-in-out;
  -moz-transition: all .40s ease-in-out;
  -o-transition: all .40s ease-in-out;
  transition: all .40s ease-in-out;
  /*-webkit-transition: .40s;
  -moz-transition: .40s;
  -o-transition: .40s;
  transition: .40s;*/
  width: 100% !important;
  min-height: 2em;
  line-height: 2;   
  bottom: 0; 
}
/*#colophon {
  bottom: -1em;
}
.home #colophon {
  bottom: 0;
}*/
#colophon-hidden {
  display: inline-block;
  display: none;
  position: fixed;
  z-index: 9999;
  bottom: 0;
}
#footer-slim {
  position: fixed;
  bottom: 0;
}
#footer-slim .midOne {
  cursor: pointer;
}
.home .footer {
  position: relative;
}
.home #footArrow { display: none; }

.footer.opened {
  /*position: relative;*/

}
.footer-wrapper{display: table;table-layout:fixed;width: 100%;}
.footer.opened .footer-wrapper{padding:1em;}

.footer .left, .footer .middle, .footer .right {
  line-height: 1.63636363636364em;
  display: table-cell;
  width: 33%;
  text-align: center;
  vertical-align: top;
  
}
.footer .left {
  text-align: left;
  padding-left: 2em;
  width: 12em;
}
.footer .middle {
  text-align: left;
  width: 20em;
}
.footer .right {
  padding-right: .5em;
  text-align: center;
  width: 4em;
}
.footer .left a, .footer .middle a, .footer .right a, #footArrow{  
  color:#26a9e0;
  font-size: 0.6875em;
  line-height: 1.63636363636364em;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  /* line-height: 2.5; */
}
.footer .left a {
  margin-right: 1em;
}
.footer .middle a, #footArrow .fa {
  color: #fff;
  font-weight: 100;
}
#footArrow .fa {
  font-size: 1.25em;
  margin-left: .5em;
  cursor: pointer;
}
.footer .midOne:after, .footer .midTwo:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  padding: 0 1em;
}
.footer a.midFour {
  font-size: 1.1em;
  margin-left: .5em;
}
.footer .social img {
  max-width: 1.6em;
  margin-bottom: 0em;
}
.social-media{text-align:right;vertical-align: bottom;margin-top: 0.25em;}

.footer.opened .social-media{text-align:inherit;vertical-align:bottom;display:inline;}

.footer.opened .social-media small{font-size:9px;color:white;white-space:nowrap;margin:0;line-height:1;text-align: center;}
.opened.footer .social img {
  max-width: 1.6em;
  margin-bottom: 2.5em;
}
.leftHide, .middleHide, .rightHide {
  display: none;
}
.opened.footer .social.footHide img {
  max-width: 4em;
  margin-bottom: 0;
}
.footer .footHide {
  display: none;
}
/* Hidden Content */
.footer.opened .footHide {
  display: inline-block;
  width: 100%;
  margin-top: 0em;
  color: #26a9e0;
}
.footer.opened .leftHide, .footer.opened .middleHide, .footer.opened .rightHide {
  display: inline-block;
}
.footer.opened .middleHide, .footer.opened .rightHide {
  color: #fff;
  display: inline-block;
  width: 80%;
}
 .footer.opened .rightHide{
   width: 64%;
   vertical-align: middle;
   text-align: left;
   display: inline-block;
   margin-left: 5%;
   box-sizing: border-box;
}
.footer.opened h2{font-size:.6875em;margin:0;text-transform:uppercase;text-align: left;margin-bottom: .5em;letter-spacing: 1px;}
.footer.opened ul li{font-size:.6875em;text-align:left;text-transform:uppercase;display:block;line-height: 1.675;}
.footer.opened ul li span{display: inline-block;margin: 0 0%;width: 37%;white-space: nowrap;letter-spacing: .8px;}
.footer.opened ul li span:nth-of-type(2){width:14%;}
.footer.opened ul li span small{text-transform: initial;font-size: .875em;letter-spacing: 0;}
 .footer.opened .social-media{
   vertical-align: middle;
   width: 25%;
   display: inline-block;
   text-align: right;
   line-height: 0.5;
   margin-top: -1em;
}
.footer.opened .left a {
  width: 100%;
  text-align: left;
  margin-left: 2em;
  font-size: .6875em;
text-align: left;
text-transform: uppercase;
display: block;
line-height: 1.675;
margin-left:0;
}
.footer.opened .left .email{color:white;margin-top:1em}
.footer.opened .midOne, 
.footer.opened .midTwo, 
.footer.opened .midThree {
  display: none;
}
.footer.opened .left {width: 24%;vertical-align: top;padding-left: 1%;}
.footer.opened .middle {
  width: 34%;
  border-left: 1px solid #26a9e0;
  text-align: center;
}
.footer.opened .right {
  width: 50%;
  border-left: 1px solid #26a9e0;
}
.footer.opened .lefty {
  /* width: 100%; */
  display: block;
  text-transform: uppercase;
  line-height: 2.25;
  letter-spacing: 1px;
  color: white;
}

.footer.opened .lefty:hover{
  color: #26a9e0;
  opacity: 1;
}
.footer .middleHide .footHide span {
  width: 100%;
  font-size: .7em;
  float: left;
  text-align: left;
}

/*
==========================================

      NEWSLETTER SIGN-UP PAGE

==========================================
*/

  /* See code directly in Mailing List Signup Page template. Moving it to the stylesheet caused some styles to drop out. */

/*
==========================================

      EVENTS & HOLIDAYS

==========================================
*/

.event-content-class {
  padding: 2em 1em 0em;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  min-height: 22em;
}
.event-content-class.press-media {
  min-height: 6em;
} 
.event-content-class.press-media .contentWrap {
  max-width: 100%;
}
.event-content-class.press-media .contentWrap p {
  line-height: 1.5;
  font-size: 1em;
}
.event-content-class a {
  color: #597B7C;
}
.event-content-class img {
  width: 30%;
  float: left;
}
.event-content-class .contentWrap{
  //position: absolute;
  display: inline-block;
  padding-left: 3em;
  max-width: 65%;
}
.event-title{font-family:/*'Effra W01'*/ "effra";font-weight: 500;font-size: 1.4em;color: #008a9e; text-transform: uppercase;line-height: 1.4em; max-width: 40em; margin: auto; margin-bottom: 0em; margin: 0 2em 0 0;}
.event-content-class b, .event-content-class strong{font-family:/*'Effra W01'*/ "effra";font-weight: 400;font-size: 1.375em;color: #597b7c;margin:0;}

#triangle {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background: url(img/blue-triangle.png);
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: 50%;
  height: 12em;
  width: 12em;
  right: 0;
  background-size: 100% 100%;
  background-position: left;
  margin-top: -6em;
  cursor: pointer;
}

#bigTriangle.shortHide{font-size:.7em;}

#triangle.opened {
  width: 460px;
  height: 200%;
  top: 0;
  margin-top: 0;
  max-width: 80%;
  z-index: 9999;
}
#triangle hr{
  color:white;
}
#bigTriangle {
  
}
#bigTriangle.closed {
  display: none;
}
/*.eventsHolidays:hover{
  right:-30px;
}
.eventsHolidays:hover .eventsTriangleTitle{
  opacity:.1;
}*/
.eventsTriangleTitle {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -1em;
  margin-left: -5.5em;
  color: white;
  font-size: 1.3em;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  text-transform: uppercase;
}

.eventsTriangleHover .entry-title a{
  color:#FFF
}
.hiddenTriangleTitle {
  display: inline-block;
  color: #FFF;
  text-transform: uppercase;
  font-size: 2em;
  margin-bottom: .5em;
}
#triangle.opened .eventsTriangleTitle {
  left: 9em;
  top: 17%;
  opacity: 0.2;
  margin-top: 25%;
  display: none;
}
#triangle.opened .hiddenTriangleTitle {
  	display: inline-block;
 	font-size: 1.45em;
	width: 100%;
}
.eventsTriangleHover {
	width: 38%;
    position: absolute;
    top: 28%;
    right: 10%;
    font-size: .9em;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50%;
}
.eventsTriangleHover h1{
  color:white;
  font-weight: 400;
  font-size: 2.5em;
  margin: 0 0 .3em 0;
}
.eventsTriangleHover h2.entry-title {
  text-transform: uppercase;
  /*font-size: 1.3em;*/
  padding: .5em 0;
  color: #FFF;
}
.eventsTriangleHover .loopWrap h2:first-child {
  border-bottom: 2px solid #fff;
}
.eventsTriangleHover p{
  color:white;
  font-size: .9em;
  line-height: 1.5em;
  font-weight: lighter;
  text-transform: uppercase;
}

#triangle a{
  list-style: none;
  text-decoration: none;
}

@media screen and (min-height: 900px) {
	#triangle.opened .hiddenTriangleTitle {
		font-size: 2em;
	}
	.eventsTriangleHover h2.entry-title {
		font-size: 1.2em;
	}
	.eventsTriangleHover {
		width: 45%;
		top: 30%;
	}
}
@media screen and (min-height: 1050px) {

	#triangle {
		height: 15em; 
		width: 15em; 
	}
	.eventsTriangleTitle {
		font-size: 1.6em; 
	}

}

@media screen and (min-height: 1300px) {

	#triangle {
		height: 19em; 
		width: 17em; 
	}
	.eventsTriangleTitle {
		font-size: 2em; 
	}

}

.wrappy{
  max-width: 960px;
  margin:0 auto;
  text-align: center;
  padding: .75em 0 3em;
}
.wrappy a {
  color: rgb(0, 138, 158);
  text-decoration: none;
}
.page-template-page-lunch-menu-php .wrappy {
  max-width: 900px;
}
/*.wrappy:last-of-type{padding-bottom: 6em;}*/
.page-template-page-about-php .wrappy {
  padding: 1em;
}
.wrappy .heading h1{
  font-family:"effra";
  color: #008a9e;
  border-bottom: 1px solid #6d6e70;
  text-transform: uppercase;
  font-weight: 100;
  font-size:2em; 
  margin: 1em auto 0;
  padding:0 0 .75em 0;
  text-align: center;
}
.wrappy .heading h2{
  font-family:"effra";
  color: #008a9e;
  border-bottom: 1px solid #6d6e70;
  text-transform: uppercase;
  font-weight: 100;
  font-size:2em; 
  margin: 1em auto 0;
  padding:0 0 .75em 0;
  text-align: center;
}
.page-template-page-careers-php .wrappier h2 {
  border-bottom: none;
}

.blue .heading h1 {
  margin-top: 0px;
padding-top: 1rem;
}

.blue .heading h2 {
  margin-top: 0px;
padding-top: 1rem;
}

.wrappy .contentWrap p{
  color: #6d6e70;
  font-weight: 300;
  font-size: 1.2em;
  margin-bottom: .3em;
  line-height: 2em;
  margin-top: 0;
}
.wrappy .heading h1.menu-title {
  font-size: 1.8em;
  font-weight: 300;
  color: #6D6E70;
  white-space: normal;
  text-transform: capitalize;
  border-bottom: none;
  text-align: left;
  width: 100%;
  margin: 0 0 1em 0;
}
.wrappy .heading h1.menu-title small {
  font-size: .6em;
  font-weight: 300;
  color: #6D6E70;
  white-space: normal;
}
.wrappy .heading h2.menu-title {
  font-size: 1.4em;
  font-weight: 300;
  color: #6D6E70;
  white-space: normal;
  text-transform: capitalize;
  border-bottom: none;
  text-align: left;
  width: 100%;
  min-height: 1em;
  padding-bottom: 0;
  margin: 1em 0 0.5em 0;
}

h2.menu-title.italic {
  font-style: italic;
  font-size: 1.4em;
  font-weight: 300;
  color: #6D6E70;
  white-space: normal;
  text-transform: capitalize;
  border-bottom: none;
  text-align: left;
  width: 100%;
  min-height: 1em;
  padding-bottom: 0;
  margin: 1em 0 0.5em 0;
}

.wrappy .heading h2.menu-title.italic {
  font-style: italic;
}
.menu-title small {
  text-transform: none;
  font-size: 0.7em;
}
.wrappy .heading h3.menu-title,.wrappy .heading h3.menu-item  {
  font-size: 1em;
  font-weight: 700;
  white-space: normal;
  text-transform: uppercase;
  border-bottom: none;
  text-align: left;
  width: 100%;
  margin-left: .8em;
  padding-bottom: 0;
  margin-top:1em;
  padding: 0;
}
.wrappy .heading .oysters h2.menu-title {
  margin-left: 0;
}
.wrappy .heading .oystersR h2.menu-title {
  margin-left: 0;
}
.wrappy .oysters ul {
  padding: 0.5em 0 0 0;
}
.wrappy .oysters ul li {
  width: 115%;
}
.wrappy .oystersR ul {
  padding: 0.5em 0 0 0;
}
.wrappy .oystersR ul li {
  width: 115%;
}

.page-template-page-dining-php h2.menu-title{text-transform:uppercase!important;}
/*div.lastDiv {
  padding-bottom: 19em;
}*/
/*
==========================================

      DINING

==========================================
*/
#grid {
  height: 30em;
}
@media screen and (max-width: 480px){
  .grid[data-columns]::before {
    content: '3 .column.size-1of3';
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .grid[data-columns]::before {
    content: '3 .column.size-1of3';
  }
}
@media screen and (min-width: 769px) (max-width: 900px) {
  .grid[data-columns]::before {
    content: '3 .column.size-1of3';
  }
}
@media screen and (min-width: 900px) {
  .grid[data-columns]::before {
    content: '5 .column.size-1of5';
  }
}
.grid .column {
  background-size: contain;
  position: relative;
  display: block;
}
.grid .column .image-container{
  position: relative;
  border: 8px solid white;  
  width: 100%;
  height: 100%;
  display: block;
  
  padding-bottom: 100%;
  background-size: auto 150% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
  cursor: pointer;

-webkit-transition: all 3000ms cubic-bezier(0.170, 0.565, 0.485, 0.915); 
   -moz-transition: all 3000ms cubic-bezier(0.170, 0.565, 0.485, 0.915); 
     -o-transition: all 3000ms cubic-bezier(0.170, 0.565, 0.485, 0.915); 
        transition: all 3000ms cubic-bezier(0.170, 0.565, 0.485, 0.915); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.170, 0.565, 0.485, 0.915); 
   -moz-transition-timing-function: cubic-bezier(0.170, 0.565, 0.485, 0.915); 
     -o-transition-timing-function: cubic-bezier(0.170, 0.565, 0.485, 0.915); 
        transition-timing-function: cubic-bezier(0.170, 0.565, 0.485, 0.915); /* custom */
}
.grid .column .image-container:hover{
 background-size: auto 250% !important;
}

.grid .column .image-container img{
  position: absolute;
  width: 200%;
  left: -50%;
  top: -20%;

  -webkit-transition: all 3000ms cubic-bezier(0.170, 0.565, 0.485, 0.915); 
   -moz-transition: all 3000ms cubic-bezier(0.170, 0.565, 0.485, 0.915); 
     -o-transition: all 3000ms cubic-bezier(0.170, 0.565, 0.485, 0.915); 
        transition: all 3000ms cubic-bezier(0.170, 0.565, 0.485, 0.915); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.170, 0.565, 0.485, 0.915); 
   -moz-transition-timing-function: cubic-bezier(0.170, 0.565, 0.485, 0.915); 
     -o-transition-timing-function: cubic-bezier(0.170, 0.565, 0.485, 0.915); 
        transition-timing-function: cubic-bezier(0.170, 0.565, 0.485, 0.915); /* custom */
  max-width: initial;
}

.grid .column .image-container:hover img{
 width: 300%;
 left: -100%;
 top: -40%;
 max-width: inherit;
}
.column { float: left; }
.size-1of5 { 
  width: 20%; 
  height: auto;
  padding-top: 2%;
  padding-bottom: 4%;
}
#grid-none {
  display: none;
}
/*
==========================================

      ABOUT

==========================================
*/

.blue{
  background: #cce8ec;
  margin: 0;
  padding: 1em 0 2em;
  padding-bottom: 0;
}
.page-template-page-lunch-menu-php .blue {
  margin: 0;
}

.wrappy p{
  color: #6d6e70;
  font-weight: 300;
  font-size: 0.95em;
  line-height: 2em;
  /* margin: 1.5em 0 1em; */ 
  text-align: left;
  width: 100%;  
}


.imgWrap .image-container{
  background-size: cover;
  position: relative;
  margin: 0;
  width: 33.3333333333%;
  padding-bottom: 33%;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  background-position: 42% 42%;
  margin:0;
}

.image-container img{
  max-width: 300px;
}
.page-id-20 .wrappy div {
  text-align: left;
}
.footer .fa-times-circle-o {
  position: absolute;
  right: 1em;
}
.page-id-20 .wrappy div img, .page-id-167 .wrappy div img {
  max-width: 5em;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.page-id-167 .wrappy .heading {
  margin-bottom: 1em;
}
.imgWrap .image-container.doubleWidth {
    width: 66.66%; /*adjusted from 66.5%*/
}

.columnLeft, .columnRight {
  width: 45%;
  min-height: 13em;
  display: inline-block;
  vertical-align: top;
}
.columnRight { margin-left: 4%;}
.columnRight .director, .columnRight .phone, 
.columnRight .email, .columnRight .fax, 
.columnRight a, .columnLeft a, .columnRight li{
  color: rgba(43,156,171,1);
  font-weight: 300;
  font-size: 1em;
  line-height: 2em;
  /* margin: 1.5em 0 1em; */
  text-align: left;
  width: 96%;
  margin-bottom: 1em;
  margin-top: 1em;
  margin-left: 0;
}
p.contactInfo {
  margin-bottom: 0;
}
.columnRight .director, .columnRight .phone, 
.columnRight .email, .columnRight .fax {
  margin-left: 1em;
}
.columnLeft a{text-transform: uppercase;display: block;padding: 1em 3% 0;margin: 0;line-height: 1;}
.page-template-page-contact-php .columnLeft a {
  padding-left: 0;
  text-decoration: none;
}
.page-template-page-contact-php .columnLeft .menu-item:nth-of-type(2) a {padding-top: 0 !important}

a.phone-number:before {
  content: "P";
  margin-right: 0.5em;
}
a.fax-number:before {
  content: "F";
  margin-right: 0.5em;
}
.columnLeft div, 
.parent-pageid-18 .columnRight div,
.page-id-16 .columnRight div {
  color: #6D6E70;
  font-weight: 300;
  font-size: 1em;
  line-height: 1em;
  /* margin: 1.5em 0 1em; */
  text-align: left;
  width: 100%;
  margin-bottom:0em;
  margin-top: 0em;
}
.columnRight ul{margin-top: .5em;}
.columnRight li{display:block;width:100%;margin-bottom: 0;margin-top: 0;text-transform: uppercase;line-height: 1.5;}
.page-id-148 .columnLeft li { line-height: 1.5; margin-top: .5em;}
.columnRight li div,
.parent-pageid-18 .columnLeft li div {
  width: 30%;
  display:inline-block;
  white-space: nowrap;
  margin: .5em 0;
}

.parent-pageid-18 .columnRight li div {
  width: 30%;
  display:inline-block;
  white-space: nowrap;
  margin: .5em 0;
}
.page-template-page-contact-php .columnRight li div {
  margin: 0.2em 0;
}
.page-template-page-contact-php .menu-item {
  padding-top: 0.5em;
}
.page-template-page-contact-php .columnRight ul {
  margin-top: 1.5em;
}
.columnLeft .contact-left {
  padding-left: 0.25em;
}

#secondary label,
.contact-left,
.contact-right {
  font-family:/*'Proxima Nova W01', sans-serif*/"proxima-nova";
}
#secondary label, .contact-left input, .contact-right input {
  width: 100% !important;
  border-radius: 3px;
  border: none;
  display: block;
}
#secondary input {
  width: 100%;
  max-width: 540px;
  margin: auto;
  display: block;
}
#secondary label {
  max-width: 540px;
  margin: auto;
}
#secondary input[type="submit"], .contact-right input[type="submit"] {
    background: rgb(0,34,55); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  rgba(0,34,55,1) 44%, rgba(46,81,121,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,rgba(0,34,55,1)), color-stop(100%,rgba(46,81,121,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,34,55,1) 44%,rgba(46,81,121,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,34,55,1) 44%,rgba(46,81,121,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,34,55,1) 44%,rgba(46,81,121,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,34,55,1) 44%,rgba(46,81,121,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002237', endColorstr='#2e5179',GradientType=0 ); /* IE6-8 */
    display:block;
    padding:0 1em;
    height:2.1em;
    color:white;
    font-size:1.1em;
    border:none;
    border-radius: 3px;
    font-weight:100 !important;
}
#secondary input[type="submit"] {
  margin: 1em auto;
}
.contact-blurb {
  margin-left: 2em;
}
.oysters ul li div:first-child {
  font-size: 1.25em;
  font-weight: 300;
  color: rgb(109, 110, 112);
  white-space: normal;
  text-transform: capitalize;
  width: 40%;
}
.oystersR ul li div:first-child {
  font-size: 1.25em;
  font-weight: 300;
  color: rgb(109, 110, 112);
  white-space: normal;
  text-transform: capitalize;
  width: 40%;
}
.parent-pageid-18 .columnLeft li div.state {
  text-align: center;
}

.parent-pageid-18 .columnRight li div.state {
  text-align: center;
}

.columnRight li small{text-transform:initial;font-size:.9em}
.columnLeft strong, .columnLeft strong, 
.columnRight strong, .columnRight strong {
  display: inline-block;
  width: 100%;
  margin-top: .5em;
}
#menuButton {display: none;}
.slicknav_menu {
  display: none;
}
.footer-rg-list{
  background: rgb(230,231,232);
  background: -moz-linear-gradient(left,  rgba(230,231,232,1) 6%, rgba(109,110,112,1) 98%);
  background: -webkit-gradient(linear, left top, right top, color-stop(6%,rgba(230,231,232,1)), color-stop(98%,rgba(109,110,112,1)));
  background: -webkit-linear-gradient(left,  rgba(230,231,232,1) 6%,rgba(109,110,112,1) 98%);
  background: -o-linear-gradient(left,  rgba(230,231,232,1) 6%,rgba(109,110,112,1) 98%);
  background: -ms-linear-gradient(left,  rgba(230,231,232,1) 6%,rgba(109,110,112,1) 98%);
  background: linear-gradient(to right,  rgba(230,231,232,1) 6%,rgba(109,110,112,1) 98%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e8', endColorstr='#6d6e70',GradientType=1 );
  width:100%;
  padding: .75em 0em .5em 1.5em;
  text-align: center;
  display: none;
}
.footer.opened .footer-rg-list { display: table; }

.footer-rg-list .footer-logo-wrap{
  display: table-row;
  width: 100%;
}
.footer-rg-list .table-item  {
  display: table-cell;
  margin: auto 2%;
  display: inline-block;
  vertical-align: middle;
  max-width: 7%;
}
.footer-rg-list .table-item img {
  width: 100%;
}
.table-item:first-of-type{
  margin-right: 7%;
  margin-left: -1%;
  max-width: 15%;
}
.rg-logo{
  display: inline-block;
  /*max-height: 3.5em;
  margin: auto 2%;
  vertical-align: middle;
  max-width: 10%;*/
}

.rg-logo img{max-width: 100%;/* width: 100%; */margin: 1em 0;}

.footer-rg-list.show{
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
} 
.footer.rg-list-open {
  
}
.hide{height: 0; padding: 0; overflow: hidden;}
.page-template-page-careers-php .blue {
  padding-bottom: 5em;
}
.page-template-page-careers-php .careerWrap h2 {
  text-align: left;
  font-size: 1.5em;
}
.no-margin {margin: 0 !important;}

.footer.opened #footClose {
  top: 1em;
  position: absolute;
  right: 1em;
}
#colophon #footArrow {
  display: none;
}
.footer.opened #footArrow .fa, #footClose .fa {
  right: 0.2em;
  position: absolute;
  font-size: 1.75em;
  color: rgb(255, 255, 255);
  cursor: pointer;
}
.footer.opened .fa-close:before {
  content: "x" !important;
  border: 1px solid rgb(255, 255, 255);
  padding: 4px;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  display: block;
  line-height: 4px;
  font-size: 13px;
  padding-left: 5px;
  text-align: center;
  margin-right: 0px;
  padding-right: 11px;
  padding-top: 5px;
  padding-bottom: 11px;
  font-family: sans-serif;
}
.wpcf7 input{margin-left:0;margin-top:0;padding:.5em;width:75%;}
.wpcf7 textarea{padding:1em;width:75%;}
.wpcf7 p{margin-bottom:.75em;text-transform:uppercase;}
.columnRight .director, .columnRight .phone, .columnRight .email, .columnRight .fax {
margin-left: 0em;
}
.contact-right textarea {
  width: 100%;
  border: none;
  border-radius: 3px;
}
.post-type-archive #secondary {
  display: none !important;
}

i {
  font-style: italic;
}

/*** MEDIA QUERIES ***/
@media screen and (max-width: /*1100px*/ /*1340px*/ 1500px){
  .nav-container {
    /*top: 2.2em;
    font-size: .9em;*/
  }
  
.nav-container ul.nav a, .sub-nav-container ul.nav a, .nav-container ul.nav a.orderbutton {
  font-size: 0.6125em;
}

.nav-container{left:50px;}

.nav-container .nav li:after, .sub-nav-container .nav li:after {
margin: 0 .5em;
}
  .imgWrap .image-container {
    margin-right: 0%;
  }
}
@media screen and (max-width: /*870px*/ /*980px*/ 1100px){
  #nav-container {display: none;}
  .slicknav_menu {
    display: block;
  }
  .logo{
    position: fixed;
    z-index: 7501;
    top: .5em;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 12em;
    z-index: 9999;
  } 
  .mobileOrder { 
    display: block!important; 
  }
  .wrappy {
    padding: 1em 3em;
    padding-bottom: 2em;
  }
  .blue {
    padding: 1em;
  }
  .blue .wrappy {
    padding: 2em;
    padding-top: 0
  }
  .columnLeft, .columnRight {
    width: 100%;
    padding: 0 2em;
    margin: 0;
    padding: 0;
    min-height: inherit;
  }
  .wrappy .menu-item h2 {
    margin: 2em 0 0em;
  }
  .wrappy .columnRight .menu-item h2:first-of-type {
    margin: 2em 0 0em  !important;
  }
  .columnRight h2.menu-title:empty {
    display: none !important;
  }
  .page-id-163 .blue h2:first-of-type {
    margin-top: 0.5em !important;
  }
  .columnRight {
    min-height: inherit;
  
    /* padding-top: 0 !important; */
  }
  .footer {
    position: relative;
  }
  .page-template-page-menus-php .image-container {
    background-position: center !important;
    background-size: cover !important;
  }
  .columnRight div.menu-item {
    padding-top: 0;
  }
  .columnLeft.oysters {
    /* padding-bottom: 2em; */
  }
  .columnRight.oystersR {
    /* padding-bottom: 2em; */
  }
  h2:empty {
    display: none !important;
  }
  .columnRight.mobile-short {
    margin-top: -1em;
  }
}
@media screen and (min-width: 560px) and (max-width: 920px){
  .imgWrap .image-container {
    margin-right: 0%;
  }
  .footer {
    font-size: .9em;

  }
}
@media screen and (max-width: 666px) {
  /*.footer.opened .left, .footer.opened .middle, .footer.opened .right {
    display: inline-block;
    width: 100%;
    border: 0;
  }
  .footer.opened .leftHide, .footer.opened .middleHide, .footer.opened .rightHide {
    width: 90%;
    margin: 0 auto;
  }*/
    .page-id-12 .section.header-image .image-container {
      background-position: 12% 0 !important;
  }

  .page-id-16 .section.header-image .image-container {
      background-position: 27% 0 !important;
  }

  .section.header-image .image-container {
    height: 11em;
  
}
.page-id-20  .section.header-image .image-container {

      background-position: -77px 0px !important;

}
  .sub-nav-container {
    font-size: 0.8em;
  }
  .footer .left, .footer .middle, .footer .right {
    vertical-align: top;
  }
  .opened.footer .social img {
    max-width: 1.6em;
    margin-bottom: 0; 
  }
  .footer.opened .social-media {
    width: 100%;
  }
  .footer.opened ul li span {
    width: 70%;
  }
  .footer.opened ul li span:nth-of-type(2) {
    width: 100%;
  }
  .footer.opened .footer-wrapper {
    padding: 0 1em;
  }
  .footer.opene {
    top: 0;
  }
  .footer.opened .fa-angle-up:before {
    content: "x" !important;
    border: 1px solid rgb(255, 255, 255);
    padding: 4px;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    display: block;
    line-height: 4px;
    font-size: 13px;
    padding-left: 5px;
    text-align: center;
    margin-right: 0px;
    padding-right: 11px;
    padding-top: 5px;
    padding-bottom: 11px;
    font-family: sans-serif;
  }
  .page-template-page-menus-php .image-container {
    background-position: center !important;
    background-size: cover !important;
  }
  .event-content-class img {
    height: auto;
    width: 100%;
  }
  .event-content-class .contentWrap{
    position: relative;
    display: inline-block;
    padding: 0;
    max-width: 100%;
  }
}
@media screen and (max-width: 540px) {
  header{
    height: auto;
  
    text-align: center;
    min-height: 5em;
  }
  #triangle {
    display: none;
  }
  .imgWrap .image-container {
    margin-right: -0%;
  }
  .footer .left, .footer .middle, .footer .right{
    width: 100%;
    display: block;
    
  }
  .footer.opened ul li span {
    width: 70%;
  }
  .section.images .image-container, .header .sub-nav-container, .header .nav-container, .logo{
    display: block;
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center;
    left: 0;
    top: 0;
  }
  .nav-container .nav{
    text-align: center;

    width: 100%;
    left: 0%;
    right: 0%;
  }
  
  .nav-container .nav a, .header .sub-nav-container .nav a{
    display: inline-block;
    background: rgba(250,250,250,0.2);
    margin: .25em;
    padding: .5em
  }
  .header a.subnav-item.current-page {
    background: rgba(0, 43, 92, 0.4);
  }
  .header .sub-nav-container {
    display: none;
  }
  .page-id-18 .header .sub-nav-container,
  .parent-pageid-18 .header .sub-nav-container {
    display: block;
    margin-top: 5em;
  }
  .sub-nav-container .nav a:after, .header .nav-container .nav a:after{
    content: "";
    margin:0;
  }
  .wrappy p {
    margin: 0 2em 1em 0;
    padding-right: 1em;
  }
  .wrappy .heading h1 {
    margin: .5em 2em;
  }
  .wrappy .heading h2 {
    margin: .5em 2em;
  }
  div.lastDiv {
    padding-bottom: 0;
  
    padding-top: 0;
}
  div.lastDiv .columnRight {
    /* padding-top: 2em !important; */
  }
  .section{
    padding: 1em;
    width: 100%;
  }
  .section .body{
    padding: 0;
  }
  .section.images, .section.header-image{
    top: 0;
    height: 10em;
    
  }
  .section.images .image-container img, .section.header-image .image-container img{
    top: 0;
    left: 0;
    width: 100%;
    
  }
  .section.images .image-container{
    padding-bottom: 100%;
  }
  .section.images .image-container img{
    max-height: 100%;
    width: auto;
  }
  .section .body .menu-item{
    width: 100%;
    margin: auto;
  }
  .columnLeft, .columnRight {
    width: 100%;
    margin: 0 auto;
    padding: 0 1em ;
    
  
    /* padding: 0; */
}
  #menuButton {
    display: none;
    position: absolute;
    left: 1em;
    top: 1.5em;
    padding: 0;
    font-size: 1.5em;
    z-index: 7501;
  }
  .footer {
    position: relative;
    bottom: 0;

  }
  .footer .left, .footer .middle, .footer .right{
    width: 100%;
    display: block;
  }  
  .footer.opened .left {width: 100%;vertical-align: top;display: block;border-left: 0px solid #26a9e0; display: block; border-top: 0px solid #26a9e0; padding: 1em 0; }

  .rg-logo{width: 50%;height:inherit;max-height: inherit;max-width: 26%;margin: auto;margin: 0 3%;}
  .rg-logo:first-of-type {margin-right: 0;max-width: 100%;width: 70%;text-align: center;display: block;margin: auto;margin-left: 4%;}
  .footer .left, .footer .middle, .footer .right {
    line-height: 1.63636363636364em;
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
  }
  .footer.opened .middle {
    border-left: 0px solid #26a9e0;
    text-align: center;
    width: 100%;
    display: block;
    border-left: 0px solid #26a9e0; display: block; border-top: 1px solid #26a9e0; padding: 1em 0;
  }
  .footer.opened .right {
    width: 100%;
    border-left: 0px solid #26a9e0;
    display: block;
    border-top: 1px solid #26a9e0;
    padding: 1em 0;
  }
  .footer.opened .lefty {
    width: 100%;
    display: block;
    text-transform: uppercase;
    line-height: 2.25;
    letter-spacing: 1px;
    color: white;
  }
  .footer.opened .right {
    width: 100%;
    border-left: 1px solid #26a9e0;
    border-left: 0px solid #26a9e0; display: block; border-top: 1px solid #26a9e0; padding: 1em 0;
  }
  .footer.opened .lefty:hover{
    color: #26a9e0;
    opacity: 1;
  }
  .footer.opened #footArrow {
    top: 1em;
    position: absolute;
    left: 0;
    right: 0;
  }
  .footer.opened #footArrow .fa {
    top: 0.5em;
    position: absolute;
    right: 1em;
  }
  .footer .middleHide .footHide span {
    width: 100%;
    font-size: .7em;
    float: left;
    text-align: left;
  }
    .footer.opened .footHide {
    display: inline-block;
    width: 100%;
    margin-top: 0em;
    color: #26a9e0;
    text-align: left;
  }
  .footer.opened .social-media small {
      text-align: center;
  }
  .footer.opened .leftHide, .footer.opened .middleHide, .footer.opened .rightHide {
    display: inline-block;
  }
  .footer.opened .middleHide, .footer.opened .rightHide {
    color: #fff;
    display: block;
    width: 100%;
  }
   .footer.opened .rightHide{
     width: 100%;
     vertical-align: middle;
     text-align: left;
     display: block;
     margin-left: 0;
  }

  .footer.opened h2{font-size:.6875em;margin:0;text-transform:uppercase;text-align: left;margin-bottom: .5em;letter-spacing: 1px;}
  .footer.opened ul li{font-size:.6875em;text-align:left;text-transform:uppercase;display:block;line-height: 1.675;}
  .footer.opened ul li span{display: inline-block;margin: 0 0%;width: 40%;letter-spacing: 0;font-size: .8em;}
  .footer.opened ul li span:nth-of-type(2){width:14%;}
  .footer.opened ul li span small{text-transform: uppercase;font-size: 1em;letter-spacing: 0;}
   .footer.opened .social-media{
     vertical-align: middle;
     width: 100%;
   
     display: block;
     text-align: center;
     line-height: 0.5;
     margin-top: 1em;
     border-left: 0px solid #26a9e0; display: block; border-top: 1px solid #26a9e0; padding: 1em 0; }
  .opened.footer .social img{margin: 1em .5em}
  .footer.opened .left a {
    width: 100%;
    text-align: left;
    margin-left: 2em;
    font-size: .6875em;
    text-align: left;
    text-transform: uppercase;
    display: block;
    line-height: 1.675;
    margin-left:0;
  }

  .footer.opened .footHide {
    display: inline-block;
    width: 100%;
    margin-top: 0em;
    color: #26a9e0;
  }
  .footer.opened .left .email{color:white;margin-top:1em}
  .footer.opened .midOne, 
  .footer.opened .midTwo, 
  .footer.opened .midThree {
    display: none;
  }
  .footer.opened a.social.footHide {
    text-align: center;
  }
  .footer-rg-list {
    padding: 1em;
  }
  .footer-wrapper{display:block;}
  .table-item:first-of-type{
    margin: 0;
  }
  .footer-rg-list .table-item  {
    display: table-cell;
    margin: auto 2%;
    display: inline-block;
    vertical-align: middle;
    max-width: 21%;
  }
  .table-item:first-of-type{
    margin: 0;
  }
  .eventsHolidays {
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0, #003F51),
      color-stop(1, #2B9CAB)
    );
    background-image: -o-linear-gradient(right, #003F51 0%, #2B9CAB 100%);
    background-image: -moz-linear-gradient(right, #003F51 0%, #2B9CAB 100%);
    background-image: -webkit-linear-gradient(right, #003F51 0%, #2B9CAB 100%);
    background-image: -ms-linear-gradient(right, #003F51 0%, #2B9CAB 100%);
    background-image: linear-gradient(to right, #003F51 0%, #2B9CAB 100%);
    width: 100%;
    position: absolute;
    height: 15em;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .eventsTriangleTitle {
    width: 100%;
    position: relative;
    left: 0;
    top: 1em;
  }
  .eventsTriangleHover{
    width: 100%;
    position: relative;
    font-size: .9em;
    top: 0;
    left: 0;
  }
  .eventsTriangleHover h1{
    color:white;
    font-weight: 400;
    font-size: 2.5em;
    margin: 0 0 .3em 0;
  }
  .eventsTriangleHover h2.entry-title {
    text-transform: uppercase;
    font-size: 1em;
    color: #FFF;
  }
  .eventsTriangleHover p{
    color:white;
    font-size: .9em;
    line-height: 1.5em;
    font-weight: lighter;
    text-transform: uppercase;
  }
  #primary .imgWrap:first-child {
    padding-top: 4em;
  }
  .parent-pageid-18 #primary .imgWrap:first-child,
  .page-id-18 #primary .imgWrap:first-child {
    padding-top: 6em;
  }
  
  .logo{
    position: fixed;
    margin: 0 auto;
    z-index: 7501;
    top: .5em;
    right: 0;
    left: 0;
    width: 12em;
    z-index: 9999;
  }
  #colophon-hidden {
    position: relative;
  }
  .mobile-short {
    min-height: 3em;
  }
}
.parent-pageid-18 .imgWrap:first-child {
  padding-top: 7em;
}
div#heroImage {
  display: inline-block;
}
div#heroNav {
  position: absolute;
  bottom: 1em;
  text-align: center;
  width: 100%;
}/*
div#heroPrev, div#heroNext {
  background-color: rgba(36, 140, 156, 0.7);
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  padding: 0.6em 0.8em;
  cursor: pointer;
  margin: 0 0.6em;
}*/
#heroNav .fa {
  color: rgba(65, 63, 63, 0.6);
  vertical-align: middle;
  font-size: 1.5em;
  cursor: pointer;
}

#heroNav .fa.selected {
  color: rgba(38, 169, 224, .7);
}
/* Firefox border fix */
a {
  outline: none;
}
a:active { outline: none; }  
a:focus{ -moz-outline-style: none; }

.wedding-photo-attribution {
  padding: 1em;
  font-size: 0.8em;
  opacity: 0.6;
}
.wedding-photo-attribution a {
  text-decoration: none;
  color: inherit;
}
#order_review .woocommerce-checkout-review-order-table {
  position: relative;
  padding-bottom: 2em;
}
/*#order_review .woocommerce-checkout-review-order-table:after {
  content: "Please review your order carefully before submitting.";
  display: inline-block;
  position: relative;
  font-size: 1em;
  font-weight: 700;
  text-decoration: underline;
  bottom: 0;
  left: 0;
  padding: 0.8em;
}*/
.woocommerce-checkout #payment div.payment_box {
  position: relative;
  padding-bottom: 2em;
}
.woocommerce-checkout #payment div.payment_box:before {
  content: "Please review your order carefully before submitting.";
  position: relative;
  display: inline-block; 
  font-size: 1.5em;
  font-weight: 700;
  text-decoration: underline;
  bottom: 0;
  left: 0;
  padding: 0.6em 0.8em;
}

@media only screen and (min-width : 320px) and (max-width : 799px){

  .footer .left, .footer .middle, .footer .right{
    vertical-align: top !important; 
  }

  .footer.opened .social-media{
    margin: 1em 0;
    text-align: right;
    width: 23%;
    line-height: 0;
    vertical-align: top;
}

  .columnRight .menu-title:empty {
    display: none !important;
  }
  .columnLeft .menu-title:empty {
    display: none !important;
  }

p.contact-info {
  margin-bottom: 0;
}
#pressMediah3{
  margin-top: 2em;
  text-align: center;
  font-weight: 400;
  margin-bottom: 1em;
}

.video {
  position: relative;
  padding-bottom: 45.25%;
  padding-top: 25px;
  height: 0;
  width: 70%;
  margin: 0 auto;
}
.video iframe {
  /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-template-default .video {
  width: 100%;
  margin-top: 2em;
}
.wrappy .muted {
  text-transform: lowercase;
  font-size: 0.75em;
  margin-left: 2.5em;
  margin-bottom: 0;
}
#secondary input.input {
  border: 1px solid rgb(109, 110, 112) !important;
  border-radius: 3px !important;
  width: 100%;
}
@media screen and (max-width: 540px) {
  .video {
    width: 100%;
    padding-bottom: 56.25%
  }
  .contact-blurb {
    margin-left: 0;
    padding-left: 0.25em;
  }
  .wrappy.left {
    padding: 0 0;
  }
  .wrappy .muted {
    margin-left: 0;
    padding-left: 0.25em;
  }
  .page-template-page-contact-php .columnRight ul {
    padding-left: 0.25em;
  }
}
@media screen and (max-height: 600px) {
  #triangle.opened {
    font-size: 0.75em;
  }
}