| Server IP : 213.186.33.4 / Your IP : 216.73.216.222 Web Server : Apache System : Linux webm005.cluster103.gra.hosting.ovh.net 6.18.39-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Tue Jul 21 12:03:15 CEST 2026 x86_64 User : karinebmkh ( 644538) PHP Version : 8.4.22 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/karinebmkh/www2/wp-content/themes/glaza/assets/css/ |
Upload File : |
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Normalize
2.0 - Main
3.0 - Headers
4.0 - Widgets
5.0 - Posts
6.0 - Single Post
7.0 - Pages
8.0 - Miscellaneous
--------------------------------------------------------------*/
/*--------------------------------------------------------------
================================================================
1.0 - Normalize
================================================================
--------------------------------------------------------------*/
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, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
outline: 0;
border: 0;
vertical-align: baseline;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit
}
html {
overflow-y: scroll;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.site-wrap * {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
:before, :after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
button, hr, input {
overflow: visible
}
audio, canvas, progress, video {
display: inline-block
}
progress, sub, sup {
vertical-align: baseline
}
[type=checkbox], [type=radio], legend {
box-sizing: border-box;
padding: 0
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
article, aside, details, figcaption, footer, header, main, menu, nav, section {
display: block
}
abbr, acronym {
cursor: help
}
mark, ins {
background-color: rgba(0, 0, 0, .07);
text-decoration: none;
}
figure {
display: block;
margin: 30px 0;
}
cite {
font-style: italic;
}
hr {
box-sizing: content-box;
height: 0
}
address {
font-style: italic;
}
code, kbd, pre, samp, var {
font-size: .9em;
font-family: monospace, monospace
}
a {
background-color: transparent;
color: inherit;
text-decoration: none;
}
abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
b, strong {
font-weight: 700;
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000;
}
code {
background-color: rgba(0, 0, 0, .07);
}
small {
font-size: 80%
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button, input, optgroup, select, textarea {
margin: 0;
outline: none !important;
}
button, select {
outline: none !important;
text-transform: none;
}
select {
max-width: 100%;
border-color: rgba(0, 0, 0, .05);
font-size: 14px;
font-family: 'Montserrat', sans-serif;
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
padding: 0;
border-style: none;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: ButtonText dotted 1px
}
:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #fafafa inset !important;
}
fieldset {
padding: 0;
}
legend {
display: table;
max-width: 100%;
color: inherit;
white-space: normal
}
textarea {
overflow: auto
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: textfield
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
summary {
display: list-item
}
[hidden], template {
display: none
}
/* custom style */
body {
display: block;
margin: 0;
background: #fff;
}
big {
font-size: 125%;
}
del {
text-decoration: line-through;
}
.clearfix:before,
.clearfix:after {
display: table;
clear: both;
content: ' ';
}
.data-error {
font-style: italic;
}
.data-error a {
text-decoration: underline;
}
ul, ol {
list-style: none;
}
em {
font-style: italic;
}
legend {
margin-bottom: 20px;
text-transform: uppercase;
font-size: 15px;
}
label {
font-weight: 400;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
}
textarea {
display: block;
margin-top: 10px;
margin-bottom: 10px;
padding: 15px 20px;
max-width: 100%;
width: 100%;
outline: none;
border: 1px solid rgba(0, 0, 0, .05);
background-color: transparent !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
font-weight: 400;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
line-height: 1.7;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
textarea:hover, textarea:focus {
font-size: 14px;
}
input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="number"],
input[type="url"], input[type="search"] {
display: block;
margin-bottom: 10px;
padding: 12px 0;
max-width: 100%;
outline: none !important;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, .05);
-webkit-border-radius: 0;
border-radius: 0;
background-color: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
white-space: nowrap;
font-weight: 400;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
line-height: 20px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
}
input[type="submit"], button {
display: inline-block;
padding: 10px 25px;
border: none;
border-radius: 0;
background-color: #000;
color: #fff;
font-weight: 500;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
line-height: 1;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
input[type="submit"]:hover, button:hover,
.is-light-text input[type="submit"]:hover,
.is-light-text button:hover {
background-color: #ff3174;
color: #fff;
}
*::placeholder {
color: #555;
}
*::-webkit-input-placeholder {
color: #555;
}
.is-light-text *::placeholder {
color: #fff;
}
.is-light-text *::-webkit-input-placeholder {
color: #fff;
}
blockquote {
position: relative;
display: block;
clear: both;
margin: 40px 0;
padding-left: 20px;
quotes: "\201C" "\201D";
font-weight: 600;
font-style: italic;
font-size: 26px;
font-family: 'Cormorant', serif;
line-height: 1.2;
}
blockquote:before {
margin-right: .15em;
color: #ff3174;
content: open-quote;
vertical-align: -.25em;
font-size: 3.5em;
line-height: 0;
}
blockquote:after {
position: absolute;
top: 0;
right: 0;
left: 70px;
display: block;
border-top: 1px solid #ff3174;
content: '';
opacity: .3;
}
blockquote * {
letter-spacing: inherit !important;
font-weight: inherit !important;
font-family: inherit !important;
line-height: inherit !important;
}
blockquote *:not(cite) {
font-style: inherit !important;
font-size: inherit !important;
}
blockquote cite {
position: relative;
display: inline-block;
margin-top: 20px;
font-size: 1.1rem;
}
blockquote > *:last-child {
margin-bottom: 0;
}
.bypostauthor {
position: relative;
}
.tipsy {
position: absolute;
z-index: 100000;
padding: 5px;
font-weight: 400;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
}
.tipsy-inner {
padding: 7px;
max-width: 200px;
background-color: #000;
color: #fff;
text-align: center;
letter-spacing: inherit;
font-size: .9em;
font-family: inherit;
line-height: 1;
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
border: 5px dashed #000;
line-height: 0;
}
.tipsy-arrow-n {
border-bottom-color: #000;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-top: none;
border-right-color: transparent;
border-bottom-style: solid;
border-left-color: transparent;
}
.tipsy-w .tipsy-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-top-color: transparent;
border-right-style: solid;
border-bottom-color: transparent;
border-left: none;
}
.tipsy-e .tipsy-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-top-color: transparent;
border-right: none;
border-bottom-color: transparent;
border-left-style: solid;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-right-color: transparent;
border-bottom: none;
border-left-color: transparent;
}
.columns-2 > *,
.columns-3 > *,
.columns-4 > *,
.columns-5 > *,
.columns-6 > * {
display: block;
float: left;
}
.columns-2 > * {
width: 50%;
}
.columns-2 > *:nth-child(2n+1) {
clear: both;
}
.columns-3 > * {
width: 33.3333%;
}
.columns-3 > *:nth-child(3n+1) {
clear: both;
}
.columns-4 > * {
width: 25%;
}
.columns-4 > *:nth-child(4n+1) {
clear: both;
}
.columns-5 > * {
width: 20%;
}
.columns-5 > :nth-child(5n+1) {
clear: both;
}
.columns-6 > * {
width: 16.6666%;
}
.columns-6 > *:nth-child(6n+1) {
clear: both;
}
.columns-2 > *,
.columns-3 > *,
.columns-4 > * {
padding-right: 20px;
padding-left: 20px;
}
.columns-2,
.columns-3,
.columns-4 {
margin-right: -20px;
margin-left: -20px;
}
.columns-5 > *,
.columns-6 > * {
padding-right: 10px;
padding-left: 10px;
}
.columns-5,
.columns-6 {
margin-right: -10px;
margin-left: -10px;
}
.panel-grid-cell {
margin-bottom: 0 !important;
}
/*--------------------------------------------------------------
================================================================
2.0 - Main
================================================================
--------------------------------------------------------------*/
body, p {
color: #111;
font-size: 16px;
font-family: 'Lora', serif;
line-height: 1.7;
}
.site-outer {
position: relative;
display: block;
overflow: hidden;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
font-family: 'Cormorant', serif;
}
h1 {
font-size: 42px;
line-height: 1.2;
}
h2 {
font-size: 32px;
line-height: 1.3;
}
h3 {
font-size: 26px;
line-height: 1.3;
}
h4 {
font-size: 22px;
line-height: 1.45;
}
h5 {
font-size: 18px;
line-height: 1.5;
}
h6 {
font-size: 15px;
line-height: 1.5;
}
select {
padding: 10px;
font-weight: 400;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
}
.container {
position: static;
display: block;
margin-right: auto;
margin-left: auto;
padding: 0;
max-width: 1140px;
}
.content-wrap, .content-inner {
position: relative;
display: block;
}
.col-wrap {
position: relative;
display: block;
}
.col-wrap.col-eq-height {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.col-el-2, .col-el-3, .col-el-4, .col-el-5, .col-el-6, .col-el-7,
.col-el-8, .col-el-9, .col-el-10 {
position: relative;
float: left;
padding-right: 0;
padding-left: 0;
min-height: 1px;
}
.col-el-2 {
width: 50%;
}
.col-el-3 {
width: 33.333%;
}
.col-el-4 {
width: 25%;
}
.col-el-5 {
width: 20%;
}
.col-el-6 {
width: 16.666%;
}
.col-el-7 {
width: 14.285%;
}
.col-el-8 {
width: 12.5%;
}
.col-el-9 {
width: 11.111%;
}
.col-el-10 {
width: 10%;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.sidebar-wrap {
position: relative;
display: block;
}
.sidebar-inner {
margin-right: auto;
margin-left: auto;
max-width: 480px;
}
.panel-grid-cell .panel-cell-style.sidebar-sticky {
height: auto;
}
.load-animation,
.loadmore-animation {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 992;
background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNNTkuNiAwaDh2NDBoLThWMHoiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMSIvPjxwYXRoIGQ9Ik01OS42IDBoOHY0MGgtOFYweiIgZmlsbD0iI2NjY2NjYyIgZmlsbC1vcGFjaXR5PSIwLjIiIHRyYW5zZm9ybT0icm90YXRlKDMwIDY0IDY0KSIvPjxwYXRoIGQ9Ik01OS42IDBoOHY0MGgtOFYweiIgZmlsbD0iI2NjY2NjYyIgZmlsbC1vcGFjaXR5PSIwLjIiIHRyYW5zZm9ybT0icm90YXRlKDYwIDY0IDY0KSIvPjxwYXRoIGQ9Ik01OS42IDBoOHY0MGgtOFYweiIgZmlsbD0iI2NjY2NjYyIgZmlsbC1vcGFjaXR5PSIwLjIiIHRyYW5zZm9ybT0icm90YXRlKDkwIDY0IDY0KSIvPjxwYXRoIGQ9Ik01OS42IDBoOHY0MGgtOFYweiIgZmlsbD0iI2NjY2NjYyIgZmlsbC1vcGFjaXR5PSIwLjIiIHRyYW5zZm9ybT0icm90YXRlKDEyMCA2NCA2NCkiLz48cGF0aCBkPSJNNTkuNiAwaDh2NDBoLThWMHoiIGZpbGw9IiNiMmIyYjIiIGZpbGwtb3BhY2l0eT0iMC4zIiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNjQgNjQpIi8+PHBhdGggZD0iTTU5LjYgMGg4djQwaC04VjB6IiBmaWxsPSIjOTk5OTk5IiBmaWxsLW9wYWNpdHk9IjAuNCIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDY0IDY0KSIvPjxwYXRoIGQ9Ik01OS42IDBoOHY0MGgtOFYweiIgZmlsbD0iIzdmN2Y3ZiIgZmlsbC1vcGFjaXR5PSIwLjUiIHRyYW5zZm9ybT0icm90YXRlKDIxMCA2NCA2NCkiLz48cGF0aCBkPSJNNTkuNiAwaDh2NDBoLThWMHoiIGZpbGw9IiM2NjY2NjYiIGZpbGwtb3BhY2l0eT0iMC42IiB0cmFuc2Zvcm09InJvdGF0ZSgyNDAgNjQgNjQpIi8+PHBhdGggZD0iTTU5LjYgMGg4djQwaC04VjB6IiBmaWxsPSIjNGM0YzRjIiBmaWxsLW9wYWNpdHk9IjAuNyIgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDY0IDY0KSIvPjxwYXRoIGQ9Ik01OS42IDBoOHY0MGgtOFYweiIgZmlsbD0iIzMzMzMzMyIgZmlsbC1vcGFjaXR5PSIwLjgiIHRyYW5zZm9ybT0icm90YXRlKDMwMCA2NCA2NCkiLz48cGF0aCBkPSJNNTkuNiAwaDh2NDBoLThWMHoiIGZpbGw9IiMxOTE5MTkiIGZpbGwtb3BhY2l0eT0iMC45IiB0cmFuc2Zvcm09InJvdGF0ZSgzMzAgNjQgNjQpIi8+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHZhbHVlcz0iMCA2NCA2NDszMCA2NCA2NDs2MCA2NCA2NDs5MCA2NCA2NDsxMjAgNjQgNjQ7MTUwIDY0IDY0OzE4MCA2NCA2NDsyMTAgNjQgNjQ7MjQwIDY0IDY0OzI3MCA2NCA2NDszMDAgNjQgNjQ7MzMwIDY0IDY0IiBjYWxjTW9kZT0iZGlzY3JldGUiIGR1cj0iMTA4MG1zIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvZz48L3N2Zz4=') no-repeat center center !important;
}
.loadmore-animation {
display: none;
opacity: 0;
}
.pre-load, .product-pre-load .products {
visibility: hidden;
overflow: hidden;
height: 40px;
opacity: 0;
}
div[class^="block-slider-"].pre-load {
height: 100px;
}
.is-centered {
text-align: center;
}
.block-header {
display: block;
margin-bottom: 30px;
text-align: center;
}
.hs-block .block-header {
text-align: left;
}
.block-title {
position: relative;
display: inline-block;
padding: 7px 25px;
border: 2px solid currentColor;
font-weight: 500;
font-size: 22px;
font-family: 'Montserrat', sans-serif;
line-height: 1;
}
.block-title.is-link {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.block-title.is-link:hover, .block-title.is-link:focus {
border-color: #ff3174;
background-color: #ff3174;
color: #fff;
}
.widget.default-margin:not(.panel-last-child) {
margin-bottom: 60px;
}
.shopthepost.embed {
display: block;
overflow: hidden;
margin: 20px auto;
max-width: 100%;
}
.pagination-wrap {
position: relative;
display: block;
clear: both;
margin-top: 40px;
text-align: center;
font-weight: 400;
font-style: normal;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
}
.pagination-wrap * {
letter-spacing: inherit;
font-weight: inherit;
font-size: inherit;
}
.pagination-wrap > * {
font-size: .9em;
}
.pagination-wrap i {
vertical-align: middle;
font-size: 8px;
line-height: inherit;
}
.pagination-wrap a {
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.pagination-wrap.pagination-loadmore a {
position: relative;
z-index: 1;
display: inline-block;
min-width: 300px;
background-color: rgba(0, 0, 0, .05);
line-height: 30px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.pagination-wrap.pagination-loadmore a:hover,
.pagination-wrap.pagination-loadmore a.loading {
background-color: #ff3174;
color: #fff;
}
.pagination-nextprev a {
position: relative;
display: inline-block;
min-width: 200px;
background-color: rgba(0, 0, 0, .05);
vertical-align: middle;
text-align: center;
white-space: nowrap;
line-height: 30px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.ajax-prev i {
margin-right: 7px;
}
.ajax-next i {
margin-left: 7px;
}
.pagination-nextprev a.is-disable {
opacity: .2;
pointer-events: none;
}
.pagination-nextprev a:hover, .pagination-nextprev a:focus {
background-color: #ff3174;
color: #fff;
}
.pagination-infinite {
display: block;
min-height: 30px;
width: 100%;
height: 30px;
}
.pagination-number .page-numbers {
display: inline-block;
margin: 0 2px;
padding: 0;
min-width: 50px;
width: auto;
background-color: rgba(0, 0, 0, .05);
vertical-align: middle;
text-align: center;
font-size: 1.1em;
line-height: 34px;
}
.pagination-number .page-numbers.dots {
padding: 0 10px;
width: auto;
border: none;
}
.page-numbers i {
display: block;
}
.pagination-number a.page-numbers:hover,
.pagination-number a.page-numbers:focus {
background-color: #ff3174;
color: #fff;
}
.pagination-number .page-numbers.current {
opacity: .3;
pointer-events: none;
}
.pagination-wrap.pagination-simple {
display: block;
margin-right: -10px;
margin-left: -10px;
}
.pagination-wrap.pagination-simple > * {
display: block;
float: left;
padding: 0 10px;
width: 50%;
}
.pagination-simple > .older {
float: right;
}
.pagination-simple .older i {
margin-left: 3px;
}
.pagination-simple .newer i {
margin-right: 3px;
}
.pagination-simple a {
display: block;
width: 100%;
border: 1px solid rgba(0, 0, 0, .05);
line-height: 34px;
}
.pagination-simple a:hover {
border-color: #000;
background-color: #000;
color: #fff;
}
.layout-classic-2 .container {
max-width: 760px;
}
.is-table {
position: relative;
display: table !important;
width: 100%;
height: 100%;
}
.is-middle {
vertical-align: middle;
}
.is-cell {
display: table-cell !important;
max-width: 100%;
}
.site-content {
position: relative;
display: block;
margin-right: auto;
margin-left: auto;
}
/* default widget */
.widget-sidebar {
margin-bottom: 50px;
}
.widget-title {
position: relative;
display: inline-block;
clear: both;
border-bottom: 2px solid currentColor;
font-weight: 500;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
line-height: 30px;
}
.site-content.has-sidebar #main {
display: block;
float: left;
width: 66.666%;
}
.site-content.has-sidebar .sidebar-wrap {
display: block;
float: left;
padding-left: 50px;
width: 33.333%;
}
.search-form {
position: relative;
display: block;
}
.search-form .screen-reader-text {
display: none;
}
.search-form input[type="search"] {
position: relative;
display: block;
margin: 0;
padding: 0 145px 0 20px;
width: 100%;
border: 1px solid rgba(0, 0, 0, .05);
font-size: 14px;
line-height: 42px;
}
.search-form input[type="submit"] {
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: auto;
display: block;
padding: 0;
width: 130px;
height: 44px;
text-align: center;
line-height: 44px;
}
/* sidebar left */
.site-content.has-sidebar.is-sidebar-left #main {
float: right;
}
.site-content.has-sidebar.is-sidebar-left .sidebar-wrap {
padding-right: 4%;
padding-left: 0;
}
/* footer */
.footer-wrap {
position: relative;
display: block;
background-color: rgba(0, 0, 0, .015);
}
.footer-wrap.is-light-text {
background-color: #000;
}
.footer-navigation {
position: relative;
display: block;
clear: both;
overflow: hidden;
}
.footer-navigation.is-logo {
padding-top: 40px;
}
.footer-navigation:not(.is-logo) {
text-align: center;
}
.footer-navigation.is-logo .footer-menu-inner {
float: right;
}
.footer-menu-inner {
padding-top: 30px;
padding-bottom: 30px;
}
.footer-wrap > *:nth-child(2):not(.footer-widget-section) .footer-navigation-inner {
border-top: 1px solid rgba(0, 0, 0, .05);
}
.footer-wrap.is-light-text > *:nth-child(2):not(.footer-widget-section) .footer-navigation-inner {
border-color: rgba(255, 255, 255, .05) !important;;
}
.menu-main-menu-container {
display: inline-block;
}
.footer-menu-inner {
position: relative;
display: block;
font-family: 'Montserrat', sans-serif;
line-height: 0;
}
.footer-menu-inner li {
display: inline-block;
}
.footer-menu-inner > li > a {
display: block;
white-space: nowrap;
font-size: 13px;
line-height: 20px;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.footer-menu-inner > li > a:hover,
.footer-menu-inner > li > a:focus {
opacity: .9;
}
.footer-menu-inner > li > a:after {
margin-right: 10px;
margin-left: 10px;
color: currentColor;
content: '|';
opacity: .3;
}
.is-light-text .footer-menu-inner > li > a:after {
color: #fff;
opacity: .2;
}
.footer-menu-inner > li:last-child > a:after {
display: none;
}
.copyright-inner {
display: block;
overflow: hidden;
padding: 15px 0;
}
.copyright-inner > *:first-child:not(.copyright-text) {
float: none;
text-align: center;
}
.copyright-text {
display: inline-block;
font-style: italic;
font-size: .9em;
line-height: 1.5;
opacity: .9;
}
.copyright-text a {
text-decoration: underline;
}
.copyright-text a:hover, .copyright-text a:focus {
opacity: 1;
}
.footer-social {
display: block;
float: right;
font-size: 16px;
}
.footer-social a {
padding: 0 10px;
line-height: 30px;
opacity: .9;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.footer-social a:hover {
opacity: 1;
}
.footer-logo {
display: block;
float: left;
margin: 20px 0;
}
.footer-logo img {
max-height: 60px;
width: auto;
height: 60px;
}
/* footer widget section */
.footer-widget-section {
position: relative;
display: block;
overflow: hidden;
padding-top: 60px;
}
.footer-widget-inner {
position: relative;
display: block;
margin-right: -2%;
margin-left: -2%;
}
.footer-widget-inner > * {
display: block;
float: left;
padding-right: 2%;
padding-left: 2%;
width: 33.3333%;
}
.site-wrap footer .wrap {
margin-top: 0;
margin-bottom: 0;
}
/* back to top */
#back-top {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 9800;
display: none;
overflow: hidden;
border: none;
text-decoration: none;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#back-top i {
display: block;
width: 36px;
height: 44px;
background-color: #000;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 44px;
opacity: .5;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
#back-top:hover i {
opacity: 1;
}
/* Magnific Popup CSS */
.mfp-bg {
position: fixed;
top: 0;
left: 0;
z-index: 9840;
overflow: hidden;
width: 100%;
height: 100%;
background-color: #fafafa;
opacity: 0.9;
filter: alpha(opacity=.9);
}
.mfp-wrap {
position: fixed;
top: 0;
left: 0;
z-index: 9845;
width: 100%;
height: 100%;
outline: none !important;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.mfp-container {
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 8px;
width: 100%;
height: 100%;
text-align: center;
}
.mfp-container:before {
display: inline-block;
height: 100%;
content: '';
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
z-index: 1045;
display: inline-block;
margin: 0 auto;
vertical-align: middle;
text-align: center;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
position: absolute;
top: 50%;
right: 8px;
left: 8px;
z-index: 1044;
margin-top: -0.8em;
width: auto;
color: #cccccc;
text-align: center;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
z-index: 1046;
display: block;
overflow: visible;
padding: 0;
outline: none;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #282828;
font-weight: lighter;
cursor: pointer;
-webkit-appearance: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
button.mfp-close {
position: absolute;
top: -5px !important;
right: -5px !important;
margin: 0;
padding: 0;
width: 34px;
height: 34px;
background: #000;
color: #fff;
text-align: center;
text-decoration: none;
font-style: normal;
font-size: 26px;
line-height: 34px;
pointer-events: auto !important;
}
button.mfp-close:hover, button.mfp-close:focus {
background: #ff3174;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #fff;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
right: -6px;
padding-right: 6px;
width: 100%;
color: #fff;
text-align: right;
}
.mfp-counter {
position: absolute;
top: 0;
right: 10px;
display: block;
padding: 5px 12px;
background-color: rgba(28, 28, 28, .7);
color: #fff;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
top: 50%;
margin: 0;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
opacity: 1;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
position: absolute;
top: 0;
left: 0;
display: block;
margin-top: 38px;
margin-left: 38px;
width: 0;
height: 0;
border: medium inset transparent;
content: '';
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
top: 8px;
border-top-width: 13px;
border-bottom-width: 13px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 12px;
border-bottom-width: 12px;
opacity: 1;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 18px solid #fff;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 18px solid #fff;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
max-width: 900px;
width: 100%;
line-height: 0;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
overflow: hidden;
padding-top: 56.25%;
width: 100%;
height: 0;
}
.mfp-iframe-scaler iframe {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: #000;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-bg.mpf-effect {
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.mfp-bg.mfp-ready.mpf-effect {
opacity: .95;
}
.mfp-removing.mfp-bg.mfp-ready.mpf-effect {
opacity: 0;
}
.mpf-effect.mfp-ready .mfp-animation,
.mpf-effect.mfp-ready img.mfp-img {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mpf-effect .mfp-animation,
.mpf-effect img.mfp-img {
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
-webkit-transform: translate3d(0, -90px, 0);
-moz-transform: translate3d(0, -90px, 0);
-ms-transform: translate3d(0, -90px, 0);
-o-transform: translate3d(0, -90px, 0);
transform: translate3d(0, -90px, 0);
}
.mpf-effect.mfp-ready.mfp-removing .mfp-animation,
.mpf-effect.mfp-ready.mfp-removing img.mfp-img {
opacity: 0;
-webkit-transform: translate3d(0, -90px, 0);
-moz-transform: translate3d(0, -90px, 0);
-ms-transform: translate3d(0, -90px, 0);
-o-transform: translate3d(0, -90px, 0);
transform: translate3d(0, -90px, 0);
}
.mfp-container:hover {
cursor: url('../images/cursor-close.png'), default;
}
/* Main image in popup */
img.mfp-img {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 10px 0;
max-width: 100%;
width: auto;
height: auto;
line-height: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
position: absolute;
top: 40px;
right: 0;
bottom: 40px;
left: 0;
z-index: -1;
display: block;
width: auto;
height: auto;
content: '';
}
.mfp-figure small {
display: block;
color: #bdbdbd;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
position: absolute;
top: 100%;
left: 0;
margin-top: -36px;
width: 100%;
cursor: auto;
}
.mfp-title {
display: none;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
button.mfp-arrow.mfp-arrow-right:before {
display: block;
margin-top: 30px;
margin-left: 30px;
width: 28px;
height: 44px;
border: none;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: rgba(28, 28, 28, .3);
box-shadow: none;
color: #fff;
content: "\e606";
text-align: center;
letter-spacing: 0;
font-size: 18px;
font-family: 'simple-line-icons';
line-height: 44px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
button.mfp-arrow.mfp-arrow-left:before {
display: block;
margin-top: 30px;
margin-left: 30px;
width: 28px;
height: 44px;
border: none;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: rgba(28, 28, 28, .3);
box-shadow: none;
color: #fff;
content: "\e605";
text-align: center;
letter-spacing: 0;
font-size: 18px;
font-family: 'simple-line-icons';
line-height: 44px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
button.mfp-arrow:hover:before {
background-color: #ff4545;
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
left: 50%;
margin-top: 5px;
margin-left: -300px;
padding-bottom: 5px;
width: 600px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/* overlay at start */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.85;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
/* content at start */
.mfp-content {
-webkit-transform-origin: center;
transform-origin: center;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
}
/* Slick Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-right: auto;
margin-left: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
min-height: 1px;
height: 100%;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-dots {
position: absolute;
top: auto;
right: auto;
bottom: -20px;
left: 50%;
display: block;
line-height: 1;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.slick-dots li {
position: relative;
display: inline-block;
padding: 0 3px;
vertical-align: middle;
line-height: 10px;
opacity: .8;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.slick-dots li:before {
position: relative;
display: block;
width: 6px;
height: 6px;
background-color: rgba(0, 0, 0, .15);
content: '';
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.slick-dots li.slick-active:before {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.is-light-text .slick-dots li:before {
background-color: rgba(255, 255, 255, .15);
}
.is-light-text .slider-nav {
background-color: #111;
}
.slick-dots li:hover, .slick-dots li.slick-active {
opacity: 1;
}
.slick-dots li button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
opacity: 0;
cursor: pointer;
}
.slick-disabled {
opacity: .1;
pointer-events: none;
}
.slider-nav {
position: absolute;
top: 50%;
right: auto;
left: -16px;
z-index: 1;
margin-top: -35px;
width: 32px;
height: 70px;
background-color: #000;
box-shadow: none;
color: #fff;
text-align: center;
letter-spacing: 0;
font-size: 12px;
line-height: 70px;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.slider-nav:hover {
background-color: #ff3174;
color: #fff !important;
}
.slider-nav i {
color: inherit;
font-size: inherit;
line-height: inherit;
}
.slider-nav.next {
right: -16px;
left: auto;
}
.widget-fw-slider-2 .slider-nav.prev {
right: auto;
left: 10px;
}
.widget-fw-slider-2 .slider-nav.next {
right: 10px;
left: auto;
}
/*--------------------------------------------------------------
================================================================
3.0 - Header
================================================================
--------------------------------------------------------------*/
.header-wrap {
position: relative;
display: block;
}
.none-breadcrumb:not(.archive) .header-wrap {
border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.is-logo-image .logo-title {
display: none;
}
.banner-wrap {
position: relative;
display: block;
}
.banner-inner {
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
}
.logo-wrap img {
max-height: 90px;
width: auto;
}
.navbar-left {
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 0;
z-index: 10;
font-size: 14px;
}
.navbar-left > * {
display: block;
float: left;
margin-right: 10px;
}
.navbar-left > *:last-child {
margin-right: 0;
}
.navbar-left {
padding-right: 0;
padding-left: 20px;
}
.navbar-right {
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: auto;
z-index: 10;
}
.navbar-right {
padding-right: 20px;
padding-left: 0;
}
.navbar-right > * {
position: relative;
display: block;
float: left;
}
.navbar-wrap {
position: relative;
display: block;
background-color: #fff;
color: #111;
}
.navbar-wrap:before {
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
display: block;
border-bottom: 1px solid transparent;
content: '';
pointer-events: none;
}
.is-stick .navbar-wrap:before {
border-color: rgba(0, 0, 0, .05);
}
.navbar-wrap a:hover {
text-decoration: none;
}
.is-stick .navbar-wrap {
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.main-menu-wrap {
position: relative;
display: block;
max-width: 80%;
text-align: center;
line-height: 0;
}
.main-menu-wrap > * {
display: inline-block;
text-align: left;
}
.main-menu-wrap .data-error {
padding: 10px 0;
}
/* logo mobile */
.logo-mobile-wrap {
display: none;
}
.logo-mobile-wrap.is-logo-text .logo-text {
text-transform: uppercase;
letter-spacing: .2em !important;
font-weight: inherit;
font-size: 24px;
line-height: 48px;
}
/* social */
.navbar-social {
display: block;
white-space: nowrap;
}
.navbar-social a {
display: inline-block;
padding: 0 7px;
font-size: 14px;
line-height: 48px;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.navbar-social a:hover, .navbar-social a:focus {
color: #ff3174;
}
.navbar-social i {
line-height: inherit;
}
/* toggle */
.btn-toggle-wrap {
z-index: 99;
display: none;
float: left;
}
.btn-toggle {
position: relative;
display: block;
overflow: hidden;
width: 48px;
height: 48px;
cursor: pointer;
}
.btn-toggle .off-canvas-toggle {
position: absolute;
top: 50%;
left: 10px;
z-index: 20;
display: block;
margin-top: -14px;
width: 28px;
height: 28px;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.icon-toggle {
position: absolute;
top: 50%;
left: 0;
display: block;
margin-top: -1px;
width: 100%;
height: 1px;
background-color: #000;
font-size: 0;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.icon-toggle:before, .icon-toggle:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
content: '';
-webkit-transition: -webkit-transform 0.35s, background-color .3s ease-in-out;
transition: transform 0.35s, background-color .3s ease-in-out;
}
.icon-toggle:before {
-webkit-transform: translateY(-600%);
transform: translateY(-600%);
}
.icon-toggle:after {
-webkit-transform: translateY(600%);
transform: translateY(600%);
}
.mobile-js-menu .off-canvas-toggle .icon-toggle {
background-color: transparent;
}
.mobile-js-menu .off-canvas-toggle .icon-toggle:before {
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
.mobile-js-menu .off-canvas-toggle .icon-toggle:after {
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
.off-canvas-toggle:hover, .off-canvas-toggle:focus {
opacity: 1;
}
.navbar-subscribe {
display: block;
}
.navbar-subscribe a {
position: relative;
display: block;
overflow: hidden;
margin-top: 8px;
padding: 0 10px;
height: 32px;
border: 1px solid rgba(0, 0, 0, .05);
vertical-align: middle;
white-space: nowrap;
font-weight: inherit;
font-size: inherit;
line-height: 32px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.navbar-subscribe i {
display: inline-block;
margin-right: 5px;
vertical-align: top;
font-size: 18px;
line-height: 32px;
}
.navbar-subscribe a:hover,
.navbar-subscribe a:focus {
border-color: #ff3174;
background-color: #ff3174;
color: #fff;
}
/*navbar right */
.navbar-right .cart-icon,
.navbar-right .search-icon {
position: relative;
display: block;
padding: 0 15px;
max-height: 48px;
text-align: center;
line-height: 48px;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.navbar-right .cart-icon {
font-size: 19px;
}
.navbar-right .search-icon {
font-size: 22px;
}
.navbar-right .navbar-search {
position: relative;
margin-left: 15px;
}
.navbar-right .navbar-search:before {
position: absolute;
top: 12px;
right: auto;
bottom: 12px;
left: 0;
width: 1px;
border-left: 1px solid;
content: '';
opacity: .3;
}
.navbar-right > *:first-child:before {
display: none;
}
.navbar-search-outer {
position: absolute;
top: 100%;
right: 0;
z-index: 88;
display: block;
visibility: hidden;
min-width: 300px;
background-color: #fafafa;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
.navbar-search-outer.is-show {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.navbar-search-outer .search-form input[type="search"] {
padding-right: 64px;
border: none;
line-height: 44px;
}
.navbar-search-outer .search-form input[type="submit"] {
z-index: 9;
padding: 0;
width: 44px;
text-indent: -9999px;
font-size: 0;
line-height: 0;
}
.navbar-search-form {
position: relative;
display: block;
}
.navbar-search-form:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
z-index: 10;
width: 44px;
height: 100%;
color: #fff;
content: '\e090';
text-align: center;
font-size: 15px;
font-family: 'simple-line-icons';
line-height: 44px;
pointer-events: none;
}
/* navigation */
.main-menu-inner {
position: static;
display: inline-block;
margin: 0;
}
.main-menu-inner > li {
position: relative;
display: block;
float: left;
}
.main-menu-inner > li.is-cat-mega-menu {
position: static;
}
.main-menu-inner > li > a {
position: relative;
display: block;
padding: 0 20px;
height: 48px;
white-space: nowrap;
letter-spacing: 0;
font-weight: 500;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
line-height: 48px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.main-menu-inner > li > a:after {
position: absolute;
top: 50%;
right: 10px;
left: 10px;
height: 1px;
background-color: currentColor;
content: '';
opacity: 0;
-webkit-transition: transform .3s ease-in-out;
-moz-transition: transform .3s ease-in-out;
-ms-transition: transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center;
transform-origin: center;
}
.main-menu-inner > li > a:hover:after,
.main-menu-inner > li > a:focus:after,
.main-menu-inner > li.current_page_item > a:after {
opacity: .3;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.sub-menu:not(.mega-category-menu) a {
display: block;
padding: 10px 15px;
background-color: transparent;
white-space: nowrap;
line-height: 1;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.main-menu-inner .sub-menu > li.menu-item > a:hover,
.main-menu-inner .sub-menu > li.menu-item > a:focus {
background-color: #ff3174;
color: #fff;
}
.main-menu-inner .sub-menu {
position: absolute;
top: -99999px;
right: auto;
left: auto;
z-index: 99;
display: block;
visibility: hidden;
padding: 10px 0;
min-width: 180px;
background-color: #000;
color: #fff;
font-family: inherit;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
pointer-events: none;
}
.main-menu-inner .sub-menu.mega-menu-wrap {
right: 0;
left: 0;
overflow: hidden;
padding: 0;
}
.main-menu-inner > li:hover > .sub-menu {
top: 99%;
bottom: auto;
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.main-menu-inner .sub-menu.is-sub-default .sub-menu {
top: -10px;
left: 100%;
}
.sub-menu.is-sub-default > li {
position: relative;
}
.main-menu-inner .sub-menu.is-sub-default li:hover > ul.sub-sub-menu {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.is-logo-text .logo-title {
margin: 0;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .15em;
font-weight: inherit;
font-size: 60px;
font-family: inherit;
line-height: 1;
}
.is-logo-text a {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.is-logo-text a:hover {
text-decoration: none;
opacity: .7;
}
.site-description {
display: block;
margin-top: 10px;
letter-spacing: 1px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
line-height: 1.5;
}
.navbar-wrap .is-sub-default {
font-weight: 400;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
}
.mega-category-menu-inner {
position: relative;
display: block;
}
.mega-category-menu .post-wrap {
margin-bottom: 0;
}
.mega-category-menu .pagination-nextprev a {
background-color: rgba(255, 255, 255, .1);
}
.mega-category-menu .pagination-nextprev {
overflow: hidden;
margin-top: 30px;
padding-top: 0;
}
.mega-category-menu .pagination-nextprev a:hover,
.mega-category-menu .pagination-nextprev a:focus {
background-color: #ff3174;
}
.mega-category-menu-inner .fw-mega-menu {
padding: 20px 20px 30px 20px;
width: 100%;
}
.menu-item-has-children .mega-category-menu.sub-menu .fw-mega-menu {
display: block;
float: right;
min-height: 280px;
width: 81.9999%;
}
.main-menu-inner .mega-menu-wrap .sub-menu.is-sub-default {
position: relative;
top: auto;
bottom: auto;
visibility: visible;
overflow: hidden;
min-width: 0;
-webkit-box-shadow: none;
box-shadow: none;
opacity: 1;
pointer-events: auto;
}
.main-menu-inner .mega-category-menu .sub-menu.is-sub-default {
display: block;
float: left;
overflow: hidden;
margin-bottom: -600px;
padding-top: 15px;
padding-bottom: 600px;
padding-left: 10px;
width: 18%;
background-color: rgba(255, 255, 255, .02);
}
/* off canvas section */
.off-canvas-wrap {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 9801;
visibility: hidden;
overflow-x: hidden;
overflow-y: auto;
width: 320px;
background-color: #000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}
.off-canvas-wrap.light-style {
background-color: rgba(0, 0, 0, .015);
}
.off-canvas-inner {
position: relative;
display: block;
padding: 60px 20px 60px 20px;
min-height: 100%;
}
.off-canvas-wrap.is-dark-text {
background-color: #fff;
}
.admin-bar .off-canvas-wrap {
top: 34px;
}
.mobile-js-menu .off-canvas-wrap {
visibility: visible;
-webkit-transition: -webkit-transform .5s;
transition: transform .5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.site-mask {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
display: block;
visibility: hidden;
width: 100%;
height: 100%;
background: transparent;
-webkit-transition: background .5s linear, visibility .5s linear;
-moz-transition: background .5s linear, visibility .5s linear;
transition: background .5s linear, visibility .5s linear;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.mobile-js-menu .site-mask {
visibility: visible;
background: rgba(255, 255, 255, 0.9);
}
.mobile-js-menu .site-mask:hover {
cursor: url('../images/cursor-close.png'), default;
}
.off-canvas-wrap::-webkit-scrollbar {
width: 6px;
background: #eee;
}
.off-canvas-wrap::-webkit-scrollbar-corner {
display: block;
border-radius: 4px;
background-color: #111;
}
.off-canvas-wrap::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #282828;
}
#off-canvas-close-btn {
position: absolute;
top: 0;
right: 0;
z-index: 100;
display: block;
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 0.15);
color: #fff;
text-align: center;
line-height: 40px;
opacity: .5;
}
.off-canvas-wrap.light-style #off-canvas-close-btn {
background-color: rgba(0, 0, 0, .05);
}
.off-canvas-wrap.is-dark-text #off-canvas-close-btn {
color: #111;
}
#off-canvas-close-btn:hover, #off-canvas-close-btn:focus {
opacity: 1;
}
.btn-close {
position: relative;
display: block;
width: 100%;
height: 100%;
opacity: .7;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.btn-close:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
margin-top: -1px;
margin-left: -10px;
width: 20px;
height: 1px;
background-color: #fff;
content: '';
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.btn-close:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
margin-top: -1px;
margin-left: -10px;
width: 20px;
height: 1px;
background-color: #fff;
content: '';
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.off-canvas-wrap.light-style .btn-close:before,
.off-canvas-wrap.light-style .btn-close:after {
background-color: #000;
}
.btn-close:hover {
opacity: 1;
}
.off-canvas-social {
position: absolute;
top: auto;
right: 0;
bottom: 20px;
left: 0;
display: block;
text-align: center;
}
.off-canvas-social a {
display: inline-block;
padding: 0 10px;
line-height: 30px;
opacity: .5;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.off-canvas-social a:hover {
opacity: 1;
}
.off-canvas-menu-inner {
position: relative;
display: block;
}
.off-canvas-menu-inner li {
position: relative;
}
.off-canvas-menu-inner > li {
display: block;
clear: both;
border-top: 2px solid rgba(255, 255, 255, .12);
}
.off-canvas-menu-inner > li:first-child {
border-top: none
}
.off-canvas-menu-inner .sub-menu {
display: none;
padding-bottom: 20px;
padding-left: 20px;
}
.off-canvas-wrap .show-sub-menu > .sub-menu {
display: block;
}
.off-canvas-menu-inner > li > a {
display: inline-block;
height: 42px;
white-space: nowrap;
font-weight: 500;
font-size: 15px;
line-height: 42px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.off-canvas-menu-inner li a {
padding-right: 0 !important;
padding-left: 0 !important;
}
.off-canvas-menu-inner .explain-menu {
position: absolute;
top: 0;
right: 0;
z-index: 999;
display: block;
width: 42px;
height: 42px;
text-align: center;
opacity: .7;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.off-canvas-menu-inner .explain-menu:hover {
opacity: 1;
}
.off-canvas-menu-inner .sub-menu a {
padding-top: 0;
padding-bottom: 0;
line-height: 32px;
}
.off-canvas-menu-inner .sub-menu .explain-menu {
height: 32px;
}
.off-canvas-wrap .widget-section-wrap {
display: block;
margin-top: 50px;
}
.off-canvas-subscribe {
display: block;
margin-bottom: 30px;
}
.off-canvas-subscribe a {
display: block;
background-color: rgba(255, 255, 255, .1);
text-align: center;
font-size: 13px;
line-height: 44px;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.off-canvas-subscribe a:hover,
.off-canvas-subscribe a:focus {
background-color: #ff3174;
}
.off-canvas-subscribe a * {
display: inline-block;
vertical-align: middle;
line-height: 40px;
}
.off-canvas-subscribe a i {
margin-right: 7px;
font-size: 18px;
}
/* header style 2 */
.header-style-2 .logo-wrap {
display: block;
float: left;
margin-right: 20px;
}
.header-style-2 .logo-wrap img {
margin-top: 5px;
max-height: 50px;
width: auto;
}
.header-style-2 .nav-section {
display: block;
}
.header-style-2 .main-menu-wrap {
position: static;
float: left;
max-width: 100%;
}
.header-style-2 .navbar-style-2 {
position: relative;
min-height: 60px;
}
.header-style-2 .main-menu-inner > li > a {
padding-right: 15px;
padding-left: 15px;
height: 60px;
color: #fff;
line-height: 60px;
}
.header-style-2 .navbar-right {
padding-right: 0;
}
.header-style-2 .navbar-right .cart-icon,
.header-style-2 .navbar-right .search-icon,
.header-style-2 .navbar-social a {
max-height: 60px;
line-height: 60px;
}
.header-style-2 .navbar-social a {
font-size: 16px;
}
.header-style-2 .navbar-subscribe a {
margin-top: 14px;
}
.header-style-2 .cart-counter {
top: 14px;
}
.header-style-2 .btn-toggle {
width: 60px;
height: 60px;
}
.header-style-2 .navbar-right .navbar-search:before {
top: 20px;
bottom: 20px;
}
.header-style-2 .navbar-wrap {
background-color: #000;
}
.header-style-2 .navbar-right {
color: #fff;
}
.header-style-2 .navbar-subscribe a {
border-color: rgba(255, 255, 255, .05);
}
.header-style-2 .cart-counter {
background-color: #ff3174;
}
.header-style-2 .icon-toggle:before,
.header-style-2 .icon-toggle:after,
.header-style-2 .icon-toggle {
background-color: #fff;
}
.header-style-2 .btn-toggle .off-canvas-toggle {
left: 16px;
}
.main-menu-inner > li > a:hover,
.main-menu-inner > li > a:focus,
.main-menu-inner > li.current_page_item > a,
.header-style-2 .main-menu-inner > li > a:hover,
.header-style-2 .main-menu-inner > li > a:focus,
.header-style-2 .main-menu-inner > li.current_page_item > a {
color: #ff3174;
}
.header-style-2 .site-description {
display: none;
}
.header-style-2 .is-logo-text a {
margin-top: 5px;
line-height: 50px;
}
.header-style-2 .is-logo-text {
color: #fff;
}
/*--------------------------------------------------------------
================================================================
4.0 - Widgets
================================================================
-------------------------------------------------------------*/
.block-wrap {
position: relative;
display: block;
}
.banner-outer {
position: relative;
}
.banner-text-holder {
position: relative;
display: block;
overflow: hidden;
pointer-events: none;
}
.banner-text-inner {
position: relative;
z-index: 10;
pointer-events: auto;
}
.bg-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
opacity: 0;
}
.banner-text-content {
position: relative;
display: block;
}
.banner-text-wrap {
position: absolute;
top: 20px;
right: auto;
bottom: auto;
left: 20px;
display: block;
max-width: 80%;
}
.banner-link-wrap {
position: relative;
display: block;
margin-top: 15px;
}
.banner-link {
display: inline-block;
padding: 0 20px;
background-color: #000;
color: #fff;
white-space: nowrap;
line-height: 44px;
-webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
transition: background-color .3s ease-in-out, color .3s ease-in-out;
}
.banner-link:hover, .banner-inner:focus {
background-color: #ff3174;
color: #fff;
}
.banner-text-wrap.is-centered {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-text-wrap.is-bottom {
top: auto;
right: 20px;
bottom: 20px;
left: auto;
text-align: right;
}
/* instagram widget */
.instagram-grid-inner {
position: relative;
display: block;
clear: both;
overflow: hidden;
}
.grid-el {
position: relative;
display: block;
overflow: hidden;
}
.grid-el a {
position: static;
display: block;
overflow: hidden;
padding-bottom: 100%;
}
.grid-el img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webit-object-fit: cover;
object-fit: cover;
}
.grid-el a:hover img,
.grid-el a:focus img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.instagram-grid-inner i {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
visibility: hidden;
margin-top: -10px;
margin-left: -10px;
width: 20px;
height: 20px;
background: none;
color: #fff;
text-align: center;
font-size: 20px;
line-height: 20px;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
pointer-events: none;
}
.instagram-grid-inner .grid-el:hover i {
visibility: visible;
opacity: 1;
}
.fw-widget-section .widget,
.single-widget-section .widget {
display: none;
}
.fw-widget-section .widget.widget-fw-instagram,
.fw-widget-section .widget.widget-ad,
.single-widget-section .widget.widget-ad,
.single-widget-section .widget.widget_mc4wp_form_widget {
display: block;
}
.widget_text {
word-wrap: break-word;
}
.topsite-wrap .widget.widget-ad {
padding-top: 15px;
padding-bottom: 15px;
background-color: rgba(0, 0, 0, .015);
}
.topsite-wrap .grid-holder {
border-bottom: 3px solid #000;
}
.fw-slider-1 {
padding-bottom: 30px;
}
.fw-slider-2 {
padding-bottom: 20px;
}
.fw-classic .block-inner.container {
max-width: 760px;
}
.widget_recent_comments .recentcomments,
.widget_recent_entries li, .widget_rss li {
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.widget_pages .page_item, .widget_meta li,
.widget_categories .cat-item, .widget_archive li, .widget.widget_nav_menu .menu-item {
position: relative;
display: block;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
font-size: 11px;
font-family: 'Montserrat', sans-serif;
}
.widget.widget_nav_menu .menu-item a {
padding: 0;
}
.widget_categories .children, .widget_pages .children {
margin-top: 15px;
margin-left: 15px;
}
.widget_pages ul.children ul.children ul.children {
margin-left: 0;
}
.widget_pages .page_item a, .widget_meta li a,
.widget_categories .cat-item a, .widget_archive li a, .widget.widget_nav_menu .menu-item a {
font-size: 1.1em;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.cat-item a:hover, .widget_archive a:hover, .widget_pages .page_item a:hover,
.sidebar-wrap .widget_nav_menu .menu-item a:hover, .widget_meta a:hover {
color: #ff3174;
}
.cat-item a:hover .count, .widget_archive a:hover .count {
background-color: #ff3174;
}
.widget_categories .cat-item a:before, .widget_archive a:before,
.widget_pages .page_item a:before, .widget_meta a:before, .widget.widget_nav_menu a:before {
display: inline-block;
margin-right: 10px;
width: 6px;
height: 6px;
border: 1px solid;
border-radius: 50%;
color: currentColor;
content: '';
vertical-align: middle;
line-height: 1;
opacity: .3;
}
.widget_nav_menu .menu > li > a {
text-transform: uppercase;
}
.widget.widget_nav_menu .sub-menu {
margin-top: 15px;
margin-left: 15px;
text-transform: none;
}
.widget.widget_nav_menu .sub-menu .sub-menu .sub-menu {
margin-left: 0;
}
.widget_archive > ul > li:last-child, .widget_categories > ul > li:last-child,
.widget_pages > ul > li:last-child, .widget_meta > ul > li:last-child, .widget.widget_nav_menu > ul > li:last-child {
margin-bottom: 0;
}
.widget_recent_comments > ul > .recentcomments:last-child,
.widget_recent_entries > ul > li:last-child,
.widget_rss > ul > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none !important;
}
h3.widget-title {
margin-bottom: 25px;
}
.widget_categories label,
.widget_archive label,
.widget_mc4wp_form_widget .mc4wp-form label,
.widget_text .mc4wp-form label {
display: none;
}
.widget_rss li {
margin-bottom: 20px;
padding-bottom: 20px;
}
a.rsswidget, .widget_recent_comments .recentcomments a, .widget_recent_entries a {
background-image: linear-gradient(0, transparent 0%, rgba(0, 0, 0, .05) 0);
background-image: -webkit-linear-gradient(0, transparent 0%, rgba(0, 0, 0, .05) 0);
background-image: -moz-linear-gradient(0, transparent 0%, rgba(0, 0, 0, .05) 0);
background-position: bottom left;
background-size: 100% 0;
background-repeat: no-repeat;
font-weight: 600;
font-size: 18px;
font-family: 'Cormorant', serif;
line-height: 1.5;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-ms-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
-webkit-background-size: 100% 0;
}
a.rsswidget:hover, .a.rsswidget:focus,
.widget_recent_comments .recentcomments a:hover,
.widget_recent_comments .recentcomments a:focus,
.widget_recent_entries a:hover,
.widget_recent_entries a:focus {
background-size: 100% 30%;
-webkit-background-size: 100% 30%;
}
.widget_rss li:last-child {
margin-bottom: 0;
}
.rss-date {
display: block;
margin-top: 10px;
margin-bottom: 15px;
letter-spacing: 1px;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
}
.rssSummary {
margin-top: 15px;
margin-bottom: 15px;
color: #555;
font-weight: 400;
font-style: normal;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
line-height: 1.7;
}
.widget_rss cite {
margin-top: 5px;
font-size: 13px;
}
.widget:not(.woocommerce) .count {
float: right;
padding: 0 4px;
min-width: 20px;
background-color: #000;
color: #fff;
text-align: center;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.widget_archive select,
.widget_categories select {
display: block;
padding: 10px;
width: 100%;
border: 1px solid rgba(0, 0, 0, .05);
background-color: transparent;
}
#wp-calendar {
width: 100%;
}
#wp-calendar th, #wp-calendar td {
text-align: center;
line-height: 40px;
}
#wp-calendar tbody a {
display: block;
background-color: rgba(0, 0, 0, .05);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#wp-calendar tbody td {
font-size: .9em;
}
#wp-calendar tbody a:hover {
background-color: #ff3174;
color: #fff;
}
#wp-calendar thead {
background-color: #000;
color: #fff;
font-weight: 700;
}
#wp-calendar caption {
margin-bottom: 10px;
text-align: left;
text-transform: uppercase;
font-size: 1.2em;
}
#wp-calendar td#today {
background-color: #000;
color: #fff;
}
#wp-calendar #prev a, #wp-calendar #next a {
display: block;
border: 1px solid rgba(0, 0, 0, .05);
text-decoration: none !important;
letter-spacing: 1px;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#wp-calendar #prev a:hover, #wp-calendar #next a:hover {
border-color: #ff3174;
background-color: #ff3174;
color: #fff;
}
#wp-calendar tfoot a:hover {
text-decoration: underline;
}
.widget_tag_cloud .tagcloud {
display: block;
overflow: hidden;
}
.tagcloud a {
display: block;
float: left;
margin: 2px;
padding: 0 10px;
border: none;
background-color: #000;
color: #fff;
text-decoration: none !important;
letter-spacing: 1px;
font-size: .8rem !important;
font-family: 'Montserrat', sans-serif;
line-height: 26px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.tagcloud a:hover, .tagcloud a:focus,
.is-light-text .tagcloud a:hover,
.is-light-text .tagcloud a:focus {
background-color: #ff3174;
color: #fff;
}
.widget_search {
display: block;
overflow: hidden;
}
.widget_search input.search-field,
.widget_product_search input[type="search"] {
display: block;
margin: 0;
padding: 0 120px 0 20px;
width: 100%;
border: 1px solid rgba(0, 0, 0, .05);
line-height: 42px;
}
.widget_search .search-submit,
.widget_search input[type=submit],
.widget_product_search button {
position: absolute;
top: 0;
right: 0;
display: block;
padding-right: 0;
padding-left: 0;
width: 100px;
text-align: center;
}
.subscribe-youtube-wrap {
display: block;
overflow: hidden;
max-height: 80px;
}
.twitter-content {
margin-top: 0;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed rgba(0, 0, 0, .05);
}
.twitter-content:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.twitter-content.post-excerpt a {
color: #ff3174;
font-style: italic;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.twitter-content.post-excerpt * {
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.twitter-content.post-excerpt a:hover {
text-decoration: underline;
opacity: 1;
}
.twitter-timestamp {
display: block;
margin-top: 7px;
color: #555;
font-size: 11px;
}
.widget_mc4wp_form_widget.widget-sidebar .mc4wp-form-fields {
display: block;
overflow: hidden;
padding: 40px 20px;
background-color: rgba(0, 0, 0, .015);
}
.widget_mc4wp_form_widget p {
color: #555;
}
.widget_mc4wp_form_widget .is-light-text p {
color: #eee;
}
.mc4wp-form-fields h2,
.mc4wp-form-fields h3,
.mc4wp-form-fields h4 {
display: block;
margin-bottom: 25px;
text-align: center;
}
.widget_mc4wp_form_widget input:not([type="submit"]),
.widget_text .mc4wp-form input:not([type="submit"]) {
display: block;
margin-bottom: 20px;
padding: 12px 10px;
width: 100%;
border: none;
font-size: 12px;
}
.sidebar-widget.widget_mc4wp_form_widget input:not([type="submit"]),
.sidebar-widget.widget_text .mc4wp-form input:not([type="submit"]) {
background-color: #fff !important;
}
.widget_mc4wp_form_widget .mc4wp-form input[type="submit"],
.widget_mc4wp_form_widget .mc4wp-form button,
.widget_text .mc4wp-form input[type="submit"],
.widget_text .mc4wp-form button {
display: block;
margin: auto;
margin-top: 25px;
padding: 10px 30px;
width: auto;
}
.so-panel.widget_mc4wp_form_widget p {
margin-bottom: 25px;
text-align: center;
font-size: 16px;
}
.so-panel.widget_mc4wp_form_widget .widget-title {
display: none;
}
.so-panel.widget_mc4wp_form_widget input:not([type="submit"]),
.so-panel.widget_mc4wp_form_widget .mc4wp-form input:not([type="submit"]) {
margin-right: auto;
margin-left: auto;
padding-right: 0;
padding-left: 0;
max-width: 460px;
border: none;
border-bottom: 2px solid;
}
.so-panel.widget_mc4wp_form_widget .mc4wp-form {
padding: 30px 10px;
}
.so-panel.widget_mc4wp_form_widget .is-light-text input:not([type="submit"]),
.so-panel.widget_mc4wp_form_widget .is-light-text .mc4wp-form input:not([type="submit"]) {
border-color: #fff;
}
.widget_mc4wp_form_widget .is-light-text .mc4wp-form input[type="submit"] {
border: none;
background-color: #ff3174;
color: #fff;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.widget_mc4wp_form_widget .is-light-text .mc4wp-form input[type="submit"]:hover,
.widget_mc4wp_form_widget .is-light-text .mc4wp-form input[type="submit"]:focus {
background-color: #fff;
color: #111;
}
/* social icon */
.about-short-content {
display: block;
clear: both;
}
.social-icon-wrap {
position: relative;
display: block;
overflow: hidden;
margin: -2px;
font-size: 18px;
}
.social-icon-wrap a {
display: block;
float: left;
margin: 2px;
width: 50px;
height: 50px;
-webkit-border-radius: 0;
border-radius: 0;
background-color: #000;
color: #fff;
text-align: center;
letter-spacing: 0;
line-height: 50px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.social-icon-wrap a:hover,
.social-icon-wrap a:focus {
background-color: #ff3174;
}
.social-icon-wrap i {
line-height: inherit;
}
.flickr-content-wrap, .instagram-content-wrap {
position: relative;
display: block;
margin: -3px;
}
.flickr-content-wrap .flickr-el, .instagram-content-wrap .instagram-el {
padding: 2px;
}
.flickr-content-wrap .flickr-el img,
.instagram-content-wrap .instagram-el img {
display: block;
width: 100%;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.flickr-content-wrap .flickr-el img:hover,
.instagram-content-wrap .instagram-el img:hover {
opacity: 0.5;
}
.widget-sb-post .post-style-2 {
display: block;
overflow: hidden;
margin-right: -10px;
margin-bottom: -30px;
margin-left: -10px;
}
.widget-sb-post .post-style-2 .post-wrap {
display: block;
float: left;
padding-right: 10px;
padding-left: 10px;
width: 50%;
}
.widget-sb-post .post-style-2 .post-wrap:nth-child(2n+1) {
clear: both;
}
.ad-description {
display: block;
margin-bottom: 5px;
text-align: center;
letter-spacing: 1px;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
line-height: 20px;
}
.ad-wrap, .ad-wrap iframe {
position: relative;
display: block;
margin-right: auto;
margin-left: auto;
max-width: 100%;
text-align: center;
}
.ad-wrap .ad-image {
position: relative;
display: block;
}
.ad-wrap .ad-image img {
margin-right: auto;
margin-left: auto;
max-width: 100%;
width: auto;
height: auto;
}
.widget_post_views_counter_list_widget {
position: relative;
display: block;
margin-bottom: 20px;
}
.widget_post_views_counter_list_widget ul {
position: relative;
display: block;
overflow: hidden;
margin-right: -10px;
margin-left: -10px;
}
.widget_post_views_counter_list_widget li {
position: relative;
display: block;
float: left;
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
width: 50%;
}
.widget_post_views_counter_list_widget li:nth-child(2n+1) {
clear: both;
}
.widget_post_views_counter_list_widget .post-thumbnail {
display: block;
margin-bottom: 10px;
width: 100%;
}
.widget_post_views_counter_list_widget .post-thumbnail img {
width: 100%;
}
.widget_post_views_counter_list_widget .count {
position: absolute;
top: 0;
right: 10px;
}
.social-follower {
position: relative;
display: block;
padding: 30px 20px;
border: 2px solid #111;
}
.follower-el {
display: block;
clear: both;
margin-bottom: 20px;
}
.follower-el:last-child {
margin-bottom: 0;
}
.follower-el > a {
display: block;
clear: both;
}
.follower-el * {
vertical-align: top;
line-height: 30px;
}
.follower-el i {
min-width: 30px;
font-size: 30px;
}
.follower-el .num-count {
display: inline;
margin-left: 5px;
}
.follower-el .num-count,
.follower-el .text-count {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
}
.follower-el .right-el {
float: right;
text-transform: uppercase;
font-size: 15px;
}
.follower-el i {
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.follower-el a:hover i,
.follower-el a:focus i {
color: #ff3174;
}
/*--------------------------------------------------------------
================================================================
5.0 - Posts
================================================================
--------------------------------------------------------------*/
.post-wrap {
position: relative;
display: block;
margin-bottom: 40px;
}
.post-wrap .shopthepost {
margin-top: 30px;
}
.post-classic {
margin-bottom: 50px;
}
.post-classic:last-child {
margin-bottom: 0 !important;
}
.has-sidebar .post-classic .post-thumb-outer {
text-align: center;
}
.has-sidebar .post-classic .post-thumb.is-image {
display: inline-block;
overflow: hidden;
width: auto;
}
.single-1 .single-post-thumb-outer img {
width: auto;
}
.post-wrap.post-slider {
margin-bottom: 0;
outline: none !important;
}
.post-thumb-outer {
position: relative;
display: block;
overflow: hidden;
margin-bottom: 20px;
}
.post-thumb-outer.is-thumb-slider {
overflow: hidden;
margin-bottom: 0;
}
.no-thumb-holder {
position: relative;
display: block;
padding-bottom: 120%;
background-color: rgba(0, 0, 0, .05);
}
.fw-grid-2 .columns-2 .no-thumb-holder {
padding-bottom: 100%;
}
.post-grid-2:first-child .post-header-overlay,
.post-grid-2:first-child .post-extra-info {
visibility: visible;
opacity: 1;
}
.is-thumb-slider .post-thumb {
position: static;
display: block;
padding-bottom: 46%;
}
.is-thumb-slider .post-thumb img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
-o-object-fit: cover;
}
.post-thumb {
display: block;
background-color: #fff;
}
.post-thumb img {
margin: 0;
width: 100%;
height: auto;
-webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition: -moz-transform .6s ease-in-out;
-ms-transition: -moz-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.post-hover .post-thumb img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.post-header {
display: block;
}
.post-header-overlay {
position: absolute;
bottom: 8%;
left: 4%;
display: block;
padding: 40px 30px;
max-width: 600px;
background-color: #000;
}
.post-header > *:last-child,
.post-header-overlay > *:last-child {
margin-bottom: 0;
}
.post-meta-info {
display: block;
margin-bottom: 10px;
color: #555;
letter-spacing: 1px;
font-weight: 500;
font-size: 11px;
font-family: 'Montserrat', sans-serif;
line-height: 1.3;
}
.meta-info-el > * {
margin-bottom: 1px;
}
.meta-info-category a {
position: relative;
display: inline-block;
margin-left: 1px;
padding-right: 5px;
padding-left: 5px;
background-color: #000;
color: #fff;
}
.meta-info-category a:before {
position: absolute;
top: 50%;
right: 0;
left: 0;
height: 1px;
background-color: currentColor;
content: '';
opacity: 0;
-webkit-transition: transform .3s ease-in-out;
-moz-transition: transform .3s ease-in-out;
-ms-transition: transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center;
transform-origin: center;
}
.meta-info-category a:hover:before {
opacity: 1;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.is-light-text .meta-info-category a {
background-color: #fff;
color: #111;
}
.meta-info-category em {
font-size: .9em;
}
.post-meta-info > *:before {
display: inline-block;
margin-right: 3px;
margin-left: 3px;
color: rgba(0, 0, 0, 0.25);
content: '|';
}
.is-light-text .post-meta-info > *:before {
color: rgba(255, 255, 255, .25);
}
.post-meta-info > *:first-child:before {
display: none;
}
.post-meta-info a {
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.updated:not(.published) {
display: none;
}
.post-format {
position: absolute;
top: 0;
right: 0;
display: block;
width: 48px;
height: 48px;
background-color: #fff;
color: #111;
text-align: center;
font-size: 24px;
pointer-events: none;
}
.is-light-text .post-format {
background-color: #000;
}
.post-format i {
line-height: 48px;
}
.post-format.video i {
padding-left: 3px;
}
.post-title {
position: relative;
display: block;
margin-bottom: 12px;
color: #111;
font-weight: 600;
font-family: 'Cormorant', serif;
line-height: 1.5;
}
.post-title a {
font-size: inherit;
line-height: inherit;
}
.post-title a {
background-image: linear-gradient(0, transparent 0%, rgba(0, 0, 0, .05) 0);
background-image: -webkit-linear-gradient(0, transparent 0%, rgba(0, 0, 0, .05) 0);
background-image: -moz-linear-gradient(0, transparent 0%, rgba(0, 0, 0, .05) 0);
background-position: bottom left;
background-size: 100% 0;
background-repeat: no-repeat;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-ms-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
-webkit-background-size: 100% 0;
}
.is-light-text .post-title a {
background-image: linear-gradient(0, transparent 0%, rgba(255, 255, 255, .25) 0);
background-image: -webkit-linear-gradient(0, transparent 0%, rgba(255, 255, 255, .25) 0);
background-image: -moz-linear-gradient(0, transparent 0%, rgba(255, 255, 255, .25) 0);
}
.post-title a:hover,
.post-title a:focus {
background-size: 100% 30%;
-webkit-background-size: 100% 30%;
}
.post-title.size-1 {
font-size: 40px;
line-height: 1.15;
}
.post-title.size-2 {
font-size: 30px;
line-height: 1.25;
}
.post-title.size-3 {
font-size: 24px;
line-height: 1.4;
}
.post-title.size-4 {
font-size: 17px;
line-height: 1.45;
}
.post-excerpt {
display: block;
margin-bottom: 20px;
color: #555;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
line-height: 1.7;
}
.excerpt-dot {
display: inline;
}
.post-btn, .btn-wrap {
font-weight: 500;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
}
.post-btn {
position: relative;
display: block;
margin-top: 20px;
}
.btn {
display: inline-block;
padding: 7px 20px;
border: 2px solid rgba(0, 0, 0, .05);
white-space: nowrap;
letter-spacing: inherit;
font-size: inherit;
line-height: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn:hover, .btn:focus,
.is-light-text .btn:hover,
.is-light-text .btn:focus {
border-color: #ff3174;
background-color: #ff3174;
color: #fff;
}
.post-edit-link {
position: absolute;
right: 0;
bottom: 0;
z-index: 10;
display: none;
padding: 5px;
background-color: #000;
color: #fff;
font-size: 12px;
line-height: 1;
}
.post-edit-link:hover {
text-decoration: underline;
}
.post-thumb-outer:hover .post-edit-link {
display: block;
}
/* post extra info */
.post-extra-info {
position: absolute;
top: 3%;
left: 3%;
z-index: 10;
display: block;
font-size: 14px;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.post-share {
position: relative;
z-index: 1;
display: block;
clear: both;
}
.share-toggle, .extra-comment-info, .extra-shop-info {
display: block;
width: 40px;
height: 40px;
background-color: #000;
color: #fff;
text-align: center;
line-height: 40px;
cursor: pointer;
}
.extra-shop-info a {
display: block;
width: 100%;
height: 100%;
line-height: inherit;
}
.share-toggle {
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.post-extra-el {
position: relative;
display: block;
margin-top: 1px;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.post-extra-el:hover, .post-share:hover .share-toggle {
background-color: #ff3174;
}
.post-extra-el:before {
position: absolute;
top: -1px;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000 !important;
content: '';
opacity: .8;
}
.post-extra-el:first-child {
margin-top: 0;
}
.post-extra-el:first-child:before {
display: none;
}
.extra-comment-info {
position: relative;
display: block;
}
.extra-comment-info i {
position: relative;
z-index: 2;
}
.extra-comment-info span {
position: absolute;
top: 5px;
right: 5px;
padding: 0 3px;
border-radius: 3px;
font-size: 10px;
line-height: 1;
}
.post-extra-info .share-bar {
position: absolute;
top: 0;
left: 100%;
visibility: hidden;
max-width: 40px;
background-color: #fff;
color: #000;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
.post-extra-info .share-bar * {
color: inherit;
}
.post-extra-info .post-share:hover .share-bar {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.post-extra-info .share-icon {
display: block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-ms-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
.post-extra-info .share-icon:hover,
.post-extra-info .share-icon:focus {
background-color: #f2f2f2;
}
/* shop post */
.shopthepost {
position: relative;
display: block;
}
.shopthepost-popup {
position: absolute;
top: -3px;
right: -3px;
bottom: auto;
left: auto;
}
.shop-post-holder .pre-load {
min-height: 200px;
}
.shop-post-popup {
position: relative;
display: inline-block;
}
.shopthepost-popup .shop-content-popup {
display: none;
}
.shop-content-popup .product {
padding-right: 10px;
padding-left: 10px;
}
.shopthepost-popup .shop-post-toggle {
display: block;
width: 42px;
height: 42px;
text-align: center;
font-size: 20px;
line-height: 42px;
}
.shop-post-toggle {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.shop-post-toggle:hover,
.is-light-text .shop-post-toggle:hover,
.post-wrap .shop-post-toggle:hover {
background-color: #ff3174;
color: #fff;
}
.shop-post-toggle > i {
display: inline-block;
color: inherit;
letter-spacing: 0;
}
.shop-post-holder {
position: relative;
display: block;
padding: 40px 10px;
border-top: 5px solid #000;
background-color: #fff;
}
.shop-post-content li {
display: block;
padding: 0 20px;
}
.shopthepostwoocommerce .layout-default {
position: relative;
display: block;
margin-top: 30px;
margin-bottom: -20px;
}
.shopthepost .products {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: center;
-webkit-justify-content: center;
}
.post-classic .entry {
display: block;
clear: both;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}
.post-wrap.post-classic.sticky .post-title a:before {
margin-right: 7px;
content: "\e031";
text-transform: none;
font-weight: 400;
font-style: normal;
font-variant: normal;
font-size: .6em;
font-family: 'simple-line-icons';
}
.ajax-quick-filter {
position: relative;
display: block;
margin-top: 20px;
line-height: 0;
}
.filter-link {
position: relative;
display: inline-block;
padding: 5px 10px;
white-space: nowrap;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
line-height: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.filter-link:after {
position: absolute;
top: 50%;
right: 5px;
left: 5px;
height: 1px;
background-color: currentColor;
content: '';
opacity: 0;
-webkit-transition: transform .3s ease-in-out;
-moz-transition: transform .3s ease-in-out;
-ms-transition: transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center;
transform-origin: center;
}
.filter-link.is-active, .filter-link:not(.is-active):hover {
color: #ff3174;
}
.filter-link.is-active:after, .filter-link:not(.is-active):hover:after {
opacity: .3;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.filter-link.is-disable {
opacity: .2;
pointer-events: none;
}
.post-wrap.post-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}
.post-list .post-thumb-outer {
margin-bottom: 0;
}
.col-list {
float: left;
}
.post-list {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.post-list.is-dark-style {
position: relative;
margin-bottom: 80px;
padding-bottom: 0;
border-bottom: none;
background-color: #000;
}
.post-list.is-dark-style:after {
position: absolute;
top: auto;
right: 0;
bottom: -40px;
left: 0;
display: block;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
content: '';
pointer-events: none;
}
.post-list:last-child {
padding-bottom: 0;
border-bottom: none;
}
.post-list:last-child:after {
display: none;
}
.post-list .col-right {
padding-left: 40px;
}
.post-list.is-dark-style .col-right {
padding-top: 30px;
padding-right: 40px;
padding-bottom: 30px;
}
.post-list-2 .col-right {
padding-left: 30px;
}
.post-list-2.is-dark-style {
margin-bottom: 60px;
}
.post-list-2.is-dark-style:after {
bottom: -30px;
}
.post-list-2.is-dark-style .col-right {
padding-right: 30px;
}
.post-list-1 .col-left {
width: 35%;
}
.post-list-1 .col-right {
width: 65%;
}
.post-list-1 .post-thumb-outer {
margin-bottom: 0;
}
.post-list-1 .post-header {
position: relative;
max-width: 100%;
width: 100%;
}
.post-list-1 .product-content .woocommerce-loop-product__title {
display: none;
}
.post-list-1 .shop-content-default {
justify-content: flex-start;
-webkit-justify-content: flex-start;
}
.post-list-1 .product-content .price > * {
font-size: .9em
}
.post-list-1 .product-thumb,
.post-list-1 .product-content .star-rating {
margin-bottom: 10px;
}
.post-list > *:first-child:not(.col-left) {
float: none;
padding: 0;
width: 100%;
}
.post-list > *:first-child:not(.col-left) .post-header {
margin-left: 0;
padding: 0;
border-top: none;
}
.post-list.is-dark-style > *:first-child:not(.col-left) .post-header {
padding: 30px 40px;
}
.post-list-2 .col-left {
width: 40%;
}
.post-list-2 .col-right {
width: 60%;
}
.post-grid .post-extra-info {
visibility: hidden;
opacity: 0;
}
.post-wrap:hover .post-extra-info {
visibility: visible !important;
opacity: 1 !important;
}
.columns-4 .post-fw.post-grid-1 .post-title,
.columns-3 .post-hs.post-grid-1 .post-title {
line-height: 1.25;
}
.columns-4 .post-fw.post-grid-1 .post-title a,
.columns-3 .post-hs.post-grid-1 .post-title a {
font-size: .83em;
}
.columns-3 .post-hs.post-grid-1 .post-meta-info {
margin-bottom: 10px;
}
.post-grid-2 .post-header-overlay {
bottom: 5%;
left: 0;
padding: 20px;
max-width: 90%;
width: 90%;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.post-grid-2:hover .post-header-overlay {
opacity: 1;
}
.columns-4 .post-grid-2 .post-header-overlay {
padding: 15px 10px;
max-width: 90%;
width: 90%;
}
.columns-4 .post-grid .post-meta-info {
margin-bottom: 10px;
}
.columns-4 .post-grid .post-thumb-outer {
margin-bottom: 15px;
}
.post-grid-2 .post-thumb-outer {
margin-bottom: 0;
}
.fw-grid-2 .post-wrap,
.hs-grid-2 .post-wrap {
margin-bottom: 0 !important;
padding: 10px !important;
}
.post-grid-2 .post-meta-info {
margin-bottom: 10px;
}
/* post slider */
.post-slider-2 {
padding-right: 10px;
padding-left: 10px;
}
.post-slider-2 .is-thumb-slider .post-thumb {
padding-bottom: 140%;
background-color: #000;
}
.post-slider-2 .post-header-overlay {
background-color: #fff;
}
.post-slider-2 .post-header {
position: relative;
margin-top: -15%;
margin-right: 4%;
margin-left: 4%;
padding: 20px 10px;
background-color: #fff;
}
.post-slider-2 .shopthepost-popup {
position: absolute;
top: 3%;
right: auto;
left: 3%;
}
.post-slider-2 .shop-post-toggle {
background-color: #000;
color: #fff;
}
/* post slider 3 */
.post-slider-3.post-wrap {
padding-right: 5px;
padding-left: 5px;
}
.post-slider-holder {
position: absolute;
top: auto;
right: 0;
bottom: 8%;
left: 0;
z-index: 90;
text-align: center;
pointer-events: none;
}
.post-slider-holder .post-header-overlay {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
display: inline-block;
margin: auto;
width: auto;
pointer-events: auto;
}
.post-slider-3 .post-header-overlay {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.slick-current.post-slider-3 .post-header-overlay {
visibility: visible;
opacity: 1;
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.block-slider-3 .slider-nav.next {
right: 20px;
}
.block-slider-3 .slider-nav.prev {
left: 20px;
}
/* post list 3 */
.post-list-3 {
display: block;
clear: both;
overflow: hidden;
margin-bottom: 30px;
}
.post-list-3 .post-thumb-outer {
display: block;
float: left;
margin-bottom: 0;
max-width: 100px;
}
.post-list-3 .post-thumb-outer img {
display: block;
width: 100%;
}
.post-list-3 .post-header {
position: relative;
display: block;
margin-left: 120px;
}
.post-list-3 > *:first-child:not(.post-thumb-outer) {
margin-left: 0;
}
.post-list-3:last-child {
margin-bottom: 0;
}
.post-grid-3 {
margin-bottom: 30px;
}
.post-grid-3 .post-thumb-outer {
margin-bottom: 10px;
}
.post-grid-3 .post-title,
.post-grid-4 .post-meta-info {
margin-top: 10px;
margin-bottom: 0;
}
.post-grid-4 .post-thumb-outer,
.post-grid-4 .post-title,
.post-list-3 .post-title {
margin-bottom: 12px;
}
.post-grid-3 .post-format,
.post-list-3 .post-format,
.post-grid-4 .post-format {
width: 34px;
height: 34px;
font-size: 14px;
}
.post-grid-3 .post-format i,
.post-list-3 .post-format i,
.post-grid-4 .post-format i {
line-height: 34px;
}
.post-list-3 .post-meta-info {
margin-bottom: 0;
}
.is-smooth-display .site-content .animated-image {
opacity: 0;
}
.is-smooth-display .site-content .faded.animated-image.animation {
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.post-list:last-child {
margin-bottom: 0;
}
.fw-grid-1 .content-inner, .hs-grid-1 .content-inner {
margin-bottom: -40px;
}
.fw-grid-2 .content-inner, .hs-grid-2 .content-inner {
margin: -10px;
}
/*--------------------------------------------------------------
================================================================
6.0 - Single Post
================================================================
--------------------------------------------------------------*/
/* entry */
.single-inner {
position: relative;
display: block;
}
.single-tagline.post-title {
position: relative;
display: block;
margin-bottom: 20px;
color: #555;
font-style: italic;
}
.single-tagline.post-title h3 {
display: inline-block;
padding-left: 15px;
border-left: 5px solid;
}
.breadcrumb,
.breadcrumb.woocommerce-breadcrumb {
color: #555;
letter-spacing: 0;
font-weight: 400;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
}
.breadcrumb a {
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.breadcrumb a:hover, .breadcrumb.woocommerce-breadcrumb a:hover {
color: #ff3174;
}
strong.breadcrumb_last {
font-weight: inherit;
}
.is-single-2 .breadcrumb,
.is-single-3 .breadcrumb {
margin-bottom: 20px;
padding-bottom: 10px;
padding-left: 0;
}
.is-single-2 .breadcrumb:after,
.is-single-3 .breadcrumb:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 10%;
border-bottom: 1px solid rgba(0, 0, 0, .05);
content: '';
}
.entry-header {
position: relative;
display: block;
margin-bottom: 40px;
}
.single-action {
position: relative;
display: block;
}
.single-action > * {
display: inline-block;
margin-bottom: 0;
}
.single-top-share {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid rgba(0, 0, 0, .05);
font-size: 14px;
}
.single-top-share a {
padding: 0 5px;
}
.single-action span, .single-action a {
display: inline-block;
vertical-align: middle;
line-height: 34px;
}
.single-action a {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.single-action a:hover,
.single-action a:focus {
color: #ff3174;
}
.single-author-info .meta-tagline {
font-style: italic;
}
.single-author-info.post-meta-info > *:before {
display: none;
}
.single-author-info a {
text-transform: uppercase;
}
.single-author-info img {
margin-right: 5px;
width: 34px;
height: 34px;
-webkit-border-radius: 50%;
border-radius: 50%;
object-fit: cover;
-webkit-object-fit: cover;
}
.single-post-thumb-outer {
position: relative;
display: block;
margin-top: 30px;
}
.single-left-share {
position: fixed;
top: 50%;
left: 0;
z-index: 99;
display: block;
max-width: 44px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.single-left-share a {
display: block;
clear: both;
margin: 0;
width: 34px;
height: 34px;
background-color: #fff;
text-align: center;
font-size: 14px;
line-height: 34px;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.single-left-share a:hover, .single-left-share a:focus {
color: #ff3174;
}
/*--------------------------------------------------------------
>>> .entry-attachment
--------------------------------------------------------------*/
.entry-attachment {
position: relative;
display: block;
margin-bottom: 30px;
}
.entry-attachment img {
display: block;
max-width: 100%;
width: auto;
height: auto;
}
.entry {
position: relative;
display: block;
}
.entry.single-entry {
clear: both;
margin-bottom: 30px;
}
.entry.single-entry-width {
margin-right: auto;
margin-left: auto;
}
.entry dt {
margin-bottom: 10px;
}
.entry p, .entry ul, .entry dd {
margin-bottom: 1.5em;
}
.entry li > ul, .entry li > ol {
margin-bottom: 0;
}
.entry dt {
font-weight: 700;
}
.single .single-entry a:not(button), .comment-content a {
background-image: linear-gradient(0, transparent 0%, rgba(0, 0, 0, .05) 0);
background-image: -webkit-linear-gradient(0, transparent 0%, rgba(0, 0, 0, .05) 0);
background-image: -moz-linear-gradient(0, transparent 0%, rgba(0, 0, 0, .05) 0);
background-position: bottom left;
background-size: 100% 20%;
background-repeat: no-repeat;
font-weight: bold;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-background-size: 100% 20%;
}
.single .single-entry a:not(button):hover,
.single .single-entry a:not(button):focus,
.comment-content a:hover, .comment-content a:focus {
color: #ff3174;
}
.entry img, .entry video {
max-width: 100%;
height: auto;
}
.entry address {
margin-bottom: 30px;
}
.aligncenter {
display: block;
clear: both;
margin-right: auto;
margin-left: auto;
}
.alignleft {
display: inline;
float: left;
margin-right: 30px;
margin-left: 0;
max-width: 600px;
}
.alignright {
display: inline;
float: right;
margin-left: 30px;
max-width: 600px;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.entry figure a {
border-bottom: none;
}
.entry .fluid-width-video-wrapper {
margin-top: 30px;
margin-bottom: 30px;
}
.entry iframe {
overflow: hidden;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
max-width: 100%;
}
.entry h1, .entry h2 {
margin-bottom: .3em;
}
.entry h3, .entry h4, .entry h5 {
margin-bottom: .5em;
}
.entry h6 {
margin-bottom: .75em;
}
.entry ol {
clear: both;
margin-bottom: 1.25em;
margin-left: 1.25em;
list-style-position: inside;
list-style-type: decimal;
}
.entry ul {
clear: both;
margin-bottom: 1.25em;
margin-left: 1.25em;
}
.entry ol li {
list-style: decimal;
}
.entry ul li {
list-style: disc;
}
.entry li {
position: relative;
}
.entry table {
margin-top: 30px;
margin-bottom: 30px;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, .05);
border-left: 1px solid rgba(0, 0, 0, .05);
}
.entry th, .entry td {
padding: 7px 15px;
border-top: 1px solid rgba(0, 0, 0, .05);
border-right: 1px solid rgba(0, 0, 0, .05);
text-align: left;
}
.entry dl {
margin-bottom: 1.25em;
}
.entry dd {
margin-left: 1.5em;
}
pre {
overflow: auto;
max-width: 100%;
}
.entry pre {
display: block;
margin-bottom: 30px;
padding: 10px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: rgba(0, 0, 0, .05);
}
.entry .gallery {
display: block;
clear: both;
overflow: hidden;
margin-top: 30px;
margin-right: -1px;
margin-bottom: 30px;
margin-left: -1px;
}
.wp-caption, .gallery-caption {
position: relative;
display: block;
max-width: 100%;
}
.thumb-caption, .wp-caption-text {
display: block;
margin-top: 10px;
color: #555;
text-align: right;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
line-height: 1.5;
}
.wp-caption .wp-caption-text {
margin-bottom: 20px;
}
.gallery-item {
position: relative;
display: block;
float: left;
margin: 0;
padding: 1px;
}
.gallery-item img {
display: block;
width: 100%;
height: auto;
}
.gallery-item div {
margin: 0;
}
.gallery-item .wp-caption-text, .gallery-caption {
position: absolute;
top: auto;
right: 1px;
bottom: 0;
left: 1px;
padding: 5px 10px;
background-color: rgba(0, 0, 0, .7);
color: #fff;
line-height: 1.5;
}
.entry .twitter-tweet {
margin-right: auto;
margin-bottom: 30px !important;
margin-left: auto;
}
.entry iframe.instagram-media {
margin-right: auto;
margin-bottom: 1.5em;
margin-left: auto;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-2 .gallery-item:nth-child(2n +1) {
clear: both;
}
.gallery-columns-3 .gallery-item {
width: 33.3333%;
}
.gallery-columns-3 .gallery-item:nth-child(3n +1) {
clear: both;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-4 .gallery-item:nth-child(4n +1) {
clear: both;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-5 .gallery-item:nth-child(5n +1) {
clear: both;
}
.gallery-columns-6 .gallery-item {
width: 16.66666%;
}
.gallery-columns-6 .gallery-item:nth-child(6n +1) {
clear: both;
}
.gallery-columns-7 .gallery-item {
width: 14.285%;
}
.gallery-columns-7 .gallery-item:nth-child(7n +1) {
clear: both;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-8 .gallery-item:nth-child(8n +1) {
clear: both;
}
.gallery-columns-9 .gallery-item {
width: 11.111%;
}
.gallery-columns-9 .gallery-item:nth-child(9n +1) {
clear: both;
}
/* entry footer */
.entry-footer {
display: block;
margin-top: 30px;
border-top: 2px solid rgba(0, 0, 0, .05);
letter-spacing: 1px;
font-weight: 500;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
line-height: 26px;
}
.entry-footer > * {
margin-bottom: 7px;
}
.entry-footer > *:first-child {
margin-top: 30px;
}
.entry-footer > *:last-child {
margin-bottom: 0;
}
.tag-label {
display: inline-block;
margin: 2px 8px 2px 0;
min-width: 75px;
text-transform: uppercase;
font-style: italic;
font-size: .9em;
line-height: inherit;
}
.tag-label:before {
display: inline-block;
margin-right: 3px;
content: '\e055';
font-style: normal;
font-family: 'simple-line-icons';
line-height: inherit;
}
.source .tag-label:before {
content: '\e08d';
}
.via .tag-label:before {
content: '\e060';
}
.entry-footer a {
display: inline-block;
margin: 2px;
padding: 0 10px;
background-color: #000;
color: #fff;
text-decoration: none !important;
line-height: inherit;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.entry-footer a:hover {
background-color: #ff3174;
}
.page-links {
display: block;
margin-top: 40px;
}
.page-links a {
display: inline-block;
background: none !important;
text-decoration: none !important;
font-weight: 400 !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.page-links > span.page-numbers {
opacity: .3;
pointer-events: none;
}
.page-links a:hover, .page-links a:focus {
background-color: #000 !important;
color: #fff !important;
}
.page-links > .page-numbers:first-child {
margin-left: 10px;
}
.site .wpcf7 {
position: relative;
display: block;
overflow: hidden;
margin-top: 30px;
margin-bottom: 30px;
padding: 30px 20px 10px 20px;
background-color: rgba(0, 0, 0, .015);
}
.site .wpcf7 input {
margin-bottom: 30px;
}
.site .wpcf7 input[type="submit"] {
margin-bottom: 0;
}
.site .wpcf7 br {
display: none;
}
/* author box */
.single-post-author {
display: block;
margin-top: 50px;
padding: 25px 20px;
background-color: rgba(0, 0, 0, .015);
}
.single-post-author a {
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.single-post-author a:hover, .single-post-author a:focus {
color: #ff3174;
}
.author-avatar {
display: block;
float: left;
margin-top: 15px;
margin-right: 20px;
width: 100px;
height: auto;
}
.author-avatar img {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.author-content {
display: block;
margin-left: 120px;
}
.author-title {
display: block;
margin-bottom: 10px;
letter-spacing: 1px;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
line-height: 20px;
}
.author-tagline {
display: inline-block;
margin-right: 4px;
letter-spacing: 0;
font-style: italic;
}
.author-tagline i {
margin-right: 4px;
font-style: normal;
}
.author-title a, .author-more a {
text-transform: uppercase;
font-size: 1.1em;
}
.author-job {
display: block;
margin-top: -5px;
margin-bottom: 10px;
letter-spacing: 1px;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
line-height: 20px;
}
.author-job p {
display: inline-block;
padding-top: 5px;
border-top: 1px solid rgba(0, 0, 0, .05);
letter-spacing: inherit;
font-size: inherit;
font-family: inherit;
}
.author-description {
display: block;
margin-bottom: 20px;
font-style: italic;
font-size: .94em;
}
.author-social {
display: block;
float: left;
margin-left: -5px;
font-size: 13px;
}
.author-social a {
display: inline-block;
padding: 0 5px;
line-height: 24px;
}
.author-social i {
line-height: inherit;
}
.author-more {
display: inline-block;
float: right;
letter-spacing: 1px;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
}
/* box nav */
.box-nav {
display: block;
margin-top: 50px;
margin-right: -3%;
margin-left: -3%;
}
.box-nav .nav-el {
position: relative;
display: block;
float: left;
padding: 0 3%;
width: 50%;
}
.box-nav .nav-el:last-child:before {
position: absolute;
top: 50%;
left: -1.5%;
display: block;
height: 100%;
border-left: 1px solid rgba(0, 0, 0, .05);
content: '';
-webkit-transform: rotate(15deg) translateY(-50%);
-moz-transform: rotate(15deg) translateY(-50%);
-ms-transform: rotate(15deg) translateY(-50%);
-o-transform: rotate(15deg) translateY(-50%);
transform: rotate(15deg) translateY(-50%);
}
.box-nav .nav-el:first-child:before {
display: none;
}
.nav-subtitle {
position: relative;
display: block;
clear: both;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
}
.nav-left .nav-subtitle:before {
display: inline-block;
margin-right: 5px;
width: 10%;
border-bottom: 1px solid;
content: '';
vertical-align: middle;
}
.nav-right {
text-align: right;
}
.nav-right .nav-subtitle:after {
display: inline-block;
margin-left: 5px;
width: 10%;
border-bottom: 1px solid;
content: '';
vertical-align: middle;
}
.nav-title.post-title {
display: inline;
margin-bottom: 0;
background-image: linear-gradient(0, transparent 0%, rgba(0, 0, 0, .05) 0);
background-image: -webkit-linear-gradient(0, transparent 0%, rgba(0, 0, 0, .05) 0);
background-image: -moz-linear-gradient(0, transparent 0%, rgba(0, 0, 0, .05) 0);
background-position: bottom left;
background-size: 100% 0;
background-repeat: no-repeat;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-ms-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
-webkit-background-size: 100% 0;
}
.nav-el:hover .nav-title, .nav-el:focus .nav-title {
background-size: 100% 30%;
-webkit-background-size: 100% 30%;
}
/* comment form */
.comments-area {
display: block;
margin-top: 50px;
}
.comments-area .comment-meta a {
text-decoration: none;
}
.comment-form > p {
margin-bottom: 25px;
}
.comment-form > p.form-submit {
margin-bottom: 0;
}
.comment-form .comment-notes {
margin-bottom: 20px;
padding: 7px 15px;
background-color: rgba(0, 0, 0, .015);
font-style: italic;
font-size: .9em;
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
width: 50%;
}
.comment-reply-title,
.comment-title h3 {
position: relative;
display: inline-block;
display: inline-block;
clear: both;
margin-bottom: 20px;
padding: 7px 20px;
border: 2px solid currentColor;
font-weight: 500;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
line-height: 1;
}
.comment-btn-wrap {
position: relative;
display: block;
}
.box-comment-btn {
position: relative;
display: inline-block;
clear: both;
margin-bottom: 20px;
padding: 0 20px;
background-color: #000;
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
line-height: 30px;
}
.box-comment-btn {
margin-top: 50px;
margin-bottom: 0;
}
.comment-btn-wrap.is-hidden .comments-area {
display: none;
}
.comment-title h3 {
margin-bottom: 30px;
}
.comment-title i {
display: inline;
margin-right: 5px;
}
.comment-author {
font-size: .83rem;
}
.comment-author .avatar {
position: absolute;
top: 7px;
left: 0;
display: block;
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
border-radius: 50%;
object-fit: cover;
-webkit-object-fit: cover;
}
.comment-author .says {
display: none;
}
.comment-list {
position: relative;
display: block;
margin-bottom: 3em;
list-style: none;
}
.comment-list li {
position: relative;
display: block;
padding-left: 65px;
}
.comment-body {
display: block;
margin-bottom: 3em;
}
.comment-metadata {
margin-top: 3px;
letter-spacing: 1px;
font-weight: 400;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
line-height: 1.2;
}
.comment-metadata * {
font-weight: inherit !important;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.comment-content {
display: block;
margin-top: 15px;
}
a.comment-reply-link {
position: relative;
display: inline-block;
padding: 0 12px;
border: 1px solid rgba(0, 0, 0, .05);
text-decoration: none !important;
font-weight: 400 !important;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
line-height: 24px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a.comment-reply-link:hover {
border-color: #ff3174;
background-color: #ff3174;
color: #fff;
}
.comments-area .comment-meta a.comment-edit-link {
margin-left: 10px;
text-transform: uppercase;
}
.comments-area .comment-meta a.comment-edit-link:hover {
text-decoration: underline;
}
a.comment-reply-link:before {
margin-right: 5px;
content: '\e050';
font-size: .9em;
font-family: 'simple-line-icons';
}
.logged-in-as a:last-child {
margin-left: 7px;
text-transform: uppercase;
}
.comment-list .logged-in-as a {
text-decoration: none;
font-weight: inherit;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.logged-in-as a:hover,
.comment-list .logged-in-as a:hover {
color: #ff3174;
text-decoration: underline;
}
.comment-list #reply-title {
margin-bottom: 15px;
}
.comment-list .comment-reply-title small {
position: absolute;
bottom: 0;
left: 110%;
color: #000;
text-transform: none;
white-space: nowrap;
font-weight: 400;
}
.comment-list .comment-reply-title small a {
text-decoration: inherit;
font-weight: inherit;
}
.comment-list .comment-reply-title small a:hover {
text-decoration: underline;
}
.comment-list .comment-respond {
margin-bottom: 3em;
}
.comment-list ul.children {
margin-left: -20px;
}
.comment-list.entry p {
font-size: .95em;
}
.comment-form-cookies-consent label {
padding-left: 7px;
color: #555;
}
/* like box */
.like-box {
display: block;
margin-top: 30px;
}
.like-el {
display: inline-block;
max-height: 30px;
width: 80px;
text-align: left;
}
/* bottom share */
.single-bottom-share {
display: block;
margin-top: 30px;
font-size: 14px;
}
.share-label {
display: inline-block;
margin: 2px 8px 2px 0;
text-transform: uppercase;
letter-spacing: 1px;
font-style: italic;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
line-height: 28px;
}
.share-label:before {
display: inline-block;
margin-right: 5px;
content: '\e05b';
vertical-align: middle;
font-style: normal;
font-family: 'simple-line-icons';
line-height: inherit;
}
.single-bottom-share a {
display: inline-block;
min-width: 34px;
width: 7%;
border: 1px solid rgba(0, 0, 0, .05);
text-align: center;
line-height: 34px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.single-bottom-share a:hover {
border-color: #000;
background-color: #000;
color: #fff;
}
/* video post */
.embed-holder {
position: static !important;
margin: 0;
padding-bottom: 56%;
height: 0 !important;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.audio-outer .embed-holder {
padding-bottom: 33.333%;
}
.embed-holder iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.gallery-list .gallery-el {
margin-bottom: 10px;
}
.gallery-slider .thumb-caption,
.gallery-list .thumb-caption {
margin-top: 5px;
}
.gallery-list .gallery-el:last-child {
margin-bottom: 0;
}
.gallery-slider, .gallery-el {
position: relative;
display: block;
}
.gallery-holder {
position: static;
display: block;
padding-bottom: 56.25%;
}
.gallery-holder img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
-o-object-fit: cover;
}
.single-post-thumb-outer.gallery-slider {
padding-bottom: 20px;
}
/*single 2 */
.single-2 .top-featured {
position: relative;
display: block;
overflow: hidden;
background-color: #000;
}
.single-2 .top-featured .single-post-thumb-outer {
margin: 0;
}
.single-2 .top-featured .post-thumb {
position: static !important;
display: block;
padding-bottom: 26.5%;
}
.single-2 .top-featured img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-object-fit: cover;
}
.single-2 .top-featured .thumb-caption {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 5px 10px;
max-width: 40%;
background-color: rgba(255, 255, 255, .95);
text-align: left;
}
.single-2 .single-inner {
position: relative;
z-index: 10;
margin-top: -130px;
margin-right: -30px;
margin-left: -30px;
padding: 30px 30px 0 30px;
background-color: #fff;
}
.site-wrap .single-3 .wrap {
margin-top: 30px;
}
.single-3 .entry-header,
.single-6 .entry-header {
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 5px solid #000;
}
.single-3 .gallery-slider .thumb-caption {
position: absolute;
right: 0;
bottom: 0;
padding: 5px 10px;
background-color: rgba(255, 255, 255, .95);
text-align: left;
}
.single-3 .single-post-thumb-outer .thumb-caption {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
padding: 5px;
max-width: 600px;
background-color: rgba(255, 255, 255, .9);
}
.is-single-3.single-post .header-wrap {
margin-bottom: 0;
border-bottom: none;
}
/* single 4 */
.single-4 .header-holder {
margin-top: 0;
margin-bottom: 0;
padding: 40px;
background-color: #000;
}
.single-4 .single-post-thumb-outer {
margin-top: 0;
}
.is-single-5 .site-main {
margin-right: auto;
margin-left: auto;
max-width: 760px;
}
/* shop the post */
.single-shop {
position: relative;
display: block;
margin-bottom: 20px;
}
.single-shop.is-dark-style {
margin-bottom: 40px;
padding: 30px 30px 10px 30px;
background-color: #000;
}
.single-shop-title {
display: block;
}
.single-shop-title h3 {
position: relative;
margin-left: 36px;
}
.single-shop-title h3:before {
position: absolute;
bottom: -3px;
left: -36px;
content: "\e035";
text-align: center;
text-indent: 0;
text-transform: none;
font-style: normal;
font-variant: normal;
font-size: 28px;
font-family: 'simple-line-icons';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.single .shopthepost.layout-default {
margin-top: 0;
margin-bottom: 0;
}
.single-shop .content-carousel.product-pre-load {
margin-bottom: 20px;
}
.single-shop .content-carousel .product {
margin-right: 10px;
margin-bottom: 30px;
margin-left: 10px;
}
.shopthepost-single .slider-nav {
top: 0;
margin: 0;
width: 50px;
height: 32px;
line-height: 32px;
}
.shopthepost-single .slider-nav.next {
right: 0;
}
.shopthepost-single .slider-nav.prev {
right: 55px;
left: auto;
}
.shopthepost-single .layout-carousel {
margin-bottom: 40px;
}
.shopthepost-single .slick-list {
margin: 0 -10px;
}
/* single-post-related */
.single-post-related {
position: relative;
display: block;
margin-bottom: 60px;
}
.single-post-related .block-inner {
padding-top: 60px;
border-top: 5px solid rgba(0, 0, 0, .05);
}
.single-post-related .block-title:before {
z-index: 0;
}
.single-post-related .content-inner {
display: block;
overflow: hidden;
}
.review-box-wrap {
position: relative;
display: block;
margin-top: 30px;
margin-bottom: 30px;
padding: 40px 30px;
background-color: rgba(0, 0, 0, .015);
}
.review-content-wrap,
.review-el, .review-el-inner {
position: relative;
display: block;
overflow: hidden;
}
.review-el {
margin-top: 15px;
margin-bottom: 15px;
}
.review-el .review-info-score {
display: block;
float: right;
min-width: 30px;
background-color: #000;
color: #fff;
text-align: center;
font-weight: 700;
font-size: .9em;
}
.score-animation {
-webkit-transition: all 1.3s ease-in-out;
-moz-transition: all 1.3s ease-in-out;
-ms-transition: all 1.3s ease-in-out;
-o-transition: all 1.3s ease-in-out;
transition: all 1.3s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.score-bar-wrap {
position: relative;
display: block;
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
height: 2px;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.1);
}
.score-bar {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background-color: #ff3174;
}
.score-remove {
width: 0 !important;
}
.review-description {
font-weight: 500;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
}
.review-summary-wrap {
display: block;
}
.review-pros-cons-wrap {
display: block;
clear: both;
overflow: hidden;
margin-top: 35px;
margin-right: -20px;
margin-left: -20px;
}
.review-pros-cons-wrap > * {
float: left;
padding-right: 20px;
padding-left: 20px;
width: 50%;
}
.review-summary-wrap h3 {
margin-bottom: 10px;
text-transform: uppercase;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
line-height: 26px;
}
.review-pros h3:before, .review-cons h3:before {
display: inherit;
display: inline-block;
margin-right: 7px;
content: "\e068";
font-size: .9em;
font-family: 'simple-line-icons';
}
.review-cons h3:before {
content: "\e06d";
}
.review-summary-inner {
display: block;
overflow: hidden;
margin-top: 20px;
}
.review-summary-inner p {
font-style: italic;
}
.post-review-info {
display: block;
float: right;
margin-bottom: 10px;
margin-left: 20px;
width: 70px;
background-color: #ff3174;
color: #fff;
text-align: center;
font-style: normal;
font-size: 36px;
line-height: 70px;
}
.review-box-wrap li {
margin-bottom: 5px;
}
.review-box-wrap.is-top {
display: block;
float: left;
margin-top: 0;
margin-right: 30px;
margin-bottom: 30px;
padding: 30px 20px;
width: 50%;
}
.review-box-wrap.is-top .review-pros-cons-wrap > * {
width: 100%;
}
/*--------------------------------------------------------------
================================================================
7.0 - Pages
================================================================
--------------------------------------------------------------*/
.wrap {
position: relative;
display: block;
padding-right: 0;
padding-left: 0;
}
.site-wrap .wrap {
margin-top: 60px;
margin-bottom: 60px;
}
.page-template-page-blank .site-wrap .wrap {
margin-top: 0;
margin-bottom: 0;
}
.page-header {
position: relative;
display: block;
}
.archive-header {
background-color: rgba(0, 0, 0, .015);
}
.category-header.is-header-bg {
position: relative;
display: block;
background-color: transparent;
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-background-size: cover;
}
.header-holder {
position: relative;
display: block;
overflow: hidden;
margin-top: 40px;
margin-bottom: 40px;
}
.is-single-1 .breadcrumb, .is-single-4 .breadcrumb, .is-single-5 .breadcrumb,
.is-single-6 .breadcrumb, .page-template-default .breadcrumb,
.search .breadcrumb, .error404 .breadcrumb, .blog .breadcrumb {
position: relative;
display: block;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
background-color: rgba(0, 0, 0, .015);
text-align: center;
}
.page-template-default .entry-header {
margin-bottom: 60px;
}
.page-title {
margin: 0;
}
.archive-title {
display: block;
margin-right: 30%;
}
.page-header h1.entry-title {
display: inline-block;
margin-top: 0;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
}
.breadcrumb, .breadcrumb.woocommerce-breadcrumb {
position: relative;
display: block;
margin-top: 0;
padding-right: 10px;
padding-left: 10px;
color: #111;
white-space: nowrap;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
}
.breadcrumb .breadcrumb-inner {
overflow: hidden;
text-overflow: ellipsis;
}
.breadcrumb.woocommerce-breadcrumb * {
color: inherit;
}
.archive-header .breadcrumb,
.search-header .breadcrumb {
position: absolute;
top: 25px;
right: 0;
display: block;
max-width: 30%;
text-align: right;
}
.search .header-holder {
margin-bottom: 0;
}
.taxonomy-description {
position: relative;
display: block;
margin-top: 20px;
max-width: 70%;
}
/* author page */
.author h1.author-page-title {
display: block;
font-size: 26px;
}
.author h1.author-page-title .vcard {
text-transform: uppercase;
}
.author .header-holder {
padding-bottom: 0;
}
.author .single-post-author {
margin-top: 20px;
background-color: #fff;
}
/* page 404 */
.not-found {
position: relative;
display: block;
margin-top: 8%;
margin-bottom: 8%;
text-align: center;
}
.not-found .page-title {
margin-bottom: 20px;
}
.not-found .page-content p {
color: #555;
font-style: italic;
font-size: 24px;
line-height: 1.4;
}
.not-found .search-form {
display: block;
margin: 60px auto 30px;
max-width: 700px;
text-align: left;
}
.return-home {
display: inline-block;
margin-top: 60px;
padding: 20px 0;
min-width: 50%;
background-color: rgba(0, 0, 0, .05);
text-align: center;
white-space: nowrap;
font-size: 1rem !important;
line-height: 24px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.return-home:hover, .return-home:focus {
background-color: #ff3174;
color: #fff;
}
/* search page */
.header-search-form {
display: block;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
max-width: 700px;
}
.search-header .search-title {
font-style: italic;
}
.search-header .search-title span {
font-style: normal;
}
/* archive */
.site-content.layout-grid-2 .post-wrap {
margin-bottom: 0 !important;
padding: 10px !important;
}
.site-content.layout-grid-2 .content-inner {
margin: -10px;
}
/*--------------------------------------------------------------
================================================================
8.0 - Miscellaneous
================================================================
--------------------------------------------------------------*/
.is-light-text *,
.is-light-text .post-title a {
color: #fff;
}
.is-light-text .icon-toggle,
.is-light-text .icon-toggle:before,
.is-light-text .icon-toggle:after {
background-color: #ff3174;
}
.off-canvas-wrap.is-light-text::-webkit-scrollbar {
background: #111;
}
.off-canvas-wrap.is-light-text::-webkit-scrollbar-corner,
.off-canvas-wrap.is-light-text::-webkit-scrollbar-thumb {
background-color: #ff3174;
}
.is-light-text .btn {
border-color: rgba(255, 255, 255, .15);
color: #fff;
}
.is-light-text .post-meta-info,
.is-light-text .post-excerpt,
.is-light-text .rssSummary {
color: #ddd;
}
.is-light-text .post-meta-info span,
.is-light-text .post-meta-info time {
color: inherit;
}
.is-light-text .shop-post-toggle {
background-color: #fff;
color: #000;
}
.is-light-text .widget-title {
color: #f2f2f2;
}
.is-light-text #wp-calendar thead {
background-color: rgba(255, 255, 255, .07);
}
.is-light-text #wp-calendar td#today {
background-color: rgba(255, 255, 255, .1);
}
.is-light-text .widget:not(.woocommerce) .count {
background-color: rgba(255, 255, 255, .1);
}
.is-light-text .widget_archive select,
.is-light-text .widget_categories select,
.is-light-text select,
.is-light-text .widget_nav_menu .menu-item a,
.is-light-text .widget_recent_comments .recentcomments,
.is-light-text .widget_recent_entries li,
.is-light-text .widget_rss li {
border-color: rgba(255, 255, 255, .07);
}
.is-light-text cite,
.is-light-text .rss-date,
.is-light-text .thumb-caption,
.is-light-text .wp-caption-text {
color: #ddd;
}
.is-light-text input[type="submit"],
.is-light-text button {
background-color: rgba(255, 255, 255, .1);
}
.is-light-text input[type="text"],
.is-light-text input[type="tel"],
.is-light-text input[type="password"],
.is-light-text input[type="email"],
.is-light-text input[type="number"],
.is-light-text input[type="url"],
.is-light-text input[type="search"] {
border-color: rgba(255, 255, 255, .1);
}
.is-light-text .tagcloud a {
background-color: #fff;
color: #111;
}
.is-light-text .post-slider-2 .post-header {
background-color: #000;
}
.is-light-text select {
background-color: transparent;
}
.is-light-text select option {
color: #111;
}
.is-light-text a.rsswidget,
.is-light-text .widget_recent_comments .recentcomments a,
.is-light-text .widget_recent_entries a {
background-image: linear-gradient(0, transparent 0%, rgba(255, 255, 255, .25) 0);
background-image: -webkit-linear-gradient(0, transparent 0%, rgba(255, 255, 255, .25) 0);
background-image: -moz-linear-gradient(0, transparent 0%, rgba(255, 255, 255, .25) 0);
}
.is-light-text .cat-item a:hover, .is-light-text .widget_archive a:hover, .is-light-text .widget_pages .page_item a:hover,
.is-light-text .widget_nav_menu .menu-item a:hover, .is-light-text .widget_meta a:hover {
color: currentColor;
opacity: .9;
}
.is-light-text .breadcrumb,
.is-light-text .breadcrumb.woocommerce-breadcrumb {
color: #f2f2f2;
}
.is-light-text .copyright-inner {
border-color: rgba(255, 255, 255, .1);
}