/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
img.size-full.alignnone {
    margin-bottom: 0;
}

/* th, td {
    padding: 0;
} */

a {
    color: #334862;
    text-decoration: underline;
}

.nav>li>a {
    text-decoration: none;
}

ul.menu>li>a, ul.menu>li>span:first-child, .widget>ul>li>a, .widget>ul>li>span:first-child {
    text-decoration: none;
}

hr {
    opacity: 0.3;
}

.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    text-decoration: none;
}

.social-icons {
    padding-top: 15px;
}

.primary.is-outline {
    color: #585656;
}

.shop_table .cart_item td {
    padding-right: 15px;
}

table, th, td {
  border: 1px solid #ececec;
  border-collapse: collapse;
}
th, td {
  padding: 10px !important;
}

.wpml-ls-menu-item .wpml-ls-flag {
    display: none;
    vertical-align: baseline;
}

.wpml-ls-menu-item .wpml-ls-flag+span {
    margin-left: 0.3em;
    display: none;
}

.grecaptcha-badge { visibility: hidden; }


.newlink { text-align: center; padding: 20px 0; margin: 0; }
.newlink a {
    background: #f96c4b;
    color: #fff;
    display: inline-block;
    width: max-content;
    text-decoration: none;
    border-radius: 20px;
    font-size: 30px;
    transition: background linear .4s;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    flex-wrap: wrap;
    flex-direction: column;
    text-transform: uppercase;
}

.newlink a:hover { 
    background: #e55e42;
}

@media screen and (max-width: 850px) {
    .newlink a { line-height: 45px; font-size: 24px; }
}
@media screen and (max-width: 470px) {
    .newlink a { line-height: 27px; max-width: 90%; }
}

body .nav>li>a {
    font-size: .76em;
}

