/*  
Theme Name: mblackdesign
Theme URI: http://www.merchantandblack.com
Description: A premium styled custom theme from Merchant and Black.
Version: 2.0.0
Author: Teresa
Author URI: http://www.merchantandblack.com/about
Text Domain: mblackdesign

/******************************************
*   HTML5 display definitions                         
******************************************/
html, body, div, span, applet, object, iframe, 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%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
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;}
/******************************************
*   General Structure                     
******************************************/
* { margin:0; padding:0; }

html {width:100%; height:100%;}

body {background:#F5F5F5; color: #565656; padding: 0px 0 0px 0; font-size:16px; -webkit-text-size-adjust: none; }
body, select, input, textarea {	font-family:"Open Sans", Arial, Helvetica, Verdana, Sans-Serif; line-height:1.5em; }
p { margin: 15px 0; }
body p { margin: 15px 0; }

body.page-template-preview-page {background:url('images/backgrounds/beer-glasses.jpg') center center no-repeat #fff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

a:link, a:visited { color: #0089D0; text-decoration:none; }
a:focus, a:hover, a:active { color:#113091; cursor:pointer; }

img, a:link img, a:visited img{padding-top:0px;}
.post img {max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
img.alignleft, div.alignleft {float:left; margin:0 1em 0.5em 0;}
img.alignright, div.alignright {float:right; margin:0 0 0.5em 1em;}
img.aligncenter, div.aligncenter {text-align:center; margin:0 auto;}
img.alignnone {margin: 0 1em 1em 0;}

img {max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}	

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%; height: auto; }

.style-font {font-family:"Slabo 27px", serif;}
.handwritten {font-family:"Bad Script", cursive;}
.feature-font {font-family:"Raleway", sans-serif;}
.ocota-light {color:#0089D0;}

/******************************************
*   Main Container                     
******************************************/

.containerwrapper {margin:0 auto; background:#ffffff;}
.page-template-SplashPage .containerwrapper {background:#fff; padding:0px;}

.maincontainer {background:#fff; max-width:1100px; margin:0 auto; padding:25px 25px 25px 25px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.homecontainer {background:#fff; margin:0 auto; padding:0px 25px 0px 25px;}

#toggle-button {display:block;}
#toggle-shown {display:none; height:auto;}


#menuwrap {background:url('images/backgrounds/dark-dotted.png') top center repeat #222222;}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Raleway", sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 500;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h1, .h1 {font-size: 1.75em; line-height: 1.4em; text-transform:uppercase; color:#000; margin-bottom: 0.5em; }
h2, .h2 {font-size: 1.45em; line-height: 1.4em; color:#000; margin-bottom: 0.375em;}

h3, .h3 {font-size: 1.165em; color:#000; text-transform:uppercase;}

h4, .h4 {font-size: 1.1em; font-weight:300; }
h5, .h5 {font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }

/******************************************
*   Content                        
******************************************/

.content-wrapper {width:100%; display:block; overflow:hidden; position:relative; clear:both;}
.content {width:100%; padding-bottom:15px;}
.sidebar {width:100%; color:#888;}

.section-wrapper {width:100%; margin:0 auto; position:relative;}
.full-section-wrapper {margin:0px -25px 0px -25px; padding:25px; display:block; overflow:hidden; position:relative;}

.section-content { max-width:1100px; display:block; overflow:hidden; margin:0 auto;}

.big-padding {padding:45px 0px 45px 0px;}

.half-one {width:100%;}
.half-two {width:100%;}

.full-one {width:100%;}
.full-two {width:100%;}

.third-one {width:100%;}
.third-two {width:100%;}
.third-three {width:100%;}

.quarter-one {width:100%;}
.quarter-two {width:100%;}
.quarter-three {width:100%;}
.quarter-four {width:100%;}

.quarter-content-one {padding:25px; }
.quarter-content-two {padding:25px; }
.quarter-content-three {padding:25px; }
.quarter-content-four {padding:25px; }

.cushion {padding-bottom:10px;}
.description {font-size: 1.3em; font-weight: bold; color:#999;}


/******************************************
*   Header                      
******************************************/

#info-bar {display:block; overflow:hidden; background:#c8c8c8; padding:15px 0px 15px 0px; font-size:0.85em;}
.home #info-bar {margin:0px -25px 0px -25px;}
.blog #info-bar {margin:0px -25px 0px -25px;}

.info-content {max-width:1100px; margin:0 auto; padding:0px 10px 0px 10px;}

#nextevent-section {display:block; overflow:hidden; background:url('images/backgrounds/dark-dotted.png') top repeat #222; color:#fff; padding:10px 25px 10px 25px; margin:0px -25px 0px -25px;}
.nextevent-content {max-width:1100px; margin:0 auto;}
.nextevent-left {width:100%; box-sizing:border-box; text-align:right; padding:10px 0px 15px 0px; border-bottom:1px solid #383838; margin-bottom:5px; font-family:"Bad Script", cursive; font-style:italic; font-size:1.3em; color:#999;}
.nextevent-right {width:100%; box-sizing:border-box; text-align:center; padding:10px 0px 10px 0px; }

.nextevent-title, a.nextevent-title {font-family:"Open Sans Condensed", sans-serif; font-weight:900; font-size:1.34em; text-transform:uppercase; color:#fff;}

.nextevent-button, a.nextevent-button:link, a.nextevent-button:visited, a.nextevent-button:active { background:rgba(255,255,255,0.25); color:#fff; font-size:1.2em; text-align:center; padding:5px 10px 5px 10px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:block; border:1px solid #fff; font-family:"Slabo 27px", serif;}

.nextevent-button:hover, a.nextevent-button:hover {background:rgba(255,255,255,1); color:#111; border:1px solid #fff;}

#headerwrapper {background:#fff; color:#efefef; padding-top:0px;}
.headercontent {max-width:1100px; display:block; position:relative; margin:0 auto;}

#pageheader-wrapper {background:url('images/backgrounds/beer-glasses.jpg') center center no-repeat #ddd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; box-shadow: inset 1px 4px 9px -6px #000; -moz-box-shadow: inset 1px 4px 9px -6px #000; -webkit-box-shadow: inset 1px 4px 9px -6px #000; -o-box-shadow: inset 1px 4px 9px -6px #000; border-bottom:2px solid #ddd; width:100%; display:block; overflow:hidden; position:relative; text-align:center; min-height:95px; color:rgba(255,255,255,0.8); font-family:"Raleway", sans-serif; letter-spacing:0.03em; text-transform:uppercase; font-size:0.945em;}

#pageheader-wrapper h1 {color:#fff; font-weight:400; text-align:center; text-transform:uppercase; letter-spacing:0.2em; margin-bottom:0px; text-shadow: 2px 2px 0px rgba(0,0,0,0.3);}

.feature-center {width:100%; display:table; height:500px; overflow:hidden; text-align:center;}
.page-header {width:100%; display:table; height:95px; background:rgba(0,0,0,0.48); overflow:hidden;}
.centered {display: table-cell; vertical-align: middle; text-align:center;}

.pageheader-left {width:100%;}
.pageheader-right {width:100%;}

/******************************************
*   Headlines                        
******************************************/

.sitetitle, .sitetitle a { color: #000; font-size: 1.8em; line-height: 1.1em; text-transform:uppercase; text-align:center; border-top:2px solid #000; border-bottom:2px solid #000; }

.title, a.title  {font-size:24px; line-height:1em; padding-bottom:0px; font-weight:normal; color: #000; letter-spacing:normal; text-transform:uppercase;}

.date-title, a.date-title {color:#999999; font-size:1em; text-align:center; text-transform:uppercase; padding-bottom:20px;}

.article-title, a.article-title  {display:block; font-family: "Raleway", sans-serif; font-size:1.125em; font-weight:300; color:#000; line-height:1.2em; text-transform:capitalize; padding-top:10px;}

.preview-title, a.preview-title  {font-family: "Raleway", sans-serif; font-size:1.125em; font-weight:300; color:#000; line-height:1.6em; text-transform:capitalize; text-align:center; display:block;}

.news-title, a.news-title {font-family:"Raleway", sans-serif; font-size:1.25em; line-height:1.5em; color:#333;}

.theevent-title, a.theevent-title  {display:block; font-family: "Raleway", sans-serif; font-size:1.155em; font-weight:300; color:#000; line-height:1.2em; text-transform:uppercase; padding-top:10px; padding-bottom:10px;}

.theevent-button, a.theevent-button:link, a.theevent-button:visited, a.theevent-button:active { background:rgba(255,255,255,1.0); color:#111; font-size:1.2em; text-align:center; padding:5px 10px 5px 10px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:block; border:1px solid #111; font-family:"Slabo 27px", serif;}

.theevent-button:hover, a.theevent-button:hover {background:rgba(0,0,0,0.7); color:#fff; border:1px solid #111;}

.prev-event-button, a.prev-event-button:link, a.prev-event-button:visited, a.prev-event-button:active { background:rgba(0,0,0,0.7); color:#fff; font-size:1.2em; text-align:center; padding:5px 10px 5px 10px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:block; border:1px solid #111; font-family:"Slabo 27px", serif;}

.prev-event-button:hover, a.prev-event-button:hover {background:rgba(255,255,255,1.0); color:#111; border:1px solid #111;}

/******************************************
*   Overlay Image Effects            
******************************************/

.view {overflow: hidden; position: relative; text-align: center; background:#ddd;}
.view .mask, .view .content {width: 100%; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0; }

.view img { opacity:1.0; display: block; position: relative; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s; }
.view img:hover {opacity:0.6; }

.view h2 {text-transform: uppercase; color: #000; text-align: center; position: relative; overflow:hidden; font-size: 1.3em; margin: 2em; padding: 0.5em 0.5em; background:rgba(51,51,51,0.0); }

/******************************************
*   Banner Background Slideshow           
******************************************/

.home-message-section {max-width:775px; display:block; overflow:hidden; text-align:left; color:#fff; font-family:"Slabo 27px", serif; font-size:1.2em;}
.home-message-section h1 {text-align:left; text-transform:uppercase; color:#fff; font-size:1.5em; padding-bottom:35px;}

#metaslideshow-container {display:none;}
.metaslideshow-box {position:absolute; top:0; right:0; background:rgba(93,127,149,0.7); width:100%; height:100%;}
.box-messagedetails {padding:35px 25px 35px 25px;}

#metaslideshow-mobile {display:block; overflow:hidden; position:relative; margin:0px -25px 0px -25px; background:url('images/backgrounds/happy-teeth.jpg') top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:330px;}

#theslideshow-wrapper {position:relative; height:800px; overflow:hidden; margin:0px -25px 0px -25px; }
#theslideshow-welcomewrapper {position:relative; min-height:350px; overflow:hidden; margin:0px -25px 0px -25px; }
#theslideshow-welcomewrapper h2 {color:#fff;}

.slideshow-content {min-height:350px; height:100%; width:100%; background:rgba(0,0,0,0.5); z-index:99999; position:relative;}
.theslideshow-center {max-width:1100px; margin:0 auto; position:relative; z-index:88888; padding:45px 25px 25px 25px; color:#fff; line-height:1.5em; text-align:left;}

.theslideshow {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 100%;
  background-size: cover;
  -webkit-animation-name: kenburns;
  animation-name: kenburns;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-duration: 16s;
  animation-duration: 16s;
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  max-height:400px;
}

.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
  animation-name: kenburns-1;
  z-index: 3;
}

.slideshow-image:nth-child(2) {
  -webkit-animation-name: kenburns-2;
  animation-name: kenburns-2;
  z-index: 2;
}

.slideshow-image:nth-child(3) {
  -webkit-animation-name: kenburns-3;
  animation-name: kenburns-3;
  z-index: 1;
}

.slideshow-image:nth-child(4) {
  -webkit-animation-name: kenburns-4;
  animation-name: kenburns-4;
  z-index: 0;
}

/******************************************
*   Archive Post Structures                       
******************************************/

#narrow-wrapper {max-width:700px; margin:0 auto; display:block; overflow:hidden; position:relative;}
.narrow-posts {border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}

.blog-wrapper {max-width:900px; margin:0 auto; display:block; overflow:hidden; position:relative; clear:both;}
.blog-article {display:block; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #ddd; padding:15px; margin-bottom:25px;}

.archive-posts {display:block; max-width:800px; padding-bottom:5px; border-bottom: 3px dotted #dddddd; margin-bottom:10px;}
.archive-posts:hover {text-decoration: none;}

#article-wrapper {margin:0 auto; display:block; overflow:hidden; background:#fff;}

.article-posts0 {display: block; width:98%; background:#F2EFEB; margin:0 auto; margin-bottom:2%; }
.article-posts1 {display: block; width:98%; background:#F2EFEB; margin:0 auto; margin-bottom:2%; }

.page-feature {width:100%; display:block; overflow:hidden; position:relative; float:left; padding-bottom:15px;}
.page-feature0 {width:100%; display:block; overflow:hidden; position:relative; float:left; padding-bottom:15px;}
.page-feature1 {width:100%; display:block; overflow:hidden; position:relative; float:left; padding-bottom:15px;}
.page-feature2 {width:100%; display:block; overflow:hidden; position:relative; float:left; padding-bottom:15px;}

/******************************************
*   Previous and Next Page Navigation                        
******************************************/
#navigation-blog-wrapper {display:block; overflow:hidden; position:relative; width:100%;}
.navigation a {width: 120px; border: 1px dotted #ccc; padding:5px 8px 5px 8px; text-align:center; font-size:1em; text-decoration:none; color:#666; display:block; overflow:hidden; margin:5px 0px 5px 0px;  -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s; }
.navigation a:hover {background-color:#555555; color:#fff;}

.preventries {float:left; }
.nextentries {float:right; }

/******************************************
*   Splash Styles                     
******************************************/

#splash-header {background:#fff; margin:0 auto; letter-spacing:0.1em; color:#ccc; font-size:1.1em; text-align:center; line-height:40px; padding-top:0.5em; padding-bottom:0.5em; font-weight:300; border-bottom:1px solid #ddd;}

#splashwrapper {max-width:900px; margin:0 auto; overflow:hidden; padding:55px 0px 55px 0px;}
.splash-frame {margin:15px; border:0px solid #fff; display:block; overflow:hidden;}
.splashcontent {background:rgba(255,255,255,0.42); padding:25px 15px 25px 15px; margin:5px; border:1px solid #efefef; display:block; overflow:hidden;}
.splashcontent h1 {color:#222; text-align:center; text-transform:uppercase; text-shadow: 1px 1px 0px #fff, 2px 2px 0px #eee; font-size:1.2em; font-family:"Open Sans", sans-serif; font-weight:700;}

.splash-extra {padding-top:55px; padding-bottom:55px;}

/******************************************
*   Optional Mobile Menu                      
******************************************/
#mobile_menu {display:block; margin:0px -25px 0px -25px;}
#mobile_menu ul {margin:0 auto; text-transform:uppercase;}

#mobile_menu li a, #mobile_menu li a:visited {
	font-family:"Open Sans", sans-serif;
	font-weight:700;
        background:#fff;
        margin:0px;
	display: block;
	text-decoration: none;
	color: #555;
	border-top:2px solid #bbb;
        line-height:1.4em;
	padding:15px 0px 15px 10px;
        font-size:20px;
	text-transform:uppercase;
	}

#mobile_menu li a:hover, #mobile_menu li a:visited:hover {
	color: #fff;
	background:#101010;
	text-decoration: none;
	}

.mobile-button {color:#fff; background:#009a4d;}
.mobile-button:hover {background:#333;}
#mobile_menu li.mobile-button, #mobile_menu li.mobile-button a, #mobile_menu li.mobile-button a:visited {background:#009a4d; color:#fff;}
#mobile_menu li.mobile-button:hover, #mobile_menu li.mobile-button:hover a {background:#333; color:#fff;}

/******************************************
*   Front Page                       
******************************************/

#address-map-bar {display:block; overflow:hidden; background:#fff; padding:5px 0px 5px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0px -25px 0px -25px;}
.addressmap-container {font-size:0.825em; color:#333; max-width:1100px; margin:0 auto; padding:0px 15px 0px 15px; line-height:2.2em;}
.theaddress {width:100%; text-align:center;}
.themessage {display:none; width:100%; text-align:center; font-style:italic; color:#555; box-sizing:border-box; font-family:"Slabo 27px", serif;}
.themessage p {margin:0px 0px 0px 0px;}
.thebutton {width:100%; float:right; text-align:right;}

.messagebar-button, a.messagebar-button:link, a.messagebar-button:visited, a.messagebar-button:active {line-height:1.9em; width:100%; text-align:center; background:#0089D0; color:#fff; padding:0px 0px 0px 0px; float:right; font-family:"Raleway", sans-serif; letter-spacing:0.05em; text-transform:uppercase; font-size:1.4em; margin-top:8px;}

.messagebar-button:hover, a.messagebar-button:hover {background:#333333; cursor:pointer;}

#phone-email-bar {display:block; overflow:hidden; background:#0089D0; padding:8px 0px 8px 0px; border-bottom:1px solid #ececec;}
.phoneemail-container {font-size:22px; max-width:1100px; margin:0 auto; padding:0px 15px 0px 15px; line-height:24px;}
.thephone {width:100%; text-align:right; color:#fff; font-family:"Raleway", sans-serif; font-weight:700;}
.theemail {display:none; width:100%; text-align:center; box-sizing:border-box;}

#phone-email-bar .thephone a {color:#fff;}

.white-text, .white-text a {color:#fff;}

.middle-home-section {margin:0px -25px 0px -25px; padding:25px 25px 0px 25px; display:block; overflow:hidden; position:relative;}

.home-content { max-width:1100px; padding-top:25px; padding-bottom:25px; display:block; overflow:hidden; margin:0 auto;}

.intro-message {text-align:center;}
.intro-message h1 {text-align:center; font-weight:700; text-transform:uppercase;}

.frontintro-content {min-height:650px; width:100%; background:rgba(0,0,0,0.3); z-index:55555; position:relative;}
.frontintro-center {max-width:1100px; margin:0 auto; position:relative; z-index:44444; padding:125px 25px 25px 25px; font-size:1.4em; color:#fff; line-height:1.5em; text-align:center;}

.feature-message {font-size:1.3em; font-style:italic; font-family:"Raleway", sans-serif; padding-top:25px;}

.hours-container {background:url('images/backgrounds/dental-chair.jpg') center center no-repeat; margin:0px -25px 0px -25px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.hours-cover {background:rgba(29, 33, 44, 0.9); padding:35px 25px 35px 25px;}
.hours-content {max-width:800px; margin:0 auto; color:#efefef; font-family:"Raleway", sans-serif; font-weight:300; letter-spacing:0.05em; text-align:center;}
.hours-content h2 {color:#fff; text-align:center;}
.hours-content h3 {color:#fff; text-align:center;}
.thehours {font-size:1em; line-height:1.8em; padding:20px 0px 20px 0px;}

.our-service-feature {max-width:800px; margin:0 auto; text-align:center; padding:45px 0px 45px 0px;}

.service-wrapper {width:100%; display:block; overflow:hidden; position:relative; clear:both; padding:25px 0px 25px 0px;}
.service-one {width:100%;}
.service-two {width:100%;}
.customer-review-box {width:100%; display:block; overflow:hidden; position:relative;}
.customer-review-box h3 {text-align:center; color:#1e1e1e; padding-top:35px; padding-bottom:10px;}

.service-slider {display:block; overflow:hidden; position:relative; padding:5px; border:1px solid #ddd; box-sizing:border-box; margin:0px 0px 25px 0px;}

/******************************************
*   Sidebar and Widgets                       
******************************************/

#boxes-content {width:100%; display:block; overflow:hidden; position:relative; float:left;}
#boxes-content h1 {color:#333; text-align:center;}

.boxes-widget.widget-1 {display:block; overflow:hidden; padding:25px;}
.boxes-widget.widget-2 {display:block; overflow:hidden; padding:25px;}
.boxes-widget.widget-3 { display:block; overflow:hidden; padding:25px;}

.color-wrapper-full {margin:0px 25px 0px 25px; padding:25px; display:block; position:relative; z-index:55555;}

.color-content { max-width:1100px; margin:0 auto;}

#color-boxes-content {width:100%; display:block; overflow:hidden; position:relative; float:left;}
#color-boxes-content h1 {color:#333; text-align:center;}

.color-boxes-widget.widget-1 {display:block; overflow:hidden; padding:25px;}
.color-boxes-widget.widget-2 {display:block; overflow:hidden; padding:25px;}
.color-boxes-widget.widget-3 { display:block; overflow:hidden; padding:25px;}

.content-feature-box h1 {font-size:1.3em; text-align:center; color:#111; text-shadow:-1px 2px 0px #ccc;}
.content-feature-box {padding:20px;}

.sidebar {text-align:left;}
.sidebar h3 {line-height:1.5em;}
.sidebar li {list-style:none;}
.sidebar ul {list-style:none;}
.sublist li a:hover, .sublist li a:active {text-decoration:none;}

.footerwidget {margin-bottom:15px;}

.glossy {opacity:1.0; -webkit-transition: opacity ease-out 0.35s; -moz-transition: opacity ease-out 0.35s; -ms-transition: opacity ease-out 0.35s; -o-transition: opacity ease-out 0.35s; transition: opacity ease-out 0.35s;}
.glossy:hover {opacity:0.5;}

.wrap {width: 96%; margin: 0 auto;}

/******************************************
*   Special Widget Sections                  
******************************************/
.metaslider {overflow: hidden;}
.metaslider .caption {font-family:"Raleway", sans-serif; font-size:1.1em; letter-spacing:0.08em;}

.testimonial-name {font-family:"Bad Script", cursive;}
.strong-view.modern .testimonial-content {font-size:1em !important;}

.hidden{opacity:0;}
.visible{opacity:1;}

.dynamicmb {display:block; overflow:hidden; position:relative;}
.dynamicfade {display:block; overflow:hidden; position:relative;}
.dynamicup {display:block; overflow:hidden; position:relative;}
.dynamicleft {display:block; overflow:hidden; position:relative;}
.dynamicright {display:block; overflow:hidden; position:relative;}
.dynamicslide {display:block; overflow:hidden; position:relative;}

.sticky {margin:0 auto;}
.gallery-caption {max-width:100%;}

.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/******************************************
*   Toggle Search Form
******************************************/
.widesearch {background: #333333; height: 60px; width: 100%; display: none; position: relative; z-index: 60;}

.widesearch .search-field{background: transparent; border:none; height: 60px; width: 70%; line-height: 60px; text-align: center; padding: 0px 0px; margin: 0px 0px; font-size: 20px; outline: none; color: #eee;}

.widesearch .search-field:focus{color: #eee;}
.widesearch input[type="submit"] {background:url('images/search-icon.png') no-repeat; width:50px; height:22px; border:0px solid #000; cursor:pointer;}

/******************************************
*   Main Search Form
******************************************/
#searchform {margin:0 auto; padding-top:3px; margin-bottom:15px; line-height:1.5em; max-width:310px; position:relative; display:block; overflow:hidden;}

.rounded {border:1px solid #cccccc; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; background:#fff; color:#111;}
.searchinfo {float:left; }

#searchform input, #searchform input[type=text]  {background:url('images/search-icon-noir.png') left no-repeat; width:auto; height: 22px; font-size: 12px; padding-left:30px; margin-bottom:5px; border:0px solid #fff; color:#000;}
#searchform .searchbutton {background:#fff; padding:2px; margin-right:5px; border-left:1px solid #111; color:#000; float:right;}

.searchbutton {background:#fff; color:#B0B0B0; border:0px solid #fff;}
.searchbutton:hover {cursor:pointer;}        


/******************************************
*   Post Formatting                      
******************************************/
.entry {padding-bottom:5px; display:block; text-align:left;}
.description {font-size: 1.3em; font-weight: bold; color:#999;}
.caption-bottom {word-wrap:normal !important; word-break:normal !important; -ms-word-break:normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none;}

.wp-caption {max-width: 100%; background: #eee;padding: 5px; /* images inside wp-caption */ }
.wp-caption img {max-width: 100%; margin-bottom: 0; width: 100%;}
.wp-caption p.wp-caption-text {font-size: 0.85em; margin: 4px 0 7px; text-align: center; }

#eventpost-box {max-width:800px; margin:0 auto; padding:45px 25px 45px 25px; border-top:2px solid #111; border-right:2px solid #111; border-bottom:0px solid #111; border-left:2px solid #222; text-align:left;}

#eventpost-box .entry {text-align:left;}

.post blockquote {color:#333; padding:35px 0px 35px 0px; margin:25px 0px 25px 0px; border-top:2px solid #ddd; border-bottom:2px solid #ddd; font-size:1.1em; text-align:center;}	

.post ul {padding:25px 0px 25px 0px;}
.post ul li {list-style:square; margin-bottom:10px; margin-left:42px;}
.post ol {padding:25px 0px 25px 0px; list-style:decimal;}

.post ol li {margin-bottom:15px; margin-left:42px;}
	
#wpf-wrapper blockquote {background: #ffffff; color: #000000; border: 1px solid #111111; padding-left: 5px; margin: 0;}

ul.topic-text {list-style:square !important;}

#tags {padding:3px; border-bottom:0px solid #DDD; border-top:0px solid #DDD;}	
	
.postmetadata {font-size:0.9em; margin:0 0 10px 0; padding:5px 10px; background:#ffffff; border-top:0px solid #000000; border-bottom:0px solid #000000;}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}

/******************************************
*   Form Elements                        
******************************************/

input[type=submit], input[type=button]  {-webkit-appearance:none; -moz-appearance:none; appearance:none;}

select {display:block; overflow:hidden; min-width:200px; line-height:40px; padding:0px 5px 0px 5px; width:100%; background:#fff; border:1px solid #ddd; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.button, a.button:link, a.button:visited, a.button:active { background:#0089D0; color:#fff; font-size:1.1em; text-align:center; margin:15px 0px 5px 0px; padding:10px 20px 10px 20px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; }

.button:hover, a.button:hover {background:#555555;}

.full-button, a.full-button:link, a.full-button:visited, a.full-button:active { background:#0089D0; color:#fff; font-size:1.1em; text-align:center; margin:25px 0px 0px 0px; padding:10px 20px 10px 20px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:block;}

.full-button:hover, a.full-button:hover {background:#555;}

.request-button, a.request-button:link, a.request-button:visited, a.request-button:active { background:#0089D0; color:#fff; font-size:1.1em; text-align:center; margin:25px 0px 0px 0px; padding:10px 20px 10px 20px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:block;}

.request-button:hover, a.request-button:hover {background:#555;}

.white-border-button, a.white-border-button:link, a.white-border-button:visited, a.white-border-button:active {color:#fff; text-align:center; margin:0 auto; padding:16px 25px 16px 25px; font-size:1.3em; display:inline-block; border:2px solid #fff;}

.white-border-button:hover, a.white-border-button:hover {background:rgba(255,255,255,1.0); color:#555;}

.the-rsvp {max-width:700px; margin:0 auto; padding:7px; border:3px double #777;}
.event-button, a.event-button:link, a.event-button:visited, a.event-button:active { background:url('images/backgrounds/dark-dotted.png') top repeat #222; color:#fff; font-size:1.2em; text-align:center; padding:20px 20px 20px 20px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:block;}

.event-button:hover, a.event-button:hover {background:#555;}


.cat-next, cat-next a {font-size:1.2em; color:#000; text-align:right; text-decoration:none;}

/******************************************
*   Aweber Form replace stylesheet number                      
******************************************/
.signup-email-left {width:100%;}
.signup-email-right {width:100%;}

#signupbox {margin:15px; padding:0px 15px 25px 15px; background:#e9f2ff; border:3px double #ddd; box-sizing:border-box;}

#af-form-446086963 .af-body .af-textWrap{width:100%;display:block;float:none;}
#af-form-446086963 .af-body a{color:#333333;text-decoration:underline;font-style:normal;font-weight:normal;}
#af-form-446086963 .af-body input.text, #af-form-446086963 .af-body textarea{box-sizing:border-box; font-family:"Slabo 27px", serif; background-color:#FFFFFF;border-color:#777777;border-width:1px;border-style:solid;color:#555555;text-decoration:none;font-style:normal;font-weight:normal;font-size:18px;line-height:35px; min-height:33px; padding-left:10px; text-align:center; box-sizing:border-box;}
#af-form-446086963 .af-body input.text:focus, #af-form-446086963 .af-body textarea:focus{background-color:#ffffff;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-446086963 .af-body label.previewLabel{display:none;float:none;text-align:left;width:auto;color:#CCCCCC;text-decoration:none;font-style:normal;font-weight:normal;font-size:18px;font-family:Helvetica, sans-serif; padding:2px;}
#af-form-446086963 .af-body{padding-bottom:0px;padding-top:0px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#333333;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-446086963 .af-footer{padding-bottom:0px;padding-top:0px;padding-right:15px;padding-left:15px;background-repeat:no-repeat;background-position:top left;background-image:none;border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#333333;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-446086963 .af-header{padding-bottom:9px;padding-top:9px;padding-right:10px;padding-left:10px;background-repeat:no-repeat;background-position:inherit;background-image:none;border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#CCCCCC;font-size:16px;font-family:Verdana, sans-serif;}
#af-form-446086963 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-446086963 .af-quirksMode{padding-right:0px;padding-left:0px;}
#af-form-446086963 .af-standards .af-element{padding-right:0px;padding-left:0px;}
#af-form-446086963 .bodyText p{margin:1em 0;}
#af-form-446086963 .buttonContainer input.submit{background:url('images/backgrounds/dark-dotted.png') top center repeat #063375;color:#ffffff;text-decoration:none;font-weight:700;font-size:18px;border:0px solid #fff; width:100%;padding:15px 6px 15px 6px;font-family:"Open Sans Condensed", sans-serif; text-transform:uppercase; font-weight:900; letter-spacing:0.03em; border-radius:0px; border:3px double #ddd;}
#af-form-446086963 .buttonContainer input.submit:hover {cursor:pointer; background:#555; color:#fff;}
#af-form-446086963 .buttonContainer input.submit{width:100%; box-sizing:border-box;}
#af-form-446086963 .buttonContainer{text-align:center;}
#af-form-446086963 body,#af-form-372289670 dl,#af-form-446086963 dt,#af-form-446086963 dd,#af-form-446086963 h1,#af-form-446086963 h2,#af-form-446086963 h3,#af-form-446086963 h4,#af-form-372289670 h5,#af-form-372289670 h6,#af-form-372289670 pre,#af-form-372289670 code,#af-form-372289670 fieldset,#af-form-372289670 legend,#af-form-446086963 blockquote,#af-form-446086963 th,#af-form-446086963 td{float:none;color:inherit;position:static;margin:0;padding:0;}
#af-form-446086963 button,#af-form-446086963 input,#af-form-446086963 submit,#af-form-446086963 textarea,#af-form-446086963 select,#af-form-446086963 label,#af-form-446086963 optgroup,#af-form-446086963 option{float:none;position:static;margin:0;}
#af-form-446086963 div{margin:0;}
#af-form-446086963 fieldset{border:0;}
#af-form-446086963 form,#af-form-446086963 textarea,.af-form-wrapper,.af-form-close-button,#af-form-446086963 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-446086963 input,#af-form-446086963 button,#af-form-446086963 textarea,#af-form-446086963 select{font-size:100%;}
#af-form-446086963 p{color:inherit;}
#af-form-446086963 select,#af-form-372289670 label,#af-form-446086963 optgroup,#af-form-446086963 option{padding:0;}
#af-form-446086963 table{border-collapse:collapse;border-spacing:0;}
#af-form-446086963 ul,#af-form-446086963 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
#af-form-446086963,#af-form-446086963 .quirksMode{width:100%;min-width:225px;}
#af-form-446086963.af-quirksMode{overflow-x:hidden;}
#af-form-446086963{border-color:#CFCFCF;border-width:1px;border-style:none;}
#af-form-446086963{display:block;}
#af-form-446086963{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding-bottom:5px;padding-top:5px;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-header,.af-footer{margin-bottom:0;margin-top:0;padding:10px;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}

/******************************************
*   Contact Form 7                        
******************************************/
.wpcf7-text {display:block; overflow:hidden; line-height:40px; padding:0px 5px 0px 5px; width:100%; background:#fff; border:1px solid #ddd; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:1.2em; min-height:40px;}

.wpcf7-textarea {display:block; overflow:hidden; line-height:1.3em; padding:0px 5px 75px 5px; width:100%; background:#fff; border:1px solid #ddd; margin-bottom:10px; -moz-box-shadow: inset 0px -7px 10px -7px #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:1.2em;}

.wpcf7-text:focus {border:1px solid #bbb;}
.wpcf7-textarea:focus {border:1px solid #bbb;}

.wpcf7-list-item { display: block; margin-top:5px; color:#555555; }
.wpcf7-list-item.last { float:none; }

input.wpcf7-form-control.wpcf7-submit {padding:10px 20px 10px 20px; font-size:1.1em; border:0px solid #fff;}

select.wpcf7-form-control {display:block; overflow:hidden; line-height:40px; padding:10px 5px 10px 5px; width:100%; background:#fff; border:1px solid #ddd; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.contactbutton {display:block; background:#333; color:#fff; text-align:center; font-size:1.2em; line-height:1.4em; padding-top:10px; padding-bottom:10px; width:100%; border:0px solid #fff; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; }
.contactbutton:hover {background:#555; cursor:pointer;}


/************************************************************************************
   COMMENTS
*************************************************************************************/

.commentwrap {margin: 10px 0 20px; position: relative; clear: both;}

/* comment title */
.comment-title, #reply-title {font-size: 16px; margin: 0 0 10px; padding: 0;}

/* comment pagenav */
.commentwrap .pagenav {margin: 10px 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.commentwrap .pagenav.top {margin: 0; position: absolute; top: 10px; right: 0;}

/* commentlist */
.commentlist {margin: 0 0 30px; padding: 5px 0 0; border-top: solid 1px #ddd;}
.commentlist li {margin: 0; padding: 15px 0 0; list-style: none; position: relative;}

.commentlist .comment-author {margin: 2px 0 5px; padding: 0;}
.commentlist .avatar {float: left; margin: 0 15px 0 0;}

.commentlist cite {font-style: normal; font-size: 14px;}
.commentlist cite a {text-decoration: none;}
.commentlist .bypostauthor > .comment-author cite {background: url(images/icon-author-comment.png) no-repeat 0 2px; padding-left: 18px;}

.commentlist .comment-time {font-size: 75%; text-transform: uppercase;}
.commentlist .commententry {
	border-bottom: solid 1px #ddd; position: relative; min-height: 40px; overflow: hidden; padding-bottom: 5px; word-wrap: break-word;}

.commentlist ul, .commentlist ol {margin: 0 0 0 7%; padding: 0;}

/* reply link */
.commentlist .reply {position: absolute; right: 0; top: 8px; }
.commentlist .comment-reply-link {font-size: 11px; text-transform: uppercase; text-decoration: none;}
.commentlist .comment-reply-link:hover {text-decoration: none;}

/******************************************
*   Comment Form                        
******************************************/
#respond {margin: 0; padding: 10px 0 0; position: relative; clear: both;}

#respond #cancel-comment-reply-link {position: absolute; top: 20px; right: 0; font-size: 85%; line-height: 100%; text-decoration: none; padding: 5px 10px; display: block; color: #fff; background: #F30;}
#respond #cancel-comment-reply-link:hover {background: #333;}

#commentform {margin: 15px 0 0;}
#commentform input[type=text] {max-width:250px; padding:5px; display:block; overflow:hidden; margin:10px 0px 10px 0px;}
#commentform label {font-weight: bold;}
#commentform label small {font-weight: normal;}
#commentform textarea {height: 140px; width:97%; padding:1%;}
#commentform input#submit {padding: 7px 20px;}

/******************************************
*   Float Properties                        
******************************************/
.clearfloat:after {display:block; visibility:hidden; clear:both; height:0; content:".";}
.clearfloat {display:inline-block;}	
.clearfloat {display:block;}

/* Clearfix */
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both; }
.clearfix { *zoom: 1; }

/******************************************
*   Footer                        
******************************************/

#footerwrapper {background:url('images/backgrounds/zig-zag-wool.png') center center repeat #101010; display:block; overflow:hidden; padding:35px 25px 45px 25px; position:relative; color:#f9f9f9; border-top:3px solid #ddd; font-size:0.9em; font-family:"Raleway", sans-serif; font-weight:300;}
#footerwrapper a {color:#eee;}
#footerwrapper h3 {color:#999; text-transform:uppercase;}

.footercontent {max-width:1100px; margin:0 auto;}

.footer-one {width:100%;}
.footer-two {width:100%;}
.footer-three {width:100%;}


.footer-social-icons {max-width:960px; margin:0 auto; padding:10px 0px 10px 0px; text-align:center;}

.footer-social-icons  i {font-size: 20px; color:#fff; line-height:45px; width:45px; text-align:center; margin:0px 5px 0px 5px; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s; background:#EC1A0F; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius:50%;}
.footer-social-icons i:hover {color:#999999; cursor:pointer; background:#555;}


#social-footer {max-width:1100px; margin:0 auto; padding:20px 25px 20px 25px; display:block; overflow:hidden;}
.footer-left {text-align:center; font-size: 0.8em; line-height:1.2em; width:100%;}
.footer-right {text-align:center; width:100%; line-height:1em; padding-top:15px;}
#social-footer i {font-size: 14px; color:#333; margin:0px 5px 0px 5px; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s; border:1px solid #ddd; padding:8px; background:#fff;}
#social-footer i:hover {color:#999999; cursor:pointer; background:#555;}

.footer-details {width:100%;}
.footer-sidebar {width:100%; text-align:left;}

#footer {margin: 0 auto; font-size:0.9em; text-align:center; color:#777777; padding-top:10px; padding-bottom:20px;}
#splash-footerwrapper {display:block; overflow:hidden; color:#777777; text-align:center; margin:0 auto; font-size:0.8em; padding-bottom:20px;}


/* Small Phones -------------------------------------------------------------------------------------------------------- */

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

	
}


/* Landscape Phones -------------------------------------------------------------------------------------------------------- */

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

#info-bar {padding:15px 0px 15px 0px; font-size:1.225em;}
.info-content {max-width:1100px; margin:0 auto; padding:0px 25px 0px 25px;}
	
.service-slider {display:block; overflow:hidden; position:relative; padding:35px; border:1px solid #ddd; box-sizing:border-box; margin:0px 0px 25px 0px;}
	
.metaslider .caption {font-size:1.3em;}
	
#eventpost-box {max-width:800px; margin:0 auto; padding:55px 25px 65px 25px; border-top:2px solid #111; border-right:2px solid #111; border-bottom:0px solid #111; border-left:2px solid #222; text-align:center;}

#eventpost-box .entry {text-align:center;}
	
.footer-one {width:49%; float:left; display:block; overflow:hidden; position:relative; padding-top:15px;}
.footer-two {width:49%; padding-left:2%; float:left; display:block; overflow:hidden; position:relative; padding-top:15px;}
.footer-three {width:100%; display:block; overflow:hidden; position:relative; padding-top:15px;}

}

/* Little Bigger -------------------------------------------------------------------------------------------------------- */

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

#mobile_menu {display:none;}

.messagebar-button, a.messagebar-button:link, a.messagebar-button:visited, a.messagebar-button:active {margin-top:0px;}
	
#pageheader-wrapper {background:url('images/backgrounds/beer-glasses.jpg') center center no-repeat #777; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;box-shadow: inset 1px 4px 9px -6px #000; -moz-box-shadow: inset 1px 4px 9px -6px #000; -webkit-box-shadow: inset 1px 4px 9px -6px #000; -o-box-shadow: inset 1px 4px 9px -6px #000; border-bottom:2px solid #ddd; width:100%; display:block; overflow:hidden; position:relative; text-align:center; min-height:125px; color:rgba(255,255,255,0.8); font-family:"Raleway", sans-serif; letter-spacing:0.04em; text-transform:uppercase; font-size:1.3em;}

.page-header {width:100%; display:table; height:125px; background:rgba(0,0,0,0.4); overflow:hidden;}
	
.theevent-button, a.theevent-button:link, a.theevent-button:visited, a.theevent-button:active {text-align:right;}
.prev-event-button, a.prev-event-button:link, a.prev-event-button:visited, a.prev-event-button:active {text-align:right;}
	
.service-one {width:49%; float:left;}
.service-two {width:49%; float:left; padding-left:2%;}
.customer-review-box {width:100%;}
	
.hours-content {max-width:800px; margin:0 auto;}
.thehours {font-size:1.3em; padding:35px 0px 35px 0px;}
	
}

/* Landscape Tablets and Desktops -------------------------------------------------------------------------------------------------------- */

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

body {font-size:16px;}

h1, .h1 {font-size: 1.75em; line-height: 1.4em; color:#000; margin-bottom: 0.5em;}
h2, .h2 {font-size: 1.65em; line-height: 1.4em; color:#000; margin-bottom: 0.375em;}

.info-content {max-width:1150px; margin:0 auto; padding:0px 10px 0px 10px;}
	
#menuwrap {min-height:65px; width:100%;}

.last {margin-right:0px; float:right;}
.first {margin-left:0;}
.middle {margin-left:.2%;}

.content-wrapper {width:100%; max-width:1100px; margin:0 auto; display:block; overflow:hidden; position:relative; clear:both;}
.content {width:65%; padding-right:2.5%; float:left;}
.sidebar {width:32.5%; float:right}

.half-one {width:48%; float:left;}
.half-two {width:48%; float:right;}

.full-one {width:50%; float:left;}
.full-two {width:50%; float:right;}

.third-one {width:32.3%; float:left;}
.third-two {width:32.3%; float:left; padding-right:1.5%; padding-left:1.5%;}
.third-three {width:32.3%; float:right;}

.quarter-one {width:50%; float:left;}
.quarter-two {width:50%; float:right;}
.quarter-three {width:50%; float:left;}
.quarter-four {width:50%; float:right;}

.cushion {padding:10px;}

#boxes-content {width:33.3%; display:block; overflow:hidden; position:relative; float:left;}

.boxes-widget.widget-1 {display:block; overflow:hidden; padding:25px;}
.boxes-widget.widget-2 {display:block; overflow:hidden; padding:25px;}
.boxes-widget.widget-3 { display:block; overflow:hidden; padding:25px;}

#boxes-content .boxes-widget.widget-4 { clear:left;}

.color-wrapper-full {margin:25px -25px 0px -25px; padding:25px; display:block; position:relative;}
#color-boxes-content {width:33.3%; display:block; position:relative; float:left; }

.color-boxes-widget.widget-1 {display:block; overflow:hidden; padding:25px; margin:25px; background:#ddd; min-height:580px;}
.color-boxes-widget.widget-2 {display:block; overflow:hidden; padding:25px; margin:25px; background:#ddd; min-height:580px;}
.color-boxes-widget.widget-3 { display:block; overflow:hidden; padding:25px; margin:25px; background:#ddd; min-height:580px;}

#boxes-content .boxes-widget.widget-4 { clear:left;}

.page-feature0 {width:32.3%; display:block; overflow:hidden; position:relative; float:left; clear:left;}
.page-feature1 {width:32.3%; padding-right:1.5%; padding-left:1.5%; display:block; overflow:hidden; position:relative; float:left;}
.page-feature2 {width:32.3%; display:block; overflow:hidden; position:relative; float:left;}

.tall {min-height:525px;}
	
#nextevent-section {padding:45px 25px 45px 25px;}
.nextevent-left {box-sizing:border-box; text-align:right; float:left; padding:0px 0px 0px 0px; border-bottom:0px solid #ddd; margin-bottom:0px;}
.nextevent-right {width:40%; box-sizing:border-box; text-align:right; float:right; padding:0px 0px 0px 0px;}

.nextevent-button, a.nextevent-button:link, a.nextevent-button:visited, a.nextevent-button:active {text-align:right;}

#address-map-bar {display:block; overflow:hidden; background:#fff; padding:5px 0px 5px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0px -25px 0px -25px;}
.addressmap-container {font-size:0.925em; color:#333; max-width:1100px; margin:0 auto; padding:0px 15px 0px 15px; line-height:2.8em;}
.theaddress {width:60%; text-align:center; float:left;}
.themessage {display:none; width:100%; text-align:center; font-style:italic; color:#555; box-sizing:border-box;}
.themessage p {margin:0px 0px 0px 0px;}
.thebutton {width:35%; float:right; text-align:right;}
	
#phone-email-bar {display:block; overflow:hidden; background:#fff; padding:5px 0px 5px 0px; border-bottom:1px solid #ececec;}
.phoneemail-container {font-size:22px; color:#333; max-width:1100px; margin:0 auto; padding:0px 15px 0px 15px; line-height:24px;}
.thephone {text-align:right; color:#0089D0; float:right; padding-right:1%; width:auto; font-weight:300; letter-spacing:0.055em;}
#phone-email-bar .thephone a {color:#0089D0;}
.thephone a:hover {color:#080808;}
.theemail {display:block; width:65px; text-align:center; color:#c9c9c9; border-left:1px solid #ddd; box-sizing:border-box; font-family:"Slabo 27px", serif; float:right;}
.theemail a{color:#c9c9c9;}
	
.home-message-section {max-width:550px; display:block; overflow:hidden;}
	
.pageheader-left {width:48%; float:left;}
.pageheader-right {width:50%; float:right;}

.intro-message {text-align:center; padding-top:20px;}
	
#metaslideshow-mobile {display:none;}
#metaslideshow-container {display:block; overflow:hidden; position:relative; margin:0px -25px 0px -25px;}
.metaslideshow-box {position:absolute; top:0; right:0; background:rgba(175,201,242,0.13); width:100%; height:100%;}
.box-messagedetails {display:table; min-height:400px; width:45%; height:100%; float:right; padding:5% 25px 0px 55px; background:rgba(2,89,153,0.65); margin-right:45px;}

.article-title, a.article-title  {font-family: "Raleway", sans-serif; font-size:1.125em; font-weight:300; color:#000; line-height:1.2em; text-transform:capitalize; padding-top:0px;}

.article-posts0 {display: block; width:47%; margin-top:1%; margin-right:.5%; margin-bottom:2%; margin-left:1%; float:left; clear:left; }
.article-posts1 {display: block; width:47%; margin-top:1%; margin-right:1%; margin-bottom:2%; margin-left:.5%; float:right; }

.sidebar {margin:0 auto;}

.signup-email-left {width:60%; float:left;}
.signup-email-right {width:40%; float:right;}

.footer-left {text-align:left; font-size: 0.8em; line-height:1em; width:50%; float:left; box-sizing:border-box;}
.footer-right {text-align:right; width:50%; float:right; line-height:1em; padding-top:0px;}

.footer-one {width:35%; float:left; display:block; overflow:hidden; position:relative; padding-top:15px;}
.footer-two {width:32%; padding-right:1%; padding-left:2%; float:left; display:block; overflow:hidden; position:relative; padding-top:15px;}
.footer-three {width:30%; float:right; display:block; overflow:hidden; position:relative; padding-top:15px;}

.footer-details {width:60%; padding-right:2%; float:left;}
.footer-sidebar {width:38%; float:right; text-align:right;}

}

/* Desktops and laptops ------------------------------------------------------------------------------------------------------------------- */

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

body.admin-bar #nav-wrapper.fixednav {margin-top: 32px;}
.fixednav {position:fixed; top:0; left:0; z-index:9999999; width:100%; min-height:55px; border-bottom:0px solid #555;}

#menuwrap {min-height:90px; width:100%;}
	
.quarter-one {width:25%; float:left;}
.quarter-two {width:25%; float:left;}
.quarter-three {width:25%; float:left;}
.quarter-four {width:25%; float:right;}

.quarter-content-one {padding:25px; min-height:150px; border-right:2px solid #ddd;}
.quarter-content-two {padding:25px; min-height:150px; border-right:2px solid #ddd;}
.quarter-content-three {padding:25px; min-height:150px; border-right:2px solid #ddd;}
.quarter-content-four {padding:25px; min-height:150px;}
	
.service-wrapper {width:100%; margin:0 auto; position:relative; padding:45px 0px 45px 0px;}
.service-one {width:29%; float:left;}
.service-two {width:29%; float:left; padding-right:1%; padding-left:1%;}
.customer-review-box {width:40%; float:right;}
.customer-review-box h3  {padding-top:15px;}
	
#address-map-bar {display:block; overflow:hidden; background:#fff; padding:5px 0px 5px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0px -25px 0px -25px;}
.addressmap-container {font-size:0.925em; color:#333; max-width:1100px; margin:0 auto; padding:0px 25px 0px 25px; line-height:2.2em;}
.theaddress {width:42%; float:left; text-align:left; color:#1e1e1e;}
.themessage {display:block; width:38%; text-align:center; border-right:1px solid #ddd; font-style:italic; color:#555; border-left:1px solid #ddd; float:left; box-sizing:border-box;}
.themessage p {margin:0px 0px 0px 0px;}
.thebutton {width:20%; float:right; text-align:right; background:#fff;}
	
.messagebar-button, a.messagebar-button:link, a.messagebar-button:visited, a.messagebar-button:active {font-size:1.2em; line-height:1.8em; width:80%; text-align:center; background:#0089D0; color:#fff; padding:0px 8px 0px 8px; float:right; font-family:"Open Sans Condensed", sans-serif; letter-spacing:0.05em; text-transform:uppercase; margin-top:0px;}
	
.our-service-feature {max-width:800px; margin:0 auto; text-align:center; padding:65px 0px 85px 0px;}

}
/* Large Desktop Screens ------------------------------------------------------------------------------------------------------------------- */

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

.home-content { max-width:1100px; padding-top:25px; padding-bottom:25px; display:block; overflow:hidden; margin:0 auto;}
.home-message-section {max-width:980px; display:block; overflow:hidden; text-align:left; font-size:1.4em;}
.feature-message {font-size:1.8em; font-style:italic; font-family:"Bad Script", cursive; padding-top:25px;}
.home-message-section h1 {font-size:2.2em; line-height:1.54em; text-align:left; padding-bottom:0px;}

#theslideshow-welcomewrapper {position:relative; min-height:450px; overflow:hidden; margin:0px -25px 0px -25px; }
#theslideshow-welcomewrapper h2 {color:#fff;}

.slideshow-content {min-height:450px; height:100%; width:100%; background:rgba(0,0,0,0.5); z-index:99999; position:relative;}
.theslideshow-center {max-width:1100px; margin:0 auto; position:relative; z-index:88888; padding:95px 25px 25px 25px; color:#fff; line-height:1.5em; text-align:left;}
	
.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 100%;
  background-size: cover;
  -webkit-animation-name: kenburns;
  animation-name: kenburns;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-duration: 16s;
  animation-duration: 16s;
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  max-height:700px;
}
	
.metaslider .caption {padding:15px 15px !important;}
	
body.page-template-preview-page {background:url('images/backgrounds/craft-beer-sign.jpg') center center no-repeat #fff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	
.splashcontent {padding:35px 35px 35px 35px;}

}

/* Large Desktop Screens ------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width : 1400px) {
#theslideshow-welcomewrapper {position:relative; min-height:600px; overflow:hidden; margin:0px -25px 0px -25px; }
#theslideshow-welcomewrapper h2 {color:#fff;}

.slideshow-content {min-height:600px; height:100%; width:100%; background:rgba(0,0,0,0.5); z-index:99999; position:relative;}
.theslideshow-center {max-width:1100px; margin:0 auto; position:relative; z-index:88888; padding:125px 25px 25px 25px; color:#fff; line-height:1.5em; text-align:left;}
	
.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 100%;
  background-size: cover;
  -webkit-animation-name: kenburns;
  animation-name: kenburns;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-duration: 16s;
  animation-duration: 16s;
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  max-height:1200px;
}

}


/* Extra Large Desktop Screens ------------------------------------------------------------------------------------------------------------------- */

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

.home-message-section h1 {font-size:2.6em; line-height:1.3em; text-align:left; padding-bottom:0px;}
	
}