.header-vertical-menu__opener {
background: linear-gradient(135deg, rgba(243, 204, 130, 1) 0%, rgba(123, 93, 39, 1) 100%);
} @font-face {
font-family: FzMyEverything;
src: url(//apohair.com/wp-content/themes/flatsome-child/assets/Fz-MyEverything.ttf);
}
@font-face {
font-family: DancingScript;
src: url(//apohair.com/wp-content/themes/flatsome-child/assets/DancingScript.ttf);
}
@font-face {
font-family: SVN-Janelotus;
src: url(//apohair.com/wp-content/themes/flatsome-child/assets/SVN-Janelotus.otf);
}
.DancingScript * {
font-family: 'DancingScript';
letter-spacing: 2px;
}
.section-title small {
font-family: 'DancingScript';
font-size: 2em;
font-weight: bold;
opacity: 1;
line-height: 1;
}
.section-title small.before-title {
padding: 0 15px 0 0;
}
.section-title small.after-title {
padding: 0 0 0 15px;
}
.section-title.no-line b {
opacity: 0;
}
.container-width,
.full-width .ubermenu-nav,
.row {
max-width: 1280px;
margin: 0 auto !important;
}
.menu-item.blink a {
*animation: blinker 2s linear infinite;
--color-1: #cd3167;
--color-2: #e9960b;
--color-3: #ffffff;
animation: color-animation 2s linear infinite;
}
.buy_now_button.dark {
background-color: #333 !important;
}
.ux-menu-link__link {
position: relative;
}
.fix-bottom-left {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 999;
}
.header .flex-left {
margin-right: 10px;
}
.box-text {
*font-size: 1em;
}
.nav>li>a>i {
font-size: 22px;
}
.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
width: 300px;
}
.badge-custom {
max-width: 70px;
}
.badge-custom img {
position: relative !important;
*width: 150px !important;
}
.header:not(.transparent) .header-bottom-nav.nav>li>a:hover {
*color: inherit !important;
*font-weight: bold;
}
.header-vertical-menu .nav-dropdown {
border: none;
}
.header .sub-menu .tab a {
padding: 5px 20px;
font-weight: bold;
line-height: 1.5;
}
.header .header-search-form input[type=search] {
border-radius: 3px;
border-color: #333;
min-width: 200px;
}
.header .header-search-form .live-search-results {
min-width: 300px;
}
.alert.button {
color: #fff;
}
.align-middle .flickity-slider {
display: flex;
align-items: center;
}
.secondary.button {
color: #000;
}
.col-inner p:last-of-type {
margin-bottom: 0;
}
.button-wrapper .button {
margin-bottom: 0;
}
.nav-box>li>a,
.nav-pills>li>a {
padding: 0 2em;
}
.icon-box-img img,
.icon-box-img svg {
padding-top: 0;
width: 100%;
}
.tabbed-content h4 {
font-weight: bold;
margin-bottom: 1em;
}
#top-bar .cart-icon strong:after,
#top-bar .cart-icon strong {
border-color: #fff;
color: #fff;
}
.row.row-collapse,
.row.row-small,
.row.row-large {
max-width: 1280px;
}
.svg-primary-color img {
filter: invert(16%) sepia(91%) saturate(3605%) hue-rotate(312deg) brightness(90%) contrast(93%);
}
h1,
h2,
h3,
h4,
h5,
h6,
pre,
blockquote,
form,
figure,
dl,
ul,
ol {}
img.mfp-img {
max-height: calc(100vh - 30px);
}
td label {
margin: 0.5em 1em 0.5em 0;
}
input[type=search] {
background-color: #fff !important;
border-radius: 20px;
}
.bottom-left {
bottom: 20px;
left: 0;
}
.attr-guide {
font-size: .9em;
margin-bottom: 0.5em 0;
order: 2;
margin-left: auto;
text-transform: initial;
font-weight: bold;
}
.center {
margin: 0 auto;
text-align: center;
}
#header-contact.nav>li>a {
font-size: 1em;
}
.header-block {
width: auto;
}
.header-block .ux-menu-link__link,
.header-block .ux-menu-link__link:hover {
color: #fff;
font-size: .9rem;
border-bottom: 0;
align-items: center;
}
.ux-menu-link__link.flex {
align-items: center;
}
.button.icon {
*margin-left: 0.7em;
*margin-right: 0.7em;
}
.search-field {
*min-width: 500px;
*font-size: 1.2em !important;
}
.ux-menu.horizontal {
display: flex;
flex-direction: row;
justify-content: center;
}
.ux-menu.horizontal .ux-menu-link.flex.menu-item span {
padding: 0 10px;
*border-right: 1px solid #ddd;
}
.img-circle {
border-radius: 100%;
padding: 5px;
border: 2px solid #cb177f;
}
.img-circle img {
border-radius: 100%;
}
.hot-menu a {
color: #f00 !important;
}
.fa,
.fas {
font-family: 'Font Awesome 5 Pro' !important;
}
.person-name {
margin: 10px 0;
display: inline-block;
}
.mfp-close-btn-in .mfp-close {
background-color: #fff;
border-radius: 100%;
right: 5px;
top: 5px !important;
}
.entry-content.single-page img {
margin: 0 auto;
display: block;
}
.section-title-bold-center span,
.section-title-bold span {
border-radius: 20px;
border-bottom: none;
} .header-nav-main {
*justify-content: center;
}
#mega-menu-wrap {
background: #d4a129;
}
#mega-menu-title {
font-family: inherit;
}
.header .nav-vertical li a {
padding: 20px 0 20px 10px;
}
.nav.tabs>li>a {
font-size: 1rem;
}
.nav-dropdown-default {
padding: 10px;
}
.top-bar-nav .menu-item i._mi {
margin-top: 0em;
}
.header-nav span.ux-menu-link__text {
white-space: nowrap;
}
.header-search .nav-dropdown {
min-width: 360px;
background: transparent;
box-shadow: none;
border: none;
}
.label-hot.menu-item>a:after,
.label-new.menu-item>a:after {
position: absolute;
left: calc(100% - 25px);
top: 10px;
transform: rotate(35deg);
width: 30px;
} .nav-dropdown>li.nav-dropdown-col {
display: block;
}
.nav-dropdown {
border: 1px solid #ddd;
padding: 0;
}
.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown li a {
text-transform: none !important;
font-size: 15px;
font-weight: 500;
}
.nav-dropdown .nav-dropdown-col>ul li:hover {
*background: #db0000;
}
.nav-dropdown-default>li:hover>a,
.nav-dropdown .nav-dropdown-col>ul li:hover>a {
*color: white;
}
.nav-dropdown-default>li:hover {
*background: #fbae3c;
}
.nav-dropdown-default>li>a {
border-bottom: 0 !important;
}
.nav-dropdown-has-arrow li.has-dropdown:before {
border-width: 10px;
margin-left: -10px;
}
.nav-dropdown .nav-dropdown-col>ul {
border: 1px solid #d2d2d2;
margin-top: -40px;
box-shadow: 2px 2px 5px #828282;
display: none;
position: absolute;
left: 100%;
z-index: 9;
background: white;
min-width: 240px;
}
.nav-dropdown>li.nav-dropdown-col {
width: 100%;
border-right: 0;
}
.nav-dropdown .nav-dropdown-col>ul li a {
padding: 10px;
text-transform: none;
color: black;
}
.header-nav li.nav-dropdown-col:hover>ul {
display: block !important;
}
.title-wrapper .product-title {
font-size: 1em;
margin: 10px 0;
}
.title-wrapper .product-title a {
color: #000;
}
.product-title {
text-transform: capitalize;
}
.box-push .title-wrapper .product-title a {
color: #fff;
}
.price-wrapper {
padding: 10px 0;
font-size: 1.1rem;
}
.price-wrapper .price {
width: 100%;
}
.price-wrapper .review-count {
margin: 10px 0 5px 5px;
}
.woocommerce-review-link {
font-size: 100%;
text-decoration: underline;
}
.rating {
display: flex;
align-items: center;
margin: 10px 0 0;
font-size: 0.9em;
}
.product-small .text-center .rating {
justify-content: center;
}
.star-rating-custom {
margin: 0 !important;
width: 15px;
}
.star-rating-custom span {
width: 100%;
}
.star-rating-custom span:before {
color: #e9b552 !important;
}
.dark .price-wrapper {
background-color: #fff;
border-radius: 3px;
}
.devvn_woocommerce_price_suffix {
margin-left: 5px;
}
.devvn_woocommerce_price_prefix {
margin-right: 5px;
}
td.iconic-wlv-variations__label {
display: flex !important;
}
.iconic-wlv-variations__label {
text-transform: uppercase;
}
.iconic-wlv-variations__selection {
margin-left: 5px;
}
.iconic-wlv-terms {
width: 100%;
text-align: center;
}
.iconic-wlv-terms__term {
float: none;
display: inline-block;
}
ins {
display: inline-block;
margin: 5px 0 0;
}
.header-cart-title span.amount {}
.product_list_widget del,
del .woocommerce-Price-amount,
.price del,
del span.amount {
color: #333 !important;
}
.price,
span.amount {
color: #000 !important;
font-size: 0.9em;
}
a.quick-view.button {
background-color: #000;
}
.product-page-price span.amount,
.woocommerce-variation-price span.amount {
font-size: 2rem;
}
.product-page-price del span.amount,
.woocommerce-variation-price del span.amount {
font-size: 1.5rem !important;
}
#ftwp-postcontent a {
font-weight: bold;
}
#ftwp-postcontent h2 {
text-transform: uppercase;
}
.sub-menu .col {
*padding: 0 15px 10px;
}
.woof_products_top_panel {
z-index: 9;
}
.woof_products_top_panel_ul li ul li {
margin: 5px 5px 0 0 !important;
}
.ux-menu-title {
font-size: 1em;
}
.product_list_widget .product-title {
color: #000;
font-size: .9em;
font-weight: 600;
}
.arcontactus-widget .messanger {
display: inline-flex;
}
.product-gallery-slider img {
border: 1px solid #ddd;
}
.product-video {
margin: 20px 0;
}
.product-video iframe {
width: 100%;
}
.sticky-add-to-cart__product .product-title-small {
max-width: inherit;
}
td.wdr_td_body_title {
color: #f00;
}
.bg-contain .bg-fill {
background-size: contain !important;
}
.variations .label {
margin-top: 20px;
}
.variations .label label {
text-transform: uppercase;
} .solid-color img {
filter: invert(70%) sepia(32%) saturate(659%) hue-rotate(13deg) brightness(93%) contrast(88%); }
.no-padding,
.tabbed-content.no-padding .tab-panels {
padding: 0;
}
.no-padding-bottom,
.no-padding-bottom>.col {
padding-bottom: 0 !important;
}
.border-1-solid {
border: 1px solid #eee;
}
.lightbox-content {
border-radius: 5px;
position: relative !important;
left: inherit !important;
} .table {
display: table;
width: auto;
height: 100%;
*margin: 0 auto;
padding: 0px;
}
.table * {
font-size: 1rem !important;
}
.table-row {
display: table-row;
border-color: inherit;
}
.table-cell {
display: table-cell;
padding: 10px;
vertical-align: top;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
} .tab-faqs-container .tab-faq-wrapper .tab-faq-title {
position: relative;
padding: 0;
}
.tab-faqs-container .tab-faq-icon {
position: absolute !important;
right: 0;
top: 0;
}
.tab-faqs-container .tab-faq-wrapper .tab-faq-title h4 {
font-size: 1em;
line-height: 40px;
}
.ywtm_icon,
.ywtm_custom_icon {
padding-right: 5px !important;
} .ace-box-wrap {
display: inline-flex;
margin: 0;
}
.ace-box-wrap.transparent {
background-color: transparent;
border: none;
padding: 0;
}
.ace-box-wrap.expand {
text-align: center;
}
.ace-box-wrap.box-left {
justify-content: left;
}
.ace-box-wrap.box-center {
justify-content: center;
}
.ace-box-wrap.box-right {
justify-content: right;
}
.ace-box-wrap.icon-left .ace-box-wrap,
.ace-box-wrap.icon-right .ace-box-wrap {
display: flex;
}
.ace-box-wrap.is-outline:hover i,
.ace-box-wrap.is-outline:hover h3 {
color: #fff !important;
}
.ace-box-wrap.icon-top .ace-iconbox--icon {
margin: 0 auto;
}
.ace-box-wrap.icon-top .ace-iconbox--icon .icon-inner {
overflow: hidden;
margin: 0 auto;
max-width: 100%;
}
.ace-box-wrap.icon-top .ace-iconbox--icon .icon-inner img {
width: 100%;
}
.ace-iconbox--icon {
margin: 0;
border-radius: 5px;
max-width: 100%;
display: block;
text-align: center;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.ace-iconbox--icon i {
vertical-align: baseline;
}
.ace-iconbox--icon.icon-cirle i {
display: flex;
align-items: center;
vertical-align: middle;
justify-content: center;
border-radius: 100%;
border: 2px solid;
}
.ace-box-wrap .ace-text--head {
margin: 0;
}
.ace-iconbox--content {
text-transform: initial;
}
.ace-iconbox--content p {
margin: 0;
}
.ace-box-wrap.icon-left .ace-iconbox--icon {
margin-right: 10px;
}
.ace-box-wrap.icon-right .ace-iconbox--icon {
margin-left: 10px;
order: 2;
}
.ace-box-wrap .ace-iconbox--icon .icon-inner {
display: inline-block;
vertical-align: baseline;
}
.ace-box-wrap.icon-top {
display: block;
width: 100%;
text-align: center;
}
.ace-box-wrap.icon-top .ace-iconbox--content {
padding: 10px 5px;
}
.ace-box-wrap.icon-top .ace-iconbox--content .ace-text--head {
white-space: normal;
line-height: 1.5;
}
.ace-box-wrap.first-letter {
position: relative;
}
.ace-box-wrap.first-letter .ace-iconbox--icon {
position: absolute;
top: 0;
left: 0;
width: 30px;
line-height: inherit;
}
.ace-box-wrap.first-letter.transparent .ace-iconbox--icon {
left: 0;
}
.ace-box-wrap.first-letter .ace-iconbox--content> :first-child {
text-indent: 40px;
} #related-posts .col {
float: left;
margin-left: 0;
list-style: none;
}
.relatedcontent h3 {
font-size: 16px;
margin-top: 7px;
}
.relatedthumb img {
width: 100%;
}
#related-posts {
border-top: 4px double #e8e8e8;
padding-top: 10px;
}
#related-posts ul {}
#related-posts li:nth-child(1) {
padding-left: 0 !important;
}
#related-posts li:nth-child(2) {
padding-left: 0 !important;
padding-right: 0 !important;
}
#related-posts li:nth-child(3) {
padding-right: 0 !important;
}
.ux-timer span {
background-color: transparent !important;
position: relative;
}
.ux-timer span:after {
content: ':';
position: absolute;
top: 25%;
right: -10px;
font-size: 0.7em;
}
.ux-timer span:last-child:after {
content: '';
}
.ux-timer span p {
padding: 10px;
background-color: #f5a6b9;
display: inline-table;
} h2.resp-accordion {
cursor: pointer;
display: none;
}
.resp-tabs-container .resp-tab-content {
padding: 15px;
}
h2.resp-accordion {
margin: 0px;
padding: 10px 15px;
}
.resp-arrow {
width: 0;
height: 0;
float: right;
margin-top: 3px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 12px solid #c1c1c1;
}
h2.resp-tab-active span.resp-arrow {
border: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 12px solid #9B9797;
} h2.resp-tab-active {
background: #DBDBDB;
}
.resp-easy-accordion h2.resp-accordion { }
.resp-easy-accordion .resp-tab-content { }
.resp-jfit {  }
.resp-tab-content-active { }
h2.resp-accordion:first-child { } .ace-title .section-title-normal {
margin-bottom: 20px;
border-radius: 5px;
}
.ace-title i {
opacity: 1;
}
.ace-title .section-title-normal b {
display: none;
}
.ace-title .section-title-center small {
display: inline-block;
}
.ace-title .section-title-bold-center span,
.ace-title .section-title-center span {
width: 100%;
}
.ace-title .section-title-center .section-title-main {
margin: 0 15px;
display: flex;
align-items: center;
}
.ace-title .section-title-center span.ace-show-cats {
margin: 30px 0 0;
}
.ace-title .section-title-main p {
margin: 0;
}
.ace-title .section-title-center p {
margin: 0 10px;
}
.ace-title span.ace-show-cats {
border: none;
padding: 0;
margin: 0;
text-transform: inherit;
}
.ace-title span.ace-show-cats .ace_cats {
display: inline-block;
width: auto;
margin: 0 10px;
border-left: 1px solid #ddd;
}
.ace-title span.ace-show-cats li:first-child {
border-left: none;
}
.ace-title span.ace-show-cats li a {
margin: 0;
}
.ace-title .section-title a {
margin-left: 0;
font-size: 1rem;
}
.ace-title li.show-all {
list-style: none;
display: inline-block;
margin-bottom: 0;
} #reviews {
padding: 20px 0;
}
#reviews .comment_container {
display: flex;
padding: 0 10px;
}
#reviews .commentlist li .avatar {
height: fit-content;
}
#reviews .commentlist li .meta strong {
margin-right: 10px;
}
#reviews .commentlist li .meta small {
line-height: 2;
}
#reviews .commentlist li .comment-text {
width: calc(100% - 60px);
}
#reviews .commentlist li .description {
clear: both;
}
#reviews .commentlist li {
padding: 10px 0 0 0;
margin: 0;
}
#reviews .commentlist .children {
margin: 0 0 0 4em;
margin-top: 10px;
position: relative;
background: #f1f1f1;
border: 1px solid #e7e7e7;
padding: 15px 10px;
width: inherit !important;
float: none !important;
list-style: none;
}
#reviews .commentlist .children:before {
top: -40px;
left: 40px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(231, 231, 231, 0);
border-bottom-color: #e7e7e7;
border-width: 20px;
margin-left: -20px;
}
#reviews .commentlist li .meta {
display: flex;
align-items: center;
vertical-align: middle;
}
#reviews .commentlist li .meta time {
font-size: 0.9em;
font-style: italic;
margin-left: auto;
order: 2;
}
#reviews .star-rating {
margin: 0 0 0 10px;
display: inline-block;
}
#ywar_reviews .reviews_bar {
width: calc(100% - 200px);
padding: 0 30px;
}
#ywar_reviews .reviews_button {
margin: 0;
white-space: nowrap;
padding: 0;
line-height: 1;
min-height: auto;
}
#ywar_reviews .reviews_button a {
color: #fff;
display: inline-block;
padding: 10px 30px;
}
#reviews .reply {
float: left;
padding: 0;
}
#reviews .review_vote {
float: right;
padding: 0;
}
#reviews .review-inappropriate {
padding: 0 !important;
}
#reviews .ywar_review_helpful {
margin: 0;
}
#review_form .comment-form-rating {
display: flex;
}
#review_form .comment-form-rating label {
margin: 3px 10px 5px 0;
}
#review_form .upload_section {
max-width: 250px;
}
#review_form .form-submit {
text-align: right;
}
#review_form .form-submit #submit {
font-size: 1em !important;
} .inline-block .widget_layered_nav_filters h2.widgettitle {
display: none;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter {
position: static;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable+.filter-content {
left: 15px;
width: calc(100% - 30px) !important;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-items .filter-item.with-image {
padding: 5px;
max-width: 80px;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label,
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-label {
font-size: 0.9rem;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-content>.filter-items {
max-height: inherit;
}
.filters-container form,
.yith-wcan-filters {
margin: 0;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter.label-design .filter-items {
padding: 8px;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable {
font-size: 1rem;
} .contact-button-fix {
display: flex;
overflow: hidden;
position: fixed;
bottom: 70px;
right: 35px;
z-index: 9;
}
.contact-button-fix .ace-iconbox--content {
display: none;
} .bottom-navbar {
*display: none;
display: flex;
overflow: hidden;
width: 100%;
position: fixed;
bottom: 0;
background: #fff;
padding: 5px;
z-index: 999999999;
}
.bottom_navbar .item {
background: #ddd;
float: left;
width: 100%;
position: relative;
margin: 5px;
text-align: center;
border-radius: 6px;
}
.bottom_navbar a {
display: inline-block;
margin: 0 auto;
width: 100%;
}
.bottom_navbar span {
*color: #fff;
font-weight: bold;
text-transform: capitalize;
white-space: nowrap;
}
.bottom_navbar .map {
*background: #bd227a;
}
.bottom_navbar .map a {}
.bottom_navbar .phone {
*background: #44c654;
}
.bottom_navbar .phone a {
color: #44c654;
}
.bottom_navbar .chat {
*background: #185C98;
}
.bottom_navbar .chat a {
color: #185c98;
}
.bottom_navbar .email {
*background: #d74437;
}
.bottom_navbar .email a {
color: #d74437;
}
.bottom_navbar .animation {
width: 25px;
height: 25px;
position: relative;
background: #fff;
margin: 5px auto;
border-radius: 100%;
display: inline-block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
margin-right: 5px;
}
.bottom_navbar .phone img {
left: 3px;
top: 4px;
}
.bottom_navbar .chat img {
left: 4px;
top: 1px;
width: 23px;
}
.bottom_navbar img {
text-align: center;
width: 18px;
border-radius: 10px;
position: absolute;
}
.bottom_navbar .phone .animation {
animation: play_phone 2s ease infinite;
}
.bottom_navbar .chat .animation {
animation: play_chat 3s ease infinite;
}
@keyframes play_phone {
0% {
transform: scale(1);
}
15% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
}
25% {
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4), 0 0 0 2px rgba(255, 255, 255, 0.2);
}
25% {
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 5px rgba(255, 255, 255, 0.2);
}
}
@keyframes play_chat {
0% {
transform: rotate(0);
}
5% {
transform: rotate(30deg);
}
10% {
transform: rotate(-28deg);
}
15% {
transform: rotate(34deg);
}
20% {
transform: rotate(-32deg);
}
25% {
transform: rotate(30deg);
}
30% {
transform: rotate(-28deg);
}
35% {
transform: rotate(26deg);
}
40% {
transform: rotate(-24deg);
}
45% {
transform: rotate(22deg);
}
50% {
transform: rotate(-20deg);
}
55% {
transform: rotate(18deg);
}
60% {
transform: rotate(-16deg);
}
65% {
transform: rotate(14deg);
}
70% {
transform: rotate(-12deg);
}
75% {
transform: rotate(10deg);
}
80% {
transform: rotate(-8deg);
}
85% {
transform: rotate(6deg);
}
90% {
transform: rotate(-4deg);
}
95% {
transform: rotate(2deg);
}
100% {
transform: rotate(-1deg);
}
}
@keyframes blinker {
50% {
opacity: 0;
}
}
@keyframes color-animation {
0% {
color: var(--color-1)
}
32% {
color: var(--color-1)
}
33% {
color: var(--color-2)
}
65% {
color: var(--color-2)
}
66% {
color: var(--color-3)
}
99% {
color: var(--color-3)
}
100% {
color: var(--color-1)
}
} .page-template-page-no-header .header.has-sticky.sticky-jump {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 200;
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.35);
padding: 10px;
transition: 0.3s;
background-color: rgb(0 0 0 / 50%);
}
.page-template-page-no-header .header.has-sticky.sticky-jump .inner {
max-width: 1520px;
height: 100px;
position: relative;
text-align: center;
padding: 0 83px 0 102px;
transition: 0.3s;
margin: 0 auto;
}
.page-template-page-no-header .header.has-sticky.sticky-jump .mnu {
width: 34px;
height: 34px;
right: 0;
top: 50%;
margin-top: -34px;
background: none;
color: #fff;
font-size: 24px;
position: absolute;
border: none;
transition: 0.3s;
}
.page-template-page-no-header .header.has-sticky.sticky-jump .logo {
position: absolute;
left: 0;
top: 30px;
transition: 0.3s
}
.page-template-page-no-header .header.has-sticky.sticky-jump .logo a {
display: block;
width: 102px;
height: 44px;
background: url(//apohair.com/wp-content/themes/images/logo.png) no-repeat;
text-indent: -9999px;
}
.page-template-page-no-header .header.has-sticky.sticky-jump .ux-menu-link__link {
color: #fff;
font-weight: bold;
}
.headSc .header.has-sticky.sticky-jump {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
background: rgba(255, 255, 255, 1);
padding: 0 !important;
}
.headSc .header.has-sticky.sticky-jump .ux-menu>.ux-menu-link>a {
color: #333;
}
.headSc .header.has-sticky.sticky-jump .ux-menu-link__link {
color: #333;
}
.page-template-page-no-header .ux-menu.gnb {
display: none;
position: fixed;
top: 60px;
left: 0;
width: 100%;
background: #fff;
text-align: center;
box-shadow: 0 1px 1px rgb(0 0 0 / 15%);
border-top: 1px solid #ddd;
}
.page-template-page-no-header .ux-menu.gnb>.ux-menu-link>a {
display: block;
font-size: 20px;
padding: 20px;
color: #000 !important;
}
.page-template-page-no-header .mnu .menu-icon:before {
content: '\f0c9';
}
.navOn .page-template-page-no-header .ux-menu.gnb {
display: block;
}
.navOn .page-template-page-no-header .mnu .menu-icon:before {
content: '\f00d';
}
.page-template-page-no-header .headSc .menu-icon {
color: #333;
}
.page-template-page-no-header .ux-menu.horizontal {
display: flex;
flex-direction: row;
justify-content: center;
}
.page-template-page-no-header .ux-menu.horizontal .ux-menu-link.flex.menu-item {
padding: 0 20px;
} .polylang_langswitcher {
list-style: none;
display: inline-flex;
width: auto;
margin: auto;
}
.polylang_langswitcher .lang-item {
margin: 0 10px;
}
.lang-item img {
margin-top: -5px;
}
.pll-switcher-select {
background-color: #b3986c;
margin-bottom: 5px;
}
.gt_switcher {
font-family: inherit !important;
font-size: inherit !important;
width: auto !important;
}
.gt_switcher .gt_option {
position: absolute !important;
top: 100%;
}
.gt_switcher .gt_selected,
.gt_switcher .gt_selected a:hover {
background: transparent !important;
}
.gt_switcher .gt_selected a {
display: flex !important;
align-items: center;
gap: 10px;
padding: 5px !important;
border: 1px solid #333 !important;
width: auto !important;
font-size: inherit !important;
}
.gt_switcher .gt_selected a:after {
position: relative !important;
right: inherit !important;
}
a#submit {
z-index: 1;
}
.bwg-item {
margin: 0 0 30px 0 !important;
}
.bwg-title2 {
margin: 10px 0 !important;
padding: 5px 10px !important;
}
.bwg-thumb-description {
padding: 5px 10px !important;
}
.bwg-play-icon1,
.bwg-item0:hover {
z-index: 9 !important;
}
.fa-phone {
transform: rotate(90deg);
}
.back-to-top {
right: 33px;
}
.intl-tel-input .flag-container {
top: 20px;
}
.intl-tel-input .country-list .country .country-name {
color: #999;
}
.woocommerce-multi-currency.wmc-shortcode {
border: 1px solid #333;
padding: 1.5px 10px 1.5px 0;
}
.woocommerce-multi-currency.wmc-shortcode .wmc-current-currency i:not(.wmc-open-dropdown-currencies) {
display: none;
}
.woocommerce-multi-currency.wmc-shortcode .wmc-currency .vi-flag-64 {
border-radius: 100%;
}
.woocommerce-multi-currency.wmc-sidebar.wmc-left {
top: 30%;
left: -200px;
}
.woocommerce-multi-currency.wmc-sidebar.wmc-right {
top: 30%;
right: -200px;
}
.wmc-sidebar .wmc-currency span {
width: 50px !important;
font-size: 1rem;
}
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper:hover .wmc-sub-currency {
z-index: 999;
}
.yith-wcan-filters .yith-wcan-filter h4 {
font-weight: bold;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label {
background-color: #fff;
line-height: 22px;
font-size: 14px;
height: inherit;
padding: 5px 10px;
margin: 5px 5px 5px 0;
border-radius: 8px;
box-shadow: 0 0 0 1px #cfd9e0;
border: none;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.with-image {
padding: 5px;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-image img {
border-radius: 5px;
}
.woof_list_label li .woof_label_term:hover,
.woof_list_label li .woof_label_term.checked {
background-color: #b3986c;
color: #fff;
}
@keyframes slide {
0% {
left: -100;
top: 0;
}
100% {
left: 290px;
top: 0;
}
}
.box-image a {
overflow: hidden;
}
.product-small:hover .box-image :not(.badge-custom) a:before {
transform: skewX(-30deg);
animation-name: slide;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-delay: .1s;
animation-direction: alternate;
background: linear-gradient(to right, rgb(255 255 255 / 52%) 0%, rgb(255 255 255 / 49%) 77%, rgba(255, 255, 255, 0.5) 92%, rgb(255 255 255 / 72%) 100%);
}
.box-image :not(.badge-custom) a:before {
content: '';
position: absolute;
top: 0;
left: -100px;
width: 70px;
height: 100%;
background: rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 48em) { .header-contact-wrapper #header-contact {
display: flex !important;
}
.header-contact-wrapper .header-button {
display: none;
}
img.ux-sidebar-menu-icon {
width: 80px;
margin-right: 10px !important;
}
.mobile-nav .header-search .icon {
border: none;
line-height: 3;
}
.section-title span {
font-size: 150% !important;
}
.woocommerce-tabs .product-tabs {
display: flex;
justify-content: center;
}
.woocommerce-tabs .product-tabs>li {
width: auto;
margin: 0 20px 0 0 !important;
}
.bottom_navbar {}
.bottom_navbar span {
width: 100%;
display: inline-block;
}
.bottom_navbar .item {
margin: 0;
padding: 5px 0;
width: auto;
border-radius: inherit;
}
span.ace-show-cats li {
width: 100%;
margin: 10px;
} #footer .col {
max-width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
body #message-purchased.wn-extended {
bottom: 60px !important;
}
ul.resp-tabs-list {
display: none;
}
h2.resp-accordion {
display: block;
}
.resp-vtabs .resp-tab-content {
border: 1px solid #C1C1C1;
}
.resp-vtabs .resp-tabs-container {
border: none;
float: none;
width: 100%;
min-height: initial;
clear: none;
}
.resp-accordion-closed {
display: none !important;
}
.resp-vtabs .resp-tab-content:last-child {
border-bottom: 1px solid #c1c1c1 !important;
}
.resp-tab-content-active h2 {
display: none;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color.label-below {
width: auto;
}
.bottom-navbar .ace-wrap--iconbox {
flex-direction: column;
}
.bottom-navbar .ace-wrap--iconbox a {
flex-direction: column;
padding: 5px;
}
.bottom-navbar .ace-wrap--iconbox .ace-iconbox--icon {
margin-right: 0;
}
a.show-all {
width: 100%;
text-align: right;
}
.tabbed-content .nav {
*overflow: scroll;
flex-flow: column;
white-space: nowrap;
justify-content: flex-start;
}
.tabbed-content .nav.nav-vertical {
flex-flow: inherit;
}
.tabbed-content .nav.nav-vertical li {
width: auto;
}
.row.row-small-6 .col {
flex-basis: 50%;
max-width: 50%;
}
.row.row-small-4 .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.stack {
display: block;
}
.stack.normal>* {
*float: left;
*padding: 0;
}
.ux-menu .menu-item,
.contact-button-fix .ace-box-wrap {
float: none;
}
.ace-wrap--iconbox .ace-iconbox--icon .icon-inner {
*width: auto !important;
height: auto !important;
}
.row .flex-col.flex-grow {
flex: inherit;
margin: 0 0 15px;
}
} #info-left {
width: 49%;
float: left;
margin-right: 2%;
}
#info-right {
width: 49%;
float: right;
}
.form-contact-twocol:after {
content: "020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
margin-bottom: 10px;
}
.form-contact-twocol {
display: block;
} .tuy-bien-form {
background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
} .wpcf7 p {
position: relative;
}
#icon-form {
position: absolute;
color: #ce3168;
z-index: 100;
font-size: 18px;
top: 8px;
left: 10px;
}
.wpcf7 p>span>input {
border: 0 solid;
border-bottom: 1px solid #333;
-webkit-box-shadow: unset;
box-shadow: unset;
background: transparent !important;
}
.wpcf7 p>span>textarea {
border: 0 solid;
border-bottom: 1px solid #333;
-webkit-box-shadow: unset;
box-shadow: unset;
background: transparent;
}
.wpcf7 input::placeholder {
color: #fff;
}
.wpcf7 textarea::placeholder {
color: #333;
}
.contact-input {
padding-left: 40px !important;
}
.mywebsite-custom-button {
border: 0px solid white !important;
}
.wpcf7-spinner {
display: none
}
span.amount {
color: #fff;
}
.mb-half {
margin-bottom: 35px;
}
.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
color: #333;
}
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
color: #333;
}
.contact-button-fix {
right: initial;
left: 30px;
}