/*
====================================================================================================
Theme Name: Linguini
Theme URI: http://themes.grandpixels.com/linguini
Description: Restaurant Responsive WordPress Theme
Version: 2.1.3
Author: Pavel Richter / Grand Pixels
Author URI: http://grandpixels.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: theme-options, threaded-comments, translation-ready, one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-menu, full-width-template, post-formats, featured-images
====================================================================================================
IF YOU PLAN TO MAKE SOME MODIFICATIONS TO THE CODE OF THE THEME, WILL BE BETTER TO MAKE THEM VIA
CHILD THEME. IF YOU WILL MAKE MODIFICATION DIRECTLY TO THE PARENT THEME, YOU WILL LOSE THOSE
MODIFICATIONS WHEN THE THEME IS UPDATED. WHEN YOU MAKE MODIFICATIONS INSIDE OF THE CHILD THEME
INSTEAD, YOU CAN UPDATE THE PARENT THEME WITHOUT LOOSING ANY CHANGE YOU HAVE MADE.
MORE INFORMATION ABOUT CHILD THEMES YOU CAN FIND IN WORDPRESS CODEX:
http://codex.wordpress.org/child_themes.
====================================================================================================
CSS Reset
====================================================================================================
*/
/* Global */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* Html */
html { overflow-x: hidden; overflow-y: auto; }
/* Body */
body { line-height: 1; font-size: 100%; }
/* Tags */
html, body, div, span, object, iframe, 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, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; font: inherit; font-size: 100%; font-style: normal; vertical-align: baseline; background: transparent; }
object { height: auto !important; }
/* Structure tags */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* Image */
.canvas img { width: auto; max-width: 100%; height: auto !important; }
/* To prevent some browsers from inserting quotes on q and p */
blockquote, q { quotes: none; }
blockquote p:before, blockquote p:after, q:before, q:after { content: ''; content: none; }
/* Tables */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; vertical-align: top; font-weight: normal; }
thead th, thead td { font-weight: bold; vertical-align: bottom; }
/* Forms */
input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="datetime"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="button"], input[type="submit"], button, textarea, select { margin: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="datetime"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="button"], input[type="submit"], select { vertical-align: middle; }
textarea { overflow: auto; }
input[type="button"], input[type="submit"], button { cursor: pointer; }
/* Forms: FF Hack */
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
/* Lists */
ol { list-style-type: decimal-leading-zero; list-style-position: outside; }
ol li { margin-left: 3em; padding-left: 1em; }
ul { list-style-position: inside; }
/*
====================================================================================================
CSS Common
====================================================================================================
*/
/* Clearfix */
.clearfix:after,
.ui-helper-clearfix:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
/* Strong */
strong { font-weight: bold; }
/* Selection */
::selection {
text-shadow: none;
color: #ffffff !important;
}
::-moz-selection {
text-shadow: none;
color: #ffffff !important;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
/* Lists */
ul, ol, ul ul, ol ol, ul ol, ol ul { margin: 0 0 0 1em; }
ol ol li { list-style-type: upper-alpha; }
ol ol ol li { list-style-type: lower-alpha; }
ul.square { list-style-type: square; }
ul.circle { list-style-type: circle; }
ul.disc { list-style-type: disc; }
ul.square li ul,
ul.circle li ul,
ul.disc li ul { list-style: inherit; }
ul.none { list-style: none !important; }
/* Code */
pre {
display: block;
padding: 1.5em;
margin: 1em 0 2em;
clear: both;
overflow: auto;
color: #333333;
background-color: #ffffff;
}
/* Other */
abbr,
acronym,
dfn {
border-bottom: 1px dotted;
cursor: help;
}
address {
display: block;
margin: 0 0 1.625em;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup { bottom: 1ex; }
sub { top: 0.5ex; }
p, ul, ol, dl, blockquote, hr, pre, hgroup, table { margin: 0 0 1.5em; }
/* Links */
a {
text-decoration: underline;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
a:hover,
a:active,
a:visited {
text-decoration: none;
}
a img {
display: block;
margin: 0;
padding: 0;
}
/* Underlined Links */
a.underline,
.underline a {
text-decoration: none;
padding: 2px 0 0;
background-color: transparent;
border-bottom: 1px solid;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
a.underline:hover,
.underline a:hover {
text-decoration: none;
background-color: transparent;
border-bottom: 1px solid transparent;
}
a.underline-hover,
.underline-hover a {
text-decoration: none;
padding: 2px 0 0 0;
background-color: transparent;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
a.underline-hover:hover,
.underline-hover a:hover {
text-decoration: none;
background-color: transparent;
border-bottom: 1px solid;
}
/*
----------------------------------------------------------------------------------------------------
Global Classes
----------------------------------------------------------------------------------------------------
*/
/* Floats */
.float-left { float: left; }
.float-right { float: right; }
.float-center { float: none; display: inline-block; margin: 0 auto; }
/* Important Floats */
.float-left-important { float: left !important; }
.float-right-important { float: right !important; }
/* Aligns */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
/* Displays */
.display-block { display: block; }
.display-inline-block { display: inline-block; }
.display-none { display: none; }
/* Positions */
.position-fixed { position: fixed; }
.position-absolute { position: absolute; }
.position-relative { position: relative; }
/* Margins */
.no-margin { margin: 0 !important; }
/* Paddings */
.no-padding { padding: 0 !important; }
/* Hiddens */
.hidden { visibility: hidden; }
/* Animations */
.transition {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.transition-slow {
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
transition: all 0.6s linear;
}
/* Corners */
.corner {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.corner-small {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.corner-top {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.corner-right {
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.corner-bottom {
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.corner-left {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
/* Shadows */
.shadow {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
/* Others */
.no-bottom { padding-bottom: 0; margin-bottom: 0; }
/*
----------------------------------------------------------------------------------------------------
WordPress Classes
----------------------------------------------------------------------------------------------------
*/
/* Aligns */
.alignleft,
.alignnone { float: left; text-align: left; margin: 1em 1.5em 1em 0; }
.aligncenter { margin: 0 auto; text-align: center; margin: 1em 1.5em; }
.alignright { float: right; text-align: right; margin: 1em 0 1em 1.5em; }
/* Caption */
.wp-caption img { padding: 0; margin: 0; border: 0; }
.wp-caption .wp-caption-text {
display: block;
text-align: left;
padding: 1em 0;
font-style: italic;
font-size: 1em !important;
opacity: 0.25;
filter: alpha(opacity=25);
-khtml-opacity: 0.25;
-moz-opacity: 0.25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.wp-caption:hover .wp-caption-text {
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.wp-caption.alignleft .wp-caption-text,
.wp-caption.alignnone .wp-caption-text { text-align: left; }
.wp-caption.aligncenter .wp-caption-text { text-align: center; }
.wp-caption.alignright .wp-caption-text { text-align: right; }
/* Smiley */
.wp-smiley { max-height: 13px; margin: 0 !important; }
/* Gallery */
.gallery { float: left; width: 100%; margin: 1em auto; }
.gallery-image { border: none; margin-left: 0; }
.gallery-caption { font-style: italic; margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }
.gallery-item .gallery-caption { margin-bottom: 0 !important; padding-right: 12%; }
.gallery-item img { margin: 0 !important; padding: 0 !important; }
.gallery-item a { float: left; border: none !important; margin: 0 !important; padding: 0 !important; }
/* Sticky */
.sticky { }
/* By Post Author */
.bypostauthor { }
/*
====================================================================================================
Body
====================================================================================================
*/
body {
min-height: 100%;
font: 0.8125em 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
/*
----------------------------------------------------------------------------------------------------
Body Background
----------------------------------------------------------------------------------------------------
*/
.body-background {
position: fixed;
width: 100% !important;
height: 100% !important;
top: 0;
left: 0;
z-index: -99;
}
/*
====================================================================================================
Typography
====================================================================================================
*/
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0.2em 0 0.4em;
font-weight: 700;
}
h1 { font-size: 3.5em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.5em; }
h6 { font-size: 1.0em; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none;
}
/* Subheadings */
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-size: 80%;
margin-top: 0.2em;
}
h1 small.block,
h2 small.block,
h3 small.block,
h4 small.block,
h5 small.block,
h6 small.block {
display: block;
}
h1 .sub-heading,
h2 .sub-heading,
h3 .sub-heading,
h4 .sub-heading,
h5 .sub-heading,
h6 .sub-heading {
font-size: 75%;
margin-top: 0;
text-transform: none;
}
/* Blockquotes */
blockquote {
font-size: 2em;
}
blockquote cite { display: block; margin: 0.5em 0 0; font-size: 65%; line-height: 1.1 !important; }
blockquote cite:before { content: "\2013 \00A0"; }
/*
----------------------------------------------------------------------------------------------------
Headers
----------------------------------------------------------------------------------------------------
*/
/* Page Header */
.page-header {
display: block;
position: relative;
padding: 2em 20px 1em;
text-align: center;
clear: both;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.page-header h1 {
margin: 0 0 0.4em;
}
/* Edit Post Link */
.page-header .edit-post-link,
.title .edit-post-link {
position: relative;
top: -1em;
margin-left: 1em;
font-size: 0.35em !important;
font-weight: normal;
}
/* Form Header */
.form-header {
padding: 0.5em 0;
margin: 0.5em 0;
border-top: 1px dotted rgba(255,255,255,0.2);
border-bottom: 1px dotted rgba(255,255,255,0.2);
}
/* Form Header */
.home-header {
padding: 0.5em 0;
margin: 0.5em 0;
border-top: 1px dotted rgba(255,255,255,0.2);
border-bottom: 1px dotted rgba(255,255,255,0.2);
}
/*
====================================================================================================
Forms
====================================================================================================
*/
/* Form */
form {
display: block;
clear: both;
}
/* Label */
label {
display: block;
margin: 0.5em 0 0.5em;
font-size: 1.5em;
}
/* Blocks */
.input-block,
.textarea-block { position: relative; }
.textarea-block { margin: 1em 0 0; }
/* Fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="datetime"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="button"],
input[type="submit"],
input.input-text,
textarea,
select {
display: block;
width: 100%;
padding: 1em 1.5em;
border: 2px solid;
clear: both;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-appearance: none;
-webkit-box-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
color: #464b50;
border-color: #f0f0f0;
background-color: #ffffff;
}
input[type="submit"] {
width: auto;
}
textarea {
min-height: 10em;
line-height: 1.5em;
resize: vertical;
}
select {
width: 100%;
background-image: url("images/icons/arrow-select.png");
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input.input-text:focus,
textarea:focus,
select:focus {
outline: none;
border-color: #dddddd;
background-color: #f0f0f0;
}
/* Required */
.required-star {
margin: 0 0.2em;
}
.required-star-info {
padding: 0.5em 0;
margin: 0;
}
/* Error */
label.error {
position: absolute;
padding: 0.4em 1em 0.5em;
font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: 1em;
z-index: 9;
color: #ffffff;
background-color: #e6192d;
}
.input-block label.error,
.textarea-block label.error {
top: 0.5em;
right: 0;
}
input.error,
textarea.error,
input.error:focus,
textarea.error:focus {
border: 2px solid #e6192d;
}
/* Buttons */
button,
button[type="button"],
button[type="submit"],
button[type="reset"],
input[type="button"],
input[type="submit"],
input[type="reset"],
a.button,
.button a {
display: inline-block;
padding: 0.75em 2em;
margin: 0 0 1em 0;
font-size: 1.6em;
font-weight: normal;
text-decoration: none;
border: none;
outline: none;
cursor: pointer;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-appearance: none;
-webkit-box-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
button.small,
button[type="button"].small,
button[type="submit"].small,
button[type="reset"].small,
input[type="button"].small,
input[type="submit"].small,
input[type="reset"].small,
a.button.small,
.button.small a {
font-size: 1.4em;
padding: 0.5em 1.5em;
}
button.medium,
button[type="button"].medium,
button[type="submit"].medium,
button[type="reset"].medium,
input[type="button"].medium,
input[type="submit"].medium,
input[type="reset"].medium,
a.button.medium,
.button.medium a {
font-size: 1.6em;
padding: 0.75em 2em;
}
button.large,
button[type="button"].large,
button[type="submit"].large,
button[type="reset"].large,
input[type="button"].large,
input[type="submit"].large,
input[type="reset"].large,
a.button.large,
.button.large a {
font-size: 1.8em;
padding: 1em 2em;
}
/*
----------------------------------------------------------------------------------------------------
Search
----------------------------------------------------------------------------------------------------
*/
input.input-search[type="text"] {
width: 100%;
padding-left: 36px;
background-image: url("images/icons/search.png");
background-position: left center;
background-repeat: no-repeat;
}
/*
----------------------------------------------------------------------------------------------------
Comments
----------------------------------------------------------------------------------------------------
*/
.comments {
display: block;
padding: 1em 0 0;
margin: 1em 0 0;
}
.canvas-full .comments {
padding: 1em 1.5em 0 0;
}
.comments .comments-header {
border-top: 1px dotted rgba(255,255,255,0.2);
padding-top: 0.5em;
}
.comments .be-first {
margin: 0 0 2em;
}
/* Comments > Comments List */
.comments .comments-list { margin: 2em 0 0; }
.comments .comment { float: left; width: 100%; display: block; margin: 0 0 1.5em; clear: both; }
.comments .comment p { padding-bottom: 1em; }
.comments .comment-body {
position: relative;
padding: 1.5em;
margin-left: 5em;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.comments .comment-body:before {
content: '';
position: absolute;
width: 0;
height: 0;
top: 0;
left: -10px;
border-top: 10px solid;
border-left: 10px solid transparent;
}
.comments .comment-body .alert { border: 2px solid; }
.comments .comment-date { margin: 0.5em 0 0; font-size: 0.9em; }
.comments .comment-date a { margin: 0 0 0 1em; text-decoration: none; background-color: transparent; border-bottom: 1px solid transparent; }
.comments .comment-date a:hover { background-color: transparent; border-bottom: 1px solid; }
.comments .comment-meta { margin: 0 0 1em; }
.comments .comment-meta h5 { padding: 0; margin: 0; }
.comments .comment-meta h5 a { background-color: transparent; border-bottom: 1px solid transparent; }
.comments .comment-meta h5 a:hover { background-color: transparent; border-bottom: 1px solid; }
.comments .comment-content { margin: 1em 0 0; position: relative; }
.comments .comment-content .comment-text { margin-right: 5em; }
.comments .comment-content .comment-text p { padding-bottom: 0; margin-bottom: 0; }
.comments .comment-content .comment-reply { position: absolute; right: 0; bottom: 0; }
.comments .comment-content .comment-reply a { padding: 0.2em 0.5em 0.35em; margin: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif !important; font-size: 0.9em; border: 2px solid rgba(255,255,255,1); background: transparent; }
.comments .comment-content .comment-reply a:hover { border: 2px solid rgba(255,255,255,0.2); }
/* Comments > Depths */
.comments .comment .depth-2,
.comments .comment .depth-3,
.comments .comment .depth-4,
.comments .comment .depth-5 { padding-left: 5em; padding-right: 0; margin: 1.5em 0 0; }
/* Comments > Form */
.comments .comment-form #respond {
display: block;
padding: 1em 0 0;
margin: 1em 0 0;
border-top: 1px dotted rgba(255,255,255,0.2);
}
.comments .comment-notes { margin: 0; }
.comments .comment-form-author input,
.comments .comment-form-email input,
.comments .comment-form-url input { width: 100%; }
.comments .comment-form-comment textarea { width: 100%; clear: both; }
.comments .form-allowed-tags { padding: 1em 0; margin: 0; clear: both; }
.comments .form-allowed-tags code { display: block; }
.comments .form-submit { padding: 0; margin: 0; }
/* Comments > Reply Form */
.comments .comments-list #respond { display: block; position: relative; margin: 52px 0 2em; }
.comments .comments-list textarea { width: 100%; clear: both; }
.comments .comments-list #cancel-comment-reply-link { position: absolute; top: 0; right: 0; font-size: 0.9em; }
/* Comments > Pagination */
.comments .pagination { display: block; margin: 1.5em 0 3em; }
.comments .pagination .next { float: right; }
/*
====================================================================================================
Grid
====================================================================================================
----------------------------------------------------------------------------------------------------
Common
----------------------------------------------------------------------------------------------------
*/
/* Containers */
.grid {
padding-bottom: 2%;
overflow: visible;
}
.grid.no-bottom {
padding-bottom: 0;
}
.grid:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.grid .centered {
float: none;
margin: 0 auto;
}
/* Inners */
.inner { padding: 1.5em; }
.inner-top { padding: 1.5em 0 0 0; }
.inner-right { padding: 0 1.5em 0 0; }
.inner-bottom { padding: 0 0 1.5em 0; }
.inner-left { padding: 0 0 0 1.5em; }
.inner-no-top { padding: 0 1.5em 1.5em 1.5em; }
.inner-no-top-right { padding: 0 0 1.5em 1.5em; }
.inner-no-top-bottom { padding: 0 1.5em 0 1.5em; }
.inner-no-top-left { padding: 0 1.5em 1.5em 0; }
.inner-no-right { padding: 1.5em 0 1.5em 1.5em; }
.inner-no-right-left { padding: 1.5em 0 1.5em 0; }
.inner-no-bottom { padding: 1.5em 1.5em 0 1.5em; }
.inner-no-bottom-right { padding: 1.5em 0 0 1.5em; }
.inner-no-bottom-left { padding: 1.5em 1.5em 0 0; }
.inner-no-left { padding: 1.5em 1.5em 1.5em 0; }
.inner:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Common */
.one-entire, .one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .one-eighth, .two-third, .two-fourth, .two-fifth, .two-sixth, .two-eighth, .three-fourth, .three-fifth, .three-sixth, .three-eighth, .four-fifth, .four-sixth, .four-eighth, .five-sixth, .five-eighth, .six-eighth, .seven-eighth {
float: left;
margin-left: 4%;
}
.one-half.margin-right, .one-third.margin-right, .one-fourth.margin-right, .one-fifth.margin-right, .one-sixth.margin-right, .one-eighth.margin-right, .two-third.margin-right, .two-fourth.margin-right, .two-fifth.margin-right, .two-sixth.margin-right, .two-eighth.margin-right, .three-fourth.margin-right, .three-fifth.margin-right, .three-sixth.margin-right, .three-eighth.margin-right, .four-fifth.margin-right, .four-sixth.margin-right, .four-eighth.margin-right, .five-sixth.margin-right, .five-eighth.margin-right, .six-eighth.margin-right, .seven-eighth.margin-right {
margin-left: 0;
margin-right: 4%;
}
.one-entire, .one-half:first-child, .one-third:first-child, .one-fourth:first-child, .one-fifth:first-child, .one-sixth:first-child, .one-eighth:first-child, .two-third:first-child, .two-fourth:first-child, .two-fifth:first-child, .two-sixth:first-child, .two-eighth:first-child, .three-fourth:first-child, .three-fifth:first-child, .three-sixth:first-child, .three-eighth:first-child, .four-fifth:first-child, .four-sixth:first-child, .four-eighth:first-child, .five-sixth:first-child, .five-eighth:first-child, .six-eighth:first-child, .seven-eighth:first-child {
margin-left: 0;
}
/* Sizes*/
.one-entire { width: 100%; }
.one-half { width: 48%; }
.one-third { width: 30.6%; }
.one-fourth { width: 22%; }
.one-fifth { width: 16.8%; }
.one-sixth { width: 13.3%; }
.one-eighth { width: 9%; }
.one-tenth { width: 6.4%; }
.two-third { width: 65.2%; }
.two-fourth { width: 48%; }
.two-fifth { width: 37.6%; }
.two-sixth { width: 30.6%; }
.two-eighth { width: 22%; }
.two-tenth { width: 16.8%; }
.three-fourth { width: 74%; }
.three-fifth { width: 58.4%; }
.three-sixth { width: 48%; }
.three-eighth { width: 35%; }
.four-fifth { width: 79.2%; }
.four-sixth { width: 65.2%; }
.four-eighth { width: 48%; }
.five-sixth { width: 82.5%; }
.five-eighth { width: 61%; }
.six-eighth { width: 74%; }
.seven-eighth { width: 83%; }
.one-third:first-child { width: 30.8%; }
.one-sixth:first-child { width: 13.5%; }
.two-third:first-child { width: 65.4%; }
.two-sixth:first-child { width: 30.8%; }
/*
----------------------------------------------------------------------------------------------------
Grid Merge
----------------------------------------------------------------------------------------------------
*/
/* Common */
.grid-merge .one-half, .grid-merge .one-third, .grid-merge .one-fourth, .grid-merge .one-fifth, .grid-merge .one-sixth, .grid-merge .one-eighth, .grid-merge .two-third, .grid-merge .two-fourth, .grid-merge .two-fifth, .grid-merge .two-sixth, .grid-merge .two-eighth, .grid-merge .three-fourth, .grid-merge .three-fifth, .grid-merge .three-sixth, .grid-merge .three-eighth, .grid-merge .four-fifth, .grid-merge .four-sixth, .grid-merge .four-eighth, .grid-merge .five-sixth, .grid-merge .five-eighth, .grid-merge .six-eighth, .grid-merge .seven-eighth {
margin-left: 0 !important;
}
/* Sizes */
.grid-merge .one-half { width: 50%; }
.grid-merge .one-third { width: 33.3%; }
.grid-merge .one-fourth { width: 25%; }
.grid-merge .one-fifth { width: 20%; }
.grid-merge .one-sixth { width: 16.6%; }
.grid-merge .one-eighth { width: 12.5%; }
.grid-merge .two-third { width: 66.6%; }
.grid-merge .two-fourth { width: 50%; }
.grid-merge .two-fifth { width: 40%; }
.grid-merge .two-sixth { width: 33.2%; }
.grid-merge .two-eighth { width: 25%; }
.grid-merge .three-fourth { width: 75%; }
.grid-merge .three-fifth { width: 60%; }
.grid-merge .three-sixth { width: 50.2%; }
.grid-merge .three-eighth { width: 37.5%; }
.grid-merge .four-fifth { width: 80%; }
.grid-merge .four-sixth { width: 66.4%; }
.grid-merge .four-eighth { width: 50%; }
.grid-merge .five-sixth { width: 83.4%; }
.grid-merge .five-eighth { width: 62.5%; }
.grid-merge .six-eighth { width: 75%; }
.grid-merge .seven-eighth { width: 87.5%; }
.grid-merge .one-third:first-child { width: 33.4%; }
.grid-merge .one-sixth:first-child { width: 17%; }
.grid-merge .two-third:first-child { width: 66.7%; }
.grid-merge .two-sixth:first-child { width: 33.6%; }
.grid-merge .three-sixth:first-child { width: 49.8%; }
.grid-merge .four-sixth:first-child { width: 66.8%; }
/*
----------------------------------------------------------------------------------------------------
Grid Tiles (Isotope Masonry Layout)
----------------------------------------------------------------------------------------------------
*/
/* Required Isotope Styles */
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.isotope {
-webkit-transition-property: height;
-moz-transition-property: height;
transition-property: height;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;
}
/* Common */
.grid-tiles,
.grid-tiles-narrow,
.grid-tiles-sidebar,
.grid-tiles-narrow-sidebar {
display: block;
padding: 0;
margin-left: -0.75em;
overflow: visible !important;
}
.grid-tiles-narrow,
.grid-tiles-narrow-sidebar {
margin: 0 -0.75em;
}
.grid-tiles .tile,
.grid-tiles-narrow .tile,
.grid-tiles-sidebar .tile,
.grid-tiles-narrow-sidebar .tile {
display: block;
padding: 0;
margin: 0;
}
.grid-tiles .tile .tile-block,
.grid-tiles-narrow .tile .tile-block,
.grid-tiles-sidebar .tile .tile-block,
.grid-tiles-narrow-sidebar .tile .tile-block {
position: relative;
display: block;
margin: 0 0.75em 1.5em 0.75em;
z-index: 1;
border: 1px dotted rgba(255,255,255,0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.tile .tile-block:after {
content: ''; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;
}
/*
====================================================================================================
Header
====================================================================================================
*/
.header {
float: left;
display: block;
width: 100%;
clear: both;
z-index: 9;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.header-container {
display: table;
vertical-align: middle;
width: 1180px;
padding: 0 30px;
margin: 0 auto;
}
/*
----------------------------------------------------------------------------------------------------
Logo
----------------------------------------------------------------------------------------------------
*/
.header .logo {
display: table-cell;
width: 40%;
}
.header .logo-image,
.header .logo-default {
max-width: none;
margin: 0;
padding: 10px;
text-align: center;
}
.header .logo-image img,
.header .logo-default img {
max-width: none !important;
text-align: center;
}
.header .logo-image a,
.header .logo-default a {
display: inline-block;
padding: 0;
margin: 0;
background-color: transparent;
background-image: none;
text-align: center;
}
/*
====================================================================================================
Toolbar
====================================================================================================
*/
.toolbar {
display: table-cell;
vertical-align: middle;
width: 30%;
height: 100%;
}
.footer .toolbar {
width: 50% !important;
}
.toolbar-container {
float: left;
display: table-cell;
}
.toolbar ul {
display: block;
padding: 0;
margin: 0;
list-style-type: none;
}
.toolbar li {
float: left;
display: inline;
list-style: none;
}
/*
----------------------------------------------------------------------------------------------------
Left Toolbar
----------------------------------------------------------------------------------------------------
*/
.toolbar-left a {
text-decoration: none;
border-bottom: 1px solid;
}
.toolbar-left a:hover {
border-bottom: 1px solid transparent;
}
.toolbar-left ul {
float: left;
width: 100%;
}
.toolbar-left ul li {
opacity: 0.4;
filter: alpha(opacity=40);
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.footer .toolbar-left {
float: left;
display: block;
}
/*
----------------------------------------------------------------------------------------------------
Right Toolbar
----------------------------------------------------------------------------------------------------
*/
.toolbar-right-container {
float: right;
position: relative;
}
.toolbar-right ul {
float: right;
margin: 0 !important;
}
.footer .toolbar-right,
.footer .toolbar-right-container {
float: right;
}
/*
--------------------------------------------------
Socials
--------------------------------------------------
*/
.socials {
float: right;
}
.socials li {
display: inline;
margin: 0 2px 2px 0;
}
.socials li a {
display: block;
position: relative;
width: 36px;
height: 36px;
text-indent: -9999px;
color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
}
.socials li a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 36px;
background-position: center center;
background-repeat: no-repeat;
opacity: 0.4;
filter: alpha(opacity=40);
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.socials li a:hover {
color: #ffffff;
}
.socials li a:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.socials li.social-twitter a:before { background-image: url("images/icons/social/twitter.png"); }
.socials li.social-twitter a:hover { background-color: #00bef6; }
.socials li.social-facebook a:before { background-image: url("images/icons/social/facebook.png"); }
.socials li.social-facebook a:hover { background-color: #3b5998; }
.socials li.social-googleplus a:before { background-image: url("images/icons/social/googleplus.png"); }
.socials li.social-googleplus a:hover { background-color: #dd4b39; }
.socials li.social-pinterest a:before { background-image: url("images/icons/social/pinterest.png"); }
.socials li.social-pinterest a:hover { background-color: #cb2027; }
.socials li.social-tripadvisor a:before { background-image: url("images/icons/social/tripadvisor.png"); }
.socials li.social-tripadvisor a:hover { background-color: #4a8734; }
.socials li.social-foursquare a:before { background-image: url("images/icons/social/foursquare.png"); }
.socials li.social-foursquare a:hover { background-color: #3ab6e8; }
.socials li.social-yelp a:before { background-image: url("images/icons/social/yelp.png"); }
.socials li.social-yelp a:hover { background-color: #c41200; }
.socials li.social-xing a:before { background-image: url("images/icons/social/xing.png"); }
.socials li.social-xing a:hover { background-color: #006464; }
.socials li.social-qype a:before { background-image: url("images/icons/social/qype.png"); }
.socials li.social-qype a:hover { background-color: #006464; }
.socials li.social-zagat a:before { background-image: url("images/icons/social/zagat.png"); }
.socials li.social-zagat a:hover { background-color: #89001A; }
.socials li.social-youtube a:before { background-image: url("images/icons/social/youtube.png"); }
.socials li.social-youtube a:hover { background-color: #af2b26; }
.socials li.social-vimeo a:before { background-image: url("images/icons/social/vimeo.png"); }
.socials li.social-vimeo a:hover { background-color: #ff0084; }
.socials li.social-flickr a:before { background-image: url("images/icons/social/flickr.png"); }
.socials li.social-flickr a:hover { background-color: #ff0084; }
.socials li.social-tumblr a:before { background-image: url("images/icons/social/tumblr.png"); }
.socials li.social-tumblr a:hover { background-color: #2c4762; }
.socials li.social-instagram a:before { background-image: url("images/icons/social/instagram.png"); }
.socials li.social-instagram a:hover { background-color: #517fa4; }
.socials li.social-amazon a:before { background-image: url("images/icons/social/amazon.png"); }
.socials li.social-amazon a:hover { background-color: #ff9900; }
/*
--------------------------------------------------
Search - Modal
--------------------------------------------------
*/
.modal-search {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: 9999999;
background-image: url("images/bg-overlay-00050a-90.png");
}
.modal-search-inner {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.modal-search-input {
display: block;
position: relative;
width: 50%;
margin: 0 auto;
vertical-align: middle;
z-index: 999999;
}
.modal-search-input input[type="text"] {
border: none;
padding: 1.5em 3em 1.5em 5em;
font-size: 1.6em;
background-position: 2em center;
}
.modal-search-close {
position: absolute;
right: 0;
top: 20px;
margin: 0;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 999;
background-image: url('images/icons/controls.png');
background-position: left -180px;
background-repeat: no-repeat;
}
.modal-search-button {
margin-right: 0 !important;
}
.modal-search-button a {
margin: 0 !important;
text-indent: -9999px;
background-image: url("images/icons/search-light.png");
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
}
/*
--------------------------------------------------
qTranslate Switcher
--------------------------------------------------
*/
.toolbar .qtrans_language_chooser {
float: right;
clear: both;
}
.toolbar .qtrans_language_chooser li {
display: inline;
width: 36px;
height: 36px;
margin: 0 2px 2px 0;
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
}
.toolbar .qtrans_language_chooser li:last-child {
margin-right: 0;
}
.toolbar .qtrans_language_chooser li a {
display: block;
width: 100%;
height: 100%;
background-position: center center;
text-indent: -9999px;
border: 2px solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.toolbar .qtrans_language_chooser li.active a {
opacity: 0.25;
filter: alpha(opacity=25);
-khtml-opacity: 0.25;
-moz-opacity: 0.25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}
.toolbar .qtrans_widget_end {
display: none;
}
/*
====================================================================================================
Navigation
====================================================================================================
*/
.navigation {
float: left;
display: block;
position: relative;
width: 100%;
height: 65px;
clear: both;
font-size: 0;
z-index: 99999;
background-color: rgba(0,0,0,0.2);
}
.navigation-container {
display: block;
width: 1180px;
padding: 0 30px;
margin: 0 auto;
}
/*
----------------------------------------------------------------------------------------------------
Navigation - Primary
----------------------------------------------------------------------------------------------------
*/
.navigation-primary {
display: table;
position: relative;
height: 65px;
margin: 0 auto;
list-style: none;
}
/* 1st Level */
.navigation-primary li {
height: auto;
display: -moz-inline-stack;
display: inline-block;
position: relative;
font-size: 19px;
}
.ie7 .navigation-primary li {
display: inline;
}
.navigation-primary li a {
display: block;
height: 65px;
padding: 20px 20px 15px;
line-height: 1.3;
text-decoration: none;
border-bottom: 5px solid;
border-color: transparent;
}
.navigation-primary li:hover a,
.navigation-primary li a:hover {
cursor: pointer;
background-color: transparent;
}
/* 2nd Level */
.navigation-primary li .sub-menu,
.navigation-primary li .children {
position: absolute;
left: 0;
top: -9999px;
width: 200px;
height: auto;
text-align: left;
text-transform: none;
margin: 0;
z-index: 99999;
-webkit-backface-visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
-webkit-box-shadow: 0 5px 7px rgba(0,0,0,0.25);
-moz-box-shadow: 0 5px 7px rgba(0,0,0,0.25);
box-shadow: 0 5px 7px rgba(0,0,0,0.25);
}
.navigation-primary li:hover .sub-menu,
.navigation-primary li:hover .children {
top: auto;
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.navigation-primary li .sub-menu li,
.navigation-primary li .children li {
float: none !important;
display: block;
position: relative;
width: 200px;
height: auto;
margin: 0;
padding: 0;
border: none;
font-size: 17px;
}
.navigation-primary li:hover .sub-menu li,
.navigation-primary li:hover .children li {
border: none;
height: auto;
}
.navigation-primary li .sub-menu li a,
.navigation-primary li .children li a {
display: block;
float: none;
height: auto;
clear: both;
padding: 0.5em 20px 0.6em !important;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.navigation-primary li .sub-menu li:last-child a,
.navigation-primary li .children li:last-child a {
border-bottom: 1px solid transparent;
}
/* Last 2 Submenus Aligned Right */
.navigation-primary li:last-child .sub-menu,
.navigation-primary li:last-child .children,
.navigation-primary li:nth-last-child(2) .sub-menu,
.navigation-primary li:nth-last-child(2) .children,
.navigation-primary li:last-child .sub-menu:before,
.navigation-primary li:last-child .children:before,
.navigation-primary li:nth-last-child(2) .sub-menu:before,
.navigation-primary li:nth-last-child(2) .children:before {
left: auto;
right: 0;
text-align: right;
}
.navigation-primary li:last-child .sub-menu:before,
.navigation-primary li:last-child .children:before,
.navigation-primary li:nth-last-child(2) .sub-menu:before,
.navigation-primary li:nth-last-child(2) .children:before {
border-left: 0;
border-right: 10px solid;
}
.navigation-primary li:last-child .sub-menu li .sub-menu,
.navigation-primary li:last-child .children li .children,
.navigation-primary li:nth-last-child(2) .sub-menu li .sub-menu,
.navigation-primary li:nth-last-child(2) .children li .children {
left: auto !important;
right: 220px !important;
width: 220px;
text-align: right;
}
/* 3rd Level */
.navigation-primary li .sub-menu li .sub-menu,
.navigation-primary li .children li .children {
position: absolute;
top: -999px !important;
left: 200px !important;
width: 200px;
text-align: left;
opacity: 0;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.navigation-primary li:hover .sub-menu li .sub-menu,
.navigation-primary li:hover .children li .children {
opacity: 0;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.navigation-primary li .sub-menu li:hover .sub-menu,
.navigation-primary li .children li:hover .children {
top: 0 !important;
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*
----------------------------------------------------------------------------------------------------
Navigation - Mobile
----------------------------------------------------------------------------------------------------
*/
.navigation-mobile {
display: none;
position: absolute;
width: 100%;
top: 65px;
right: 0;
z-index: 998;
-webkit-box-shadow: 0 5px 15px -5px rgba(0,0,0,1);
-moz-box-shadow: 0 5px 15px -5px rgba(0,0,0,1);
box-shadow: 0 5px 15px -5px rgba(0,0,0,1);
}
.mobile-active .navigation-mobile {
display: block;
}
.navigation-mobile li {
display: block;
width: 100%;
list-style: none;
font-size: 22px;
font-weight: 600;
}
.navigation-mobile li a {
display: block;
width: 100%;
padding: 0.5em 20px;
text-decoration: none;
text-align: center;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.navigation-mobile li a:hover {
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.navigation-mobile li:last-child a {
border-bottom: none;
}
.navigation-mobile li ul {
margin: 0;
}
.navigation-mobile li li {
font-size: 16px;
font-weight: 300;
}
.navigation-mobile li li a:before {
content: '\2192\00A0';
}
.navigation-mobile li li a {
padding: 0.5em 20px 0.5em 30px;
border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
/* Navigation - Mobile > Button */
.navigation-mobile-button {
display: none;
width: 100%;
z-index: 9;
}
.navigation-mobile-button a {
display: block;
width: 100%;
height: 65px;
padding: 20px 0 15px;
margin: 0 auto;
border-bottom: 5px solid transparent;
background-color: transparent !important;
background-image: url("images/icons/navigation.png");
background-position: top center;
background-repeat: no-repeat;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mobile-active .navigation-mobile-button a {
background-position: bottom center;
}
/*
----------------------------------------------------------------------------------------------------
Navigation - Categories
----------------------------------------------------------------------------------------------------
*/
.navigation-categories {
display: block;
padding: 0;
margin: 0 0 4em;
}
.navigation-categories ul {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.navigation-categories ul li {
float: left;
width: 100%;
clear: both;
padding: 1px 0;
list-style: none;
border-top: 1px dotted rgba(255,255,255,0.2);
}
.navigation-categories ul li:first-child {
border-top: 0;
}
.navigation-categories ul li a {
float: left;
width: 100%;
clear: both;
padding: 0.5em 1em;
margin: 0;
text-decoration: none;
font-size: 1.3em;
font-weight: 700;
}
.navigation-categories ul li:first-child a {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.navigation-categories ul li:last-child a {
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.navigation-categories ul li ul {
padding: 0;
}
.navigation-categories ul li ul li a:before {
content: '\2192\2002';
}
.navigation-categories ul li ul li a {
padding: 0.25em 1em;
font-weight: 300;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.navigation-categories ul li.current-cat ul li a {
background-color: transparent;
font-weight: 300;
}
.navigation-categories ul li ul li ul li a {
padding-left: 2.5em;
}
/*
----------------------------------------------------------------------------------------------------
Navigation - Terms
----------------------------------------------------------------------------------------------------
*/
.navigation-terms .term {
width: 25%;
}
.navigation-terms .term .term-image {
margin: 0.5em;
}
.navigation-terms .term .term-image,
.navigation-terms .term .term-image a,
.navigation-terms .term .term-image img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.navigation-terms .term .term-header {
font-size: 1.6em;
padding: 0;
margin: 0;
}
.navigation-terms .term .term-header a {
display: block;
padding: 0.5em 2em;
background-color: transparent;
}
.navigation-terms .term .term-header-blank {
margin: 0;
}
.navigation-terms .term .term-header-blank a {
padding: 1em 2em;
border: 1px dotted rgba(255,255,255,0.2);
}
.navigation-terms .term .children {
float: left;
width: 100%;
clear: both;
padding: 0;
margin: 0;
list-style: none;
}
.navigation-terms .term .children li a {
display: block;
padding: 0.5em 1em;
margin: 0;
font-size: 1.3em;
text-decoration: none;
background-color: transparent;
}
.navigation-terms .term .children .children {
padding: 0;
border-top: 0;
}
.navigation-terms .term .children .children li a:before {
content: '\2192';
}
/*
====================================================================================================
Canvas
====================================================================================================
*/
.canvas,
.canvas-home {
float: left;
display: block;
width: 100%;
clear: both;
background-color: rgba(0,0,0,0.2);
}
.canvas:after,
.canvas-home:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.canvas-full {
padding: 1.5em 0 1.5em 1.5em;
}
.canvas-container {
display: block;
width: 1180px;
min-height: 100%;
padding: 3em 30px;
margin: 0 auto;
}
.canvas-home .canvas-container {
padding-top: 0;
}
.canvas-full .canvas-container {
padding-top: 1.5em;
}
/*
====================================================================================================
Content
====================================================================================================
*/
.content {
display: block;
position: relative;
width: 100%;
padding: 0;
margin: 0 auto;
z-index: 1;
}
/* Content with Sidebar */
.sidebar { width: 24%; }
.content-sidebar { width: 74%; }
.canvas-full .sidebar { width: 16%; }
.canvas-full .content-sidebar { width: 84%; }
.sidebar-left {
float: left;
position: relative;
padding: 0 3em 0 0;
}
.sidebar-right {
float: right;
position: relative;
padding: 0 0 0 3em;
}
.canvas-full .sidebar-right {
padding: 0 1.5em 0 3em;
}
.content-sidebar-left {
float: right;
}
.content-sidebar-right {
float: left;
}
.sidebar-sticky.is_stuck {
padding-right: 0;
}
/* Page & Single Content */
.page-content,
.single-content {
display: block;
width: 100%;
margin: 0 auto 2em;
clear: both;
font-size: 1.1em;
}
.page-content:after,
.single-content:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.page-content p,
.single-content p {
line-height: 1.6em;
}
.page-content blockquote,
.single-content blockquote {
margin: 1em 2em;
}
/* Term Description */
.page-content.term-description {
margin-bottom: 3em;
font-size: 1.3em;
}
/* Lists */
.page-content ul,
.single-content ul,
.single-post-content ul {
padding-left: 2em;
line-height: 2em;
}
/* Single Post Content */
.single-post-content {
margin: 2em 0 1em;
padding: 1.5em 0 !important;
font-size: 1.1em;
}
.canvas-full .single-post-content {
padding: 1.5em 1.5em 1.5em 0 !important;
}
.single-post-content:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
/*
====================================================================================================
Slideshow
====================================================================================================
*/
.slideshow {
display: block;
position: relative;
width: 100%;
height: auto;
min-height: 500px;
overflow: hidden;
z-index: 1;
}
.slideshow-container {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
/* Slide Caption */
.slide-caption {
display: none;
position: relative;
width: 50%;
top: 33% !important;
left: 50% !important;
padding: 0;
margin: 0 0 0 -25%;
text-align: center;
}
.slide-caption h2 {
padding: 0;
margin: 0;
font-size: 4em;
font-weight: 700;
line-height: 1em;
background-color: transparent;
text-shadow: 0 0 15px rgba(0,0,0,0.6);
}
.slide-caption h2 a {
padding: 0;
background-color: transparent;
border-bottom: 4px solid transparent;
text-shadow: 0 0 15px rgba(0,0,0,0.6);
}
.slide-caption h2 a:hover {
background-color: transparent;
border-bottom: 4px solid;
}
.slide-caption p {
padding: 1em 0;
margin: 0;
font-size: 1.8em;
line-height: 1.2em;
text-shadow: 0 0 7px rgba(0,0,0,0.6);
}
.slide-caption p a {
text-decoration: none;
border-bottom: 2px solid;
}
.slide-caption p a:hover {
text-decoration: none;
border-bottom: 2px solid transparent;
}
/*
--------------------------------------------------
Slideshow Theme
--------------------------------------------------
*/
/* Arrows */
.slideshow .rsArrow {
position: absolute;
top: 50%;
width: 60px;
height: 100px;
margin-top: -50px;
cursor: pointer;
z-index: 21;
}
.slideshow .rsArrowLeft { left: 15px; }
.slideshow .rsArrowRight { right: 15px; }
.slideshow .rsArrowIcn {
width: 60px;
height: 100px;
position: absolute;
cursor: pointer;
background-image: url("images/icons/arrows.png");
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.slideshow .rsArrowLeft .rsArrowIcn { background-position: left top; background-repeat: no-repeat; }
.slideshow .rsArrowRight .rsArrowIcn { background-position: left -100px; background-repeat: no-repeat; }
.slideshow .rsArrowDisabled .rsArrowIcn { opacity: 0.4; }
/* Play/Close Video Buttons */
.slideshow .rsPlayBtn {
width: 60px;
height: 60px;
margin-left: -30px;
margin-top: -30px;
cursor: pointer;
background-color: transparent;
-webkit-tap-highlight-color: rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 7px rgba(0,0,0,0.6);
box-shadow: 0 0 7px rgba(0,0,0,0.6);
}
.slideshow .rsPlayBtn .rsPlayBtnIcon {
display: block;
width: 60px;
height: 60px;
background-color: transparent;
background-image: url("images/icons/controls.png");
background-position: left -240px;
background-repeat: no-repeat;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.slideshow .rsBtnCenterer { position: absolute; top: 24%; left: 50%; }
.slideshow .rsCloseVideoBtn { position: absolute; right: 0; top: 20px; width: 60px; height: 60px; cursor: pointer; z-index: 99999; }
.slideshow .rsCloseVideoIcn {
margin: 0;
width: 60px;
height: 60px;
background-image: url('images/icons/controls.png');
background-position: left -180px;
background-repeat: no-repeat;
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
}
/* Preloader */
.slideshow .rsPreloader {
position: absolute;
width: 20px;
height: 20px;
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
background-image: url("images/loading.gif");
background-position: center center;
background-repeat: no-repeat;
}
/*
====================================================================================================
Posts
====================================================================================================
----------------------------------------------------------------------------------------------------
Common
----------------------------------------------------------------------------------------------------
*/
/* Post Image */
.post-image,
.post-image a,
.post-image img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tile .post-image {
margin: 0.5em;
}
/* Post Header */
.post-header {
font-size: 1.6em;
padding: 0 0 1em;
margin-top: 0;
}
.post-header a,
.post-header a:hover {
background-color: transparent;
text-decoration: none;
border-bottom: 1px solid;
}
/* Post Footer */
.post-footer {
display: block;
padding: 0 0 1em;
clear: both;
}
/* Post Content */
.post-content {
float: left;
width: 100%;
padding: 1.5em;
clear: both;
}
/* Post Meta */
.post-meta {
display: block;
margin: 0 0 1em;
font-style: italic;
clear: both;
}
.post-meta ul {
list-style: none;
}
.post-meta ul li {
float: left;
margin: 0 1.5em 0 0 !important;
}
/* Post Date */
.post-date {
font-style: italic;
font-weight: 300;
}
/* Post Comments */
.post-comments {
float: left;
}
.post-comments a {
float: left;
text-decoration: none;
background: transparent !important;
}
/* Post Comments - Icon */
.post-comments .icon-comment {
float: left;
position: relative;
width: 13px;
height: 9px;
margin: 0.3em 0.5em 0 0;
background-color: transparent;
text-decoration: none;
font-style: normal;
}
.post-comments .icon-comment:after {
content: '';
position: absolute;
width: 3px;
height: 3px;
left: 4px;
bottom: -3px;
overflow: hidden;
border-left: 3px solid;
border-bottom: 3px solid transparent !important;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.post-comments .icon-comment:hover {
background-color: transparent;
}
.post-comments .icon-comment:hover {
cursor: pointer;
}
.post-comments .icon-comment:hover:after {
border-bottom-color: transparent !important;
}
/* Post Likes */
.post-likes {
float: left;
margin: 0 0 0 1em !important;
}
.post-likes .zilla-likes {
margin: 0 !important;
}
/* Post Audio */
.post-audio {
float: left;
width: 100%;
margin: 0;
}
/* Post More */
.post-more a,
.post-more a:hover {
background-color: transparent;
text-decoration: none;
}
/* Post Buy */
.post-buy.button {
float: left;
width: 100%;
clear: both;
margin: 2px 0 0;
}
.post-buy.button a {
float: left;
width: 100%;
margin: 0;
padding: 0.5em 0.5em 0.6em;
font-size: 1.3em;
text-decoration: none;
}
/* Post Tags */
.post-tags {
display: block;
margin: 1em 0;
clear: both;
}
.post-tags a {
float: left;
margin: 0 2px 2px 0;
padding: 0.8em 1em;
font-size: 1em !important;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
/* Post Price */
.post-price,
.post-price {
margin: 0.1em 0 0;
font-size: 1.4em;
list-style: none;
}
.post-price .price,
.post-price .price {
padding: 0;
margin: 0;
clear: both;
}
/* Post Share */
.post-share {
float: left;
width: 100%;
padding: 2em 0 3em;
clear: both;
}
.post-share li {
float: left;
display: inline;
padding: 0;
margin: 0 2px 2px 0 !important;
}
.post-share li a {
display: block;
width: 36px;
height: 36px;
text-indent: -9999px;
color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.post-share li a:hover {
color: #ffffff;
}
.post-share li.social-twitter a { background-image: url("images/icons/social/twitter.png"); }
.post-share li.social-facebook a { background-image: url("images/icons/social/facebook.png"); }
.post-share li.social-googleplus a { background-image: url("images/icons/social/googleplus.png"); }
.post-share li.social-pinterest a { background-image: url("images/icons/social/pinterest.png"); }
/* Post Facebook */
.post-facebook {
float: left;
}
.post-facebook a {
padding-left: 3.5em !important;
background-image: url("images/icons/social/facebook.png");
background-position: 1em center;
background-repeat: no-repeat;
}
/* Post Format Quote */
.format-quote blockquote {
display: block;
padding: 0;
margin: 0 0 1em;
}
.format-quote .post-title {
padding: 0 0 1em;
font-size: 1.6em !important;
font-weight: 300;
}
.format-quote .post-meta a,
.format-quote .post-meta a:hover {
text-decoration: none;
}
/*
----------------------------------------------------------------------------------------------------
Callout Grid Home
----------------------------------------------------------------------------------------------------
*/
.grid-callout-home {
width: 100%;
margin-bottom: 3em;
}
.grid-callout-home.no-slides {
margin-top: 3em;
}
/* Post */
.grid-callout-home .post {
float: left;
position: relative;
margin-right: 2%;
z-index: 999;
text-align: center;
}
.grid-callout-home .post:last-child {
margin-right: 0 !important;
}
.grid-callout-home.posts-no-1 .post,
.grid-callout-home.posts-no-2 .post,
.grid-callout-home.posts-no-3 .post { width: 32%; }
.grid-callout-home.posts-no-4 .post { width: 23.5%; }
.grid-callout-home.posts-no-5 .post { width: 18.4%; }
/* Post Header */
.grid-callout-home .post-header {
float: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 1.4em;
border-bottom: 1px solid;
}
/* Post Title */
.grid-callout-home .post-title {
display: block;
padding: 0;
margin: 0;
font-weight: 300;
}
.grid-callout-home .post-title a {
display: block;
padding: 0.7em 1em 0.9em;
margin: 0;
border: none;
}
.grid-callout-home .no-url .post-title {
padding: 0.7em 1em 0.9em;
}
/* Post Image */
.grid-callout-home .post-image,
.grid-callout-home .post-image a,
.grid-callout-home .post-image img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.grid-callout-home .post-image.no-excerpt,
.grid-callout-home .post-image.no-excerpt a,
.grid-callout-home .post-image.no-excerpt img {
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.grid-callout-home .post-image {
width: 100%;
height: auto;
overflow: hidden;
}
.grid-callout-home .post-image img {
float: left;
width: 100%;
max-width: none !important;
height: auto;
}
.grid-callout-home .post-content {
padding: 1.5em;
}
.grid-callout-home .post-content .button {
float: none !important;
display: inline-block !important;
}
.grid-callout-home .post-content .button a {
margin-right: 0;
margin-bottom: 0;
}
/*
----------------------------------------------------------------------------------------------------
Post Grid Home
----------------------------------------------------------------------------------------------------
*/
.grid-post-home {
width: 100%;
margin: 3em 0;
}
.grid-post-home .post-image img {
width: 100%;
height: auto;
}
/* Post */
.grid-post-home .post {
float: left;
margin-right: 2%;
}
.grid-post-home .post:last-child {
margin-right: 0 !important;
}
.grid-post-home.posts-no-1 .post,
.grid-post-home.posts-no-2 .post,
.grid-post-home.posts-no-3 .post { width: 32%; }
.grid-post-home.posts-no-4 .post { width: 23.5%; }
.grid-post-home.posts-no-5 .post { width: 18.4%; }
/* Post Content */
.grid-post-home .post-content {
padding: 0;
}
/* Post Header */
.grid-post-home .post-header {
padding: 0.5em 0;
}
/* Post Excerpt */
.grid-post-home .post-excerpt {
padding: 0 0 1em;
line-height: 1.4em;
}
/*
----------------------------------------------------------------------------------------------------
Event grid Home
----------------------------------------------------------------------------------------------------
*/
/* Post Date */
.grid-event-home .post-date {
margin-top: 0.5em;
}
/* Post Buy */
.grid-event-home .post-buy a,
.grid-event-home .post-buy a:hover {
background-color: transparent;
text-decoration: none;
}
/*
----------------------------------------------------------------------------------------------------
Blog Grid
----------------------------------------------------------------------------------------------------
*/
/* Post Header */
.grid-post .post-header {
padding: 0 0 0.5em;
}
/* Post Excerpt */
.grid-post .post-excerpt {
padding: 0 0 1em;
}
/*
----------------------------------------------------------------------------------------------------
Blog List
----------------------------------------------------------------------------------------------------
*/
.list-post .post {
padding: 1em 0;
border-top: 1px dotted rgba(255,255,255,0.2);
}
.list-post .post-1 {
padding-top: 0;
border-top: 0;
}
/* Post Meta */
.list-post .post-meta {
padding: 1em 0 0;
}
.list-post .format-quote .post-meta {
padding: 0.3em 0 0;
}
/* Post Title */
.list-post .format-quote .post-title {
padding: 0;
margin: 0;
}
/* Post Header */
.list-post .post-header {
padding-bottom: 0;
margin: 0 0 0.5em;
font-size: 2.5em;
clear: both;
}
/* Post Excerpt */
.list-post .post-excerpt {
padding: 0;
margin: 1em 0 0;
}
/* Post More */
.list-post .post-more {
text-align: right;
}
/* Post Audio */
.list-post .post-audio {
margin: 1em 0 0;
}
/*
----------------------------------------------------------------------------------------------------
Events
----------------------------------------------------------------------------------------------------
--------------------------------------------------
Common
--------------------------------------------------
*/
/* Post Venue & Location */
.grid-event .post-venue,
.grid-event .post-location,
.list-event .post-venue,
.list-event .post-location {
font-size: 1em;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.grid-event .post-venue a,
.list-event .post-venue a {
background: transparent;
}
.grid-event .post-venue a:hover,
.list-event .post-venue a:hover {
text-decoration: none;
background: transparent;
}
/* Post Date */
.grid-event .post-date,
.list-event .post-date {
font-size: 1.3em;
font-style: normal;
}
/* Post Time */
.grid-event-upcoming .post-time,
.list-event-upcoming .post-time {
margin: 0 0 0 0.5em;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/* Post Likes */
.grid-event-upcoming .post-likes {
width: 100%;
margin: 1.5em auto 0 !important;
}
/*
----------------------------------------------------------------------------------------------------
Event Grid
----------------------------------------------------------------------------------------------------
--------------------------------------------------
Upcoming Events
--------------------------------------------------
*/
.grid-event-upcoming {
margin-bottom: 2em;
}
/* Post Time */
.grid-event-upcoming .post-time {
display: block;
clear: both;
margin: 0;
}
/* Post Header */
.grid-event-upcoming .post-header {
padding: 0.5em 0;
}
/* Post Excerpt */
.grid-event-upcoming .post-excerpt {
margin: 2em 0 0 0;
}
/* Post Footer */
.grid-event-upcoming .post-footer {
margin: 1em 0 0 0;
}
/* Post Status */
.grid-event-upcoming .post-status {
width: 100%;
margin: 1.5em 0;
clear: both;
}
/*
--------------------------------------------------
Past Events
--------------------------------------------------
*/
/* Post Body */
.grid-event-past .tile .post-body {
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.grid-event-past .tile:hover .post-body {
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* Post Header */
.grid-event-past .tile .post-header { font-size: 1.4em; margin-bottom: 0; }
/*
----------------------------------------------------------------------------------------------------
Event List
----------------------------------------------------------------------------------------------------
--------------------------------------------------
Common
--------------------------------------------------
*/
.list-event {
display: block;
width: 100%;
margin-bottom: 2em;
}
.list-event .post {
display: block;
position: relative;
width: 100% !important;
height: 120px;
padding: 0;
border-top: 1px dotted rgba(255,255,255,0.2);
}
.list-event .post.post-1 {
border-top-color: transparent;
}
.list-event .post-header,
.list-event .post-info,
.list-event .post-status,
.list-event .post-action {
float: left;
display: table;
height: 100%;
}
/* Post Header */
.list-event .post-header {
font-size: 0.9em;
padding: 0;
margin: 0;
}
/* Post Title */
.list-event .post-title {
font-size: 1.8em;
}
/* Post Image */
.list-event .post-image {
position: absolute;
top: 50%;
left: 0;
width: 120px;
height: auto;
padding: 0;
margin-top: -34px;
border: none;
overflow: hidden;
}
/* Post Info */
.list-event .post-info {
font-size: 0.9em;
}
/* Post Status */
.list-event .post-status {
font-size: 0.9em;
}
/* Post Action */
.list-event .post-action {
font-size: 0.9em;
}
/*
--------------------------------------------------
Upcoming Events
--------------------------------------------------
*/
/* Block Widths */
.list-event-upcoming .no-info.no-status.no-action .post-header { width: 100%; padding-left: 0; padding-right: 0; }
.list-event-upcoming .has-info.no-status.no-action .post-header,
.list-event-upcoming .has-status.no-info.no-action .post-header,
.list-event-upcoming .has-action.no-info.no-status .post-header { width: 78%; }
.list-event-upcoming .has-info.no-status.no-action .post-info,
.list-event-upcoming .has-status.no-info.no-action .post-status,
.list-event-upcoming .has-action.no-info.no-status .post-action { float: right; width: 21%; }
.list-event-upcoming .has-info.no-status.no-action .post-info .inner,
.list-event-upcoming .has-status.no-info.no-action .post-status .inner,
.list-event-upcoming .has-action.no-info.no-status .post-action .inner { padding-right: 0; }
.list-event-upcoming .has-info.has-status.no-action .post-header { width: 64%; }
.list-event-upcoming .has-info.has-status.no-action .post-info { width: 14%; }
.list-event-upcoming .has-info.has-status.no-action .post-status { float: right; width: 21%; }
.list-event-upcoming .has-info.has-status.no-action .post-status .inner { padding-right: 0; }
.list-event-upcoming .has-status.has-action.no-info .post-header { width: 64%; }
.list-event-upcoming .has-status.has-action.no-info .post-status { width: 14%; }
.list-event-upcoming .has-status.has-action.no-info .post-action { float: right; width: 21%; }
.list-event-upcoming .has-status.has-action.no-info .post-action .inner { padding-right: 0; }
.list-event-upcoming .has-info.has-action.no-status .post-header { width: 64%; }
.list-event-upcoming .has-info.has-action.no-status .post-info { width: 14%; }
.list-event-upcoming .has-info.has-action.no-status .post-action { float: right; width: 21%; }
.list-event-upcoming .has-info.has-action.no-status .post-action .inner { padding-right: 0; }
.list-event-upcoming .has-info.has-status.has-action .post-header { width: 50%; }
.list-event-upcoming .has-info.has-status.has-action .post-info { width: 14%; }
.list-event-upcoming .has-info.has-status.has-action .post-status { width: 14%; }
.list-event-upcoming .has-info.has-status.has-action .post-action { float: right; width: 21%; }
.list-event-upcoming .has-info.has-status.has-action .post-action .inner { padding-right: 0; }
/* Inner */
.list-event-upcoming .post-header .inner,
.list-event-upcoming .post-info .inner,
.list-event-upcoming .post-status .inner,
.list-event-upcoming .post-action .inner { display: table-cell; vertical-align: middle; padding: 0 1em; }
.list-event-upcoming .post-header .inner { padding-left: 0; }
.list-event-upcoming .has-post-thumbnail .post-header .inner { padding-left: 150px; }
/* Post Time */
.list-event-upcoming .post-time {
margin: 0 0 0 0.5em;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/* Post Status */
.list-event-upcoming .post-status p {
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/*
--------------------------------------------------
Past Events
--------------------------------------------------
*/
.list-event-past .post {
height: 90px;
}
/* Post Date */
.list-event-past .post-date { float: left; padding: 0.5em 1em 0.5em 0; }
/* Post Info */
.list-event-past .post-info { text-align: right; }
.list-event-past .post-info .inner { padding-right: 0; }
/* Block Widths */
.list-event-past .no-info .post-header { width: 100%; padding-left: 0; padding-right: 0; }
.list-event-past .has-info .post-header { width: 75% }
.list-event-past .has-info .post-info { float: right; width: 24%; }
/* Inner */
.list-event-past .post-header .inner,
.list-event-past .post-info .inner { display: table-cell; vertical-align: middle; padding: 0 2em; }
.list-event-past .post-info .inner { padding: 0 0 0 2em; }
.list-event-past .post-header .inner { padding-left: 0; }
.list-event-past .has-post-thumbnail .post-header .inner { padding-left: 150px; }
/*
----------------------------------------------------------------------------------------------------
Menu
----------------------------------------------------------------------------------------------------
--------------------------------------------------
Common
--------------------------------------------------
*/
/* Post Header */
.list-menu .post-header,
.grid-menu .post-header {
padding: 0;
margin: 0;
}
/* Post Description */
.list-menu .post-description.description,
.grid-menu .post-description.description {
margin: 1.5em 0 0;
}
.list-menu .post-description.ingredients,
.grid-menu .post-description.ingredients {
margin: 0.75em 0 0;
}
/*
----------------------------------------------------------------------------------------------------
Menu List
----------------------------------------------------------------------------------------------------
*/
.list-menu .post {
padding: 1.5em 0;
margin: 0;
border-top: 1px dotted rgba(255,255,255,0.2);
}
.list-menu .post.post-1 {
padding-top: 0 !important;
margin-top: -0.5em;
border-top: 0;
}
/* Post Image */
.list-menu .post-image {
float: left;
}
/* Post Header */
.list-menu .has-post-thumbnail .post-header {
padding: 0 20px;
}
/* Post Description */
.list-menu .has-post-thumbnail .post-description {
padding: 0 20px;
}
/* Post Likes */
.list-menu .post-likes {
width: 100%;
padding: 0.5em 0 0;
margin: 0 !important;
}
/*
----------------------------------------------------------------------------------------------------
Menu List All
----------------------------------------------------------------------------------------------------
*/
/* Terms */
.list-menu-all .term-block {
display: block;
margin: 0 0 2px;
border-top: 1px dotted rgba(255,255,255,0.2);
border-bottom: 1px dotted rgba(255,255,255,0.2);
}
.list-menu-all .term-no-1 {
border-top: 1px dotted transparent;
}
.list-menu-all .term-header {
display: block;
padding-bottom: 1em;
margin: 0 0 2em;
border-bottom: 1px dotted rgba(255,255,255,0.2);
}
.list-menu-all .term-header h2 {
margin: 0 0 0.5em;
font-size: 3em;
}
.list-menu-all .term-header .term-description {
margin: 0 0 1em;
font-size: 1.3em;
}
.list-menu-all .term-header h2,
.grid-menu-all .term-header h2 {
padding-top: 30px;
}
.list-menu-all .term-no-1 .term-header h2,
.grid-menu-all .term-no-1 .term-header h2 {
margin-top: -30px;
}
.grid-menu-all .term-header .term-description {
margin: 0 0 2em;
}
.grid-menu-all .term-header {
text-align: center;
}
/*
----------------------------------------------------------------------------------------------------
Menu Grid
----------------------------------------------------------------------------------------------------
*/
/* Post Price */
.grid-menu .post-price {
margin: 1em 0 0;
}
/* Post Likes */
.grid-menu .post-likes {
float: none;
}
/*
----------------------------------------------------------------------------------------------------
Gallery Grid
----------------------------------------------------------------------------------------------------
*/
.grid-gallery .post-meta {
margin: 0;
}
/*
----------------------------------------------------------------------------------------------------
Video Grid
----------------------------------------------------------------------------------------------------
*/
.grid-video .post-meta {
margin: 0;
}
/*
----------------------------------------------------------------------------------------------------
Archive Grid
----------------------------------------------------------------------------------------------------
*/
.grid-archives a {
text-decoration: none;
}
.grid-archives h3 {
font-size: 2em;
margin-bottom: 0.75em;
}
.grid-archives li {
position: relative;
padding: 0.75em 0.5em 0;
list-style: none;
}
.grid-archives li:before {
content: '\2013';
position: absolute;
left: 0;
bottom: -13px;
color: rgba(255,255,255,0.1);
}
.grid-archives li li a:before {
content: '\2192\00A0';
}
.grid-archives .tags a {
font-size: 1em !important;
}
/*
----------------------------------------------------------------------------------------------------
Search Grid
----------------------------------------------------------------------------------------------------
*/
/* Post Common */
.grid-search .tile { height: auto; }
/* Post Header */
.grid-search .tile .post-header { font-size: 2.4em; margin-bottom: .2em; line-height: 1.32; }
.grid-search .tile .post-date { font-size: 1.6em; }
.grid-search .gallery { float: none; width: inherit; margin: 0; }
.grid-search .highlight-title,
.grid-search .highlight-excerpt { border: 2px solid #e6c832; padding: 0; }
/*
====================================================================================================
Singles
====================================================================================================
----------------------------------------------------------------------------------------------------
Common
----------------------------------------------------------------------------------------------------
*/
/* Singl Post Description */
.single-post-description {
margin: 2em 0 1em;
}
/* Single Post Image */
.single-post-image {
margin-bottom: 2em;
}
/* Single Post Video */
.single-post-video {
margin: 0 0 2em;
}
.canvas-full .single-post-video {
margin: 0 1.5em 2em 0;
}
/* Single Post Map */
.single-post-map {
display: block;
margin-bottom: 2em;
}
.single-post-map iframe {
width: 100% !important;
}
/* Single Post Meta */
.single-post-meta {
padding: 0;
}
.single-post-meta ul {
list-style: none;
}
/* Single Post Meta > Post Share */
.single-post-meta .post-share {
text-align: left;
}
/* Single Post Meta > Post Taxonomies */
.single-post-meta .post-taxonomies {
text-align: left;
}
.single-post-meta .post-taxonomies li {
float: none;
display: block;
margin: 0;
padding: 0.25em 0;
}
/* Single Post Meta Table */
.single-post-meta-table {
float: left;
width: 100%;
margin: 0 0 2em;
border-top: 1px dotted rgba(255,255,255,0.2);
}
.single-post-meta-table .row {
display: block;
width: 100%;
padding: 1em 0;
border-bottom: 1px dotted rgba(255,255,255,0.2);
}
.single-post-meta-table .cell {
float: left;
width: 70%;
}
.single-post-meta-table .cell.head {
width: 30%;
padding-right: 2px;
font-weight: 700;
}
/* Single Post Buy */
.single-post-buy {
float: left;
margin: 0 2px 2px 0;
}
.single-post-buy a {
margin: 0;
}
/* Single Gallery */
.single-post .grid-gallery .tile .tile-block {
margin: 1px;
border: 0;
}
.single-post .grid-gallery .tile .post-image {
padding: 0;
margin: 0;
}
/*
----------------------------------------------------------------------------------------------------
Single Blog
----------------------------------------------------------------------------------------------------
*/
/* Post Meta */
.single-blog .post-meta { padding: 1em 0 0; }
.single-blog .post-meta .post-comments a,
.single-blog .post-meta .post-categories a { text-decoration: none; }
.single-blog .post-meta .post-tags { float: left; margin: 0 0 2em; font-size: 90%; }
.single-blog .post-meta .post-likes a { margin: 0 !important; }
.single-blog .post-content p { line-height: 1.6em; }
/* Post Format Quote */
.single-blog .format-quote blockquote { width: 100%; font-size: 4em; margin: 1em 0 0; }
/* Post Player */
.single-blog .post-audio { margin: 0 0 2em; }
/*
----------------------------------------------------------------------------------------------------
Single Event
----------------------------------------------------------------------------------------------------
*/
/* Post Image */
.single-event .single-post-image {
margin: 0 0 3em;
}
/* Post Meta */
.single-event .single-post-meta {
margin: 0 0 3em;
}
/* Post Content */
.single-event .single-post-content p {
line-height: 1.6em;
}
/*
----------------------------------------------------------------------------------------------------
Single Menu
----------------------------------------------------------------------------------------------------
*/
/* Single Post Price */
.single-menu .single-post-price {
font-size: 1.6em;
}
/*
----------------------------------------------------------------------------------------------------
Single Gallery
----------------------------------------------------------------------------------------------------
*/
/* Post Content */
.single-gallery .post-content { display: block; margin: 3em 0 0; }
.single-gallery .post-content p { line-height: 1.6em; }
/*
----------------------------------------------------------------------------------------------------
Single Video
----------------------------------------------------------------------------------------------------
*/
/* Post Content */
.single-video .post-content { display: block; margin: 0; }
.single-video .post-content p { line-height: 1.6em; }
/* Post Share */
.single-video .post-share { padding: 0 !important; }
/*
====================================================================================================
Pagination
====================================================================================================
*/
.pagination {
padding: 0;
margin: 3em auto 0;
text-align: center;
}
.canvas-full .pagination {
padding: 0 1.5em 0 0;
}
.pagination a,
.pagination span {
display: inline-block;
padding: 0.75em 1.5em;
margin: 0 0 2px 0;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.pagination a.prev {
float: left;
margin-left: 0;
}
.pagination a.next {
float: right;
margin-right: 0;
}
/* Post Pagination */
.pagination-post {
float: left;
width: 100%;
margin: 3em 0 0;
}
.pagination-post a {
margin-right: -2px;
padding: 1em 2em;
text-decoration: none;
}
/*
====================================================================================================
Footer
====================================================================================================
*/
.footer {
float: left;
display: block;
width: 100%;
clear: both;
background-color: rgba(0,0,0,0.2);
}
.footer-container {
display: block;
width: 1180px;
padding: 0 30px;
margin: 3em auto;
}
.footer .footer-absolute {
display: block;
margin: 3em 0 0;
}
.footer .footer-block {
float: left;
display: block;
width: 100%;
clear: both;
margin: 0 0 1.5em;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.footer .footer-block-container {
display: block;
width: 1180px;
padding: 0 30px;
margin: 2em auto;
}
.footer .footer-block-toolbar {
padding: 3em 0;
}
/*
====================================================================================================
Copyright
====================================================================================================
*/
.footer .footer-copyright {
float: left;
display: block;
width: 100%;
clear: both;
text-align: center;
}
.footer .footer-copyright-container {
display: block;
width: 1180px;
padding: 0 30px;
margin: 3em auto 9em;
}
/*
====================================================================================================
Widgets
====================================================================================================
----------------------------------------------------------------------------------------------------
Common
----------------------------------------------------------------------------------------------------
*/
/* Widget Block */
.widget-block { display: block; margin: 1em 0 2em; }
.widget-block li { list-style: none; }
/* Widget Title */
.widget-title { margin: 0 0 1em; font-size: 2em; }
.wa-footer .widget-title { padding: 0 0 0.5em; margin: 0 0 1em; }
/* Widget Content */
.widget-content { margin: 0 0 1em; }
/*
----------------------------------------------------------------------------------------------------
Widget Tweets [Custom]
----------------------------------------------------------------------------------------------------
*/
.widget_tweets li { margin-bottom: 2em; }
.widget_tweets li a { text-decoration: none; }
.widget_tweets .tweet_time { display: block; margin: 0 0 0.5em; }
/*
----------------------------------------------------------------------------------------------------
Widget Recent Tweet [Custom]
----------------------------------------------------------------------------------------------------
*/
.widget_recent_tweet li { margin-bottom: 1em; }
.widget_recent_tweet li a { text-decoration: none; }
.widget_recent_tweet .tweet-time { display: block; margin: 0 0 1em; clear: both; }
.widget_recent_tweet .tweet-text { font-size: 2.2em; line-height: 1.5em; }
.wa-footer-full .widget_recent_tweet { width: 100%; padding: 1.5em 0; margin: 0 auto; text-align: center; }
.wa-footer-full .widget_recent_tweet .tweet-text { font-size: 3em; }
.wa-footer-center .widget_recent_tweet { text-align: center; }
/*
----------------------------------------------------------------------------------------------------
Widget Opening Hours [Custom]
----------------------------------------------------------------------------------------------------
*/
.widget_opening_hours { display: block; }
.widget_opening_hours .day { width: 100%; padding: 0.2em 0; clear: both; font-size: 1.3em; border-bottom: 1px dotted rgba(255,255,255,0.2); }
.widget_opening_hours .day.last { border-bottom: 0; }
/*
----------------------------------------------------------------------------------------------------
Widget Recent Posts [Custom]
----------------------------------------------------------------------------------------------------
*/
.widget_recent_posts .post { margin-bottom: 1em; }
.widget_recent_posts .post-date { padding: 0; margin: 0; }
.widget_recent_posts .post-title { padding: 0; line-height: 1.5em; }
.widget_recent_posts .post-title a:hover { border-color: transparent; }
.widget_recent_posts .post-excerpt {
margin: 1.5em 0 0;
}
/*
----------------------------------------------------------------------------------------------------
Widget Recent Events [Custom]
----------------------------------------------------------------------------------------------------
*/
.widget_recent_events .post { margin-bottom: 2em; }
.widget_recent_events .post-date { padding: 0; margin: 0; }
.widget_recent_events .post-title { padding: 0; line-height: 1.5em; margin-bottom: 0.5em; }
.widget_recent_events .post-title a:hover { border-color: transparent; }
.widget_recent_events .post-venue,
.widget_recent_events .post-location {
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/*
----------------------------------------------------------------------------------------------------
Widget Recent Videos [Custom]
----------------------------------------------------------------------------------------------------
*/
.widget_recent_videos .post { margin-bottom: 1em; }
.widget_recent_videos .post-date { padding: 0; margin: 0; }
.widget_recent_videos .post-title { padding: 0; line-height: 1.5em; margin-bottom: 0.5em; }
.widget_recent_videos .post-title a:hover { border-color: transparent; }
/*
----------------------------------------------------------------------------------------------------
Widget Recent Posts [WordPress]
----------------------------------------------------------------------------------------------------
*/
.widget_recent_entries li { padding: 0 0 0.5em; list-style: none; }
.widget_recent_entries li a { text-decoration: none; padding: 2px 0 0 0; border-bottom: 1px solid; }
.widget_recent_entries li a:hover { text-decoration: none; border-bottom: 1px solid transparent; }
/*
----------------------------------------------------------------------------------------------------
Widget Recent Comments [WordPress]
----------------------------------------------------------------------------------------------------
*/
.widget_recent_comments li { padding: 0 0 0.5em; list-style: none; }
.widget_recent_comments li a { text-decoration: none; padding: 2px 0 0 0; border-bottom: 1px solid; }
.widget_recent_comments li a:hover { text-decoration: none; border-bottom: 1px solid transparent; }
/*
----------------------------------------------------------------------------------------------------
Widget Pages [WordPress] & Subpages [WordPress] & Navigation [WordPress] & Product Categories [WooCommerce]
----------------------------------------------------------------------------------------------------
*/
.widget_pages ul,
.widget_subpages ul,
.widget_nav_menu ul,
.widget_product_categories ul {
margin: 0;
}
/* 1st Level */
.widget_pages ul li,
.widget_subpages ul li,
.widget_nav_menu ul li,
.widget_product_categories ul li {
float: left;
width: 100%;
clear: both;
padding: 1px 0;
list-style: none;
border-top: 1px dotted rgba(255,255,255,0.2);
}
.widget_pages ul li a,
.widget_subpages ul li a,
.widget_nav_menu ul li a,
.widget_product_categories ul li a {
display: block;
padding: 0.5em 1em;
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
}
.widget_pages ul li:last-child a,
.widget_subpages ul li:last-child a,
.widget_nav_menu ul li:last-child a,
.widget_product_categories ul li:last-child a {
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
/* 2nd Level */
.widget_pages ul li li a:before,
.widget_subpages ul li li a:before,
.widget_nav_menu ul li li a:before,
.widget_product_categories ul li li a:before {
content: '\2192\00A0';
}
.widget_pages ul li li a,
.widget_subpages ul li li a,
.widget_nav_menu ul li li a,
.widget_product_categories ul li li a {
padding: 0.5em 1em;
font-weight: 300;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.widget_pages ul li.current_page_item li a,
.widget_subpages ul li.current_page_item li a,
.widget_nav_menu ul li.current_page_item li a,
.widget_product_categories ul li.current_cat li a {
background-color: transparent;
}
/* 3rd Level */
.widget_pages ul li li li a,
.widget_subpages ul li li li a,
.widget_nav_menu ul li li li a,
.widget_product_categories ul li li li a {
padding: 0.5em 2em;
}
/* 4th Level */
.widget_pages ul li li li li a,
.widget_subpages ul li li li li a,
.widget_nav_menu ul li li li li a,
.widget_product_categories ul li li li li a {
padding: 0.5em 3em;
}
/* 5th Level */
.widget_pages ul li li li li li a,
.widget_subpages ul li li li li li a,
.widget_nav_menu ul li li li li li a,
.widget_product_categories ul li li li li li a {
padding: 0.5em 4em;
}
/*
----------------------------------------------------------------------------------------------------
Widget Archives [WordPress] & Categories [WordPress]
----------------------------------------------------------------------------------------------------
*/
.widget_archive li,
.widget_categories li {
padding: 0.5em 0;
margin: 1px 0;
font-size: 1.2em;
border-top: 1px dotted rgba(255,255,255,0.2);
}
.widget_archive li a,
.widget_categories li a {
font-weight: 700;
text-decoration: none;
border-bottom: 1px solid;
}
.widget_archive li a:hover,
.widget_categories li a:hover {
text-decoration: none;
background-color: transparent;
border-bottom: 1px solid transparent;
}
.widget_archive li li,
.widget_categories li li {
padding: 0;
font-size: 1em;
}
.widget_archive li li a:before,
.widget_categories li li a:before {
content: '\2192\00A0';
}
/*
----------------------------------------------------------------------------------------------------
Widget Tag Cloud & Tags [WordPress]
----------------------------------------------------------------------------------------------------
*/
.widget_tag_cloud:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.widget_tag_cloud a {
float: left;
margin: 0 2px 2px 0;
padding: 0.5em 1em;
font-size: 1em !important;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.wa-footer-full .widget_tag_cloud,
.wa-footer-bottom .align-center .widget_tag_cloud {
text-align: center;
}
.wa-footer-full .widget_tag_cloud a,
.wa-footer-bottom .align-center .widget_tag_cloud a {
float: none;
display: inline-block;
margin: 0 -1px 2px 0;
}
/*
----------------------------------------------------------------------------------------------------
Widget Links [WordPress]
----------------------------------------------------------------------------------------------------
*/
.widget_links li a { float: left; padding: 2px 0 0 0; margin: 0 0 0.2em; clear: both; text-decoration: none; border-bottom: 1px solid; }
.widget_links li a:hover { text-decoration: none; border-bottom: 1px solid transparent; }
/*
----------------------------------------------------------------------------------------------------
Widget Meta [WordPress]
----------------------------------------------------------------------------------------------------
*/
.widget_meta li a { float: left; padding: 2px 0 0 0; margin: 0 0 0.2em; clear: both; text-decoration: none; border-bottom: 1px solid; }
.widget_meta li a:hover { text-decoration: none; border-bottom: 1px solid transparent; }
/*
----------------------------------------------------------------------------------------------------
Widget Opening Hours [WordPress]
----------------------------------------------------------------------------------------------------
*/
.widget_search input { font-size: 1.3em; padding-top: 0.5em; padding-bottom: 0.5em; }
/*
----------------------------------------------------------------------------------------------------
Widget qTranslate [qTranslate]
----------------------------------------------------------------------------------------------------
*/
.widget_qtranslate li { width: 100%; list-style: none; }
.widget_qtranslate li a { display: block; padding: 0.5em 1em 0.5em 3.5em; margin: 0 0 1px; background-position: 1em center; text-decoration: none; }
.qtrans_widget_end { display: none; }
/*
====================================================================================================
Shortcodes
====================================================================================================
----------------------------------------------------------------------------------------------------
Columns
----------------------------------------------------------------------------------------------------
*/
.shortcode.one-half { width: 49%; margin: 0 2% 3em 0; }
.shortcode.one-half.last { margin: 0 0 3em 0; }
.shortcode.one-third { width: 32%; margin: 0 2% 3em 0; }
.shortcode.one-third.last { margin: 0 0 3em 0; }
.shortcode.two-third { width: 66%; margin: 0 2% 3em 0; }
.shortcode.two-third.last { margin: 0 0 3em 0; }
.shortcode.one-fourth { width: 23.5%; margin: 0 2% 3em 0; }
.shortcode.one-fourth.last { margin: 0 0 3em 0; }
.shortcode.two-fourth { width: 49%; margin: 0 2% 3em 0; }
.shortcode.two-fourth.last { margin: 0 0 3em 0; }
.shortcode.three-fourth { width: 74.5%; margin: 0 2% 3em 0; }
.shortcode.three-fourth.last { margin: 0 0 3em 0; }
.shortcode.one-fifth { width: 18.4%; margin: 0 2% 3em 0; }
.shortcode.one-fifth.last { margin: 0 0 3em 0; }
.shortcode.two-fifth { width: 38.8%; margin: 0 2% 3em 0; }
.shortcode.two-fifth.last { margin: 0 0 3em 0; }
.shortcode.three-fifth { width: 59.2%; margin: 0 2% 3em 0; }
.shortcode.three-fifth.last { margin: 0 0 3em 0; }
.shortcode.four-fifth { width: 79.6%; margin: 0 2% 3em 0; }
.shortcode.four-fifth.last { margin: 0 0 3em 0; }
/*
----------------------------------------------------------------------------------------------------
Dividers
----------------------------------------------------------------------------------------------------
*/
.divider { display: block; width: 100%; height: 1px; margin: 2em 0; border-top: 1px dotted rgba(255,255,255,0.2); }
.divider:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
/*
----------------------------------------------------------------------------------------------------
Buttons
----------------------------------------------------------------------------------------------------
*/
.button-shortcode a { float: left; margin: 1em 1em 1em 0; }
/*
----------------------------------------------------------------------------------------------------
Recent Posts
----------------------------------------------------------------------------------------------------
*/
.shortcode_recent_posts { float: left; width: 100%; position: relative; }
.shortcode_recent_posts li { padding: 0 0 0.5em; list-style: none; }
.shortcode_recent_posts li:last-child { border: none; }
.shortcode_recent_posts li a { text-decoration: none; padding: 2px 0 0 0; border-bottom: 1px solid; }
.shortcode_recent_posts li a:hover { text-decoration: none; border-bottom: 1px solid transparent; }
.shortcode_recent_posts li .post-date { float: left; margin: 0 1em 0 0; }
/*
----------------------------------------------------------------------------------------------------
Tabs
----------------------------------------------------------------------------------------------------
*/
.gp-tabs { position: relative; display: table; width: 100%; margin-bottom: 2em; zoom: 1; background: transparent !important; }
.gp-tabs:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.gp-tabs .ui-tabs-nav {
display: block;
margin: 0;
padding: 2px 0 0;
}
.gp-tabs .ui-tabs-nav li.ui-state-default {
float: left;
list-style: none;
margin: 0 1px 0 0;
padding: 0;
font-weight: bold;
white-space: nowrap;
}
.gp-tabs .ui-tabs-nav li.ui-state-default a {
display: block;
padding: 1em 1.5em;
text-decoration: none;
border-bottom: 1px solid rgba(0,0,0,0.5);
}
.gp-tabs .ui-tabs-nav li.ui-state-active a { position: relative; border-bottom: 1px solid rgba(0,0,0,0); z-index: 99; cursor: text; }
.gp-tabs .ui-tabs-panel {
display: block;
position: relative;
padding: 1.5em 1.5em 3em;
}
.gp-tabs .ui-tabs-hide { display: none !important; }
.gp-tabs .ui-widget-header { padding: 0 !important; }
.gp-tabs .ui-state-active, .gp-tabs .ui-widget-content .ui-state-active, .gp-tabs .ui-widget-header .ui-state-active { border: 0 !important; }
/*
----------------------------------------------------------------------------------------------------
Alerts
----------------------------------------------------------------------------------------------------
*/
.alert {
float: left;
width: 100%;
display: block;
position: relative;
padding: 1.5em 2em;
margin: 1em 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6,
.alert p {
margin: 0;
padding: 0;
}
.alert .close {
position: absolute;
top: 50%;
right: 1.25em;
margin-top: -12px;
font-size: 1.4em;
text-align: center;
text-decoration: none;
cursor: pointer;
color: #ffffff;
}
/* Error */
.alert.error { color: #ffffff; background-color: #e6192d; }
/* Success */
.alert.success { color: #ffffff; background-color: #7db432; }
/*
====================================================================================================
Components
====================================================================================================
----------------------------------------------------------------------------------------------------
Slideshow - Global
----------------------------------------------------------------------------------------------------
*/
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
-webkit-transform: none;
}
.rsOverflow {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
float: left;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.rsContainer {
position: relative;
width: 100%;
height: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.rsArrow,
.rsThumbsArrow {
cursor: pointer;
}
.rsArrow,
.rsNav,
.rsThumbsArrow {
opacity: 1;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.rsHidden {
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
-moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
-o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}
.rsGCaption {
width: 100%;
float: left;
text-align: center;
}
.royalSlider.rsFullscreen {
position: fixed !important;
height: auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2147483647 !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
}
.royalSlider .rsSlide.rsFakePreloader {
opacity: 1 !important;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
display: none;
}
.rsSlide {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
display: block;
overflow: hidden;
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
height: auto;
}
.rsContent {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.royalSlider > .rsContent {
display: none;
}
.rsPreloader {
position: absolute;
z-index: 0;
}
.rsNav {
-moz-user-select: -moz-none;
-webkit-user-select: none;
user-select: none;
}
.rsNavItem {
-webkit-tap-highlight-color: rgba(0,0,0,0.25);
}
.rsVideoContainer {
position: relative;
width: auto;
height: auto;
line-height: 0;
}
.rsVideoFrameHolder {
position: absolute;
top: 0;
left: 0;
background: #000000;
opacity: 0;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.rsVideoFrameHolder.rsVideoActive {
opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 44px;
}
.rsABlock {
left: 0;
top: 0;
position: absolute;
z-index: 15;
-webkit-backface-visibility: hidden;
}
.grab-cursor {
cursor: url("images/icons/grab.png") 8 8, move;
}
.grabbing-cursor{
cursor: url("images/icons/grabbing.png") 8 8, move;
}
.rsNoDrag {
cursor: auto;
}
.rsLink {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
display: block;
z-index: 20;
background: url("images/blank.gif");
-webkit-backface-visibility: hidden;
}
/*
----------------------------------------------------------------------------------------------------
Player
----------------------------------------------------------------------------------------------------
*/
/* Player Containers */
.player {
display: block;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.player-container { display: block; }
/* Player Links */
.player a {
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
}
/* Player Progress */
.player-progress { float: left; width: 100%; height: 10px; z-index: 99; }
.player-progress .player-seek-bar { float: left; width: 0; height: 10px; cursor: pointer; }
.player-progress .player-play-bar { width: 0; height: 10px; }
/* Player Controls */
.player-controls { float: left; width: 100%; height: 40px; margin-top: 2px; position: relative; z-index: 100; }
.player-controls ul { list-style-type: none; padding: 0; margin: 0; }
.player-controls ul li { display: inline; }
.player-controls ul li a { position: absolute; overflow: hidden; text-indent: -9999px; }
.player-controls ul li a.player-play,
.player-controls ul li a.player-pause,
.player-controls ul li a.player-stop,
.player-controls ul li a.player-mute,
.player-controls ul li a.player-unmute { width: 40px; height: 40px; z-index: 99; outline: none; }
.player-controls ul li a.player-play,
.player-controls ul li a.player-pause { top: 0; left: 0; }
.player-controls ul li a.player-stop { top: 0; left: 40px; }
.player-controls ul li a.player-mute,
.player-controls ul li a.player-unmute { bottom: 0; right: 100px; }
.player-controls ul li a.player-play { background: url("images/player/player-sprite.png") left top no-repeat; }
.player-controls ul li a.player-play:hover { background-position: right top; }
.player-controls ul li a.player-pause { background: url("images/player/player-sprite.png") left -40px no-repeat; display: none; }
.player-controls ul li a.player-stop { background: url("images/player/player-sprite.png") left -80px no-repeat; }
.player-controls ul li a.player-mute { background: url("images/player/player-sprite.png") left -120px no-repeat; }
.player-controls ul li a.player-unmute { background: url("images/player/player-sprite.png") left -160px no-repeat; }
.player-controls ul li a.player-unmute:hover { background-position: right -160px; }
.iphone .player-controls ul li a.player-mute,
.iphone .player-controls ul li a.player-unmute { display: none; }
/* Player Time */
.player-controls .player-time {
position: absolute;
right: 160px;
padding: 12px 0;
font-size: 11px;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.iphone .player-controls .player-time { right: 20px; }
/* Player Volume */
.player-controls .player-volume { position: absolute; top: 0; right: 0; width: 80px; height: 40px; margin-right: 12px; }
.player-controls .player-volume-container { position: absolute; top: 12px; right: 0; width: 76px; height: 14px; padding: 2px; overflow: hidden; cursor: pointer; }
.player-controls .player-volume-container .player-volume-value { width: 0px; height: 10px; }
.iphone .player-controls .player-volume { display: none; }
/* Player Playlist */
.player-playlist ul { float: left; width: 100%; }
.player-playlist ul li { float: left; width: 100%; list-style-type: none; margin-top: 2px; }
.player-playlist ul li a { display: block; width: 100%; padding: 0.75em 1.5em; text-decoration: none; }
.player-playlist ul li.jp-playlist-current a { background: url("images/player/player-sprite.png") right bottom no-repeat; }
.jp-no-solution { display: none; }
/*
----------------------------------------------------------------------------------------------------
Lightbox / touchTouch
----------------------------------------------------------------------------------------------------
*/
.lightbox-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 100000;
overflow: hidden;
display: none;
background: url("images/bg-overlay-00050a-95.png") repeat;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.lightbox-overlay.visible { opacity: 1; }
.lightbox-slider {
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
-webkit-transition: left 0.3s linear;
-moz-transition: left 0.3s linear;
-o-transition: left 0.3s linear;
-ms-transition: left 0.3s linear;
transition: left 0.3s linear;
}
.lightbox-slider .placeholder {
display: inline-block;
width: 100%;
height: 100%;
line-height: 1px;
text-align: center;
background: url("images/loading.gif") center center no-repeat;
}
.lightbox-slider .placeholder:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lightbox-slider .placeholder img {
display: inline-block;
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
vertical-align: middle;
}
.lightbox-slider.rightSpring {
-moz-animation: rightSpring 0.3s;
-webkit-animation: rightSpring 0.3s;
}
.lightbox-slider.leftSpring {
-moz-animation: leftSpring 0.3s;
-webkit-animation: leftSpring 0.3s;
}
/* Firefox Keyframe Animations */
@-moz-keyframes rightSpring {
0% { margin-left: 0px; }
50% { margin-left: -30px; }
100% { margin-left: 0px; }
}
@-moz-keyframes leftSpring {
0% { margin-left: 0px; }
50% { margin-left: 30px; }
100% { margin-left: 0px; }
}
/* Safari and Chrome Keyframe Animations */
@-webkit-keyframes rightSpring {
0% { margin-left: 0px; }
50% { margin-left: -30px; }
100% { margin-left: 0px; }
}
@-webkit-keyframes leftSpring {
0% { margin-left: 0px; }
50% { margin-left: 30px; }
100% { margin-left: 0px; }
}
/* Lightbox > Arrows */
.lightbox-arrow-left,
.lightbox-arrow-right {
position: absolute;
top: 50%;
width: 60px;
height: 60px;
margin-top: -30px;
border: none;
text-decoration: none;
cursor: pointer;
background-image: url("images/icons/controls.png");
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.lightbox-arrow-left {
left: 0;
background-position: left top;
background-repeat: no-repeat;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lightbox-arrow-right {
right: 0;
background-position: left -60px;
background-repeat: no-repeat;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
/* Lightbox > Close Button */
.lightbox-close {
position: absolute;
right: 0;
top: 20px;
margin: 0;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 999;
background-image: url('images/icons/controls.png');
background-position: left -180px;
background-repeat: no-repeat;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
/* Lightbox > Title */
.lightbox-title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1.5em 3em 0;
z-index: 99999;
color: #ffffff;
text-align: center;
}
.lightbox-title-container {
display: inline-block;
padding: 1.5em 3em;
margin: 0 auto;
z-index: 9999;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
/*
----------------------------------------------------------------------------------------------------
reCaptcha
----------------------------------------------------------------------------------------------------
*/
/* reCaptcha Iframes Fix */
iframe[src="about:blank"]{ display: none; }
/* reCaptcha Styles */
.input-captcha {
margin: 1em 0 0;
}
.input-captcha #recaptcha_image {
display: block;
width: 100% !important;
background-color: #ffffff;
}
.input-captcha #recaptcha_image,
.input-captcha #recaptcha_image a {
color: #14191e;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.input-captcha #recaptcha_image a {
cursor: pointer;
}
.input-captcha #recaptcha_image a:hover {
color: #ffffff;
}
.input-captcha #recaptcha_image img {
width: auto;
max-width: 100%;
height: auto !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
@media
only screen and (max-width: 400px) {
.input-captcha #recaptcha_image img {
width: 100%;
}
}
.input-captcha #recaptcha_image img:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.input-captcha label.error {
top: 64px;
right: 0;
}
.input-captcha .rc-icon a {
float: left;
width: 24px;
height: 24px;
padding: 20px !important;
margin: 2px 2px 1em 0;
text-indent: -99999px;
background-position: center center;
background-repeat: no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.input-captcha .rc-icon.reload a {
background-image: url("images/icons/recaptcha/reload.png");
}
.input-captcha .rc-icon.switch-audio a {
background-image: url("images/icons/recaptcha/switch-audio.png");
}
.input-captcha .rc-icon.switch-text a {
background-image: url("images/icons/recaptcha/switch-text.png");
}
.input-captcha .rc-icon.help a {
background-image: url("images/icons/recaptcha/help.png");
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
.input-captcha .rc-icon a {
-webkit-background-size: 24px 24px;
-moz-background-size: 24px 24px;
-o-background-size: 24px 24px;
background-size: 24px 24px;
}
.input-captcha .rc-icon.reload a { background-image: url("images/icons/recaptcha/reload@2x.png"); }
.input-captcha .rc-icon.switch-audio a { background-image: url("images/icons/recaptcha/switch-audio@2x.png"); }
.input-captcha .rc-icon.switch-text a { background-image: url("images/icons/recaptcha/switch-text@2x.png"); }
.input-captcha .rc-icon.help a { background-image: url("images/icons/recaptcha/help@2x.png"); }
}
/* WP reCaptcha Plugin */
#recaptcha_widget_div * {
-webkit-box-sizing: padding-box;
-moz-box-sizing: padding-box;
box-sizing: padding-box;
}
#recaptcha_widget_div input[type="text"],
#recaptcha_widget_div input[type="password"],
#recaptcha_widget_div input[type="email"],
#recaptcha_widget_div input[type="date"],
#recaptcha_widget_div input[type="datetime"],
#recaptcha_widget_div input[type="number"],
#recaptcha_widget_div input[type="search"],
#recaptcha_widget_div input[type="tel"],
#recaptcha_widget_div input[type="time"],
#recaptcha_widget_div input[type="url"],
#recaptcha_widget_div input[type="button"],
#recaptcha_widget_div input[type="submit"],
#recaptcha_widget_div .input-text,
#recaptcha_widget_div textarea,
#recaptcha_widget_div select {
display: inline;
padding: 0;
margin: 0;
clear: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/*
----------------------------------------------------------------------------------------------------
Back to Top Button
----------------------------------------------------------------------------------------------------
*/
.back-to-top {
display: none;
width: 60px;
height: 60px;
position: fixed !important;
bottom: 20px;
right: 0;
cursor: pointer;
z-index: 999999999;
background-image: url("images/icons/controls.png");
background-position: center -120px;
-webkit-transition: background-color 0.3s linear, border-color 0.3s linear;
-moz-transition: background-color 0.3s linear, border-color 0.3s linear;
-o-transition: background-color 0.3s linear, border-color 0.3s linear;
-ms-transition: background-color 0.3s linear, border-color 0.3s linear;
transition: background-color 0.3s linear, border-color 0.3s linear;
}
/*
----------------------------------------------------------------------------------------------------
Overlays
----------------------------------------------------------------------------------------------------
*/
.overlay {
position: relative;
overflow: hidden;
}
/* Overlay Block */
.overlay span.overlay-block {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
text-align: center;
z-index: 1;
cursor: pointer;
background-image: url("images/bg-overlay-00050a-50.png");
background-position: left top;
background-repeat: repeat;
}
.ie7 .overlay:hover span.overlay-block,
.ie8 .overlay:hover span.overlay-block,
.ie9 .overlay:hover span.overlay-block { display: block; }
/* Overlay Icon */
.overlay span.overlay-icon {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("images/icons/overlay-plus.png");
background-position: center center;
background-repeat: no-repeat;
}
.overlay.overlay-video span.overlay-icon {
background-image: url("images/icons/overlay-play.png");
}
/*
----------------------------------------------------------------------------------------------------
Datepicker [jQuery UI]
----------------------------------------------------------------------------------------------------
*/
.ui-helper-hidden {display:none;}
.ui-helper-hidden-accessible {position:absolute !important; clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px);}
.ui-helper-reset {margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none;}
.ui-helper-clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.ui-helper-clearfix {display:inline-block;}
* html .ui-helper-clearfix {height:1%;}
.ui-helper-clearfix {display:block;}
.ui-helper-zfix {width:100%; height:100%; top:0; left:0; position:absolute; opacity:0; filter:Alpha(Opacity=0);}
.ui-state-disabled {cursor:default !important;}
.ui-icon {display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat;}
.ui-widget-overlay {position:absolute; top:0; left:0; width:100%; height:100%;}
.ui-widget-content {background:#ffffff;}
.ui-widget-header {color:#ffffff; font-weight:bold;}
.ui-widget-header a {color:#ffffff;background-color:transparent;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#f2f2f6;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {text-decoration:none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {color:#ffffff;}
.ui-state-hover a, .ui-state-hover a:hover {color:#c77405; text-decoration:none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:#ffffff;font-weight:bold;border:2px solid;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#eb8f00; text-decoration:none;}
.ui-widget :active {outline:none;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {color:#ffffff;}
.ui-state-highlight.ui-state-active {color:#ffffff !important;}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {color:#8c8c90;}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border:1px solid #cd0a0a; background:#b81900; color:#ffffff;}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {color:#ffffff;}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {color:#ffffff;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {font-weight:bold;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {opacity:0.7; filter:Alpha(Opacity=70); font-weight:normal;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity:0.35; filter:Alpha(Opacity=35); background-image:none;}
.ui-icon {
display: block;
width: 16px;
height: 16px;
text-indent: -99999px;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.ui-icon.ui-icon-circle-triangle-e { background-image: url("images/datepicker/arrow-right.png"); }
.ui-icon.ui-icon-circle-triangle-w { background-image: url("images/datepicker/arrow-left.png"); }
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon { opacity: 0.5; }
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
.ui-datepicker .ui-icon.ui-icon-circle-triangle-e {
background-image: url("images/datepicker/arrow-right@2x.png");
-webkit-background-size: 16px 16px;
-moz-background-size: 16px 16px;
-o-background-size: 16px 16px;
background-size: 16px 16px;
}
.ui-datepicker .ui-icon.ui-icon-circle-triangle-w {
background-image: url("images/datepicker/arrow-left@2x.png");
-webkit-background-size: 16px 16px;
-moz-background-size: 16px 16px;
-o-background-size: 16px 16px;
background-size: 16px 16px;
}
}
.ui-datepicker {display:none;width:320px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); z-index: 999 !important;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.ui-datepicker thead th {font-weight: normal !important;}
.ui-datepicker .ui-datepicker-header {position:relative; padding:10px 15px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute; top:16px; width:1.8em; height:1.8em;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top:16px;}
.ui-datepicker .ui-datepicker-prev {left:10px;}
.ui-datepicker .ui-datepicker-next {right:10px;}
.ui-datepicker .ui-datepicker-prev-hover {left:10px;}
.ui-datepicker .ui-datepicker-next-hover {right:10px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:block; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px;}
.ui-datepicker .ui-datepicker-title {margin:0 2.3em; line-height:1.8em; text-align:center; font-family:"Open Sans Condensed", Arial, Helvetica, serif; font-size:18px; font-weight:normal;}
.ui-datepicker .ui-datepicker-title select {font-size:1.2em; margin:1px 0;}
.ui-datepicker select.ui-datepicker-month-year {width:100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width:49%;}
.ui-datepicker table {width:100%; font-size:1em; margin:0 0 1em; }
.ui-datepicker th {padding:0.7em 0.3em; text-align:center; border:0;}
.ui-datepicker td a {border:2px solid #ffffff;}
.ui-datepicker .ui-state-disabled .ui-state-default {border:2px solid #ffffff;background-color: transparent;}
.ui-datepicker .ui-state-disabled .ui-state-default:hover {background-color: transparent;}
.ui-datepicker td span, .ui-datepicker td a {display:block; padding:0.5em; text-align:center; text-decoration:none;}
.ui-datepicker .ui-datepicker-buttonpane {background-image:none; margin:0.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0;}
.ui-datepicker .ui-datepicker-buttonpane button {float:right; margin:0.5em 0.2em 0.4em; cursor:pointer; padding:0.2em 0.6em 0.3em 0.6em; width:auto; overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left;}
.ui-datepicker.ui-datepicker-multi {width:auto;}
.ui-datepicker-multi .ui-datepicker-group {float:left;}
.ui-datepicker-multi .ui-datepicker-group table {width:95%; margin:0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group {width:50%;}
.ui-datepicker-multi-3 .ui-datepicker-group {width:33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group {width:25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {border-left-width:0;}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width:0;}
.ui-datepicker-multi .ui-datepicker-buttonpane {clear:left;}
.ui-datepicker-row-break {clear:both; width:100%; font-size:0em;}
.ui-datepicker-rtl {direction:rtl;}
.ui-datepicker-rtl .ui-datepicker-prev {right:2px; left:auto;}
.ui-datepicker-rtl .ui-datepicker-next {left:2px; right:auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover {right:1px; left:auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover {left:1px; right:auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane {clear:right;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {float:left;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {float:right;}
.ui-datepicker-rtl .ui-datepicker-group {float:right;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {border-right-width:0; border-left-width:0;}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width:0; border-left-width:0;}
.ui-datepicker-cover {display:none; display:block; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:200px; height:200px;}
/*
====================================================================================================
Retina
====================================================================================================
*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
/* Logo */
.header .logo-default {
background-image: url("images/logo@2x.png");
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.header .logo-default img { visibility: hidden; }
/* Search */
input.input-search[type="text"] {
background-image: url("images/icons/search@2x.png");
-webkit-background-size: 36px 36px;
-moz-background-size: 36px 36px;
-o-background-size: 36px 36px;
background-size: 36px 36px;
}
/* Select */
select {
background-image: url("images/icons/arrow-select@2x.png");
-webkit-background-size: 25px 10px;
-moz-background-size: 25px 10px;
-o-background-size: 25px 10px;
background-size: 25px 10px;
}
/* Navigation - Mobile */
.navigation-mobile-button a {
background-image: url("images/icons/navigation@2x.png");
-webkit-background-size: 80px 130px;
-moz-background-size: 80px 130px;
-o-background-size: 80px 130px;
background-size: 80px 130px;
}
/* Search - Modal */
.modal-search-close {
background-image: url("images/icons/controls@2x.png");
-webkit-background-size: 60px 300px;
-moz-background-size: 60px 300px;
-o-background-size: 60px 300px;
background-size: 60px 300px;
}
.modal-search-button {
background-image: url("images/icons/search-light@2x.png");
-webkit-background-size: 36px 36px !important;
-moz-background-size: 36px 36px !important;
-o-background-size: 36px 36px !important;
background-size: 36px 36px !important;
}
/* Socials */
.socials li a:before {
-webkit-background-size: 20px 16px;
-moz-background-size: 20px 16px;
-o-background-size: 20px 16px;
background-size: 20px 16px;
}
.socials li.social-twitter a:before { background-image: url("images/icons/social/twitter@2x.png"); }
.socials li.social-facebook a:before { background-image: url("images/icons/social/facebook@2x.png"); }
.socials li.social-googleplus a:before { background-image: url("images/icons/social/googleplus@2x.png"); }
.socials li.social-pinterest a:before { background-image: url("images/icons/social/pinterest@2x.png"); }
.socials li.social-tripadvisor a:before { background-image: url("images/icons/social/tripadvisor@2x.png"); }
.socials li.social-foursquare a:before { background-image: url("images/icons/social/foursquare@2x.png"); }
.socials li.social-yelp a:before { background-image: url("images/icons/social/yelp@2x.png"); }
.socials li.social-xing a:before { background-image: url("images/icons/social/xing@2x.png"); }
.socials li.social-qype a:before { background-image: url("images/icons/social/qype@2x.png"); }
.socials li.social-zagat a:before { background-image: url("images/icons/social/zagat@2x.png"); }
.socials li.social-youtube a:before { background-image: url("images/icons/social/youtube@2x.png"); }
.socials li.social-vimeo a:before { background-image: url("images/icons/social/vimeo@2x.png"); }
.socials li.social-flickr a:before { background-image: url("images/icons/social/flickr@2x.png"); }
.socials li.social-tumblr a:before { background-image: url("images/icons/social/tumblr@2x.png"); }
.socials li.social-instagram a:before { background-image: url("images/icons/social/instagram@2x.png"); }
.socials li.social-amazon a:before { background-image: url("images/icons/social/amazon@2x.png"); }
.socials li a.modal-search-button {
background-image: url("images/icons/search-light@2x.png");
-webkit-background-size: 36px 36px !important;
-moz-background-size: 36px 36px !important;
-o-background-size: 36px 36px !important;
background-size: 36px 36px !important;
}
/* Slideshow */
.gp-theme .rsPlayBtn .rsPlayBtnIcon,
.gp-theme .rsCloseVideoIcn {
background-image: url("images/icons/controls@2x.png");
-webkit-background-size: 60px 300px;
-moz-background-size: 60px 300px;
-o-background-size: 60px 300px;
background-size: 60px 300px;
}
.slideshow .rsArrowLeft .rsArrowIcn,
.slideshow .rsArrowRight .rsArrowIcn {
background-image: url("images/icons/arrows@2x.png");
-webkit-background-size: 60px 200px;
-moz-background-size: 60px 200px;
-o-background-size: 60px 200px;
background-size: 60px 200px;
}
.gp-theme .rsPreloader {
background-image: url("images/icons/loading@2x.gif");
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
-o-background-size: 20px 20px;
background-size: 20px 20px;
}
/* Posts > Common */
.post-share li a {
-webkit-background-size: 20px 16px;
-moz-background-size: 20px 16px;
-o-background-size: 20px 16px;
background-size: 20px 16px;
}
.post-share li.social-twitter a { background-image: url("images/icons/social/twitter@2x.png"); }
.post-share li.social-facebook a { background-image: url("images/icons/social/facebook@2x.png"); }
.post-share li.social-googleplus a { background-image: url("images/icons/social/googleplus@2x.png"); }
.post-share li.social-pinterest a { background-image: url("images/icons/social/pinterest@2x.png"); }
/* Singles > Single Event */
.single-event .post-facebook a,
.single-event .post-vk a {
-webkit-background-size: 20px 16px;
-moz-background-size: 20px 16px;
-o-background-size: 20px 16px;
background-size: 20px 16px;
}
.single-event .post-facebook a {
background-image: url("images/icons/social/facebook@2x.png");
}
/*
----------------------------------------------------------------------------------------------------
Components
----------------------------------------------------------------------------------------------------
*/
/* Slideshow */
.gp-theme .rsArrowIcn,
.gp-theme .rsPlayBtn .rsPlayBtnIcon,
.gp-theme .rsCloseVideoIcn {
background-image: url("images/icons/controls@2x.png");
-webkit-background-size: 60px 300px;
-moz-background-size: 60px 300px;
-o-background-size: 60px 300px;
background-size: 60px 300px;
}
.gp-theme .rsPreloader {
background-image: url("images/icons/loading@2x.gif");
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
-o-background-size: 20px 20px;
background-size: 20px 20px;
}
/* Player */
.player-controls ul li a.player-play,
.player-controls ul li a.player-pause,
.player-controls ul li a.player-stop,
.player-controls ul li a.player-mute,
.player-controls ul li a.player-unmute,
.player-playlist ul li.jp-playlist-current a {
background-image: url("images/player/player-sprite@2x.png");
-webkit-background-size: 40px 240px;
-moz-background-size: 40px 240px;
-o-background-size: 40px 240px;
background-size: 40px 240px;
}
/* Lightbox */
.lightbox-slider .placeholder {
background-image: url("images/icons/loading@2x.gif");
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
-o-background-size: 20px 20px;
background-size: 20px 20px;
}
.lightbox-arrow-left,
.lightbox-arrow-right,
.lightbox-close {
background-image: url("images/icons/controls@2x.png");
-webkit-background-size: 60px 300px;
-moz-background-size: 60px 300px;
-o-background-size: 60px 300px;
background-size: 60px 300px;
}
/* Overlay */
.overlay span.overlay-icon {
background-image: url("images/icons/overlay-plus@2x.png");
-webkit-background-size: 48px 48px;
-moz-background-size: 48px 48px;
-o-background-size: 48px 48px;
background-size: 48px 48px;
}
.overlay.overlay-video span.overlay-icon { background-image: url("images/icons/overlay-play@2x.png"); }
/* Back to Top Button */
.back-to-top {
background-image: url("images/icons/controls@2x.png");
-webkit-background-size: 60px 300px;
-moz-background-size: 60px 300px;
-o-background-size: 60px 300px;
background-size: 60px 300px;
}
}
/*
====================================================================================================
Responsive
====================================================================================================
--------------------------------------------------
Global
--------------------------------------------------
*/
@media
only screen and (min-width: 1680px) {
/* Grid Tiles - 7 Cols */
.grid-tiles .tile { width: 14.28% !important; }
.grid-tiles .tile.width-double { width: 28.57% !important; }
/* Grid Tiles Narrow - 4 Cols */
.grid-tiles-narrow .tile { width: 25% !important; }
/* Grid Tiles Sidebar - 6 Cols */
.grid-tiles-sidebar .tile { width: 16.66% !important; }
.grid-tiles-sidebar .tile.width-double { width: 33.33% !important; }
/* Grid Tiles Narrow Sidebar - 3 Cols */
.grid-tiles-narrow-sidebar .tile { width: 33.33% !important; }
}
@media
only screen and (min-width: 1441px) and (max-width: 1680px) {
/* Grid Tiles - 6 Cols */
.grid-tiles .tile { width: 16.66% !important; }
.grid-tiles .tile.width-double { width: 33.33% !important; }
/* Grid Tiles Narrow - 4 Cols */
.grid-tiles-narrow .tile { width: 25% !important; }
/* Grid Tiles Sidebar - 5 Cols */
.grid-tiles-sidebar .tile { width: 20% !important; }
.grid-tiles-sidebar .tile.width-double { width: 40% !important; }
/* Grid Tiles Narrow Sidebar - 3 Cols */
.grid-tiles-narrow-sidebar .tile { width: 33.33% !important; }
}
@media
only screen and (min-width: 1281px) and (max-width: 1440px) {
/* Grid Tiles - 5 Cols */
.grid-tiles .tile { width: 20% !important; }
.grid-tiles .tile.width-double { width: 40% !important; }
/* Grid Tiles Narrow - 4 Cols */
.grid-tiles-narrow .tile { width: 25% !important; }
/* Grid Tiles Sidebar - 4 Cols */
.grid-tiles-sidebar .tile { width: 25% !important; }
.grid-tiles-sidebar .tile.width-double { width: 50% !important; }
/* Grid Tiles Narrow Sidebar - 3 Cols */
.grid-tiles-narrow-sidebar .tile { width: 33.33% !important; }
}
@media
only screen and (min-width: 1025px) and (max-width: 1280px) {
/* Grid Tiles 4 Cols */
.grid-tiles .tile { width: 25% !important; }
.grid-tiles .tile.width-double { width: 50% !important; }
/* Grid Tiles Narrow - 4 Cols */
.grid-tiles-narrow .tile { width: 25% !important; }
/* Grid Tiles Sidebar - 3 Cols */
.grid-tiles-sidebar .tile { width: 33.33% !important; }
.grid-tiles-sidebar .tile.width-double { width: 66.66% !important; }
/* Grid Tiles Narrow Sidebar - 3 Cols */
.grid-tiles-narrow-sidebar .tile { width: 33.33% !important; }
}
@media
only screen and (min-width: 769px) and (max-width: 1024px) {
/* Grid Tiles 3 Cols */
.grid-tiles .tile { width: 33.33% !important; }
.grid-tiles .tile.width-double { width: 66.66% !important; }
/* Grid Tiles Narrow - 3 Cols */
.grid-tiles-narrow .tile { width: 33.33% !important; }
/* Grid Tiles Sidebar - 2 Cols */
.grid-tiles-sidebar .tile { width: 50% !important; }
.grid-tiles-sidebar .tile.width-double { width: 100% !important; }
/* Grid Tiles Narrow Sidebar - 2 Cols */
.grid-tiles-narrow-sidebar .tile { width: 50% !important; }
}
@media
only screen and (min-width: 481px) and (max-width: 768px) {
/* Grid Tiles 2 Cols */
.grid-tiles .tile { width: 50% !important; }
.grid-tiles .tile.width-double { width: 100% !important; }
/* Grid Tiles Narrow - 2 Cols */
.grid-tiles-narrow .tile { width: 50% !important; }
/* Grid Tiles Sidebar - 2 Cols */
.grid-tiles-sidebar .tile { width: 50% !important; }
.grid-tiles-sidebar .tile.width-double { width: 100% !important; }
/* Grid Tiles Narrow Sidebar - 1 Col */
.grid-tiles-narrow-sidebar .tile { width: 100% !important; }
}
@media
only screen and (max-width: 480px) {
/* Grid Tiles 1 Col */
.grid-tiles .tile { width: 100% !important; }
.grid-tiles .tile.width-double { width: 100% !important; }
/* Grid Tiles Narrow - 1 Col */
.grid-tiles-narrow .tile { width: 100% !important; }
/* Grid Tiles Sidebar - 1 Col */
.grid-tiles-sidebar .tile { width: 100% !important; }
.grid-tiles-sidebar .tile.width-double { width: 100% !important; }
/* Grid Tiles Narrow Sidebar - 1 Col */
.grid-tiles-narrow-sidebar .tile { width: 100% !important; }
}
/* < 1180px */
@media
only screen and (max-width: 1180px) {
/* Grid */
.grid-tiles,
.grid-tiles-narrow,
.grid-tiles-sidebar,
.grid-tiles-narrow-sidebar { margin: 0 -0.75em; }
/* Containers */
.header-container,
.navigation-container,
.canvas-container,
.footer-container,
.footer .footer-block-container,
.footer .footer-copyright-container { width: 100%; }
.canvas-container { padding: 3em 1.5em; }
.canvas-full { width: 100%; padding-left: 30px; padding-right: 30px; }
/* Navigation */
.navigation-primary { display: none !important; }
/* Navigation - Mobile */
.mobile-active .navigation-mobile { display: block; }
.navigation-mobile-button { display: block; }
/* Slideshow */
.slideshow { height: 500px !important; }
}
/* < 769px > 1179px */
@media
only screen and (min-width: 769px) and (max-width: 1179px) {
/* Search - Modal */
.modal-search-input { width: 50%; }
.modal-search-input input[type="text"] { padding: 1.5em 1.5em 1.5em 4em; background-position: 1em center; font-size: 1.3em; }
}
/* < 1024px */
@media
only screen and (max-width: 1024px) {
/* Slideshow */
.slide-caption h2 { font-size: 3em; }
.slide-caption p { font-size: 1.8em; }
/* Events Upcoming List */
.list-event-upcoming .post { display: block; height: auto; padding: 1em 0; text-align: center; }
.list-event-upcoming .post-image { float: left; position: relative; top: 0; left: 0; width: 100% !important; height: auto !important; margin: 0 0 0.5em; }
.list-event-upcoming .post-header { width: 100% !important; padding: 0.5em 0; }
.list-event-upcoming .post-header .inner { width: 100% !important; }
.list-event-upcoming .post-info { width: 100% !important; padding: 0.5em 0; }
.list-event-upcoming .post-status { width: 100% !important; padding: 0.5em 0; }
.list-event-upcoming .post-action { width: 100% !important; padding: 0.5em 0; }
.list-event-upcoming .inner { padding: 0 !important; }
}
/* < 768px */
@media
only screen and (max-width: 768px) {
/* Containers */
.header-container,
.canvas-container,
.footer-container,
.footer .footer-block-container,
.footer .footer-copyright-container { padding-left: 15px; padding-right: 15px; }
.navigation-container { padding-left: 0; padding-right: 0; }
.canvas-full { width: 100%; padding-left: 15px; padding-right: 15px; }
/* Header */
.header .toolbar { display: none; }
/* Navigation Terms */
.navigation-terms .term .term-header { font-size: 1.5em; }
/* Modal Search */
.modal-search-input { width: 75%; }
.modal-search-input input[type="text"] { padding: 1.5em 1.5em 1.5em 4em; background-position: 1em center; font-size: 1.3em; }
/* Content */
.content-sidebar,
.canvas-full .content-sidebar { width: 100%; }
.sidebar,
.canvas-full .sidebar { width: 100%; padding: 0; text-align: center; }
.sidebar-left { margin-bottom: 3em; }
.sidebar-right { margin-top: 3em; }
/* Slideshow */
.slide-caption { width: 100%; left: 0 !important; padding: 0 15px; margin: 0; }
.slide-caption h2 { font-size: 2.5em; }
.slide-caption p { font-size: 1.5em; }
.slideshow .rsArrowLeft { display: none !important; }
.slideshow .rsArrowRight { display: none !important; }
/* Callout Grid Home */
.grid-callout-home { margin-bottom: 5em; }
.grid-callout-home .post { width: 49% !important; }
.grid-callout-home .post:nth-child(2n+0) { margin-right: 0 !important; }
.grid-callout-home .post:nth-child(3),
.grid-callout-home .post:nth-child(4) { margin-top: 2em !important; }
/* Post Grid Home */
.grid-post-home .post { width: 49% !important; }
.grid-post-home .post:nth-child(2n+0) { margin-right: 0 !important; }
.grid-post-home .post:nth-child(3),
.grid-post-home .post:nth-child(4) { margin-top: 2em !important; }
/* Blog List */
.list-post .post-header { font-size: 2em; }
/* Events Past List */
.list-event-past .post { display: block; height: auto; padding: 1em 0; text-align: center; }
.list-event-past .post-date { width: 100%; }
.list-event-past .post-image { float: left; position: relative; top: 0; left: 0; width: 100% !important; height: auto !important; margin: 0 0 0.5em; }
.list-event-past .has-info .post-header,
.list-event-past .has-info .post-info { width: 100%; padding-left: 0; padding-right: 0; text-align: center; }
.list-event-past .post .inner { padding-left: 0 !important; padding-right: 0 !important; }
/* Inner */
.list-event-past .post-header .inner,
.list-event-past .post-info .inner { display: table-cell; vertical-align: middle; padding: 0 2em; }
.list-event-past .post-info .inner { padding: 0 0 0 2em; }
.list-event-past .post-header .inner { padding-left: 0; }
.list-event-past .has-post-thumbnail .post-header .inner { padding-left: 150px; }
/* Footer */
.footer .toolbar,
.footer .toolbar-container { width: 100% !important; text-align: center !important; }
.footer .toolbar-container ul { width: 100%; }
.footer .toolbar-container li { float: none; display: inline-block; margin-left: -3px; }
.footer .toolbar-left { margin-bottom: 2em; }
}
/* < 480px */
@media
only screen and (max-width: 480px) {
/* Grid */
.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .two-third, .two-fourth, .two-fifth, .two-sixth, .three-fourth, .three-fifth, .three-sixth, .four-fifth, .three-sixth, .five-sixth {
margin-left: 0 !important;
width: 100% !important;
}
.merge .one-half, .merge .one-third, .merge .one-fourth, .merge .one-fifth, .merge .one-sixth, .merge .two-third, .merge .two-fourth, .merge .two-fifth, .merge .two-sixth, .merge .three-fourth, .merge .three-fifth, .merge .three-sixth, .merge .four-fifth, .merge .four-sixth, .merge .five-sixth {
margin-left: 0 !important;
width: 100% !important;
}
/* Containers */
.header-container { padding: 0; }
/* Logo */
.header .logo-image img,
.header .logo-default img {
max-width: 100% !important;
}
/* Navigation */
.navigation-categories { text-align: center; }
/* Homepage Callouts */
.grid-callout-home .post { width: 100% !important; }
/* Homepage Posts */
.grid-post-home .post { width: 100% !important; margin-top: 2em; }
/* Menu List */
.list-menu .term-header { text-align: center; }
.list-menu .post-image { margin-bottom: 1em; }
.list-menu .post-block { width: 100% !important; text-align: center; margin: 0 !important; }
.list-menu .post-price { width: 100%; margin-top: 1em; text-align: center; }
.list-menu .post-price .price { float: none; display: inline-block; width: 100%; }
.list-menu .post-likes { margin: 1em auto 0 !important; text-align: center; }
.list-menu .has-post-thumbnail .post-header { padding: 0; }
.list-menu .has-post-thumbnail .post-description { padding: 0; }
/* Single Event */
.single-event .single-post-block { padding: 0 !important; }
/* Footer */
.footer .toolbar,
.footer .toolbar-container { width: 100% !important; text-align: center !important; }
.footer .toolbar-container ul { width: 100%; }
.footer .toolbar-container li { float: none; display: inline-block; margin-left: -3px; }
.footer .toolbar-left { margin-bottom: 2em; }
/* Datepicker */
.ui-datepicker { width: 280px; }
}
/*
----------------------------------------------------------------------------------------------------
Print
----------------------------------------------------------------------------------------------------
*/
@media
print {
* {
color: #000000 !important;
background: #ffffff !important;
box-shadow: none !important;
text-shadow: none !important;
-ms-filter: none !important;
filter: none !important;
}
.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .two-third, .two-fourth, .two-fifth, .two-sixth, .three-fourth, .three-fifth, .three-sixth, .four-fifth, .three-sixth, .five-sixth { margin-left: 0; width: 100%; }
.merge .one-half, .merge .one-third, .merge .one-fourth, .merge .one-fifth, .merge .one-sixth, .merge .two-third, .merge .two-fourth, .merge .two-fifth, .merge .two-sixth, .merge .three-fourth, .merge .three-fifth, .merge .three-sixth, .merge .four-fifth, .merge .four-sixth, .merge .five-sixth { margin-left: 0; width: 100%; }
}