/*--------------------------------------------------------------
Theme Name: Total
Version: 2.0.1
Description: Premium WordPress theme by WPExplorer
Author: WPExplorer
Theme URI: http://www.wpexplorer.com
Author URI: http://www.wpexplorer.com
Tags: fluid-layout, custom-menu, featured-images, translation-ready
License: Custom
License URI: http://themeforest.net/licenses
/*--------------------------------------------------------------
- Browser Reset
--------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: #fff;
line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
blockquote,
q {
quotes: none;
}
a:focus {
outline: none;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
img {
max-width: 100%;
height: auto;
}
select {
max-width: 100%;
}
/*--------------------------------------------------------------
- Grid
--------------------------------------------------------------*/
/* Grid > Clear Floats */
.col:after,
.clr:after,
.group:after,
dl:after,
.vc-empty-shortcode-element:after,
ul.page-numbers:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
zoom: 1;
}
.compose-mode .vc_element.vc_empty .vc_empty-element:after {
visibility: visible !important;
}
.clear {
clear: both;
}
/* Grid > Main Classes */
.wpex-row {
margin: 0 -10px;
}
.wpex-row .col {
float: left;
margin: 0 0 20px;
padding: 0 10px;
}
.wpex-row .span_1_of_1.col {
float: none;
}
.wpex-row .span_1_of_2 {
width: 50%;
}
.wpex-row .span_1_of_3 {
width: 33.33333333%;
}
.wpex-row .span_1_of_4 {
width: 25%;
}
.wpex-row .span_1_of_5 {
width: 20%;
}
.wpex-row .span_1_of_6 {
width: 16.66666667%;
}
/* Grid > Gaps */
.wpex-row.gap-none {
margin-left: 0;
margin-right: 0;
}
.wpex-row.gap-none .col,
.wpex-row.gap-none .nr-col {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.wpex-row.gap-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.wpex-row.gap-5 .col,
.wpex-row.gap-5 .nr-col {
padding-left: 2.5px;
padding-right: 2.5px;
margin-bottom: 5px;
}
.wpex-row.gap-10 {
margin-left: -5px;
margin-right: -5px;
}
.wpex-row.gap-10 .col,
.wpex-row.gap-10 .nr-col {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}
.wpex-row.gap-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.wpex-row.gap-15 .col,
.wpex-row.gap-15 .nr-col {
padding-left: 7.5px;
padding-right: 7.5px;
margin-bottom: 15px;
}
.wpex-row.gap-20 {
margin-left: -10px;
margin-right: -10px;
}
.wpex-row.gap-20 .col,
.wpex-row.gap-20 .nr-col {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.wpex-row.gap-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.wpex-row.gap-25 .col,
.wpex-row.gap-25 .nr-col {
padding-left: 12.5px;
padding-right: 12.5px;
margin-bottom: 25px;
}
.wpex-row.gap-30 {
margin-left: -15px;
margin-right: -15px;
}
.wpex-row.gap-30 .col,
.wpex-row.gap-30 .nr-col {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.wpex-row.gap-35 {
margin-left: -17.5px;
margin-right: -17.5px;
}
.wpex-row.gap-35 .col,
.wpex-row.gap-35 .nr-col {
padding-left: 17.5px;
padding-right: 17.5px;
margin-bottom: 35px;
}
.wpex-row.gap-40 {
margin-left: -20px;
margin-right: -20px;
}
.wpex-row.gap-40 .col,
.wpex-row.gap-40 .nr-col {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
.wpex-row.gap-50 {
margin-left: -25px;
margin-right: -25px;
}
.wpex-row.gap-50 .col,
.wpex-row.gap-50 .nr-col {
padding-left: 25px;
padding-right: 25px;
margin-bottom: 50px;
}
.wpex-row.gap-60 {
margin-left: -30px;
margin-right: -30px;
}
.wpex-row.gap-60 .col,
.wpex-row.gap-60 .nr-col {
padding-left: 30px;
padding-right: 30px;
margin-bottom: 60px;
}
/* Grid > Non Responsive */
.nr-col {
float: left;
margin: 0 0 20px;
padding: 0 10px;
}
.span_1_of_2.nr-col {
width: 50%;
}
.span_1_of_3.nr-col {
width: 33.33333333%;
}
.span_1_of_4.nr-col {
width: 25%;
}
.span_1_of_5.nr-col {
width: 20%;
}
.span_1_of_6.nr-col {
width: 16.66666667%;
}
/* Grid > No Margins 1 */
.one-half,
.one-third,
.one-fourth,
.one-fifth {
display: block;
float: left;
}
.one-half {
width: 50%;
}
.one-third {
width: 33.33333333%;
}
.one-fourth {
width: 25%;
}
.one-fifth {
width: 20%;
}
.one-sixth {
width: 16.6666%;
}
/* Grid > No Margins 2 */
.wpex-row.vcex-no-margin-grid {
margin-left: 0;
margin-right: 0px;
}
.wpex-row.vcex-no-margin-grid .col {
margin: 0 !important;
padding: 0 !important;
}
.wpex-row.vcex-no-margin-grid .span_1_of_3 {
width: 33.3%;
}
.wpex-row.vcex-no-margin-grid .span_1_of_6 {
width: 16.66%;
}
/* Grid > Clear Floats */
.clr-margin,
.count-1,
.col-1,
.col.first {
clear: both;
margin-left: 0;
}
.isotope-entry {
clear: none;
}
/*--------------------------------------------------------------
- Main Layout & Widths
--------------------------------------------------------------*/
.container,
.vc_row-fluid.container {
width: 980px;
}
.container {
margin: 0 auto;
}
.full-width-main-layout .center-row-inner {
margin: 0 -15px;
}
.content-area {
width: 680px;
float: left;
position: relative;
}
.content-full-width .content-area,
.content-area.full-width {
width: 100%;
max-width: none !important;
}
#sidebar {
width: 250px;
float: right;
}
#outer-wrap {
overflow: hidden;
}
/* Layout & Widths > Full-Width & Full-Screen */
body.content-full-screen #content-wrap,
.content-full-screen {
width: 100% !important;
max-width: none !important;
}
body.content-full-width #content-wrap .content-area,
.content-full-width .content-area {
width: 100% !important;
max-width: 100% !important;
}
body.content-full-screen #content-wrap .content-area,
.content-full-screen .content-area {
float: none;
padding: 0;
width: 100% !important;
max-width: none !important;
}
/* Layout & Widths > Left Sidebar */
body.content-left-sidebar #content-wrap .content-area,
.content-left-sidebar .content-area {
float: right;
}
body.content-left-sidebar #content-wrap #sidebar,
.content-left-sidebar #sidebar {
float: left;
}
/* Layout & Widths > Fix Bugs With Containers */
.content-right-sidebar .vc_row-fluid.container,
.content-left-sidebar .vc_row-fluid.container,
.content-right-sidebar .vcex-testimonials-fullslider-entry,
.content-left-sidebar .vcex-testimonials-fullslider-entry {
width: 100% !important;
}
/* Layout & Widths > Adds Bottom Margin To Non-VC Pages */
#primary {
padding-bottom: 40px;
}
body.has-composer #primary,
body.compose-mode #primary,
body.single-product #primary,
body.single-post #primary {
padding-bottom: 0;
}
/*--------------------------------------------------------------
- Boxed Layout
--------------------------------------------------------------*/
/* Boxed Layou > Main */
.boxed-main-layout #outer-wrap {
padding: 40px 30px;
}
.boxed-main-layout {
background-color: #ddd;
}
.boxed-main-layout #wrap {
width: 1030px;
margin: 0 auto;
background: #fff;
}
.boxed-main-layout.wpex-responsive #wrap {
max-width: 100%;
}
.boxed-main-layout.wrap-boxshadow #wrap {
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}
.boxed-main-layout #wrap .container {
width: auto !important;
max-width: none !important;
padding-left: 30px;
padding-right: 30px;
}
.boxed-main-layout.content-full-screen #content-wrap {
padding-left: 0 !important;
padding-right: 0 !important;
}
.boxed-main-layout .social-share-buttons.position-vertical {
left: -85px;
}
.boxed-main-layout .left-sidebar .social-share-buttons.position-vertical {
left: auto;
right: -85px;
}
/* Boxed Layou > Move absolute items */
.boxed-main-layout .navbar-style-one,
.boxed-main-layout #footer-bottom-menu,
.boxed-main-layout .site-breadcrumbs {
right: 30px;
}
/*--------------------------------------------------------------
- Body, Main & Commons
--------------------------------------------------------------*/
/*body*/
body {
background: #fff;
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size: 13px;
line-height: 1.7;
color: #666;
}
img {
max-width: 100%;
height: auto;
}
.stretch-image img,
img.stretch-image {
display: block;
width: 100%;
}
sup,
sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
}
sub {
top: 0.4em;
}
.entry iframe,
.entry embed {
max-width: 100%;
}
/*404 error page*/
.error404-content {
text-align: center;
margin: 50px 0;
font-size: 1.077em;
}
.error404-content h1 {
font-size: 3.231em;
margin: 0 0 10px;
}
/*responsive videos*/
.responsive-video-wrap,
.responsive-audio-wrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.responsive-video-wrap iframe,
.responsive-audio-wrap iframe,
.responsive-video-wrap object,
.responsive-audio-wrap oject,
.responsive-video-wrap embed,
.responsive-audio-wrap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.entry .entry-video {
margin-bottom: 20px;
}
.wpb_video_widget .responsive-video-wrap {
padding-top: 0;
padding-bottom: 0;
}
/*lean modal windows*/
#lean_overlay {
position: fixed;
z-index: 10002;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}
/*custom selects*/
.hasCustomSelect {
z-index: 2;
width: 100%;
}
.theme-select {
position: relative;
z-index: 1;
background: #fff;
border: 1px solid #ddd;
color: #555;
height: 34px;
line-height: 34px;
padding: 0 45px 0 10px;
width: 100%;
}
.theme-select:after {
font-family: 'FontAwesome';
content: '\f0dc';
display: block;
height: 32px;
width: 32px;
background: #f7f7f7;
color: #999;
text-align: center;
position: absolute;
right: 0;
top: 0;
border-left: 1px solid #ddd;
font-size: 11px;
}
.theme-select.customSelectHover {
border-color: #c7c7c7;
background-color: #f5f5f5;
}
.theme-select.customSelectFocus,
.theme-select.customSelectOpen {
border-color: inherit;
}
.theme-select.customSelectChanged {
-webkit-animation: changed 0.5s;
-moz-animation: changed 0.5s;
-ms-animation: changed 0.5s;
animation: changed 0.5s;
}
/*create text columns*/
.columnize-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 3em;
-moz-column-gap: 3em;
column-gap: 3em;
-webkit-column-rule: 1px solid #e5e5e5;
-moz-column-rule: 1px solid #e5e5e5;
column-rule: 1px solid #e5e5e5;
margin: 0 0 1.313em;
}
/*page featured image*/
#page-featured-img {
margin-bottom: 40px;
}
#page-featured-img img {
display: block;
max-width: 100%;
margin: 0 auto;
}
/*language switchers*/
.polylang-switcher-shortcode li {
float: left;
margin-right: 5px;
}
.polylang-switcher-shortcode.flags-and-names li {
margin-right: 15px;
}
.polylang-switcher-shortcode li:last-child {
margin-right: 0;
}
/*fix theme check nags*/
.bypostauthor,
.sticky {
}
/*sidr*/
/*post edit link*/
.post-edit {
padding: 40px 0 60px;
}
body.content-full-screen .post-edit {
text-align: center;
}
.post-edit a {
display: inline-block;
padding: 0.9em 1.2em;
line-height: 1;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
background: #114c7f;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}
.post-edit a:hover {
text-decoration: none;
background: #0d3d63;
color: #fff;
}
/*--------------------------------------------------------------
- Helper Classes
--------------------------------------------------------------*/
/* Helpers > Visibility */
.hidden,
.wpex-hidden {
display: none;
}
.hide-via-opacity {
opacity: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
}
/* Helpers > Theme Heading */
.theme-heading {
height: auto;
margin: 20px auto;
top: auto !important;
font-size: 1.154em;
font-weight: bold;
font-weight: 600;
color: #000;
margin: 0 0 20px;
overflow: hidden;
position: relative;
}
.theme-heading span.text {
display: inline-block;
max-width: 90%;
position: relative;
}
.theme-heading span.text:after {
content: '';
display: block;
position: absolute;
top: 50%;
border-bottom: solid 1px #eee;
left: 100%;
width: 9999px;
margin-top: -1px;
margin-left: 15px;
}
/*highlight Colors*/
.background-highlight {
background: #4a97c2;
color: #fff;
}
.text-highlight {
color: #0081cc;
}
/* Helpers > Colors */
.color-black,
.color-black a,
.color-black a:hover {
color: #000 !important;
}
.color-white,
.color-white a,
.color-white a:hover {
color: #fff !important;
}
/* Helpers > Fonts */
.thin-font {
font-weight: 300 !important;
}
.white-text {
color: #fff !important;
}
/* Helpers > Padding & Margin */
body .no-padding {
padding: 0 !important;
}
body .no-left-margin {
margin: 0 !important;
}
body .no-right-margin {
margin: 0 !important;
}
body .remove-dims {
height: auto !important;
width: auto !important;
}
body .no-left-padding {
padding-left: 0;
}
/* Helpers > Opacity Hover */
.opacity-hover:hover,
.opacity-hover:hover img {
opacity: 0.8;
}
/* Helpers > Floats */
.float-left {
float: left;
}
.float-right {
float: right;
}
/* Helpers > Border Radius */
.rounded,
.vcex-rounded-images img,
.vcex-rounded-images .wpex-image-hover {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.semi-rounded,
.border-radius-semi-rounded {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.border-radius-rounded {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.border-radius-round {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
/* Helpers > Font Weights */
body .font-weight-100 {
font-weight: 100;
}
body .font-weight-200 {
font-weight: 200;
}
body .font-weight-300,
body .font-weight-light {
font-weight: 300;
}
body .font-weight-400,
body .font-weight-normal {
font-weight: normal;
}
body .font-weight-500,
body .font-weight-semibold {
font-weight: 500;
}
body .font-weight-600,
body .font-weight-bold {
font-weight: bold;
font-weight: 600;
}
body .font-weight-700 {
font-weight: 700;
}
body .font-weight-800 {
font-weight: 800;
}
body .font-weight-900,
body .font-weight-bolder {
font-weight: 900;
}
/* Helpers > Text Transforms */
.text-transform-none {
text-transform: none;
}
.text-transform-capitalize {
text-transform: capitalize;
}
.text-transform-uppercase {
text-transform: uppercase;
}
.text-transform-lowercase {
text-transform: lowercase;
}
/* Helpers > Image Rendering */
.image-rendering-crisp-edges img {
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
}
.image-rendering-auto img {
image-rendering: auto;
}
/* Helpers > Image filters */
.image-filter-grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.25s ease;
-webkit-backface-visibility: hidden;
}
.image-filter-grayscale img {
opacity: 1 !important;
}
.image-filter-grayscale:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
/* Helpers > Text Alignments */
.textcenter {
text-align: center;
}
.textright {
text-align: right;
}
.textleft {
text-align: left;
}
/* Helpers > Font Awesome Margins */
.fa-left {
margin-right: 10px;
}
.fa-right {
margin-left: 10px;
}
/* Helpers > Image Classes */
.image-shadow {
background: #fff;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.image-border {
background: #fff;
padding: 4px;
border: 1px solid #ddd;
}
.image-rounded {
background: #fff;
border-radius: 3px;
}
.image-circle {
background: #fff;
border-radius: 99px;
}
.image-hover:hover {
opacity: 0.8;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}
.image-fancy {
background: #fff;
padding: 4px;
border: 1px solid #ddd;
border-radius: 99px;
-moz-border-radius: 99px;
-webkit-border-radius: 99px;
}
.image-fancy:hover {
opacity: 0.8;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}
/* Helpers > Fade In */
.show-on-load,
.fade-in-image {
opacity: 0;
transition: all 0.35s;
-moz-transition: all 0.35s;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
}
body.compose-mode .fade-in-image,
.fade-in-image.no-opacity,
.show-on-load {
opacity: 1;
}
/* Helpers > Highlight */
.text-highlight {
background-image: url('images/base/highlight-left.png'), url('images/base/highlight-center.png'), url('images/base/highlight-right.png');
background-repeat: repeat-x;
background-repeat: no-repeat, repeat-x, no-repeat;
background-position: center;
background-position: left, center, right;
background-clip: padding-box, content-box, padding-box;
color: #a5651a;
padding: 0 20px;
margin: 0 -6px;
}
/* Helpers > Hover Animations */
.wpex-image-hover {
position: relative;
overflow: hidden;
display: block;
}
.wpex-image-hover img {
display: block;
margin: 0;
width: 100%;
height: auto;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
transition: all 0.25s;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
}
.wpex-image-hover.opacity img:hover {
opacity: 0.8;
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
}
.wpex-image-hover.grow:hover img {
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
}
.wpex-image-hover.shrink:hover img {
transform: scale(0.8);
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-moz-transform: scale(0.8);
}
.wpex-image-hover.side-pan:hover img {
margin-left: -11%;
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
}
.wpex-image-hover.vertical-pan:hover img {
margin-top: -10%;
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
}
.wpex-image-hover.tilt:hover img {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.wpex-image-hover.blurr img,
.wpex-image-hover.blurr-invert img {
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.wpex-image-hover.blurr:hover img {
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
}
.wpex-image-hover.blurr-invert img {
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
}
.wpex-image-hover.blurr-invert:hover img {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
.wpex-image-hover.sepia img {
-webkit-filter: sepia(100%);
filter: sepia(100%);
}
.wpex-image-hover.sepia:hover img {
-webkit-filter: sepia(100%);
filter: sepia(100%);
}
.wpex-image-hover.fade-in {
background: #000;
}
.wpex-image-hover.fade-in img {
opacity: 0.65;
-moz-opacity: 0.65;
-webkit-opacity: 0.65;
}
.wpex-image-hover.fade-in:hover img {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
.wpex-image-hover.fade-out {
background: #000;
}
.wpex-image-hover.fade-out:hover img {
opacity: 0.7;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
}
/* Helpers > Remove Styles */
body .disable-box-shadow {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
/* Helpers > Other */
.non-clickable {
cursor: default;
}
/*--------------------------------------------------------------
- Overlays
--------------------------------------------------------------*/
.overlay-parent {
position: relative;
display: block;
}
.overlay-parent > a,
.overlay-parent > a img {
display: block;
width: 100%;
}
/* Overlays > Plus Hover */
.overlay-plus-hover {
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: #000 url('images/overlays/overlay-plus.png') center center no-repeat;
transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.overlay-parent:hover .overlay-plus-hover {
visibility: visible;
opacity: 0.65;
-moz-opacity: 0.65;
-webkit-opacity: 0.65;
}
/* Overlays > Plus #2 Hover */
.overlay-plus-two-hover {
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
background: rgba(0, 0, 0, 0.8);
transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.overlay-plus-two-hover .fa {
position: absolute;
height: 30px;
line-height: 30px;
width: 30px;
text-align: center;
top: 50%;
margin-top: -15px;
left: 50%;
margin-left: -15px;
color: #fff;
font-size: 1.231em;
}
.overlay-parent:hover .overlay-plus-two-hover {
visibility: visible;
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
/* Overlays > Slide Up Title > White */
.overlay-slideup-title {
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
position: absolute;
top: 0;
right: 0;
background: #fff;
height: 100%;
width: 100%;
transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.overlay-slideup-title.white {
background: #fff;
}
.overlay-slideup-title.black {
background: #000;
}
.overlay-slideup-title span.title {
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;
padding: 0 30px;
color: #000;
font-size: 1.077em;
font-weight: bold;
font-weight: 600;
transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
line-height: 1.6em;
}
.overlay-slideup-title.black span.title {
color: #fff;
}
.overlay-parent:hover .overlay-slideup-title {
visibility: visible;
opacity: 0.8;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
}
.overlay-parent:hover .overlay-slideup-title span.title {
visibility: visible;
opacity: 1;
bottom: 60px;
}
/* Overlays > View/Lightbox > Buttons */
.overlay-view-lightbox-buttons {
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
background: #000;
background: rgba(0, 0, 0, 0.65);
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
}
.overlay-parent:hover .overlay-view-lightbox-buttons {
visibility: visible;
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
.overlay-view-lightbox-buttons-inner {
display: table;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
.overlay-view-lightbox-buttons-buttons {
vertical-align: middle;
display: table-cell;
text-align: center;
}
.overlay-view-lightbox-buttons a {
display: inline-block;
color: #fff;
border: 2px solid #fff;
padding: 0 10px;
height: 32px;
line-height: 32px;
border-radius: 3px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.overlay-view-lightbox-buttons a:first-child {
margin-right: 5px;
}
.overlay-view-lightbox-buttons a:hover {
background: #fff;
color: #000;
text-decoration: none;
}
.wpb_row .overlay-view-lightbox-buttons a .fa {
position: relative;
top: -2px;
}
/* Overlays > View/Lightbox > Text */
.overlay-view-lightbox-text {
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
background: #000;
background: rgba(0, 0, 0, 0.65);
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.overlay-parent:hover .overlay-view-lightbox-text {
visibility: visible;
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
.overlay-view-lightbox-text-inner {
display: table;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
.overlay-view-lightbox-text-buttons {
vertical-align: middle;
display: table-cell;
text-align: center;
}
.overlay-view-lightbox-text a {
display: inline-block;
color: #fff;
border: 2px solid #fff;
padding: 0 14px;
height: 30px;
line-height: 30px;
border-radius: 3px;
text-transform: uppercase;
font-size: 0.846em;
font-weight: bold;
font-weight: 600;
letter-spacing: 1px;
position: relative;
transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
}
.overlay-view-lightbox-text a:first-child {
margin-right: 5px;
}
.overlay-view-lightbox-text a:hover {
background: #fff;
color: #000;
text-decoration: none;
padding-right: 32px;
}
.overlay-view-lightbox-text a .fa {
visibility: hidden;
position: absolute;
top: 0;
height: 30px;
line-height: 30px;
right: 14px;
}
.overlay-view-lightbox-text a:hover .fa {
visibility: visible;
}
/* Overlays > Title + Excerpt Hover */
.overlay-title-excerpt-hover {
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
background: #000;
background: rgba(0, 0, 0, 0.75);
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
overflow: hidden;
}
.overlay-parent:hover .overlay-title-excerpt-hover {
visibility: visible;
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
.overlay-title-excerpt-hover-inner {
display: table;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
.overlay-title-excerpt-hover-text {
vertical-align: middle;
display: table-cell;
text-align: center;
color: #fff;
font-weight: bold;
font-weight: 600;
padding: 20px;
}
.overlay-title-excerpt-hover-title {
font-size: 16px;
color: #fff;
margin: 0 0 10px;
}
.overlay-title-excerpt-hover-excerpt {
font-size: 13px;
font-style: italic;
font-weight: normal;
color: #bbb;
overflow: hidden;
}
/* Overlays > Title + Category Hover */
.overlay-title-category-hover {
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
background: #000;
background: rgba(0, 0, 0, 0.75);
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.overlay-parent:hover .overlay-title-category-hover {
visibility: visible;
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
.overlay-title-category-hover-inner {
display: table;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
.overlay-title-category-hover-text {
vertical-align: middle;
display: table-cell;
text-align: center;
color: #fff;
font-weight: bold;
font-weight: 600;
padding: 20px;
}
.overlay-title-category-hover-title {
font-size: 16px;
}
.overlay-title-category-hover-category {
font-size: 13px;
font-style: italic;
font-weight: normal;
color: #bbb;
}
/* Overlays > Title + Category Visible */
.overlay-title-category-visible {
background: #000;
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
}
.overlay-title-category-visible-inner {
display: table;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
.overlay-title-category-visible-text {
vertical-align: middle;
display: table-cell;
text-align: center;
color: #fff;
font-weight: bold;
font-weight: 600;
padding: 20px;
}
.overlay-title-category-visible-title {
font-size: 16px;
}
.overlay-title-category-visible-category {
font-size: 13px;
color: #fff;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}
/* Overlays > Title + Date Hover */
.overlay-title-date-hover {
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
background: #000;
background: rgba(0, 0, 0, 0.75);
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.overlay-parent:hover .overlay-title-date-hover {
visibility: visible;
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
.overlay-title-date-hover-inner {
display: table;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
.overlay-title-date-hover-text {
vertical-align: middle;
display: table-cell;
text-align: center;
color: #fff;
font-weight: bold;
font-weight: 600;
padding: 20px;
}
.overlay-title-date-hover-title {
font-size: 16px;
}
.overlay-title-date-hover-date {
font-size: 13px;
font-style: italic;
font-weight: normal;
color: #bbb;
}
/* Overlays > Title + Date Visible */
.overlay-title-date-visible {
background: #000;
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
}
.overlay-title-date-visible-inner {
display: table;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
.overlay-title-date-visible-text {
vertical-align: middle;
display: table-cell;
text-align: center;
color: #fff;
font-weight: bold;
font-weight: 600;
padding: 20px;
}
.overlay-title-date-visible-title {
font-size: 16px;
}
.overlay-title-date-visible-date {
font-size: 13px;
color: #fff;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}
/*--------------------------------------------------------------
- WordPress Styles
--------------------------------------------------------------*/
/* wp > aligns */
.aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
margin: 0 0 10px 20px;
}
.alignleft {
float: left;
margin: 0 20px 10px 0;
}
/* wp > floats */
.floatleftcenter {
float: none;
margin: 0 auto;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
/* wp > captions */
.wp-caption {
text-align: center;
max-width: 100%;
border: 1px solid #eee;
text-align: center;
background-color: #fff;
padding: 8px;
}
.wp-caption img {
display: block;
margin: 0 auto;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 0.875em;
padding: 10px 0 0;
margin: 0;
text-align: center;
}
.wp-caption.alignnone {
margin-bottom: 20px;
}
/* wp > smiley reset */
.wp-smiley {
margin: 0;
max-height: 1em;
}
/* wp > blockquote */
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}
/* wp > img attachment */
#img-attch-page {
text-align: center;
overflow: hidden;
}
#img-attch-page img {
display: inline-block;
margin: 0 auto;
max-width: 100%;
margin-bottom: 20px;
}
/* wp > password protected */
.post-password-form label,
.post-password-form input {
display: block;
float: none;
}
.post-password-form input {
margin-top: 10px;
}
.post-password-form input[type='password'] {
width: 200px;
max-width: 100%;
}
.post-password-form label {
font-weight: bold;
font-weight: 600;
color: #000;
}
/* wp > login form */
form.login {
padding: 20px;
border: 1px solid #eee;
}
form.login .lost_password {
margin-left: 20px;
display: inline-block;
}
/* wp > other */
.wpstats {
display: none;
}
/*--------------------------------------------------------------
- Forms & Buttons
--------------------------------------------------------------*/
/*fixes */
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
}
/* turn off number spinners */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* reset search styling */
input[type='search'] {
outline: 0;
}
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
display: none;
}
/* input normal */
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='search'],
textarea {
color: #777;
padding: 0.6em 0.6em;
display: inline-block;
font-size: 1em;
transition: 0.15s linear border;
-webkit-appearance: none;
max-width: 100%;
border: 1px solid #e4e4e4;
background: #f7f7f7;
font-family: inherit;
}
/* textarea */
textarea {
width: 100%;
max-width: 100%;
-webkit-appearance: none;
font-family: inherit;
}
/* remove chrome yellow autofill */
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;
}
/* input focus */
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='search']:focus,
textarea:focus {
outline: 0; /*border-color: #129FEA;*/
background-color: #f9f9f9;
}
/* white inputs */
.light-form input[type='text'],
.light-form input[type='password'],
.light-form input[type='email'],
.light-form input[type='tel'],
.light-form input[type='url'],
.light-form textarea {
background: #fff;
color: #555;
}
/* theme button default */
input[type='submit'],
.theme-button,
button {
background: #4a97c2;
color: #fff;
padding: 0.8em 1em;
margin: 0;
display: inline-block;
font-size: 0.923em;
font-weight: normal;
color: #fff;
outline: none;
cursor: pointer;
outline: none;
border: none;
font-family: inherit;
-webkit-appearance: none;
line-height: 1;
transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-font-smoothing: inherit;
}
p.theme-button a {
color: #fff;
text-decoration: none;
}
/* theme button hover */
input[type='submit']:hover,
.theme-button:hover,
button:hover {
background: #3b86b0;
color: #fff;
text-decoration: none;
}
/* theme button active */
input[type='submit']:active,
.theme-button:active,
button:active {
color: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}
/* readmore link edits */
.readmore-link-wrap {
display: block;
}
.search-entry .readmore-link-wrap {
margin-top: 10px;
}
.readmore-link {
display: block;
float: left;
}
/* make some buttons smaller */
.readmore-link {
font-size: 0.846em;
}
/* password protection */
.password-protection-box {
padding: 20px;
background: #f7f7f7;
border: 1px solid #eee;
margin-bottom: 40px;
}
.password-protection-box p:last-child {
margin: 0;
}
.password-protection-box h2 {
font-size: 1.077em;
margin: 0 0 10px;
}
.password-protection-box input {
height: 40px;
padding-top: 0;
padding-bottom: 0;
}
.password-protection-box input[type='password'] {
background: #fff;
width: 68%;
float: left;
}
.password-protection-box input[type='submit'] {
float: right;
width: 30%;
font-size: 1em;
margin-left: 4px;
height: 40px;
line-height: 40px;
padding-left: 25px;
padding-right: 25px;
padding-top: 0;
padding-bottom: 0;
}
/* full-width inputs */
.full-width-input input {
width: 100%;
}
/*--------------------------------------------------------------
- Color Buttons
--------------------------------------------------------------*/
/*main button style*/
.color-button {
padding: 0 15px;
height: 34px;
line-height: 34px;
margin: 0 5px 5px 0;
display: inline-block;
font-size: 13px;
color: #fff;
border: 0;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 3px -1px rgba(45, 60, 72, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
outline: none;
-webkit-appearance: none;
-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 3px -1px rgba(45, 60, 72, 0.5);
-moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 3px -1px rgba(45, 60, 72, 0.5);
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: #3f90bd;
}
.color-button:hover {
text-decoration: none;
text-decoration: none;
opacity: 0.8;
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
}
.color-button:active {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}
/*colors*/
.color-button.grey,
.color-button.grey:hover {
background-color: #bbb;
}
.color-button.black,
.color-button.black:hover {
background-color: #333;
}
.color-button.blue,
.color-button.blue:hover {
background-color: #3f90bd;
}
.color-button.orange,
.color-button.orange:hover {
background-color: #ff6040;
}
.color-button.gold,
.color-button.gold:hover {
background-color: #ffaa33;
}
.color-button.green,
.color-button.green:hover {
background-color: #87bf17;
}
.color-button.purple,
.color-button.purple:hover {
background-color: #a73df2;
}
.color-button.teal,
.color-button.teal:hover {
background-color: #00b3b3;
}
.color-button.pink,
.color-button.pink:hover {
background-color: #f261c2;
}
.color-button.brown,
.color-button.brown:hover {
background-color: #804b35;
}
.color-button.red,
.color-button.red:hover {
background-color: #f73936;
}
.color-button.rosy,
.color-button.rosy:hover {
background-color: #ea2487;
}
.color-button.white,
.color-button.white:hover {
background-color: #fff;
color: #444;
}
/*styles*/
.color-button.small {
font-size: 11px;
}
.color-button.medium {
font-size: 13px;
}
.color-button.large {
font-size: 16px;
}
.color-button.align-left {
float: left;
}
.color-button.align-right {
float: right;
margin-right: 0;
margin-left: 5px;
}
.color-button-icon-right {
margin-left: 10px;
}
.color-button-icon-left {
margin-right: 10px;
}
/*layerslider fixes*/
.ls-container .color-button {
padding: 0.8em 1em !important;
margin: 0 5px 5px 0;
display: inline-block;
font-size: 1em;
font-weight: bold;
font-weight: 600;
color: #fff;
border: 0;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 3px -1px rgba(45, 60, 72, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4) !important;
outline: none;
-webkit-appearance: none;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 2px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 2px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.ls-container .color-button:hover {
text-decoration: none;
text-decoration: none;
opacity: 0.8;
}
.ls-container .color-button:active {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) inset;
}
/*--------------------------------------------------------------
- Typography
--------------------------------------------------------------*/
em {
font-style: italic;
}
strong {
font-weight: bold;
font-weight: 600;
}
small {
font-size: 80%;
}
hr {
border: solid #e4e4e4;
border-width: 1px 0 0;
clear: both;
margin: 40px 0;
height: 0;
}
/* font smoothing */
body.smooth-fonts {
-webkit-font-smoothing: antialiased;
}
/* links */
a {
color: #0081cc;
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: underline;
}
/* headings */
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
font-weight: 600;
color: #222;
line-height: 1.5;
margin: 20px 0 20px;
}
.heading-typography {
line-height: 1.5;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #222;
}
h1 a:hover,
h2 a:hover,
a:hover h2,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none;
color: #3b86b0;
}
h1 {
font-size: 1.5em;
margin: 0 0 20px;
}
h2 {
font-size: 1.313em;
}
h3 {
font-size: 1.125em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 0.875em;
}
h6 {
font-size: 0.75em;
}
/* paragraph */
p {
margin: 0 0 20px;
}
p.lead {
font-size: 1.313em;
line-height: 27px;
color: #777;
}
/* blockquote */
blockquote {
background: url('images/base/quote.png') left 4px no-repeat;
padding-left: 50px;
margin: 40px 0;
font-size: 1.231em;
color: #ababab;
line-height: 1.6em;
font-weight: 300;
}
blockquote p:last-child {
margin: 0;
}
/* pre tag */
pre {
position: relative;
background: #f6f6f6;
border: 1px solid #ddd;
color: #555;
font-size: 0.923em;
margin: 30px 0px;
padding: 20px;
line-height: 1.7em;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
border-radius: 3px;
box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.06);
}
/* address */
address {
font-size: 0.875em;
letter-spacing: 0.5px;
margin: 20px 0;
}
/* lists > default */
.entry ul,
.entry ol {
margin: 0 0 20px 30px;
}
.entry ul {
list-style: disc;
}
.entry ol {
list-style: decimal;
}
.rev_slider ul {
margin: 0;
padding: 0;
}
/* list > styles */
ul.check-list {
margin: 0 0 20px;
list-style: none;
}
ul.check-list li {
margin: 0 0 5px;
}
ul.check-list li:before {
font-family: 'FontAwesome';
content: '\f00c';
margin-right: 10px;
opacity: 0.8;
}
/*--------------------------------------------------------------
- Top Toggle
--------------------------------------------------------------*/
#toggle-bar-wrap {
position: fixed;
top: 0;
left: 0;
background: #fff;
z-index: 10001;
width: 100%;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
#toggle-bar-wrap.active-bar {
visibility: visible;
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
#toggle-bar-wrap.toggle-bar-fade-slide {
top: -60px;
}
#toggle-bar-wrap.toggle-bar-fade-slide.active-bar {
top: 0;
}
body.admin-bar #toggle-bar-wrap {
top: 32px;
}
#toggle-bar {
padding: 40px 0;
}
/*toggle button*/
.toggle-bar-btn {
display: block;
position: fixed;
top: 0;
right: 0;
border-left: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid #252525;
border-top: 20px solid #252525;
z-index: 10002;
color: #fff;
}
.toggle-bar-btn:hover {
border-top-color: #3b86b0;
border-right-color: #3b86b0;
}
body.admin-bar .toggle-bar-btn {
top: 32px;
}
.toggle-bar-btn span.fa {
position: absolute;
font-size: 0.846em;
top: -12px;
left: 4px;
text-shadow: none !important;
}
/*--------------------------------------------------------------
- Top Bar
--------------------------------------------------------------*/
#top-bar-wrap {
border-bottom: 1px solid #eee;
margin-bottom: 0px;
font-size: 0.923em;
}
#top-bar-wrap a {
color: #555;
}
.top-bar-left {
float: left;
height: 50px;
line-height: 50px;
}
.top-bar-right {
float: right;
height: 50px;
line-height: 50px;
}
.top-bar-centered {
float: none;
text-align: center;
}
/* top bar content */
#top-bar-content strong {
color: #000;
}
#top-bar-content.top-bar-centered {
height: auto;
line-height: normal;
padding: 20px 0;
}
#top-bar-content #lang_sel {
position: relative;
margin-right: 10px;
top: 11px;
display: inline-block;
}
#top-bar-wrap #lang_sel ul ul {
z-index: 99999;
}
/* top bar menu */
.top-bar-left.has-content .top-bar-menu {
margin-right: 20px;
}
.top-bar-right.has-content .top-bar-menu {
margin-right: 20px;
}
.top-bar-menu,
.top-bar-menu li {
display: inline;
display: inline-block;
}
.top-bar-menu li {
margin-right: 20px;
}
.top-bar-menu li:last-child {
margin-right: 0;
}
.top-bar-menu li a .fa {
margin-right: 6px;
}
/* top bar social */
#top-bar-social a {
display: block;
float: left;
color: #bbb;
font-size: 18px;
margin-left: 10px;
transition: color 0.15s ease-in-out;
}
#top-bar-social.social-style-colored-icons a {
margin-left: 5px;
}
.social-style-colored-icons a img {
height: 21px;
top: 4px;
position: relative;
}
.social-style-colored-icons a:hover img {
opacity: 0.85;
}
#top-bar-social a:first-child {
margin-left: 0;
}
#top-bar-social a:hover {
color: #000;
}
#top-bar-social.top-bar-centered {
height: auto;
line-height: normal;
padding-bottom: 20px;
}
#top-bar-social.top-bar-centered a {
display: inline-block;
float: none;
}
/* top-bar language switchers */
.top-bar-right .polylang-switcher-shortcode {
float: right;
margin-left: 20px;
}
.top-bar-left .polylang-switcher-shortcode {
float: left;
margin-right: 20px;
}
/*--------------------------------------------------------------
- Menu > Superfish Core
--------------------------------------------------------------*/
.sf-menu,
.sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 10001;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
.sf-menu {
float: left;
}
.sf-menu ul {
min-width: 140px;
*width: 140px;
}
.sf-menu a {
zoom: 1;
}
.sf-menu li {
position: relative;
white-space: nowrap;
*white-space: normal;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
transition: none;
}
.sf-menu .sf-mega {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
display: block;
}
.sf-menu ul img {
display: block;
float: none;
max-width: 100%;
}
#site-navigation .dropdown-menu li a .fa {
margin-right: 8px;
}
#site-navigation .dropdown-menu li.no-icon-margin a .fa {
margin-right: 0;
}
#site-navigation .dropdown-menu .site-search-toggle .fa {
margin: 0;
}
/*--------------------------------------------------------------
- Menu > Main
--------------------------------------------------------------*/
/* Menu > Main > Arrows */
#site-navigation .dropdown-menu li a .nav-arrow {
margin-left: 4px;
margin-right: 0;
}
#site-navigation .dropdown-menu ul a.sf-with-ul {
padding-right: 25px;
}
#site-navigation .sf-menu > li ul li .nav-arrow {
position: absolute;
top: 50%;
right: 10px;
height: 10px;
line-height: 10px;
margin-top: -5px;
}
/* Menu > Main > Fixed Height */
.nav-custom-height.navbar-style-one {
margin-top: 0;
top: 0;
}
.nav-custom-height.navbar-style-one .dropdown-menu ul:before,
.nav-custom-height.navbar-style-one .dropdown-menu ul:after {
display: none;
}
.nav-custom-height.navbar-style-one .dropdown-menu ul {
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
}
/* Menu > Main > Top Border */
body #site-navigation-wrap.nav-dropdown-top-border .dropdown-menu > li > ul {
border: none;
border-top: 3px solid #3b86b0;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}
body #site-navigation-wrap.nav-dropdown-top-border .dropdown-menu ul:before,
body #site-navigation-wrap.nav-dropdown-top-border .dropdown-menu ul:after {
display: none;
}
/* Menu > Main > Left Dropdowns */
#site-navigation .dropdown-menu li.left-dropdowns ul ul {
left: auto;
right: 100%;
}
body #site-navigation .sf-menu li.left-dropdowns ul a.sf-with-ul {
padding-left: 25px;
padding-right: 12px;
}
#site-navigation .dropdown-menu li.left-dropdowns ul .fa-angle-right {
left: 9px;
right: auto;
}
#site-navigation .dropdown-menu li.left-dropdowns ul .fa-angle-right:before {
content: '\f104';
}
/* Menu > Main > Animate Links */
#site-navigation .dropdown-menu > li > a > span.link-inner {
transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
-moz-transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
-webkit-transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
}
#site-navigation .dropdown-menu ul a {
transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
}
/*--------------------------------------------------------------
- Menu > MegaMenu
--------------------------------------------------------------*/
.sf-menu > li.megamenu {
position: inherit !important;
}
.sf-menu > li.megamenu > ul.sub-menu .nav-arrow {
display: none;
}
.sf-menu > li.megamenu > ul.sub-menu {
width: 100%;
left: 0;
right: auto;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 12px 0 0;
}
.sf-menu > li.megamenu > ul.sub-menu > li {
display: block !important;
float: left !important;
padding: 0px 12px;
width: 100%;
}
.sf-menu > li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu a:before {
display: inline-block;
content: '\f105';
margin-right: 7px;
font-family: 'FontAwesome';
}
.sf-menu > li.megamenu.col-1 > ul.sub-menu > li {
width: 100%;
}
.sf-menu > li.megamenu.col-2 > ul.sub-menu > li {
width: 50%;
}
.sf-menu > li.megamenu.col-2 > ul.sub-menu > li:nth-child(3n) {
clear: both;
}
.sf-menu > li.megamenu.col-3 > ul.sub-menu > li {
width: 33.33%;
}
.sf-menu > li.megamenu.col-3 > ul.sub-menu > li:nth-child(4n) {
clear: both;
}
.sf-menu > li.megamenu.col-4 > ul.sub-menu > li {
width: 25%;
}
.sf-menu > li.megamenu.col-4 > ul.sub-menu > li:nth-child(5n) {
clear: both;
}
.sf-menu > li.megamenu.col-5 > ul.sub-menu > li {
width: 20%;
}
.sf-menu > li.megamenu.col-5 > ul.sub-menu > li:nth-child(6n) {
clear: both;
}
.sf-menu > li.megamenu.col-6 > ul.sub-menu > li {
width: 16.66%;
}
.sf-menu > li.megamenu.col-6 > ul.sub-menu > li:nth-child(7n) {
clear: both;
}
.sf-menu > li.megamenu > ul.sub-menu > li ul {
display: block !important;
top: auto !important;
width: 100%;
min-width: 0 !important;
left: auto !important;
position: relative !important;
opacity: 1 !important;
border: none !important;
padding: 0 !important;
box-shadow: none !important;
}
.sf-menu > li.megamenu > ul.sub-menu > .menu-item-has-children {
margin-bottom: 12px;
}
.sf-menu > li.megamenu > ul.sub-menu > .menu-item-has-children > a {
font-weight: bold;
font-weight: 600;
color: #000;
font-size: 1.03em;
padding: 8px 12px;
}
.sf-menu > li.megamenu > ul.sub-menu > .menu-item-has-children > a:hover {
background: none;
}
.sf-menu > li.megamenu.hide-headings > ul.sub-menu > .menu-item-has-children > a {
display: none;
}
.sf-menu > li.megamenu > ul.sub-menu > li a {
border: none;
}
.sf-menu > li.megamenu ul:after,
.sf-menu > li.megamenu ul:before {
display: none !important;
}
.sf-menu > li.megamenu > ul.sub-menu > li {
border-left: 1px solid #eee;
}
.sf-menu > li.megamenu > ul.sub-menu > li:first-child {
border-left: none;
}
/* Menu > Superfish Core > Mega Menu > Testing */
.sf-menu > li.megamenu.display-always > ul.sub-menu {
display: block !important;
opacity: 1 !important;
}
/*--------------------------------------------------------------
- Menu > Mobile Icons
--------------------------------------------------------------*/
#mobile-menu {
height: 40px;
position: absolute;
right: 0;
top: 50%;
margin-top: -20px;
}
#mobile-menu a {
display: block;
float: left;
color: #666;
font-size: 18px;
height: 40px;
width: 40px;
line-height: 40px;
border: 1px solid #eee;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-align: center;
margin-left: 10px;
background: #f7f7f7;
transition: all 0.15s ease-in-out;
}
#mobile-menu a:first-child {
margin-left: 0;
}
#mobile-menu a:hover {
text-decoration: none;
background: #f1f1f1;
color: #333;
}
/*--------------------------------------------------------------
- Header > Main
--------------------------------------------------------------*/
#site-header {
position: relative;
}
.footer-has-reveal #site-header {
background: #fff;
}
.footer-has-reveal #site-header.overlay-header {
background: none;
}
#site-header-inner {
position: relative;
padding-top: 30px;
padding-bottom: 30px;
}
#site-navigation.container {
position: relative;
}
/* Header > Main > Logo */
#site-logo a {
max-width: 100%;
padding: 0px;
margin: 0px;
text-decoration: none;
color: #222;
font-size: 24px;
margin: 0;
font-weight: bold;
}
#site-logo a .fa {
margin-right: 10px;
}
#site-logo a:hover {
text-decoration: none;
}
#site-logo img {
display: block;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
}
/* Header > Main > Shrink Fixed */
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #site-header {
padding-top: 15px;
padding-bottom: 15px;
}
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #site-header-inner {
padding-top: 0;
padding-bottom: 0;
}
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #site-header-inner,
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-logo,
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-logo * {
height: 40px;
line-height: 40px;
}
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-navigation-wrap {
margin-top: -15px;
top: 0;
}
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-navigation-wrap #site-navigation {
background: none;
}
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-navigation-wrap,
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one .dropdown-menu > li > a {
height: 70px;
line-height: 70px;
}
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #searchform-header-replace input {
font-size: 21px;
}
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #current-shop-items-dropdown,
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #searchform-dropdown {
margin-top: 15px;
}
/* Header > Main > Fixed */
.is-sticky #site-header {
overflow: visible !important;
z-index: 999;
background: #fff;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
body.admin-bar.shrink-fixed-header .is-sticky #site-header {
margin-top: 32px;
}
body.admin-bar .is-sticky #site-header {
padding-top: 32px;
}
/* Header > Main > Sticky Navbar */
.is-sticky .fixed-nav {
width: 100%;
background: #fff;
z-index: 9998;
border-bottom: 1px solid #e4e4e4;
overflow: visible !important;
z-index: 999;
width: 100%;
box-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
.admin-bar .is-sticky .fixed-nav {
margin-top: 32px;
}
/*--------------------------------------------------------------
- Header > One
--------------------------------------------------------------*/
.header-one {
width: 100%;
}
.header-one #site-logo {
float: left;
height: 100%;
}
.header-one #site-logo a img {
vertical-align: middle;
display: inline;
max-width: 100%;
}
/* Header > One > Navbar */
.navbar-style-one {
position: absolute;
right: -12px;
top: 50%;
margin-top: -25px;
height: 50px;
}
.navbar-style-one .dropdown-menu > li > a {
display: block;
height: 50px;
line-height: 50px;
padding: 0 4px;
color: #555;
text-decoration: none;
font-size: 13px;
}
.navbar-style-one .dropdown-menu a:hover {
color: #3b86b0;
}
.navbar-style-one .dropdown-menu > .current-menu-item > a,
.navbar-style-one .dropdown-menu > .current-menu-parent > a {
color: #3b86b0;
text-decoration: none;
}
.navbar-style-one .dropdown-menu > li > a > span.link-inner {
display: inline-block;
line-height: 1;
padding: 0.5em 0.8em;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/* Header > One > Navbar > Dropdowns */
.navbar-style-one .dropdown-menu ul {
margin: 0;
background: #fff;
border: 1px solid #eee;
}
.navbar-style-one .dropdown-menu ul ul {
margin-left: 0;
left: 100%;
text-align: left;
}
.navbar-style-one .dropdown-menu ul li:first-child ul {
margin-top: 0;
}
.navbar-style-one .dropdown-menu ul li {
padding: 0;
}
.navbar-style-one .dropdown-menu ul a {
display: block;
float: none;
padding: 8px 12px;
height: auto;
margin: 0px;
border: 0px;
line-height: 1.4em;
color: #666;
text-transform: none;
font-size: 0.923em;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.navbar-style-one .dropdown-menu ul li:last-child > a {
border-bottom: none;
}
.navbar-style-one .dropdown-menu ul a:hover {
color: #3b86b0;
background: #f7f7f7;
text-decoration: none;
}
/* Header > One > Navbar > Dropdowns > Tip */
.navbar-style-one .dropdown-menu ul:before {
content: '';
display: block;
position: absolute;
top: -7px;
left: 12px;
border-right: 7px solid transparent;
border-bottom: 7px solid #ddd;
border-bottom-color: rgba(0, 0, 0, 0.15);
border-left: 7px solid transparent;
}
.navbar-style-one .dropdown-menu ul:after {
content: '';
display: block;
position: absolute;
top: -6px;
left: 13px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.navbar-style-one .dropdown-menu ul ul:before,
.navbar-style-one .dropdown-menu ul ul:after {
display: none;
}
/* Header > One > Navbar > Button */
.navbar-style-one .menu-button > a > span.link-inner {
background: #3b86b0;
color: #fff;
}
.navbar-style-one .menu-button > a > span.link-inner:hover {
background: #327397;
}
/*--------------------------------------------------------------
- Header > Two
--------------------------------------------------------------*/
.header-two {
width: 100%;
background: #fff;
}
.header-two-aside {
float: right;
font-size: 1.077em;
color: #000;
font-weight: 400;
text-align: right;
}
.header-two .navbar-style-two .site-search-toggle {
display: none;
}
/* Header > Two > Logo */
.header-two-logo {
float: left;
}
.header-two-logo a {
display: block;
float: left;
}
.header-two-logo img {
display: block;
}
/* Header > Two > Search */
#header-two-search {
margin-top: 10px;
}
#header-two-search {
float: right;
}
#header-two-search input#header-two-search-input {
font-size: 0.923em;
width: 160px;
float: left;
border: 1px solid #ddd;
height: 32px;
padding: 0 10px;
border: 1px solid #e4e4e4;
background: #f7f7f7;
}
#header-two-search-submit {
height: 32px;
line-height: 32px;
width: 35px;
text-align: center;
padding: 0;
outline: none;
margin-left: 5px;
cursor: pointer;
font-size: 12px;
}
/* Header > Two > Navbar */
.navbar-style-two {
border-top: 1px solid #e4e4e4;
position: relative;
}
body.page-header-disabled .navbar-style-two {
border-bottom: 1px solid #e4e4e4;
}
.navbar-style-two .dropdown-menu {
border-left: 1px solid #e4e4e4;
}
.navbar-style-two .dropdown-menu > li {
border-right: 1px solid #e4e4e4;
}
.navbar-style-two .dropdown-menu > li > a {
display: block;
height: 50px;
line-height: 50px;
color: #555;
text-decoration: none;
font-weight: normal;
padding: 0 20px;
font-size: 13px;
}
.navbar-style-two .dropdown-menu a:hover {
color: #3b86b0;
}
.navbar-style-two .dropdown-menu > .current-menu-item > a {
color: #3b86b0;
text-decoration: none;
}
.navbar-style-two .search-toggle-li {
float: right;
border-left: 1px solid #e4e4e4;
}
.navbar-style-two .has-cart-icon .search-toggle-li {
border-right: none;
}
/* Header > Two > Navbar > Dropdowns */
.navbar-style-two .dropdown-menu ul {
z-index: 999;
margin: 0;
background: #fff;
border: 1px solid #e4e4e4;
text-align: left;
}
.navbar-style-two .dropdown-menu ul ul {
margin-left: 0;
left: 100%;
top: 0;
text-align: left;
}
.navbar-style-two .dropdown-menu ul > li:first-child ul {
top: -1px;
}
.navbar-style-two .dropdown-menu ul li {
display: block;
padding: 0;
}
.navbar-style-two .dropdown-menu ul li a {
border-bottom: 1px solid #eee;
}
.navbar-style-two .dropdown-menu ul li:last-child > a {
border-bottom: none;
}
.navbar-style-two .dropdown-menu ul a {
display: block;
float: none;
padding: 8px 12px;
height: auto;
margin: 0px;
border: 0px;
line-height: 1.4em;
font-weight: normal;
color: #666;
text-transform: none;
font-size: 0.923em;
}
.navbar-style-two .dropdown-menu ul a:hover {
color: #3b86b0;
background: #f7f7f7;
text-decoration: none;
}
/*--------------------------------------------------------------
- Header > Three
--------------------------------------------------------------*/
.header-three {
width: 100%;
background: #fff;
}
.header-three-aside {
float: none;
text-align: center;
width: 100%;
margin-top: 10px;
}
/* Header > Three > Logo */
.header-three-logo {
float: none;
text-align: center;
margin: 0 auto;
}
.header-three-logo a {
display: inline;
display: inline-block;
float: none;
}
.header-three-logo img {
display: block;
}
/* Header > Three > Navbar */
.navbar-style-three {
border-top: 1px solid #eee;
position: relative;
}
body.page-header-disabled .navbar-style-three {
border-bottom: 1px solid #eee;
}
.navbar-style-three .container {
position: relative;
}
.navbar-style-three .sf-menu {
text-align: center;
float: none;
}
.navbar-style-three .dropdown-menu > li {
display: inline-block;
float: none;
}
.navbar-style-three .dropdown-menu > li > a {
display: block;
height: 50px;
line-height: 50px;
color: #555;
text-decoration: none;
font-weight: normal;
padding: 0 15px;
font-size: 13px;
}
.navbar-style-three .dropdown-menu a:hover {
color: #3b86b0;
}
.navbar-style-three .dropdown-menu > .current-menu-item > a {
color: #3b86b0;
text-decoration: none;
}
/* Header > Three > Navbar > Dropdowns */
.navbar-style-three .dropdown-menu ul {
z-index: 999;
margin: 0;
background: #fff;
border: 1px solid #e4e4e4;
text-align: left;
}
.navbar-style-three .dropdown-menu ul ul {
margin-left: 0;
left: 100%;
top: 0;
text-align: left;
}
.navbar-style-three .dropdown-menu ul > li:first-child ul {
top: -1px;
}
.navbar-style-three .dropdown-menu ul li {
display: block;
padding: 0;
}
.navbar-style-three .dropdown-menu ul li a {
border-bottom: 1px solid #eee;
}
.navbar-style-three .dropdown-menu ul li:last-child > a {
border-bottom: none;
}
.navbar-style-three .dropdown-menu ul a {
display: block;
float: none;
padding: 8px 12px;
height: auto;
margin: 0px;
border: 0px;
line-height: 1.4em;
font-weight: normal;
color: #666;
text-transform: none;
font-size: 0.923em;
}
.navbar-style-three .dropdown-menu ul a:hover {
color: #3b86b0;
background: #f7f7f7;
text-decoration: none;
}
/*--------------------------------------------------------------
- Header > Four
--------------------------------------------------------------*/
.header-four {
width: 100%;
background: #fff;
}
.header-four-aside {
float: none;
text-align: center;
width: 100%;
margin-top: 10px;
}
/* Header > Four > Logo */
.header-four-logo {
float: none;
text-align: center;
margin: 0 auto;
}
.header-four-logo a {
display: inline-block;
float: none;
}
.header-four-logo img {
display: block;
}
/* Header > Four > Navbar */
.navbar-style-four {
position: relative;
border-bottom: 1px solid #eee;
}
.navbar-style-four .container {
position: relative;
}
.navbar-style-four .sf-menu {
text-align: center;
float: none;
}
.navbar-style-four .dropdown-menu > li {
display: inline-block;
float: none;
}
.navbar-style-four .dropdown-menu > li > a {
display: block;
height: 50px;
line-height: 50px;
color: #555;
text-decoration: none;
font-weight: normal;
padding: 0 15px;
font-size: 13px;
}
.navbar-style-four .dropdown-menu a:hover {
color: #3b86b0;
}
.navbar-style-four .dropdown-menu > .current-menu-item > a {
color: #3b86b0;
text-decoration: none;
}
/* Header > Four > Navbar > Dropdowns */
.navbar-style-four .dropdown-menu ul {
z-index: 999;
margin: 0;
background: #fff;
border: 1px solid #e4e4e4;
text-align: left;
}
.navbar-style-four .dropdown-menu ul ul {
margin-left: 0;
left: 100%;
top: 0;
text-align: left;
}
.navbar-style-four .dropdown-menu ul > li:first-child ul {
top: -1px;
}
.navbar-style-four .dropdown-menu ul li {
display: block;
padding: 0;
}
.navbar-style-four .dropdown-menu ul li a {
border-bottom: 1px solid #eee;
}
.navbar-style-four .dropdown-menu ul li:last-child > a {
border-bottom: none;
}
.navbar-style-four .dropdown-menu ul a {
display: block;
float: none;
padding: 8px 12px;
height: auto;
margin: 0px;
border: 0px;
line-height: 1.4em;
font-weight: normal;
color: #666;
text-transform: none;
font-size: 0.923em;
}
.navbar-style-four .dropdown-menu ul a:hover {
color: #3b86b0;
background: #f7f7f7;
text-decoration: none;
}
/*--------------------------------------------------------------
- Header > Overlay
--------------------------------------------------------------*/
body.has-topbar.has-overlay-header #top-bar-wrap {
position: absolute;
top: 0;
width: 100%;
}
#site-header.overlay-header {
background: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
padding: 0;
}
body.boxed-main-layout.has-overlay-header #wrap {
position: relative;
}
body.boxed-main-layout.has-overlay-header #site-header.overlay-header {
padding: 0 30px;
}
body.boxed-main-layout.has-overlay-header #site-navigation-wrap {
right: 0;
}
#site-header.overlay-header,
#site-header.overlay-header #site-logo,
#site-header.overlay-header #site-logo a,
#site-header.overlay-header #site-navigation-wrap,
#site-header.overlay-header .dropdown-menu > li,
#site-header.overlay-header .dropdown-menu > li > a {
height: 90px;
line-height: 90px;
}
#site-header.overlay-header #site-header-inner {
position: relative;
padding: 0;
}
#site-header.overlay-header .navbar-style-one .dropdown-menu ul:before,
#site-header.overlay-header .navbar-style-one .dropdown-menu ul:after {
display: none;
}
.overlay-header-logo {
display: none !important;
}
#site-header.overlay-header .has-overlay-logo .main-logo {
display: none;
}
#site-header.overlay-header .has-overlay-logo .overlay-header-logo {
display: table-cell !important;
}
#site-header.overlay-header #site-navigation-wrap {
background: none;
top: 0;
margin-top: 0;
}
/* Header > Overlay > Sticky */
#site-header.overlay-header.is-sticky {
position: fixed;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
border-bottom: 0 !important;
top: 0 !important;
}
/* Header > Overlay > Light Skin */
#site-header.overlay-header.light-style {
border-bottom: 1px solid rgba(255, 255, 255, 0.21);
}
#site-header.overlay-header.is-sticky {
background: #222;
}
#site-header.overlay-header.light-style #site-logo a {
color: #fff;
}
#site-header.overlay-header.light-style .dropdown-menu a {
color: #fff;
color: rgba(255, 255, 255, 0.85);
}
#site-header.overlay-header.light-style .dropdown-menu li:hover a,
#site-header.overlay-header.light-style .dropdown-menu a:hover {
background: none;
}
#site-header.overlay-header.light-style .sf-menu ul a.sf-with-ul {
font-size: 13px;
}
#site-header.overlay-header.light-style .sf-menu li.megamenu ul a.sf-with-ul,
#site-header.overlay-header.light-style .dropdown-menu a:hover,
#site-header.overlay-header.light-style .dropdown-menu > .current-menu-item > a,
#site-header.overlay-header.light-style .dropdown-menu > .current-menu-item > a:hover,
#site-header.overlay-header.light-style #current-shop-items-dropdown a,
#site-header.overlay-header.light-style #current-shop-items-dropdown .total,
#site-header.overlay-header.light-style #current-shop-items-dropdown .total .amount {
color: #fff;
}
#site-header.overlay-header.light-style .dropdown-menu li ul li,
#site-header.overlay-header.light-style .dropdown-menu li ul li a,
#site-header.overlay-header.light-style .product_list_widget .amount {
color: #999;
}
#site-header.overlay-header.light-style .dropdown-menu li ul {
background: #222;
border: none;
}
#site-header.overlay-header.light-style .dropdown-menu li ul a,
#site-header.overlay-header.light-style .sf-menu > li.megamenu > ul.sub-menu > li,
#site-header.overlay-header.light-style #current-shop-items-dropdown li {
border-color: #333;
}
#site-header.overlay-header.light-style #searchform-dropdown,
#site-header.overlay-header.light-style #current-shop-items-dropdown {
line-height: 1;
background: #222;
border-top: none;
}
#site-header.overlay-header.light-style #searchform-dropdown input {
background: #333;
color: #fff;
}
#site-header.overlay-header.light-style #mobile-menu a {
background: none;
border: 0;
padding: 0;
width: auto;
margin-left: 20px;
color: #fff;
}
#site-header.overlay-header.light-style #mobile-menu a {
opacity: 0.85;
}
#site-header.overlay-header.light-style #mobile-menu a:hover {
opacity: 1;
}
/* Header > Overlay > Dark Skin */
#site-header.overlay-header.dark-style {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
#site-header.overlay-header.is-sticky.dark-style {
background: #fff;
}
#site-header.overlay-header.dark-style .dropdown-menu a {
color: #000;
color: rgba(0, 0, 0, 0.75);
}
#site-header.overlay-header.dark-style .dropdown-menu li:hover a,
#site-header.overlay-header.dark-style .dropdown-menu a:hover {
background: none;
}
#site-header.overlay-header.dark-style .sf-menu ul a.sf-with-ul {
font-size: 13px;
}
#site-header.overlay-header.dark-style .dropdown-menu a:hover,
#site-header.overlay-header.dark-style .dropdown-menu > .current-menu-item > a,
#site-header.overlay-header.dark-style .dropdown-menu > .current-menu-item > a:hover {
color: #000;
}
#site-header.overlay-header.dark-style .dropdown-menu ul a:hover,
#site-header.overlay-header.dark-style .sf-menu li.megamenu ul a.sf-with-ul,
#site-header.overlay-header.dark-style #current-shop-items-dropdown a,
#site-header.overlay-header.dark-style #current-shop-items-dropdown .total,
#site-header.overlay-header.dark-style #current-shop-items-dropdown .total .amount {
color: #fff;
}
#site-header.overlay-header.dark-style .dropdown-menu li ul li,
#site-header.overlay-header.dark-style .dropdown-menu li ul li a,
#site-header.overlay-header.dark-style .product_list_widget .amount {
color: #999;
}
#site-header.overlay-header.dark-style .dropdown-menu li ul {
background: #222;
border: none;
}
#site-header.overlay-header.dark-style .dropdown-menu li ul a,
#site-header.overlay-header.dark-style .sf-menu > li.megamenu > ul.sub-menu > li,
#site-header.overlay-header.dark-style #current-shop-items-dropdown li {
border-color: #333;
}
#site-header.overlay-header.dark-style #searchform-dropdown,
#site-header.overlay-header.dark-style #current-shop-items-dropdown {
line-height: 1;
background: #222;
border-top: none;
}
#site-header.overlay-header.dark-style #searchform-dropdown input {
background: #333;
color: #fff;
}
/*--------------------------------------------------------------
- Page Header
--------------------------------------------------------------*/
/* Page Header > Main */
.page-header {
margin: 0;
padding: 20px 0;
position: relative;
background: #f7f7f7;
margin-bottom: 40px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.no-header-margin .page-header {
margin-bottom: 0;
}
.page-header .container {
position: relative;
}
.page-header-title {
display: block;
font-size: 21px;
line-height: 1.4em;
font-weight: normal;
font-weight: 400;
margin: 0px;
color: #000;
}
body.has-breadcrumbs .page-header-title {
max-width: 70%;
}
.page-subheading {
font-size: 1.077em;
margin: 0;
color: #999;
}
.page-subheading p:last-child {
margin: 0;
}
.centered-page-header .page-header-title,
.centered-minimal-page-header .page-header-title {
max-width: 100% !important;
}
/* Page Header > Centered */
.centered-page-header {
text-align: center;
padding: 30px 0;
}
.centered-page-header .page-header-title {
font-size: 32px;
}
.centered-page-header .page-subheading {
font-size: 1.385em;
font-weight: 300;
}
/* Page Header > Minimal Centered */
.centered-minimal-page-header {
text-align: center;
padding: 30px 0;
background: #fff;
border-color: #eee;
}
.centered-minimal-page-header .page-header-title {
font-size: 32px;
}
.centered-minimal-page-header .page-subheading {
font-size: 1.385em;
font-weight: 300;
}
/* Page Header > Solid Color */
.solid-color-page-header .page-header-title {
color: #fff !important;
}
.solid-color-page-header .site-breadcrumbs,
.solid-color-page-header .site-breadcrumbs a {
color: #fff !important;
}
.solid-color-page-header .page-subheading {
color: #fff;
}
/* Page Header > Archive Description */
.archive-description {
margin-bottom: 30px;
}
/* Page Header > Background Image */
.background-image-page-header {
display: table;
width: 100%;
border: none;
background: #000;
}
.background-image-page-header .page-header-inner {
width: 100% !important;
max-width: 100% !important;
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0 30px;
}
.background-image-page-header .page-header-title {
position: relative;
z-index: 2;
color: #fff;
max-width: 100%;
font-size: 42px;
font-weight: 400;
max-width: 100% !important;
}
.background-image-page-header .page-subheading {
position: relative;
z-index: 2;
color: #fff;
font-size: 24px;
font-weight: 300;
}
.background-image-page-header-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
z-index: 1;
opacity: 0.5;
}
.background-image-page-header-overlay.style-dotted {
background: rgba(0, 0, 0, 0.3) url('images/visual-composer/dotted-overlay.png') repeat;
}
.background-image-page-header-overlay.style-dashed {
background: rgba(0, 0, 0, 0.3) url('images/visual-composer/dashed-overlay.png ') repeat;
}
/*--------------------------------------------------------------
- Breadcrumbs
--------------------------------------------------------------*/
.site-breadcrumbs {
position: absolute;
right: 0;
top: 50%;
height: 32px;
line-height: 32px;
margin-top: -16px;
font-size: 0.9em;
color: #bcbcbc;
font-weight: normal;
}
.site-breadcrumbs a {
color: #333;
}
.site-breadcrumbs .breadcrumb-title {
margin-right: 5px;
}
.site-breadcrumbs .fa {
margin: 0 3px;
}
.site-breadcrumbs.position-under-title,
.centered-page-header .site-breadcrumbs,
.centered-minimal-page-header .site-breadcrumbs {
position: inherit;
top: auto;
right: auto;
margin-top: 0;
}
/*hide breadcrumbs*/
.background-image-page-header .site-breadcrumbs {
display: none;
margin: 20px 0 0;
top: auto;
right: auto;
position: inherit;
text-align: center;
color: #fff;
}
.background-image-page-header .site-breadcrumbs a {
color: #fff;
}
/*--------------------------------------------------------------
- LayerSlider & Revolution Tweaks
--------------------------------------------------------------*/
/*mobile alt*/
.page-slider-mobile-alt {
width: 100%;
height: auto;
display: block;
}
/*main*/
.page-with-slider.woocommerce .page-slider {
margin-bottom: 30px;
}
.ls-thumbnail-hover-img img {
width: 100%;
}
/*default skin*/
body .ls-defaultskin {
padding: 0;
background: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
body .ls-defaultskin .ls-nav-prev,
body .ls-defaultskin .ls-nav-next {
top: 50%;
margin: -40px 0 0;
background: #000;
opacity: 0.2;
height: 80px;
width: 50px;
z-index: 99 !important;
}
body .ls-defaultskin .ls-nav-prev,
body .ls-defaultskin .ls-nav-prev:hover {
background: #000 url('images/arrows/ls-arrow-left.png') no-repeat center center;
left: 0;
}
body .ls-defaultskin .ls-nav-next,
body .ls-defaultskin .ls-nav-next:hover {
background: #000 url('images/arrows/ls-arrow-right.png') no-repeat center center;
right: 0;
}
body .ls-defaultskin .ls-nav-prev:hover,
body .ls-defaultskin .ls-nav-next:hover {
opacity: 0.5;
}
body .ls-borderlesslight .ls-nav-prev,
body .ls-borderlesslight .ls-nav-next {
z-index: 99 !important;
}
/*minimal skin*/
body .ls-minimal {
padding: 0;
background: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
body .ls-minimal .ls-nav-prev,
body .ls-minimal .ls-nav-next {
top: 50%;
margin: -40px 0 0;
background: #000;
opacity: 0.2;
height: 80px;
width: 50px;
z-index: 99;
}
body .ls-minimal .ls-nav-prev,
body .ls-minimal .ls-nav-prev:hover {
background: #000 url('images/arrows/ls-arrow-left.png') no-repeat center center;
left: 0;
}
body .ls-minimal .ls-nav-next,
body .ls-minimal .ls-nav-next:hover {
background: #000 url('images/arrows/ls-arrow-right.png') no-repeat center center;
right: 0;
}
body .ls-minimal .ls-nav-prev:hover,
body .ls-minimal .ls-nav-next:hover {
opacity: 0.5;
}
/*full-width skin*/
body .ls-fullwidth {
padding: 0;
background: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
body .ls-fullwidth .ls-nav-prev,
body .ls-fullwidth .ls-nav-next {
top: 50%;
margin: -40px 0 0;
background: #000;
opacity: 0.2;
height: 80px;
width: 50px;
z-index: 99;
}
body .ls-fullwidth .ls-nav-prev,
body .ls-fullwidth .ls-nav-prev:hover {
background: #000 url('images/arrows/ls-arrow-left.png') no-repeat center center;
left: 0;
}
body .ls-fullwidth .ls-nav-next,
body .ls-fullwidth .ls-nav-next:hover {
background: #000 url('images/arrows/ls-arrow-right.png') no-repeat center center;
right: 0;
}
body .ls-fullwidth .ls-nav-prev:hover,
body .ls-fullwidth .ls-nav-next:hover {
opacity: 0.5;
}
/*full-width dark skin*/
body .ls-fullwidthdark {
padding: 0;
background: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
body .ls-fullwidthdark .ls-nav-prev,
body .ls-fullwidthdark .ls-nav-next {
top: 50%;
margin: -40px 0 0;
background: #000;
opacity: 0.2;
height: 80px;
width: 50px;
z-index: 99;
}
body .ls-fullwidthdark .ls-nav-prev,
body .ls-fullwidthdark .ls-nav-prev:hover {
background: #000 url('images/arrows/ls-arrow-left.png') no-repeat center center;
left: 0;
}
body .ls-fullwidthdark .ls-nav-next,
body .ls-fullwidthdark .ls-nav-next:hover {
background: #000 url('images/arrows/ls-arrow-right.png') no-repeat center center;
right: 0;
}
body .ls-fullwidthdark .ls-nav-prev:hover,
body .ls-fullwidthdark .ls-nav-next:hover {
opacity: 0.5;
}
/*pagination buttons*/
body .ls-fullwidthdark .ls-bottom-slidebuttons,
body .ls-fullwidthdark .ls-nav-start,
body .ls-fullwidthdark .ls-nav-stop,
body .ls-fullwidthdark .ls-nav-sides {
top: -40px;
}
/*box shadow*/
body .ls-shadow {
opacity: 0.4;
-moz-opacity: 0.4;
-webkit-opacity: 0.4;
}
/*remove text decoration on links*/
.ls-container a,
.ls-container a:hover,
.ls-container a:active {
text-decoration: none;
}
/*link classes*/
.ls-container .layerslider-button:hover {
text-decoration: none;
text-decoration: none;
opacity: 0.85;
}
.ls-container .layerslider-button:active {
opacity: 1;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) inset;
}
/*revolution slider fixes*/
.tparrows.preview2:after {
line-height: 1;
}
/*slider revolution custom navigation*/
.tparrows.custom {
background: none;
width: 46px;
height: 46px;
border-radius: 50%;
border: 2px solid #fff;
text-align: center;
transition: all 0.25s ease-in-out;
position: absolute;
top: 50% !important;
margin-top: -23px !important;
color: #fff;
}
.tparrows.custom:hover {
background: #fff;
color: #000;
}
.tparrows.custom:after {
display: block;
font-family: 'FontAwesome';
position: absolute;
left: 0;
top: 0;
height: 42px;
line-height: 42px;
width: 42px;
text-align: center;
font-size: 28px;
}
.tparrows.custom.tp-leftarrow:after {
content: '\f104';
}
.tparrows.custom.tp-rightarrow:after {
content: '\f105';
}
.tp-bullets.simplebullets.custom .bullet {
height: 12px;
width: 12px;
border: 2px solid #fff;
display: block;
float: left;
border-radius: 50%;
margin-left: 5px;
transition: all 0.25s ease-in-out;
cursor: pointer;
}
.tp-bullets.simplebullets.custom .bullet.selected,
.tp-bullets.simplebullets.custom .bullet:hover {
background: #fff;
}
.tp-bullets.simplebullets.custom .bullet.first {
margin-left: 0;
}
/*--------------------------------------------------------------
- Theme Slider
--------------------------------------------------------------*/
/* main */
.wpex-slider {
position: relative;
}
.wpex-slider .sp-grab,
.wpex-slider .sp-grabbing {
cursor: default;
}
/* reloader image */
.wpex-slider-preloaderimg img {
display: block;
width: 100%;
}
/* disable selection */
.wpex-slider * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* slides */
.wpex-slider-slide {
display: none;
-webkit-backface-visibility: hidden;
}
/* images */
.wpex-slider-media img {
display: block;
width: 100%;
height: auto;
}
/* caption */
.wpex-slider-caption {
padding: 15px;
font-size: 14px;
text-align: center;
max-width: 100%;
}
/* buttons */
.wpex-slider .sp-buttons {
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 15px;
}
.wpex-slider .sp-button {
border-color: #fff;
border-width: 1px;
margin: 2px;
width: 10px;
height: 10px;
transition: all 0.25s ease-in-out;
}
.wpex-slider .sp-button:hover,
.wpex-slider .sp-selected-button {
background-color: #fff;
border-color: transparent;
}
/* arrows */
.wpex-slider .sp-arrow {
height: 52px;
width: 52px;
line-height: 52px;
background: none;
top: 0;
font-family: 'FontAwesome';
color: #fff;
text-align: center;
font-size: 32px;
background: #000;
background: rgba(0, 0, 0, 0.3);
transition: all 0.3s ease-in-out;
}
.wpex-slider .sp-arrow:hover {
background: rgba(0, 0, 0, 0.65);
}
.sp-horizontal .sp-previous-arrow {
left: 0 !important;
border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}
.sp-horizontal .sp-next-arrow {
right: 0 !important;
border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
}
.wpex-slider .sp-arrow:before {
font-family: 'FontAwesome';
content: '';
background: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.wpex-slider .sp-arrow.sp-previous-arrow:before {
content: '\f104';
}
.wpex-slider .sp-arrow.sp-next-arrow:before {
content: '\f105';
}
.wpex-slider .sp-arrow:after {
display: none;
}
/* arrows v2 */
.wpex-slider.arrows-rounded-border {
}
/* thumbnails */
.wpex-slider-thumbnails {
display: none;
}
.wpex-slider .sp-thumbnail-container {
cursor: pointer;
}
.wpex-slider .sp-thumbnails-container.sp-bottom-thumbnails {
width: 100% !important;
}
.wpex-slider .sp-thumbnails img {
opacity: 0.75;
-moz-opacity: 0.6;
-webkit-opacity: 0.6;
box-shadow: 0 0 0 #000;
}
.wpex-slider .sp-thumbnails img:hover,
.wpex-slider .sp-thumbnails .sp-selected-thumbnail img {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
.wpex-slider .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
left: 10px;
}
.wpex-slider .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
right: 10px;
}
/* thumbnails without carousel */
.wpex-slider .sp-nc-thumbnail-container {
display: block;
float: left;
cursor: pointer;
margin-left: 5px;
}
.wpex-slider .sp-nc-thumbnail-container:first-child {
margin-left: 0;
}
.wpex-slider .sp-nc-thumbnails img {
opacity: 0.75;
-moz-opacity: 0.6;
-webkit-opacity: 0.6;
box-shadow: 0 0 0 #000;
}
.wpex-slider .sp-nc-thumbnails img:hover,
.wpex-slider .sp-nc-thumbnails .sp-nc-selected-thumbnail img {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
/* no-margins thumbnails */
.wpex-slider .sp-thumbnail-arrows {
display: none !important;
}
.wpex-slider.no-margin-thumbnails .sp-thumbnails {
width: 100% !important;
}
.wpex-slider.no-margin-thumbnails .sp-bottom-thumbnails {
margin-top: 0;
}
.wpex-slider.no-margin-thumbnails .sp-thumbnail-container {
margin: 0 !important;
}
.wpex-slider.no-margin-thumbnails .wpex-slider-thumbnails.cols-6 .sp-thumbnail-container {
width: 16.6666% !important;
}
.wpex-slider.no-margin-thumbnails .wpex-slider-thumbnails.cols-5 .sp-thumbnail-container {
width: 20% !important;
}
.wpex-slider.no-margin-thumbnails .wpex-slider-thumbnails.cols-4 .sp-thumbnail-container {
width: 25% !important;
}
.wpex-slider.no-margin-thumbnails .wpex-slider-thumbnails.cols-3 .sp-thumbnail-container {
width: 33.3333% !important;
}
.wpex-slider.no-margin-thumbnails .wpex-slider-thumbnails.cols-2 .sp-thumbnail-container {
width: 50% !important;
}
.wpex-slider.no-margin-thumbnails img.sp-thumbnail {
display: block;
margin: 0 !important;
width: 100% !important;
}
/* thumbnail pointer */
.wpex-slider .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
.wpex-slider .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
border-bottom-color: red;
}
/* layers */
.wpex-slider .sp-layer p:last-child {
margin: 0;
}
.wpex-slider .sp-black a {
color: #fff;
text-decoration: underline;
}
.wpex-slider .sp-white a {
color: #000;
text-decoration: underline;
}
/*--------------------------------------------------------------
- Theme Carousel
--------------------------------------------------------------*/
/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* Owl Carousel - Auto Height Plugin */
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/* Core Owl Carousel CSS File */
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
margin: 0 auto;
width: auto;
max-width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url('owl.video.play.png') no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/* carousel - default design*/
.wpex-carousel {
position: relative;
margin-left: 0 !important;
margin-right: 0 !important;
}
.wpex-carousel .owl-prev,
.wpex-carousel .owl-next {
display: block;
float: left;
height: 20px;
line-height: 20px;
width: 20px;
color: #fff;
font-size: 11px;
padding: 0;
cursor: pointer;
text-align: center;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
cursor: pointer;
padding: 0 !important;
font-family: 'Arial';
background: #3b86b0;
margin-top: 10px;
}
.wpex-carousel .owl-next {
margin-left: 5px;
}
.wpex-carousel .owl-prev:hover,
.wpex-carousel .owl-next:hover {
background: #327397;
}
.wpex-carousel-entry-media img {
display: block;
}
.wpex-carousel-entry-details {
background: #f7f7f7;
border: 1px solid #eee;
padding: 15px;
}
.wpex-carousel-entry-title {
font-size: 14px;
font-weight: 600;
color: #000;
}
.wpex-carousel-entry-title a {
color: #000;
}
.wpex-carousel-entry-title a:hover {
text-decoration: none;
color: #3b86b0;
}
.wpex-carousel-entry-excerpt {
margin-top: 5px;
}
.wpex-carousel-entry-excerpt p:last-child {
margin: 0;
}
/* carousel - dots nav - none added yet */
.wpex-carousel .owl-dots {
display: none;
}
/* carousel - no margins style */
.wpex-carousel.no-margins {
margin-bottom: 0 !important;
}
.wpex-carousel.no-margins .owl-prev,
.wpex-carousel.no-margins .owl-next {
background: #000 !important;
height: 60px;
line-height: 60px;
width: 40px;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
position: absolute;
top: 50%;
margin: -30px 0 0;
font-size: 1.231em;
opacity: 0.6;
-moz-opacity: 0.6;
-webkit-opacity: 0.6;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
cursor: pointer;
z-index: 3;
padding: 0 !important;
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpex-carousel.no-margins .owl-prev:hover,
.wpex-carousel.no-margins .owl-next:hover {
opacity: 1;
background: #000;
}
.wpex-carousel.no-margins .owl-prev {
left: 15px;
}
.wpex-carousel.no-margins .owl-next {
right: 15px;
}
/*--------------------------------------------------------------
- Portfolio
--------------------------------------------------------------*/
/* Portfolio > Entries */
.portfolio-entry-title {
font-size: 1.077em;
margin: 0 0 5px;
}
.portfolio-entry-categories {
margin: -5px 0 10px;
}
.portfolio-entry-categories a {
font-size: 0.923em;
color: #777;
list-style: none;
}
.vcex-portfolio-entry-media,
.portfolio-entry-media {
position: relative;
overflow: hidden;
}
.portfolio-entry-media-link {
display: block;
}
.vcex-portfolio-entry-media img,
.portfolio-entry-media img {
display: block;
width: 100%;
box-shadow: #000 0em 0em 0em;
}
.portfolio-entry-details {
background: #f7f7f7;
border: 1px solid #eee;
padding: 15px;
}
.portfolio-entry-excerpt p {
margin-bottom: 15px;
}
.portfolio-entry-excerpt p:last-child {
margin: 0;
}
.portfolio-entry-readmore-wrap {
padding-top: 15px;
}
.portfolio-entry .vcex-button {
font-size: 0.923em;
}
/* Portfolio > No Margin Grid */
.portfolio-no-margins .col {
margin: 0 !important;
padding: 0 !important;
}
.vcex-no-margin-grid .portfolio-entry-details,
.portfolio-no-margins .portfolio-entry-details {
background: #262626;
border: none;
color: #787878;
}
.vcex-no-margin-grid .portfolio-entry-title a,
.portfolio-no-margins .portfolio-entry-title a {
color: #fff;
}
/* Portfolio > 1 Column Grid */
#portfolio-entries .portfolio-entry.span_1_of_1 {
margin: 0 0 30px;
float: none;
border: none;
}
#portfolio-entries .portfolio-entry.span_1_of_1 .portfolio-entry-media {
width: 45%;
float: left;
margin: 0 30px 0 0;
}
#portfolio-entries .portfolio-entry.span_1_of_1 .portfolio-entry-details {
background: none;
border: none;
padding: 0;
}
#portfolio-entries .portfolio-entry.span_1_of_1 .portfolio-entry-title {
margin: 0;
}
/* Portfolio > Singular */
#portfolio-post-comments {
margin-top: 50px;
}
#portfolio-single-media {
margin-bottom: 30px;
}
/* Portfolio > Related */
.no-composer .related-portfolio-posts {
margin-top: 30px;
}
.related-portfolio-posts {
margin-bottom: 30px;
}
/*--------------------------------------------------------------
- Staff
--------------------------------------------------------------*/
/* Staff > Entries */
.staff-entry-title {
font-size: 1.077em;
color: #000;
margin: 0 0 5px;
font-weight: bold;
font-weight: 600;
}
.staff-entry-categories {
margin: -5px 0 10px;
}
.staff-entry-categories a {
font-size: 0.923em;
color: #777;
list-style: none;
}
.staff-entry {
text-align: left;
margin-bottom: 30px;
}
.staff-entry-details {
padding-top: 15px;
}
.staff-entry-media {
position: relative;
}
.staff-entry-media-link {
display: block;
}
.staff-entry-media img {
display: block;
margin: 0 auto;
}
.staff-entry-position {
font-size: 0.923em;
color: #777;
list-style: none;
margin: -5px 0 10px;
}
.staff-entry-excerpt p {
margin-bottom: 15px;
}
.staff-entry-excerpt,
.staff-entry-excerpt p:last-child {
margin: 0;
}
.staff-entry-readmore-wrap {
padding-top: 15px;
}
.staff-social {
margin-top: 5px;
}
.staff-social a {
display: inline-block;
color: #bbb;
font-size: 14px;
margin-left: 5px;
margin-top: 5px;
border: 1px solid #eee;
border-radius: 24px;
height: 24px;
line-height: 24px;
width: 24px;
text-align: center;
}
.staff-social a:first-child {
margin-left: 0;
}
.staff-social a:hover {
text-decoration: none;
background: #f7f7f7;
}
.staff-social a.staff-twitter:hover {
color: #00aced;
}
.staff-social a.staff-facebook:hover {
color: #3b5998;
}
.staff-social a.staff-pinterest:hover {
color: #cb2027;
}
.staff-social a.staff-google-plus:hover {
color: #dd4b39;
}
.staff-social a.staff-linkedin:hover {
color: #4875b4;
}
.staff-social a.staff-dribbble:hover {
color: #ef5b93;
}
.staff-social a.staff-skype:hover {
color: #04b1f5;
}
.staff-social a.staff-envelope:hover {
color: #666;
}
/* Staff > 1 Column Grid */
#staff-entries .staff-entry.span_1_of_1 {
margin: 0 0 30px;
float: none;
border: none;
}
#staff-entries .staff-entry.span_1_of_1 .staff-entry-media {
width: 45%;
float: left;
padding: 0 30px 0 0;
}
#staff-entries .staff-entry.span_1_of_1 .staff-entry-details {
width: 55%;
float: right;
padding-top: 0;
}
/* Staff > Carousel Social */
.vcex-caroufredsel-staff .staff-social a {
border-color: #ddd;
}
.vcex-caroufredsel-staff .staff-social a:hover {
background: #fff;
}
/* Staff > Singular */
#staff-post-thumbnail {
margin-bottom: 20px;
}
#staff-post-thumbnail img {
display: block;
margin: 0;
}
#staff-single-media {
margin-bottom: 30px;
}
/* Staff > Related */
.related-staff-posts {
margin-bottom: 40px;
}
/* Staff > No Margin Grid */
.staff-no-margins .col {
margin: 0 !important;
padding: 0 !important;
}
/*--------------------------------------------------------------
- Testimonials
--------------------------------------------------------------*/
/* Testimonials > Main */
.testimonial-entry-content {
position: relative;
border: 1px solid #eee;
background: #f7f7f7;
padding: 20px;
border-radius: 3px;
}
.testimonial-caret {
position: absolute;
display: block;
background: url('images/base/testimonials-arrow.png') no-repeat;
left: 10px;
height: 12px;
width: 20px;
bottom: -12px;
}
.testimonial-entry-content p {
margin: 0 0 15px;
}
.testimonial-entry-content p:last-child {
margin: 0;
}
.testimonial-entry-bottom {
margin-top: 20px;
}
.testimonial-entry-thumb {
float: left;
margin-right: 20px;
min-width: 45px;
}
.testimonial-entry-thumb img {
display: block;
padding: 3px;
border: 1px solid #eee;
border-radius: 50%;
width: 45px;
height: 45px;
}
.testimonial-entry-meta {
float: left;
}
.testimonial-entry-author {
display: block;
font-weight: bold;
font-weight: 600;
color: #000;
font-size: 1.077em;
}
.testimonial-entry-company {
margin-top: -2px;
display: block;
color: #999;
font-size: 13px;
}
/* Testimonials > Singular */
.single-testimonials .left-sidebar blockquote {
margin-top: 0;
}
.single-testimonials .right-sidebar blockquote {
margin-top: 0;
}
/*--------------------------------------------------------------
- Post Meta Styles
--------------------------------------------------------------*/
.meta {
font-size: 0.923em;
color: #777;
list-style: none;
margin: 0 0 10px;
}
.meta li {
float: left;
margin: 0 20px 5px 0;
}
.meta li:last-child {
margin-right: 0;
}
.meta li .fa {
margin-right: 8px;
}
.meta a {
color: #777;
text-decoration: none;
}
.meta a:hover {
color: #000;
text-decoration: none;
}
/*--------------------------------------------------------------
- Blog General Styles
--------------------------------------------------------------*/
/*general entry styles*/
.blog-entry a.blog-entry-media-link {
display: block;
margin: 0 auto;
}
.blog-entry.format-link .blog-entry-title {
color: #555;
}
.blog-entry-media img {
display: block;
margin: 0 auto;
width: 100%;
}
.single-post .blog-entry.grid-entry-style.format-quote {
width: 100%;
margin: 0;
}
.format-quote {
overflow: hidden;
}
.blog-entry-readmore span.readmore-rarr {
margin-left: 7px;
}
.blog-entry .social-share-title {
display: none;
}
.blog-entry-excerpt p:last-child {
margin: 0;
}
/*post gallery*/
.gallery-format-post-slider-wrap ul,
.gallery-format-post-slider-wrap ol {
margin: 0;
list-style: none;
}
.gallery-format-post-slider-wrap ul li {
list-style: none;
}
.gallery-format-post-slider-wrap .flex-control-thumbs {
padding-top: 10px;
z-index: 99;
}
.gallery-format-post-slider-wrap .flex-control-thumbs:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
zoom: 1;
}
.gallery-format-post-slider-wrap .flex-control-thumbs li {
display: block;
float: left;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer;
height: auto;
width: 50px;
}
.gallery-format-post-slider-wrap .flex-control-thumbs li a {
display: block;
}
.gallery-format-post-slider-wrap .flex-control-thumbs li img {
width: 100%;
display: block;
opacity: 0.4;
margin-bottom: 3px;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
box-shadow: #000 0em 0em 0em;
}
.gallery-format-post-slider-wrap .flex-control-thumbs img.flex-active,
.gallery-format-post-slider-wrap .flex-control-thumbs li img:hover {
opacity: 1;
}
.gallery-format-post-slider-wrap .flex-direction-nav a {
display: block;
width: 40px;
height: 60px;
line-height: 60px;
margin-top: -30px;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0.7;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
background: #000;
color: #fff;
text-align: center;
font-size: 1.385em;
}
.gallery-format-post-slider-wrap .flex-direction-nav .flex-prev {
left: 0;
border-radius: 0 3px 3px 0;
}
.gallery-format-post-slider-wrap .flex-direction-nav .flex-next {
right: 0;
border-radius: 3px 0 0 3px;
}
.gallery-format-post-slider-wrap .flex-direction-nav a:hover {
opacity: 1;
}
/*audio format*/
.blog-entry-img-link {
position: relative;
display: block;
}
.blog-entry-music-icon-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.4);
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.blog-entry-music-icon-overlay:hover {
background: rgba(0, 0, 0, 0.6);
}
.blog-entry-music-icon-overlay .fa {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
background: #fff;
color: #000;
font-size: 1.385em;
border-radius: 99px;
opacity: 0.85;
-moz-opacity: 0.85;
-webkit-opacity: 0.85;
}
.blog-post-audio {
overflow: hidden;
width: 100%;
}
.blog-post-audio iframe,
.blog-post-audio embed {
max-width: 100%;
}
/*--------------------------------------------------------------
- Blog Entry: Full-Width
--------------------------------------------------------------*/
/*main*/
.blog-entry.large-image-entry-style {
position: relative;
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
margin-left: 0;
}
.blog-entry.large-image-entry-style .blog-entry-title {
font-size: 24px;
margin: 0 0 10px;
font-weight: 400;
}
.blog-entry.large-image-entry-style .blog-entry-media,
.blog-entry.large-image-entry-style .blog-entry-excerpt,
.blog-entry.large-image-entry-style .blog-entry-readmore {
margin-bottom: 20px;
}
/*author avatars in blog entries*/
.blog-entry.large-image-entry-style .header-with-avatar {
position: relative;
padding-left: 100px;
margin-bottom: 20px;
}
.blog-entry.large-image-entry-style .blog-entry-author-avatar {
position: absolute;
left: 0;
top: 0;
}
.blog-entry.large-image-entry-style .blog-entry-author-avatar,
.blog-entry.large-image-entry-style .blog-entry-author-avatar img {
height: 74px;
width: 74px;
}
/*quote format*/
.blog-entry.large-image-entry-style.format-quote {
position: relative;
display: block;
padding: 20px 30px;
font-size: 1.231em;
z-index: 2;
background: #f7f7f7;
border-bottom: none;
}
.blog-entry.large-image-entry-style.format-quote p:last-child {
margin: 0;
}
.blog-entry.large-image-entry-style.format-quote .quote-entry-author {
margin-top: 15px;
font-size: 0.923em;
font-weight: 300;
text-decoration: underline;
}
.blog-entry.large-image-entry-style.format-quote .fa-quote-right {
position: absolute;
right: 15px;
bottom: 15px;
font-size: 60px;
display: block;
z-index: 1;
opacity: 0.1;
}
/*audio format*/
.blog-entry.large-image-entry-style .blog-entry-music-icon-overlay .fa {
height: 60px;
line-height: 60px;
width: 60px;
margin-top: -30px;
margin-left: -30px;
}
/*readmore*/
.blog-entry.large-image-entry-style .blog-entry-readmore {
margin-top: 0px;
}
/*--------------------------------------------------------------
- Blog Entry: Thumbnail
--------------------------------------------------------------*/
/*main*/
.blog-entry.thumbnail-entry-style {
position: relative;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
}
.blog-entry.thumbnail-entry-style .blog-entry-media {
float: left;
width: 46%;
}
.blog-entry.thumbnail-entry-style .blog-entry-content {
float: right;
width: 50%;
}
.content-left-sidebar .blog-entry.thumbnail-entry-style .blog-entry-media {
float: right;
}
.content-left-sidebar .blog-entry.thumbnail-entry-style .blog-entry-content {
float: left;
}
.blog-entry.thumbnail-entry-style.no-featured-image .blog-entry-content {
float: none;
width: 100%;
}
/*title*/
.blog-entry.thumbnail-entry-style .blog-entry-title {
font-size: 24px;
margin: 0 0 5px;
line-height: 1.3em;
font-weight: 400;
}
/*excerpt*/
.blog-entry.thumbnail-entry-style .blog-entry-excerpt {
margin-bottom: 20px;
}
/*readmore*/
.blog-entry.thumbnail-entry-style .blog-entry-readmore {
margin-bottom: 20px;
}
/*author avatars in blog entries*/
.blog-entry.thumbnail-entry-style .header-with-avatar {
position: relative;
padding-left: 100px;
margin-bottom: 25px;
}
.blog-entry.thumbnail-entry-style .blog-entry-author-avatar {
position: absolute;
left: 0;
top: 0;
}
/* gallery */
.blog-entry.thumbnail-entry-style .sp-fade-arrows {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
.blog-entry.thumbnail-entry-style .sp-horizontal .sp-arrows {
margin-top: -20px;
}
.blog-entry.thumbnail-entry-style .wpex-slider .sp-arrow {
height: 40px;
width: 25px;
line-height: 40px;
font-size: 1.077em;
background: rgba(0, 0, 0, 0.3);
}
.blog-entry.thumbnail-entry-style .wpex-slider .sp-arrow:hover {
background: rgba(0, 0, 0, 1);
}
/*quote format*/
.blog-entry.thumbnail-entry-style.format-quote {
position: relative;
display: block;
padding: 20px 30px;
font-size: 1.231em;
z-index: 2;
background: #f7f7f7;
}
.blog-entry.thumbnail-entry-style.format-quote p:last-child {
margin: 0;
}
.blog-entry.thumbnail-entry-style.format-quote .quote-entry-author {
margin-top: 15px;
font-size: 0.923em;
font-weight: 300;
text-decoration: underline;
}
.blog-entry.thumbnail-entry-style.format-quote .fa-quote-right {
position: absolute;
right: 15px;
bottom: 15px;
color: #fff;
font-size: 60px;
display: block;
z-index: 1;
opacity: 0.15;
}
/*--------------------------------------------------------------
- Blog Entry: Grid
--------------------------------------------------------------*/
/*main*/
.blog-isotope-grid .infinite-scroll-loader {
bottom: 0;
}
.blog-entry.grid-entry-style {
float: left;
}
.blog-entry.grid-entry-style .blog-entry-inner {
padding: 0 20px 20px;
border: 1px solid #eee;
}
.blog-entry.grid-entry-style .blog-entry-media {
margin: 0 -20px;
}
.blog-entry.grid-entry-style .social-share-buttons {
display: none !important;
}
/*title*/
.blog-entry.grid-entry-style header {
margin-top: 20px;
}
.blog-entry.grid-entry-style .blog-entry-title {
font-size: 1.231em;
margin: 0 0 5px;
line-height: 1.5em;
font-weight: 400;
}
/*author avatars in blog entries*/
.blog-entry.grid-entry-style .blog-entry-author-avatar {
display: none;
}
/* gallery */
.blog-entry.grid-entry-style .sp-fade-arrows {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
.blog-entry.grid-entry-style .sp-horizontal .sp-arrows {
margin-top: -20px;
}
.blog-entry.grid-entry-style .wpex-slider .sp-arrow {
height: 40px;
width: 25px;
line-height: 40px;
font-size: 1.077em;
background: rgba(0, 0, 0, 0.3);
}
.blog-entry.grid-entry-style .wpex-slider .sp-arrow:hover {
background: rgba(0, 0, 0, 1);
}
/*quote format*/
.blog-entry.grid-entry-style.format-quote .post-quote-entry-inner {
position: relative;
display: block;
padding: 20px 30px;
font-size: 1.231em;
z-index: 2;
background: #f7f7f7;
}
.blog-entry.grid-entry-style.format-quote p:last-child {
margin: 0;
}
.blog-entry.grid-entry-style.format-quote .quote-entry-author {
margin-top: 15px;
font-size: 0.923em;
font-weight: 300;
text-decoration: underline;
}
.blog-entry.grid-entry-style.format-quote .fa-quote-right {
position: absolute;
right: 15px;
bottom: 15px;
color: #999;
font-size: 60px;
display: block;
z-index: 1;
opacity: 0.15;
}
/*excerpt*/
.blog-entry.grid-entry-style .blog-entry-excerpt {
margin-top: 10px;
}
/*read more button*/
.blog-entry.grid-entry-style .blog-entry-readmore {
margin-top: 20px;
}
/*--------------------------------------------------------------
- Single Blog Posts
--------------------------------------------------------------*/
.single-post .entry {
margin-bottom: 40px;
}
/*post title */
.post-title {
font-size: 24px;
margin: 0 0 10px;
line-height: 1.3em;
font-weight: 400;
}
/*meta*/
.content-full-screen .meta {
display: none;
}
.single-post .meta {
margin: 0 0 20px;
}
/*meta with title*/
.single-post-title {
font-size: 24px;
margin: 0 0 10px;
font-weight: 400;
}
.single-post .meta.meta-with-title {
border: none;
padding: 0;
}
/*post thumbnail*/
#post-media {
display: block;
position: relative;
margin-bottom: 20px;
}
#post-media img {
display: block;
margin: 0 auto;
width: 100%;
}
.post-media-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 15px;
background: #000;
background: rgba(0, 0, 0, 0.75);
color: #fff;
font-size: 0.923em;
font-weight: normal;
text-align: center;
}
.post-media-caption p {
color: #fff;
}
.post-media-caption a {
color: #fff;
text-decoration: underline;
}
.post-media-caption p:last-child {
margin: 0;
}
/*post series*/
#post-series {
padding: 0 25px 25px;
background: #f7f7f7;
border: 1px solid #e4e4e4;
margin-bottom: 30px;
}
#post-series-title {
background: #eee;
font-size: 1.231em;
font-weight: 400;
margin: 0 -25px 25px;
padding: 10px 25px;
color: #000;
border-bottom: 1px solid #e4e4e4;
}
#post-series ul {
list-style: none !important;
margin: 0 !important;
}
#post-series li {
padding: 7px 0;
border-bottom: 1px solid #eee;
}
#post-series li:first-child {
padding-top: 0;
}
#post-series li:last-child {
border: none;
padding-bottom: 0;
}
#post-series .post-series-count {
font-weight: bold;
font-weight: 600;
color: #000;
margin-right: 10px;
}
#post-series .post-series-current {
color: #777;
text-decoration: line-through;
}
/*tags*/
.post-tags {
margin-bottom: 40px;
}
/*author bio*/
.author-bio {
position: relative;
margin: 0 0 40px;
background: #f7f7f7;
border: 1px solid #eee;
padding: 25px 25px 25px 125px;
}
.author-bio-avatar {
position: absolute;
top: 20px;
left: 20px;
}
.author-bio-avatar img {
display: block;
border-radius: 74px;
-moz-border-radius: 74px;
-webkit-border-radius: 74px;
height: 74px;
width: 74px;
}
.author-bio-title {
font-weight: bold;
font-weight: 600;
color: #000;
font-size: 1.077em;
margin: 0 0 10px;
}
.author-bio-title a {
color: #000;
}
.author-bio-description p:last-child {
margin: 0;
}
.author-bio-social {
margin-top: 15px;
}
.author-bio-social a {
display: block;
float: left;
color: #fff;
height: 25px;
line-height: 25px;
width: 25px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
text-align: center;
margin-right: 4px;
font-size: 13px;
background: #1e1e1e;
}
.author-bio-social a:hover {
color: #fff;
text-decoration: none;
opacity: 0.8;
}
.author-bio-social a:active {
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}
.author-bio-social a.twitter {
background: #00aced;
}
.author-bio-social a.facebook {
background: #3b5998;
}
.author-bio-social a.google-plus {
background: #d14836;
}
.author-bio-social a.pinterest {
background: #cb2027;
}
.author-bio-social a.linkedin {
background: #007fb1;
}
.author-bio-social a.instagram {
background: #517fa4;
}
/*related posts*/
.related-posts {
margin-bottom: 20px;
overflow: hidden;
}
.related-posts li {
margin-bottom: 20px;
}
.related-posts li:last-child,
.related-posts li p:last-child {
margin-bottom: 0;
}
.related-post-thumb {
display: block;
}
.related-post-thumb img {
display: block;
width: 100%;
}
.related-post-title {
margin: 0 0 5px;
display: block;
}
.related-post-content {
padding: 10px;
background: #f7f7f7;
border: 1px solid #eee;
}
.related-post-excerpt {
font-size: 0.923em;
line-height: 1.7em;
}
.related-post-excerpt p:last-child {
margin: 0;
}
/*Quote post format*/
.single .format-quote {
position: relative;
display: block;
padding: 20px 30px;
font-size: 1.231em;
z-index: 2;
background: #f7f7f7;
}
.single .format-quote p:last-child {
margin: 0;
}
.single .format-quote .quote-entry-author {
margin-top: 15px;
font-size: 0.923em;
font-weight: 300;
text-decoration: underline;
}
.single .format-quote .fa-quote-right {
position: absolute;
right: 15px;
bottom: 15px;
font-size: 60px;
display: block;
z-index: 1;
opacity: 0.1;
}
/*--------------------------------------------------------------
- Other Custom Post Types
--------------------------------------------------------------*/
.custom-posttype-entry {
position: relative;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
}
.custom-posttype-entry-media {
margin-bottom: 20px;
}
.custom-posttype-entry-title {
font-size: 24px;
margin: 0 0 10px;
font-weight: 400;
}
.custom-posttype-entry-excerpt {
margin-bottom: 20px;
}
.custom-posttype-entry-excerpt p:last-child {
margin: 0;
}
/*--------------------------------------------------------------
- Social Sharing
--------------------------------------------------------------*/
ul.social-share-buttons {
list-style: none !important;
}
/*vertical social share*/
.social-share-buttons.position-vertical {
position: absolute;
top: 0;
left: -55px;
z-index: 9;
width: 35px;
list-style: none;
margin: 0;
}
.left-sidebar .social-share-buttons.position-vertical {
right: -55px;
left: auto;
}
.social-share-buttons.position-vertical li {
float: left;
}
.social-share-buttons.position-vertical li:first-child {
border-top: 1px solid #e4e4e4;
}
/*horizontal social share*/
.social-share-buttons.position-horizontal {
position: inherit;
top: auto;
left: auto;
width: auto;
height: auto;
margin: 0 0 40px;
}
.social-share-buttons.position-horizontal li {
float: left;
margin: 0 5px 5px 0;
border: none;
}
.social-share-buttons.position-horizontal li a {
color: #999;
width: auto;
padding: 0 10px;
height: 30px;
line-height: 30px;
display: block;
border: 1px solid #e4e4e4;
text-decoration: none !important;
font-weight: normal;
}
.social-share-buttons.position-horizontal li .fa {
margin-right: 5px;
}
.social-share-buttons.position-horizontal .social-share-button-text {
font-size: 13px;
}
/*minimal social share*/
.social-share-buttons li a {
color: #999;
width: 35px;
height: 35px;
line-height: 35px;
display: block;
border: 1px solid #e4e4e4;
border-top: none;
text-align: center;
font-size: 1.077em;
transition: all 0.15s ease-in-out;
}
.social-share-buttons li a:hover {
background: #f7f7f7;
}
.social-share-buttons li.share-twitter a:hover {
color: #00aced;
}
.social-share-buttons li.share-facebook a:hover {
color: #3b5998;
}
.social-share-buttons li.share-pinterest a:hover {
color: #cb2027;
}
.social-share-buttons li.share-googleplus a:hover {
color: #dd4b39;
}
.social-share-buttons li.share-linkedin a:hover {
color: #4875b4;
}
/*flat social share*/
.style-flat li li:first-child {
border: none;
}
.social-share-buttons.style-flat li a {
color: #fff !important;
border: none !important;
border-radius: 2px;
}
.style-flat li.share-twitter a {
background: #00aced;
}
.style-flat li.share-twitter a:hover {
background: #0093cb;
}
.style-flat li.share-facebook a {
background: #3b5998;
}
.style-flat li.share-facebook a:hover {
background: #324b80;
}
.style-flat li.share-pinterest a {
background: #cb2027;
}
.style-flat li.share-pinterest a:hover {
background: #ae1b21;
}
.style-flat li.share-googleplus a {
background: #dd4b39;
}
.style-flat li.share-googleplus a:hover {
background: #d03724;
}
.style-flat li.share-linkedin a {
background: #4875b4;
}
.style-flat li.share-linkedin a:hover {
background: #3e659c;
}
.social-share-buttons.style-flat li {
margin-bottom: 3px;
}
/*3d social share*/
.style-three-d li li:first-child {
border: none;
}
.social-share-buttons.style-three-d li a {
color: #fff !important;
border: none;
border-bottom: 3px solid rgba(0, 0, 0, 0.25);
border-radius: 2px;
}
.social-share-buttons.style-three-d li a:active {
border-bottom-color: transparent;
}
.style-three-d li.share-twitter a {
background: #00aced;
}
.style-three-d li.share-twitter a:hover {
background: #0093cb;
}
.style-three-d li.share-facebook a {
background: #3b5998;
}
.style-three-d li.share-facebook a:hover {
background: #324b80;
}
.style-three-d li.share-pinterest a {
background: #cb2027;
}
.style-three-d li.share-pinterest a:hover {
background: #ae1b21;
}
.style-three-d li.share-googleplus a {
background: #dd4b39;
}
.style-three-d li.share-googleplus a:hover {
background: #d03724;
}
.style-three-d li.share-linkedin a {
background: #4875b4;
}
.style-three-d li.share-linkedin a:hover {
background: #3e659c;
}
.social-share-buttons.style-three-d li {
margin-bottom: 3px;
}
/*social light - counter style*/
.social-buttons .socialite {
display: block;
position: relative;
}
.social-share-buttons.style-counter {
min-height: 1px;
min-width: 1px;
}
.social-share-buttons.position-vertical.style-counter {
width: auto;
left: -80px;
}
.social-share-buttons.style-counter li,
.social-share-buttons.style-counter a {
border: none !important;
}
.social-share-buttons.style-counter.position-vertical li {
display: block;
float: none;
margin: 0;
}
.social-share-buttons.position-horizontal.style-counter li {
display: block;
float: left;
margin-right: 7px;
}
.social-share-buttons.style-counter a {
border: none !important;
background: none !important;
}
/*--------------------------------------------------------------
- WP Gallery
--------------------------------------------------------------*/
.content-full-width .gallery-item {
margin-bottom: 15px;
}
.content-left-sidebar .gallery-item,
.content-right-sidebar .gallery-item {
margin-bottom: 10px;
}
.wpex-gallery {
margin-bottom: 15px;
}
#wrap .wpex-gallery p {
margin: 0;
}
#wrap .gallery {
margin: 0 -10px;
}
.gallery-item {
padding: 0 10px;
}
#wrap .gallery-item img {
display: block;
border: none;
width: 100%;
}
.gallery-item img:hover {
opacity: 0.8;
}
.gallery-caption {
font-size: 0.923em;
background: #f7f7f7;
border: 1px solid #e4e4e4;
border-top: none;
text-align: center;
padding: 5px 10px;
}
/*--------------------------------------------------------------
- Pagination
--------------------------------------------------------------*/
/*next/previous posts*/
.post-pagination {
border-top: 1px solid #eee;
padding: 30px 0;
color: #888;
}
.post-pagination .post-prev {
float: left;
width: 48%;
}
.post-pagination .post-prev span {
margin-right: 5px;
}
.post-pagination .post-next {
float: right;
width: 48%;
text-align: right;
}
.post-pagination .post-next span {
margin-left: 5px;
}
.post-pagination a {
color: #888;
}
.content-full-screen .post-pagination {
display: none;
}
/*standard*/
ul.page-numbers {
list-style: none;
margin: 10px 0 0;
}
ul.page-numbers li {
display: block;
float: left;
margin: 0 4px 4px 0;
text-align: center;
}
.page-numbers a,
.page-numbers span {
line-height: 1;
display: block;
padding: 0.4em 0.7em;
font-size: 0.923em;
text-decoration: none;
font-weight: normal;
font-weight: 400;
cursor: pointer;
border: 1px solid #ddd;
color: #888;
transition: all 0.15s ease-in-out;
}
.page-numbers a span {
padding: 0;
}
.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
color: #000;
background: #f7f7f7;
text-decoration: none;
}
.page-numbers:hover {
text-decoration: none;
}
/*infinite scroll*/
.infinite-scroll-loader {
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -8px;
height: 16px;
line-height: 16px;
width: 30px;
background: url('images/preloaders/loader.gif') center center no-repeat;
text-indent: -9999px;
}
#infscr-loading img {
display: none !important;
}
.infinite-scroll-nav {
display: none;
}
/*Add some padding*/
.infinite-scroll-wrap {
position: relative;
padding-bottom: 20px;
}
/*--------------------------------------------------------------
- Sidebar
--------------------------------------------------------------*/
#sidebar {
margin-bottom: 10px;
}
.sidebar-box {
padding-bottom: 30px;
}
.sidebar-box input {
max-width: 100%;
}
.sidebar-box .widget-title {
margin: 0 0 20px;
font-size: 1.077em;
font-weight: bold;
font-weight: 600;
color: #000;
}
.sidebar-box .widget-titleselect {
width: 100%;
}
/*--------------------------------------------------------------
- Widgets
--------------------------------------------------------------*/
/* Widgets > Borders */
.wpex-widget-recent-posts-li,
.widget_categories li,
.widget_recent_entries li,
.widget_archive li,
.widget_recent_comments li,
.widget_product_categories li,
.widget_layered_nav li,
.widget-recent-posts-icons li {
padding: 6px 0;
border-bottom: 1px solid #eee;
}
.wpex-widget-recent-posts-li:first-child,
.widget_categories li:first-child,
.widget_recent_entries li:first-child,
.widget_archive li:first-child,
.widget_recent_comments li:first-child,
.widget_product_categories li:first-child,
.widget_layered_nav li:first-child,
.widget-recent-posts-icons li:first-child {
border-top: 1px solid #eee;
}
.widget_product_categories ul ul li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.widget_product_categories ul ul li {
padding-left: 15px;
}
/* Widgets > Custom Menu */
#main .widget_nav_menu .sub-menu {
display: none;
}
#main .widget_nav_menu ul {
margin: 0;
}
#main .widget_nav_menu ul ul {
margin: 0;
border: none;
border-radius: 0;
}
#main .widget_nav_menu ul > li:first-child > a {
border-top: 1px solid #e4e4e4;
}
#main .widget_nav_menu li ul li:first-child a {
border-top: none;
}
#main .widget_nav_menu a {
position: relative;
font-weight: normal;
display: block;
padding: 9px 15px;
border: 1px solid #e4e4e4;
border-top: none;
}
#main .widget_nav_menu a .fa {
margin-right: 10px;
}
#main .widget_nav_menu .menu-item-has-children > a {
padding-right: 30px;
}
#main .widget_nav_menu ul ul li a {
padding-left: 20px;
}
#main .widget_nav_menu ul ul ul li a {
padding-left: 30px;
}
#main .widget_nav_menu .sub-menu a:before {
/*content: "\2013";*/
content: '-';
margin-right: 10px;
}
#main .widget_nav_menu .sub-menu .sub-menu a:before {
/*content: "\2013";*/
content: '- -';
margin-right: 10px;
}
#main .widget_nav_menu a:hover,
#main .widget_nav_menu li.active > a {
background-color: #f9f9f9;
text-decoration: none;
}
#main .widget_nav_menu .parent > a:after {
font-family: 'FontAwesome';
display: block;
content: '\f0d7';
position: absolute;
right: 15px;
top: 50%;
font-size: 1.077em;
height: 20px;
line-height: 20px;
margin-top: -10px;
color: #ddd;
}
#main .widget_nav_menu .parent.active > a:after {
content: '\f0d8';
}
#main .widget_nav_menu .current_page_item > a {
background: #f7f7f7;
}
/* Widgets > Modern Menu */
.modern-menu-widget {
border: 1px solid #ddd;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 0;
}
.modern-menu-widget li,
.modern-menu-widget a {
display: block;
}
.modern-menu-widget a {
position: relative;
padding: 7px 30px 7px 10px;
color: #777;
}
.modern-menu-widget a > .fa {
margin-right: 8px;
}
.modern-menu-widget a:after {
display: block;
font-family: 'FontAwesome';
content: '\f054';
position: absolute;
right: 10px;
top: 50%;
margin-top: -6px;
height: 12px;
line-height: 12px;
font-size: 0.923em;
color: #aaa;
}
body.content-right-sidebar .modern-menu-widget li a {
padding-left: 30px;
padding-right: 10px;
}
body.content-right-sidebar .modern-menu-widget a:after {
left: 10px;
content: '\f053';
}
.modern-menu-widget a:hover {
text-decoration: none;
background: #fafafa;
color: #3b86b0;
}
.modern-menu-widget li.current-menu-item a {
color: #fff;
background: #3b86b0;
}
.modern-menu-widget li.current-menu-item a:after {
color: #fff;
}
.modern-menu-widget li {
border-bottom: 1px solid #ddd;
}
.modern-menu-widget li ul {
border-top: 1px solid #ddd;
}
.modern-menu-widget > li:first-child > a {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.modern-menu-widget > li:last-child > a {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.modern-menu-widget li:last-child {
border-bottom: none;
}
/* Widgets > Tagcloud */
#main .tagcloud a,
.post-tags a {
display: block;
float: left;
padding: 0.3em 0.8em;
margin: 0 5px 5px 0;
border: 1px solid #eee;
color: #555;
background: #f7f7f7;
cursor: pointer;
transition: all 0.15s ease-in-out;
}
#main .tagcloud a:hover,
.post-tags a:hover {
text-decoration: none;
background: #4a97c2;
color: #fff;
border-color: transparent;
}
/* Widgets > Social (images) */
.wpex-social-widget-output {
list-style: none;
}
.wpex-social-widget-output li {
margin: 0;
padding: 0;
border: none;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.wpex-social-widget-output li img {
display: block;
}
.wpex-social-widget-output li img:hover {
opacity: 0.8;
}
.wpex-social-widget-output li img:active {
position: relative;
top: 1px;
}
/* Widgets > Social (Font Awesome) */
.fontawesome-social-widget .desc {
margin-bottom: 10px;
}
.fontawesome-social-widget ul {
list-style: none;
}
.fontawesome-social-widget ul li {
margin: 0;
padding: 0;
border: none;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.fontawesome-social-widget ul li a {
background: #444;
display: block;
height: 30px;
line-height: 30px;
width: 30px;
border-radius: 3px;
text-align: center;
font-size: 1.077em;
color: #fff !important;
}
.fontawesome-social-widget ul.black a,
.fontawesome-social-widget ul.black-color-hover a {
background: #000;
}
.fontawesome-social-widget ul.black a:hover,
.fontawesome-social-widget ul.color a:hover {
opacity: 0.7;
}
.fontawesome-social-widget ul.graphical a {
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
border: 1px solid rgba(0, 0, 0, 0.1);
background: #444;
}
.fontawesome-social-widget ul.black-color-hover.graphical a {
background: #444;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-twitter a:hover,
.fontawesome-social-widget ul.color .social-widget-twitter a {
background: #55acce;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-dribbble a:hover,
.fontawesome-social-widget ul.color .social-widget-dribbble a {
background: #ea4c89;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-facebook a:hover,
.fontawesome-social-widget ul.color .social-widget-facebook a {
background: #3b5998;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-flickr a:hover,
.fontawesome-social-widget ul.color .social-widget-flickr a {
background: #ff0084;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-vk a:hover,
.fontawesome-social-widget ul.color .social-widget-vk a {
background: #55779b;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-tumblr a:hover,
.fontawesome-social-widget ul.color .social-widget-tumblr a {
background: #2c4762;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-google-plus a:hover,
.fontawesome-social-widget ul.color .social-widget-google-plus a {
background: #dd4b39;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-youtube-play a:hover,
.fontawesome-social-widget ul.color .social-widget-youtube-play a {
background: #c4302b;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-skype a:hover,
.fontawesome-social-widget ul.color .social-widget-skype a {
background: #00aff0;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-rss a:hover,
.fontawesome-social-widget ul.color .social-widget-rss a {
background: #ff7900;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-instagram a:hover,
.fontawesome-social-widget ul.color .social-widget-instagram a {
background: #3f729b;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-linkedin a:hover,
.fontawesome-social-widget ul.color .social-widget-linkedin a {
background: #3399cc;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-renren a:hover,
.fontawesome-social-widget ul.color .social-widget-renren a {
background: #2970ad;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-pinterest a:hover,
.fontawesome-social-widget ul.color .social-widget-pinterest a {
background: #cb2027;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-github a:hover,
.fontawesome-social-widget ul.color .social-widget-github a {
background: #555;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-foursquare a:hover,
.fontawesome-social-widget ul.color .social-widget-foursquare a {
background: #0cbadf;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-trello a:hover,
.fontawesome-social-widget ul.color .social-widget-trello a {
background: #2174a6;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-xing a:hover,
.fontawesome-social-widget ul.color .social-widget-xing a {
background: #026466;
}
.fontawesome-social-widget ul.black-color-hover .social-widget-vine a:hover,
.fontawesome-social-widget ul.color .social-widget-vine a {
background: #00b386;
}
/* Widgets > Flickr */
.wpex-flickr-widget {
margin-right: -10px;
}
.wpex-flickr-widget .flickr_badge_image {
display: block;
width: 22%;
float: left;
margin-right: 2%;
margin-bottom: 7px;
height: auto !important;
}
.wpex-flickr-widget .flickr_badge_image a,
.wpex-flickr-widget .flickr_badge_image img {
display: block;
float: left;
width: auto !important;
height: auto !important;
}
.wpex-flickr-widget .flickr_badge_image:hover {
opacity: 0.8;
}
/* Widgets > Video */
.wpex-video-widget-description {
text-align: center;
margin-top: 15px;
}
/* Widgets > Calendar */
#wp-calendar {
width: 100%;
font-size: 0.846em;
}
#wp-calendar thead th {
background: #f5f5f5;
border: 1px solid #ddd;
border-top: none;
font-size: 0.846em;
}
#wp-calendar tbody td {
text-align: center;
border: 1px solid #ddd;
line-height: 2.5em;
transition: background 0.15s ease;
-webkit-transition: background 0.15s ease;
-o-transition: background 0.15s ease;
-moz-transition: background 0.15s ease;
}
#wp-calendar tbody td:hover {
background: #f1f1f1;
color: #333;
}
#wp-calendar tbody td a {
display: block;
text-decoration: none;
background: #f1f1f1;
color: #333;
}
#wp-calendar tbody td:hover a {
background: #4d4d4d;
color: #fff;
}
#wp-calendar tfoot td {
padding-top: 1px;
padding: 4px;
}
#wp-calendar caption {
cursor: pointer;
font-size: 13px;
text-transform: uppercase;
margin: 0;
padding: 12px;
outline: 0 none !important;
background: #3b86b0;
color: #fff;
text-align: center;
}
#wp-calendar tbody a {
display: block;
text-decoration: underline;
}
#wp-calendar th {
text-align: center;
border: 1px solid transparent;
border-top: none;
padding: 7px 0;
color: #a7a7a7;
}
#footer #wp-calendar thead th {
background: #222;
}
#footer #wp-calendar tbody td {
border-color: #222;
}
/* Widgets > Thumbnail Grid */
.wpex-recent-posts-thumb-grid.wpex-row {
margin: 0 -5px;
margin-bottom: -10px;
overflow: hidden;
}
.wpex-recent-posts-thumb-grid.wpex-row .nr-col {
padding: 0 5px;
margin-bottom: 10px;
}
.wpex-recent-posts-thumb-grid li a,
.wpex-recent-posts-thumb-grid li img {
display: block;
width: auto;
max-width: 100%;
}
.wpex-recent-posts-thumb-grid li img:hover {
opacity: 0.8;
}
/* Widgets > Posts w/ Thumbnails */
.wpex-widget-recent-posts-li {
margin: 0;
font-size: 1em;
min-height: 95px;
padding-left: 85px;
position: relative;
padding-top: 15px;
padding-bottom: 15px;
}
.wpex-widget-recent-posts-li:first-child {
padding-top: 15px;
}
.wpex-widget-recent-posts-thumbnail {
position: absolute;
left: 0;
top: 15px;
width: 65px;
}
.wpex-widget-recent-posts-thumbnail,
.wpex-widget-recent-posts-thumbnail img {
display: block;
}
.wpex-widget-recent-posts-li:first-child .wpex-widget-recent-posts-thumbnail {
top: 15px;
}
.wpex-widget-recent-posts-thumbnail:hover {
opacity: 0.7;
}
.wpex-widget-recent-posts-title {
font-weight: bold;
font-weight: 600;
color: #000;
}
.wpex-widget-recent-posts-title:hover {
text-decoration: none;
opacity: 0.75;
}
#sidebar .wpex-widget-recent-posts-date {
font-size: 0.923em;
font-weight: 400;
color: #777;
}
.wpex-widget-recent-posts.style-fullimg .wpex-widget-recent-posts-thumbnail {
position: inherit;
left: auto;
top: auto;
margin-bottom: 15px;
width: 100%;
}
.wpex-widget-recent-posts.style-fullimg .wpex-widget-recent-posts-li {
padding-left: 0;
min-height: 0;
}
.wpex-widget-recent-posts.style-fullimg .wpex-widget-recent-posts-date {
margin-top: 0;
}
/* Widgets > Categories */
.widget_categories li {
position: relative;
}
.widget_categories li ul {
margin: 0 0 0 20px;
}
.widget_categories li ul li:first-child {
border-top: 1px solid #eee;
margin-top: 4px;
}
.widget_categories li ul li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.widget_categories .cat-count-span {
color: #999;
font-size: 0.846em;
}
/* Widgets > Layered Nav */
.widget_layered_nav li {
position: relative;
}
.widget_layered_nav .count {
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
height: 12px;
line-height: 12px;
color: #999;
font-size: 0.846em;
}
/* Widgets > Recent Posts */
.widget_recent_entries .post-date {
display: block;
font-size: 0.846em;
color: #777;
margin: 5px 0 0;
}
/* Widgets > Recent Posts w/ Icons */
.sidebar-widget-icons .widget_archive a:before,
.sidebar-widget-icons .widget_recent_entries a:before,
.sidebar-widget-icons .widget_recent_comments a:first-child:before,
.sidebar-widget-icons .widget_layered_nav a:before,
.sidebar-widget-icons .widget_product_categories a:before,
.sidebar-widget-icons .widget_categories a:before {
margin-right: 10px;
font-family: 'FontAwesome';
color: #999;
display: inline-block;
}
.sidebar-widget-icons .widget_archive a:before {
content: '\f016';
}
.sidebar-widget-icons .widget_recent_entries a:before {
content: '\f0f6';
}
.sidebar-widget-icons .widget_recent_comments a:first-child:before {
content: '\f0e5';
}
.sidebar-widget-icons .widget_layered_nav a:before {
content: '\f0da';
}
.sidebar-widget-icons .widget_product_categories a:before {
content: '\f0da';
}
.sidebar-widget-icons .widget_categories a:before {
content: '\f114';
}
/* Widgets > Footer Colors */
#footer li,
#footer #wp-calendar thead th,
#footer #wp-calendar tbody td {
border-color: #333;
}
#footer #wp-calendar tbody td:hover,
#footer #wp-calendar tbody td a {
color: #fff;
background-color: #333;
}
/* Widgets > With Icons */
.widget-recent-posts-icons li .fa {
margin-right: 10px;
color: #999;
}
.site-footer .widget-recent-posts-icons li .fa {
color: #777;
}
/* Widgets > Recent Posts */
.wpex-recent-comments-widget li {
position: relative;
padding-left: 70px;
display: block;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
margin-bottom: 20px;
min-height: 62px;
}
.wpex-recent-comments-widget li:first-child {
border-top: 1px solid #eee;
padding-top: 20px;
}
.wpex-recent-comments-widget li a {
display: block;
}
.wpex-recent-comments-widget li a.avatar {
width: 50px;
height: 50px;
position: absolute;
left: 0;
top: 0;
display: block;
padding: 3px;
border: 1px solid #e4e4e4;
}
.wpex-recent-comments-widget li:first-child a.avatar {
top: 20px;
}
.site-footer .wpex-recent-comments-widget li a.avatar {
border-color: #333;
}
.wpex-recent-comments-widget strong {
color: #000;
}
.site-footer .wpex-recent-comments-widget strong {
color: #fff;
}
/*--------------------------------------------------------------
- Footer Callout
--------------------------------------------------------------*/
#footer-callout-wrap {
background: #f7f7f7;
padding: 30px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
#footer-callout {
font-size: 1.385em;
font-weight: normal;
}
#footer-callout-left,
#footer-callout-right {
display: block;
float: left;
}
#footer-callout-left {
width: 75%;
}
#footer-callout-left.full-width {
width: 100%;
}
#footer-callout-right {
width: 23%;
margin-left: 2%;
}
#footer-callout .theme-button {
background: #3b86b0;
margin: 0;
width: 100%;
text-align: center;
font-size: 0.889em;
font-weight: normal;
padding: 15px 20px;
}
#footer-callout .theme-button:hover {
background: #327397;
}
/*--------------------------------------------------------------
- Footer & Footer Widgets
--------------------------------------------------------------*/
/* Footer > Back To Top Button */
#site-scroll-top {
position: fixed;
right: 40px;
bottom: 80px;
color: #898989;
height: 41px;
line-height: 35px;
width: 41px;
font-size: 1.231em;
border-radius: 50%;
background: #f7f7f7;
border: 3px solid #fff;
text-align: center;
z-index: 999;
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
}
#site-scroll-top:hover {
text-decoration: none;
color: #fff;
background-color: #3b86b0;
border-color: #3b86b0;
}
#site-scroll-top.show {
visibility: visible;
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
/*--------------------------------------------------------------
- Footer Reveal
--------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
.footer-reveal {
display: none;
position: relative;
z-index: 1;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
.footer-has-reveal #main {
position: relative;
z-index: 2;
background: #fff;
}
}
@media only screen and (max-width: 959px) {
body.footer-has-reveal #wrap {
margin-bottom: 0 !important;
}
}
/*--------------------------------------------------------------
- Search
--------------------------------------------------------------*/
/*search input*/
.searchform {
position: relative;
}
.searchform input {
width: 100%;
background-repeat: no-repeat;
background-position: right center;
padding: 0.8em 30px 0.8em 0.8em;
}
.searchform .searchform-submit {
position: absolute;
top: 50%;
right: 15px;
height: 20px;
line-height: 20px;
margin: -10px 0 0;
background: none;
padding: 0;
border: 0;
outline: 0;
color: #000;
font-size: 11px;
opacity: 0.5;
}
#footer .searchform input {
background-color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
border: none;
padding: 0.8em;
}
#footer input[type='search'] {
outline: none;
}
/*search results page*/
#search-no-results {
font-size: 1.231em;
margin-bottom: 20px;
}
/*entries*/
.search-entry {
position: relative;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
padding-left: 130px;
min-height: 120px;
}
.search-entry-no-thumb {
padding-left: 0;
min-height: 0;
}
.search-entry h2 {
font-size: 1.313em;
margin: 0 0 10px;
font-weight: bold;
font-weight: 600;
}
.search-entry-thumb {
position: absolute;
top: 0;
left: 0;
width: 100px;
padding: 4px;
border: 1px solid #eee;
}
.search-entry-thumb img {
display: block;
width: 100%;
}
.search-entry-thumb img:hover {
opacity: 0.8;
}
.search-entry-text p:last-child {
margin: 0;
}
/*search site overlay - modal*/
#searchform-overlay {
display: none;
width: 350px;
top: 120px;
}
#searchform-overlay-title {
font-size: 28px;
margin: 0 0 20px;
font-weight: 400;
color: #fff;
text-align: center;
}
#searchform-overlay input {
background: #fff url('images/base/search-overlay-icon.png') right center no-repeat;
-webkit-apperance: none !important;
width: 100%;
border: 0;
outline: 0;
padding: 0;
padding-right: 40px;
padding-left: 20px;
height: 45px;
color: #000;
font-size: 13px;
font-weight: 400;
border-radius: 3px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
}
#searchform-overlay input:focus {
opacity: 0.95;
}
#searchform-overlay .site-search-form-close:hover {
color: #000;
}
/*dropdown searchform*/
#searchform-dropdown {
z-index: 10000;
position: absolute;
right: 0;
background: #fff;
top: 100%;
height: 60px;
padding: 15px;
width: 260px;
border-top: 3px solid #3b86b0;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
}
#searchform-dropdown input {
display: block;
outline: none;
border: none;
width: 100%;
padding: 0 10px;
height: 30px;
background: #f4f4f4;
-webkit-appearance: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.boxed-main-layout #searchform-dropdown {
right: 30px;
}
/*header replace*/
#searchform-header-replace {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #fff;
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
}
#searchform-header-replace form {
height: 100%;
width: 100%;
}
#searchform-header-replace input {
height: 100%;
width: 100%;
outline: 0;
border: 0;
-webkit-appearance: none;
border-radius: 0;
-moz-border-radius: none;
-webkit-border-radius: none;
font-size: 32px;
text-transform: uppercase;
color: #bbb;
background: none;
}
#searchform-header-replace-close {
position: absolute;
right: 0;
top: 50%;
margin-top: -20px;
height: 40px;
line-height: 40px;
font-size: 26px;
color: #bbb;
cursor: pointer;
}
#searchform-header-replace-close:hover {
color: #000;
}
body.boxed-main-layout #searchform-header-replace input {
padding: 0 30px;
}
body.boxed-main-layout #searchform-header-replace-close {
right: 30px;
}
/*display search on click*/
#searchform-dropdown.show,
#searchform-header-replace.show {
visibility: visible;
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
/*--------------------------------------------------------------
- Contact Form 7
--------------------------------------------------------------*/
div.wpcf7 .wpcf7-not-valid {
border-color: #f00;
}
div.wpcf7 p {
margin-bottom: 10px;
}
span.wpcf7-not-valid-tip {
display: none !important;
}
div.wpcf7 input,
div.wpcf7 textarea {
max-width: 100%;
}
div.wpcf7-validation-errors {
margin: 20px 0 0;
padding: 10px;
color: #c4690e;
background: #fffdf3;
text-align: center;
border: 1px solid #fad7b5;
font-weight: 400;
font-size: 0.923em;
}
div.wpcf7 .wpcf7-mail-sent-ok {
margin: 10px 0 0;
padding: 10px;
background: #edfdd3;
border: 1px solid #c4dba0;
text-align: center;
color: #657e3c;
font-weight: normal;
}
div.wpcf7-mail-sent-ng {
margin: 0;
padding: 10px;
background: #ffe9e9;
color: #d04544;
border: 1px solid #e7a9a9;
}
.wpcf7 input,
.wpcf7 textarea {
margin-top: 5px;
}
div.wpcf7 .col input {
width: 100%;
}
div.wpcf7 .one-half input {
width: 100%;
}
div.wpcf7 .one-half {
padding-left: 20px;
}
div.wpcf7 .one-half.first {
padding-left: 0;
}
div.wpcf7 .full-width input {
width: 100%;
}
/*--------------------------------------------------------------
- Login Page
--------------------------------------------------------------*/
#login-page-wrap {
margin-top: 80px;
text-align: center;
}
#login-page-logo {
margin-bottom: 10px;
}
#login-page-logo a {
font-weight: bold;
font-weight: 600;
font-size: 26px;
color: #000;
}
#login-template-form {
display: inline-block;
border: 1px solid #eee;
background: #f7f7f7;
padding: 20px;
width: 300px;
}
#login-template-form label {
font-size: 0.846em;
text-transform: uppercase;
font-weight: 400;
text-align: left;
letter-spacing: 1px;
display: block;
float: none;
margin-bottom: 5px;
color: #999;
}
#login-template-form input[type='text'],
#login-template-form input[type='password'] {
width: 100%;
background: #fff;
}
#login-template-form .button-primary {
width: 100%;
}
#login-template-form .login-submit {
margin: 0;
}
/*--------------------------------------------------------------
- Login Form
--------------------------------------------------------------*/
#wpex-loginform-wrap label {
font-size: 1.125em;
}
#wpex-loginform-wrap input[type='text'],
#wpex-loginform-wrap input[type='password'] {
width: 100%;
font-size: 1em;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid transparent;
margin-top: 10px;
border-radius: 3px;
}
#wpex-loginform-wrap input[type='text']:focus,
#wpex-loginform-wrap input[type='password']:focus {
border-color: #ccc;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
color: #333;
}
#wpex-loginform-wrap p:last-child {
margin: 0;
}
#wpex-loginform-wrap a:hover {
color: #4d4d4d;
text-decoration: none;
}
/*--------------------------------------------------------------
- Archives
--------------------------------------------------------------*/
.archives-section {
margin-bottom: 60px;
}
.archives-section h2 {
margin: 0 0 10px;
}
.archives-list {
list-style: none;
border-top: 1px solid #eee;
padding-top: 10px;
}
.archives-list li {
display: block;
color: #999;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 10px;
}
.archives-list li a {
color: #999;
}
.archives-list li a:hover {
color: #000;
text-decoration: none;
}
.archives-list li .fa {
color: #999;
margin-right: 15px;
}
/*--------------------------------------------------------------
- Comments
--------------------------------------------------------------*/
#comments {
margin-bottom: 40px;
}
#comments.empty-closed-comments {
display: none;
}
.comment-notes {
color: #666;
}
#comments .children {
margin-left: 30px;
}
#comments li .comment {
position: relative;
}
.comment-author {
left: 0;
position: absolute;
top: 0px;
padding: 3px;
border: 1px solid #e4e4e4;
}
.comment-author .avatar {
display: block;
}
.comment-details {
position: relative;
margin-bottom: 25px;
padding-bottom: 25px;
margin-left: 80px;
border-bottom: 1px solid #eee;
}
.comment-meta {
margin-bottom: 15px;
}
.comment-meta a:hover {
text-decoration: none;
}
.comment-meta .url {
color: #000;
}
.comment-date {
color: #a7a7a7;
}
.comment-meta .fn {
display: block;
font-size: 1.077em;
font-weight: bold;
font-weight: 600;
color: #000;
}
#cancel-comment-reply-link {
font-size: 0.923em;
color: #989898;
float: right;
font-weight: normal;
border: 2px solid #ededed;
padding: 3px 10px;
border-radius: 3px;
text-decoration: none;
}
#cancel-comment-reply-link:hover {
color: #000;
}
#cancel-comment-reply-link .fa {
margin-right: 7px;
}
.comment-reply {
margin-top: 15px;
}
.comment-reply-link {
display: block;
float: left;
color: #a7a7a7;
text-decoration: underline;
}
.comment-reply-link:hover {
color: #000;
}
.comment-reply-title {
font-size: 1.231em;
margin-bottom: 0;
}
.logged-in-as {
font-size: 0.923em;
margin: 0 0 10px;
}
p.comment-notes {
margin: 10px 0 20px;
}
.comment-content p:last-child {
margin: 0;
}
.comment-form-author,
.comment-form-email,
.comment-form-website,
.comment-form-comment,
.comment-form-url {
margin: 0 0 10px;
}
.comment-form-author input,
.comment-form-author input,
.comment-form-email input,
.comment-form-website input,
.comment-form-comment input,
.comment-form-url input {
width: 50%;
}
#commentform label {
display: block;
margin-bottom: 3px;
}
.comment-navigation {
font-size: 12px;
}
.nav-next {
text-align: right;
}
.form-allowed-tags {
display: none;
}
span.required {
color: #f00;
font-size: 9px;
position: relative;
top: -4px;
}
.no-comments {
text-align: right;
}
.no-comments i {
margin-right: 8px;
}
/*trackbacks and pingbacks*/
#comments .pingback,
#comments .trackback p {
margin: 0;
}
/*WP JetPack*/
.comment-subscription-form {
margin: 0px;
}
.comment-subscription-form:after {
clear: both;
content: '.';
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.comment-subscription-form input,
.comment-subscription-form label {
float: left;
font-size: 0.846em;
margin: 0px !important;
margin-right: 5px !important;
}
/*--------------------------------------------------------------
- iLightbox Core Styles
--------------------------------------------------------------*/
.ilightbox-overlay,
.ilightbox-loader,
.ilightbox-loader *,
.ilightbox-holder,
.ilightbox-holder .ilightbox-container,
.ilightbox-holder .ilightbox-container img.ilightbox-image,
.ilightbox-holder .ilightbox-container .ilightbox-caption,
.ilightbox-toolbar,
.ilightbox-toolbar *,
.ilightbox-thumbnails,
.ilightbox-thumbnails *,
.ilightbox-holder .ilightbox-container .ilightbox-social,
.ilightbox-holder .ilightbox-container .ilightbox-social * {
float: none;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
line-height: 100%;
vertical-align: baseline;
background: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
}
.ilightbox-overlay,
.ilightbox-loader,
.ilightbox-loader *,
.ilightbox-holder .ilightbox-container .ilightbox-caption,
.ilightbox-toolbar,
.ilightbox-thumbnails,
.ilightbox-thumbnails *,
.ilightbox-holder .ilightbox-container .ilightbox-social {
-webkit-transform: translateZ();
-moz-transform: translateZ();
}
.ilightbox-noscroll {
overflow: hidden;
}
.ilightbox-closedhand * {
cursor: url(closedhand.cur), default !important;
}
.ilightbox-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100000;
}
.ilightbox-loader {
position: fixed;
z-index: 100005;
top: 45%;
left: -192px;
padding-left: 30px;
opacity: 0.9;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
filter: alpha(opacity=90);
-webkit-border-radius: 0 100px 100px 0;
border-radius: 0 100px 100px 0;
}
.ilightbox-loader div {
width: 72px;
height: 72px;
-webkit-border-radius: 0 100px 100px 0;
border-radius: 0 100px 100px 0;
}
.ilightbox-loader.horizontal {
left: 45%;
top: -192px;
padding: 0;
padding-top: 30px;
-webkit-border-radius: 0 0 100px 100px;
border-radius: 0 0 100px 100px;
}
.ilightbox-loader.horizontal div {
-webkit-border-radius: 0 0 100px 100px;
border-radius: 0 0 100px 100px;
}
.ilightbox-toolbar {
display: none;
position: fixed;
z-index: 100010;
}
.ilightbox-toolbar a {
float: left;
cursor: pointer;
}
.ilightbox-toolbar .ilightbox-prev-button,
.ilightbox-toolbar .ilightbox-next-button {
display: none;
}
.ilightbox-thumbnails {
display: block;
position: fixed;
z-index: 100009;
}
.ilightbox-thumbnails.ilightbox-horizontal {
bottom: 0;
left: 0;
width: 100%;
height: 100px;
}
.ilightbox-thumbnails.ilightbox-vertical {
top: 0;
right: 0;
width: 140px;
height: 100%;
overflow: hidden;
}
.ilightbox-thumbnails .ilightbox-thumbnails-container {
display: block;
position: relative;
}
.ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container {
width: 100%;
height: 100px;
}
.ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container {
width: 140px;
height: 100%;
}
.ilightbox-thumbnails .ilightbox-thumbnails-grid {
display: block;
position: absolute;
-webkit-transform: translateZ();
-moz-transform: translateZ();
}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail {
display: block;
cursor: pointer;
padding: 10px;
position: relative;
}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
width: 100%;
height: 100%;
-webkit-border-radius: 2px;
border-radius: 2px;
-ms-interpolation-mode: bicubic;
}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.7;
}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover {
opacity: 1;
}
.ilightbox-holder {
display: none;
position: fixed;
z-index: 100003;
-webkit-transform: none;
-moz-transform: none;
}
.ilightbox-holder.ilightbox-next,
.ilightbox-holder.ilightbox-prev {
cursor: pointer;
}
.ilightbox-holder div.ilightbox-container {
position: relative;
width: 100%;
height: 100%;
}
.ilightbox-holder img.ilightbox-image {
width: 100%;
height: 100%;
}
.ilightbox-holder .ilightbox-container .ilightbox-caption {
display: none;
position: absolute;
left: 30px;
right: 30px;
bottom: 0;
max-width: 100%;
padding: 5px 10px;
margin: 0 auto;
font-size: 12px;
line-height: 150%;
word-wrap: break-word;
z-index: 20003;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.ilightbox-holder .ilightbox-container .ilightbox-social {
display: none;
position: absolute;
left: 10px;
top: 10px;
padding: 5px;
padding-left: 0;
z-index: 20003;
height: 16px;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul {
float: left;
list-style: none;
height: 16px;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li {
display: inline;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li a {
float: left;
margin-left: 5px;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: 50%;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a {
background-image: url('images/lightbox/social_icons/facebook_16.png');
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.digg a {
background-image: url('images/lightbox/social_icons/digg_16.png');
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a {
background-image: url('images/lightbox/social_icons/twitter_16.png');
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.delicious a {
background-image: url('images/lightbox/social_icons/delicious_16.png');
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.reddit a {
background-image: url('images/lightbox/social_icons/reddit_16.png');
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a {
background-image: url('images/lightbox/social_icons/google_plus_16.png');
}
.ilightbox-holder .ilightbox-alert {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
padding-top: 100px;
margin: auto;
width: 300px;
height: 50px;
}
.ilightbox-holder .ilightbox-wrapper {
width: 100%;
height: 100%;
overflow: auto;
}
.ilightbox-holder .ilightbox-inner-toolbar {
position: relative;
z-index: 100;
}
.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar {
position: absolute;
}
.ilightbox-button {
position: fixed;
z-index: 100008;
cursor: pointer;
}
.isMobile .ilightbox-button,
.isMobile .ilightbox-thumbnails {
display: none !important;
}
.isMobile .ilightbox-toolbar .ilightbox-prev-button,
.isMobile .ilightbox-toolbar .ilightbox-next-button {
display: block;
}
/*iLightbox tweaks*/
.ilightbox-holder .ilightbox-container .ilightbox-caption p:last-child {
margin: 0;
}
.ilightbox-holder.dark .ilightbox-inner-toolbar .ilightbox-title {
font-weight: normal;
font-size: 16px;
font-family: inherit;
}
/*--------------------------------------------------------------
- Tipsy Tooltips
--------------------------------------------------------------*/
.tipsy {
font-size: 0.769em;
position: absolute;
padding: 5px;
z-index: 99;
}
.tipsy-inner {
background-color: #000;
color: #fff;
max-width: 200px;
padding: 5px 8px 4px 8px;
text-align: center;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #000;
}
.tipsy-arrow-n {
border-bottom-color: #000;
}
.tipsy-arrow-s {
border-top-color: #000;
}
.tipsy-arrow-e {
border-left-color: #000;
}
.tipsy-arrow-w {
border-right-color: #000;
}
.tipsy-n .tipsy-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
/*--------------------------------------------------------------
- Slider Pro | v1.2.0
--------------------------------------------------------------*/
.slider-pro {
position: relative;
margin: 0 auto;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.sp-slides-container {
position: relative;
}
.sp-mask {
position: relative;
overflow: hidden;
}
.sp-slides {
position: relative;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
.sp-slide {
position: absolute;
}
.sp-image-container {
overflow: hidden;
}
.sp-image {
position: relative;
display: block;
border: none;
}
.sp-no-js {
overflow: hidden;
max-width: 100%;
}
.sp-thumbnails-container {
position: relative;
overflow: hidden;
}
.sp-bottom-thumbnails,
.sp-top-thumbnails {
left: 0;
margin: 0 auto;
}
.sp-top-thumbnails {
position: absolute;
top: 0;
margin-bottom: 4px;
}
.sp-bottom-thumbnails {
margin-top: 4px;
}
.sp-left-thumbnails,
.sp-right-thumbnails {
position: absolute;
top: 0;
}
.sp-right-thumbnails {
right: 0;
margin-left: 4px;
}
.sp-left-thumbnails {
left: 0;
margin-right: 4px;
}
.sp-thumbnails {
position: relative;
}
.sp-thumbnail {
border: none;
}
.sp-thumbnail-container {
position: relative;
display: block;
overflow: hidden;
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sp-bottom-thumbnails .sp-thumbnail-container,
.sp-top-thumbnails .sp-thumbnail-container {
margin-left: 2px;
margin-right: 2px;
}
.sp-bottom-thumbnails .sp-thumbnail-container:first-child,
.sp-top-thumbnails .sp-thumbnail-container:first-child {
margin-left: 0;
}
.sp-bottom-thumbnails .sp-thumbnail-container:last-child,
.sp-top-thumbnails .sp-thumbnail-container:last-child {
margin-right: 0;
}
.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
margin-top: 2px;
margin-bottom: 2px;
}
.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
margin-top: 0;
}
.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
margin-bottom: 0;
}
.sp-right-thumbnails.sp-has-pointer {
margin-left: -13px;
}
.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
position: absolute;
left: 18px;
margin-left: 0 !important;
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
content: '';
position: absolute;
height: 100%;
border-left: 5px solid red;
left: 0;
top: 0;
margin-left: 13px;
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 0;
top: 50%;
margin-top: -8px;
border-right: 13px solid red;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.sp-left-thumbnails.sp-has-pointer {
margin-right: -13px;
}
.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
position: absolute;
right: 18px;
}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
content: '';
position: absolute;
height: 100%;
border-left: 5px solid red;
right: 0;
top: 0;
margin-right: 13px;
}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
content: '';
position: absolute;
width: 0;
height: 0;
right: 0;
top: 50%;
margin-top: -8px;
border-left: 13px solid red;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.sp-bottom-thumbnails.sp-has-pointer {
margin-top: -13px;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
position: absolute;
top: 18px;
margin-top: 0 !important;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
content: '';
position: absolute;
width: 100%;
border-bottom: 5px solid red;
top: 0;
margin-top: 13px;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 50%;
top: 0;
margin-left: -8px;
border-bottom: 13px solid red;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
.sp-top-thumbnails.sp-has-pointer {
margin-bottom: -13px;
}
.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
position: absolute;
bottom: 18px;
}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
content: '';
position: absolute;
width: 100%;
border-bottom: 5px solid red;
bottom: 0;
margin-bottom: 13px;
}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 50%;
bottom: 0;
margin-left: -8px;
border-top: 13px solid red;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
.sp-layer {
position: absolute;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-backface-visibility: hidden;
}
.sp-black {
color: #fff;
background: #000;
background: rgba(0, 0, 0, 0.7);
}
.sp-white {
color: #000;
background: #fff;
background: rgba(255, 255, 255, 0.7);
}
.sp-rounded {
border-radius: 10px;
}
.sp-padding {
padding: 10px;
}
.sp-grab {
cursor: url(images/openhand.cur), move;
}
.sp-grabbing {
cursor: url(images/closedhand.cur), move;
}
.sp-selectable {
cursor: default;
}
.sp-caption-container {
text-align: center;
margin-top: 10px;
}
.sp-full-screen {
margin: 0 !important;
background-color: #000;
}
.sp-full-screen-button {
position: absolute;
top: 5px;
right: 10px;
font-size: 30px;
line-height: 1;
cursor: pointer;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.sp-full-screen-button:before {
content: '\2195';
}
.sp-fade-full-screen {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.slider-pro:hover .sp-fade-full-screen {
opacity: 1;
}
.sp-buttons {
position: relative;
width: 100%;
text-align: center;
padding-top: 10px;
}
.sp-button {
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 50%;
margin: 4px;
display: inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.sp-selected-button {
background-color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.sp-button {
width: 14px;
height: 14px;
}
}
@media only screen and (min-width: 568px) and (max-width: 768px) {
.sp-button {
width: 16px;
height: 16px;
}
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
.sp-button {
width: 18px;
height: 18px;
}
}
.sp-arrows {
position: absolute;
}
.sp-fade-arrows {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.sp-slides-container:hover .sp-fade-arrows {
opacity: 1;
}
.sp-horizontal .sp-arrows {
width: 100%;
left: 0;
top: 50%;
margin-top: -15px;
}
.sp-vertical .sp-arrows {
height: 100%;
left: 50%;
top: 0;
margin-left: -10px;
}
.sp-arrow {
position: absolute;
display: block;
width: 20px;
height: 30px;
cursor: pointer;
}
.sp-vertical .sp-arrow {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sp-horizontal .sp-previous-arrow {
left: 20px;
}
.sp-horizontal .sp-next-arrow {
right: 20px;
}
.sp-vertical .sp-previous-arrow {
top: 20px;
}
.sp-vertical .sp-next-arrow {
bottom: 20px;
}
.sp-next-arrow:after,
.sp-next-arrow:before,
.sp-previous-arrow:after,
.sp-previous-arrow:before {
content: '';
position: absolute;
width: 50%;
height: 50%;
background-color: #fff;
}
.sp-previous-arrow:before {
left: 30%;
top: 0;
-webkit-transform: skew(145deg, 0deg);
-ms-transform: skew(145deg, 0deg);
transform: skew(145deg, 0deg);
}
.sp-previous-arrow:after {
left: 30%;
top: 50%;
-webkit-transform: skew(-145deg, 0deg);
-ms-transform: skew(-145deg, 0deg);
transform: skew(-145deg, 0deg);
}
.sp-next-arrow:before {
right: 30%;
top: 0;
-webkit-transform: skew(35deg, 0deg);
-ms-transform: skew(35deg, 0deg);
transform: skew(35deg, 0deg);
}
.sp-next-arrow:after {
right: 30%;
top: 50%;
-webkit-transform: skew(-35deg, 0deg);
-ms-transform: skew(-35deg, 0deg);
transform: skew(-35deg, 0deg);
}
.ie7 .sp-arrow,
.ie8 .sp-arrow {
width: 0;
height: 0;
}
.ie7 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie8 .sp-arrow:before {
content: none;
}
.ie7.sp-horizontal .sp-previous-arrow,
.ie8.sp-horizontal .sp-previous-arrow {
border-right: 20px solid #fff;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
}
.ie7.sp-horizontal .sp-next-arrow,
.ie8.sp-horizontal .sp-next-arrow {
border-left: 20px solid #fff;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
}
.ie7.sp-vertical .sp-previous-arrow,
.ie8.sp-vertical .sp-previous-arrow {
border-bottom: 20px solid #fff;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.ie7.sp-vertical .sp-next-arrow,
.ie8.sp-vertical .sp-next-arrow {
border-top: 20px solid #fff;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.sp-thumbnail-arrows {
position: absolute;
}
.sp-fade-thumbnail-arrows {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
opacity: 1;
}
.sp-bottom-thumbnails .sp-thumbnail-arrows,
.sp-top-thumbnails .sp-thumbnail-arrows {
width: 100%;
top: 50%;
left: 0;
margin-top: -12px;
}
.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
height: 100%;
top: 0;
left: 50%;
margin-left: -7px;
}
.sp-thumbnail-arrow {
position: absolute;
display: block;
width: 15px;
height: 25px;
cursor: pointer;
}
.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.sp-top-thumbnails .sp-previous-thumbnail-arrow {
left: 0;
}
.sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.sp-top-thumbnails .sp-next-thumbnail-arrow {
right: 0;
}
.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
top: 0;
}
.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
bottom: 0;
}
.sp-next-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-previous-thumbnail-arrow:before {
content: '';
position: absolute;
width: 50%;
height: 50%;
background-color: #fff;
}
.sp-previous-thumbnail-arrow:before {
left: 30%;
top: 0;
-webkit-transform: skew(145deg, 0deg);
-ms-transform: skew(145deg, 0deg);
transform: skew(145deg, 0deg);
}
.sp-previous-thumbnail-arrow:after {
left: 30%;
top: 50%;
-webkit-transform: skew(-145deg, 0deg);
-ms-transform: skew(-145deg, 0deg);
transform: skew(-145deg, 0deg);
}
.sp-next-thumbnail-arrow:before {
right: 30%;
top: 0;
-webkit-transform: skew(35deg, 0deg);
-ms-transform: skew(35deg, 0deg);
transform: skew(35deg, 0deg);
}
.sp-next-thumbnail-arrow:after {
right: 30%;
top: 50%;
-webkit-transform: skew(-35deg, 0deg);
-ms-transform: skew(-35deg, 0deg);
transform: skew(-35deg, 0deg);
}
.ie7 .sp-thumbnail-arrow,
.ie8 .sp-thumbnail-arrow {
width: 0;
height: 0;
}
.ie7 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie8 .sp-thumbnail-arrow:before {
content: none;
}
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow {
border-right: 12px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow {
border-left: 12px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
border-bottom: 12px solid #fff;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
}
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow {
border-top: 12px solid #fff;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
}
a.sp-video {
text-decoration: none;
}
a.sp-video img {
-webkit-backface-visibility: hidden;
border: none;
}
a.sp-video:after {
content: '\25B6';
position: absolute;
width: 45px;
padding-left: 5px;
height: 50px;
border: 2px solid #fff;
text-align: center;
font-size: 30px;
border-radius: 30px;
top: 0;
color: #fff;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.2);
margin: auto;
line-height: 52px;
}
.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
max-width: none !important;
max-height: none !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
-webkit-box-shadow: none !important;
-mox-box-shadow: none !important;
box-shadow: none !important;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
.slider-pro a {
position: static;
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
}
.slider-pro canvas,
.slider-pro embed,
.slider-pro iframe,
.slider-pro object,
.slider-pro video {
max-width: none;
max-height: none;
}
.slider-pro p.sp-layer {
font-size: 14px;
line-height: 1.4;
margin: 0;
}
.slider-pro h1.sp-layer {
font-size: 32px;
line-height: 1.4;
margin: 0;
}
.slider-pro h2.sp-layer {
font-size: 24px;
line-height: 1.4;
margin: 0;
}
.slider-pro h3.sp-layer {
font-size: 19px;
line-height: 1.4;
margin: 0;
}
.slider-pro h4.sp-layer {
font-size: 16px;
line-height: 1.4;
margin: 0;
}
.slider-pro h5.sp-layer {
font-size: 13px;
line-height: 1.4;
margin: 0;
}
.slider-pro h6.sp-layer {
font-size: 11px;
line-height: 1.4;
margin: 0;
}
.slider-pro img.sp-layer {
border: none;
}
/*--------------------------------------------------------------
- Font Awesome smoothing
- Needed when Icons are added without the "fa" class
--------------------------------------------------------------*/
.sf-menu > li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu a:before,
.wpex-slider .sp-arrow,
.wpex-slider .sp-arrow:before,
#main .widget_nav_menu .parent > a:after,
.modern-menu-widget a:after,
.sidebar-widget-icons .widget_archive a:before,
.sidebar-widget-icons .widget_recent_entries a:before,
.sidebar-widget-icons .widget_recent_comments a:before,
.sidebar-widget-icons .widget_layered_nav a:before,
.sidebar-widget-icons .widget_product_categories a:before,
.sidebar-widget-icons .widget_categories a:before,
.theme-select:after,
.searchform input:after,
ul.check-list li:before {
font-weight: normal;
font-style: normal;
letter-spacing: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*--------------------------------------------------------------
- WPML
--------------------------------------------------------------*/
/* #footer #lang_sel_list a,
#footer #lang_sel_list a:visited { background: none; color: inherit; padding: 0; font-size: inherit; }
#footer #lang_sel_list li { float: none; border: none; } */
/*--------------------------------------------------------------
- Print Styles
--------------------------------------------------------------*/
@media print {
#sidebar,
#footer-callout-wrap,
#footer,
#footer-bottom,
#top-bar-wrap,
#site-navigation-wrap,
.toggle-bar-btn,
.post-pagination,
.related.products,
.product form.cart {
display: none;
}
.container {
width: 100%;
padding: 0;
}
.wpb_accordion_content,
.wpb_toggle_content {
display: block !important;
}
}
.expanding-grid ol {
list-style: decimal;
padding-left: 12px;
}
.request-popup-window .mfp-content,
.bla .mfp-content {
max-width: 700px !important;
height: 100%;
max-height: 600px;
margin-left: -15px;
overflow: hidden;
}
.request-popup-window .mfp-content .mfp-iframe,
.bla .mfp-content .mfp-iframe {
padding: 50px 0 50px 20px;
background: #fff;
margin-left: 15px;
top: 0;
}
.request-popup-window .mfp-content .mfp-close,
.bla .mfp-content .mfp-close {
top: 0 !important;
right: 10px !important;
color: #000 !important;
opacity: 1 !important;
font-size: 30px !important;
}
.bla .mfp-close:after {
position: absolute;
content: '';
height: 77px;
background-color: #fff;
z-index: 1111111;
left: 0;
top: 50px;
right: -10px;
margin-left: 25px;
}
@media screen and (max-width: 767px) {
.expanding-container__left-col {
margin-bottom: 50px;
}
}
.single-speaker-presentation-listing ol {
list-style: decimal;
}
.single-speaker-presentation-listing ol li {
list-style: decimal;
}
@media screen and (max-width: 959px) {
.single-staff .image--expand {
display: flex;
flex-direction: column-reverse;
}
.single-staff .image--expand .left-col,
.single-staff .image--expand .right-col {
width: 100%;
}
}