.b-slider { position: relative; width: 100%; overflow: hidden; height: 320px; }
.b-slider-items { position: relative; width: 100%; height: 100%; }
.b-slider-item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.b-slider-item.m-active { display: block; z-index: 3; }
.b-slider-item.m-active .b-slider-img.m-pc { display: block; } 
.b-slider-img { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.b-slider-img.m-pc {  }
.b-slider-img.m-mobile { display: none; }
.b-slider-texts { position: absolute; top: 0; left: 50%; width: 100%; transform: translate(-50%, 0); padding: 50px; max-width: 1000px; display: none; }
.b-slider-text { display: block; width: max-content; margin-bottom: 20px; z-index: 6; font-size: 36px; line-height: 36px; font-weight: 700; color: rgb(255, 255, 255); transition: none; letter-spacing: 0px; font-family: "PT Sans Narrow"; background-color: rgb(241, 198, 46); padding: 5px; min-height: 0px; min-width: 0px; max-height: none; max-width: 100%;  }
.b-slider-text.m-0 { margin-left: 0; }
.b-slider-text.m-1 { margin-left: 25px; }
.b-slider-text.m-2 { margin-left: 50px; }
.b-slider-text.m-3 { margin-left: 75px; }
.b-slider-nav { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 8; }
.b-slider-nav-arrow { position: absolute; top: 50%; width: 25px; height: 25px; pointer-events: all; transition: all linear .4s; max-width: none; min-width: auto; min-height: auto; max-height: none; padding: 0; margin: 0; border: 4px solid #fff; transform: rotate(-45deg) translate(0, -50%);  transform-origin: top right; }
.b-slider-nav-arrow.m-left { left: 25px; border-right: 0; border-bottom: 0; }
.b-slider-nav-arrow.m-right { right: 25px; border-left: 0; border-top: 0; transform-origin: center; }
.b-slider-nav-arrow:hover { opacity: .8; }
.b-slider-auto { position: absolute; top: 0; left: 0; height: 5px; background: rgba(0, 0, 0, 0.15); z-index: 10; }

@media screen and (max-width: 1100px) {
    .b-slider-texts { max-width: 700px; }
    .b-slider-text { font-size: 30px; line-height: 30px; margin-bottom: 15px; }
}
@media screen and (max-width: 850px) {
    .b-slider-texts { max-width: 500px; }
    .b-slider-text { font-size: 25px; line-height: 25px; margin-bottom: 10px; }
}

@media screen and (max-width: 850px) {
    .b-slider-texts { max-width: 500px; }
    .b-slider-text { font-size: 25px; line-height: 25px; margin-bottom: 10px; }
}

@media screen and (max-width: 600px) {
    .b-slider { height: 700px }
    .b-slider-img.m-pc { display: none !important; }
	.b-slider-item.m-active .b-slider-img.m-mobile { display: block; }
    .b-slider-texts { max-width: 90%; }
    .b-slider-text { font-size: 20px; line-height: 20px; margin-bottom: 5px; width: 100%; text-align: center; margin-left: 0 !important; }
}

.links.footer-nav a { color: #fff; padding: 2px;
    display: inline-block;
    margin: 3px;
 }

#main > #content > .slider-wrapper  { text-shadow: 1px 1px #000; }

.header-main .nav > li > a { color: #545454; }

.account-item.has-icon {     margin: 0; }

.nav-top-not-logged-in { padding: 10px 3px; }
/*************** END ADD CUSTOM  ***************/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.social-icons { padding-top: 0 !important }

.b-timebanner { position: relative; max-width: 1080px; margin: auto; display: flex; padding: 80px 0 20px; justify-content: space-between; align-items: stretch }
.b-timebanner-img { width: 46%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.b-timebanner-text { width: 46%; }
.b-timebanner-text p { padding: 0; margin: 0; }
.b-timebanner-text p.m-stitle { font-weight: bold; font-size: 22px; padding-bottom: 15px; }
.b-timebanner-text p.m-title { font-weight: bold; padding-bottom: 15px; padding-top: 15px; }
.b-timebanner-text ul { padding-left: 20px; }
.b-timebanner-text ul li { padding: 0; margin: 0; }
.b-timebanner-text a {   background: #ff00a0;
    color: #fff;
    display: inline-block;
    width: max-content;
    text-decoration: none;
    border-radius: 20px;
    font-size: 20px;
    transition: background linear .4s;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    flex-wrap: wrap;
    flex-direction: column;
    text-transform: uppercase; }
.b-timebanner-text a:hover { background: #ff00d4; }
.b-timebanner-time { display: none; position: absolute; top: 15px; left: 50%; transform: translate(-50%, 0); background: #ff00a0; padding: 5px; align-items: center; justify-content: center; width: max-content; }
.b-timebanner-time:before { content: 'LIMITED EDITION PRINT SALE ENDS:'; text-align: center; display: block; width: 100%; color: #fff; font-size: 12px; white-space: nowrap; }
.b-timebanner-time > span { color: #fff; display: inline-block; padding: 0 10px; text-align: center; margin: 0; }
.b-timebanner-time > span > span { display: block; margin: 0; padding: 0; }

@media screen and (max-width: 1080px) {
    .b-timebanner { width: 100%; padding: 80px 40px 20px; }
    .b-timebanner-img, .b-timebanner-text { width: 48%; }
}

@media screen and (max-width: 800px) {
    .b-timebanner { display: block; }
    .b-timebanner-img { display: block; width: 400px; height: 400px; margin: auto; }
    .b-timebanner-text { width: 100%; }
}
@media screen and (max-width: 470px) {
    .b-timebanner { width: 100%; padding: 90px 0 20px; }
    .b-timebanner-time { flex-wrap: wrap; width: min-content; top: 5px; }
    .b-timebanner-text { padding: 0 20px; }
    .b-timebanner-text a {  font-size: 15px; }
}
@media screen and (max-width: 410px) {
    .b-timebanner { min-width: 300px; }
    .b-timebanner-img { width: 95% }
}