Crepe Station
japanese
@charset 'utf-8';
/*
Theme Name: Sweet Dessert
Theme URI: https://sweet-dessert.axiomthemes.com/
Description: Sweet Dessert - Multipurpose and Multiskin Responsive Wordpress theme
Author: AxiomThemes
Author URI: https://axiomthemes.com/
Version: 1.1.10
EV: 3.9.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,flexible-header,buddypress,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,front-page-post-form,full-width-template,microformats,post-formats,sticky-post,theme-options,threaded-comments,translation-ready,holiday
Text Domain: sweet-dessert
*/
/* TABLE OF CONTENTS:
1. Reset tags
2. Default tag's settings
3. Form fields settings
4. WP styles and Screen readers
5. Theme grid
6. Page layouts
7. Section's decorations
7.1 Header
7.2 Main Slider
7.3 Page top: page title and breadcrumbs
7.4 Main content wrapper
7.5 Post Formats
7.6 Post Layouts
7.7 Paginations
8. Single page parts
8.1 Attachment and Portfolio post navigation
8.2 Reviews block
8.3 Post author
8.4 Comments
8.5 Page 404
8.8 Team member
9. Sidebars
10. Footer areas
11. Utils
12. Registration and Login popups
13. Third part plugins
14. Predefined classes for users
-------------------------------------------------------------- */
/* 1. Reset tags
-------------------------------------------------------------- */
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,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input,
textarea,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
address,
section,
video,
audio {
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
border: 0;
outline: 0;
-webkit-font-smoothing: antialiased;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
html,
body {
margin: 0;
padding: 0;
width: 100%;
line-height: 150%;
}
html {
height: 100%;
font-size: 100%;
/ Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 /
overflow-y: scroll !important;
/ Keeps page centred in all browsers regardless of content height /
overflow-x: hidden;
/ Hide horizontal scrollbar on the page with VC stretch row /
-webkit-text-size-adjust: 100%;
/ Prevents iOS text size adjust after orientation change, without disabling user zoom /
-ms-text-size-adjust: 100%;
/ www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ /
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 2. Default tag's settings
-------------------------------------------------------------- */
body {
text-rendering: optimizeLegibility;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 120%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
blockquote,
address {
margin: 0;
}
h1 + h2,
h1 + h3,
h1 + h4,
h1 + h5,
h1 + h6,
h2 + h3,
h2 + h4,
h2 + h5,
h2 + h6,
h3 + h4,
h3 + h5,
h3 + h6,
h4 + h5,
h4 + h6,
h5 + h6 {
margin-top: 0;
}
dt,
b,
strong {
font-weight: 500;
}
p,
ul,
ol,
dl,
address,
.post_content > .wp-block-avatar,
.post_content > .wp-block-post-author,
.post_content > .wp-block-post-featured-image,
.post_item_single .wp-block-group.has-background,
.post_item_single blockquote,
.post_item_single .wp-block-button,
.post_item_single .wp-block-cover,
.post_item_single .wp-block-image,
.post_item_single .wp-block-video,
.post_item_single .wp-block-search,
.post_item_single .wp-block-archives,
.post_item_single .wp-block-categories,
.post_item_single .wp-block-calendar,
.post_item_single .wp-block-media-text,
.post_content > .wp-block-gallery,
.post_content > .wp-block-audio,
.post_content > .wp-block-embed,
.post_content > .wp-block-table {
margin-top: 0;
margin-bottom: 1.7em;
}
blockquote {
margin-bottom: 0.2em;
}
li > ol,
li > ul {
margin-bottom: 0;
}
ul > li,
ol > li,
dl > dd {
margin-bottom: 0.5em;
}
li > ul,
li > ol,
dd > dl {
margin-top: 0.5em;
}
li > p {
margin-bottom: 0;
}
li > p + p {
margin-top: 0.5em;
}
ol,
ul {
padding-left: 1.5em;
}
ul {
padding-left: 1.4em;
}
/ Links /
a,
.wp-block-calendar a {
text-decoration: none;
background: transparent;
}
a,
a:hover,
a:focus,
a:active {
outline: 0;
}
a img {
border: none;
}
a,
input[type="submit"],
button {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
:active,
:focus {
outline: 0;
}
/ Tables /
table {
border-collapse: collapse;
border-spacing: 0;
text-align: center;
}
td,
th {
border: 1px solid #e7e7e7;
padding: 4px;
}
caption,
th {
font-weight: bold;
text-align: center;
}
body.woocommerce-page table th,
body.woocommerce-page table td {
border-width: 0;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: """";
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
padding: 0.7em;
}
pre,
code,
kbd,
tt,
var,
samp {
font-family: "Courier New", Courier, monospace;
font-size: 1em;
}
pre {
overflow: auto;
max-width: 100%;
}
abbr,
acronym {
border-bottom: 1px dotted;
cursor: help;
}
mark,
ins {
background-color: transparent;
text-decoration: none;
font-style: italic;
font-weight: bold;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
[hidden],
template {
display: none;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/ Images /
img {
max-width: 100%;
height: auto;
vertical-align: top;
}
figure,
.gallery dl.gallery-item,
.wp-caption {
border: 0;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
max-width: 100%;
}
figure figcaption,
.wp-caption .wp-caption-text,
.wp-caption-overlay .wp-caption .wp-caption-dd {
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin-bottom: 0 !important;
background-color: rgba(0, 0, 0, 0.5);
font-size: 0.9em;
line-height: 1.2857em;
color: #fff;
padding: 1em;
opacity: 1;
box-sizing: border-box;
max-height: 40%!important;
overflow-y: auto;
}
figure:not(.wp-block-gallery):hover figcaption,
.wp-caption:hover .wp-caption-text,
.wp-caption:hover .wp-caption-dd,
.gallery dl.gallery-item:hover dd.gallery-caption,
.wp-caption-overlay .wp-caption:hover .wp-caption-text,
.wp-caption-overlay .wp-caption:hover .wp-caption-dd {
opacity: 0;
}
figure.wp-block-embed:hover figcaption,
figure.wp-block-video:hover figcaption,
figure:not(.wp-block-gallery) figcaption:hover,
.gallery dl.gallery-item dd.gallery-caption:hover,
.wp-caption .wp-caption-text:hover,
.wp-caption .wp-caption-dd:hover,
.wp-caption-overlay .wp-caption .wp-caption-text:hover,
.wp-caption-overlay .wp-caption .wp-caption-dd:hover {
opacity: 1;
}
svg:not(:root) {
overflow: hidden;
}
/* Audio
-------------------------------------------------------------- */
/ Modern style /
.mejs-offscreen {
display:none !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
margin-top: 0 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-time-rail .mejs-time-buffering,
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-time-rail .mejs-time-current {
height:8px !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before,
.mejs-controls .mejs-time-rail .mejs-time-total:before {
content:" ";
display:block;
border:1px solid #575757;
position: absolute;
left: -2px;
right: -2px;
top:-2px;
bottom:-2px;
}
.mejs-container .mejs-controls .mejs-time {
padding-top:10px !important;
}
.sc_audio {
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.sc_audio.sc_show {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.sc_audio .mejs-container {
margin: 0;
}
.sc_audio .mejs-container,
.sc_audio .mejs-embed,
.sc_audio .mejs-embed body,
.sc_audio .mejs-container .mejs-controls {
background: transparent !important;
border-width: 0 !important;
}
.sc_audio.sc_audio_image {
padding: 13em 2em 2em 2em;
background-position: center center;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sc_audio.sc_audio_info {
position:relative;
padding: 7.5em 3.6em 2.7em;
border: 1px solid #f0f0f0;
}
.sc_audio .sc_audio_header {
padding: 0 0 1.5em 0;
}
.sc_audio.sc_audio_image .sc_audio_header {
min-height: 5em;
}
.sc_audio.sc_audio_image .sc_audio_container {
position:absolute;
left:2em;
right:2em;
bottom: 2em;
}
.sc_audio .sc_audio_header {
position:absolute;
top: 0;
left:0;
padding: 2.7em 3.7em;
}
.sc_audio .sc_audio_title {
margin: 0 0 -3.5em;
font-family: Poppins,sans-serif;
font-size: 1em;
font-weight: 400;
line-height: 1.786em;
}
.sc_audio .sc_audio_author_name{
font-family: Amatic SC,cursive;
font-size: 2.571em;
font-weight: 700;
line-height: 3.571em;
text-transform: uppercase;
}
.sc_audio .sc_audio_author_by{
display: none;
}
.mejs-container:not(.mejs-video) {
height: 40px !important;
border: 0 !important;
}
.mejs-container .mejs-controls {
height: 40px !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before,
.mejs-controls .mejs-time-rail .mejs-time-total:before {
content: " ";
display: block;
background: #dddddd;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 0;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-time-rail .mejs-time-buffering, .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-time-rail .mejs-time-current {
height: 4px !important;
}
.mejs-container .mejs-controls .mejs-time {
margin-top: 5px !important;
font-size: 1em;
}
.mejs-controls div.mejs-time-rail {
margin-top: 8px !important;
}
.mejs-controls .mejs-button button {
margin: 5px !important;
background-image: url('images/controls.png') !important;
}
.mejs-container .mejs-controls .mejs-volume-button {
margin-left: 10px !important;
}
.mejs-container .mejs-controls .mejs-fullscreen-button,
.mejs-container .mejs-controls .mejs-volume-button,
.mejs-container .mejs-controls .mejs-volume-button:hover,
.mejs-container .mejs-controls .mejs-playpause-button {
-webkit-border-radius: 50%;
border-radius: 50%;
margin-top: 7px !important;
margin-right: 6px !important;
}
.mejs-container .mejs-controls .mejs-fullscreen-button {
margin-right: 0 !important;
}
.mejs-inner .mejs-button{
width: 26px;
height: 26px;
}
.mejs-inner .mejs-button button{
width: 16px;
height: 16px;
}
.mejs-inner .mejs-button>button{
margin: 8px 5px;
}
.mejs-inner .mejs-controls .mejs-mute button{
background-position: -16px -16px;
}
.mejs-inner .mejs-pause>button{
background-position: 0px -16px;
}
.mejs-inner .mejs-replay>button{
background-position: -65px 0;
}
.mejs-inner .mejs-controls .mejs-unmute button{
background-position: -16px -32px;
}
.mejs-inner .mejs-horizontal-volume-total{
top: 18px;
}
:is(.sidebar, footer) .mejs-audio .mejs-time {
display: none;
}
:is(.sidebar, footer) .mejs-audio .mejs-horizontal-volume-slider{
width: 35px;
}
:is(.sidebar, footer) .mejs-audio .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{
width: 30px;
}
.wp-block-audio{
overflow: inherit;
}
/ Audio and Video /
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
iframe,
video,
embed {
max-width: 100%;
min-height: 100px;
vertical-align: top;
}
/ Media Elements player hook /
.me-cannotplay {
overflow: hidden;
}
.me-plugin {
position: absolute;
height: 0;
width: 0;
}
/ Media elements hook for Safary /
/ Fontello icons /
[class^="icon-"]:before,
[class*=" icon-"]:before {
line-height: inherit;
font-weight: inherit;
font-size: inherit;
width: auto;
margin: 0;
}
/* 3. Form fields settings
-------------------------------------------------------------- */
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 1em;
/ Corrects font size not being inherited in all browsers /
line-height: 1.2857em;
margin: 0;
/ Addresses margins set differently in IE6/7, F3/4, S5, Chrome /
vertical-align: baseline;
/ Improves appearance and consistency in all browsers /
}
button,
input {
line-height: normal;
/ Addresses FF3/4 setting line-height using !important in the UA stylesheet /
}
button {
overflow: visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.sc_button.sc_button_style_filled {
font-family: Poppins, sans-serif;
padding: 1.57em 3em;
text-transform: uppercase;
border-radius: 50px;
font-size: 0.857em;
font-weight: 600;
line-height: 1.7em;
display: inline-block;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea,
select,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/ Addresses box sizing set to content-box in IE8/9 /
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
/ Addresses excess padding in IE8/9 /
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
/ Addresses appearance set to searchfield in S5, Chrome /
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
/ Corrects inner padding displayed oddly in S5, Chrome on OSX /
}
button::-moz-focus-inner,
input::-moz-focus-inner {
/ Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ /
border: 0;
padding: 0;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
input[type="tel"],
textarea {
-webkit-appearance: none;
outline: none;
height: 4.5em;
border-radius: 50px;
resize: none;
padding: 0 2.1em;
border: 1px solid;
border-radius: 30px;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
button::-moz-focus-inner {
border: 0;
}
button:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select,
textarea:focus {
outline: none;
}
textarea {
overflow: auto;
/ Removes default vertical scrollbar in IE6/7/8/9 /
vertical-align: top;
/ Improves readability and alignment in all browsers /
min-height: 5em;
padding-top: 2.4em;
}
label.required:after {
content: '*';
display: inline;
margin-left: 0.5em;
vertical-align: text-top;
font-size: 80%;
color: #da6f5b;
}
fieldset {
border: 1px solid #ddd;
margin: 1.5em 0.2em;
padding: 1em 1.5em;
position: relative;
}
fieldset legend {
background-color: #fff;
font-style: italic;
font-weight: 600;
left: 1.5em;
padding: 0 0.2em;
position: absolute;
top: -0.8em;
}
select::-ms-expand {
display: none;
}
select {
max-width: 100%;
-moz-appearance: none;
}
/ ======================== INPUT'S STYLES ================== /
/ Common rules /
[class*="sc_input_hover_"] .sc_form_item,
[class*="sc_input_hover_"] .comments_field {
position: relative;
z-index: 1;
}
[class*="sc_input_hover_"] input[type="text"],
[class*="sc_input_hover_"] input[type="number"],
[class*="sc_input_hover_"] input[type="email"],
[class*="sc_input_hover_"] input[type="password"],
[class*="sc_input_hover_"] input[type="search"],
[class*="sc_input_hover_"] select,
[class*="sc_input_hover_"] textarea {
text-align: left !important;
width: 100%;
}
[class*="sc_input_hover_"] input[type="text"]:focus,
[class*="sc_input_hover_"] input[type="number"]:focus,
[class*="sc_input_hover_"] input[type="email"]:focus,
[class*="sc_input_hover_"] input[type="password"]:focus,
[class*="sc_input_hover_"] input[type="search"]:focus,
[class*="sc_input_hover_"] select:focus,
[class*="sc_input_hover_"] textarea:focus {
outline: none;
}
[class*="sc_input_hover_"] input[type="text"] + label,
[class*="sc_input_hover_"] input[type="number"] + label,
[class*="sc_input_hover_"] input[type="email"] + label,
[class*="sc_input_hover_"] input[type="password"] + label,
[class*="sc_input_hover_"] input[type="search"] + label,
[class*="sc_input_hover_"] select + label,
[class*="sc_input_hover_"] textarea + label {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
font-size: 1.2857em;
text-align: left !important;
overflow: visible;
padding: 0;
pointer-events: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[class*="sc_input_hover_"] input[type="text"] + label.required:after,
[class*="sc_input_hover_"] input[type="number"] + label.required:after,
[class*="sc_input_hover_"] input[type="email"] + label.required:after,
[class*="sc_input_hover_"] input[type="password"] + label.required:after,
[class*="sc_input_hover_"] input[type="search"] + label.required:after,
[class*="sc_input_hover_"] select + label.required:after,
[class*="sc_input_hover_"] textarea + label.required:after {
display: none;
}
[class*="sc_input_hover_"] input[type="text"] + label > .sc_form_label_content,
[class*="sc_input_hover_"] input[type="number"] + label > .sc_form_label_content,
[class*="sc_input_hover_"] input[type="email"] + label > .sc_form_label_content,
[class*="sc_input_hover_"] input[type="password"] + label > .sc_form_label_content,
[class*="sc_input_hover_"] input[type="search"] + label > .sc_form_label_content,
[class*="sc_input_hover_"] select + label > .sc_form_label_content,
[class*="sc_input_hover_"] textarea + label > .sc_form_label_content {
position: relative;
display: block;
width: 100%;
}
[class*="sc_input_hover_"] input[type="text"] + label.required > .sc_form_label_content:after,
[class*="sc_input_hover_"] input[type="number"] + label.required > .sc_form_label_content:after,
[class*="sc_input_hover_"] input[type="email"] + label.required > .sc_form_label_content:after,
[class*="sc_input_hover_"] input[type="password"] + label.required > .sc_form_label_content:after,
[class*="sc_input_hover_"] input[type="search"] + label.required > .sc_form_label_content:after,
[class*="sc_input_hover_"] textarea + label.required > .sc_form_label_content:after {
content: '*';
vertical-align: top;
margin-left: 0.3em;
font-size: 80%;
color: #da6f5b;
}
[class*="sc_input_hover_"] button {
font-size: 1.2857em;
}
/ Accent /
.sc_input_hover_accent input[type="text"],
.sc_input_hover_accent input[type="number"],
.sc_input_hover_accent input[type="email"],
.sc_input_hover_accent input[type="password"],
.sc_input_hover_accent input[type="search"],
.sc_input_hover_accent select,
.sc_input_hover_accent textarea {
box-shadow: 0px 0px 0px 2px transparent;
-webkit-transition: box-shadow 0.3s;
-ms-transition: box-shadow 0.3s;
transition: box-shadow 0.3s;
-webkit-appearance: none;
/ for box shadows to show on iOS /
}
.sc_input_hover_accent input[type="text"] + label,
.sc_input_hover_accent input[type="number"] + label,
.sc_input_hover_accent input[type="email"] + label,
.sc_input_hover_accent input[type="password"] + label,
.sc_input_hover_accent input[type="search"] + label,
.sc_input_hover_accent select + label,
.sc_input_hover_accent textarea + label {
position: static;
}
.sc_input_hover_accent input[type="text"] + label > .sc_form_label_content,
.sc_input_hover_accent input[type="number"] + label > .sc_form_label_content,
.sc_input_hover_accent input[type="email"] + label > .sc_form_label_content,
.sc_input_hover_accent input[type="password"] + label > .sc_form_label_content,
.sc_input_hover_accent input[type="search"] + label > .sc_form_label_content,
.sc_input_hover_accent select + label > .sc_form_label_content,
.sc_input_hover_accent textarea + label > .sc_form_label_content {
padding: 0.3em 1em 1em;
}
.sc_input_hover_accent input[type="text"] + label:before,
.sc_input_hover_accent input[type="number"] + label:before,
.sc_input_hover_accent input[type="email"] + label:before,
.sc_input_hover_accent input[type="password"] + label:before,
.sc_input_hover_accent input[type="search"] + label:before,
.sc_input_hover_accent select + label:after,
.sc_input_hover_accent textarea + label:after {
content: ' ';
display: block !important;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 4em;
box-shadow: 0px 0px 0px 0px;
}
.sc_input_hover_accent textarea + label:before {
height: 10em;
}
.sc_input_hover_accent input[type="text"]:focus + label,
.sc_input_hover_accent input[type="number"]:focus + label,
.sc_input_hover_accent input[type="email"]:focus + label,
.sc_input_hover_accent input[type="password"]:focus + label,
.sc_input_hover_accent input[type="search"]:focus + label,
.sc_input_hover_accent select:focus + label,
.sc_input_hover_accent textarea:focus + label {
pointer-events: none;
}
.sc_input_hover_accent input[type="text"]:focus + label:before,
.sc_input_hover_accent input[type="number"]:focus + label:before,
.sc_input_hover_accent input[type="email"]:focus + label:before,
.sc_input_hover_accent input[type="password"]:focus + label:before,
.sc_input_hover_accent input[type="search"]:focus + label:before,
.sc_input_hover_accent select:focus + label:after,
.sc_input_hover_accent textarea:focus + label:after {
-webkit-animation: anim-accent 0.3s forwards;
-ms-animation: anim-accent 0.3s forwards;
animation: anim-accent 0.3s forwards;
}
@-webkit-keyframes anim-accent {
to {
box-shadow: 0px 0px 100px 50px;
opacity: 0;
}
}
@keyframes anim-accent {
to {
box-shadow: 0px 0px 100px 50px;
opacity: 0;
}
}
/ Path /
.sc_input_hover_path .sc_form_item {
margin-bottom: 3em !important;
}
.sc_input_hover_path input[type="text"],
.sc_input_hover_path input[type="number"],
.sc_input_hover_path input[type="email"],
.sc_input_hover_path input[type="password"],
.sc_input_hover_path input[type="search"],
.sc_input_hover_path textarea {
background: transparent !important;
}
.sc_input_hover_path input[type="text"] + label,
.sc_input_hover_path input[type="number"] + label,
.sc_input_hover_path input[type="email"] + label,
.sc_input_hover_path input[type="password"] + label,
.sc_input_hover_path input[type="search"] + label,
.sc_input_hover_path textarea + label {
height: 100%;
cursor: text;
}
.sc_input_hover_path input[type="text"] + label:before,
.sc_input_hover_path input[type="number"] + label:before,
.sc_input_hover_path input[type="email"] + label:before,
.sc_input_hover_path input[type="password"] + label:before,
.sc_input_hover_path input[type="search"] + label:before,
.sc_input_hover_path textarea + label:before {
margin-left: 0;
font-size: 1.2em;
}
.sc_input_hover_path input[type="text"] + label > .sc_form_label_content,
.sc_input_hover_path input[type="number"] + label > .sc_form_label_content,
.sc_input_hover_path input[type="email"] + label > .sc_form_label_content,
.sc_input_hover_path input[type="password"] + label > .sc_form_label_content,
.sc_input_hover_path input[type="search"] + label > .sc_form_label_content,
.sc_input_hover_path textarea + label > .sc_form_label_content {
padding: 1em;
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
transition: transform 0.3s;
}
.sc_input_hover_path input[type="text"] + label > .sc_form_graphic,
.sc_input_hover_path input[type="number"] + label > .sc_form_graphic,
.sc_input_hover_path input[type="email"] + label > .sc_form_graphic,
.sc_input_hover_path input[type="password"] + label > .sc_form_graphic,
.sc_input_hover_path input[type="search"] + label > .sc_form_graphic,
.sc_input_hover_path textarea + label > .sc_form_graphic {
position: absolute;
top: 0;
left: 0;
fill: none;
-webkit-transform: scale3d(1, -1, 1);
-ms-transform: scale3d(1, -1, 1);
transform: scale3d(1, -1, 1);
-webkit-transition: stroke-dashoffset 0.3s;
-ms-transition: stroke-dashoffset 0.3s;
transition: stroke-dashoffset 0.3s;
pointer-events: none;
stroke: #ddd;
stroke-width: 2px;
stroke-dasharray: 962;
stroke-dashoffset: 558;
}
.sc_input_hover_path input[type="text"]:focus + label,
.sc_input_hover_path input[type="number"]:focus + label,
.sc_input_hover_path input[type="email"]:focus + label,
.sc_input_hover_path input[type="password"]:focus + label,
.sc_input_hover_path input[type="search"]:focus + label,
.sc_input_hover_path textarea:focus + label,
.sc_input_hover_path input[type="text"].filled + label,
.sc_input_hover_path input[type="number"].filled + label,
.sc_input_hover_path input[type="email"].filled + label,
.sc_input_hover_path input[type="password"].filled + label,
.sc_input_hover_path input[type="search"].filled + label,
.sc_input_hover_path textarea.filled + label {
cursor: default;
pointer-events: none;
}
.sc_input_hover_path input[type="text"]:focus + label > .sc_form_graphic,
.sc_input_hover_path input[type="number"]:focus + label > .sc_form_graphic,
.sc_input_hover_path input[type="email"]:focus + label > .sc_form_graphic,
.sc_input_hover_path input[type="password"]:focus + label > .sc_form_graphic,
.sc_input_hover_path input[type="search"]:focus + label > .sc_form_graphic,
.sc_input_hover_path textarea:focus + label > .sc_form_graphic,
.sc_input_hover_path input[type="text"].filled + label > .sc_form_graphic,
.sc_input_hover_path input[type="number"].filled + label > .sc_form_graphic,
.sc_input_hover_path input[type="email"].filled + label > .sc_form_graphic,
.sc_input_hover_path input[type="password"].filled + label > .sc_form_graphic,
.sc_input_hover_path input[type="search"].filled + label > .sc_form_graphic,
.sc_input_hover_path textarea.filled + label > .sc_form_graphic {
stroke-dashoffset: 0;
}
.sc_input_hover_path input[type="text"]:focus + label > .sc_form_label_content,
.sc_input_hover_path input[type="number"]:focus + label > .sc_form_label_content,
.sc_input_hover_path input[type="email"]:focus + label > .sc_form_label_content,
.sc_input_hover_path input[type="password"]:focus + label > .sc_form_label_content,
.sc_input_hover_path input[type="search"]:focus + label > .sc_form_label_content,
.sc_input_hover_path textarea:focus + label > .sc_form_label_content,
.sc_input_hover_path input[type="text"].filled + label > .sc_form_label_content,
.sc_input_hover_path input[type="number"].filled + label > .sc_form_label_content,
.sc_input_hover_path input[type="email"].filled + label > .sc_form_label_content,
.sc_input_hover_path input[type="password"].filled + label > .sc_form_label_content,
.sc_input_hover_path input[type="search"].filled + label > .sc_form_label_content,
.sc_input_hover_path textarea.filled + label > .sc_form_label_content {
padding: 0.3em 1.25em;
-webkit-transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0);
-ms-transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0);
transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0);
}
.sc_input_hover_path textarea:focus + label > .sc_form_label_content,
.sc_input_hover_path textarea.filled + label > .sc_form_label_content {
-webkit-transform: scale3d(0.81, 0.81, 1) translate3d(0, 12.5em, 0);
-ms-transform: scale3d(0.81, 0.81, 1) translate3d(0, 12.5em, 0);
transform: scale3d(0.81, 0.81, 1) translate3d(0, 12.5em, 0);
}
/ Jump /
.sc_input_hover_jump .sc_form_item {
padding-top: 2em;
}
.sc_input_hover_jump input[type="text"],
.sc_input_hover_jump input[type="number"],
.sc_input_hover_jump input[type="email"],
.sc_input_hover_jump input[type="password"],
.sc_input_hover_jump input[type="search"],
.sc_input_hover_jump textarea {
border: 2px solid #ddd;
}
.sc_input_hover_jump input[type="text"] + label,
.sc_input_hover_jump input[type="number"] + label,
.sc_input_hover_jump input[type="email"] + label,
.sc_input_hover_jump input[type="password"] + label,
.sc_input_hover_jump input[type="search"] + label,
.sc_input_hover_jump textarea + label {
overflow: hidden;
-webkit-transform: translate3d(0, 2.7em, 0);
-ms-transform: translate3d(0, 2.7em, 0);
transform: translate3d(0, 2.7em, 0);
}
.sc_input_hover_jump input[type="text"] + label > .sc_form_label_content,
.sc_input_hover_jump input[type="number"] + label > .sc_form_label_content,
.sc_input_hover_jump input[type="email"] + label > .sc_form_label_content,
.sc_input_hover_jump input[type="password"] + label > .sc_form_label_content,
.sc_input_hover_jump input[type="search"] + label > .sc_form_label_content,
.sc_input_hover_jump textarea + label > .sc_form_label_content {
padding: 0 1em;
}
.sc_input_hover_jump .sc_form_label_content:before {
content: attr(data-content);
position: absolute;
top: -200%;
left: 0;
font-weight: bold;
margin: 0;
}
.sc_input_hover_jump input[type="text"]:focus + label,
.sc_input_hover_jump input[type="number"]:focus + label,
.sc_input_hover_jump input[type="email"]:focus + label,
.sc_input_hover_jump input[type="password"]:focus + label,
.sc_input_hover_jump input[type="search"]:focus + label,
.sc_input_hover_jump textarea:focus + label,
.sc_input_hover_jump input[type="text"].filled + label,
.sc_input_hover_jump input[type="number"].filled + label,
.sc_input_hover_jump input[type="email"].filled + label,
.sc_input_hover_jump input[type="password"].filled + label,
.sc_input_hover_jump input[type="search"].filled + label,
.sc_input_hover_jump textarea.filled + label {
-webkit-animation: anim-jump-1 0.25s forwards;
-ms-animation: anim-jump-1 0.25s forwards;
animation: anim-jump-1 0.25s forwards;
}
.sc_input_hover_jump input[type="text"]:focus + label > .sc_form_label_content,
.sc_input_hover_jump input[type="number"]:focus + label > .sc_form_label_content,
.sc_input_hover_jump input[type="email"]:focus + label > .sc_form_label_content,
.sc_input_hover_jump input[type="password"]:focus + label > .sc_form_label_content,
.sc_input_hover_jump input[type="search"]:focus + label > .sc_form_label_content,
.sc_input_hover_jump textarea:focus + label > .sc_form_label_content,
.sc_input_hover_jump input[type="text"].filled + label > .sc_form_label_content,
.sc_input_hover_jump input[type="number"].filled + label > .sc_form_label_content,
.sc_input_hover_jump input[type="email"].filled + label > .sc_form_label_content,
.sc_input_hover_jump input[type="password"].filled + label > .sc_form_label_content,
.sc_input_hover_jump input[type="search"].filled + label > .sc_form_label_content,
.sc_input_hover_jump textarea.filled + label > .sc_form_label_content {
-webkit-animation: anim-jump-2 0.25s forwards ease-in;
-ms-animation: anim-jump-2 0.25s forwards ease-in;
animation: anim-jump-2 0.25s forwards ease-in;
}
@-webkit-keyframes anim-jump-1 {
0%,
70% {
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0);
}
71%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes anim-jump-2 {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
70%,
71% {
-webkit-transform: translate3d(0, 125%, 0);
transform: translate3d(0, 125%, 0);
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);
}
}
@keyframes anim-jump-1 {
0%,
70% {
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0);
}
71%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes anim-jump-2 {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
70%,
71% {
opacity: 0;
-webkit-transform: translate3d(0, 125%, 0);
transform: translate3d(0, 125%, 0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);
}
}
/ Underline /
.sc_input_hover_underline .sc_form_item {
margin-bottom: 3em !important;
}
.sc_input_hover_underline input[type="text"],
.sc_input_hover_underline input[type="number"],
.sc_input_hover_underline input[type="email"],
.sc_input_hover_underline input[type="password"],
.sc_input_hover_underline input[type="search"],
.sc_input_hover_underline textarea {
background-color: transparent !important;
padding: 0.5em 0 !important;
}
.sc_input_hover_underline input[type="text"] + label,
.sc_input_hover_underline input[type="number"] + label,
.sc_input_hover_underline input[type="email"] + label,
.sc_input_hover_underline input[type="password"] + label,
.sc_input_hover_underline input[type="search"] + label,
.sc_input_hover_underline textarea + label {
padding: 0.5em 0;
overflow: visible;
}
.sc_input_hover_underline input[type="text"] + label:before,
.sc_input_hover_underline input[type="number"] + label:before,
.sc_input_hover_underline input[type="email"] + label:before,
.sc_input_hover_underline input[type="password"] + label:before,
.sc_input_hover_underline input[type="search"] + label:before,
.sc_input_hover_underline textarea + label:before {
content: ' ';
display: block !important;
position: absolute;
width: 100%;
height: 5px;
left: 0;
top: auto;
bottom: 0;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
-ms-transition: -ms-transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s;
}
.sc_input_hover_underline input[type="text"] + label > .sc_form_label_content,
.sc_input_hover_underline input[type="number"] + label > .sc_form_label_content,
.sc_input_hover_underline input[type="email"] + label > .sc_form_label_content,
.sc_input_hover_underline input[type="password"] + label > .sc_form_label_content,
.sc_input_hover_underline input[type="search"] + label > .sc_form_label_content,
.sc_input_hover_underline textarea + label > .sc_form_label_content {
padding: 0;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 0.3s, color 0.3s;
-ms-transition: -ms-transform 0.3s, color 0.3s;
transition: transform 0.3s, color 0.3s;
}
.sc_input_hover_underline textarea + label > .sc_form_label_content {
display: block;
height: 9.2em;
}
.sc_input_hover_underline input[type="text"]:focus + label:before,
.sc_input_hover_underline input[type="number"]:focus + label:before,
.sc_input_hover_underline input[type="email"]:focus + label:before,
.sc_input_hover_underline input[type="password"]:focus + label:before,
.sc_input_hover_underline input[type="search"]:focus + label:before,
.sc_input_hover_underline textarea:focus + label:before,
.sc_input_hover_underline input[type="text"].filled + label:before,
.sc_input_hover_underline input[type="number"].filled + label:before,
.sc_input_hover_underline input[type="email"].filled + label:before,
.sc_input_hover_underline input[type="password"].filled + label:before,
.sc_input_hover_underline input[type="search"].filled + label:before,
.sc_input_hover_underline textarea.filled + label:before {
-webkit-transform: scale3d(1, 0.4, 1);
-ms-transform: scale3d(1, 0.4, 1);
transform: scale3d(1, 0.4, 1);
}
.sc_input_hover_underline input[type="text"]:focus + label > .sc_form_label_content,
.sc_input_hover_underline input[type="number"]:focus + label > .sc_form_label_content,
.sc_input_hover_underline input[type="email"]:focus + label > .sc_form_label_content,
.sc_input_hover_underline input[type="password"]:focus + label > .sc_form_label_content,
.sc_input_hover_underline input[type="search"]:focus + label > .sc_form_label_content,
.sc_input_hover_underline input[type="text"].filled + label > .sc_form_label_content,
.sc_input_hover_underline input[type="number"].filled + label > .sc_form_label_content,
.sc_input_hover_underline input[type="email"].filled + label > .sc_form_label_content,
.sc_input_hover_underline input[type="password"].filled + label > .sc_form_label_content,
.sc_input_hover_underline input[type="search"].filled + label > .sc_form_label_content {
-webkit-transform: translate3d(0, 2em, 0) scale3d(0.7, 0.7, 1);
-ms-transform: translate3d(0, 2em, 0) scale3d(0.7, 0.7, 1);
transform: translate3d(0, 2em, 0) scale3d(0.7, 0.7, 1);
}
.sc_input_hover_underline textarea:focus + label > .sc_form_label_content,
.sc_input_hover_underline textarea.filled + label > .sc_form_label_content {
-webkit-transform: translate3d(0, 10em, 0) scale3d(0.7, 0.7, 1);
-ms-transform: translate3d(0, 10em, 0) scale3d(0.7, 0.7, 1);
transform: translate3d(0, 10em, 0) scale3d(0.7, 0.7, 1);
}
/ Iconed /
.sc_input_hover_iconed input[type="text"],
.sc_input_hover_iconed input[type="number"],
.sc_input_hover_iconed input[type="email"],
.sc_input_hover_iconed input[type="password"],
.sc_input_hover_iconed input[type="search"],
.sc_input_hover_iconed textarea {
padding: 0.8em 0.8em 0.8em 2.8em !important;
}
.sc_input_hover_iconed input[type="text"] + label,
.sc_input_hover_iconed input[type="number"] + label,
.sc_input_hover_iconed input[type="email"] + label,
.sc_input_hover_iconed input[type="password"] + label,
.sc_input_hover_iconed input[type="search"] + label,
.sc_input_hover_iconed textarea + label {
overflow: hidden;
padding: 0.6em !important;
margin: 0;
}
.sc_input_hover_iconed input[type="text"] + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="number"] + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="email"] + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="password"] + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="search"] + label > .sc_form_label_content,
.sc_input_hover_iconed textarea + label > .sc_form_label_content {
display: inline-block !important;
width: auto;
-webkit-transform: translate3d(-1.4em, 0, 0);
-ms-transform: translate3d(-1.4em, 0, 0);
transform: translate3d(-1.4em, 0, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.sc_input_hover_iconed input[type="text"] + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="number"] + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="email"] + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="password"] + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="search"] + label > .sc_form_label_icon,
.sc_input_hover_iconed textarea + label > .sc_form_label_icon {
display: inline-block;
font-size: 1.1111em;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
text-align: center !important;
position: relative;
-webkit-transform: translate3d(-3em, 0, 0);
-ms-transform: translate3d(-3em, 0, 0);
transform: translate3d(-3em, 0, 0);
-webkit-transition: -webkit-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
transition: transform 0.3s;
}
.sc_input_hover_iconed input[type="text"] + label > .sc_form_label_icon:before,
.sc_input_hover_iconed input[type="number"] + label > .sc_form_label_icon:before,
.sc_input_hover_iconed input[type="email"] + label > .sc_form_label_icon:before,
.sc_input_hover_iconed input[type="password"] + label > .sc_form_label_icon:before,
.sc_input_hover_iconed input[type="search"] + label > .sc_form_label_icon:before,
.sc_input_hover_iconed textarea + label > .sc_form_label_icon:before {
position: static !important;
margin: 0 !important;
padding: 0 !important;
font-style: normal !important;
left: auto;
top: auto;
width: auto;
height: auto;
line-height: inherit;
}
.sc_input_hover_iconed input[type="text"]:focus + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="number"]:focus + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="email"]:focus + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="password"]:focus + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="search"]:focus + label > .sc_form_label_content,
.sc_input_hover_iconed textarea:focus + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="text"].filled + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="number"].filled + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="email"].filled + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="password"].filled + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="search"].filled + label > .sc_form_label_content,
.sc_input_hover_iconed textarea.filled + label > .sc_form_label_content {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
-ms-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
.sc_input_hover_iconed label > .sc_form_label_content,
.sc_input_hover_iconed label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="text"]:focus + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="number"]:focus + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="email"]:focus + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="password"]:focus + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="search"]:focus + label > .sc_form_label_content,
.sc_input_hover_iconed textarea:focus + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="text"].filled + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="number"].filled + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="email"].filled + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="password"].filled + label > .sc_form_label_content,
.sc_input_hover_iconed input[type="search"].filled + label > .sc_form_label_content,
.sc_input_hover_iconed textarea.filled + label > .sc_form_label_content {
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
-ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.sc_input_hover_iconed input[type="text"]:focus + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="number"]:focus + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="email"]:focus + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="password"]:focus + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="search"]:focus + label > .sc_form_label_icon,
.sc_input_hover_iconed textarea:focus + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="text"].filled + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="number"].filled + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="email"].filled + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="password"].filled + label > .sc_form_label_icon,
.sc_input_hover_iconed input[type="search"].filled + label > .sc_form_label_icon,
.sc_input_hover_iconed textarea.filled + label > .sc_form_label_icon {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/ ======================== END INPUT'S STYLES ================== /
/* 4. WP styles and Screen readers
-------------------------------------------------------------- */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
display: block;
top: 5px;
left: 5px;
width: auto;
height: auto;
padding: 1em 1.5em;
font-size: 0.85em;
line-height: normal;
color: #21759b;
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
text-decoration: none;
z-index: 100000;
/ Above WP toolbar /
}
.alignleft {
display: inline-block;
float: left;
margin-right: 2.2em;
margin-top: 0.1em;
margin-bottom: 1em;
}
.alignright {
display: inline-block;
float: right;
margin-left: 2em;
margin-top: 0.2em;
margin-bottom: 1em;
}
.aligncenter {
clear: both;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
}
.wp-caption.alignnone {
margin-bottom: 1em;
}
.sticky {
position: relative;
}
.sticky .sticky_label {
position: absolute;
right: 0;
top: 0;
width: 3em;
height: 3em;
background-image: url(images/sticky.png);
background-repeat: no-repeat;
background-position: right top;
background-size: 3em 3em;
}
.gallery-caption {
font-size: inherit;
}
.bypostauthor {
font-size: inherit;
}
.wp-caption {
position: relative;
overflow: hidden;
max-width: 100%;
}
.wp-caption a[class*="magnific"],
.wp-caption a[class*="prettyPhoto"] {
display: block;
}
.wp-caption a[class*="magnific"] img,
.wp-caption a[class*="prettyPhoto"] img {
vertical-align: top;
}
.wp-caption .wp-caption-text,
.wp-caption .wp-caption-dd {
padding: 1em;
line-height: 16px;
text-align: center;
}
.gallery {
margin: 0 -5px;
}
.gallery .gallery-item a {
display: block;
}
.gallery .gallery-item a img {
border: none !important;
display: block;
width: 100%;
}
.gallery .gallery-item .gallery-icon {
margin: 0 5px;
}
.gallery .gallery-item .gallery-caption {
line-height: 100%;
margin: 0;
padding: 3px 6px;
font-size: 0.875em;
}
.gallery.gallery-columns-9 .gallery-item {
width: 11.1111% !important;
}
.gallery.gallery-columns-8 .gallery-item {
width: 12.5% !important;
}
.gallery.gallery-columns-7 .gallery-item {
width: 14.2857% !important;
}
.gallery.gallery-columns-6 .gallery-item {
width: 16.6666% !important;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20% !important;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25% !important;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33.3333% !important;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50% !important;
}
.gallery.gallery-columns-1 .gallery-item {
width: 100% !important;
}
.gallery.gallery-columns-9 .gallery-caption {
font-size: 0.625em;
}
.gallery.gallery-columns-8 .gallery-caption {
font-size: 0.6875em;
}
.gallery.gallery-columns-7 .gallery-caption {
font-size: 0.75em;
}
.gallery.gallery-columns-6 .gallery-caption {
font-size: 0.8125em;
}
.post-password-form label {
display: inline-block;
vertical-align: top;
}
.post-password-form input[type="submit"] {
display: inline-block;
margin-left: 10px;
padding: 2em 4em;
}
/* 5. Theme grid
-------------------------------------------------------------- */
.container,
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.row,
.columns_wrap {
margin-left: 0px;
/ -15px; /
margin-right: -30px;
/ -15px; /
}
.row > [class*="column-"],
.columns_wrap > [class*="column-"] {
display: inline-block;
vertical-align: top;
position: relative;
min-height: 1px;
padding-left: 0px;
padding-right: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row.column_padding_left,
.columns_wrap.column_padding_left {
margin-left: -30px;
margin-right: 0;
}
.row.column_padding_left > [class*="column-"],
.columns_wrap.column_padding_left > [class*="column-"],
.row > [class*="column-"].column_padding_left,
.columns_wrap > [class*="column-"].column_padding_left {
padding-left: 30px;
padding-right: 0;
}
.row.column_padding_right,
.columns_wrap.column_padding_right {
margin-left: 0;
margin-right: -30px;
}
.row.column_padding_right > [class*="column-"],
.columns_wrap.column_padding_right > [class*="column-"],
.row > [class*="column-"].column_padding_right,
.columns_wrap > [class*="column-"].column_padding_right {
padding-left: 0;
padding-right: 30px;
}
.row.column_padding_center,
.columns_wrap.column_padding_center {
margin-left: -15px;
margin-right: -15px;
}
.row.column_padding_center > [class*="column-"],
.columns_wrap.column_padding_center > [class*="column-"],
.row > [class*="column-"].column_padding_center,
.columns_wrap > [class*="column-"].column_padding_center {
padding-left: 15px;
padding-right: 15px;
}
.row > [class*="column-"].column_padding_bottom,
.columns_wrap > [class*="column-"].column_padding_bottom {
padding-bottom: 30px;
}
.sc_blogger.no_margins .row,
.sc_blogger.no_margins .columns_wrap,
.row.no_margins,
.columns_wrap.no_margins {
margin: 0 !important;
}
.sc_blogger.no_margins .row > [class*="column-"],
.sc_blogger.no_margins .columns_wrap > [class*="column-"],
.row.no_margins > [class*="column-"],
.columns_wrap.no_margins > [class*="column-"] {
padding: 0 !important;
}
/ Columns width /
.column-1,
.column-1_1,
.column-2_2,
.column-3_3,
.column-4_4,
.column-5_5,
.column-6_6,
.column-7_7,
.column-8_8,
.column-9_9,
.column-10_10,
.column-11_11,
.column-12_12 {
width: 100%;
}
.column-1_2,
.column-2_4,
.column-3_6,
.column-4_8,
.column-5_10,
.column-6_12 {
width: 50%;
}
.column-1_3,
.column-2_6,
.column-3_9,
.column-4_12 {
width: 33.33333333%;
}
.column-2_3,
.column-4_6,
.column-8_12 {
width: 66.66666667%;
}
.column-1_4,
.column-2_8,
.column-3_12 {
width: 25%;
}
.column-3_4,
.column-6_8,
.column-9_12 {
width: 75%;
}
.column-1_5,
.column-2_10 {
width: 20%;
}
.column-2_5,
.column-4_10 {
width: 40%;
}
.column-3_5,
.column-6_10 {
width: 60%;
}
.column-4_5,
.column-8_10 {
width: 80%;
}
.column-1_6,
.column-2_12 {
width: 16.66666667%;
}
.column-5_6,
.column-10_12 {
width: 83.33333333%;
}
.column-1_7 {
width: 14.28571429%;
}
.column-2_7 {
width: 28.57142857%;
}
.column-3_7 {
width: 42.85714286%;
}
.column-4_7 {
width: 57.14285714%;
}
.column-5_7 {
width: 71.42857143%;
}
.column-6_7 {
width: 85.71428571%;
}
.column-1_8 {
width: 12.5%;
}
.column-3_8 {
width: 37.5%;
}
.column-5_8 {
width: 62.5%;
}
.column-7_8 {
width: 87.5%;
}
.column-1_9 {
width: 11.11111111%;
}
.column-2_9 {
width: 22.22222222%;
}
.column-3_9 {
width: 33.33333333%;
}
.column-4_9 {
width: 44.44444444%;
}
.column-5_9 {
width: 55.55555556%;
}
.column-6_9 {
width: 66.66666667%;
}
.column-7_9 {
width: 77.77777778%;
}
.column-8_9 {
width: 88.88888889%;
}
.column-1_10 {
width: 10%;
}
.column-3_10 {
width: 30%;
}
.column-7_10 {
width: 70%;
}
.column-9_10 {
width: 90%;
}
.column-1_11 {
width: 9.09090909%;
}
.column-2_11 {
width: 18.18181818%;
}
.column-3_11 {
width: 27.27272727%;
}
.column-4_11 {
width: 36.36363636%;
}
.column-5_11 {
width: 45.45454545%;
}
.column-6_11 {
width: 54.54545455%;
}
.column-7_11 {
width: 63.63636364%;
}
.column-8_11 {
width: 72.72727273%;
}
.column-9_11 {
width: 81.81818182%;
}
.column-10_11 {
width: 90.90909091%;
}
.column-1_12 {
width: 8.33333333%;
}
.column-5_12 {
width: 41.66666667%;
}
.column-7_12 {
width: 58.33333333%;
}
.column-11_12 {
width: 91.66666667%;
}
/ Push columns /
.push-1_2,
.push-2_4,
.push-3_6,
.push-4_8,
.push-5_10,
.push-6_12 {
left: 50%;
}
.push-1_3,
.push-2_6,
.push-3_9,
.push-4_12 {
left: 33.33333333%;
}
.push-2_3,
.push-4_6,
.push-8_12 {
left: 66.66666667%;
}
.push-1_4,
.push-2_8,
.push-3_12 {
left: 25%;
}
.push-3_4,
.push-6_8,
.push-9_12 {
left: 75%;
}
.push-1_5,
.push-2_10 {
left: 20%;
}
.push-2_5,
.push-4_10 {
left: 40%;
}
.push-3_5,
.push-6_10 {
left: 60%;
}
.push-4_5,
.push-8_10 {
left: 80%;
}
.push-1_6,
.push-2_12 {
left: 16.66666667%;
}
.push-5_6,
.push-10_12 {
left: 83.33333333%;
}
.push-1_7 {
left: 14.28571429%;
}
.push-2_7 {
left: 28.57142857%;
}
.push-3_7 {
left: 42.85714286%;
}
.push-4_7 {
left: 57.14285714%;
}
.push-5_7 {
left: 71.42857143%;
}
.push-6_7 {
left: 85.71428571%;
}
.push-1_8 {
left: 12.5%;
}
.push-3_8 {
left: 37.5%;
}
.push-5_8 {
left: 62.5%;
}
.push-7_8 {
left: 87.5%;
}
.push-1_9 {
left: 11.11111111%;
}
.push-2_9 {
left: 22.22222222%;
}
.push-3_9 {
left: 33.33333333%;
}
.push-4_9 {
left: 44.44444444%;
}
.push-5_9 {
left: 55.55555556%;
}
.push-6_9 {
left: 66.66666667%;
}
.push-7_9 {
left: 77.77777778%;
}
.push-8_9 {
left: 88.88888889%;
}
.push-1_10 {
left: 10%;
}
.push-3_10 {
left: 30%;
}
.push-7_10 {
left: 70%;
}
.push-9_10 {
left: 90%;
}
.push-1_11 {
left: 9.09090909%;
}
.push-2_11 {
left: 18.18181818%;
}
.push-3_11 {
left: 27.27272727%;
}
.push-4_11 {
left: 36.36363636%;
}
.push-5_11 {
left: 45.45454545%;
}
.push-6_11 {
left: 54.54545455%;
}
.push-7_11 {
left: 63.63636364%;
}
.push-8_11 {
left: 72.72727273%;
}
.push-9_11 {
left: 81.81818182%;
}
.push-10_11 {
left: 90.90909091%;
}
.push-1_12 {
left: 8.33333333%;
}
.push-5_12 {
left: 41.66666667%;
}
.push-7_12 {
left: 58.33333333%;
}
.push-11_12 {
left: 91.66666667%;
}
/ Pull columns /
.pull-1_2,
.pull-2_4,
.pull-3_6,
.pull-4_8,
.pull-5_10,
.pull-6_12 {
right: 50%;
}
.pull-1_3,
.pull-2_6,
.pull-3_9,
.pull-4_12 {
right: 33.33333333%;
}
.pull-2_3,
.pull-4_6,
.pull-8_12 {
right: 66.66666667%;
}
.pull-1_4,
.pull-2_8,
.pull-3_12 {
right: 25%;
}
.pull-3_4,
.pull-6_8,
.pull-9_12 {
right: 75%;
}
.pull-1_5,
.pull-2_10 {
right: 20%;
}
.pull-2_5,
.pull-4_10 {
right: 40%;
}
.pull-3_5,
.pull-6_10 {
right: 60%;
}
.pull-4_5,
.pull-8_10 {
right: 80%;
}
.pull-1_6,
.pull-2_12 {
right: 16.66666667%;
}
.pull-5_6,
.pull-10_12 {
right: 83.33333333%;
}
.pull-1_7 {
right: 14.28571429%;
}
.pull-2_7 {
right: 28.57142857%;
}
.pull-3_7 {
right: 42.85714286%;
}
.pull-4_7 {
right: 57.14285714%;
}
.pull-5_7 {
right: 71.42857143%;
}
.pull-6_7 {
right: 85.71428571%;
}
.pull-1_8 {
right: 12.5%;
}
.pull-3_8 {
right: 37.5%;
}
.pull-5_8 {
right: 62.5%;
}
.pull-7_8 {
right: 87.5%;
}
.pull-1_9 {
right: 11.11111111%;
}
.pull-2_9 {
right: 22.22222222%;
}
.pull-3_9 {
right: 33.33333333%;
}
.pull-4_9 {
right: 44.44444444%;
}
.pull-5_9 {
right: 55.55555556%;
}
.pull-6_9 {
right: 66.66666667%;
}
.pull-7_9 {
right: 77.77777778%;
}
.pull-8_9 {
right: 88.88888889%;
}
.pull-1_10 {
right: 10%;
}
.pull-3_10 {
right: 30%;
}
.pull-7_10 {
right: 70%;
}
.pull-9_10 {
right: 90%;
}
.pull-1_11 {
right: 9.09090909%;
}
.pull-2_11 {
right: 18.18181818%;
}
.pull-3_11 {
right: 27.27272727%;
}
.pull-4_11 {
right: 36.36363636%;
}
.pull-5_11 {
right: 45.45454545%;
}
.pull-6_11 {
right: 54.54545455%;
}
.pull-7_11 {
right: 63.63636364%;
}
.pull-8_11 {
right: 72.72727273%;
}
.pull-9_11 {
right: 81.81818182%;
}
.pull-10_11 {
right: 90.90909091%;
}
.pull-1_12 {
right: 8.33333333%;
}
.pull-5_12 {
right: 41.66666667%;
}
.pull-7_12 {
right: 58.33333333%;
}
.pull-11_12 {
right: 91.66666667%;
}
/ Margin for the columns /
.offset-1_2,
.offset-2_4,
.offset-3_6,
.offset-4_8,
.offset-5_10,
.offset-6_12 {
margin-left: 50%;
}
.offset-1_3,
.offset-2_6,
.offset-3_9,
.offset-4_12 {
margin-left: 33.33333333%;
}
.offset-2_3,
.offset-4_6,
.offset-8_12 {
margin-left: 66.66666667%;
}
.offset-1_4,
.offset-2_8,
.offset-3_12 {
margin-left: 25%;
}
.offset-3_4,
.offset-6_8,
.offset-9_12 {
margin-left: 75%;
}
.offset-1_5,
.offset-2_10 {
margin-left: 20%;
}
.offset-2_5,
.offset-4_10 {
margin-left: 40%;
}
.offset-3_5,
.offset-6_10 {
margin-left: 60%;
}
.offset-4_5,
.offset-8_10 {
margin-left: 80%;
}
.offset-1_6,
.offset-2_12 {
margin-left: 16.66666667%;
}
.offset-5_6,
.offset-10_12 {
margin-left: 83.33333333%;
}
.offset-1_7 {
margin-left: 14.28571429%;
}
.offset-2_7 {
margin-left: 28.57142857%;
}
.offset-3_7 {
margin-left: 42.85714286%;
}
.offset-4_7 {
margin-left: 57.14285714%;
}
.offset-5_7 {
margin-left: 71.42857143%;
}
.offset-6_7 {
margin-left: 85.71428571%;
}
.offset-1_8 {
margin-left: 12.5%;
}
.offset-3_8 {
margin-left: 37.5%;
}
.offset-5_8 {
margin-left: 62.5%;
}
.offset-7_8 {
margin-left: 87.5%;
}
.offset-1_9 {
margin-left: 11.11111111%;
}
.offset-2_9 {
margin-left: 22.22222222%;
}
.offset-3_9 {
margin-left: 33.33333333%;
}
.offset-4_9 {
margin-left: 44.44444444%;
}
.offset-5_9 {
margin-left: 55.55555556%;
}
.offset-6_9 {
margin-left: 66.66666667%;
}
.offset-7_9 {
margin-left: 77.77777778%;
}
.offset-8_9 {
margin-left: 88.88888889%;
}
.offset-1_10 {
margin-left: 10%;
}
.offset-3_10 {
margin-left: 30%;
}
.offset-7_10 {
margin-left: 70%;
}
.offset-9_10 {
margin-left: 90%;
}
.offset-1_11 {
margin-left: 9.09090909%;
}
.offset-2_11 {
margin-left: 18.18181818%;
}
.offset-3_11 {
margin-left: 27.27272727%;
}
.offset-4_11 {
margin-left: 36.36363636%;
}
.offset-5_11 {
margin-left: 45.45454545%;
}
.offset-6_11 {
margin-left: 54.54545455%;
}
.offset-7_11 {
margin-left: 63.63636364%;
}
.offset-8_11 {
margin-left: 72.72727273%;
}
.offset-9_11 {
margin-left: 81.81818182%;
}
.offset-10_11 {
margin-left: 90.90909091%;
}
.offset-1_12 {
margin-left: 8.33333333%;
}
.offset-5_12 {
margin-left: 41.66666667%;
}
.offset-7_12 {
margin-left: 58.33333333%;
}
.offset-11_12 {
margin-left: 91.66666667%;
}
/ Utils /
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.columns_wrap:before,
.columns_wrap:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.columns_wrap:after {
clear: both;
width: 100%;
height: 0;
display: block;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.affix {
position: fixed;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.text-hide {
font-size: 0;
line-height: 0;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
/* 6. Page layouts
-------------------------------------------------------------- */
.page_wrap,
.content_wrap {
margin: 0 auto;
}
.slider_boxed,
.content_wrap,
.content_container {
width: 1170px;
margin: 0 auto;
}
.content_wrap:after,
.content_container:after {
content: " ";
display: block;
width: 100%;
height: 0;
clear: both;
}
.body_style_fullwide .content_wrap {
width: auto;
padding-left: 30px;
padding-right: 30px;
}
.content,
.sidebar,
.sidebar_inner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/ Content and Sidebar /
.sidebar_show .content {
width: 770px;
}
.sidebar {
width: 370px;
}
.sidebar_right .content {
float: left;
}
.sidebar_right .sidebar {
float: right;
}
.sidebar_left .content {
float: right;
}
.sidebar_left .sidebar {
float: left;
}
/ Fullwide or Fullscreen with sidebar /
.body_style_fullwide.sidebar_show .content,
.body_style_fullscreen.sidebar_show .content {
width: auto;
max-width: 100%;
}
.body_style_fullwide.sidebar_right .content,
.body_style_fullscreen.sidebar_right .content {
padding-right: 400px;
}
.body_style_fullwide.sidebar_right .sidebar,
.body_style_fullscreen.sidebar_right .sidebar {
margin-left: -360px;
}
.body_style_fullwide.sidebar_left .content,
.body_style_fullscreen.sidebar_left .content {
padding-left: 400px;
}
.body_style_fullwide.sidebar_left .sidebar,
.body_style_fullscreen.sidebar_left .sidebar {
margin-right: -360px;
}
.body_style_fullscreen .page_content_wrap {
overflow: hidden;
padding: 0;
}
/ Transparent body /
.body_transparent .page_wrap,
.body_transparent .copy_wrap,
.body_transparent .widget_area_inner {
background-color: transparent;
}
/ Sidebar outer /
.sidebar_outer {
width: 290px;
position: absolute;
top: 0;
bottom: 0;
z-index: 99998;
}
.sidebar_outer_inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.sidebar_outer_show .outer_wrap {
overflow: hidden;
position: relative;
}
.sidebar_outer_left .sidebar_outer {
left: 0;
right: auto;
}
.sidebar_outer_left .body_wrap {
padding-left: 290px;
}
.sidebar_outer_right .sidebar_outer {
left: auto;
right: 0;
}
.sidebar_outer_right .body_wrap {
padding-right: 290px;
}
.sidebar_outer .logo img {
max-width: 210px;
}
/ Boxed style for articles and sidebar /
.page_content_wrap {
padding: 7.8em 0 7.78em;
}
.page_content_wrap.page_paddings_no,
.body_style_fullscreen .page_content_wrap {
padding: 0;
}
.body_style_fullscreen .content > article.page {
padding: 0;
}
.sidebar_inner aside {
padding: 6.5em 5em 3em;
box-sizing: border-box;
}
/ With video Background /
.video_bg_show .body_wrap {
position: relative;
}
.video_bg_show .video_bg {
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.logo .logo_text {
margin: 1rem 0 2rem;
}
.top_panel_fixed .logo .logo_text {
margin: 0 0 1rem;
}
.video_bg_show .video_bg_overlay:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 3;
background-image: url(images/bg/texture_7.png);
}
/* 7. Section's decorations
-------------------------------------------------------------- */
/* 7.1 Header
-------------------------------------------------------------- */
/ Top panel /
.top_panel_wrap {
position: relative;
}
.top_panel_fixed .top_panel_wrap {
-webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
}
.top_panel_over .top_panel_wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10000;
}
body:not(.top_panel_fixed) .top_panel_position_over.top_panel_wrap_inner,
body:not(.top_panel_fixed) .top_panel_position_over .top_panel_top,
body:not(.top_panel_fixed) .top_panel_position_over .top_panel_middle,
body:not(.top_panel_fixed) .top_panel_position_over .top_panel_bottom {
background: none !important;
}
.admin-bar.top_panel_over .top_panel_wrap {
top: 32px;
}
.top_panel_wrap [class^="icon-"]::before,
.top_panel_wrap [class*=" icon-"]::before {
margin-right: 0.5em;
}
/ Fixed panel /
.top_panel_fixed_wrap {
display: none;
}
.top_panel_fixed:not(.top_panel_over) .top_panel_fixed_wrap {
display: block;
}
.top_panel_fixed .top_panel_wrap {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 8000;
}
.sidebar_outer_left.top_panel_fixed .top_panel_wrap {
left: 290px;
}
.sidebar_outer_right.top_panel_fixed .top_panel_wrap {
right: 290px;
}
.top_panel_fixed .top_panel_top,
.top_panel_fixed .top_panel_style_1 .top_panel_middle,
.top_panel_fixed .top_panel_style_2 .top_panel_middle {
display: none;
}
.top_panel_fixed .top_panel_style_5 .contact_logo {
float: left;
}
.top_panel_fixed .top_panel_middle {
min-height: 0;
}
.top_panel_fixed .menu_main_wrap {
margin-top: 0;
}
.admin-bar.top_panel_fixed .top_panel_wrap {
top: 32px;
}
/ Top panel (top area) /
.top_panel_top {
min-height: 2.5em;
margin-top: 0;
z-index: 10000;
}
.top_panel_style_1 .top_panel_middle,
.top_panel_style_2 .top_panel_middle,
.top_panel_style_3 .top_panel_middle,
.top_panel_style_4 .top_panel_middle,
.top_panel_style_5 .top_panel_middle,
.top_panel_style_6 .top_panel_middle,
.top_panel_style_8 .top_panel_middle {
background-repeat: repeat;
background-position: center top;
}
.top_panel_top_contact_area {
float: left;
margin-top: 1em;
}
.top_panel_top_open_hours {
float: left;
margin-top: 1em;
margin-left: 3em;
}
.top_panel_top_user_area {
float: right;
}
.top_panel_top_socials {
float: right;
margin-top: 1em;
}
.top_panel_top_search,
.menu_user_nav {
float: left;
margin-top: 1em;
}
.top_panel_top_search {
padding-top: 0.2em;
margin-right: 2em;
}
.top_panel_top_socials {
margin-left: 3em;
}
.top_panel_wrap .sc_socials a:before,
.top_panel_wrap .sc_socials [class*="icon-"]:before {
margin-right: 0;
}
.top_panel_wrap ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.top_panel_wrap li {
margin-bottom: 0;
position: relative;
}
.top_panel_wrap li li > a {
position: relative;
display: block;
padding: 0.5em 1.5em;
}
.top_panel_fixed .top_panel_style_6 .menu_main_nav_area {
margin-top: 0.5rem;
}
/ User menu /
.menu_user_nav > li {
margin-left: 1.5em;
}
.menu_user_nav > li a {
font-weight: 400;
}
.menu_user_nav > li > a {
display: block;
padding: 1em 0 1.25em;
}
.menu_user_nav > li li {
line-height: 1.5em;
}
.menu_user_nav > li ul:not(.cart_list) {
width: 12em;
padding: 0;
border: 1px solid #ddd;
}
.menu_user_nav > li.menu_user_bookmarks ul {
width: 15em;
}
.menu_user_nav > li > ul {
left: 0;
top: 3.7em;
}
.menu_user_nav > li > ul ul {
left: 12em;
margin-left: 4px;
top: -0.5em;
}
.menu_user_nav > li > ul ul.submenu_left {
left: -12em;
margin-left: -1px;
}
.menu_user_nav > li.menu_user_controls .user_avatar {
display: inline-block;
border: 1px solid #ddd;
margin-right: 0.4em;
overflow: hidden;
vertical-align: middle;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 1em;
height: 1em;
line-height: 1em;
}
/ Main and user menu /
.menu_main_nav_area {
position: relative;
z-index: 1000;
display: none;
}
.menu_show .menu_main_nav_area {
display: block;
}
.menu_user_nav > li:first-child {
margin-left: 0;
}
.menu_user_nav > li,
.menu_main_nav > li {
position: relative;
float: left;
z-index: 20;
}
.menu_main_nav > li + li {
z-index: 19;
}
.menu_main_nav > li + li + li {
z-index: 18;
}
.menu_main_nav > li + li + li + li {
z-index: 17;
}
.menu_main_nav > li + li + li + li + li {
z-index: 16;
}
.menu_main_nav > li + li + li + li + li + li {
z-index: 15;
}
.menu_main_nav > li + li + li + li + li + li + li {
z-index: 14;
}
.menu_main_nav > li + li + li + li + li + li + li + li {
z-index: 13;
}
.menu_main_nav > li + li + li + li + li + li + li + li + li {
z-index: 12;
}
.menu_main_nav > li + li + li + li + li + li + li + li + li + li {
z-index: 11;
}
.menu_user_nav > li {
z-index: 30;
}
.menu_user_nav > li + li {
z-index: 29;
}
.menu_user_nav > li + li + li {
z-index: 28;
}
.menu_user_nav > li + li + li + li {
z-index: 27;
}
.menu_user_nav > li + li + li + li + li {
z-index: 26;
}
.menu_user_nav > li + li + li + li + li + li {
z-index: 25;
}
.menu_user_nav > li + li + li + li + li + li + li {
z-index: 24;
}
.menu_user_nav > li + li + li + li + li + li + li + li {
z-index: 23;
}
.menu_user_nav > li + li + li + li + li + li + li + li + li {
z-index: 22;
}
.menu_user_nav > li + li + li + li + li + li + li + li + li + li {
z-index: 21;
}
.menu_user_nav > li ul,
.menu_main_nav > li ul {
position: absolute;
display: none;
z-index: 10000;
}
.menu_main_nav > li > a {
display: block;
padding: 1em 1.5em;
text-transform: uppercase;
}
.menu_main_nav > li ul {
width: 185px;
padding: 0.75em 0 1em;
text-align: left;
}
.menu_main_nav > li > ul {
left: 0;
top: 40px;
}
.menu_main_nav > li > ul ul {
left: 187px;
top: -10px;
}
.menu_main_nav > li > ul ul.submenu_left {
left: -186px;
}
.menu_main_nav li a:before {
margin-right: 0.5em;
}
.top_panel_style_6 .menu_main_nav > li > a {
padding: 1.8em 1.5em 1.8em;
font-size: 1.143em;
text-transform: none;
}
.top_panel_style_6 .top_panel_middle .logo {
margin-top: 2.3em;
margin-bottom: 0.8em;
max-width: 185px;
}
.top_panel_style_6 .top_panel_buttons {
padding-top: 3.25rem;
padding-left: 0.86em;
}
.top_panel_style_6 .menu_main_nav_area {
margin-top: 3.1rem;
}
/ ---------------------- MENU HOVERS ----------------------- /
/ Slide Line and Slide Box /
.menu_main_nav > li#blob {
position: absolute;
top: 0;
z-index: 1;
opacity: 0;
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
/ easeOutBack /
}
.menu_main_nav > li.blob_over:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):hover,
.menu_main_nav > li.blob_over:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor).sfHover {
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.menu_hover_slide_line .menu_main_nav > li#blob {
height: 2px;
margin: 3.8em 0 0 1.5em;
}
/ Zoom Line /
.menu_hover_zoom_line .menu_main_nav > li > a {
position: relative;
}
.menu_hover_zoom_line .menu_main_nav > li > a:before {
content: "";
height: 2px;
position: absolute;
margin-left: 0.25em;
top: 3.8em;
left: 50%;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
}
.menu_hover_zoom_line .menu_main_nav > li > a:hover:before,
.menu_hover_zoom_line .menu_main_nav > li.sfHover > a:before,
.menu_hover_zoom_line .menu_main_nav > li.current-menu-item > a:before,
.menu_hover_zoom_line .menu_main_nav > li.current-menu-parent > a:before,
.menu_hover_zoom_line .menu_main_nav > li.current-menu-ancestor > a:before {
width: 80%;
}
/ Path Line /
.menu_hover_path_line .menu_main_nav > li > a {
position: relative;
}
.menu_hover_path_line .menu_main_nav > li:before,
.menu_hover_path_line .menu_main_nav > li:after,
.menu_hover_path_line .menu_main_nav > li > a:before,
.menu_hover_path_line .menu_main_nav > li > a:after {
content: ' ';
position: absolute;
-webkit-transition: -webkit-transform 0.1s;
-ms-transition: -ms-transform 0.1s;
transition: transform 0.1s;
-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
-ms-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
/ left and right line /
.menu_hover_path_line .menu_main_nav > li:before,
.menu_hover_path_line .menu_main_nav > li:after {
top: 0.5em;
bottom: 0.5em;
width: 2px;
-webkit-transform: scale3d(1, 0, 1);
-ms-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}
/ left line /
.menu_hover_path_line .menu_main_nav > li:before {
left: 0;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
/ right line /
.menu_hover_path_line .menu_main_nav > li:after {
right: 0;
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
/ top and bottom line /
.menu_hover_path_line .menu_main_nav > li > a:before,
.menu_hover_path_line .menu_main_nav > li > a:after {
left: 0;
right: auto;
width: 100%;
height: 2px;
-webkit-transform: scale3d(0, 1, 1);
-ms-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
/ top line /
.menu_hover_path_line .menu_main_nav > li > a:before {
top: 0.5em;
bottom: auto;
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
/ bottom line /
.menu_hover_path_line .menu_main_nav > li > a:after {
top: auto;
bottom: 0.5em;
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
/ Delays (first reverse, then current) /
/ These rules can be simplified, but let's keep it for better readability /
/ bottom line /
.menu_hover_path_line .menu_main_nav > li > a:after {
-webkit-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.menu_hover_path_line .menu_main_nav > li.sfHover > a:after,
.menu_hover_path_line .menu_main_nav > li > a:hover:after {
-webkit-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
/ left line /
.menu_hover_path_line .menu_main_nav > li:before {
-webkit-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.menu_hover_path_line .menu_main_nav > li.sfHover:before,
.menu_hover_path_line .menu_main_nav > li:hover:before {
-webkit-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
/ top line /
.menu_hover_path_line .menu_main_nav > li > a:before {
-webkit-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.menu_hover_path_line .menu_main_nav > li > a:hover:before,
.menu_hover_path_line .menu_main_nav > li.sfHover > a:before {
-webkit-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
/ right line /
.menu_hover_path_line .menu_main_nav > li.sfHover:after,
.menu_hover_path_line .menu_main_nav > li:hover:after {
-webkit-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.menu_hover_path_line .menu_main_nav > li.sfHover:before,
.menu_hover_path_line .menu_main_nav > li:hover:before,
.menu_hover_path_line .menu_main_nav > li.sfHover:after,
.menu_hover_path_line .menu_main_nav > li:hover:after,
.menu_hover_path_line .menu_main_nav > li.sfHover > a:before,
.menu_hover_path_line .menu_main_nav > li:hover > a:before,
.menu_hover_path_line .menu_main_nav > li.sfHover > a:after,
.menu_hover_path_line .menu_main_nav > li:hover > a:after,
.menu_hover_path_line .menu_main_nav > li.current-menu-item:before,
.menu_hover_path_line .menu_main_nav > li.current-menu-item:after,
.menu_hover_path_line .menu_main_nav > li.current-menu-item > a:before,
.menu_hover_path_line .menu_main_nav > li.current-menu-item > a:after,
.menu_hover_path_line .menu_main_nav > li.current-menu-ancestor:before,
.menu_hover_path_line .menu_main_nav > li.current-menu-ancestor:after,
.menu_hover_path_line .menu_main_nav > li.current-menu-ancestor > a:before,
.menu_hover_path_line .menu_main_nav > li.current-menu-ancestor > a:after,
.menu_hover_path_line .menu_main_nav > li.current-menu-parent:before,
.menu_hover_path_line .menu_main_nav > li.current-menu-parent:after,
.menu_hover_path_line .menu_main_nav > li.current-menu-parent > a:before,
.menu_hover_path_line .menu_main_nav > li.current-menu-parent > a:after {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
/ Roll Down /
.menu_hover_roll_down .menu_main_nav > li > a:before {
content: ' ';
position: absolute;
top: 3.8em;
left: 1.5em;
right: 1.5em;
height: 2px;
opacity: 0;
-webkit-transform: translate3d(0, -3em, 0);
-ms-transform: translate3d(0, -3em, 0);
transform: translate3d(0, -3em, 0);
-webkit-transition: -webkit-transform 0s 0.3s, opacity 0.2s;
-ms-transition: transform 0s 0.3s, opacity 0.2s;
transition: transform 0s 0.3s, opacity 0.2s;
}
.menu_hover_roll_down .menu_main_nav > li.sfHover > a:before,
.menu_hover_roll_down .menu_main_nav > li > a:hover:before,
.menu_hover_roll_down .menu_main_nav > li.current-menu-item > a:before,
.menu_hover_roll_down .menu_main_nav > li.current-menu-ancestor > a:before,
.menu_hover_roll_down .menu_main_nav > li.current-menu-parent > a:before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.1s;
-ms-transition: -webkit-transform 0.3s, opacity 0.1s;
transition: transform 0.3s, opacity 0.1s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.menu_hover_roll_down .menu_main_nav > li > a > span {
display: block;
pointer-events: none;
}
.menu_hover_roll_down .menu_main_nav > li.sfHover > a > span,
.menu_hover_roll_down .menu_main_nav > li > a:hover > span,
.menu_hover_roll_down .menu_main_nav > li.current-menu-item > a > span,
.menu_hover_roll_down .menu_main_nav > li.current-menu-ancestor > a > span,
.menu_hover_roll_down .menu_main_nav > li.current-menu-parent > a > span {
-webkit-animation: anim-roll-down 0.3s forwards;
-ms-animation: anim-roll-down 0.3s forwards;
animation: anim-roll-down 0.3s forwards;
}
@-webkit-keyframes anim-roll-down {
50% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes anim-roll-down {
50% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/ Color Line /
.menu_hover_color_line .menu_main_nav > li > a:hover:before,
.menu_hover_color_line .menu_main_nav > li > a:focus:before {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.menu_hover_color_line .menu_main_nav > li > a:before,
.menu_hover_color_line .menu_main_nav > li > a:after {
content: '';
position: absolute;
top: 3.8em;
left: 1.5em;
right: 1.5em;
margin: 0;
height: 2px;
-webkit-transform: scale3d(0, 1, 1);
-ms-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left;
-webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.menu_hover_color_line .menu_main_nav > li.menu-item-has-children > a:before,
.menu_hover_color_line .menu_main_nav > li.menu-item-has-children > a:after {
right: 2em;
}
.menu_hover_color_line .menu_main_nav > li > a:hover,
.menu_hover_color_line .menu_main_nav > li.sfHover > a:after,
.menu_hover_color_line .menu_main_nav > li > a:hover:after,
.menu_hover_color_line .menu_main_nav > li > a:before {
-webkit-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.menu_hover_color_line .menu_main_nav > li.sfHover > a:after,
.menu_hover_color_line .menu_main_nav > li > a:hover:after,
.menu_hover_color_line .menu_main_nav > li.sfHover > a:before,
.menu_hover_color_line .menu_main_nav > li > a:hover:before,
.menu_hover_color_line .menu_main_nav > li.current-menu-item > a:after,
.menu_hover_color_line .menu_main_nav > li.current-menu-item > a:before,
.menu_hover_color_line .menu_main_nav > li.current-menu-ancestor > a:after,
.menu_hover_color_line .menu_main_nav > li.current-menu-ancestor > a:before,
.menu_hover_color_line .menu_main_nav > li.current-menu-parent > a:after,
.menu_hover_color_line .menu_main_nav > li.current-menu-parent > a:before {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.menu_hover_color_line .menu_main_nav > li.sfHover > a:before,
.menu_hover_color_line .menu_main_nav > li > a:hover:before {
-webkit-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
/ ---------------------- END MENU HOVERS ----------------------- /
/ Currency /
.menu_user_nav > li.menu_user_currency > a {
padding-left: 1.6em;
padding-right: 0.2em;
}
/ Bookmarks /
.menu_user_nav > li.menu_user_bookmarks li > a {
position: relative;
}
.menu_user_nav > li.menu_user_bookmarks .bookmarks_add {
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.menu_user_nav > li.menu_user_bookmarks .bookmarks_delete {
position: absolute;
right: 0;
top: 50%;
margin-top: -0.5em;
margin-right: 0.5em;
width: 1em;
height: 1em;
line-height: 1em;
font-size: 1.25em;
}
/ Cart button /
.top_panel_style_3 .top_panel_cart_button,
.top_panel_style_4 .top_panel_cart_button {
display: block;
padding-left: 1.5em !important;
padding-right: 1.5em !important;
}
.top_panel_middle .contact_cart {
position: relative;
}
.top_panel_middle .sidebar_cart {
position: absolute;
top: 4.5em;
left: 0;
z-index: 1001;
display: none;
float: none;
text-align: left;
border: 1px solid #eee;
}
.top_panel_icon {
padding: 0;
}
.top_panel_icon .sidebar_cart {
top: 5.6em;
left: -0.7em;
}
.top_panel_style_5 .top_panel_icon .sidebar_cart,
.top_panel_style_6 .top_panel_icon .sidebar_cart,
.top_panel_style_7 .top_panel_icon .sidebar_cart,
.top_panel_style_8 .top_panel_icon .sidebar_cart {
left: auto;
right: -1em;
}
.top_panel_icon.search_wrap {
width: 2.2857em;
height: 2.2857em;
line-height: 2.2857em;
-webkit-border-radius: 1.15em;
-moz-border-radius: 1.15em;
border-radius: 1.15em;
}
.top_panel_icon.search_wrap.search_state_opened {
width: 8em;
}
.top_panel_icon.search_wrap .search_submit {
line-height: 2.2857em;
}
.top_panel_icon .contact_cart_label,
.top_panel_icon .contact_cart_totals {
display: none;
}
.top_panel_icon .contact_icon {
display: inline-block;
text-align: center;
}
.top_panel_icon .contact_icon:before {
margin-right: 0;
}
.top_panel_icon.menu_main_cart {
position: relative;
}
.top_panel_icon .contact_icon {
width: 2.2857em;
height: 2.2857em;
line-height: 2.2857em;
}
.top_panel_icon.menu_main_cart .contact_icon {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
/ Logo in the header /
.top_panel_wrap .logo {
overflow: hidden;
text-align: center;
}
.top_panel_wrap .logo_main {
width: auto;
}
.logo a {
display: inline-block;
}
.logo img {
float: left;
width: auto;
}
.logo_text,
.logo_slogan {
float: none;
text-align: center;
}
.logo_slogan {
margin-top: 0;
font-size: 13px;
margin-bottom: 1.8rem;
}
.top_panel_fixed .top_panel_wrap .logo_main {
display: none;
}
.top_panel_wrap .logo_fixed {
display: none;
max-height: 62px;
width: auto;
}
.top_panel_fixed .top_panel_wrap .logo_fixed {
display: block;
}
.top_panel_fixed .top_panel_middle .menu_main_wrap {
margin-top: 0;
}
.top_panel_fixed .top_panel_inner_style_8 .menu_pushy_wrap .menu_pushy_button {
padding-top: 2em;
}
.top_panel_fixed .top_panel_buttons {
padding-top: 1em;
padding-bottom: 1em;
}
.top_panel_style_3 .content_wrap,
.top_panel_style_4 .content_wrap,
.top_panel_style_6 .content_wrap,
.top_panel_style_7 .content_wrap {
position: relative;
}
.top_panel_style_3 .menu_main_wrap,
.top_panel_style_4 .menu_main_wrap,
.top_panel_style_6 .menu_main_wrap,
.top_panel_style_7 .menu_main_wrap {
float: right;
}
.top_panel_style_3 .contact_logo,
.top_panel_style_4 .contact_logo,
.top_panel_style_6 .contact_logo,
.top_panel_style_7 .contact_logo {
float: left;
}
.top_panel_style_5 .top_panel_wrap_inner {
text-align: center;
}
.top_panel_style_5 .contact_logo {
overflow: hidden;
}
.top_panel_style_5 .menu_main_wrap {
display: inline-block;
margin-top: 0 !important;
}
.top_panel_style_5 .menu_main_nav_area,
.top_panel_style_5 .top_panel_icon {
display: block !important;
float: left;
}
.top_panel_style_5 .top_panel_top_user_area {
text-align: left;
}
.top_panel_style_6 .menu_main_nav_area,
.top_panel_style_7 .menu_main_nav_area {
float: none;
}
.top_panel_style_6 .top_panel_icon,
.top_panel_style_7 .top_panel_icon {
float: right;
}
/ Featured image in the header 7 /
.top_panel_image {
height: 45em;
overflow: hidden;
position: relative;
background-size: cover;
background-position: center;
}
.top_panel_image_hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(2, 75, 94, 0.8);
}
.top_panel_image_header {
position: absolute;
left: 50%;
top: 50%;
display: block;
max-width: 50%;
text-align: center;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.top_panel_image_icon {
font-size: 4em;
line-height: 1em;
margin-top: 1em;
}
/ Slide submenu button /
.open_child_menu {
cursor: pointer;
position: absolute;
z-index: 1;
right: 0;
top: 0;
text-align: center;
width: 2em;
height: 2.2857em;
line-height: 2.2857em;
}
.open_child_menu:hover {
-webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.open_child_menu:before {
content: '\e828';
font-family: fontello;
}
li.opened > a > .open_child_menu:before {
content: '\e835';
}
/ Contact fields /
.top_panel_wrap .contact_field {
margin-top: 2.5em;
}
.top_panel_wrap .contact_field > a > span,
.top_panel_wrap .contact_field > span {
display: block;
}
.top_panel_wrap .contact_label {
font-weight: bold;
margin: 0.3em 0 0.15em;
}
.top_panel_middle .contact_icon {
float: left;
width: 3.5em;
height: 3.5em;
line-height: 3.5em;
margin-right: 1rem;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.top_panel_middle .contact_icon:before {
font-size: 1.5em;
margin-right: 0;
margin-left: 0;
}
.top_panel_wrap .menu_main_cart .contact_icon:before {
font-size: 2.2rem;
}
.top_panel_style_2 .logo,
.top_panel_style_5 .logo {
text-align: center;
}
.top_panel_style_2 .contact_phone > span + span {
text-align: right;
}
.top_panel_style_2 .contact_phone .contact_icon {
float: right;
margin-left: 0.5em;
margin-right: 0;
}
.top_panel_middle .menu_main_wrap {
text-align: right;
}
.top_panel_middle .menu_main_nav_area {
display: inline-block;
text-align: left;
}
.top_panel_style_5 .top_panel_middle .menu_main_nav_area {
display: block;
}
.top_panel_style_6 .top_panel_middle,
.top_panel_style_7 .top_panel_middle {
min-height: 0;
}
/ Search field /
.top_panel_middle .search_wrap {
display: none;
}
.menu_show .top_panel_middle .search_wrap {
display: block;
}
.search_wrap {
position: relative;
max-width: 10em;
min-width: 2.2857em;
z-index: 1000;
}
.search_wrap.search_state_closed:not(.top_panel_icon) {
min-width: 0;
width: 1.5em;
}
.search_wrap:not(.search_state_fixed) {
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.search_wrap .search_submit,
.search_wrap .search_submit:hover {
background-color: transparent !important;
}
.content .search_wrap .search_submit,
.top_panel_bottom .search_wrap .search_submit,
.top_panel_style_4 .search_wrap .search_submit {
width: 2.6em;
height: 4.5em;
font-size: 1em;
line-height: 2.5em;
}
.top_panel_bottom .search_wrap,
.top_panel_style_4 .search_wrap {
float: right;
padding-top: 1em;
padding-left: 1em;
}
.top_panel_inner_style_3 .search_field,
.top_panel_inner_style_3 .search_submit,
.top_panel_icon.search_wrap .search_field {
background-color: transparent !important;
}
.search_wrap form {
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.search_wrap .search_submit {
position: absolute;
left: 0;
top: 0;
width: 2em;
padding: 0;
margin: 0;
text-align: right;
font-weight: normal;
}
.top_panel_top_search .search_submit {
top: 2px;
}
.search_wrap .search_field {
width: 100%;
padding-left: 3em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.top_panel_top .search_field {
max-width: 6em;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.search_wrap .search_submit:before {
margin-right: 0.35em;
}
.top_panel_style_5 .search_form_wrap,
.top_panel_style_6 .search_form_wrap,
.top_panel_style_7 .search_form_wrap {
width: 100%;
overflow: hidden;
}
.top_panel_style_5 .search_results,
.top_panel_style_6 .search_results,
.top_panel_style_7 .search_results {
top: 3.3em !important;
}
.top_panel_icon .search_submit {
display: inline-block;
text-align: center;
}
.top_panel_icon .search_submit:before {
margin-right: 0;
}
/ Fullscreen search /
.search_style_fullscreen.search_wrap.search_state_opened {
width: 2.2857em !important;
}
.search_style_fullscreen.search_state_closed .search_field {
background-color: transparent !important;
}
.search_style_fullscreen.search_state_opened .search_form_wrap {
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background-color: rgba(0, 0, 0, 0.85) !important;
overflow: hidden;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.search_style_fullscreen .search_form {
padding: 0;
text-align: center;
}
.search_style_fullscreen.search_state_opened .search_form {
position: relative;
width: 50%;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-bottom: 1px solid #fff;
}
.search_style_fullscreen.search_state_closed .search_close {
display: none;
}
.search_style_fullscreen.search_state_opened .search_close {
position: absolute;
right: 0;
top: 0;
display: inline-block;
font-size: 2em;
font-weight: 300;
text-align: center;
cursor: pointer;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.search_style_fullscreen.search_state_opened .search_close:before {
margin: 0;
}
.search_style_fullscreen.search_state_closed .search_submit {
position: relative;
left: 0;
top: 0;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.search_style_fullscreen.search_state_opened .search_submit {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
top: 50%;
background-color: none;
font-size: 1.2em;
width: auto;
padding: 0;
}
.top_panel_wrap .search_style_fullscreen.search_state_closed .search_field {
display: none;
}
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field {
font-size: 1.4em;
font-weight: 400;
height: 3em;
letter-spacing: 1px;
line-height: 3em;
margin: 0;
padding: 0 0 0 2em;
white-space: pre-wrap;
word-wrap: break-word;
box-sizing: border-box;
resize: none;
overflow: hidden;
display: block;
width: 100%;
}
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_close,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_submit {
color: #ffffff !important;
}
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_close:hover,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:hover,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:focus,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_submit:hover,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_submit:focus {
color: #ccc !important;
}
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:hover,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:focus {
background-color: transparent !important;
}
.search_style_fullscreen.search_state_opened input::-webkit-input-placeholder {
color: #ccc;
opacity: 1;
}
.search_style_fullscreen.search_state_opened input::-moz-placeholder {
color: #ccc;
opacity: 1;
}
/ Firefox 19+ /
.search_style_fullscreen.search_state_opened input:-moz-placeholder {
color: #ccc;
opacity: 1;
}
/ Firefox 18- /
.search_style_fullscreen.search_state_opened input:-ms-input-placeholder {
color: #ccc;
opacity: 1;
}
/ Expand search /
.search_wrap.search_style_expand:not(.top_panel_icon) .search_field {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.search_style_expand.search_wrap.search_state_closed {
width: 2.2857em;
}
.search_style_expand.search_wrap.search_state_closed .search_field {
padding-right: 0;
}
/ Slide search /
.search_style_slide.search_wrap:not(.top_panel_icon) {
position: relative;
width: 1.5em;
}
.search_style_slide.search_state_closed:not(.top_panel_icon) .search_form_wrap {
background-color: transparent !important;
}
.search_style_slide.search_state_opened:not(.top_panel_icon) .search_form_wrap {
position: absolute;
z-index: 99;
right: 0;
top: 1.5em;
overflow: hidden;
width: 10em;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.top_panel_top .top_panel_top_search .search_style_slide.search_state_opened:not(.top_panel_icon) .search_form_wrap {
top: 0;
}
.search_style_slide.search_state_closed:not(.top_panel_icon) .search_field {
background-color: transparent !important;
}
/ Search results /
.search_wrap .search_results {
display: none;
position: absolute;
z-index: 1000;
right: 0;
top: 4.2857em;
background-color: #fff;
border: 1px solid #e5e5e5;
width: 270px;
padding: 1em;
line-height: 1.5em;
box-sizing: border-box;
text-align: left;
-webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
}
.top_panel_top .search_results {
top: 2.65em;
}
.top_panel_middle .sidebar_cart:after,
.menu_user_nav > li > ul:after,
.search_wrap .search_results:after {
content: " ";
width: 10px;
height: 10px;
background-color: #fff;
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
position: absolute;
top: -6px;
right: 3em;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.top_panel_middle .sidebar_cart:after,
.menu_user_nav > li > ul:after {
left: 1.5em;
right: auto;
}
.top_panel_style_5 .top_panel_middle .sidebar_cart:after,
.top_panel_style_6 .top_panel_middle .sidebar_cart:after,
.top_panel_style_7 .top_panel_middle .sidebar_cart:after,
.top_panel_style_8 .top_panel_middle .sidebar_cart:after {
right: 2.15em;
left: auto;
}
.menu_user_nav > li > ul > li {
z-index: 1;
}
.search_wrap .search_results .search_results_close {
position: absolute;
top: 3px;
right: 3px;
display: block;
text-align: center;
overflow: hidden;
font-size: 0.875em;
width: 1.2em;
height: 1.2em;
line-height: 1.2em;
cursor: pointer;
}
.search_wrap .post_more {
display: block;
text-align: center;
}
.widget_area .post_item {
overflow: hidden;
}
.widget_area aside .post_item + .post_item,
.search_results.widget_area .post_item + .post_item {
margin-top: 10px;
padding-top: 1em;
}
.search_results.widget_area .post_item + .post_item {
border-top: 1px solid #e5e5e5;
}
.widget_area .post_item .post_content {
overflow: hidden;
}
.widget_area .post_item .post_thumb {
float: left;
width: 4.6875em;
height: 4.6875em;
margin: 0 1.25em 4px 0;
overflow: hidden;
}
.widget_area .post_item .post_thumb img {
width: 100%;
}
.widget_area .post_item .post_title {
margin: -2px 0 6px 0;
font-size: 1.1538em;
font-family: Poppins, sans serif;
}
.widget_area .post_item .post_info {
font-size: 0.75em;
margin-bottom: 0;
line-height: 1.5em;
}
.widget_area .post_item .post_info .post_info_item + .post_info_item:before {
content: "";
margin: 0 0 0 5px;
}
/ Search field inside content /
.content .search_wrap {
max-width: 50%;
margin: 0;
}
.content .columns_wrap .search_wrap {
max-width: 100%;
}
.content .search_wrap .search_form_wrap {
width: 100%;
}
.content .search_wrap .search_form_wrap .search_field {
width: 100%;
}
.content .search_wrap.search_fixed .search_form_wrap .search_field {
width: 96%;
}
.content .search_wrap .search_results {
width: 100%;
}
/ Header 8 - dropdown menu /
.top_panel_style_8 .content_wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.top_panel_style_8 .top_panel_middle {
text-align: center;
position: relative;
}
.top_panel_style_8 .top_panel_middle:after {
width: 100%;
content: "";
background: url(images/white_bd_top.png) repeat-x;
height: 1em;
top: -0.5em;
position: absolute;
left: 0;
right: 0;
}
.top_panel_title.top_panel_style_8 {
position: relative;
}
.top_panel_title.top_panel_style_8:after {
width: 100%;
content: "";
background: url(images/white_bd_top.png) repeat-x;
height: 1em;
top: -0.4em;
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
position: absolute;
left: 0;
right: 0;
}
.top_panel_style_8 .top_panel_middle .menu_pushy_wrap {
margin: 0;
text-align: left;
float: left;
font-weight: 600;
font-size: 1.286em;
font-family: Poppins, sans-serif;
}
.top_panel_style_8 .contact_logo {
display: inline-block;
}
.top_panel_style_8 .menu_pushy_button {
display: inline-block;
}
.top_panel_buttons,
.top_panel_inner_style_8 .menu_pushy_wrap .menu_pushy_button {
padding-top: 4.2em;
padding-bottom: 1.8em;
padding-left: 0;
}
.top_panel_style_8 .menu_pushy_button:before {
line-height: 1.6em;
vertical-align: top;
font-size: 15px;
font-weight: 400;
}
.top_panel_buttons {
float: right;
}
.top_panel_buttons .top_panel_cart_button:after {
content: ' ';
display: block;
font-size: 12px;
position: absolute;
z-index: 1;
right: 0;
top: -3px;
width: 2.42em;
height: 2.42em;
line-height: 2.42em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-weight: 700;
font-family: Poppins, sans serif;
text-align: center;
}
.top_panel_buttons .top_panel_cart_button:after {
content: attr(data-items);
}
.top_panel_buttons,
.top_panel_inner_style_8 .menu_pushy_button {
margin: 0;
padding-top: 3.45rem;
padding-bottom: 1.8em;
padding-left: 0.66em;
}
.top_panel_buttons .top_panel_icon {
margin: 0;
float: right;
}
.top_panel_buttons .top_panel_icon.search_wrap {
height: 1.5em;
line-height: 1.5em;
margin-left: 1em;
}
.top_panel_buttons .contact_icon,
.top_panel_buttons .top_panel_icon .search_submit {
width: 1.452em;
height: 1.452em;
line-height: 1.452em;
font-size: 3em;
border: 2px solid;
}
.top_panel_buttons .top_panel_icon .search_field {
padding-top: 2px;
padding-bottom: 2px;
vertical-align: top;
}
.top_panel_buttons .top_panel_icon.menu_main_cart .contact_icon,
.top_panel_buttons .top_panel_icon.search_wrap,
.top_panel_buttons a:hover,
.top_panel_middle .top_panel_buttons a:hover .contact_icon,
.top_panel_buttons .top_panel_icon.search_wrap:hover,
.top_panel_buttons .top_panel_icon:hover .contact_icon,
.top_panel_buttons .top_panel_icon:hover .search_submit {
background-color: transparent;
}
/ Push panel /
.site-overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 110%;
z-index: 9998;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.pushy {
position: fixed;
width: 28.5em;
bottom: 0;
top: 0;
left: -28.5em;
z-index: 10000;
overflow: hidden;
text-align: center;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.pushy-active .pushy {
left: 0;
}
.pushy .pushy_inner {
width: 105%;
height: 105%;
padding: 3em 2.4em 1em;
box-sizing: border-box;
position: relative;
overflow: scroll;
-webkit-overflow-scrolling: touch;
/ enables momentum scrolling in iOS overflow elements /
}
.pushy .pushy_inner {
padding-right: calc(2.4em + 5%);
}
.pushy_inner h3 {
margin: 15.05rem 0 3.4rem;
}
.menu_pushy_nav > li > a .open_child_menu {
display: none;
}
.pushy .close-pushy:before {
content: '\e8ac';
font-family: fontello;
font-size: 1.4em;
position: absolute;
right: 8%;
top: 3.2em;
z-index: 999;
}
.pushy .logo_fixed {
display: none;
}
.pushy .logo {
margin: 2em 0;
}
.menu_pushy_nav_area .menu_pushy_nav {
margin-bottom: 2em;
}
.menu_pushy_nav_area ul,
.menu_pushy_nav_area li {
margin: 0;
padding: 0;
list-style: none;
}
.menu_pushy_nav li > a {
position: relative;
display: block;
padding: 0.4em 3em;
}
.menu_pushy_nav > li > a {
padding: 0.85em 3em;
margin-top: 0.4em;
}
.menu_pushy_nav_area li.menu-item-has-children ul {
display: none;
}
.menu_pushy_nav_area li.menu-item-has-children > a > .open_child_menu {
right: 2em;
}
.pushy_inner ul ul {
background: rgba(0, 0, 0, 0.16);
padding: 1.2em 0;
}
/* Header mobile
---------------------------------------------------------------- */
.ios_fixed {
overflow: hidden;
}
.menu_mobile_open {
height: 100%;
}
.admin-bar.menu_mobile_open {
height: calc(100% - 32px);
}
.menu_mobile_open body {
height: 100%;
overflow: hidden;
}
.menu_mobile_open .top_panel_below .slider_wrap {
display: none;
}
.header_mobile {
position: relative;
z-index: 8003;
display: none;
}
.header_mobile .top_panel_fixed_wrap {
display: none;
}
.header_mobile .mask {
position: fixed;
top: 0;
left: 0;
bottom: 0;
cursor: pointer;
z-index: 1001;
background-color: rgba(0, 0, 0, 0.6);
}
.header_mobile .mask.show {
right: 0;
}
/ content wrap /
.header_mobile .content_wrap {
text-align: center;
}
.header_mobile .logo {
padding-top: 35px;
padding-bottom: 20px;
}
.header_mobile .logo_main {
height: 53px;
}
.header_mobile .menu_button {
position: absolute;
left: 30px;
top: 50%;
margin-top: -13px;
}
.header_mobile .menu_main_cart {
position: absolute;
right: 30px;
margin: 0;
top: 50%;
margin-top: -12px;
}
.header_mobile .menu_button,
.header_mobile .menu_main_cart .top_panel_cart_button .contact_icon {
background-color: transparent !important;
font-size: 26px;
height: auto;
width: auto;
line-height: 25px;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s
}
/ side wrap /
.header_mobile .side_wrap {
display: block;
position: fixed;
top: 0;
left: -320px;
width: 320px;
height: auto;
bottom: 0;
overflow: hidden;
overflow-y: scroll;
z-index: 10003;
padding: 0px;
transition: left 0.3s linear;
-moz-transition: left .3s linear;
-webkit-transition: left 0.3s linear;
-o-transition: left .3s linear;
}
.admin-bar .header_mobile .side_wrap {
top: 32px;
}
.header_mobile .side_wrap.open {
left: 0;
}
.header_mobile .side_wrap .close {
position: absolute;
top: 15px;
right: 20px;
text-transform: uppercase;
cursor: pointer;
display: none;
}
/ panels /
.panel_top,
.panel_middle,
.panel_bottom {
padding: 0px;
position: relative;
display: block;
}
.header_mobile .panel_middle {
padding: 20px 35px;
font-size: 13px;
}
.header_mobile .panel_middle:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.09);
z-index: 0;
}
.header_mobile .panel_middle > * {
z-index: 1;
position: relative;
}
/ menu /
.header_mobile .menu_main_nav_area {
display: block;
}
.header_mobile .menu_main_nav {
padding-left: 0;
margin: 0;
}
.header_mobile .menu_main_nav li,
.header_mobile .menu_main_nav ul {
margin: 0;
}
.header_mobile .menu_main_nav > li {
float: none;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.header_mobile .menu_main_nav > li > a {
padding: 17px 35px;
padding-right: 54px;
font-size: 12px;
line-height: 16px;
}
.header_mobile .menu_main_nav > li > ul a {
font-size: 14px;
padding: 12px 35px;
padding-right: 54px;
line-height: 15px;
display: block;
}
.header_mobile .menu_main_nav > li li li > a {
padding: 12px 54px;
}
.header_mobile .menu_main_nav > li ul {
display: none;
position: relative;
padding: 0px;
margin: 0;
width: auto;
list-style-type: none;
top: 0;
overflow: hidden;
border: none;
background-color: transparent;
}
.header_mobile .menu_main_nav li.menu-item-has-children > a:after {
display: none;
}
.header_mobile .menu_main_nav > li > a > .open_child_menu {
right: 1em;
top: 1em;
}
.header_mobile .menu_main_nav > li ul > li > a > .open_child_menu {
right: 0.8em;
top: 0.2em;
}
.header_mobile .menu_main_nav > li > ul:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.09);
z-index: 0;
}
.header_mobile .menu_main_nav > li ul > * {
z-index: 1;
position: relative;
}
.header_mobile .menu_main_nav > li ul > li:last-child {
margin-bottom: 0;
}
.header_mobile .menu_main_nav > li > ul ul {
left: 0;
}
.header_mobile .side_wrap .menu_main_nav > li ul,
.header_mobile .side_wrap .menu_main_nav > li ul li.current-menu-item > a,
.header_mobile .side_wrap .menu_main_nav > li ul li.current-menu-ancestor > a {
background-color: transparent;
}
.header_mobile .side_wrap .menu_main_nav > li.current-menu-parent > a,
.header_mobile .side_wrap .menu_main_nav > li ul li.current-menu-parent > a,
.header_mobile .side_wrap .menu_main_nav > li.current-menu-item > a,
.header_mobile .side_wrap .menu_main_nav > li ul li.current-menu-item > a {
background-color: rgba(0, 0, 0, 0.2);
font-weight: bold;
}
/ search and menu /
.header_mobile .search_wrap,
.header_mobile .login {
position: relative;
float: none;
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.header_mobile .search_wrap:after,
.header_mobile .login:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.09);
z-index: 0;
}
.header_mobile .search_wrap > *,
.header_mobile .login > * {
z-index: 1;
position: relative;
}
.header_mobile .login .popup_link {
padding: 17px 35px;
padding-right: 54px;
font-size: 12px;
text-transform: uppercase;
line-height: 16px;
display: block;
}
.header_mobile .login .popup_link:before {
content: '\e8c3';
font-family: fontello;
position: absolute;
right: 28px;
top: 16px;
font-size: 12px;
}
.header_mobile .login .popup_link.popup_login_link:before {
content: '\e80a';
}
/ search /
.header_mobile .search_wrap {
max-width: 100%;
padding: 10px 35px;
padding-right: 54px;
}
.header_mobile .search_wrap .search_submit {
position: absolute;
left: auto;
right: -2.5em;
top: 0;
font-size: 12px;
width: 2em;
height: 29px;
line-height: 29px;
}
.header_mobile .search_wrap .search_submit:before {
margin-right: 0;
}
.header_mobile .search_wrap .search_field {
padding: 0;
font-size: 14px;
line-height: 29px;
}
.header_mobile .search_wrap form {
padding-left: 0;
}
.header_mobile .search_wrap .search_results {
display: none !important;
}
.header_mobile .search_field::-webkit-input-placeholder {
color: #fff;
}
.header_mobile .search_field:-moz-placeholder {
color: #fff;
}
.header_mobile .search_field::-moz-placeholder {
color: #fff;
}
.header_mobile .search_field:-ms-input-placeholder {
color: #fff;
}
/ contact info /
.header_mobile .contact_field .contact_icon,
.header_mobile .top_panel_top_open_hours:before {
font-size: 16px;
margin-right: 15px;
}
.header_mobile .top_panel_top_open_hours:before {
content: '\e808';
}
.header_mobile .contact_field .contact_icon.icon-home:before {
content: '\e833';
font-size: 18px;
}
.header_mobile .top_panel_top_open_hours,
.header_mobile .top_panel_top_socials {
margin-left: 0;
}
.header_mobile .top_panel_top_contact_area,
.header_mobile .top_panel_top_open_hours,
.header_mobile .top_panel_top_user_area {
float: none;
display: block;
margin: 0;
padding: 0;
text-align: left;
}
.header_mobile .contact_field,
.header_mobile .top_panel_top_open_hours {
padding: 0.4em 0;
}
.header_mobile .top_panel_top_user_area {
display: none;
}
/ socials /
.header_mobile .contact_socials {
text-align: left;
margin: 0 35px;
}
.header_mobile .sc_socials.sc_socials_size_small {
overflow: visible;
margin: 5px auto;
}
.header_mobile .sc_socials.sc_socials_size_small .social_icons span {
font-size: 18px;
opacity: 0.6;
}
.header_mobile .sc_socials.sc_socials_size_small .sc_socials_item {
margin: 0 0.5em 0m 0;
}
/ woo /
.header_mobile .sidebar_cart {
position: absolute;
top: 35px;
left: auto;
right: 0;
z-index: 1000;
display: none;
float: none;
text-align: left;
border: 1px solid #eee;
}
.header_mobile .sidebar_cart {
width: 250px !important;
padding: 1.5em !important;
z-index: 100000;
}
.header_mobile .widget_shopping_cart {
display: block !important;
}
.header_mobile .widget_shopping_cart ul.cart_list {
display: block;
position: static;
width: 100%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.header_mobile .sidebar_cart > li,
.header_mobile .widget_shopping_cart ul.cart_list > li {
margin: 0;
padding-left: 0;
list-style-type: none;
}
.header_mobile .sidebar_cart > li:before,
.header_mobile .sidebar_cart > li > a:before,
.header_mobile .widget_shopping_cart ul.cart_list > li:before,
.header_mobile .widget_shopping_cart ul.cart_list > li > a:before {
display: none;
}
.woocommerce .header_mobile .widget_shopping_cart .empty,
.woocommerce-page .header_mobile .widget_shopping_cart .empty {
padding-bottom: 1em;
}
.header_mobile .widget_shopping_cart ul.cart_list > li > a {
padding: 0;
}
.header_mobile .widget_shopping_cart ul.cart_list > li > a:not(.remove) {
margin-top: -0.15em;
}
.header_mobile .widget_shopping_cart ul.cart_list > li > a:hover {
background-color: transparent;
}
.header_mobile .widget_shopping_cart ul.cart_list > li img {
width: 50px;
margin-top: 0.5em;
}
.header_mobile .widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: 0;
left: auto;
right: 0;
margin-top: 0;
text-align: center;
}
/* 7.2 Main Slider
-------------------------------------------------------------- */
.slider_wrap .rev_slider_wrapper {
z-index: 0;
}
.tparrows.default {
background: none;
background-color: transparent;
line-height: 40px;
}
.tparrows.default:before {
font-family: "fontello";
font-size: 3em;
}
.tp-leftarrow.default:before {
content: '\e837';
}
.tp-rightarrow.default:before {
content: '\e836';
}
.slider_with_over_content .tparrows {
display: none !important;
}
.slider_with_over_content .tp-rightarrow {
left: 60% !important;
}
.tp-bullets.simplebullets.round .bullet {
background: none;
margin-left: 16px;
border: 1px solid transparent;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.tp-bullets.simplebullets.round .bullet.selected {
background-color: transparent !important;
border-width: 1px;
border-style: solid;
}
/ Slider with over content /
.slider_with_over_content {
position: relative;
}
.slider_over_content {
position: absolute;
z-index: 1;
right: 0;
top: 0;
bottom: 0;
width: 40%;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.slider_over_content_inner {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
padding: 2em 3em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.slider_over_button {
display: none;
position: absolute;
left: -30px;
top: 50%;
margin-top: -15px;
width: 26px;
height: 30px;
line-height: 28px;
font-size: 24px;
text-align: center;
cursor: pointer;
}
.slider_over_close {
display: none;
position: absolute;
right: 10px;
top: 10px;
width: 15px;
height: 15px;
line-height: 15px;
font-size: 1.2em;
text-align: center;
cursor: pointer;
}
/* 7.3 Page info: page title and breadcrumbs
-------------------------------------------------------------- */
.top_panel_title.title_present.breadcrumbs_present .post_navi,
.top_panel_title.title_present.breadcrumbs_present .page_title,
.top_panel_title.title_present.breadcrumbs_present .breadcrumbs {
max-width: 49%;
}
.top_panel_style_3 .post_navi,
.top_panel_style_3 .page_title,
.top_panel_style_3 .breadcrumbs {
float: none !important;
max-width: 100% !important;
text-align: center;
}
.top_panel_title_inner {
overflow: hidden;
}
.top_panel_title .page_title {
float: left;
margin: 0;
font-family: Amatic SC, cursive;
font-size: 2.143em;
font-weight: 700;
padding: 0.67em 0 0.66em;
line-height: 1.2em;
}
.top_panel_title .post_navi {
float: left;
padding: 1.6667em 0 2.5em;
font-size: 0.875em;
line-height: 1.5em;
}
.top_panel_style_3 .post_navi,
.top_panel_style_3 .page_title {
padding: 0.5em 0 0.25em;
}
.top_panel_title .breadcrumbs {
float: right;
padding: 1.95em 0 1.87em;
font-family: Poppins, sans-serif;
font-size: 1em;
font-weight: 400;
line-height: 1.714em;
}
.top_panel_style_3.title_present .breadcrumbs {
padding: 0 0 1.5em 0;
}
.post_navi .post_navi_item,
.breadcrumbs .breadcrumbs_item {
display: inline-block;
vertical-align: top;
white-space: nowrap;
}
.post_navi .post_navi_item + .post_navi_item:before,
.breadcrumbs .breadcrumbs_delimiter {
display: inline-block;
position: relative;
margin: 0 1.2em;
vertical-align: top;
text-align: center;
}
.post_navi .post_navi_item + .post_navi_item:before,
.breadcrumbs .breadcrumbs_delimiter:before {
content: '/';
}
/* 7.4 Main content wrapper
-------------------------------------------------------------- */
/ Post featured block /
.post_featured {
overflow: hidden;
margin-bottom: 2.9em;
position: relative;
}
.article_style_boxed .post_featured {
margin-bottom: 0;
}
.post_featured img {
width: 100%;
height: auto;
}
.post_featured_right > .post_featured {
float: right;
width: 50%;
margin-left: 4.3478%;
}
.post_featured_left > .post_featured {
float: left;
width: 50%;
margin-right: 4.3478%;
}
/ Post info block /
.post_info_bottom {
margin-bottom: 3em;
}
.post_info .post_info_item + .post_info_item:before {
display: inline-block;
content: "|";
vertical-align: top;
font-style: normal;
margin: 0 1em;
}
.post_info .post_info_counters .post_counters_item {
display: inline-block;
}
.post_info .post_info_counters span {
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.post_info .post_info_counters .post_counters_item:before {
margin-right: 0.5em;
margin-left: 1px;
}
.post_counters_item {
position: relative;
}
.post_counters_item:after {
display: inline-block;
content: "|";
vertical-align: top;
font-style: normal;
margin: 0 0.45em 0 0.7em;
opacity: 0.3;
}
.post_counters_item:last-of-type:after {
display: none;
}
.post_info.post_info_share_vertical {
margin: 0;
}
.article_style_boxed[class*="single-"] .content > article > .post_info_share {
margin-bottom: 0;
}
.post_info .post_info_counters .post_counters_likes.disabled {
color: #e05100;
}
.search-no-results .post_title {
margin-top: 0;
}
/* 7.5 Post Formats
-------------------------------------------------------------- */
/ Quote /
blockquote.wp-block-quote.is-style-large,
blockquote, .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain) {
padding: 13.3em 8em 6em;
text-align: center;
background: url("images/index.png");
background-size: 100% auto;
background-repeat: repeat-y;
box-sizing: border-box;
max-width: 770px;
}
blockquote,
blockquote p {
position: relative;
z-index: 2;
font-family: Poppins, sans_serif;
}
blockquote:after {
content: "“";
font-family: Amatic SC, cursive;
font-weight: 700;
font-size: 14.286em;
position: absolute;
line-height: 1em;
top: 60px;
left: 1.65em;
left: 48%;
transform: translatex(-50%);
}
blockquote:before {
content: "“";
font-family: Amatic SC, cursive;
font-weight: 700;
display: block;
position: absolute;
z-index: 1;
left: 6.66em;
top: 1.62em;
font-size: 4em;
line-height: 1em;
left: 50%;
transform: translatex(-50%);
}
blockquote p {
margin: 0;
}
blockquote p + p {
margin-top: 0.3em;
}
blockquote > a,
blockquote > p > a,
blockquote cite {
display: block;
font-size: 1.143em;
font-weight: normal;
margin-top: 2.66em;
font-weight: normal;
}
/ Link /
.post_format_link .post_descr a {
font-size: 1.875em;
}
/ Status /
.post_format_status.post_item_single .post_content p,
.post_format_status .post_descr {
font-size: 1.875em;
line-height: 1.3333em;
}
/ Aside /
.post_format_aside.post_item_single .post_content p,
.post_format_aside .post_descr {
border-width: 1px;
border-style: solid;
padding: 1.2em;
}
.post_format_aside .post_descr p {
margin-bottom: 0;
}
.post_format_aside .post_descr p + p {
margin-top: 1em;
}
/* 7.6 Post Layouts
-------------------------------------------------------------- */
.post_item .post_readmore:after {
content: '\e836';
font-family: fontello;
display: inline-block;
margin-left: 0.5em;
}
/ Layout Excerpt /
.post_icon.inherit {
display: none !important;
}
.post_title .post_icon {
font-size: 0.9375em;
margin-right: 0.5em;
}
.post_item_excerpt .post_title .post_icon {
display: block;
margin-right: 0;
}
.post_item_excerpt .post_title {
margin-top: -0.4rem;
margin-bottom: 5.75rem;
font-weight: 700;
}
.post_item_excerpt.post_featured_left .post_title,
.post_item_excerpt.post_featured_right .post_title {
font-size: 2.2857em;
}
.post_item_excerpt:not([class="column"]) + .post_item_excerpt:not([class="column"]) {
margin-top: 7.8em;
border-top: 1px solid #e4e7e8;
padding-top: 7.9em;
}
.article_style_boxed .post_item_excerpt:not([class="column"]) + .post_item_excerpt:not([class="column"]) {
border-top: none;
padding-top: 0;
}
.post_item_excerpt .post_content {
margin-bottom: 3em;
}
.post_item_excerpt .post_descr .sc_button {
margin-top: 0.75rem;
}
.sc_slider + p {
margin-top: 2.9em;
}
/ Related posts /
.related_wrap {
margin-bottom: 3em;
}
.related_wrap.related_wrap_empty {
margin-bottom: 0;
}
.related_wrap .section_title {
margin: 1em 0 1em;
}
.article_style_stretch:not(.sidebar_show) .related_wrap:not(.related_wrap_empty) {
background-color: #f4f7f9;
padding: 1px 2.1875em 4em;
}
.article_style_stretch .related_wrap:not(.related_wrap_empty):not(.scroll_wrap) {
padding-bottom: 1px;
}
.related_wrap .post_item_related,
.article_style_stretch .post_item_related {
background-color: #ffffff;
}
.article_style_boxed.sidebar_show[class*="single-"] .related_wrap .post_item_related {
background-color: #f4f7f9;
}
.related_wrap.scroll_wrap .post_item_related {
width: 350px;
float: left;
}
.related_wrap.scroll_wrap .post_item_related + .post_item_related {
margin-left: 3.125em;
}
.article_style_stretch:not(.body_style_fullscreen):not(.sidebar_hide) .related_wrap.scroll_wrap .post_item_related {
width: 340px;
}
.article_style_stretch:not(.body_style_fullscreen):not(.sidebar_hide) .related_wrap.scroll_wrap .post_item_related + .post_item_related {
margin-left: 1.875em;
}
.post_item_related .post_featured {
width: 100%;
overflow: hidden;
margin: 0;
float: none !important;
}
.post_item_related .post_featured .sc_audio.sc_audio_image {
min-height: 14.8571em;
}
.post_item_related .post_content_wrap {
width: 100%;
height: 6.4em;
overflow: hidden;
padding: 1em 1.25em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.post_item_related .post_title {
margin: 0 0 0.25em;
}
/ Masonry and Portfolio /
.post_item_masonry .post_title,
.post_item_classic .post_title {
margin: 1.9rem 0 1.45rem;
font-weight: 700;
}
.post_item_short .post_title {
max-height: 2em;
overflow: hidden;
}
.post_item_grid .post_descr {
max-height: 8em;
overflow: hidden;
}
.post_item_classic .post_content,
.post_item_masonry .post_content {
text-align: center;
}
.post_item_masonry .sc_button,
.post_item_classic .sc_button {
margin-top: 1.15em;
margin-bottom: 2px;
}
/ Isotope layout /
.isotope_wrap {
margin-right: -30px;
}
.isotope_wrap .isotope_item {
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
filter: alpha(opacity=0);
}
.sc_blogger.no_margins .isotope_wrap,
.isotope_wrap.no_margins {
margin-right: 0;
}
.sc_blogger.no_margins .isotope_wrap .isotope_item,
.isotope_wrap.no_margins .isotope_item {
padding-right: 0;
padding-bottom: 0;
}
.sc_blogger.small_margins .isotope_wrap,
.isotope_wrap.small_margins {
margin-right: -10px;
}
.sc_blogger.small_margins .isotope_wrap .isotope_item,
.isotope_wrap.small_margins .isotope_item {
padding-right: 10px;
padding-bottom: 10px;
}
.isotope_wrap .isotope_item.isotope_item_show {
opacity: 1;
filter: alpha(opacity=100);
}
.isotope_wrap .isotope_column_2 {
width: 50%;
}
.isotope_wrap .isotope_column_2[class*="isotope_item_size-2"] {
width: 100%;
}
.isotope_wrap .isotope_column_3 {
width: 33.3333%;
}
.isotope_wrap .isotope_column_3[class*="isotope_item_size-2"] {
width: 66.6666%;
}
.isotope_wrap .isotope_column_3[class*="isotope_item_size-3"] {
width: 100%;
}
.isotope_wrap .isotope_column_4 {
width: 25%;
}
.isotope_wrap .isotope_column_4[class*="isotope_item_size-2"] {
width: 50%;
}
.isotope_wrap .isotope_column_4[class*="isotope_item_size-3"] {
width: 75%;
}
.isotope_wrap .isotope_column_4[class*="isotope_item_size-4"] {
width: 100%;
}
.isotope_wrap .isotope_column_5 {
width: 20%;
}
.isotope_wrap .isotope_column_5[class*="isotope_item_size-2"] {
width: 40%;
}
.isotope_wrap .isotope_column_5[class*="isotope_item_size-3"] {
width: 60%;
}
.isotope_wrap .isotope_column_5[class*="isotope_item_size-4"] {
width: 80%;
}
.isotope_wrap .isotope_column_5[class*="isotope_item_size-5"] {
width: 100%;
}
.isotope_wrap .isotope_column_6 {
width: 16.6666%;
}
.isotope_wrap .isotope_column_6[class*="isotope_item_size-2"] {
width: 33.3333%;
}
.isotope_wrap .isotope_column_6[class*="isotope_item_size-3"] {
width: 50%;
}
.isotope_wrap .isotope_column_6[class*="isotope_item_size-4"] {
width: 66.6666%;
}
.isotope_wrap .isotope_column_6[class*="isotope_item_size-5"] {
width: 83.3333%;
}
.isotope_wrap .isotope_column_6[class*="isotope_item_size-6"] {
width: 100%;
}
.isotope_wrap .isotope_column_7 {
width: 14.2857%;
}
.isotope_wrap .isotope_column_7[class*="isotope_item_size-2"] {
width: 28.5714%;
}
.isotope_wrap .isotope_column_7[class*="isotope_item_size-3"] {
width: 42.8571%;
}
.isotope_wrap .isotope_column_7[class*="isotope_item_size-4"] {
width: 57.1428%;
}
.isotope_wrap .isotope_column_7[class*="isotope_item_size-5"] {
width: 71.4285%;
}
.isotope_wrap .isotope_column_7[class*="isotope_item_size-6"] {
width: 85.7128%;
}
.isotope_wrap .isotope_column_7[class*="isotope_item_size-7"] {
width: 100%;
}
.isotope_wrap .isotope_column_8 {
width: 12.5%;
}
.isotope_wrap .isotope_column_8[class*="isotope_item_size-2"] {
width: 25%;
}
.isotope_wrap .isotope_column_8[class*="isotope_item_size-3"] {
width: 37.5%;
}
.isotope_wrap .isotope_column_8[class*="isotope_item_size-4"] {
width: 50%;
}
.isotope_wrap .isotope_column_8[class*="isotope_item_size-5"] {
width: 62.5%;
}
.isotope_wrap .isotope_column_8[class*="isotope_item_size-6"] {
width: 75%;
}
.isotope_wrap .isotope_column_8[class*="isotope_item_size-7"] {
width: 87.5%;
}
.isotope_wrap .isotope_column_8[class*="isotope_item_size-8"] {
width: 100%;
}
/ Isotope item decoration /
.isotope_wrap .isotope_item .post_item {
overflow: hidden;
}
.isotope_wrap .isotope_item .post_featured {
margin-bottom: 0;
}
.article_style_boxed .isotope_wrap .isotope_item .post_title {
margin-top: 0;
}
.article_style_boxed .isotope_wrap .isotope_item .post_content {
padding: 1.25em 1.8em;
}
.article_style_boxed.template_portfolio .isotope_wrap .isotope_item .post_content,
.article_style_boxed .template_portfolio .isotope_wrap .isotope_item .post_content {
padding: 0;
}
.isotope_wrap .isotope_item p,
.isotope_wrap .isotope_item .post_info {
margin-bottom: 1em;
}
/ Portfolio items /
.isotope_wrap .isotope_item_colored .post_item,
.isotope_wrap .isotope_item_grid .post_item,
.isotope_wrap .isotope_item_square .post_item,
.isotope_wrap .isotope_item_portfolio .post_item {
overflow: visible;
}
.isotope_wrap .isotope_item_colored .post_featured,
.isotope_wrap .isotope_item_portfolio .post_featured,
.isotope_wrap .isotope_item_square .post_featured,
.isotope_wrap .isotope_item_grid .post_featured {
border-bottom: none;
}
.isotope_wrap .isotope_item_colored .post_item .hover_icon,
.isotope_wrap .isotope_item_grid .post_item .hover_icon,
.isotope_wrap .isotope_item_square .post_item .hover_icon,
.isotope_wrap .isotope_item_portfolio .post_item .hover_icon {
position: relative;
top: 0;
opacity: 1;
}
.isotope_wrap .isotope_item_colored .post_item .hover_icon:before,
.isotope_wrap .isotope_item_grid .post_item .hover_icon:before,
.isotope_wrap .isotope_item_square .post_item .hover_icon:before,
.isotope_wrap .isotope_item_portfolio .post_item .hover_icon:before {
position: static;
margin-top: 0.3em;
opacity: 1;
font-size: 2.5em;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transform: translateX(0) translateY(0);
-moz-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
/ Isotope filters /
.isotope_filters {
overflow: hidden;
text-align: center;
margin: 0 0 1em;
padding-bottom: 0.5em;
}
.sidebar_hide .isotope_filters {
margin: 1em 0 1.5em;
}
.isotope_filters a {
display: inline-block;
margin: 0 4px 4px 0;
text-align: center;
padding: 0.75em 1.5em;
font-size: 0.75em;
line-height: 1.2857em;
font-weight: 400;
border-width: 2px;
border-style: solid;
}
/ Isotope transitions /
.isotope-hidden.isotope_item {
pointer-events: none;
z-index: 1;
}
/ Style "Colored" /
.isotope_item_colored .post_featured .post_mark_new {
-webkit-box-shadow: -3px 2px 0px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -3px 2px 0px 0px rgba(0, 0, 0, 0.2);
box-shadow: -3px 2px 0px 0px rgba(0, 0, 0, 0.2);
}
.post_item_colored .post_featured .post_mark_new {
position: absolute;
left: 0;
top: 0;
margin: 1.6em 0 0 1.6em;
width: 4em;
height: 4em;
overflow: hidden;
font-size: 0.625em;
font-weight: bold;
text-align: center;
line-height: 4em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.post_item_colored .post_featured .post_title,
.post_item_colored .post_featured .post_descr {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 20%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.post_item_colored .post_featured .post_descr {
padding: 0.7143em 1.1429em;
}
.post_item_colored .post_featured .post_title {
bottom: 20%;
margin: 0;
line-height: 1.15em;
padding: 0.5em 0.7619em;
}
.post_item_colored_4 .post_featured .post_title {
font-size: 1.125em;
line-height: 1.15em;
padding: 0.5em 0.6667em;
}
.post_item_colored .post_category {
font-size: 1.125em;
font-weight: 400;
line-height: 1.15em;
margin: 0.25em 0 0.5em 0;
}
.post_item_colored .post_descr .post_price {
float: right;
margin-top: 1.5em;
}
.post_item_colored_4 .post_descr .post_price {
margin-top: 0.875em;
}
.post_item_colored .post_descr .post_price_value {
color: #222222;
font-size: 1.875em;
line-height: 1.2857em;
}
.post_item_colored_4 .post_descr .post_price_value {
font-size: 1.5em;
line-height: 1.2857em;
}
.post_item_colored .post_descr .post_price_period {
font-size: 1.125em;
line-height: 1.2857em;
color: #909090;
}
.post_item_colored_4 .post_descr .post_price_period {
font-size: 1em;
line-height: 1.2857em;
}
.post_item_colored .post_descr .post_price_period:before {
content: '/';
display: inline-block;
margin: 0 0.5em;
}
.post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info {
padding: 0;
text-align: left;
}
.post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_title {
font-size: 1.625em;
line-height: 1.15em;
padding: 4px 8%;
text-align: left;
margin-top: 8%;
}
.post_item_colored_4 .post_content.ih-item.square.colored .post_info_wrap.info .post_title {
font-size: 1.125em;
line-height: 1.15em;
margin-top: 4%;
}
.post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_descr,
.post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_descr p {
text-align: left;
padding: 0.5em 8% 0;
font-style: normal;
}
.post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_descr p {
font-size: 0.875em;
padding: 0;
}
.post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_descr p.post_info {
margin-bottom: 2em;
}
.post_item_colored .post_info_wrap .post_buttons {
position: absolute;
left: 8%;
right: 8%;
bottom: 1.875em;
height: 3em;
overflow: hidden;
padding: 0 0 0 4px;
}
.post_item_colored_4 .post_info_wrap .post_buttons {
bottom: 1.125em;
height: 2.3em;
white-space: nowrap;
}
.post_item_colored .post_info_wrap .post_button {
float: none;
display: inline-block;
}
.post_item_colored .post_info_wrap .post_button + .post_button {
margin-left: 0.625em;
}
.post_item_colored_4 .post_info_wrap .post_button .sc_button {
padding: 0.5em 0.75em;
}
/ Colored excerpt /
.isotope_wrap .isotope_item_colored_1 {
width: 100%;
}
.isotope_wrap .isotope_item_colored_1 .post_item {
overflow: hidden;
position: relative;
}
.isotope_wrap .isotope_item_colored_1 .post_featured {
width: 250px;
height: 250px;
float: left;
border-right: 20px solid #f0f0f0;
margin-right: 1.875em;
}
.isotope_wrap .isotope_item.isotope_item_colored_1 .post_description {
padding-right: 2em;
}
.isotope_wrap .isotope_item.isotope_item_colored_1 .post_title {
margin-top: 0.8em;
margin-bottom: 0.25em;
}
.isotope_wrap .isotope_item.isotope_item_colored_1 .post_descr {
max-height: 6em;
margin-top: 1em;
margin-bottom: 1em;
overflow: hidden;
}
.isotope_wrap .isotope_item.isotope_item_colored_1 .post_buttons {
text-align: right;
white-space: nowrap;
}
.isotope_wrap .isotope_item.isotope_item_colored_1 .post_buttons a {
float: none;
display: inline-block;
margin-left: 10px;
}
/* 7.7 Paginations
-------------------------------------------------------------- */
/ Blog pagination /
.pagination_wrap {
text-align: left;
position: relative;
margin: 6.8em 0 0;
}
.pagination_wrap:after {
content: " ";
display: block;
width: 100%;
height: 0;
clear: both;
}
.pagination_slider .pager_slider {
border: 1px solid #ddd;
}
.pagination_wrap .pager_next,
.pagination_wrap .pager_prev,
.pagination_wrap .pager_last,
.pagination_wrap .pager_first {
font-weight: 400;
font-size: 2em;
line-height: 1.6em;
vertical-align: top;
}
.pagination_wrap .pager_next:before {
font-family: fontello;
content: '\e836';
margin-right: 0;
}
.pagination_wrap .pager_prev:before {
font-family: fontello;
content: '\e837';
margin-right: 0;
}
.pagination_wrap .pager_last:before {
font-family: fontello;
content: '\e836\e836';
margin-right: 0;
letter-spacing: -7px;
}
.pagination_wrap .pager_first:before {
font-family: fontello;
content: '\e837\e837';
margin-right: 0;
letter-spacing: -7px;
}
.pagination_wrap .pager_next:hover,
.pagination_wrap .pager_prev:hover,
.pagination_wrap .pager_last:hover,
.pagination_wrap .pager_first:hover {
background-color: transparent;
}
/ Pagination single page parts /
.pagination_single {
margin-bottom: 2em;
}
.pagination_single > .pager_pages {
margin-right: 0.5em;
display: inline-block;
vertical-align: top;
margin-top: 0.9rem;
}
.pagination_lessons {
margin-top: 2em;
margin-bottom: 3em;
overflow: hidden;
}
.pagination_lessons .pager_prev {
float: left;
margin-right: 2em;
margin-top: 1em;
}
.pagination_lessons .pager_next {
float: right;
margin-top: 1em;
}
/ Style 'Pages' and 'Slider' /
.pagination_single > .pager_numbers,
.pagination_single a,
.pagination_slider .pager_cur,
.pagination_pages > a,
.pagination_pages > span {
display: inline-block;
font-size: 3.429em;
font-weight: 700;
font-family: Amatic SC, cursive;
line-height: 1em;
margin: 0 0.61rem;
}
.pagination_pages > *:first-child {
margin-left: 0;
}
.pagination_slider .pager_pages {
display: inline-block;
position: relative;
z-index: 1000;
}
.pagination_slider .pager_cur {
cursor: pointer;
}
.pagination_slider .pager_slider {
display: none;
position: absolute;
bottom: 3.5em;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
padding: 1em;
overflow: hidden;
}
.pagination_slider .pager_slider .sc_slider {
width: 300px;
height: 230px;
}
.pagination_slider .pager_slider .sc_slider_swiper:hover .sc_slider_prev {
margin-left: 0;
}
.pagination_slider .pager_slider .sc_slider_swiper:hover .sc_slider_next {
margin-right: 0;
}
.pagination_slider .pager_slider .pager_numbers table {
font-size: 1.8em;
font-weight: 300;
}
.pagination_slider .pager_slider .pager_numbers table td {
vertical-align: middle;
padding: 0;
margin: 0;
border: none;
}
.pagination_slider .pager_slider .pager_numbers table td a {
display: block;
text-align: center;
width: 58px;
line-height: 2em;
}
.pagination_slider .pager_slider .pager_numbers table td a.active,
.pagination_slider .pager_slider .pager_numbers table td a:hover {
font-weight: 700;
}
.pagination_slider .pager_slider .pager_numbers table td a.active {
color: #666666;
cursor: default;
}
/ Style 'Load more' /
.pagination_viewmore > a {
display: inline-block;
text-align: center;
padding: 0.75em 1.5em;
font-size: 0.875em;
font-weight: 700;
line-height: 1.2857em;
}
.pagination_viewmore .viewmore_loading,
.pagination_viewmore .viewmore_text_2 {
display: none;
}
.pagination_viewmore.loading .viewmore_text_1 {
display: none;
}
.pagination_viewmore.loading .viewmore_loading,
.pagination_viewmore.loading .viewmore_text_2 {
display: inline-block;
}
/ Style 'Infinite' /
.pagination_infinite {
height: 0;
}
.pagination_infinite #viewmore_link {
display: none;
}
/ Loader picture /
.pagination_wrap.loading {
height: 1.2857em;
padding: 10px 0;
}
.viewmore_loader,
.mfp-preloader span,
.sc_video_frame.sc_video_active:before {
content: ' ';
display: block;
position: absolute;
top: 50%;
left: 50%;
right: auto;
}
.viewmore_loader {
display: none;
width: 50px;
height: 50px;
z-index: 1;
margin: -25px 0 0 -25px;
}
.loading * {
display: none !important;
}
.loading > .viewmore_loader {
display: block !important;
}
.loading > .viewmore_loader,
.mfp-preloader span,
.sc_video_frame.sc_video_active:before {
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
0% {
-webkit-transform: perspective(120px);
transform: perspective(120px);
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg);
transform: perspective(120px) rotateY(180deg);
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes rotateplane {
0% {
-webkit-transform: perspective(120px);
transform: perspective(120px);
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg);
transform: perspective(120px) rotateY(180deg);
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}
/* 8. Single page parts
-------------------------------------------------------------- */
.post_content.post_content_editor_present {
position: relative;
}
.post_item_attachment > .post_title,
.post_item_single > .post_title {
margin-top: 0;
}
.post_info .frontend_editor_buttons {
float: right;
}
.post_info .frontend_editor_buttons [class*="icon-"]:before {
margin-right: 0.5em;
}
/* 8.1 Attachment and Portfolio post navigation
------------------------------------------------------------ */
.post_featured .post_nav {
position: relative;
}
.post_featured .post_nav_item {
display: block;
position: absolute;
left: 0;
top: 50%;
width: 50%;
height: 60px;
color: #3a3a3a;
margin-top: -80px;
overflow: hidden;
padding: 50px 0;
}
.post_featured .post_nav_next {
left: auto;
right: 0;
}
.post_featured .post_nav_item:before {
position: absolute;
display: block;
top: 50px;
left: 25px;
width: 58px;
height: 58px;
line-height: 58px;
font-size: 25px;
font-family: "fontello";
border: 1px solid #ddd;
border-color: transparent;
background-color: rgba(255, 255, 255, 0.8);
color: #888888;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
}
.post_featured .post_nav:hover .post_nav_item:before {
opacity: 1;
filter: alpha(opacity=100);
}
.post_featured .post_nav:hover .post_nav_prev:hover:before {
opacity: 0;
filter: alpha(opacity=0);
left: -60px;
}
.post_featured .post_nav:hover .post_nav_next:hover:before {
opacity: 0;
filter: alpha(opacity=0);
right: -60px;
}
.post_featured .post_nav .post_nav_prev:before {
content: '\e837';
}
.post_featured .post_nav .post_nav_next:before {
content: '\e836';
left: auto;
right: 25px;
}
/ Info block /
.post_featured .post_nav_item .post_nav_info {
display: block;
height: 60px;
width: auto;
float: left;
padding: 0 25px;
margin-left: -300px;
overflow: hidden;
max-width: 160px;
background-color: rgba(255, 255, 255, 0.8);
line-height: 1.5em;
}
.post_featured .post_nav_next .post_nav_info {
float: right;
margin-left: 0;
margin-right: -300px;
}
.post_featured .post_nav .post_nav_info_title {
display: block;
padding-top: 8px;
line-height: 1.2857em;
}
.post_featured .post_nav .post_nav_info_description {
font-size: 0.75em;
line-height: 1.5em;
}
.post_featured .post_nav_prev:hover .post_nav_info {
margin-left: -6px;
}
.post_featured .post_nav_next:hover .post_nav_info {
margin-right: -6px;
}
.post_featured .post_nav_item .post_nav_info {
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.post_featured .post_nav_item:before {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
/* 8.2 Reviews block
-------------------------------------------------------------- */
.reviews_block {
width: 270px;
overflow: hidden;
}
.widget_area .reviews_block {
width: 100%;
}
.reviews_block .sc_tabs_content {
overflow: hidden;
border: 1px solid #f4f7f9;
}
.widget_area .reviews_block .sc_tabs_content {
border: none;
}
.reviews_block.sc_tabs.sc_tabs_style_2 .sc_tabs_content {
padding: 0;
}
.reviews_block.sc_tabs .sc_tabs_titles li {
font-size: 0.875em;
}
.reviews_block.sc_tabs.sc_tabs_style_2 .sc_tabs_titles li a {
padding: 0.25em 0.5em;
}
.reviews_block .reviews_editor {
padding: 1em;
}
.widget_area .reviews_block .reviews_editor {
padding: 0 0 1em 0;
}
.reviews_block .reviews_accept {
padding-top: 0.5em;
padding-bottom: 1.5em;
text-align: center;
display: none;
}
.reviews_block .reviews_item {
white-space: nowrap;
padding: 0.3em 0;
}
.reviews_block .reviews_criteria,
.reviews_block .reviews_stars {
display: inline-block;
vertical-align: top;
}
.reviews_block .reviews_criteria {
width: 40%;
white-space: normal;
}
.reviews_block .reviews_max_level_100 .reviews_criteria {
height: 1.7857em;
line-height: 1.7857em;
font-size: 0.875em;
}
.reviews_block .reviews_stars {
width: 60%;
white-space: nowrap;
position: relative;
}
.reviews_block .reviews_value {
display: inline-block;
vertical-align: top;
width: 10%;
text-align: right;
font-size: 0.875em;
line-height: 1.5em;
position: absolute;
top: 0;
right: 3px;
}
.reviews_block .reviews_max_level_100 .reviews_value {
width: 17%;
}
.widget_area .reviews_block .reviews_max_level_100 .reviews_value {
width: 25%;
}
.reviews_block .reviews_stars_wrap {
display: inline-block;
vertical-align: top;
position: relative;
}
.reviews_block .reviews_max_level_100 .reviews_stars_wrap {
width: 80%;
}
.widget_area .reviews_block .reviews_max_level_100 .reviews_stars_wrap {
width: 70%;
}
.reviews_block .reviews_editable .reviews_criteria,
.reviews_block .reviews_editable .reviews_stars_wrap {
cursor: pointer;
}
.reviews_block .reviews_stars_hover {
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
overflow: hidden;
}
.reviews_block .reviews_max_level_100 .reviews_stars_bg {
background-color: #f4f7f9;
height: 1.5625em;
}
.reviews_block .reviews_max_level_100 .reviews_stars_hover {
background-color: #666666;
height: 1.5625em;
}
.reviews_block .reviews_slider {
display: none;
background-color: #666666;
height: 6px;
width: 8px;
position: absolute;
bottom: 4px;
left: 0;
-webkit-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.reviews_block .reviews_editable .reviews_max_level_100 .reviews_slider {
display: block;
}
.reviews_block .reviews_max_level_100 .reviews_slider {
bottom: -10px;
}
.reviews_block .reviews_slider:before {
content: ' ';
display: block;
height: 7px;
width: 7px;
background-color: inherit;
margin: -3px 0 0 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.reviews_star {
display: inline-block;
margin: 0;
padding: 0;
font-size: 1.125em;
vertical-align: top;
}
.reviews_max_level_10 .reviews_star {
font-size: 0.875em;
}
.reviews_star:before {
content: '\e8c8';
font-family: "fontello";
font-size: inherit;
display: inline-block;
vertical-align: top;
text-align: center;
}
.reviews_stars_hover .reviews_star:before {
content: '\e820';
}
.reviews_block .reviews_max_level_100 .reviews_value:after {
content: '%';
}
/ Summary /
.reviews_block .reviews_summary {
background-color: #f4f7f9;
overflow: hidden;
}
.reviews_block .reviews_summary .reviews_item {
height: 7.375em;
padding: 0;
overflow: hidden;
background-image: url(images/rating_summary_bg.png);
background-position: right top;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.reviews_block .reviews_summary .reviews_stars_wrap {
display: none;
}
.reviews_block .reviews_summary .reviews_criteria {
position: static;
display: block;
float: left;
padding: 1.15em 1.15em 0;
width: 53.8462%;
height: 6.1428em;
color: #222222;
font-size: 0.875em;
line-height: 1.5em;
overflow: hidden;
}
.widget_area .reviews_block .reviews_summary .reviews_criteria {
width: 40%;
height: 8em;
padding: 0.85em 0.85em 0;
font-size: 0.75em;
line-height: 1.2857em;
}
.reviews_block .reviews_summary .reviews_stars {
float: right;
width: 30.7692%;
height: 7.375em;
position: relative;
overflow: hidden;
}
.widget_area .reviews_block .reviews_summary .reviews_stars {
width: 40%;
}
.reviews_block .reviews_summary .reviews_value {
top: 0;
width: 100%;
height: 2.3em;
line-height: 2.3em;
font-size: 3em;
font-weight: 300;
color: #ffffff;
text-align: right;
}
.widget_area .reviews_block .reviews_summary .reviews_value {
width: 100%;
font-size: 2.25em;
line-height: 3em;
padding-right: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/ Summary stars in the post item (under the title) /
.post_rating {
margin-bottom: 6px;
overflow: hidden;
}
.post_rating .reviews_stars_wrap {
white-space: nowrap;
}
.post_rating .reviews_stars_wrap {
position: relative;
height: 1em;
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.post_rating .reviews_value {
display: inline-block;
vertical-align: top;
font-size: 0.875em;
font-weight: 400;
margin-left: 0.5em;
}
.post_rating .reviews_stars_bg,
.post_rating .reviews_stars_hover {
white-space: nowrap;
overflow: hidden;
}
.post_rating .reviews_stars_hover {
position: absolute;
left: 0;
top: 0;
}
/ BTag/
.b-tag {
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
}
.post_info .post_info_item.post_info_cat {
display: block;
margin: 0 0 0.65em;
padding-left: 0;
}
.post_info .post_info_item.post_info_cat:before {
display: none;
}
.post_item_single .post_info_bottom:not(.post_info_share) {
margin: 3rem 0 1.25rem;
}
.sc_socials.sc_socials_share .share_caption {
display: none !important;
}
.post_info_bottom .post_info_item + .post_info_item:before {
display: none;
}
.post_info_bottom a.category_link,
.post_info_bottom .post_info_tags a {
text-transform: lowercase;
font-weight: 400;
font-size: 14px;
}
.post_info .post_info_share {
float: right;
margin: 0.4em 0.15rem 0 0;
font-weight: 400;
font-size: 14px;
}
.post_info_bottom .post_info_item + .post_info_item {
margin-left: 0;
}
.sc_socials.sc_socials_share.sc_socials_shape_round .sc_socials_item {
margin: 0 0.9em 0.25em 0;
}
/* 8.3 Post author
------------------------------------------------------ */
.post_author {
margin-bottom: 2em;
padding: 3.55em 3.5em 3.25em;
overflow: hidden;
background-image: url(images/bg_price.jpg);
margin-top: 3.3rem;
}
.article_style_boxed.single .post_author {
margin-top: 2em;
}
.post_author .post_author_avatar {
float: left;
margin: 0 1.25rem 10px 0;
overflow: hidden;
width: 7em;
height: 7em;
}
.about-author {
display: block;
margin-bottom: 0.15rem;
line-height: 1;
margin-top: -1px;
}
.post_author .post_author_title {
margin-top: 0;
margin-bottom: 0.56em;
text-transform: none;
font-size: 2.143em;
font-weight: 700;
}
.post_author .post_author_info {
overflow: hidden;
}
.post_author .post_author_info p {
margin: 0;
}
.post_author .post_author_info p + p {
margin-top: 0.5em;
}
.post_author .post_author_info .sc_socials {
margin-top: 0.5em;
display: block;
}
/* 8.4 Comments
-------------------------------------------------------- */
.body_style_fullscreen .comments_wrap {
margin-bottom: 3em;
}
.comments_list_wrap ul.children,
.comments_list_wrap ul > li + li {
margin-top: 2.5em;
}
.comments_list_wrap .comment-respond {
padding-bottom: 1.25em;
margin-bottom: 1.25em;
}
.comments_list_wrap > ul {
padding-bottom: 1.25em;
}
/ Trackbacks and pingbacks /
.comments_list > li.trackback,
.comments_list > li.pingback {
list-style: none;
margin-left: 0;
padding-left: 0;
padding-right: 4em;
min-height: 0;
position: relative;
}
.comments_list > li.trackback p,
.comments_list > li.pingback p {
font-style: italic;
padding-bottom: 0.8em;
}
.comments_list > li.trackback p a {
font-style: normal;
}
.comments_list > li.trackback .edit-link,
.comments_list > li.pingback .edit-link {
position: absolute;
right: 0;
}
.comments_list_wrap ul > li + li.trackback .edit-link,
.comments_list_wrap ul > li + li.pingback .edit-link {
top: 1.9em;
}
/ Comment list /
.comments_list_wrap .comments_closed {
margin-top: 2em;
color: #222222;
}
.comments_list_wrap .comments_list_title {
margin-top: 1em;
margin-bottom: 4.5rem;
font-weight: 700;
font-size: 2.143em;
}
.comments_form_title {
margin-top: 6.35rem;
padding: 6.5rem 0 0;
border-top: 1px solid;
margin-bottom: 5.75rem;
font-weight: 700;
font-size: 2.143em;
}
.related_wrap + .content_wrap .comments_form_title {
margin-top: 0;
padding: 5rem 0 0;
border-top: 0;
margin-bottom: 3.3rem;
}
.comments_list_wrap > ul {
padding: 0;
margin: 0;
list-style: none;
}
.comments_list_wrap ul > li {
overflow: hidden;
position: relative;
min-height: 5em;
margin-bottom: 0.8em;
}
.comments_list_wrap ul > li:before {
display: none;
}
.comments_list_wrap ul ul {
margin-left: 100px;
padding-left: 0;
}
.comments_list_wrap ul ul ul ul {
margin-left: 0;
}
.comments_list_wrap .comment_author_avatar {
position: absolute;
left: 0;
top: 1.35em;
z-index: 1;
width: 7.22em;
height: 7.22em;
overflow: hidden;
}
.comments_list_wrap .comment_content {
margin-left: 0;
padding: 1em 2.25em 0.55em 9.35em;
box-sizing: border-box;
}
.comments_list_wrap .comment_info {
margin-bottom: 0.35em;
}
.comments_list_wrap .comment_info > span + span:before {
content: "|";
display: inline-block;
margin: 0 1.2em 0 1em;
}
.comments_list_wrap .comment_not_approved {
padding: 0 0 0.5em 0;
}
.comments_list_wrap .comment_text {
margin-bottom: 1.25em;
min-height: 3em;
}
.comments_list_wrap .comment_text p {
margin: 0;
}
.comments_list_wrap .comment_text p + p {
margin-top: 0.5em;
}
.comments_list_wrap .comment_text ul {
margin: 0;
padding: 0 0 0 1.5em;
list-style: outside;
}
.comments_list_wrap .comment_text ul > li > ul {
margin-top: 0.5em;
}
.comments_list_wrap .comment_text ul > li {
min-height: 0;
border: none;
padding: 0;
margin: 0 0 0.5em 0;
overflow: visible;
}
.comments_list_wrap .comment_reply {
font-family: Amatic SC, cursive;
font-size: 2.143em;
font-weight: 700;
}
.comments_list_wrap ul.children,
.comments_list_wrap ul > li + li {
border-top: 1px solid;
padding-top: 1.8em;
}
.comments_list_wrap ul > li + li .comment_author_avatar {
top: 3.2em;
}
/ Comments form /
.comments_wrap .comment-reply-title {
display: none;
}
.comments_wrap .comments_list_wrap .comment-reply-title {
display: block;
}
.comments_wrap .comments_notes {
font-size: 0.875em;
color: #909090;
display: none;
}
.comments_wrap .comments_field {
margin-bottom: 0.65em;
float: left;
width: 100%;
}
.comments_wrap .comments_field label {
display: none;
}
.comments_wrap .comments_field input,
.comments_wrap .comments_field textarea {
width: 100%;
}
.comments_wrap .comments_field textarea {
min-height: 23em;
}
.comments_wrap .comments_site {
clear: both;
display: none;
}
.comments_list_wrap {
margin-top: 7.85em;
padding: 2.75rem 0 0;
border-top: 1px solid;
}
/ Submit button /
.comments_form_wrap {
padding-bottom: 0;
/ To show shadow under button /
margin-top: 5em;
}
.comments_wrap .form-submit {
text-align: right;
margin: 0;
padding-left: 4px;
}
.comments_wrap .comments_field.comments_email,
.comments_wrap .comments_field.comments_author {
width: 49%;
}
.comments_wrap .comments_field.comments_email {
margin-left: 2%;
}
.comments_wrap .form-submit input[type="submit"],
.comments_wrap .form-submit input[type="button"] {
margin-top: 0.15rem;
padding: 1.95em 2.7em 1.8em;
line-height: 1em;
margin-bottom: 0.6rem;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.comments_list_wrap .comment_text ul {
list-style-type: disc;
}
.comments_list_wrap .comment_text ul ul {
list-style-type: circle;
}
.comments_list_wrap .comment_text ul ul ul {
list-style-type: square;
}
.comment-respond small {
display: block;
}
/* 8.5 Page 404
-------------------------------------------------------------- */
.article_style_boxed .post_item_404 {
padding: 1px 0;
}
.post_item_404 .page_title,
.post_item_404 .page_subtitle,
.post_item_404 .page_description,
.post_item_404 .page_search {
text-align: center;
}
.post_item_404 .page_title {
font-size: 6em;
line-height: 1em;
margin-bottom: 0;
margin-top: 0.45em;
}
.post_item_404 .page_subtitle {
font-size: 2em;
line-height: 1em;
margin-bottom: 0.8125em;
margin-top: 0.5em;
}
.post_item_404 .page_description {
margin-bottom: 2em;
color: #222222;
}
.post_item_404 .page_search {
margin-bottom: 3em
}
.post_item_404 .page_search .search_wrap {
max-width: 30%;
margin: 0 auto;
}
/* 8.8 Team member
-------------------------------------------------------------- */
/ Share block /
.post_item_single_team .post_info_share_horizontal {
margin: 2em 0;
}
.post_item_single_team .single_team_post_featured {
float: left;
width: 43%;
padding: 0 3em 2em 0;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.post_item_single_team.post_featured_right .single_team_post_featured {
float: right;
padding: 0 0 2em 3em;
}
.post_item_single_team .single_team_post_featured .post_thumb {
border: 15px solid #f0f0f0;
}
.post_item_single_team .single_team_post_featured .socials_single_team {
text-align: center;
margin-top: 2em;
}
.post_item_single_team .single_team_post_description .team_title {
margin: 0;
}
.post_item_single_team .single_team_post_description .team_position {
margin: 0;
}
.post_item_single_team .single_team_post_description .team_meta {
margin-top: 2em;
}
.post_item_single_team .single_team_post_description .team_meta p {
margin: 0;
}
.post_item_single_team .single_team_post_description .team_brief_info {
margin-top: 2em;
}
.post_item_single_team .single_team_post_description .team_brief_info_title {
margin: 0 0 0.3em;
}
.post_item_single_team .single_team_post_description .team_brief_info_text {
font-style: italic;
}
.post_item_single_team .single_team_post_description .team_brief_info_text p {
margin: 0 0 0.5em;
}
/* 9. Sidebars
-------------------------------------------------------------- */
/ Sidebar outer /
.sidebar_outer_logo_wrap {
overflow: hidden;
}
.sidebar_outer_logo {
padding: 1em 0;
}
.sidebar_outer_socials {
padding: 1em 1em 1em 0;
}
/ Side menu /
.sidebar_outer_menu {
position: relative;
padding-top: 1em;
min-height: 2em;
}
.sidebar_outer_menu_buttons {
position: absolute;
right: 0;
top: 0;
display: none;
padding-top: 1.25em;
}
.sidebar_outer_menu_buttons a {
display: inline-block;
text-align: center;
}
.sidebar_outer_menu_buttons a.sidebar_outer_widgets_button {
font-size: 1.25em;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
margin-left: 0.5em;
}
.sidebar_outer_menu_buttons a.sidebar_outer_menu_responsive_button {
display: none;
font-size: 1.5em;
line-height: 1.5em;
position: relative;
}
.sidebar_outer_menu_buttons a.sidebar_outer_menu_responsive_button:before {
display: block;
width: 1em;
height: 1em;
position: absolute;
right: 0;
top: 0;
}
.sidebar_outer_menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.sidebar_outer_menu ul li {
position: relative;
margin-bottom: 0;
padding-left: 0 !important;
}
.sidebar_outer_menu li:before {
display: none;
}
.sidebar_outer_menu li li > a {
position: relative;
display: block;
padding: 0.5em 1.5em;
}
.menu_side_nav {
display: none;
}
.menu_side_nav > li > a {
display: block;
padding: 0.5em;
}
.menu_side_nav > li ul {
position: absolute;
border: 1px solid #ddd;
width: 220px;
padding: 0;
display: none;
z-index: 100000;
}
.menu_side_nav > li > ul {
left: 251px;
top: -0.5em;
}
.sidebar_outer_right .menu_side_nav > li > ul {
left: -263px;
}
.menu_side_nav > li > ul ul {
left: 222px;
top: -0.5em;
}
.sidebar_outer_right .menu_side_nav > li > ul ul {
left: -224px;
}
.menu_side_nav > li > ul ul.submenu_left {
left: -221px;
}
.menu_side_nav > li.menu-item-has-children > a {
padding-right: 2em;
}
.menu_side_nav > li.menu-item-has-children > a:after {
content: '\e836';
font-family: 'fontello';
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.sidebar_outer_menu li li.menu-item-has-children > a:after {
content: '\e836';
font-family: 'fontello';
position: absolute;
right: 8px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu_side_nav li a:before {
margin-right: 0.5em;
}
/ Responsive side menu /
.menu_side_responsive,
.menu_side_responsive ul {
display: none;
}
.sidebar_outer_menu .menu_side_responsive {
padding-top: 2em;
}
.menu_mobile .menu_side_nav {
display: none !important;
}
.menu_mobile .sidebar_outer_menu_buttons {
left: 0;
padding-right: 3em;
padding-top: 0.5em;
}
.menu_mobile .sidebar_outer_menu_buttons a.sidebar_outer_menu_responsive_button {
display: block;
}
.menu_mobile .sidebar_outer_menu_buttons a.sidebar_outer_widgets_button {
position: absolute;
right: 0;
top: 0.5em;
}
.sidebar_outer_menu .menu_side_responsive ul {
margin-top: 0;
}
.sidebar_outer_menu .menu_side_responsive li {
margin: 0;
padding: 0 0 0 1.5em !important;
}
.sidebar_outer_menu .menu_side_responsive li > a {
display: block;
padding: 0.5em;
position: relative;
}
.menu_side_responsive > li.menu-item-has-children > a:after,
.menu_side_responsive li li.menu-item-has-children > a:after {
content: '\e828';
font-family: 'fontello';
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu_side_responsive > li.menu-item-has-children.opened > a:after,
.menu_side_responsive li li.menu-item-has-children.opened > a:after {
content: '\e835';
}
/ Common rules /
.sidebar_outer aside,
.sidebar aside + aside {
margin-top: 2em;
padding-top: 1.8em;
}
.widget_area .widget_title,
.widget_area h2 {
margin-top: 0;
margin-bottom: 0.6em;
font-family: Amatic SC, cursive;
font-size: 2.143em;
font-weight: 700;
}
.widget_area .widget.widget_block h1,
.widget_area .widget.widget_block h2,
.widget_area .widget.widget_block h3,
.widget_area .widget.widget_block h4,
.widget_area .widget.widget_block h5,
.widget_area .widget.widget_block h6 {
margin-top: 0;
margin-bottom: 0.6em;
}
.widget_area ul {
list-style-type: none;
margin-bottom: 0;
padding-left: 0;
}
.widget_area ul ul {
margin-top: 0.5em;
}
.widget_area ul li {
position: relative;
padding-left: 1em;
}
.widget_area ul li:before {
content: '\e83c';
font-family: 'fontello';
position: absolute;
left: 1px;
top: 0;
}
.widget_area_inner ul li:before {
font-size: 2em;
}
/ Tabs in widgets /
.widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li {
font-size: 0.875em;
}
.widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li + li {
margin-left: 1em;
}
.widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li a {
padding: 2px 10px;
}
.widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_content {
padding: 10px 0 0 0;
border: none;
}
.widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_content {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/ Widget: Search /
.widget_area .widget_product_search .search_form,
.widget_area .widget_search .search_form {
position: relative;
border-radius: 50px;
margin-bottom: 0.7em;
}
.widget_area .widget_product_search .widget_title + .search_form,
.widget_area .widget_search .widget_title + .search_form {
margin-top: 1.96em;
}
.widget_area .widget_product_search .search_button,
.widget_area .widget_search .search_button {
text-align: center;
border: none;
background: none;
}
.widget_area_inner .widget_product_search .search_button,
.widget_area_inner .widget_search .search_button:hover {
background: transparent !important;
}
form.wp-block-search .wp-block-search__input,
.widget_area_inner .widget_product_search .search_field,
.widget_area_inner .widget_search .search_field {
padding-right: 50px;
padding-left: 29px;
background: none;
width: 100%;
height: 4.2em;
line-height: 2.5em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
form.wp-block-search .wp-block-search__input {
padding: 10px;
}
.widget_area_inner .widget_product_search .search_button,
.widget_area_inner .widget_search .search_button {
position: absolute;
right: 0;
top: 0;
padding: 0;
width: 5.1em;
height: 4.3em;
font-size: 1em;
line-height: 2.5em;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.post_item_single form.wp-block-search > label {
display: none;
}
.wp-block-search.alignright,
.wp-block-search.alignleft,
.wp-block-search.aligncenter {
float: none;
display: block;
margin: 0 !important;
}
.wp-block-searchbutton-inside .wp-block-searchinside-wrapper {
border: 1px solid #949494;
box-sizing: border-box;
}
:is(.sidebar, footer) .wp-block-search__button{
padding: revert;
padding-left: 1.5em;
padding-right: 1.5em;
}
/ Widget: Calendar /
.wp-block-calendar table,
.widget_area .widget_calendar table {
width: 100%;
}
.wp-block-calendar .weekday,
.widget_area .widget_calendar .weekday {
font-size: 1em;
padding: 0.66em 0 2px;
font-family: Poppins, sans-serif;
text-transform: uppercase;
}
.wp-block-calendar td .day_wrap,
.widget_area .widget_calendar td .day_wrap {
display: block;
position: relative;
border: 2px solid transparent;
border-radius: 50px;
padding-top: 2px;
line-height: 1.77em;
margin: 0 1px 0;
}
.wp-block-calendar td a:after,
.widget_area .widget_calendar td a:after {
font-family: 'fontello';
position: absolute;
left: 48%;
bottom: -4px;
}
.wp-block-calendar tbody td,
.wp-block-calendar th,
.wp-block-calendar th,
.wp-block-calendar td,
.widget_area .widget_calendar th,
.widget_area .widget_calendar td {
font-weight: 400;
text-align: center;
border-width: 0;
font-size: 1em;
padding: 0;
}
.wp-block-calendar th,
.widget_area .widget_calendar th {
padding: 0.05em 4px;
font-size: 0.7em;
}
.wp-block-calendar td,
.widget_area .widget_calendar td {
width: 14.28%;
padding: 0;
}
.wp-block-calendar .month_cur,
.widget_area .widget_calendar .month_cur {
font-family: Poppins, sans_serif;
font-size: 1.143em;
font-weight: 400;
line-height: 1.714em;
}
.wp-block-calendar .month_prev a,
.wp-block-calendar .month_next a,
.widget_area .widget_calendar .month_prev a,
.widget_area .widget_calendar .month_next a {
display: block;
font-weight: 700;
}
.wp-block-calendar .month_prev a:before,
.wp-block-calendar .month_next a:before,
.widget_area .widget_calendar .month_prev a:before,
.widget_area .widget_calendar .month_next a:before {
font-family: 'fontello';
}
.wp-block-calendar .month_prev a:before,
.widget_area .widget_calendar .month_prev a:before {
content: '\e8fc';
}
.wp-block-calendar .month_next a:before,
.widget_area .widget_calendar .month_next a:before {
content: '\e8fb';
}
.wp-block-calendar table th {
background-color: transparent;
}
/ Widget: RSS /
.widget_area .widget_rss .widget_title a {
display: inline-block;
margin-right: 6px;
}
.widget_area .widget_rss .widget_title img {
vertical-align: baseline;
}
.widget_area .widget_rss li {
font-size: 0.875em;
}
.widget_area .widget_rss li > a {
font-size: 1.1428em;
}
.widget_rss .rss-date {
display: block;
}
/ Widget: Tag Cloud /
.widget_area .widget_product_tag_cloud,
.widget_area .widget_tag_cloud {
overflow: hidden;
}
.wp-block-tag-cloud a,
.widget_area .widget_product_tag_cloud a,
.widget_area .widget_tag_cloud a {
display: block;
float: left;
font-family: Poppins, sans-serif;
font-size: 1em !important;
font-weight: 400;
line-height: 2.214em;
padding: 0.2em 1.66em;
margin: 0 5px 5px 0;
border-radius: 50px;
}
.widget_area .widget_product_tag_cloud a:not([class*="sc_button_hover_"]):hover,
.widget_area .widget_tag_cloud a:not([class*="sc_button_hover_"]):hover {
background-color: transparent !important;
}
.post_item_single .wp-block-tag-cloud {
display: inline-block;
}
/ Widget: Sweet Dessert Banner /
.widget_area .widget_banner .image_wrap {
overflow: hidden;
display: block;
margin-bottom: 1em;
}
/ Widget: Sweet Dessert Flickr /
.widget_area .widget_flickr {
overflow: hidden;
}
.widget_area .widget_flickr .flickr_images {
margin-right: -5px;
}
.widget_area .widget_flickr .flickr_badge_image {
float: left;
margin: 0 5px 5px 0;
overflow: hidden;
width: 31%;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.widget_area .widget_flickr .flickr_badge_image img {
width: 100%;
}
/ Widget: Sweet Dessert Logo and Socials /
.widget_area .widget_socials .sc_socials {
margin-top: -0.2em;
}
/ Widget: Sweet Dessert Twitter /
.widget_area .widget_twitter ul li {
padding-left: 1.5em;
}
.widget_area .widget_twitter ul li:before {
content: '\e89a';
font-size: 1em;
left: 0;
}
.sidebar_inner aside:last-of-type {
padding-bottom: 7.3em;
}
.single-post .breadcrumbs *:last-child {
display: none;
}
.single-post .breadcrumbs *:nth-last-child(2) {
display: none;
}
/* 10. Footer areas
-------------------------------------------------------------- */
/ Footer widgets /
.footer_wrap {
position: relative;
}
.footer_wrap:after {
width: 100%;
content: "";
background: url(images/bd_img.png) repeat-x;
height: 14px;
top: -7px;
position: absolute;
left: 0;
right: 0;
z-index: 3;
}
.footer_wrap_inner .textwidget {
font-family: Poppins, sans_serif;
font-size: 1em;
font-weight: 400;
line-height: 1.714em;
text-align: center;
}
.footer_wrap.widget_area .widget_title {
font-family: Amatic SC, cursive;
font-size: 2.571em;
font-weight: 700;
line-height: 1.714em;
margin-bottom: 0.22em;
}
.footer_wrap.widget_area .widget[class*="column-"] .widget_title {
text-align: center;
}
.footer_wrap.widget_area .widget_inner {
text-align: center;
}
.footer_wrap_inner {
padding: 4.88em 0 2.87em;
}
.footer_wrap aside {
margin-bottom: 1.5em;
}
.footer_wrap aside + aside {
position: relative;
}
.footer_wrap aside.widget[class*="column-"] + aside:before {
content: "";
position: absolute;
top: 0.87em;
height: auto;
left: -0.99em;
width: 0.071em;
min-height: 5.7em;
}
/ Contacts /
.contacts_wrap_inner {
padding: 3.9em 0 2.25em;
text-align: center;
}
.contacts_wrap .logo {
text-align: center;
margin-bottom: 2em;
}
.contacts_wrap .logo .logo_text {
font-size: 2em;
}
.contacts_wrap .logo img {
vertical-align: middle;
display: inline-block;
}
.contacts_wrap .contacts_address {
overflow: hidden;
font-size: 0.875em;
margin-bottom: 1.5em;
}
.contacts_wrap .contacts_address .address_left {
width: 48%;
text-align: right;
float: left;
}
.contacts_wrap .contacts_address .address_right {
width: 48%;
text-align: left;
float: right;
}
/ Testimonials and Twitter area /
.testimonials_wrap.sc_section,
.twitter_wrap.sc_section {
padding: 0;
}
.testimonials_wrap_inner,
.twitter_wrap_inner {
background-repeat: no-repeat;
background-position: center top;
}
footer.testimonials_wrap .sc_section_overlay,
footer.twitter_wrap .sc_section_overlay {
padding: 3em 0;
}
/ Copyright area /
.copyright_wrap_inner {
padding: 1.51em 0 1.55em;
overflow: hidden;
}
.copyright_wrap p {
margin: 0;
}
.copyright_style_text {
text-align: center;
}
.copyright_style_menu .copyright_text,
.copyright_style_socials .copyright_text {
float: left;
}
.copyright_style_socials .sc_socials,
.copyright_style_menu .menu_footer_nav {
float: right;
}
.copyright_style_socials .copyright_wrap_inner {
padding-bottom: 1.5em;
}
.copyright_style_menu .menu_footer_nav {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
.menu_mobile .copyright_style_socials .copyright_text,
.menu_mobile .copyright_style_menu .copyright_text,
.menu_mobile .copyright_wrap .sc_socials,
.menu_mobile .menu_footer_nav {
float: none;
text-align: center;
}
.menu_mobile .copyright_style_socials .copyright_text,
.menu_mobile .copyright_style_menu .copyright_text {
margin-top: 1em;
}
.menu_mobile .copyright_wrap .sc_socials {
display: block;
}
.copyright_style_menu .menu_footer_nav li {
display: inline-block;
margin-bottom: 0;
}
.copyright_style_menu .menu_footer_nav li + li:before {
content: '|';
display: inline-block;
margin: 0 0.5em;
}
/* 11. Utils
-------------------------------------------------------------- */
/ Table of contents /
#toc {
position: fixed;
z-index: 999;
top: 0;
bottom: 0;
right: 0;
width: 60px;
}
#toc a {
color: #ffffff;
}
#toc.toc_no {
display: none;
}
#toc .toc_inner {
position: absolute;
top: 50%;
right: -60px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#toc.toc_fixed .toc_inner,
#toc:hover .toc_inner {
right: 0;
}
#toc .toc_item {
position: relative;
width: 57px;
height: 60px;
border-right: 3px solid rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.8);
}
#toc .toc_item.toc_separator {
margin-bottom: 1px;
}
#toc .toc_item.current,
#toc .toc_item:hover {
background-color: rgba(128, 128, 128, 0.8);
}
#toc .toc_icon {
position: absolute;
display: block;
z-index: 2;
top: 0;
left: 0;
width: 57px;
height: 60px;
line-height: 60px;
text-align: center;
}
#toc .toc_icon.with_title {
line-height: 40px;
}
#toc .toc_icon:before {
font-size: inherit;
color: inherit;
margin: 0;
padding: 0;
}
#toc .toc_title {
position: absolute;
bottom: 6px;
left: 0;
display: block;
width: 57px;
line-height: 12px;
font-size: 12px;
}
#toc .toc_description {
position: absolute;
top: 0;
right: -300px;
width: 240px;
height: 30px;
padding: 1em;
font-size: 0.875em;
line-height: 1.2em;
z-index: 1;
background-color: rgba(128, 128, 128, 0.8);
color: #ffffff;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#toc .toc_item:hover .toc_description {
right: 68px;
opacity: 1;
filter: alpha(opacity=100);
}
#toc .toc_description:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-left-color: rgba(128, 128, 128, 0.8);
border-width: 8px;
margin-top: -8px;
}
/ Hovers for images and videos /
.hover_icon {
position: relative;
display: block;
}
.hover_icon:before {
font-family: 'fontello';
font-size: 2em;
background-color: #fff;
cursor: pointer;
display: block;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
position: absolute;
z-index: 10;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3);
-ms-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3);
transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
-moz-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
-ms-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
-o-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
opacity: 0;
filter: alpha(opacity=0);
}
.hover_icon:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1, 1);
-ms-transform: translateX(-50%) translateY(-50%) scale(1, 1);
transform: translateX(-50%) translateY(-50%) scale(1, 1);
-webkit-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;
-moz-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;
-ms-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;
-o-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;
transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;
}
.hover_icon_play:before {
content: '\e8e1';
}
.hover_icon_link:before {
content: '\e8b5';
}
.hover_icon_zoom:before {
content: '\e807';
}
.hover_icon_view:before {
content: '\e843';
}
.hover_icon:after:hover {
content: ' ';
position: absolute;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.3);
opacity: 1;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.hover_icon:hover:after {
opacity: 0;
}
/ Scroll to top /
.scroll_to_top {
position: fixed !important;
z-index: 100001 !important;
display: block;
width: 3em;
height: 3em;
line-height: 3em;
text-align: center;
bottom: -4em;
right: 2em;
background: #fff;
border: none;
cursor: pointer;
-webkit-transition: all ease 1.5s;
-moz-transition: all ease 1.5s;
-ms-transition: all ease 1.5s;
-o-transition: all ease 1.5s;
transition: all ease 1.5s;
filter: alpha(opacity=0);
opacity: 1;
}
.scroll_to_top.show {
filter: alpha(opacity=100);
opacity: 1;
bottom: 2em;
}
.sc_video_play_button.hover_icon_play:before {
font-size: 2.8em;
width: 1.5em;
height: 1.6em;
line-height: 1.58em;
padding-left: 0.11em;
}
.sc_video_play_button.hover_icon:before {
opacity: 1;
margin-top: 0;
background: transparent;
filter: alpha(opacity=100);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1, 1);
-ms-transform: translateX(-50%) translateY(-50%) scale(1, 1);
transform: translateX(-50%) translateY(-50%) scale(1, 1);
}
/ Debug window /
._debug_log {
position: fixed;
z-index: 1000000;
display: block !important;
width: 30%;
line-height: 1.3em;
max-height: 400px;
right: 0;
top: 0;
background: rgba(0, 0, 0, 0.8);
color: #ffffff;
overflow: auto;
padding: 14px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.admin-bar ._debug_log {
top: 32px;
}
._debug_log .debug_log_close {
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 20px;
line-height: 20px;
font-weight: bold;
font-size: 14px;
text-align: center;
cursor: pointer;
}
/ Customizer /
.custom_options #co_toggle {
right: -2.5625em !important;
}
#update-nag,
.update-nag {
display: block;
}
/ Preloader /
#page_preloader {
background-position: center;
background-repeat: no-repeat;
position: fixed;
z-index: 1000000;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0.8;
}
.preloader_wrap {
position: absolute;
display: inline-block;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.preloader_wrap > div {
height: 10px;
width: 10px;
}
/ Circle /
.preloader_wrap > div[class*="preloader_circ"] {
margin-right: 5px;
border-radius: 50%;
display: inline-block;
-webkit-animation: preloader-circle 0.7s infinite ease-in-out;
animation: preloader-circle 0.7s infinite ease-in-out;
}
.preloader_wrap > div.preloader_circ2 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.preloader_wrap > div.preloader_circ3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.preloader_wrap > div.preloader_circ4 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.preloader_wrap > div.preloader_circ5 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
@-webkit-keyframes preloader-circle {
0%,
40%,
100% {
-webkit-transform: translateY(-10px)
}
20% {
-webkit-transform: translateY(-20px)
}
}
@keyframes preloader-circle {
0%,
40%,
100% {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
}
20% {
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
}
}
/ Square /
.preloader_wrap .preloader_square {
width: 50px;
height: 50px;
}
.preloader_wrap > div.preloader_square1,
.preloader_wrap > div.preloader_square2 {
position: absolute;
top: 0;
left: 0;
-webkit-animation: preloader-square 1.8s infinite ease-in-out;
animation: preloader-square 1.8s infinite ease-in-out;
}
.preloader_wrap > div.preloader_square2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes preloader-square {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
}
50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
}
100% {
-webkit-transform: rotate(-360deg)
}
}
@keyframes preloader-square {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
/* 12. Registration and Login popups
-------------------------------------------------------------- */
.popup_wrap {
position: fixed;
top: 50%;
left: 50%;
z-index: 1000000;
width: 37.5em;
padding: 3em 2.5em 2em;
display: none;
-webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
color: initial;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.popup_wrap.popup_half {
width: 18em;
}
.popup_wrap input[type="text"],
.popup_wrap input[type="email"],
.popup_wrap input[type="password"] {
font-size: 1.1667em;
line-height: 1.5em;
padding: 0.3em;
}
.popup_registration {
right: -5.5em;
}
.popup_wrap a.forgot_password {
font-weight: 400;
font-size: 14px;
text-transform: none;
letter-spacing: 0;
}
.popup_wrap .popup_close {
display: block;
font-size: 1.25em;
line-height: 1em;
width: 1em;
height: 1em;
position: absolute;
right: 0;
top: 0;
margin: 0.5em 0.5em 0 0;
text-align: center;
color: #cccccc;
border: 2px solid #ebebeb;
background-color: #f4f7f9;
}
.popup_wrap .popup_close:hover {
color: #909090;
border: 2px solid #cccccc;
background-color: #ffffff;
}
.popup_wrap .popup_close:before {
font-family: fontello;
content: '\e8ac';
line-height: 1em;
padding: 0 !important;
margin: 0 !important;
font-weight: 400;
color: #ccc;
}
.popup_wrap .form_wrap {
position: relative;
overflow: hidden;
}
.popup_wrap .form_wrap .result {
position: absolute;
z-index: 10;
left: 50%;
top: 25%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-box-shadow: -4px 3px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -4px 3px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: -4px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.popup_wrap .form_wrap .result p {
line-height: 1.5em;
}
.popup_wrap .form_wrap .result a {
color: #ffffff;
}
.popup_wrap .form_wrap .error_fields_class {
border-color: #CC6868;
}
.popup_wrap .form_left {
float: left;
padding-right: 2.5em;
width: 54%;
border-right: 1px solid #e0e0e0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.popup_wrap .form_right {
float: right;
padding-left: 2.5em;
width: 45%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.popup_wrap.popup_registration .form_left {
width: 50%;
padding-right: 5px;
border-right: none;
}
.popup_wrap.popup_registration .form_right {
width: 50%;
padding-left: 5px;
}
.popup_wrap .popup_form_field {
margin-bottom: 0.625em;
}
.popup_wrap input[type="text"],
.popup_wrap input[type="email"],
.popup_wrap input[type="password"] {
width: 100%;
border: 2px solid #ebebeb;
background-color: #fafafa;
}
.popup_wrap input:not([type="submit"]):focus {
background-color: #ffffff;
}
.popup_wrap .popup_form_field.iconed_field {
position: relative;
}
.popup_wrap .popup_form_field.iconed_field:before {
position: absolute;
z-index: 1;
top: 10px;
right: 8px;
margin-right: 0;
color: #c9c9c9;
width: 1em;
}
.popup_wrap .popup_form_field.iconed_field input {
padding-right: 30px;
}
.popup_wrap .popup_form_field .forgot_password {
float: right;
line-height: 1.5em;
}
.popup_wrap .popup_form_field.submit_field {
padding: 1em 0 4px 4px;
}
.popup_wrap .popup_form_field .submit_button {
width: 100%;
}
.popup_wrap .login_socials_title {
color: #222222;
font-size: 1.5em;
line-height: 1.2857em;
margin-bottom: 0.5em;
}
.popup_wrap .login_socials_problem {
line-height: 1.2857em;
}
.popup_wrap .popup_form_field.remember_field {
margin-top: 1.2em;
}
.popup_wrap .wp-social-login-provider-list {
padding: 12px 0;
}
.popup_wrap .wp-social-login-provider-list a {
margin: 0 2px 2px 0;
}
/* 13. Third part plugins
------------------------------------------------------------------------------------ */
/* 13.1 Media player
------------------------------------------------------- */
.mejs-controls button:hover,
.mejs-controls button:active {
background-color: transparent !important;
}
.sc_audio_info .mejs-inner .mejs-controls {
padding: 0;
}
.wp-audio-shortcode .mejs-inner .mejs-controls,
.wp-video-shortcode .mejs-inner .mejs-controls {
padding-top: 0;
}
.widget .mejs-inner .mejs-time-rail {
margin: 0;
}
/* 13.2 Magnific popup
-------------------------------------------------------- */
.mfp-figure figcaption {
margin-bottom: 40px !important;
height: 40px;
padding: 0 16px;
overflow: hidden;
}
.mfp-figure figcaption .mfp-bottom-bar {
left: 16px;
right: 16px;
margin-top: -30px;
width: auto;
}
/* 13.3 Google conversion
---------------------------------------------------------- */
iframe[name="google_conversion_frame"] {
height: 1px;
min-height: 0px;
display: none;
}
/* 13.4 WPBakery PageBuilder
-------------------------------------------------------- */
.wpb_row,
.wpb_text_column,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin,
.wpb_button {
margin-bottom: 0 !important;
}
.sc_gap .vc_row {
margin-left: 0;
margin-right: 0;
}
.sc_gap .vc_column_container {
padding-left: 0;
padding-right: 0;
}
h1 .wpb_text_column p,
h2 .wpb_text_column p,
h3 .wpb_text_column p,
h4 .wpb_text_column p,
h5 .wpb_text_column p,
h6 .wpb_text_column p {
padding-bottom: 0 !important;
}
/* 14. Predefined classes for users
-------------------------------------------------------------- */
.texture_bg_green,
.texture_bg_dark {
background-image: url(images/bg_dark.jpg);
}
.texture_bg_blue,
.texture_bg_light {
background-image: url(images/bg_light.jpg);
}
.texture_bg_yellow {
background-image: url(images/bg_yellow.jpg);
}
.texture_bg_slider:after,
.texture_bg_slider_full:after {
content: ' ';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 1;
background: url(images/texture_top.png) center top repeat-x, url(images/texture_slider.png) left top repeat;
}
.texture_bg_slider_full:after {
background: url(images/texture_center.png) center center no-repeat, url(images/texture_top.png) center top repeat-x, url(images/texture_slider.png) left top repeat;
}
/ Predefined classes for the background texture and/or image /
.texture_bg_1 {
background-image: url(images/bg/texture_1.png);
}
.texture_bg_2 {
background-image: url(images/bg/texture_2.png);
}
.texture_bg_3 {
background-image: url(images/bg/texture_3.png);
}
.texture_bg_4 {
background-image: url(images/bg/texture_4.png);
}
.texture_bg_5 {
background-image: url(images/bg/texture_5.png);
}
.texture_bg_6 {
background-image: url(images/bg/texture_6.png);
}
.texture_bg_7 {
background-image: url(images/bg/texture_7.png);
}
.texture_bg_8 {
background-image: url(images/bg/texture_8.png);
}
.texture_bg_9 {
background-image: url(images/bg/texture_9.png);
}
.texture_bg_10 {
background-image: url(images/bg/texture_10.png);
}
.texture_bg_11 {
background-image: url(images/bg/texture_11.png);
}
.texture_bg_12 {
background-image: url(images/bg/texture_12.png);
}
.overlay_bg_1:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(images/bg/texture_1.png);
}
.overlay_bg_2:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(images/bg/texture_2.png);
}
.overlay_bg_3:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(images/bg/texture_3.png);
}
.overlay_bg_4:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(images/bg/texture_4.png);
}
.overlay_bg_5:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(images/bg/texture_5.png);
}
.overlay_bg_6:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(images/bg/texture_6.png);
}
.overlay_bg_7:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(images/bg/texture_7.png);
}
.overlay_bg_8:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(images/bg/texture_8.png);
}
.overlay_bg_9:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(images/bg/texture_9.png);
}
.overlay_bg_10:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(images/bg/texture_10.png);
}
.overlay_bg_11:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(images/bg/texture_11.png);
}
.overlay_bg_12:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(images/bg/texture_12.png);
}
.bg_pattern_1 {
background: url(images/bg/pattern_1.jpg) 50% 50% repeat fixed !important;
}
.bg_pattern_2 {
background: url(images/bg/pattern_2.jpg) 50% 50% repeat fixed !important;
}
.bg_pattern_3 {
background: url(images/bg/pattern_3.jpg) 50% 50% repeat fixed !important;
}
.bg_pattern_4 {
background: url(images/bg/pattern_4.jpg) 50% 50% repeat fixed !important;
}
.bg_pattern_5 {
background: url(images/bg/pattern_5.jpg) 50% 50% repeat fixed !important;
}
.bg_image_1 {
background: url(images/bg/image_1.jpg) 50% 0% repeat-y fixed !important;
}
.bg_image_2 {
background: url(images/bg/image_2.jpg) 50% 0% repeat-y fixed !important;
}
.bg_image_3 {
background: url(images/bg/image_3.jpg) 50% 0% repeat-y fixed !important;
}
.bg_image_1,
.bg_image_2,
.bg_image_3 {
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
}
.accent_top:before {
content: ' ';
display: block;
position: absolute;
z-index: 1;
left: 50%;
top: 0;
width: 3em;
height: 2.8em;
background-color: #fff;
margin: -1.4em 0 0 -1.2857em;
-webkit-transform: rotate(35deg) skewX(-20deg);
-moz-transform: rotate(35deg) skewX(-20deg);
transform: rotate(35deg) skewX(-20deg);
}
.rounded_none {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.rounded_tiny {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.rounded_small {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.rounded_medium {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.rounded_large {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.rounded {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/ Predefined Theme Margins /
.margin_left_null,
.margin_left_none,
.margin_left_no,
.margin_left_hide {
margin-left: 0 !important;
}
.margin_left_tiny {
margin-left: 0.5em !important;
margin-left: 0.5rem !important;
}
.margin_left_small {
margin-left: 2em !important;
margin-left: 2rem !important;
}
.margin_left_medium {
margin-left: 2.3em !important;
margin-left: 2.3rem !important;
}
.margin_left_large {
margin-left: 4em !important;
margin-left: 4rem !important;
}
.margin_left_huge {
margin-left: 6em !important;
margin-left: 6rem !important;
}
.margin_left_tiny- {
margin-left: -0.5em !important;
margin-left: -0.5rem !important;
}
.margin_left_small- {
margin-left: -2em !important;
margin-left: -2rem !important;
}
.margin_left_medium- {
margin-left: -3em !important;
margin-left: -3rem !important;
}
.margin_left_large- {
margin-left: -4em !important;
margin-left: -4rem !important;
}
.margin_left_huge- {
margin-left: -6em !important;
margin-left: -6rem !important;
}
.margin_right_null,
.margin_right_none,
.margin_right_no,
.margin_right_hide {
margin-right: 0 !important;
}
.margin_right_tiny {
margin-right: 0.5em !important;
margin-right: 0.5rem !important;
}
.margin_right_small {
margin-right: 2em !important;
margin-right: 2rem !important;
}
.margin_right_medium {
margin-right: 3em !important;
margin-right: 3rem !important;
}
.margin_right_large {
margin-right: 4em !important;
margin-right: 4rem !important;
}
.margin_right_huge {
margin-right: 6em !important;
margin-right: 6rem !important;
}
.margin_right_tiny- {
margin-right: -0.5em !important;
margin-right: -0.5rem !important;
}
.margin_right_small- {
margin-right: -2em !important;
margin-right: -2rem !important;
}
.margin_right_medium- {
margin-right: -3em !important;
margin-right: -3rem !important;
}
.margin_right_large- {
margin-right: -4em !important;
margin-right: -4rem !important;
}
.margin_right_huge- {
margin-right: -6em !important;
margin-right: -6rem !important;
}
.margin_top_null,
.margin_top_none,
.margin_top_no,
.margin_top_hide {
margin-top: 0 !important;
}
.margin_top_tiny {
margin-top: 0.5em !important;
margin-top: 0.5rem !important;
}
.margin_top_small {
margin-top: 2em !important;
margin-top: 2rem !important;
}
.margin_top_medium {
margin-top: 3em !important;
margin-top: 3rem !important;
}
.margin_top_large {
margin-top: 4em !important;
margin-top: 4rem !important;
}
.margin_top_huge {
margin-top: 6em !important;
margin-top: 6rem !important;
}
.margin_top_tiny- {
margin-top: -0.5em !important;
margin-top: -0.5rem !important;
}
.margin_top_small- {
margin-top: -2em !important;
margin-top: -2rem !important;
}
.margin_top_medium- {
margin-top: -3em !important;
margin-top: -3rem !important;
}
.margin_top_large- {
margin-top: -4em !important;
margin-top: -4rem !important;
}
.margin_top_huge- {
margin-top: -6em !important;
margin-top: -6rem !important;
}
.margin_bottom_null,
.margin_bottom_none,
.margin_bottom_no,
.margin_bottom_hide {
margin-bottom: 0 !important;
}
.margin_bottom_tiny {
margin-bottom: 0.5em !important;
margin-bottom: 0.5rem !important;
}
.margin_bottom_small {
margin-bottom: 2em !important;
margin-bottom: 2rem !important;
}
.margin_bottom_medium {
margin-bottom: 3em !important;
margin-bottom: 3rem !important;
}
.margin_bottom_large {
margin-bottom: 5.2em !important;
margin-bottom: 5.2rem !important;
}
.margin_bottom_huge {
margin-bottom: 6.5em !important;
margin-bottom: 6.5rem !important;
}
.margin_bottom_tiny- {
margin-bottom: -0.5em !important;
margin-bottom: -0.5rem !important;
}
.margin_bottom_small- {
margin-bottom: -2em !important;
margin-bottom: -2rem !important;
}
.margin_bottom_medium- {
margin-bottom: -3em !important;
margin-bottom: -3rem !important;
}
.margin_bottom_large- {
margin-bottom: -4em !important;
margin-bottom: -4rem !important;
}
.margin_bottom_huge- {
margin-bottom: -6em !important;
margin-bottom: -6rem !important;
}
/ Isotope transitions /
.isotope-hidden.isotope_item {
pointer-events: none;
z-index: 1;
}
.isotope_wrap .isotope_item_portfolio.isotope_item .post_item .post_info_wrap .info-back {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
height: 100%;
flex-direction: column;
}
.isotope_wrap .isotope_item_portfolio.isotope_item .post_item .post_info_wrap .info-back .post_title{
margin-top: 0;
}
.isotope_wrap .isotope_item_portfolio.isotope_item .ih-item .info {
text-shadow: none !important;
}
.isotope_wrap .isotope_item_portfolio.isotope_item .post_item .ih-item .info .post_info {
font-style: normal;
display: block;
}
.isotope_wrap .isotope_item_portfolio.isotope_item .post_descr p.post_info + p {
display: none;
}
.isotope_wrap .isotope_item_portfolio.isotope_item .post_item .ih-item.square .info .post_title {
padding: 0 2rem;
margin-bottom: 1rem;
}
.isotope_wrap .isotope_item_portfolio.isotope_item .post_info .post_info_posted {
display: inline-block;
}
/ MailChimp /
.mc4wp-form-fields {
text-align: center;
}
.mc4wp-form-fields input {
width: 320px;
padding: 0 4.1em 0 2.1em;
}
.mc4wp-form-fields input[type="submit"] {
width: auto;
height: 4.5em;
margin-left: -3.4rem;
vertical-align: top;
font-size: 1em;
font-weight: 600;
line-height: 1.571em;
padding: 1.67em 3.15em;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.mc4wp-alert {
text-align: center;
margin-top: 1.2em;
}
.mc4wp-form-fields label {
display: inline-block;
margin-top: 5px;
width: 100%;
}
.mc4wp-form-fields label a {
padding-left: 5px;
}
.mc4wp-form-fields input[type="checkbox"] {
width: auto;
}
.inverse_label_color .mc4wp-form-fields a {
color: #fff;
}
/Rev Slider/
.tp-bullets.custom .tp-bullet {
border-radius: 50%;
width: 8px;
height: 8px;
border: 2px solid;
}
.custom .tp-bullet.selected,
.custom .tp-bullet:hover {
background-color: transparent !important;
}
.SliderButton {
-webkit-transition: all ease .3s !important;
-moz-transition: all ease .3s !important;
-ms-transition: all ease .3s !important;
-o-transition: all ease .3s !important;
transition: all ease .3s !important;
padding: 1.8em 3.15em 1.7em !important;
border-radius: 50px !important;
}
p + h1,
h1 + h2,
h2 + h1,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
margin-top: 0;
margin-bottom: 1rem;
}
h1 + h2 {
font-size: 5rem;
}
.single-post .post_format_standard .post_featured {
display: inline-block;
}
.post_item_excerpt[class*="post_format-post-format-"] .post_featured img {
width: 100%;
height: auto;
}
.post_item_excerpt:not([class*="post_format-post-format-"]) .post_featured {
display: inline-block;
}
/Gutenberg /
body.sidebar_hide .alignfull {
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
width: 100vw;
max-width: 100vw;
}
body.sidebar_hide .alignwide {
position: relative;
left: calc(-44vw + 50%);
width: 88vw;
max-width: none;
}
.alignfull > img,
.alignwide > img {
max-width: none;
width: 100%;
}
button[disabled],
input[type="submit"][disabled],
input[type="button"][disabled] {
background-color: #f0f0f0 !important;
color: #888 !important;
}
button[disabled],
html input[disabled] {
cursor: default !important;
}
.sc_googlemap > iframe {
width: 100%;
height: 100%;
}
.wpgdprc-checkbox {
clear: both;
}
/-----GDPR Form--------/
body form div.sc_form_field_checkbox label {
display: block;
padding-left: 1.5em;
line-height: 1.5em;
text-align: justify;
}
body form .sc_form_field.sc_form_field_checkbox {
position: relative;
text-align: left;
}
body form .sc_form_field.sc_form_field_checkbox > input {
width: auto;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateY(30%);
-ms-transform: translateY(30%);
transform: translateY(30%);
}
.comment-form .comment-form-cookies-consent {
clear: both;
position: relative;
}
.woocommerce-Reviews .form-submit input[name="submit"]:disabled {
padding: 1em 3.58em 1em !important;
}
.wpcf7 form.invalid .wpcf7-response-output {
border-radius: 30px;
}
/--------------Contact Form 7-----------------/
form.wpcf7-form textarea,
form.wpcf7-form input:not([type="submit"]) {
width: 100%;
}
form.wpcf7-form textarea {
padding-top: 1.4em;
min-height: 10.4em;
}
form.wpcf7-form .row {
padding-bottom: 0.7143em;
margin-right: 0;
}
form.wpcf7-form input[type="checkbox"],
form.wpcf7-form input[type="submit"] {
width: auto;
}
form.wpcf7-form input[type="submit"] {
border: 2px solid #ddd;
padding: 1.7em 5.6em;
font-size: 1em;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.sc_googlemap_content div.wpcf7-response-output {
margin-top: 1em;
}
form.wpcf7-form span[class*='acceptance'] span.wpcf7-list-item {
margin: 0.3em 0 0 0;
display: block;
position: relative;
line-height: 1em;
}
form.wpcf7-form .ajax-loader {
display: none;
}
form.wpcf7-form .sc_form_field_button {
text-align: center;
}
form.wpcf7-form .sc_form_field_button input[type="submit"] {
margin-top: 1.7em;
}
.sc_googlemap_wrap form.wpcf7-form .sc_form_field_button input[type="submit"]{
margin-top: 0.7134em;
width: 100%;
}
.sc_googlemap_content:has(.wpcf7-form){
display: flex;
align-items: center;
}
.mejs-time-handle-content {
display: none;
}
body:not(.default_theme) .mejs-time-hovered {
height: 4px !important;
}
.post_item_single::after {
content: ' ';
display: block;
width: 100%;
height: 0;
clear: both;
}
/----------UT-New---------/
body.sidebar_hide .has-background-dim.alignfull {
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
width: 100vw;
max-width: 100vw;
transform: translateX(0);
}
.has-large-font-size {
line-height: 1.4em;
}
.has-large-font-size + p {
line-height: 1.7857em;
}
.wp-block-embed .wp-block-embed__wrapper {
position: relative;
}
.wp-block-embed.is-type-video.alignwide .wp-block-embed__wrapper:before,
.wp-block-embed.is-type-video.alignfull .wp-block-embed__wrapper:before,
.wp-block-embed.is-type-video.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%;
content: "";
display: block;
width: 0;
}
.wp-block-embed.alignfull .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-2-1 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-3-4 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-9-18 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-9-21 .wp-block-embed__wrapper iframe {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: flex !important;
}
.wp-block-separator:not([class*="is-style"]) {
width: 15%;
}
.wp-block-pullquote.has-cyan-bluish-gray-background-color.is-style-solid-color > blockquote {
background: none;
}
section.comments_wrap,
section.post_content > nav.pagination_single {
clear: both;
}
footer .widget_media_gallery .gallery-item,
.sidebar .widget_media_gallery .gallery-item {
position: relative;
overflow: hidden;
}
body.default_theme .mejs-controls button {
border-radius: unset;
}
.gallery dl.gallery-item dd {
max-height: 50%;
font-size: 0.8em !important;
-webkit-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin: 0 5px !important;
font-weight: 400;
font-style: normal;
text-align: center;
line-height: 1.3em;
padding: 0 0.5em 0.5em;
color: #ffffff;
background-color: rgba(67, 67, 67, 0.5);
}
.widget_area .gallery dl.gallery-item dd {
max-height: 60%;
overflow-y: auto;
}
.top_panel_style_6 .menu_main_wrap {
max-width: 72%;
position: relative;
padding-right: 8%;
}
.top_panel_style_6 .logo > a {
display: block;
}
.top_panel_style_6 .logo {
overflow: inherit !important;
}
.top_panel_style_6 .logo .logo_text {
line-height: 1em;
}
.top_panel_style_6 .top_panel_buttons {
position: absolute;
right: 0;
top: 0;
}
.pagination_single > span.post-page-numbers {
font-size: 3.429em;
font-weight: 700;
font-family: Amatic SC, cursive;
line-height: 1em;
margin: 0 0.61rem;
}
blockquote > p > a {
display: inline;
}
.wp-block-image.size-full > figure,
.post_content > div.wp-caption {
width: max-content !important;
max-width: 100%;
}
.post_item_single .post_info_bottom {
clear: both;
margin-top: 0;
padding-top: 3rem;
}
.post_content > .wp-block-group.has-background p:last-child {
margin-bottom: 0;
}
.default_theme .footer_wrap aside.widget[class*="column-"] + aside:before {
display: none;
}
.wp-block-gallery .blocks-gallery-item figcaption {
padding: 9px 10px 9px !important;
width: auto !important;
max-height: 50% !important;
overflow-y: auto !important;
line-height: normal;
opacity: 1;
transition: 0.3s opacity ease;
}
.wp-block-gallery .blocks-gallery-item:hover figcaption {
opacity: 0;
}
.wp-block-gallery .blocks-gallery-item:hover figcaption:hover {
opacity: 1;
}
.wp-block-archives-dropdown select,
.wp-block-categories select,
.widget_area select {
background: url("images/select.png") right center no-repeat;
width: 100%;
padding-right: 40px;
box-sizing: border-box;
}
select::-ms-expand {
display: none;
}
.has-large-font-size {
font-size: 32px !important;
}
h1.page_title b,
h1.page_title em,
h2.post_title a em,
h2.post_title a b {
color: inherit !important;
}
@media(max-width: 479px) {
.comments_list_wrap .comment_content {
padding-left: 0;
}
.comments_list_wrap .comment_content .comment_info {
margin-top: 8em;
}
}
.post_item_single .gallery {
margin-bottom: 1em !important;
}
.widget_area .textwidget .wp-caption {
overflow: inherit;
}
.woocommerce div.product form.cart .group_table td {
vertical-align: inherit !important;
padding: 0.5rem 0.5rem 0.5rem 0 !important;
}
.default_theme .post_item_excerpt + .post_item_excerpt {
margin-top: 7.8em;
border-top: 1px solid #e4e7e8;
padding-top: 7.9em;
}
body.sidebar_show .wp-block-columns.alignwide .wp-block-column blockquote.wp-block-quote {
padding: 8.3em 3em 3em;
}
.wp-block-cover.has-background-dim .wp-block-cover__inner-container .has-text-align-center.has-large-font-size {
margin: 0;
}
.wp-block-cover.has-background-dim {
background-size: cover;
}
.wp-block-group.has-background {
padding: 1em;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0;
line-height: inherit;
}
form.woocommerce-shipping-calculator {
max-width: 173px;
}
form.woocommerce-shipping-calculator .form-row {
margin-bottom: 1em !important;
padding: 0 !important;
}
form.woocommerce-shipping-calculator .form-row .select2-container,
form.woocommerce-shipping-calculator .select2-container .select2-selection--single {
margin: 0 !important;
}
form.woocommerce-shipping-calculator .select2-container .select2-selection--single .select2-selection__rendered {
padding-right: 40px;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: unset;
}
.post_content > ol[class*="wp-block-"] {
padding-left: 0;
}
.elegro-widget__action button {
border: unset !important;
}
.sc_section[style*='background-image'] .mc4wp-form p a:hover,
.sc_section[style*='background-image'] .mc4wp-form p {
color: #fff;
}
.sc_section[style*='background-image'] .mc4wp-form p a {
color: #F0F0F0;
}
.mc4wp-form input[name="AGREE_TO_TERMS"] {
position: relative;
top: 1px;
margin-right: 0.3em;
}
.comment-respond span.comment-reply-title {
font-weight: bold;
}
.comment-form .result.sc_infobox {
border-radius: 25px;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none;
}
.bg_pst_top {
background-position: center;
}
/* Elegro Crypto payment styles
----------------------------------------------------------------- */
#modal {
position: static !important;
background: none !important;
overflow: visible;
padding: 0 !important;
}
#modal #elegro-reset-wrapper {
margin: 2em 0 3em;
}
#modal #elegro-reset-wrapper .elegro-widget {
margin: 0 !important;
}
#modal:not(:empty) + #btn-buy,
#modal:not(:empty) ~ #btn-buy {
display: none;
}
.wpcf7-form-control-wrap.wpgdprc .wpcf7-list-item-label {
display: block;
}
.comment-form .comment-form-cookies-consent label,
.comment-form .wpgdprc-checkbox label,
.wpcf7-form .wpcf7-acceptance label,
.wpcf7-form-control-wrap.wpgdprc .wpcf7-list-item {
display: block;
position: relative;
margin: 0;
padding-left: 1.5em;
text-align: left;
line-height: 1.5em;
}
.comment-form .comment-form-cookies-consent input[type="checkbox"] + label::before,
.wpcf7-form-control-wrap.wpgdprc input[type="checkbox"] + span::before,
.comment-form .wpgdprc-checkbox input[type="checkbox"] + label::before,
.wpcf7-form span[class*="acceptance"] input[type="checkbox"] + span::before {
content: ' ';
font-family: fontello;
display: block;
text-align: center;
border: 1px solid #eee;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.5em;
width: 0.6em;
height: 0.6em;
line-height: 0.53em;
}
.wpcf7-form-control-wrap.wpgdprc input[type="checkbox"],
.comment-form .comment-form-cookies-consent input[type="checkbox"] + label::before,
.wpcf7-form-control-wrap.wpgdprc input[type="checkbox"] + span::before,
.comment-form .wpgdprc-checkbox input[type="checkbox"] + label::before,
.wpcf7-form span[class*="acceptance"] input[type="checkbox"] + span::before {
position: absolute;
left: 0;
top: 0;
-webkit-transform: translateY(30%);
-ms-transform: translateY(30%);
transform: translateY(30%);
}
.wpcf7-form-control-wrap.wpgdprc input[type="checkbox"] {
display: block;
z-index: 1;
opacity: 0;
}
.comment-form .comment-form-cookies-consent input[type="checkbox"]:checked + label:before,
.wpcf7-form-control-wrap.wpgdprc input[type="checkbox"]:checked + span:before,
.comment-form .wpgdprc-checkbox input[type="checkbox"]:checked + label:before,
.wpcf7-form span[class*="acceptance"] input[type="checkbox"]:checked + span:before {
content: '\e8ab';
}
.comment-form .comment-form-cookies-consent input[type="checkbox"],
.comment-form .wpgdprc-checkbox input[type="checkbox"],
.wpcf7-form span[class*="acceptance"] input[type="checkbox"] {
display: none;
}
.comment-form .comment-form-cookies-consent,
.comment-form .wpgdprc-checkbox {
clear: both;
}
body .comment-form .wpgdprc-checkbox label,
body .wpgdprc {
font-family: inherit;
font-size: inherit;
color: inherit;
font-weight: inherit;
}
.wp-block-pullquote {
padding: 0;
font-size: inherit;
line-height: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: none;
}
.has-text-align-center {
clear: both;
}
.wp-block-search.wp-block-searchbutton-inside .wp-block-searchinside-wrapper,
.wp-block-search.wp-block-searchbutton-inside .wp-block-searchinside-wrapper .wp-block-search__input {
border-radius: 30px;
}
.widget_area ul.wp-block-social-links li {
padding-left: 0;
}
.widget_area ul.wp-block-social-links li:before {
display: none;
}
.wp-block-gallery.alignleft{
margin-right: 2em;
}
ol.wp-block-latest-comments{
padding-left: 0;
}
.wp-block-cover .has-large-font-size {
margin-bottom: 0;
}
.wp-block-separator {
margin: 3em 0;
}
.sc_price_block_description ul {
padding-left: 0;
}
.section_title.comments_form_title{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}
.has-drop-cap:not(:focus):first-letter {
font-size: 5.4em;
}
.widget_search form,
.wp-block-search,
.woocommerce.widget_product_search form,
.widget_display_search form,
#bbpress-forums #bbp-search-form {
width: 100%;
overflow: hidden;
position: relative;
}
.woocommerce .shop_mode_thumbs a.added_to_cart{
padding: 0;
display: inline-block;
margin: 0.5em auto 0 auto;
}
figure.wp-block-audio figcaption,
figure.wp-block-video figcaption,
figure.wp-block-embed figcaption,
figure.wp-block-gallery figcaption.blocks-gallery-caption,
figure.wp-block-table > figcaption{
position: relative;
opacity: 1!important;
margin-top: 0;
}
Menu as captured Sep 4, 2026 · source ↗
We hold 7,900 venues in Las Vegas, NV and could score 547 of them. This one is not among them, so it has no position — not a low one.
There is no score breakdown to show: nothing we read about this venue earned points in any of the four categories, so a bar chart of zeroes would look like a verdict on the kitchen rather than on what it publishes. What we did read is below.
v1.7.4 0.0/100 — NO SOURCING EVIDENCE FOUND. We fetched this venue's site and menu and found no sourcing claim, no named farm, no registry listing and no press naming a source. This is a completed check with an empty result, not a judgment of the food: a kitchen can buy beautifully and never say so online. Score is a floor.
We analyzed this venue's menu, website, and press coverage and found no sourcing evidence. That is a finding, not a gap — venues that care about sourcing tend to say so somewhere.
See the week▾
| Sunday | Not listed |
|---|---|
| Monday | Not listed |
| Tuesday | Not listed |
| Wednesday | Closed |
| Thursday | Not listed |
| Friday | Not listed |
| Saturday | Not listed |
“Not listed” means the day was absent from the schedule we read — usually closed, but we never saw it stated, so we don’t claim it.
We don’t know when these hours were last checked · source ↗ · these hours were read from the page text rather than published schedule data, so we show the week instead of calling it open or closed · Always worth confirming with the restaurant.