/* Import Google custom font for text */
/*
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Pontano+Sans&subset=latin,latin-ext);
*/
/* global styles */
body { font-family: 'Pontano Sans', sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
/* basic header setup */
#page-header { width: 100%; }
#logotype { height: 72px; width: 193px; float: left; display: block; text-indent: -9999px; /*margin: 15px;*/
margin: 8px;
-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
}
#logotype:hover { opacity: .6; filter: alpha(opacity=60); }
/* primary navigation */
#primary-nav { }
#primary-nav { border-right: 10px solid #343434; display: block; float: right; height: 90px; margin: 0; padding: 0 24px 0 0; }
#primary-nav > ul { margin: 0; padding: 0; list-style: none; }
#primary-nav > ul > li { display: block; float: left; margin: 25px 6px; padding: 0; position: relative; }
#primary-nav > ul > li > a,
#primary-nav > ul > li > a:visited { display: block; padding: 9px 10px; text-decoration: none; }
#primary-nav > ul > li > a:hover,
#primary-nav > ul > li > a.hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-sizing: padding-box; text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
}
#primary-nav > ul > li > a.withsiblings:hover { -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
#primary-nav > ul ul { display: none; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-topleft: 0; border-radius: 5px; border-top-left-radius: 0;
margin: 0; padding: 5px 0; list-style: none; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); opacity: 0; filter: alpha(opacity=0);
}
#primary-nav > ul ul li { display: block; min-width: 190px; }
#primary-nav > ul ul li a { display: block; margin: 0 5px; padding: 5px 10px; text-decoration: none; color: #fff; border-top: 1px dashed rgba(255,255,255,0.2); border-bottom: 1px dashed rgba(0,0,0,0.15); }
#primary-nav > ul ul li:first-child a { border-top: none; }
#primary-nav > ul ul li:last-child a { border-bottom: none; }
#primary-nav > ul > li:hover ul { position: absolute; left: 0; top: 34px; display: block; z-index: 900; opacity: 1; filter: alpha(opacity=100);}
#primary-nav-mobile { clear: both; display: none; margin: 20px 0; }
#primary-nav-mobile select { background: #fff; border: 1px solid #434343; color: #434343; display: block; font-size: 1.1em; padding: 8px; width: 100%; }
.fancy-headers { font-family: 'Oswald', sans-serif;; text-transform: uppercase; }
.fancy-headers h1,
.fancy-headers h2 {
font-weight: 200;
text-align: left;
}
#slider .fancy-headers { display: block; float: left; margin-right: 20px; }
#slider .fancy-headers h1,
#slider .fancy-headers h2 { line-height: 1em; margin: 0; padding: 0; }
#slider .fancy-headers h1 { font-size: 2.5em; }
#slider .fancy-headers h2 { font-size: 3.286em; }
#slider p { font-size: 1.286em; margin: 0 ; padding: 0; }
/*
* jQuery FlexSlider v2.0 http://www.woothemes.com/flexslider/
* Copyright 2012 WooThemes Free to use under the GPLv2 license http://www.gnu.org/licenses/gpl-2.0.html
* Contributing author: Tyler Smith (@mbmufffin)
*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flexslider { margin: 20px 30px 30px; padding: 10px; position: relative; zoom: 1; }
.slider-wrapper,
.flexslider { box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), inset 0px -1px 0px rgba(255,255,255,0.1), inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(255,255,255,0.1); }
.slider-wrapper:after,
.flexslider:after { background: url(../img/common/slider-shadow.png) center top no-repeat; background-size: contain; content: ''; position: absolute; left: 0; bottom: -24px; height: 24px; width: 100%; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides .flex-caption { background: #000; background: rgba(0,0,0,0.75); border-top: 1px solid rgba(255,255,255,0.20);
position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; }
.flexslider .slides .flex-caption > div { padding: 15px 20px; overflow: hidden; }
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { width: 91px; height: 103px; margin: -51px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav .flex-next { background-position: -91px 0; right: -28px; }
.flex-direction-nav .flex-prev { left: -28px; }
.flex-direction-nav .flex-next:hover { background-position: -91px -103px; }
.flex-direction-nav .flex-prev:hover { background-position: 0 -103px; }
.flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; }
.flex-control-nav { width: 100%; position: absolute; bottom: -27px; text-align: center; z-index: 200; }
.flex-control-nav li { margin: 0; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a.flex-active { cursor: default; }
.flex-control-paging li a { display: block; cursor: pointer; text-indent: -9999px;
-webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; filter: alpha(opacity=70); cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; filter: alpha(opacity=100); }
.flex-control-thumbs .flex-active { opacity: 1; filter: alpha(opacity=100);cursor: default; }
/*
* jQuery Nivo Slider v3.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.slider-wrapper { margin: 20px 30px 30px; padding: 10px; position: relative; zoom: 1; }
.nivoSlider { position: relative; width:100%; height:auto; overflow: hidden; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }
/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index:5; height:100%; top:0; }
.nivo-box { display: block; position: absolute; z-index:5; overflow:hidden; }
.nivo-box img { display: block; }
/* Caption styles */
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8;
padding: 5px 10px; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=80);
-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.nivo-caption p { padding:5px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { width: 100%; position: absolute; bottom: -27px; text-align: center; z-index: 200; }
.nivo-controlNav a { margin: 0; display: inline-block; zoom: 1; *display: inline; cursor:pointer;
-webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../img/common/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; filter: alpha(opacity=80);
-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; filter: alpha(opacity=100);}
.theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; }
.theme-default a.nivo-prevNav { left:15px; }
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../img/common/fancybox.png'); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../img/common/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../img/common/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico,
#fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url('../img/common/fancybox.png'); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('../img/common/fancybox.png'); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../img/common/fancybox-x.png'); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../img/common/fancybox.png'); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../img/common/fancybox-y.png'); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../img/common/fancybox.png'); background-position: -40px -182px; }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../img/common/fancybox-x.png'); background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../img/common/fancybox.png'); background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../img/common/fancybox-y.png'); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../img/common/fancybox.png'); background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url('../img/common/fancy_title_over.png'); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('../img/common/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('.._/img/common/fancybox-x.html') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('../img/common/fancybox.png') -55px -90px no-repeat; }
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); }
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/fancy_shadow_nw.png', sizingMethod='scale'); }
/* content styling */
.content-title { font-family: 'Pontano Sans', serif; padding: 30px 0 30px 90px; }
.content-title h1 { font-size: 1.714em; font-weight: normal; margin: 0; padding: 0; text-transform: uppercase; line-height: 1em; }
.content-title h2 { font-size: 1.286em; font-weight: normal; margin: 0; padding: 0; line-height: 1em; }
.content-title.welcome { background: url(../img/common/icon_welcome.png) 10px 50% no-repeat; }
.content-title.blog { background: url(../img/common/icon_blog.png) 10px 50% no-repeat; }
.content-title.page { background: url(../img/common/icon_page.png) 10px 50% no-repeat; }
.content-title.single { background: url(../img/common/icon_single.png) 10px 50% no-repeat; }
.content-title.calendar { background: url(../img/common/icon_calendar.png) 10px 50% no-repeat; }
.content-title.event { background: url(../img/common/icon_calendar-single.png) 10px 50% no-repeat; }
.content-title.contact { background: url(../img/common/icon_contact.png) 10px 50% no-repeat; }
#content-header { margin-bottom: 5px; }
#content-header .fancy-headers { padding: 18px; }
#content-header .fancy-headers h1,
#content-header .fancy-headers h2 { margin: 0; }
#content-header .fancy-headers h1 { font-size: 2.114em; line-height: 1.2em; }
#content-header .fancy-headers h2 { font-size: 1.857em; line-height: 1.2em; }
#content-header .fancy-headers h3 { font-size: 1.8em; line-height: 1.2em; margin: 0.5em 0; }
#banner { margin: 20px 15px 10px; }
#banner a,
#banner a:visited { display: block; padding: 8px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-sizing: padding-box;
}
#banner img { width: 100%; height: auto; }
/* post formatting (headings, galleries, tables etc) */
.posts { margin-left: 2.564102564102564% !important }
.posts .post { width: 100%; }
.front-page.posts .post { width: 50%; float: left; min-height: 535px; }
.post-offset { margin: 15px; }
.blog.posts .post { margin-top: 50px; }
.blog.posts .post.single { margin-top: 0; }
.blog.posts .post-icon { float: left; margin: 0 20px 20px 0; }
.blog.posts .post-options { clear: both; }
.blog.posts .post-offset > h1 { margin-bottom: 0 !important; }
.post-offset figure.post-icon a { display: block; padding: 8px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-sizing: padding-box;
}
.post-offset figure.post-icon a img { max-width: 100%; height: auto; }
.post-offset > h1 { font-family: 'Oswald', sans-serif; font-size: 1.429em; font-weight: normal; text-transform: uppercase; margin: 20px 0; padding: 0; }
.post-offset > h1 a,
.post-offset > h1 a:visited { text-decoration: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.entry-date { color: #494949; }
.post-offset h1,
.post-offset h2,
.post-offset h3,
.post-offset h4,
.post-offset h5,
.post-offset h6 { color: #fff; font-family: 'Oswald', sans-serif; font-weight: 300; margin: .67em 0 .25em; }
.post-offset h2 { font-size: 1.4em; }
.post-offset h3 { font-size: 1.3em; }
.post-offset h4 { font-size: 1.2em; }
.post-offset h5 { font-size: 1.1em; }
.post-offset h6 { font-size: 1em; }
.post-offset ul,
.post-offset ol,
.post-offset dl { color: #fff; }
.post-offset ul { list-style: outside; }
.post-offset .gallery { display: block; width: 100%; clear: both; margin: 10px 0; padding: 0; list-style: none; overflow: hidden; text-align: center; }
/*.post-offset .gallery li { display: inline-block; margin: 0; padding: 0; width: 20%; min-width: 84px; max-width: 150px; }*/
.post-offset .gallery li { display: inline-block; margin: 0; padding: 0; width: 25%; min-width: 84px; max-width: 180px; }
.post-offset .gallery figure { background: #1e1e1e; color: #909090 !important; display: block; margin: 2px; padding: 5px; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15);
-moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-sizing: padding-box;
-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
}
.post-offset .gallery figure:hover { background: #2c2c2c; color: #fff !important; }
.post-offset .gallery figure a { display: block; }
.post-offset .gallery figure img { width: 100%; max-width: 100%; height: auto; }
.post-offset .gallery figcaption { margin: 5px 0 0; text-align: center; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.post-offset table { width: 100%; border-collapse: collapse; text-align: left; }
.post-offset table th { border: 1px solid #282828; color: #fff !important; font-weight: 300; font-family: 'Oswald', sans-serif; font-size: 1em; padding: 10px 4px; }
.post-offset table td { border: 1px solid #282828; color: #bdbdbd; padding: 4px; }
.post-offset table tr:nth-child(odd) td { background: rgba(0,0,0,0.3); }
/* comments tree (with nesting) */
#comments { margin: 0; padding: 0; list-style: none; }
#comments li { margin: 0; padding: 0; }
#comments ul { margin: 0 0 0 30px; padding: 0; list-style: none; }
.comment-author .avatar { padding: 4px; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.35);
background: rgb(36,36,36); /* Old browsers */
background: -moz-linear-gradient(top, rgba(36,36,36,1) 0%, rgba(24,24,24,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,36,36,1)), color-stop(100%,rgba(24,24,24,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(36,36,36,1) 0%,rgba(24,24,24,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(36,36,36,1) 0%,rgba(24,24,24,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(36,36,36,1) 0%,rgba(24,24,24,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(36,36,36,1) 0%,rgba(24,24,24,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#181818',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 500px; -webkit-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px;
}
.comment-author .url { text-decoration: none; color: #fff; }
.comment .commententry { border-bottom: 1px solid #282828; }
.comment .commententry p { color: #b6b6b6 !important; }
.comment .commententry .reply { clear: both; display: block; width: 100%; margin: 10px 0; padding: 0; text-align: right; }
.comment-author img { float: left; margin-right: 10px; }
/* post meta - social icons */
.post-options { margin-top: 30px 0 20px; padding: 19px; overflow: hidden; }
.post-options .social { margin: 6px; padding: 0; list-style: none; display: block; float: left; }
.post-options .social li { display: block; float: left; margin: 0 16px 0 0; padding: 0; }
.post-options .social li a { background: url(../img/common/post-social-sprite.png) no-repeat; display: block; height: 32px; width: 32px; text-indent: -9999px; outline: none; }
.post-options .social li a.share { background-position: 0 0; }
.post-options .social li a.facebook-share { background-position: -32px 0; }
.post-options .social li a.twitter-share { background-position: -64px 0; }
.post-options .social li a.share:hover { background-position: 0 -32px; }
.post-options .social li a.facebook-share:hover { background-position: -32px -32px; }
.post-options .social li a.twitter-share:hover { background-position: -64px -32px; }
.post-options .more-link { float: right; }
/* sidebar widgets styling */
.photo-stream { margin: 0 0 15px 0; padding: 0; list-style: none; overflow: hidden; }
.photo-stream li { margin: 0; padding: 0; display: block; float: left; width: 33.333%; text-align: center; }
.photo-stream li a,
.photo-stream li a:visited { display: inline-block; margin: 15px 10px 0 10px; padding: 8px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-sizing: padding-box;
}
.photo-stream li a:hover { }
.photo-stream li a img { display: block; height: auto; width: 100%; }
/* widget headers */
.widget .fancy-headers { padding: 20px 0 20px 20px; }
.widget .fancy-headers h1 { margin: 0 0 10px 0; padding: 0; font-size: 1.571em; line-height: 1em; }
.widget .fancy-headers h2 { margin: 0; padding: 0; font-size: 1.571em; line-height: 1em; }
/* playlist widget */
.widget .playlist { }
.widget .playlist ul { border-bottom: 1px solid #252525; list-style: none; margin: 0 0 20px 0; padding: 0; }
.widget .playlist ul li { border-top: 1px solid #252525; border-bottom: 1px solid #050505; display: block; margin: 0; padding: 11px 20px 11px 40px; cursor: pointer; }
.widget .playlist p { color: #fff; margin: 0; padding: 0; overflow: hidden; font-size: 1.071em; line-height: 1.071em; }
.widget .playlist .set-name { display: block; float: left; width: 80%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.widget .playlist .set-time { display: block; float: right; width: 20%; text-align: right; }
/* upcoming events widget */
.widget .upcoming-events { }
.flyer-wrapper { position: relative; text-align: center; max-width: 270px; margin: 27px auto; }
.flyer-wrapper figure { display: inline-block; }
.flyer-wrapper figure img { display: block; height: auto; width: 100%; }
.flyer-wrapper p { position: absolute; font-family: 'Oswald', sans-serif; font-size: 1.286em; line-height: 1.286em; margin: 0; padding: 10px; }
.flyer-wrapper p.event-date { top: 20px; right: -20px; }
.flyer-wrapper p.view-event { bottom: 20px; left: -20px; }
/* pagination styling */
#pagination { text-align: center; margin: 35px 0 45px 0; }
#pagination ol { display: inline-block; list-style: none; margin: 0; padding: 0; }
#pagination ol li { display: block; float: left; margin: 0 3px; padding: 0; }
#pagination ol li a,
#pagination ol li a:visited { display: block; line-height: 1em; padding: 10px 10px 8px; text-decoration: none; }
/* footer social hub */
.social-hub { clear: both; list-style: none; margin: 0; padding: 0; width: 100%; text-align: center; }
.social-hub li { display: inline-block; margin: 0 4px;}
.social-hub li a { box-shadow: 0px 1px 2px rgba(0,0,0,0.75), inset 0px 1px 0px rgba(255,255,255,0.15); display: block; text-indent: -9999px; height: 64px; width: 64px; position: relative;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-sizing: padding-box;
background: rgb(34,34,34); /* Old browsers */
background: -moz-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(23,23,23,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,34,34,1)), color-stop(100%,rgba(23,23,23,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(34,34,34,1) 0%,rgba(23,23,23,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(34,34,34,1) 0%,rgba(23,23,23,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(34,34,34,1) 0%,rgba(23,23,23,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(34,34,34,1) 0%,rgba(23,23,23,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#171717',GradientType=0 ); /* IE6-9 */
}
.social-hub li a span { background: url(../img/common/footer-social-sprite.png) 0 0 no-repeat; display: block; height: 36px; width: 36px; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 14px; left: 14px;
-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
}
.social-hub li a:hover span { opacity: 1; filter: alpha(opacity=100); }
.social-hub li a.share span { background-position: 0 0; }
.social-hub li a.facebook-share span { background-position: -36px 0; }
.social-hub li a.twitter-share span { background-position: -72px 0; }
/* page footer */
#page-footer { }
#page-footer .fancy-headers { clear: both; }
#page-footer .fancy-headers h3 { font-size: 1.286em; }
#page-footer a,
#page-footer a:visited { text-decoration: none; }
/* footer staff members */
.staff-members { display: block; list-style: none; text-align: center; padding: 0; margin: 0; }
.staff-members li { display: block; float: left; padding: 0; height: auto; width: 20%; position: relative;
}
.staff-members li p { background: #000; background: rgba(0,0,0,0.75); text-align: center; width: 120px; display: none;
position: absolute; top: 10px; left: 50%; opacity: 0; filter: alpha(opacity=0); padding: 10px 20px; margin: 0 0 0 -80px; z-index: 20;
-moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; box-sizing: padding-box;
}
.staff-members li:hover p { display: block; top: -45px; opacity: 1; filter: alpha(opacity=100); }
.staff-members li figure { margin: 3px 3px; padding: 6px; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.35);
background: transparent; /* clear just in case */
filter: '';
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyNDI0MjQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxODE4MTgiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MjgpIiAvPgo8L3N2Zz4=);
/* color used: #242424 => #181818 */
-moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; overflow: hidden;
}
.staff-members li figure img { display: block; height: auto; width: 100%; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
/* footer copyrights */
.copyright { padding: 28px; font-size: 0.857em; text-align: center; }
.copyright a,
.copyright a:visited { text-decoration: none; }
/* comment form styling (single.html view) */
#commentform label { color: #d9d9d9; font-size: 0.813em; padding: 5px 10px; }
#commentform input[type='text'],
#commentform textarea { background: #242424; border: 1px solid #282828; color: #fff; padding: 4px;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;
}
#commentform input[type='text']:focus,
#commentform textarea:focus { background: #171717; border: 1px solid #353535; }
/* Responsive video embedding & rich media (iframed content)
* For responsive iframes (Youtube, SoundCloud, Mixcloud etc) simply place
* the iframe mebed code between <div class="media-container"></div> for
* proper scaling-down
*/
video { max-width: 100%; height: auto; }
.media-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.media-container iframe,
.media-container object,
.media-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* vCard styling */
.vcard { font-size: 1.143em; font-style: italic; color: #ADADAD; }
.vcard a { color: #fff; text-decoration: none; }
.vcard a:hover { color: #d9d9d9; }
.vcard .fn { color: #fff; font-size: 1.125em; }
.latest-tweet { background: url(../img/common/quotes.png) 0 0 no-repeat; display: block; padding: 5px 5px 5px 50px; font-size: 1.143em; }
.latest-tweet a { color: #dedede !important; text-decoration: none; }
/* global buttons styling */
.btn { display: inline-block; line-height: 1.429em; vertical-align: middle; border: none;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;
}
.btn-small { padding: 4px 8px; }
.btn-medium { padding: 12px 15px; }
.btn-xxl { font-size: 1.25em; padding: 15px 20px; }
.btn-small .icon { }
.btn-medium .icon { margin-top: 1px; }
.btn-xxl .icon { margin-top: 3px; }
/* event calendar styling */
.months { color: #ffffff; text-align: center; font-size: 2em; font-weight: 400; }
.months div { background: rgba(0, 0, 0, 0.3); border: 1px solid #282828; margin-bottom: 5px; padding: 5px; position: relative; }
.months a { background: rgba(255,255,255,0.1); color: #fff !important; display: block; padding: 5px 18px; text-decoration: none; font-weight: 300 !important;
-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}
.months a:hover { background: rgba(255,255,255,0.3); }
.months .prev { position: absolute; top: 0; left: 0; }
.months .next { position: absolute; top: 0; right: 0; }
#upcoming-events { font-size: 1.5em; }
#upcoming-events th { text-align: center; }
#upcoming-events td { padding: 0 !important; }
#upcoming-events span { display: block; padding: 40px 10px; text-align: center; }
#upcoming-events span.nextmonth { color: #323232 !important; }
.party { display: block; position: relative; }
#event-header { position : relative; left:0px }
.event-info { height: 100px; position: absolute; top: -30px; left: -10px; background: #000; background: rgba(0,0,0,0.75); border: 1px solid rgba(255,255,255,0.15); padding: 10px; width: 100%; min-width: 100px; z-index: 200; opacity: 0; filter: alpha(opacity=00); box-shadow: 0px 2px 4px rgba(0,0,0,0.5); overflow: hidden;
/* -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; */ font-size: 13px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-sizing: padding-box; text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
}
.event-info ul { margin: 0; padding: 0; list-style: none; }
.event-info li { margin: 0; padding: 0; }
.event-info li p { margin: 5px 0; }
.event-info li img { width: 100%; height: auto;
-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 1; margin-bottom: 5px;
}
.event-info li img:hover { opacity: .7; filter: alpha(opacity=70); }
.event-info li strong { text-transform: uppercase; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.event-info a.btn,
.event-info a.btn:visited,
.event-info a { margin-top: 8px; color: #fff !important; }
.party:hover .event-info { display: block;/* top: -10px; opacity: 1; filter: alpha(opacity=100); height: 316px; */ }
/*
* A handcrafted icon set by Turqois (http://turqois.com)
* 210 20x20 icons for buttons & other styling purposes
* Modified by us for the orangeClub Theme
*/
.icon { display: inline-block; height: 20px; width: 20px; vertical-align: text-top; }
.icon-addtag { background: url("../img/icons/icon-addtag.png") center no-repeat; }
.icon-alarm { background: url("../img/icons/icon-alarm.png") center no-repeat; }
.icon-anchors { background: url("../img/icons/icon-anchors.png") center no-repeat; }
.icon-arrow-down { background: url("../img/icons/icon-arrow-down.png") center no-repeat; }
.icon-arrow-left { background: url("../img/icons/icon-arrow-left.png") center no-repeat; }
.icon-arrow-right { background: url("../img/icons/icon-arrow-right.png") center no-repeat; }
.icon-arrow-up { background: url("../img/icons/icon-arrow-up.png") center no-repeat; }
.icon-article-add { background: url("../img/icons/icon-article-add.png") center no-repeat; }
.icon-article-remove { background: url("../img/icons/icon-article-remove.png") center no-repeat; }
.icon-article { background: url("../img/icons/icon-article.png") center no-repeat; }
.icon-attachment-2 { background: url("../img/icons/icon-attachment-2.png") center no-repeat; }
.icon-attachment { background: url("../img/icons/icon-attachment.png") center no-repeat; }
.icon-basil { background: url("../img/icons/icon-basil.png") center no-repeat; }
.icon-basket { background: url("../img/icons/icon-basket.png") center no-repeat; }
.icon-beer-empty { background: url("../img/icons/icon-beer-empty.png") center no-repeat; }
.icon-beer { background: url("../img/icons/icon-beer.png") center no-repeat; }
.icon-bike { background: url("../img/icons/icon-bike.png") center no-repeat; }
.icon-bill { background: url("../img/icons/icon-bill.png") center no-repeat; }
.icon-block { background: url("../img/icons/icon-block.png") center no-repeat; }
.icon-bottle-w-label { background: url("../img/icons/icon-bottle-w-label.png") center no-repeat; }
.icon-bottle { background: url("../img/icons/icon-bottle.png") center no-repeat; }
.icon-bowl-of-chopsticks-1 { background: url("../img/icons/icon-bowl-of-chopsticks-1.png") center no-repeat; }
.icon-bowl-of-chopsticks-2 { background: url("../img/icons/icon-bowl-of-chopsticks-2.png") center no-repeat; }
.icon-box { background: url("../img/icons/icon-box.png") center no-repeat; }
.icon-bread { background: url("../img/icons/icon-bread.png") center no-repeat; }
.icon-breads { background: url("../img/icons/icon-breads.png") center no-repeat; }
.icon-briefcase { background: url("../img/icons/icon-briefcase.png") center no-repeat; }
.icon-brightness { background: url("../img/icons/icon-brightness.png") center no-repeat; }
.icon-browser { background: url("../img/icons/icon-browser.png") center no-repeat; }
.icon-bubble-1 { background: url("../img/icons/icon-bubble-1.png") center no-repeat; }
.icon-bubble-2 { background: url("../img/icons/icon-bubble-2.png") center no-repeat; }
.icon-bubble-3 { background: url("../img/icons/icon-bubble-3.png") center no-repeat; }
.icon-bubble-4 { background: url("../img/icons/icon-bubble-4.png") center no-repeat; }
.icon-cake { background: url("../img/icons/icon-cake.png") center no-repeat; }
.icon-calculator { background: url("../img/icons/icon-calculator.png") center no-repeat; }
.icon-calendar-2 { background: url("../img/icons/icon-calendar-2.png") center no-repeat; }
.icon-calendar { background: url("../img/icons/icon-calendar.png") center no-repeat; }
.icon-camera { background: url("../img/icons/icon-camera.png") center no-repeat; }
.icon-candy { background: url("../img/icons/icon-candy.png") center no-repeat; }
.icon-caps { background: url("../img/icons/icon-caps.png") center no-repeat; }
.icon-car { background: url("../img/icons/icon-car.png") center no-repeat; }
.icon-card { background: url("../img/icons/icon-card.png") center no-repeat; }
.icon-cassette { background: url("../img/icons/icon-cassette.png") center no-repeat; }
.icon-charging-battery { background: url("../img/icons/icon-charging-battery.png") center no-repeat; }
.icon-chart { background: url("../img/icons/icon-chart.png") center no-repeat; }
.icon-chicken { background: url("../img/icons/icon-chicken.png") center no-repeat; }
.icon-classicbus { background: url("../img/icons/icon-classicbus.png") center no-repeat; }
.icon-clipboard-w-tick { background: url("../img/icons/icon-clipboard-w-tick.png") center no-repeat; }
.icon-clipboard { background: url("../img/icons/icon-clipboard.png") center no-repeat; }
.icon-cloud { background: url("../img/icons/icon-cloud.png") center no-repeat; }
.icon-cocktail-classic { background: url("../img/icons/icon-cocktail-classic.png") center no-repeat; }
.icon-cocktail { background: url("../img/icons/icon-cocktail.png") center no-repeat; }
.icon-coffee-1 { background: url("../img/icons/icon-coffee-1.png") center no-repeat; }
.icon-coffee-2 { background: url("../img/icons/icon-coffee-2.png") center no-repeat; }
.icon-compass { background: url("../img/icons/icon-compass.png") center no-repeat; }
.icon-controller { background: url("../img/icons/icon-controller.png") center no-repeat; }
.icon-crop { background: url("../img/icons/icon-crop.png") center no-repeat; }
.icon-cross { background: url("../img/icons/icon-cross.png") center no-repeat; }
.icon-cupcake { background: url("../img/icons/icon-cupcake.png") center no-repeat; }
.icon-details { background: url("../img/icons/icon-details.png") center no-repeat; }
.icon-diamond { background: url("../img/icons/icon-diamond.png") center no-repeat; }
.icon-disk { background: url("../img/icons/icon-disk.png") center no-repeat; }
.icon-documents { background: url("../img/icons/icon-documents.png") center no-repeat; }
.icon-download { background: url("../img/icons/icon-download.png") center no-repeat; }
.icon-dribbble { background: url("../img/icons/icon-dribbble.png") center no-repeat; }
.icon-drop { background: url("../img/icons/icon-drop.png") center no-repeat; }
.icon-egg { background: url("../img/icons/icon-egg.png") center no-repeat; }
.icon-email-back { background: url("../img/icons/icon-email-back.png") center no-repeat; }
.icon-email-front { background: url("../img/icons/icon-email-front.png") center no-repeat; }
.icon-empty-battery { background: url("../img/icons/icon-empty-battery.png") center no-repeat; }
.icon-eraser { background: url("../img/icons/icon-eraser.png") center no-repeat; }
.icon-eye { background: url("../img/icons/icon-eye.png") center no-repeat; }
.icon-facebook { background: url("../img/icons/icon-facebook.png") center no-repeat; }
.icon-female { background: url("../img/icons/icon-female.png") center no-repeat; }
.icon-files { background: url("../img/icons/icon-files.png") center no-repeat; }
.icon-fish { background: url("../img/icons/icon-fish.png") center no-repeat; }
.icon-flag { background: url("../img/icons/icon-flag.png") center no-repeat; }
.icon-folder-add { background: url("../img/icons/icon-folder-add.png") center no-repeat; }
.icon-folder-remove { background: url("../img/icons/icon-folder-remove.png") center no-repeat; }
.icon-folder { background: url("../img/icons/icon-folder.png") center no-repeat; }
.icon-fork-knife { background: url("../img/icons/icon-fork-knife.png") center no-repeat; }
.icon-fork-spoon { background: url("../img/icons/icon-fork-spoon.png") center no-repeat; }
.icon-fridge { background: url("../img/icons/icon-fridge.png") center no-repeat; }
.icon-full-battery { background: url("../img/icons/icon-full-battery.png") center no-repeat; }
.icon-fullscreen { background: url("../img/icons/icon-fullscreen.png") center no-repeat; }
.icon-gear-1 { background: url("../img/icons/icon-gear-1.png") center no-repeat; }
.icon-gear-2 { background: url("../img/icons/icon-gear-2.png") center no-repeat; }
.icon-gear-3 { background: url("../img/icons/icon-gear-3.png") center no-repeat; }
.icon-glasses { background: url("../img/icons/icon-glasses.png") center no-repeat; }
.icon-globe { background: url("../img/icons/icon-globe.png") center no-repeat; }
.icon-grid-2 { background: url("../img/icons/icon-grid-2.png") center no-repeat; }
.icon-grid { background: url("../img/icons/icon-grid.png") center no-repeat; }
.icon-grill { background: url("../img/icons/icon-grill.png") center no-repeat; }
.icon-group { background: url("../img/icons/icon-group.png") center no-repeat; }
.icon-gym { background: url("../img/icons/icon-gym.png") center no-repeat; }
.icon-half-battery { background: url("../img/icons/icon-half-battery.png") center no-repeat; }
.icon-headphones { background: url("../img/icons/icon-headphones.png") center no-repeat; }
.icon-heart { background: url("../img/icons/icon-heart.png") center no-repeat; }
.icon-home { background: url("../img/icons/icon-home.png") center no-repeat; }
.icon-hot-food { background: url("../img/icons/icon-hot-food.png") center no-repeat; }
.icon-ice-cream-2 { background: url("../img/icons/icon-ice-cream-2.png") center no-repeat; }
.icon-ice-cream-3 { background: url("../img/icons/icon-ice-cream-3.png") center no-repeat; }
.icon-ice-cream { background: url("../img/icons/icon-ice-cream.png") center no-repeat; }
.icon-imac { background: url("../img/icons/icon-imac.png") center no-repeat; }
.icon-instagram-1 { background: url("../img/icons/icon-instagram-1.png") center no-repeat; }
.icon-instagram-2 { background: url("../img/icons/icon-instagram-2.png") center no-repeat; }
.icon-ipad-landscape { background: url("../img/icons/icon-ipad-landscape.png") center no-repeat; }
.icon-ipad-portrait-and-landscape-1 { background: url("../img/icons/icon-ipad-portrait-and-landscape-1.png") center no-repeat; }
.icon-ipad-portrait-and-landscape-2 { background: url("../img/icons/icon-ipad-portrait-and-landscape-2.png") center no-repeat; }
.icon-ipad-portrait { background: url("../img/icons/icon-ipad-portrait.png") center no-repeat; }
.icon-iphone-landscape { background: url("../img/icons/icon-iphone-landscape.png") center no-repeat; }
.icon-iphone-portrait-and-landscape-2 { background: url("../img/icons/icon-iphone-portrait-and-landscape-2.png") center no-repeat; }
.icon-iphone-portrait-and-landscape { background: url("../img/icons/icon-iphone-portrait-and-landscape.png") center no-repeat; }
.icon-iphone-portrait { background: url("../img/icons/icon-iphone-portrait.png") center no-repeat; }
.icon-jar { background: url("../img/icons/icon-jar.png") center no-repeat; }
.icon-ketchup { background: url("../img/icons/icon-ketchup.png") center no-repeat; }
.icon-key { background: url("../img/icons/icon-key.png") center no-repeat; }
.icon-laptop { background: url("../img/icons/icon-laptop.png") center no-repeat; }
.icon-list-w-images { background: url("../img/icons/icon-list-w-images.png") center no-repeat; }
.icon-list { background: url("../img/icons/icon-list.png") center no-repeat; }
.icon-location-2 { background: url("../img/icons/icon-location-2.png") center no-repeat; }
.icon-location { background: url("../img/icons/icon-location.png") center no-repeat; }
.icon-locomotive { background: url("../img/icons/icon-locomotive.png") center no-repeat; }
.icon-lollipop-1 { background: url("../img/icons/icon-lollipop-1.png") center no-repeat; }
.icon-lollipop-2 { background: url("../img/icons/icon-lollipop-2.png") center no-repeat; }
.icon-magicmouse { background: url("../img/icons/icon-magicmouse.png") center no-repeat; }
.icon-male { background: url("../img/icons/icon-male.png") center no-repeat; }
.icon-map { background: url("../img/icons/icon-map.png") center no-repeat; }
.icon-mastercard-1 { background: url("../img/icons/icon-mastercard-1.png") center no-repeat; }
.icon-mastercard-2 { background: url("../img/icons/icon-mastercard-2.png") center no-repeat; }
.icon-mayo { background: url("../img/icons/icon-mayo.png") center no-repeat; }
.icon-medbrief { background: url("../img/icons/icon-medbrief.png") center no-repeat; }
.icon-meter { background: url("../img/icons/icon-meter.png") center no-repeat; }
.icon-mic-1 { background: url("../img/icons/icon-mic-1.png") center no-repeat; }
.icon-mic-2 { background: url("../img/icons/icon-mic-2.png") center no-repeat; }
.icon-microwave { background: url("../img/icons/icon-microwave.png") center no-repeat; }
.icon-minus { background: url("../img/icons/icon-minus.png") center no-repeat; }
.icon-modernbus { background: url("../img/icons/icon-modernbus.png") center no-repeat; }
.icon-music { background: url("../img/icons/icon-music.png") center no-repeat; }
.icon-news { background: url("../img/icons/icon-news.png") center no-repeat; }
.icon-next { background: url("../img/icons/icon-next.png") center no-repeat; }
.icon-notepad { background: url("../img/icons/icon-notepad.png") center no-repeat; }
.icon-pause { background: url("../img/icons/icon-pause.png") center no-repeat; }
.icon-pen { background: url("../img/icons/icon-pen.png") center no-repeat; }
.icon-pencil-w-paper { background: url("../img/icons/icon-pencil-w-paper.png") center no-repeat; }
.icon-pencil { background: url("../img/icons/icon-pencil.png") center no-repeat; }
.icon-person { background: url("../img/icons/icon-person.png") center no-repeat; }
.icon-photo-1 { background: url("../img/icons/icon-photo-1.png") center no-repeat; }
.icon-photo-2 { background: url("../img/icons/icon-photo-2.png") center no-repeat; }
.icon-pizza-1 { background: url("../img/icons/icon-pizza-1.png") center no-repeat; }
.icon-pizza-2 { background: url("../img/icons/icon-pizza-2.png") center no-repeat; }
.icon-plane { background: url("../img/icons/icon-plane.png") center no-repeat; }
.icon-plate { background: url("../img/icons/icon-plate.png") center no-repeat; }
.icon-play { background: url("../img/icons/icon-play.png") center no-repeat; }
.icon-plus { background: url("../img/icons/icon-plus.png") center no-repeat; }
.icon-polaroid-1 { background: url("../img/icons/icon-polaroid-1.png") center no-repeat; }
.icon-polaroid-2 { background: url("../img/icons/icon-polaroid-2.png") center no-repeat; }
.icon-power { background: url("../img/icons/icon-power.png") center no-repeat; }
.icon-presentation { background: url("../img/icons/icon-presentation.png") center no-repeat; }
.icon-prev { background: url("../img/icons/icon-prev.png") center no-repeat; }
.icon-ramen { background: url("../img/icons/icon-ramen.png") center no-repeat; }
.icon-refresh { background: url("../img/icons/icon-refresh.png") center no-repeat; }
.icon-reload { background: url("../img/icons/icon-reload.png") center no-repeat; }
.icon-removetag { background: url("../img/icons/icon-removetag.png") center no-repeat; }
.icon-repeat { background: url("../img/icons/icon-repeat.png") center no-repeat; }
.icon-ribbon { background: url("../img/icons/icon-ribbon.png") center no-repeat; }
.icon-rocket { background: url("../img/icons/icon-rocket.png") center no-repeat; }
.icon-scooter { background: url("../img/icons/icon-scooter.png") center no-repeat; }
.icon-search { background: url("../img/icons/icon-search.png") center no-repeat; }
.icon-share { background: url("../img/icons/icon-share.png") center no-repeat; }
.icon-ship { background: url("../img/icons/icon-ship.png") center no-repeat; }
.icon-shoppingbag-1 { background: url("../img/icons/icon-shoppingbag-1.png") center no-repeat; }
.icon-shoppingbag-2 { background: url("../img/icons/icon-shoppingbag-2.png") center no-repeat; }
.icon-shuffle { background: url("../img/icons/icon-shuffle.png") center no-repeat; }
.icon-spatula { background: url("../img/icons/icon-spatula.png") center no-repeat; }
.icon-sportscar { background: url("../img/icons/icon-sportscar.png") center no-repeat; }
.icon-star { background: url("../img/icons/icon-star.png") center no-repeat; }
.icon-stats-down { background: url("../img/icons/icon-stats-down.png") center no-repeat; }
.icon-stats-up { background: url("../img/icons/icon-stats-up.png") center no-repeat; }
.icon-stop { background: url("../img/icons/icon-stop.png") center no-repeat; }
.icon-tag-1 { background: url("../img/icons/icon-tag-1.png") center no-repeat; }
.icon-tag-2 { background: url("../img/icons/icon-tag-2.png") center no-repeat; }
.icon-tag-3 { background: url("../img/icons/icon-tag-3.png") center no-repeat; }
.icon-task { background: url("../img/icons/icon-task.png") center no-repeat; }
.icon-tea { background: url("../img/icons/icon-tea.png") center no-repeat; }
.icon-thermometer { background: url("../img/icons/icon-thermometer.png") center no-repeat; }
.icon-thumbsdown { background: url("../img/icons/icon-thumbsdown.png") center no-repeat; }
.icon-thumbsup { background: url("../img/icons/icon-thumbsup.png") center no-repeat; }
.icon-tick { background: url("../img/icons/icon-tick.png") center no-repeat; }
.icon-tickets { background: url("../img/icons/icon-tickets.png") center no-repeat; }
.icon-tie-1 { background: url("../img/icons/icon-tie-1.png") center no-repeat; }
.icon-tie-2 { background: url("../img/icons/icon-tie-2.png") center no-repeat; }
.icon-train { background: url("../img/icons/icon-train.png") center no-repeat; }
.icon-trashcan { background: url("../img/icons/icon-trashcan.png") center no-repeat; }
.icon-tv { background: url("../img/icons/icon-tv.png") center no-repeat; }
.icon-twitter { background: url("../img/icons/icon-twitter.png") center no-repeat; }
.icon-unlocked-1 { background: url("../img/icons/icon-unlocked-1.png") center no-repeat; }
.icon-unlocked-2 { background: url("../img/icons/icon-unlocked-2.png") center no-repeat; }
.icon-unlocked-3 { background: url("../img/icons/icon-unlocked-3.png") center no-repeat; }
.icon-upload { background: url("../img/icons/icon-upload.png") center no-repeat; }
.icon-video { background: url("../img/icons/icon-video.png") center no-repeat; }
.icon-videonegative { background: url("../img/icons/icon-videonegative.png") center no-repeat; }
.icon-volume-max { background: url("../img/icons/icon-volume-max.png") center no-repeat; }
.icon-volume-med { background: url("../img/icons/icon-volume-med.png") center no-repeat; }
.icon-volume-min { background: url("../img/icons/icon-volume-min.png") center no-repeat; }
.icon-volume-mute { background: url("../img/icons/icon-volume-mute.png") center no-repeat; }
.icon-warning { background: url("../img/icons/icon-warning.png") center no-repeat; }
.icon-water { background: url("../img/icons/icon-water.png") center no-repeat; }
.icon-wine-2 { background: url("../img/icons/icon-wine-2.png") center no-repeat; }
.icon-wine { background: url("../img/icons/icon-wine.png") center no-repeat; }
#map_canvas { width: 100%; height: 400px; margin-top: 20px; }
.generic-form { padding: 5px; }
.generic-form label { color: #d9d9d9; font-size: 0.813em; padding: 5px 10px; }
.generic-form input[type='text'],
.generic-form textarea { background: #242424; border: 1px solid #282828; color: #fff; padding: 4px;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;
}
.generic-form input[type='text'] { width: 220px; }
.generic-form textarea { width: 300px; }
.generic-form input[type='text']:focus,
.generic-form textarea:focus { background: #171717; border: 1px solid #353535; }
#styleswitcher { position: fixed; top: 106px; left: 0; z-index: 1200; height: 120px; padding: 5px; box-shadow: 2px 0 10px rgba(0,0,0,0.5);
-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
}
#styleswitcher dt { display: none; }
#styleswitcher dd { margin-left: 6px; margin-bottom: 5px; }
#styleswitcher dd a { box-shadow: inset 0px 2px 4px rgba(0,0,0,0.5); outline: none;
-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
}
#styleswitcher dd a:hover { opacity: .7; filter: alpha(opacity=70); }
#styleswitcher .style { display: block; text-indent: -9999px; height: 20px; width: 20px; background: #434343; }
#styleswitcher .red { background: #D81910; }
#styleswitcher .violet { background: #C71257; }
#styleswitcher .green { background: #539601; }
#styleswitcher .blue { background: #0F7FCA; }
#styleswitcher .orange { background: #EC4200; }
@media (min-width: 768px) and (max-width: 1199px) {
/* @media screen and (min-width: 700px) and (max-width: 1199px) { */
.flexslider { margin: 20px 15px 30px; }
.flex-direction-nav a { width: 46px; height: 51px; margin: -25px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav .flex-next { background-position: -46px 0; right: -14px; }
.flex-direction-nav .flex-prev { left: -14px; }
.flex-direction-nav .flex-next:hover { background-position: -46px -51px; }
.flex-direction-nav .flex-prev:hover { background-position: 0 -51px; }
#slider .fancy-headers h1 { font-size: 1.5em; }
#slider .fancy-headers h2 { font-size: 2.286em; }
#slider p { font-size: 1em; margin: 0 ; padding: 0; }
.content-title { padding: 20px 20px 20px 90px; }
.content-title h1 { }
.content-title h2 { }
#content-header .fancy-headers h1 { font-size: 1.614em; }
#content-header .fancy-headers h2 { font-size: 1.457em; }
.blog.posts .post-icon { float: left; margin: 0 20px 5px 0; }
.post-offset > h1 { font-size: 1.229em; }
.post-options { padding: 19px 0; text-align: center; }
.post-options .social { float: left; margin: 6px 0 6px 10px; }
.post-options .social li { float: none; display: inline-block; margin: 0 5px 0 0; }
.post-options .more-link { float: right; margin: 0 10px 0 0; }
.widget .playlist .set-name { display: block; float: left; width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.widget .playlist .set-time { display: none; }
.widget .fancy-headers h1 { font-size: 1.371em; }
.widget .fancy-headers h2 { font-size: 1.471em; }
.flyer-wrapper { margin: 0; padding: 27px 20px; overflow: hidden; }
.flyer-wrapper p.event-date { top: 47px; right: 0px; }
.flyer-wrapper p.view-event { bottom: 47px; left: 0px; }
}
@media (min-width: 768px) and (max-width: 979px) {
.resp { display: none; }
.content-title { }
.content-title h1 { font-size: 1.314em; }
.content-title h2 { }
#content-header .fancy-headers h1 { font-size: 1.214em }
#content-header .fancy-headers h2 { font-size: 1.357em; }
.blog.posts .post-icon { float: none; }
.blog.posts .post-icon img { width: 100% !important; }
.widget .fancy-headers { padding: 15px 0 15px 15px; }
.widget .fancy-headers h1 { font-size: 1.071em; }
.widget .fancy-headers h2 { font-size: 1.071em; }
.staff-members li figure { padding: 4px; }
.generic-form textarea { width: 100%; }
}
@media (max-width: 767px) {
.resp { display: none; }
body { padding: 0 20px; }
#page-header { padding: 0 20px; margin: 0 -20px; }
#slider,
#content-header { margin: 0 -20px; }
#primary-nav { display: none; }
#primary-nav-mobile { display: block; }
#page-footer { padding: 0 20px 20px; margin: 0 -20px; }
#slider .fancy-headers h1 { font-size: 1.286em; }
#slider .fancy-headers h2 { font-size: 1.286em; }
#slider p { display: none; }
.flexslider { margin: 0 0 10px; padding: 0;}
.flex-direction-nav { display: none; }
.flex-direction-nav a { width: 46px; height: 51px; margin: -25px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav .flex-next { background-position: -46px 0; right: -14px; }
.flex-direction-nav .flex-prev { left: -14px; }
.flex-direction-nav .flex-next:hover { background-position: -46px -51px; }
.flex-direction-nav .flex-prev:hover { background-position: 0 -51px; }
.content-title { padding: 30px 20px 30px 80px; }
.content-title h1 { font-size: 1.15em; }
#content-header .fancy-headers h1 { font-size: 1.286em }
#content-header .fancy-headers h2 { font-size: 1.286em }
.front-page.posts .post { clear: both; float: none; width: 100%; }
.post-offset { margin: 20px 0; }
.post-offset figure.post-icon a { display: inline-block; padding: 8px; margin: 0 auto; }
.post-offset figure.post-icon a img { max-width: 100%; height: auto; }
.post-options .social { float: left; }
.post-options .social li { display: block; float: left; margin: 0 16px 0 0; }
.post-options .more-link { float: right; }
.widget .fancy-headers h1 { margin: 0 0 5px 0; padding: 0; font-size: 1.271em; line-height: 1.1em; }
.widget .fancy-headers h2 { margin: 0; padding: 0; font-size: 1.271em; line-height: 1.1em; }
.flyer-wrapper { margin: 0 auto; padding: 27px 20px; overflow: hidden; }
.flyer-wrapper p.event-date { right: 0; top: 48px; }
.flyer-wrapper p.view-event { left: 0; }
.copyright { margin: 0 -20px -20px; border-left: none !important; border-right: none !important; }
.generic-form textarea { width: 100%; }
}
.flexslider img {
max-height: 383px;
object-fit: cover;
}
.my-gallery img {
max-height: 146px;
object-fit: cover;
}
@media (max-width: 425px) {
.sm-hidden{
display:none;
}
.flexslider img {
max-height: 112px;
}
}
@media (min-width: 426px) {
.lg-hidden{
display:none;
}
}
.notice {
color: #fff;
text-align: center;
}
.menu-table {
margin-top: 15px;
}
.overflow-hidden {
overflow: hidden;
}