@charset "UTF-8";
/* Themify Flatshop 5.6.5 framework 5.6.7 */
/* cyrillic-ext */@font-face{ font-family:'Raleway'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Raleway'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Raleway'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Raleway'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Raleway'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptsg8zYS_SKggPNyCg4TYFq.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Raleway'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Raleway'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Raleway'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Raleway'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Raleway'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptsg8zYS_SKggPNyCg4TYFq.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Raleway'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Raleway'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Raleway'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Raleway'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Raleway'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Raleway'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Raleway'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Raleway'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Raleway'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Raleway'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/raleway/v36/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/*/css/base.min.css*/
.tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;top:0;right:0;bottom:0;left:0}.tf_abs_t{position:absolute;top:0;left:0}.tf_abs_b{position:absolute;bottom:0;left:0}.tf_abs_c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}.tf_opacity{opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper > .post,.woocommerce ul.loops-wrapper.products > li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products > .product,body .loops-wrapper.no-gutter > .post{margin:0}.woocommerce .loops-wrapper.products.list-post > .product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137, 137, 137, .2);--tf_scroll_color_hover:rgba(137, 137, 137, .4);--tf_scroll_w:10px;--tf_scroll_h:10px;scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w);height:var(--tf_scroll_h)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}
/*/css/themify.common.css*/
iframe{
border:0
}
a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{
outline:1px dotted rgba(150,150,150,.2)
}
.tf_focus_heavy button:focus,
.tf_focus_heavy a:focus,
.tf_focus_heavy input:focus,
.tf_focus_heavy select:focus,
.tf_focus_heavy textarea:focus,
.tf_focus_heavy .button:focus{
outline:2px solid rgba(0,176,255,.8)
}
.tf_focus_none a,
.tf_focus_none button:focus,
.tf_focus_none a:focus,
.tf_focus_none input:focus,
.tf_focus_none select:focus,
.tf_focus_none textarea:focus,
.tf_focus_none .button:focus{
outline:none
}
.tf_large_font{
font-size:1.1em
}
.screen-reader-text{
border:0;
clip:rect(1px, 1px, 1px, 1px);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
word-wrap:normal!important
}
.screen-reader-text:focus{
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,.6);
clip:auto!important;
color:#21759b;
display:block;
font-size:.875rem;
font-weight:700;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}
.skip-to-content:focus{
clip-path:none
}
.post-image .themify_lightbox{
position:relative;
display:block;
max-width:100%
}
.post-image .themify_lightbox .zoom{
width:35px;
height:35px;
background:rgba(0,0,0,.3);
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border-radius:100%
}
.post-image .themify_lightbox .zoom .tf_fa{
vertical-align:middle;
color:#fff;
stroke-width:1px;
line-height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.post-image .themify_lightbox:hover .zoom{
background:rgba(0,0,0,.6)
}
.pswp:not(.pswp--open){display:none}
.ptb_map button,
.themify_map button{
border-radius:0
}
/*/themify-builder/css/modules/parallax.css*/
.themify_builder .builder-parallax-scrolling{
background-attachment:fixed!important;
background-repeat:no-repeat!important;
background-position:center; /* don't add !important here so user can change position with builder styling */
transition:background-position 0s!important
}
@media (hover:hover){
.themify_builder .builder-parallax-scrolling{
background-size:cover
}
}
@media(hover:none){
/* for touch devices */
.themify_builder .builder-parallax-scrolling{
background-attachment:scroll!important
}
}
/*/wp-content/themes/flatshop/styles/modules/site-logo.css*/
#site-logo {
margin: 2px 0 0;
font-weight: 300;
font-size: 1.625em;
text-transform: uppercase;
float: left;
}
#site-logo a,
#site-logo a:hover {
text-decoration: none;
}
.fixed-header-on .tf_sticky_logo ~ *,
body:not(.fixed-header-on) .tf_sticky_logo {
display:none !important;
}
/*/wp-content/themes/flatshop/styles/modules/site-description.css*/
#site-description {
font-size: .75em;
float: left;
margin: 2px 0 0 30px;
}
#site-description .site-taglink{
color: inherit;
font-size: inherit;
}
#site-description .site-taglink:hover{
text-decoration:none;
}
/*/css/modules/search-form.css*/
.tf_s_dropdown input[type="text"]{
background-color:#fff;
color:#000;
margin:0;
width:auto;
height:auto;
max-width:100%;
min-width:auto;
min-height:auto;
display:inline-block;
box-shadow:none
}
.tf_search_icon{
padding:9px 11px 10px;
border-radius:50em;
cursor:pointer;
line-height:normal
}
.tf_search_icon:hover{
background:rgba(150,150,150,.15)
}
.tf_icon_wrap{
position:absolute;
top:50%;
transform:translateY(-50%);
left:2px;
font-size:1.2em;
line-height:1
}
.tf_icon_wrap + input[type="text"],
.tf_icon_wrap + .tf_loader + input[type="text"]{
padding-left:36px;
}
.tf_s_dropdown .tf_icon_wrap{
left:12px
}
/*/css/modules/social-links.css*/
.social-widget .widget{
display:inline-block;
margin:0 3px 0 0
}
.social-widget .widgettitle{
width:auto;
font-weight:700;
font-size:100%;
font-family:inherit;
text-transform:none;
letter-spacing:0;
display:inline-block;
vertical-align:middle;
margin:0 .5em 0 0;
padding:0;
background:0;
border:0;
border-radius:0;
box-shadow:none
}
.social-widget .social-links{
margin:6px 0 0;
padding:0;
display:inline
}
.widget .social-links li img{
vertical-align:middle
}
.widget .social-links{
padding:0;
line-height:1em
}
.social-links .social-link-item{
display:inline-block;
margin:0 5px 5px 0;
padding:0;
list-style:none;
border:0
}
.social-links.vertical li{
display:block;
margin:0 0 5px
}
.widget .social-links a,
.widget .social-links a:hover{
text-decoration:none
}
.social-links li em{
vertical-align:middle;
line-height:1em;
width:20px;
height:20px;
padding:4px;
font-size:20px;
text-align:center;
border-radius:100%;
display:inline-block
}
.social-links .icon-small em{
font-size:8px;
width:8px;
height:8px
}
.social-links .icon-large em{
font-size:28px;
padding:6px;
width:36px;
height:36px
}
.social-links .icon-small img{
max-width:16px;
max-height:16px
}
.social-links .icon-medium img{
max-width:24px;
max-height:24px
}
.social-links .icon-large img{
max-width:32px;
max-height:32px
}
#footer .social-links.horizontal li,
#sidebar .social-links.horizontal li{
border:0;
display:inline-block
}
#footer .social-links.vertical,
#sidebar .social-links.vertical{
display:block
}
#footer .social-links.vertical li,
#sidebar .social-links.vertical li{
display:block;
margin:0 0 .5em
}
/*/css/grids/grid3.css*/
.loops-wrapper.products.grid3 > .product,
.loops-wrapper.grid3 > .post{
width:31.2%
}
.loops-wrapper.grid3 > .post:nth-of-type(3n+1){
margin-left:0;
clear:left
}
.loops-wrapper.products.grid3.no-gutter > .product,
.loops-wrapper.grid3.no-gutter > .post{
width:33.33%
}
@media screen and (max-width:900px){
.loops-wrapper.products.grid3 > .product,
.loops-wrapper.grid3 > .post{
width:48.4%
}
.loops-wrapper.products.grid3.no-gutter > .product,
.loops-wrapper.grid3.no-gutter > .post{
width:50%
}
.loops-wrapper.grid3 > .post:nth-of-type(3n+1){
clear:none;
margin-left:3.2%
}
.loops-wrapper.products.grid3 > .product:nth-of-type(2n+1),
.loops-wrapper.grid3 > .post:nth-of-type(2n+1){
margin-left:0;
clear:left
}
.loops-wrapper.products.grid3.no-gutter > .product,
.loops-wrapper.grid3.no-gutter > .post{
margin-left:0
}
}
@media screen and (max-width:680px){
.loops-wrapper.grid3 > .post,
.loops-wrapper.grid3.no-gutter > .post{
width:100%;
margin-left:0;
float:none
}
.loops-wrapper.grid3 > .post:nth-of-type(4n){
margin-left:0;
clear:none
}
}
@media screen and (min-width:901px){
.loops-wrapper.products.grid3 > .product:nth-of-type(3n+1){
margin-left:0;
clear:left
}
}
/*/wp-content/themes/flatshop/style.css*/
/*
Theme Name: Themify Flatshop
Theme URI: https://themify.me/themes/flatshop
Version: 5.6.5
Description: Created by Themify.
Author: Themify
Author URI: http://www.themify.me
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2016 Themify.
Tags: featured-images, translation-ready, custom-menu
Text Domain: themify
Required Plugins: woocommerce, themify-shortcodes
---------
DO NOT EDIT THIS FILE.
If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme).
*/
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
margin: 0;
padding: 0;
}
img, fieldset {
border: 0;
}
/* set img max-width */
img {
box-sizing: border-box;
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
/* audio */
audio,
iframe, object {
max-width: 100%;
}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
@font-face {
font-family: 'themify_theme_icon';
font-display:swap;
src: url('data:application/octet-stream;base64,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') format('woff');
}
html {
overflow-x: visible !important; /* fix slide menu panel hidden */
-webkit-font-smoothing: antialiased;
}
body {
background-color: #fff;
color: #666;
font: 400 1em/1.75em 'Raleway', Helvetica, sans-serif;
overflow-wrap:break-word;
}
a {
color: #000;
text-decoration: none;
transition: .3s;
}
a:hover {
color: #7f7f7f;
}
p {
margin: 0 0 1.8em;
}
small {
font-size: 87%;
}
blockquote {
font: italic 110%/130% "Times New Roman", Times, serif;
padding: 8px 30px 15px;
}
ins {
text-decoration: none;
}
/* LIST
================================================ */
ul, ol {
margin: 1em 0 1.4em 24px;
padding: 0;
}
li {
margin: 0 0 .5em 0;
padding: 0;
}
/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6 {
font-weight: 300;
margin: 30px 0 .4em;
color: #000;
overflow-wrap: normal;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.438em;
}
h4 {
font-size: 1.3em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1em;
}
/* TABLE
================================================ */
table {
text-align: left;
margin-bottom: 10px;
border-collapse: collapse;
}
table th {
text-align: left;
color: #000;
text-transform: uppercase;
font-weight: 400;
}
table td,
table th {
padding: 10px 5px;
border-spacing: 0;
border-bottom: solid 1px #eee;
}
/* FORM
================================================ */
/* form input */
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week], select, button, .button {
font-size: 100%;
font-family: inherit;
background: none;
border: 1px solid #000;
border-radius: 3px;
padding: 12px;
color: #7f7f7f;
-webkit-appearance: none;
-moz-appearance: none;
box-sizing: border-box;
}
.sidebar1 #body input,
.sidebar1 #body textarea,
.sidebar1 #body select,
.sidebar1 #body input[type=search] {
padding: 9px;
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[url] {
padding: 12px;
border: 1px solid #000;
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none;
}
input[type=text], input[type=search], input[type=email], input[url] {
width: 240px;
max-width: 100%;
}
/* select */
#body select {
padding: 12px 45px 12px 15px;
background: url('https://marketplace.sosdilure.com/wp-content/themes/flatshop/images/arrow-down.png') no-repeat 97% center;
background-position: right 15px center; /* Cr 25+, FF 13+, IE 9+, Op 10.5+ */
/* remove a default arrow icon on Firefox */
text-indent: .01px;
text-overflow: '';
}
option:disabled, #body select[disabled] {
color: #999
}
.ie8 select,
.ie9 select {
padding: 12px 15px;
background: none;
}
/* text area */
textarea {
line-height: 150%;
width: 94%;
}
/* form input:focus */
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[url]:focus {
background: rgba(255,255,255,.5);
color: #000;
}
/* form button */
input[type=reset], input[type=submit], button, .button {
background: #000;
border: 1px solid #000;
color: #fff;
padding: 12px 15px;
cursor: pointer;
border-radius: 3px;
text-transform: uppercase;
line-height: 1.2;
font-family: 'Raleway', Helvetica, sans-serif;
letter-spacing: .15em;
transition: .3s;
outline: none;
}
.sidebar1 #body input[type=reset],
.sidebar1 #body input[type=submit],
.sidebar1 #body button,
.sidebar1 #body .button,
.loops-wrapper.grid3 input[type=reset],
.loops-wrapper.grid3 input[type=submit],
.loops-wrapper.grid3 button,
.loops-wrapper.grid3 .button,
.loops-wrapper.grid4 input[type=reset],
.loops-wrapper.grid4 input[type=submit],
.loops-wrapper.grid4 button,
.loops-wrapper.grid4 .button {
padding:10px;
font-size: .875em;
letter-spacing: 0;
}
/* form input:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover, .button:hover {
background: rgba(0,0,0,.5);
color: #fff;
}
/* remove spin button */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav,#sidebar, .widget, #footerwrap, #footer {
box-sizing: border-box;
}
#pagewrap {
overflow: hidden; /* prevent horizontal scrollbar with fly-in animation */
}
/* main page width */
.pagewidth,
.single-product.sidebar-none .themify_builder_content,
.search-no-results.woocommerce.sidebar-none #content {
width: 1064px;
margin: 0 auto;
}
/* product fullwidth */
.sidebar-none.woocommerce.archive.list-post #layout.pagewidth,
.sidebar-none.query-product.list-post #layout.pagewidth,
.sidebar-none.single-product #layout.pagewidth {
width: 100% !important;
max-width: 100% !important;
}
.sidebar-none.query-product.list-post #content {
padding: 0;
}
/* single product - password protected */
.entry-password-required #layout-wrap {
padding-top: 100px;
}
.entry-password-required.sidebar-none #layout-wrap {
max-width: 1064px;
margin: 0 auto;
}
/* body (middle container) */
#body {
max-width: 100%;
overflow: hidden; /* prevent horizontal scrollbar with skrollr */
}
/* content */
#content {
width: 718px;
float: left;
}
.sidebar-none #content {
width: 100%;
float: none;
}
/* sidebar */
#sidebar {
width: 276px;
float: right;
}
/* sidebar left */
.sidebar-left #content {
float: right;
}
.sidebar-left #sidebar {
float: left;
}
/* layout wrapper */
#layout-wrap {
background: #fff;
padding-top: 100px;
}
.sidebar-none #sliderwrap + #layout-wrap {
padding-top: 0;
}
.single-media-wrap + #layout-wrap {
padding-top: 80px; /* reduce top padding in single post */
}
.single-media-wrap .themify_lightbox {
display: block !important;
}
/* fullwidth content */
.full_width #layout {
width: 100%;
max-width: 100%;
}
.full_width #content {
padding: 0;
width: auto;
float: none;
}
.full_width #sidebar {
width: auto;
float: none;
}
/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
margin-left: 3.2%;
float: left;
}
.col4-1 {
width: 22.6%;
}
.col4-2, .col2-1 {
width: 48.4%;
}
.col4-3 {
width: 74.2%;
}
.col3-1 {
width: 31.2%;
}
.col3-2 {
width: 65.6%;
}
.col.first,
.col4-1.first,
.col4-2.first,
.col4-3.first,
.col3-1.first,
.col3-2.first,
.col2-1.first
{
margin-left: 0;
clear: left;
}
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap {
padding: 25px 0;
transition: padding .3s, background .3s;
position: absolute;
top: 0;
left: 0;
z-index: 1001;
width: 100%;
background-color: rgba(255,255,255,.2);
}
#headerwrap:hover {
background-color: rgba(255,255,255,.8);
}
/* fixed header */
#headerwrap.fixed-header {
position: fixed;
padding: 10px 0;
width: 100%;
background-color: rgba(255,255,255,.8);
}
.admin-bar #headerwrap.fixed-header {
top: 32px;
}
#header {
position: relative;
transition: padding .2s linear;
}
.slide-nav-open .fixed-header #header {
padding-right: 240px;
}
/* sticky header logo */
#headerwrap .tf_sticky_logo, /* hide sticky header logo */
#headerwrap #fixedheaderheaderwrapsitelogoa,
#headerwrap.fixed-header .tf_sticky_logo,
#headerwrap.fixed-header .tf_sticky_logo + span,
#headerwrap.fixed-header .tf_sticky_logo + img,
#headerwrap #fixedheaderheaderwrapsitelogoa ~ .tf_sticky_logo {
display: none;
}
#headerwrap.fixed-header .tf_sticky_logo,
#headerwrap.fixed-header #fixedheaderheaderwrapsitelogoa {
display:block;
}
#headerwrap.fixed-header #site-logo img:not(.tf_sticky_logo) {
max-height: 60px;
width: auto;
transition: all .3s;
}
/* prevent transparent header overlap builder */
.themify_builder_active #headerwrap,
.themify_builder_active.has-fixed-header #headerwrap,
.transparent-header.themify_builder_active #headerwrap {
position: static !important;
color: inherit;
}
.transparent-header.themify_builder_active #headerwrap a {
color: inherit;
}
/*
SOCIAL WIDGET
================================================ */
#headerwrap .social-widget .widget {
margin: 30px 0 20px;
}
.social-widget a {
color: #fff;
font-size: 1.25em;
text-decoration: none;
}
.social-widget a:hover {
color: #7f7f7f;
text-decoration: none;
}
.social-widget .widget {
display: inline-block;
margin: 0 2px 0 0;
padding: 0;
}
.social-widget .widget div {
display: inline;
}
.social-widget .widgettitle {
width: auto;
font-size: 100%;
font-family: inherit;
text-transform: none;
border: none;
letter-spacing: 0;
position: static;
display: inline-block;
margin: 5px 8px 2px 0;
padding: 0;
background: transparent;
border-radius: 0;
box-shadow: none;
}
.social-widget ul {
margin: 6px 0 0 !important;
padding: 0;
display: inline;
}
.social-links.horizontal li {
padding: 0;
margin: 0 2px;
display: inline-block;
border: none !important;
clear: none;
line-height: 100%;
}
#slide-nav .social-widget ul li {
min-width: 17px;
text-align: center;
}
/* rss */
.social-widget div.rss {
display: inline;
}
.social-widget div.rss a {
color: #fff;
font-size: 1.25em;
}
.social-widget div.rss a:hover {
color: #7f7f7f !important;
}
.social-widget .icon-rss:before {
padding: 6px;
}
/*
SEARCH FORM
================================================ */
#searchform {
position: relative;
}
#searchform #s {
color: #8d8d8d;
padding: 10px 0 10px 36px;
border: none;
border-bottom: 1px #333 solid;
background: none;
border-radius: 0;
}
#searchform .icon-search {
font-size: 1.25em;
position: absolute;
left: 9px;
top: 12px;
}
/* header search */
#header #searchform {
margin-top: 65px;
}
#header #searchform #s {
padding: 0 0 17px 28px;
outline: none;
}
#header #searchform #s:focus {
color: #fff;
}
#header #searchform .icon-search {
font-size: 1.25em;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
color: #fff;
}
#header #searchform .search-option {
top: 38px;
}
/* search option */
#searchform .search-option {
font-size: 90%;
position: absolute;
top: 42px;
left: 30px;
z-index: 9999;
background: #484848;
padding: 6px 10px 5px;
white-space: nowrap;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
opacity: 0;
transition: opacity .3s linear;
}
#searchform:hover .search-option {
opacity: 1;
}
#searchform .search-option input {
border: none;
-webkit-appearance: radio;
-moz-appearance: radio;
}
#searchform .search-option label {
margin-right: 10px;
color: #ccc;
}
/*
MAIN NAVIGATION
================================================ */
/* Mobile Menu Styles */
.sidemenu {
transition:.2s ease-in-out;
transition-property:left,right;
width: 250px;
padding: 30px 25px;
background: #000;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
display: none;
position: fixed;
top: 0;
bottom: 0;
z-index: 111;
right: -300px;
}
.admin-bar .sidemenu {
top: 32px;
}
.main-nav-wrap {
margin-bottom: 30px;
}
.sidemenu-on {
right: 0;
}
.sidemenu-active {
position: relative;
}
.sidemenu-active, .sidemenu-active #headerwrap {
left: 0;
transition: left .2s ease-in-out;
}
#headerwrap {
left: 0;
}
.sidemenu-right, .sidemenu-right #headerwrap.fixed-header {
left: -300px;
}
/* Menu icon */
#menu-icon {
margin: 3px 0 0 15px;
font-size: 21px;
}
#menu-icon,
#cart-icon {
text-transform: uppercase;
display: block;
float: right;
}
#menu-icon i,
#cart-icon .tf_fa {
margin-right: 8px;
}
#menu-icon i{
width:18px;
height:16px;
display: inline-block;
position:relative;
box-sizing: border-box;
}
#menu-icon i:before,
#menu-icon i:after{
content:"";
display:inline-block;
border-top:3px solid;
position:absolute;
left: 0;
width:100%
}
#menu-icon i:before{
top:0;
height:22%;
border-bottom:3px solid;
margin-top:-1px
}
#menu-icon i:after{
bottom:0
}
#cart-icon {
background: #000;
color: #fff;
border-radius: 3px;
padding: 2px 8px;
margin-left: 16px;
position: relative;
}
#cart-icon:hover {
background: #7f7f7f;
}
#menu-icon-close,
#cart-icon-close {
color: #fff;
position: absolute;
right: 20px;
top: 30px;
font-size: 1.25em;
cursor: pointer;
}
#menu-icon-close:hover,
#cart-icon-close:hover {
color: #7f7f7f;
}
/* Slide nav */
#slide-nav > div,
#slide-cart > div {
padding: 0;
}
body.mobile-menu-visible {
position: relative;
overflow-y: hidden;
-webkit-overflow-scrolling: auto !important;
}
.body-overlay {
display: none;
background-color: rgba(255,255,255,.7);
width: 100%;
height: 100%;
position: fixed;
right: 300px;
top: 0;
z-index: 1000;
box-shadow: inset -1px 0 13px rgba(0,0,0,.13)
}
.body-overlay.body-overlay-on {
display: block; /* fix for Windows phone */
}
/* Navigation menu */
#main-nav {
margin: 0;
padding: 0;
height: auto;
}
#main-nav li {
margin: 0;
padding: 0;
list-style: none;
}
/* main level link */
#main-nav a {
color: #fff;
display: block;
padding: 4px 0;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
}
/* main level link :hover */
#main-nav a:hover {
color: #7f7f7f;
}
/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a {
color: #fff;
}
/* dropdown ul */
#main-nav ul {
margin: 0;
padding-left: 20px;
list-style: none;
}
#main-nav ul li {
background: none;
padding: 0;
margin: 0;
float: none;
}
#main-nav ul li a {
font-size: .875em;
text-transform: none;
letter-spacing: 0;
}
/************************************************************************************
HORIZONTAL MENU
*************************************************************************************/
.horizontal-menu {
margin: 0;
padding: 0;
float: right;
z-index: 100;
}
.horizontal-menu li {
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
}
/* main level link */
.horizontal-menu a {
display: block;
padding: 4px 15px;
margin: 0 5px 0 0;
line-height: 1.5em;
text-decoration: none;
}
/* main level link :hover */
.horizontal-menu a:hover, .horizontal-menu li:hover > a {
}
/* current link */
.horizontal-menu .current_page_item a, .horizontal-menu .current-menu-item a {
background: #333;
color: #fff;
border-radius: 5px;
}
/* current link :hover */
.horizontal-menu .current_page_item a:hover, .horizontal-menu .current-menu-item a:hover {
color: #fff;
}
/* sub-levels link */
.horizontal-menu ul a, .horizontal-menu .current_page_item ul a, .horizontal-menu ul .current_page_item a, .horizontal-menu .current-menu-item ul a, .horizontal-menu ul .current-menu-item a {
color: #666;
font-size: 100%;
line-height: 140%;
font-weight: normal;
text-transform: none;
padding: 6px 6px 6px 15px;
margin: 0;
display: block;
width: 180px;
background: none;
border: none;
text-shadow: none;
border-radius: 0;
box-shadow: none;
}
/* sub-levels link :hover */
.horizontal-menu ul a:hover, .horizontal-menu .current_page_item ul a:hover, .horizontal-menu ul .current_page_item a:hover, .horizontal-menu .current-menu-item ul a:hover, .horizontal-menu ul .current-menu-item a:hover {
background: #F3F3F3;
color: #000;
}
/* dropdown ul */
.horizontal-menu ul {
margin: 0;
padding: 5px 0;
list-style: none;
position: absolute;
background: #fff;
z-index: 100;
display: none;
border-radius: 5px;
}
.horizontal-menu ul li {
background: none;
padding: 0;
margin: 0;
float: none;
}
/* sub-levels dropdown */
.horizontal-menu ul ul {
left: 190px;
top: -2px;
}
/* show dropdown ul */
.horizontal-menu li:hover > ul {
display: block;
}
.with-sub-arrow .child-arrow,
#mobile-menu .horizontal-menu span.child-arrow {
display: none;
}
/* Edge Menu */
#horizontal-menu li.edge > ul {
left: auto;
right: 0;
}
#horizontal-menu ul li.edge > ul {
left: auto;
right: 100%;
}
#slide-nav .horizontal-menu {
float: none;
margin: 0;
padding: 0;
}
#slide-nav .horizontal-menu ul {
background: none;
display: block;
position: static;
}
#slide-nav .horizontal-menu li {
float: none;
}
#slide-nav .horizontal-menu ul {
padding-left: 20px;
}
#slide-nav .horizontal-menu a {
color: #fff;
padding: 5px 0;
text-transform: uppercase;
}
#slide-nav .horizontal-menu a:hover {
color: #7f7f7f;
background: none;
}
#slide-nav .horizontal-menu ul a {
text-transform: none;
font-size: .875em;
}
#slide-nav .horizontal-menu .current_page_item a,
#slide-nav .horizontal-menu .current-menu-item a {
background: none;
}
/************************************************************************************
SLIDE SHOW
*************************************************************************************/
#sliderwrap {
overflow: hidden;
position: relative;
}
#slider-inner {
margin: auto;
}
#slider .slides p {
margin: 0 0 1em;
}
#slider .slide-feature-image img {
width: 100%;
height: auto;
display: block;
}
#slider .tf_carousel_nav_wrap{
margin:0
}
#slider .tb_turn_on {
display:none;
}
/* slide caption */
#slider .slide-feature-image + .slide-content-wrap {
position: absolute;
top: 35%;
}
/* text left (also default style) */
#slider .slide-feature-image + .slide-content-wrap {
left: 0;
width: 510px;
margin-left: 8.5%;
}
#slider .slide-feature-image + .slide-content-wrap.textright {
right: 0;
left: auto;
width: 510px;
margin-right: 8.5%;
}
#slider .slide-feature-image + .slide-content-wrap.textcenter {
left: 50%;
width: 700px;
margin-left: -350px;
}
#slider .slides .slide-content {
color: #000;
line-height: 1.625em;
}
.slides h1,
.slides h2,
.slides h3,
.slides h4,
.slides h5,
.slides h6 {
color: #000;
margin: 0 0 .3em;
}
.slides .slide-post-title {
font-size: 3.125em;
margin: 0 0 .3em;
text-transform: uppercase;
line-height: 1.2;
}
.slides .slide-content-wrap a {
color: #000;
text-decoration: none;
}
.slides .slide-content .button {
margin-top: 15px;
}
/* slides mini gallery */
.slides .gallery {
margin: 5px 0 0 !important;
}
.slides .gallery img,
.slides .gallery .gallery-item {
max-width: 30px !important;
width: 30px !important;
display: inline;
}
.slides .gallery .gallery-item {
margin-right: 1.5% !important;
}
/* Slider plugin style
================================================ */
/* slider pager */
#slider .tf_carousel_bullets {
padding: 10px 0;
width: 100%;
position: absolute;
bottom: 5px;
z-index: 10;
left:0;
}
/* pager button */
#slider .tf_carousel_bullet{
width: 12px;
height: 12px;
margin: 0 2px;
background: rgba(255,255,255,.6);
border:none;
}
/* pager active */
#slider .tf_carousel_bullet.selected {
background:#fff
}
/* Next previous slide button
================================================ */
#slider .tf_carousel_nav_wrap > a {
position: absolute;
top: 45%;
width: 55px;
height: 56px;
color: transparent;
overflow:visible;
}
#slider .tf_carousel_nav_wrap .carousel-prev {
left: 15px;
text-align: left;
}
#slider .tf_carousel_nav_wrap .carousel-next {
right: 30px;
text-align: right;
}
#slider .tf_carousel_nav_wrap > a:before{
color: #000;
font-size: 2.5em;
content: '';
display: block;
width: 1.5em;
height: 1.5em;
border: 1px solid transparent;
transform-origin: 0 0;
}
#slider .tf_carousel_nav_wrap .carousel-prev:before {
border-left-color: #000;
border-top-color: #000;
transform: rotateZ(-60deg) skewX(-30deg);
height: 1.3em;
}
#slider .tf_carousel_nav_wrap .carousel-next:before {
border-right-color: #000;
border-top-color: #000;
transform: rotateZ(60deg) skewX(30deg);
height: 1.3em;
transform-origin: top right;
}
/************************************************************************************
PRETTYPHOTO
*************************************************************************************/
div.pp_woocommerce a.pp_expand,
div.pp_woocommerce a.pp_contract,
div.pp_woocommerce .pp_close,
div.pp_woocommerce .pp_arrow_previous,
div.pp_woocommerce .pp_arrow_next,
div.pp_woocommerce .pp_previous:before,
div.pp_woocommerce .pp_next:before,
a.pp_previous,
a.pp_next {
color: #000;
background: none !important;
border: none !important;
box-shadow: none !important;
}
div.pp_woocommerce .pp_close {
top: 10px !important;
right: 10px !important;
}
div.pp_woocommerce a.pp_expand {
top: 10px !important;
left: 10px !important;
}
div.pp_woocommerce .pp_arrow_previous,
div.pp_woocommerce .pp_arrow_next {
margin-top: 9px !important;
}
div.pp_woocommerce a.pp_expand:hover,
div.pp_woocommerce a.pp_contract:hover,
div.pp_woocommerce .pp_close:hover,
div.pp_woocommerce .pp_arrow_previous:hover,
div.pp_woocommerce .pp_arrow_next:hover {
color: #7f7f7f;
}
/************************************************************************************
PAGE
*************************************************************************************/
/* page title */
.page-title {
margin: 0 auto 50px;
padding: 0;
font-size: 4em;
line-height: 110%;
color: #000;
}
/* fullwidth query product page title */
.sidebar-none.woocommerce.archive .page-title,
.sidebar-none.query-product .page-title,
.sidebar-none.post-type-archive-product .page-title {
text-align: center;
}
.sidebar-none #sliderwrap + #layout-wrap .page-title {
padding-top: 60px;
}
/*
CATEGORY SECTIONS
================================================ */
.category-section {
clear: both;
margin-bottom: 30px;
}
.category-section-title {
font-size: 120%;
text-transform: uppercase;
margin: 0 0 20px;
padding: 10px 0 0;
border-top: double 4px #ccc;
}
/************************************************************************************
POST
*************************************************************************************/
.loops-wrapper .post {
margin-bottom: 100px;
margin-left:0;
box-sizing: border-box;
}
/* post content */
.post-content {
min-width: 120px;
}
/* post title */
.post-title {
margin: 10px 0 8px;
padding: 0;
text-transform: uppercase;
letter-spacing: .05em;
line-height: 1.2;
}
/* post image */
.post-image.left {
float: left;
margin-right: 15px;
}
.post-image.right {
float: right;
margin-left: 15px;
}
/* single fullwidth image */
.single-post .single-media-wrap,
.single-portfolio .single-media-wrap {
width: 100%;
margin: auto;
padding: 0;
float: none;
clear: both;
text-align: center;
}
.single-post .single-media-wrap img,
.single-portfolio .single-media-wrap img {
width: 100%;
max-width: 1600px;
margin: auto;
height: auto;
vertical-align: bottom;
}
.single-post .single-media-wrap .post-video {
padding-top: 82px;
}
/* overlap image */
.overlap-image {
margin: -45px 6% 15px 3.5%;
float: left;
position: relative;
z-index: 1;
}
.loops-wrapper.grid4 .overlap-image,
.loops-wrapper.grid3 .overlap-image {
max-width: 30%;
}
.single .overlap-image {
margin-top: 0;
margin-left: 0;
}
/* post meta */
.post-meta {
font-size: .75em;
text-transform: uppercase;
margin: 0 0 15px;
letter-spacing: 1px;
line-height: 1.8em;
}
.post-meta .separator {
margin: 0 4px;
opacity: .2;
}
.loops-wrapper.grid4 .post-meta {
letter-spacing: 0;
}
.loops-wrapper.grid4 .post-meta .separator,
.loops-wrapper.grid3 .post-meta .separator {
margin: 0 2px;
}
/* more link */
.more-link {
text-transform: uppercase;
margin-top: 40px;
letter-spacing: .05em;
float: right;
}
.more-link:after {
content: '';
display: inline-block;
font-size: .875em;
margin-left: 7px;
vertical-align: middle;
transition: .3s;
width: .7em;
height: .7em;
border: 1px solid transparent;
border-right-color: inherit;
border-top-color: inherit;
transform-origin: center;
transform: rotateZ(45deg);
}
.more-link:hover:after {
margin-left: 15px;
}
.loops-wrapper.grid4 .post-title {
font-size: 120%;
margin: 0 0 8px;
padding: 0;
}
.loops-wrapper.grid3 .post-title {
font-size: 140%;
margin: 0 0 10px;
padding: 0;
}
.loops-wrapper.grid2 .post-title {
font-size: 150%;
margin: 0 0 3px;
padding: 0;
}
.loops-wrapper.grid2-thumb .post-title {
margin: 0 0 5px;
font-size: 150%;
}
.loops-wrapper.grid2-thumb .post-image {
float: left;
margin: 0 20px 15px 0;
}
.loops-wrapper.grid2-thumb .post-content {
overflow: hidden;
}
/* list thumb post */
.loops-wrapper.list-thumb-image .post-image {
float: left;
margin: 0 20px 15px 0;
}
.loops-wrapper.list-thumb-image .post-content {
overflow: hidden;
}
/* list large image */
.loops-wrapper.list-large-image .post-image {
float: left;
margin: 0 20px 15px 0;
}
.loops-wrapper.list-large-image .post-title {
font-size: 200%;
margin: 0 0 5px;
padding: 0;
}
.loops-wrapper.list-large-image .post-content {
overflow: hidden;
}
/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video,
.embed-youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin-bottom: 15px;
}
.post-video iframe,
.post-video embed,
.embed-youtube iframe,
.embed-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box {
margin: 15px 0;
}
.author-box .author-avatar {
float: left;
margin: 0 15px 5px 0;
}
.author-box .author-name {
margin: 0 0 5px;
}
/************************************************************************************
POST NAVIGATION (the tag)
*************************************************************************************/
.post-pagination {
text-align: right;
margin: .5em 0 2em;
}
.post-pagination strong {
margin-right: 3px;
}
.post-pagination a {
margin-left: 3px;
margin-right: 3px;
}
/************************************************************************************
POST NAVIGATION
*************************************************************************************/
.post-nav {
margin: 0 0 80px;
border-bottom: solid 1px #ddd;
position: relative;
min-height: 100px;
}
.post-nav .prev .arrow,
.post-nav .next .arrow {
position: absolute;
bottom: 0;
}
.post-nav a {
text-decoration: none;
display: inline-block;
text-transform: uppercase;
line-height: 1em;
padding: 15px 0;
border-bottom: solid 1px #ddd;
bottom: 0;
position: absolute;
margin-bottom: -1px;
}
.post-nav a:hover {
text-decoration: none;
border-bottom: solid 1px #000;
}
/* post nav arrow */
.post-nav .arrow {
color: #000;
display: block;
width: auto;
text-transform: lowercase;
}
.post-nav .prev a {
padding-left: 30px;
}
.post-nav .prev .arrow {
bottom: 14px;
left: 0;
}
.post-nav .next {
right: 0;
text-align: right;
}
.post-nav .next a {
padding-right: 30px;
right: 0;
}
.post-nav .next .arrow {
bottom: 14px;
right: 0;
}
/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap {
margin: 10px 0 20px;
position: relative;
clear: both;
}
/* comment title */
.comment-title, #reply-title {
font-size: 1.75em;
margin: 0 0 10px;
padding: 0;
text-transform: uppercase;
letter-spacing: .05em;
}
/* comment pagenav */
.commentwrap .pagenav {
margin: 20px 0;
box-shadow: none;
}
.commentwrap .pagenav.top {
margin: 0;
position: absolute;
top: -30px;
right: 0;
}
/* commentlist */
.commentlist {
margin: 0 0 30px;
padding: 5px 0 0;
}
.commentlist li {
margin: 0;
padding: 40px 0 0;
list-style: none;
position: relative;
}
.commentlist .comment-author {
margin: 2px 0 10px;
padding: 0;
}
.commentlist .avatar {
float: left;
margin: 0 25px 0 0;
border-radius: 100%;
}
.commentlist cite {
font-style: normal;
font-size: 1.25em;
}
.commentlist cite a {
text-decoration: none;
}
.commentlist cite .tf_fa{
margin-right:10px
}
.commentlist .comment-time {
font-size: 75%;
text-transform: uppercase;
margin-left: 15px;
}
.commentlist .commententry {
position: relative;
min-height: 40px;
overflow: hidden;
padding-bottom: 5px;
overflow-wrap:break-word;
}
.commentlist ul, .commentlist ol {
margin: 0 0 0 7%;
padding: 0;
}
/* reply link */
.commentlist .reply {
position: absolute;
right: 0;
top: 40px;
}
.commentlist .comment-reply-link {
font-size: 1.125em;
text-transform: uppercase;
text-decoration: none;
color: #7f7f7f;
}
.commentlist .comment-reply-link:hover {
color: #000;
}
/*
COMMENT FORM
================================================ */
#respond {
margin: 0;
padding: 50px 0 0;
position: relative;
clear: both;
}
#respond #cancel-comment-reply-link {
position: absolute;
top: 48px;
right: 0;
line-height: 100%;
text-decoration: none;
padding: 5px 10px;
text-transform: lowercase;
display: block;
font-size: 16px;
}
#respond #cancel-comment-reply-link:hover {
color: #7f7f7f;
}
#respond textarea,
#respond input[type=text],
#respond input[type=password],
#respond input[type=search],
#respond input[type=email],
#respond input[url] {
padding: 8px;
margin-bottom: 15px;
}
#commentform {
margin: 30px 0 0;
}
#commentform label small {
font-weight: normal;
}
#commentform textarea {
height: 140px;
width: 100%;
box-sizing: border-box;
}
#commentform .comment-form-author,
#commentform .comment-form-email {
width: 50%;
float: left;
box-sizing: border-box;
clear: none;
}
#commentform p.comment-form-author {
padding-right: 2%;
}
#commentform .comment-form-email {
padding-left: 2%;
}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url] {
width: 100%;
max-width: none;
box-sizing: border-box;
}
/************************************************************************************
SIDEBAR
*************************************************************************************/
.widget {
margin: 0 0 50px;
overflow-wrap:break-word;
}
.widgettitle {
margin: 0 0 20px;
padding: 0;
text-transform: uppercase;
font-size: 1.375em;
color: #000;
letter-spacing: 1px;
}
.widget ul {
margin: 0;
padding: 0;
}
.widget li {
margin: 0;
padding: 8px 0;
list-style: none;
clear: both;
}
.widget ul ul {
margin: 6px 0 -6px 0;
padding: 0;
border-top: none;
}
.widget ul ul li {
margin: 0;
padding-left: 10px;
}
/************************************************************************************
WIDGET STYLES
*************************************************************************************/
/* calendar widget */
.widget #wp-calendar caption {
font-weight: bold;
padding-bottom: 10px;
}
.widget #wp-calendar td {
width: 31px;
padding: 4px 2px;
text-align: center;
}
/* feature posts widget */
.widget .feature-posts-list br {
display: none;
}
.widget .feature-posts-list .post-img {
margin: 4px 12px 10px 0;
float: left;
border-radius: 3px;
}
.widget .feature-posts-list small {
font-style: italic;
font-size: 90%;
display: block;
margin: 0 0 3px;
}
.widget .feature-posts-list .feature-posts-title {
margin: 4px 0 3px;
}
.widget .feature-posts-list .post-excerpt {
display: block;
}
/* twitter widget */
.widget .twitter-list .twitter-timestamp a {
font-style: italic;
font-size: 90%;
}
.widget .follow-user {
margin: 0;
padding: 5px 0;
}
/* links widget */
.widget .links-list img, .widget_links img {
vertical-align: middle;
}
/* recent comments widget */
.recent-comments-list .avatar {
margin-right: 12px;
float: left;
}
/* flickr widget */
.widget .flickr_badge_image {
margin-top: 10px;
}
.widget .flickr_badge_image img {
width: 50px;
height: 50px;
margin-right: 12px;
margin-bottom: 12px;
float: left;
}
/* search widget */
#sidebar #searchform #s {
width: 85%;
}
/* add white bg to facebook badge iframe */
iframe[src*="facebook"] {
background: #fff;
}
/* reset twitter embed max-width to 100% */
#content .twitter-tweet-rendered {
max-width: 100% !important;
}
#content .twt-border {
max-width: 100% !important;
min-width: 180px !important;
}
/* Text widget */
.widget .textwidget ul {
margin: 0 0 1.4em 1.6em;
}
.widget .textwidget li {
display: list-item;
}
.widget .textwidget ul li {
list-style: disc;
}
.widget .textwidget ol li {
list-style: decimal;
}
/************************************************************************************
INFINITE SCROLL
*************************************************************************************/
/* load more button */
.themify_load_more {
padding: 30px 0 10px;
clear:both;
text-align: center;
}
.themify_load_more a {
text-transform: uppercase;
color: #000;
background: #fff;
padding: 13px 25px 12px;
text-decoration: none;
display: inline-block;
border: solid 1px #000;
border-radius: 2px;
width:auto;
}
.themify_load_more a:hover {
background-color: #000;
color: #fff;
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
clear: both;
}
.footer-widgets .widget {
margin-top: 36%;
}
/* back to top */
.back-top {
text-align: center;
text-transform: uppercase;
margin: 10% 0;
}
.back-top a {
color: #ccc;
display: inline-block;
}
.back-top a:before {
font-size: 3em;
display: block;
margin-bottom: 20px;
color: #000;
text-align: center;
}
.back-top a:before {
content: '';
width: 1.25em;
height: 1.1em;
border: 1px solid transparent;
border-top-color: inherit;
border-left-color: inherit;
transform-origin: left bottom;
transform: rotateZ(32deg) skewX(-25deg);
}
.back-top a:hover {
color: #000;
}
/* social */
#footer .social-widget ul li {
min-width: 30px;
text-align: center;
}
/* footer text */
.footer-text,
.store-info {
text-align: center;
}
.footer-text{
font-size: .813em;
margin-bottom: 60px;
}
/* store info */
.store-info {
font-size: .875em;
margin: 0 0 25px;
}
.store-info i {
margin: 0 5px 0 20px;
}
.store-info p {
display: inline;
}
/* footer social widget */
#footer .social-widget {
text-align: center;
margin: 75px 0 40px;
}
#footer .social-widget a {
color: #000;
font-size: 2em;
}
#footer .social-widget a:hover {
color: #7f7f7f;
}
/* footer google map */
#footerwrap .google-map {
font-size: 0;
}
#footerwrap .google-map .shortcode.map .map-container {
margin: 0;
border: none;
}
#footerwrap .google-map .shortcode.map {
height: 400px;
}
/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
.sticky {}
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
margin-bottom: 15px;
}
.alignleft {
float: left;
margin-right: 30px;
}
.alignright {
float: right;
margin-left: 30px;
}
.aligncenter {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
text-align: center;
margin-bottom: 15px;
max-width: 100%;
}
.wp-caption-text {
font-size: 95%;
line-height: 120%;
margin: 6px 0;
}
/************************************************************************************
ATTACHMENT SINGLE VIEW
*************************************************************************************/
.attachment.single-attachment,
.single-attachment .attachment {
float: none;
margin: 0;
text-align: left;
}
/************************************************************************************
SHORTCODE
*************************************************************************************/
/*
BUTTON STYLES
================================================ */
/* flat */
a.shortcode.button {
font-family: 'Raleway', Helvetica, sans-serif;
padding: 12px 15px !important;
cursor: pointer;
border-radius: 3px !important;
text-transform: uppercase;
letter-spacing: .15em;
transition: .3s;
}
/* outline */
button.outline,
.button.outline,
a.shortcode.button.outline {
background: none !important;
color: #000 !important;
text-shadow: none !important;
box-shadow: none;
}
button.outline:hover,
.button.outline:hover,
a.shortcode.button.outline:hover {
background: rgba(255,255,255,.7);
border-color: rgba(0,0,0,.3);
}
/* black */
a.shortcode.button.black.flat {
background: #000;
border: 1px solid #000;
color: #fff;
}
/* form input:hover */
a.shortcode.button.black.flat:hover {
background: rgba(0,0,0,.5);
color: #fff;
}
/* white */
a.shortcode.button.white.flat,
.button.white.flat {
background: #fff;
color: #000;
border-color: #fff;
}
a.shortcode.button.white:hover,
.button.white.flat:hover {
background: rgba(255,255,255,.7);
}
/* white + outline */
a.shortcode.button.white.outline,
.button.white.outline {
background: none;
color: #fff !important;
border-color: #fff;
}
a.shortcode.button.white.outline:hover,
.button.white.outline:hover {
background: rgba(255,255,255,.3) !important;
}
/* grid4 */
.loops-wrapper.grid4 .product .button {
margin: 0;
}
/*
AUTHOR PAGE
================================================ */
.shortcode.author-box {
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
margin: 70px 0;
box-shadow: none;
padding: 35px 0;
}
.shortcode.author-box .author-avatar {
margin: 0 30px 5px 0;
}
.shortcode.author-box .author-avatar img {
padding: 0;
background: none;
box-shadow: none;
border-radius: 100%;
}
.shortcode.author-box .author-name {
margin: 0 0 15px;
text-transform: uppercase;
font-size: 1.5em;
letter-spacing: .05em;
}
/************************************************************************************
WEBFONT ICON
*************************************************************************************/
/* Flatshop */
div.pp_woocommerce .pp_close:before,
div.pp_woocommerce .pp_close:after,
div.pp_woocommerce .pp_arrow_previous:before,
div.pp_woocommerce .pp_arrow_next:before,
.woocommerce div.pp_woocommerce .pp_next:before,
.woocommerce div.pp_woocommerce .pp_previous:before {
content: '';
display: inline-block;
width: .7em;
height: .7em;
border: 1px solid transparent;
transform-origin: top center;
}
div.pp_woocommerce .pp_arrow_previous:before,
.woocommerce div.pp_woocommerce .pp_previous:before {
border-left-color: #000;
border-top-color: #000;
transform: rotateZ(-45deg);
}
div.pp_woocommerce .pp_arrow_next:before,
.woocommerce div.pp_woocommerce .pp_next:before {
border-right-color: #000;
border-top-color: #000;
transform: rotateZ(45deg);
}
div.pp_woocommerce .pp_close:before,
div.pp_woocommerce .pp_close:after {
width: 92%;
height: 100%;
border-top-color: #000;
position: absolute;
right: 0;
top: 15px;
}
div.pp_woocommerce .pp_close:before {
transform: rotateZ(45deg);
}
div.pp_woocommerce .pp_close:after {
transform: rotateZ(-45deg);
}
.icon-flatshop-close:before,
.icon-flatshop-close:after,
.icon-flatshop-up-small:before,
.icon-flatshop-right-small:before,
.icon-flatshop-left-small:before,
.icon-flatshop-down-small:before {
content: '';
display: inline-block;
vertical-align: middle;
font-size: .875em;
width: .7em;
height: .7em;
border: 1px solid transparent;
transform-origin: top center;
}
.icon-flatshop-left-small:before {
border-left-color: inherit;
border-top-color: inherit;
transform: rotateZ(-45deg);
}
.icon-flatshop-right-small:before {
border-right-color: inherit;
border-top-color: inherit;
transform: rotateZ(45deg);
}
.icon-flatshop-up-small:before {
border-left-color: inherit;
border-top-color: inherit;
transform: rotateZ(45deg);
}
.icon-flatshop-down-small:before,
.icon-flatshop-down:before {
border-right-color: inherit;
border-bottom-color: inherit;
transform: rotateZ(45deg);
}
.icon-flatshop-close:before,
.icon-flatshop-close:after {
width: 1.5em;
border-top-color: inherit;
position: absolute;
right: 0;
top: 15px;
}
.icon-flatshop-close:before {
transform: rotateZ(45deg);
}
.icon-flatshop-close:after {
transform: rotateZ(-45deg);
}
/* FontAwesome SVG */
.star-rating,
p.stars a.star-1:after,
p.stars a.star-2:after,
p.stars a.star-3:after,
p.stars a.star-4:after,
p.stars a.star-5:after,
.social-widget li a:after,
.commentlist .bypostauthor > .comment-author cite:before {
font-family: 'themify_theme_icon';
}
.fa-reorder:before { content: "\f0c9"; /*fa-reorder-o*/}
.fa-time:before{content:"\f017"; /*fa-clock-o*/}
.fa-building:before{content:"\f0f7"; /*fa-building-o*/}
.commentlist .bypostauthor > .comment-author cite:before {
content: "\f02e"; /* fa-bookmark */
color: #E53E3E;
padding-right: 8px;
}
.webkit .commentlist .bypostauthor > .comment-author cite:before {
background:linear-gradient(#E53E3E, #960808);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/************************************************************************************
SKROLLABLE
*************************************************************************************/
/* fix blank white page mobile */
.parallax-header #sliderwrap, .parallax-header.single-post #body > .single-media-wrap {
-webkit-backface-visibility: hidden;
transform: translate3d(0,0,0);
}
.parallax-header .single-post #layout-wrap {
-webkit-backface-visibility: hidden;
}
.parallax-header #sliderwrap, .parallax-header.single-post #body > .single-media-wrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.parallax-header #layout-wrap {
min-height: 400px;
}
.parallax-header #layout-wrap, .parallax-header #footerwrap{
position: relative;
}
.tb_animation_on:not(.themify_builder_active) .fade-in-up.animated .transition-one-up,
.tb_animation_on:not(.themify_builder_active) .fade-in-up.animated .product-bg-container,
.tb_animation_on:not(.themify_builder_active) .fade-in-up.animated .post-image,
.tb_animation_on:not(.themify_builder_active) .fade-in-up.animated .overlay-image,
.tb_animation_on:not(.themify_builder_active) .fade-in-up.animated .post-content {
-webkit-backface-visibility: hidden;
animation-duration:.5s;
animation-fill-mode: both;
animation-name: fadeInUpBig !important;
}
.tb_animation_on:not(.themify_builder_active) .fly-in-left.animated {
animation-name: flyInLeft !important;
}
.tb_animation_on:not(.themify_builder_active) .fly-in-right.animated {
animation-name: flyInRight !important;
}
.tb_animation_on:not(.themify_builder_active) .fly-in-bottom.animated {
animation-name: flyInBottom !important;
}
.tb_animation_on:not(.themify_builder_active) .fade-in > .animated.post,
.tb_animation_on:not(.themify_builder_active) .fade-in .row_inner > .animated.tb-column,
.tb_animation_on:not(.themify_builder_active) .col4-1.animated.fade-in,
.tb_animation_on:not(.themify_builder_active) .col4-2.animated.fade-in,
.tb_animation_on:not(.themify_builder_active) .col4-3.animated.fade-in,
.tb_animation_on:not(.themify_builder_active) .col3-1.animated.fade-in,
.tb_animation_on:not(.themify_builder_active) .col3-2.animated.fade-in,
.tb_animation_on:not(.themify_builder_active) .col2-1.animated.fade-in,
.tb_animation_on:not(.themify_builder_active) .product-image.animated.fade-in,
.tb_animation_on:not(.themify_builder_active) .summary.animated.fade-in {
animation-name: fadeIn;
}
/************************************************************************************
BUILDER
*************************************************************************************/
.themify_builder_row > .row_inner,
.module-layout-part .themify_builder_row.fullwidth_row_container > .row_inner {
width: 1064px; /* same width as .pagewidth */
max-width: 100%;
margin: auto;
}
.themify_builder_row.fullwidth > .row_inner {
width: 100%;
padding: 0;
}
.module-image.image-left .image-wrap {
margin-right: 30px;
}
.module-image.image-right .image-wrap {
margin-left: 30px;
}
.module-title {
font-size: 1.8em;
border: none;
padding-top: 0;
}
.themify_builder_slider .slide-title {
font-size: 1.2em;
}
.module-image .image-title {
font-size: 1.3em;
}
/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.textleft {
text-align: left;
}
.textright {
text-align: right;
}
.textcenter {
text-align: center;
}
/* clearfix */
.widget li:after, #body:after, #footer:after, footer:after,#main-nav:after, .menu:after,#content:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.widget li,footer,#main-nav, .menu
{ display: block; }
/************************************************************************************
Announcement Bar
*************************************************************************************/
.admin-bar .themify_announcement.top.absolute {
top: 0;
}
.themify_announcement.absolute + #pagewrap #headerwrap.fixed-header {
margin-top: 0 !important; /* reset the margins in fixed header */
}
/*
* Fix TinyMCE dropdowns in frontend editor
*/
body.themify_builder_active {
position: static;
}
/*/wp-content/themes/flatshop/media-queries.css*/
@media screen and (max-width:1200px){
@media screen and (max-width: 1100px) {
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
max-width: 100%;
}
.pagewidth,
.single-product.sidebar-none .themify_builder_content,
.entry-password-required.sidebar-none #layout-wrap,
.themify_builder_row > .row_inner {
max-width: 90%;
}
.default_width #layout .module_row > .row_inner,
.module-layout-part .themify_builder_row.fullwidth > .row_inner,
.themify_builder_row.fullwidth > .row_inner {
max-width:100%;
}
.sidebar-none.query-product #layout.pagewidth,
.sidebar-none.archive.post-type-archive-product #layout.pagewidth {
width: 100%;
max-width: 100%;
}
/* content */
#content {
width: 67.8%;
}
/* sidebar */
#sidebar {
width: 26.2%;
}
#sidebar .secondary {
width: 47.4%;
}
/* form */
input, textarea {
padding: 9px;
}
select {
padding: 9px 45px 9px 9px;
}
/* button */
input[type=reset], input[type=submit], button, .button {
padding: 10px 10px;
font-size: .75em;
letter-spacing: 0;
}
}
@media screen and (max-width: 950px) {
/************************************************************************************
SLIDESHOW
*************************************************************************************/
.slide-feature-image + .slide-content-wrap {
top: 15%;
}
.slides .slide-post-title {
font-size: 2em;
}
/* button */
.loops-wrapper.grid2 .product .button,
.loops-wrapper.grid3 .product .button,
.loops-wrapper.grid4 .product .button {
font-size: .6em;
margin: 0;
padding: 8px 8px;
}
/* cart */
.sidebar-none .cart-collaterals .cart_totals,
.sidebar-none .cart-collaterals .shipping_calculator {
width: 55%;
}
}
@media screen and (max-width: 780px) {
/************************************************************************************
STRUCTURE
*************************************************************************************/
#layout-wrap {
padding-top: 80px;
}
#content {
width: 100%;
max-width: 100%;
float: none;
clear: both;
}
/* sidebar */
#sidebar {
width: 100%;
max-width: 100%;
float: none;
clear: both;
padding: 0;
}
/************************************************************************************
SLIDESHOW
*************************************************************************************/
#sliderwrap {
margin-bottom: 20px;
}
#slider .slides li {
margin-bottom: 10px;
}
#slider .slide-feature-image + .slide-content-wrap {
position: static;
margin: 20px auto 0 !important;
text-align: center;
width: 90% !important;
}
#slider .slides .slide-post-title {
margin: 2.5% 0 1.5%;
font-size: 1.25em;
color: #000 !important;
}
#slider .slides .slide-excerpt {
width: 94%;
margin: 0 auto;
font-size: .8em;
line-height: 1.6em;
color: #000 !important;
}
#slider .slides .slide-content .button {
margin-top: 3%;
}
#slider .slides .slide-content a.shortcode.button.white,
#slider .slides .slide-content .button.white {
background-color: #000 !important;
color: #fff !important;
}
#slider .slides .slide-content a.shortcode.button.white:hover,
#slider .slides .slide-content .button.white:hover {
background-color: rgba(0,0,0,.5) !important;
}
/* arrows */
#slider .tf_carousel_nav_wrap,
#slider .flex-direction-nav {
position: relative
}
#slider .tf_carousel_nav_wrap a,
#slider .flex-direction-nav a {
font-size: 12px;
position:static
}
#slider .flex-direction-nav .flex-prev {
left: 15px;
}
#slider .flex-direction-nav .flex-next {
right: -15px;
}
#slider .tf_carousel_nav_wrap .carousel-prev:before,
#slider .tf_carousel_nav_wrap .carousel-next:before,
#slider .flex-direction-nav .flex-prev:before,
#slider .flex-direction-nav .flex-next:before {
font-size: .9em;
position:relative;
top:19px
}
/* control nav */
#slider .tf_carousel_bullets,
#slider .flex-control-nav {
padding: 0 0 25px;
position: static;
}
#slider .tf_carousel_bullet,
#slider .flex-control-nav a {
background-color: rgba(0,0,0,.3);
width: 6px;
height: 6px;
}
#slider .tf_carousel_bullet.selected,
#slider .flex-control-nav .flex-active {
background-color: #000;
}
/************************************************************************************
SHOP
*************************************************************************************/
.woocommerce-breadcrumb,
.product .product-image,
.product .summary,
.product .images {
width: auto !important;
float: none !important;
margin-bottom: 5%;
text-align: center !important;
}
.lightbox-item .variations {
text-align: center !important;
}
.loops-wrapper.list-post .product h3,
.product h3,
.product .product_title {
font-size: 2em;
}
.product .price {
font-size: 1em;
}
.product .product-description {
margin: 15px 0 30px;
}
/* single */
.variations {
width: 100%;
text-align: center;
}
.variations tr {
margin-bottom: 15px;
display: block;
}
.variations td {
display: block;
padding: 0;
}
.quantity input.qty {
float: none;
}
.quantity .plus,
.quantity .minus {
float: none;
display: inline;
}
/* tab */
#reviews .star-rating {
float: none;
margin: 15px 0 5px;
}
.woocommerce_tabs h2,
.woocommerce-tabs h2 {
font-size: 1.25em;
margin: 20px 0 25px;
letter-spacing: .05em;
}
#reviews .comment .meta time {
display: block;
margin-left: 0;
}
/* cart */
table.cart {
font-size: .813em;
line-height: 1.3;
}
table.cart .product-name {
width: 43%;
}
table.cart .product-price {
display: none;
}
table.cart .product-remove {
width: 20px;
}
.quantity .plus, .quantity .minus {
font-size: 1.25em;
}
td.actions {
text-align: left;
}
td.actions .coupon {
float: none;
margin-bottom: 20px;
}
td.actions .coupon .input-text {
float: none;
}
td.actions .coupon .button {
margin: 10px 0;
}
.cart-collaterals .cart_totals,
.cart-collaterals .shipping_calculator {
width: 100% !important;
text-align: left;
}
.cart-collaterals .cart_totals h2,
.cart-collaterals .shipping_calculator h2 {
font-size: 1.25em;
letter-spacing: 0;
}
/* upsells and related */
.upsells h2,
.related h2 {
margin-bottom: 20px;
font-size: 1.375em;
letter-spacing: 1px;
}
/* related grid3 */
.upsells.grid3 .products .product,
.related.grid3 .products .product {
width: 27.3%;
float: left;
}
.upsells.grid3 .products .product-description,
.related.grid3 .products .product-description {
margin: 0 0 10px;
font-size: .8em;
line-height: 1.5em;
}
/* related grid4 & grid2 */
.upsells.grid4 .products .product,
.related.grid4 .products .product,
.upsells.grid2 .products .product,
.related.grid2 .products .product {
width: 44%;
padding: 6% 3%;
float: left;
}
.upsells.grid4 .products .product-description,
.related.grid4 .products .product-description,
.upsells.grid2 .products .product-description,
.related.grid2 .products .product-description {
margin: 0 0 10px;
font-size: .9em;
line-height: 1.3em;
}
.upsells .product .button,
.related .product .button {
font-size: .6em;
margin: 0 0 5px;
padding: 8px 8px;
}
.upsells .product h3,
.related .product h3 {
font-size: 1em;
margin: 0 0 5px;
}
.upsells .product .price,
.related .product .price {
margin: 0 0 5px;
}
/************************************************************************************
PAGE
*************************************************************************************/
.page-title {
font-size: 2em;
}
/************************************************************************************
POST
*************************************************************************************/
.post-title {
font-size: 1.75em;
}
.comment-title, #reply-title {
font-size: 1.375em;
letter-spacing: 1px;
}
/* list large image */
.list-large-image .post-image {
float: none;
margin-right: 0;
}
.list-large-image .post-content {
overflow: visible;
float: none;
}
/* comment */
.commentlist .avatar {
margin-right: 20px;
}
/************************************************************************************
PRODUCT LIGHTBOX
*************************************************************************************/
.post-lightbox-iframe .product .product_title,
.post-lightbox .lightbox-message h2 {
font-size: 1.375em;
}
/************************************************************************************
FOOTER
*************************************************************************************/
/* store info */
.store-info i {
margin: 0 5px 0 0;
}
.store-info p {
display: block;
}
}
@media screen and (max-width: 680px) {
/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2, .col2-1,
.col4-3,
.col3-1,
.col3-2 {
margin-left: 0;
width: 100%;
max-width: 100%;
}
/************************************************************************************
HEADER
*************************************************************************************/
/* social widget */
.social-widget {
position: static;
float: none;
padding: 0;
}
/************************************************************************************
SHOP
*************************************************************************************/
#product_single_wrapper {
padding-top: 14%;
}
.woocommerce_tabs ul.tabs li a, .woocommerce-tabs ul.tabs li a {
font-size: .75em;
padding: 10px 10px 5px;
}
/* table */
table.cart {
border-top: 1px #eee solid;
}
table.cart thead {
display: none;
}
table.cart th,
table.cart td {
text-align: left !important;
}
table.cart .product-name {
width: 50%;
}
table.cart .product-quantity {
width: 80px;
text-align: center !important;
}
table.cart tr > td:first-child {
margin-top: 20px;
}
table.cart tr:first-child > td:first-child {
margin-top: 0;
}
table.cart .label,
table.cart .content {
padding: 5px 3px;
}
table.cart .label {
display: block;
float: left;
width: 30%;
text-align: left;
color: #000;
text-transform: uppercase;
font-weight: 400;
}
table.cart .content {
margin: 0 0 0 33%;
}
.cart_table_item .product-remove .content {
text-align: right;
}
.cart_table_item a.remove {
display: inline;
}
.cart_table_item .quantity input.qty {
width: 20px;
padding: 5px !important;
}
.quantity .plus, .quantity .minus {
padding: 0 !important;
font-size: 1em;
}
/* checkout page */
.checkout .col-1,
.checkout .col-2 {
width: auto;
float: none;
}
/************************************************************************************
POST
*************************************************************************************/
.post {
width: auto !important;
max-width: 100% !important;
margin-left: 0 !important;
float: none !important;
}
.post-title {
font-size: 1.5em;
margin-bottom: 8px;
}
.post-meta {
margin-bottom: 25px;
}
/* grid4 */
.loops-wrapper.grid4 .post,
.loops-wrapper.grid3 .post {
width: 100%;
margin-left: 0;
float: none;
margin-bottom: 15%;
}
/* cart */
table.cart .product-thumbnail {
display: none;
}
td.actions .coupon .input-text {
width: 20%;
float: none;
padding: 8px !important;
}
/* review */
p.stars a {
width: 32.3%;
margin-bottom: 5px;
}
/* comment */
#respond textarea,
#respond input[type=text],
#respond input[type=password],
#respond input[type=search],
#respond input[type=email],
#respond input[url] {
margin-bottom: 5px;
}
#commentform label {
display: block;
margin-bottom: 10px;
}
/************************************************************************************
AUTHOR
*************************************************************************************/
.shortcode.author-box .author-avatar {
margin-right: 20px;
}
.shortcode.author-box .author-avatar img {
width: 50px;
}
.shortcode.author-box .author-name {
font-size: 1.25em;
margin-bottom: 10px;
}
/************************************************************************************
POST NAV
*************************************************************************************/
.post-nav .prev,
.post-nav .next {
display: block;
width: 100%;
clear: both;
margin-bottom: 25px;
}
.post-nav {
margin: 0 0 30px;
}
.post-nav,
.post-nav a,
.post-nav a:hover {
border-bottom: none;
}
.post-nav span,
.post-nav a {
position: static;
}
.post-nav .arrow {
display: inline-block;
}
.post-nav .prev a,
.post-nav .next a {
padding: 0;
}
.post-nav .prev .arrow {
float: left;
margin: 4px 10px 40px 0;
}
.post-nav .next .arrow {
margin: 4px 0 40px 10px;
}
/************************************************************************************
COMMENTS
*************************************************************************************/
.commentlist {
padding-left: 0;
}
.commentlist .avatar {
width: 50px;
}
.commentlist .comment-time {
margin-left: 0;
display: block;
}
/************************************************************************************
LIGHTBOX
*************************************************************************************/
.post-lightbox-iframe .images {
float: none;
width: 100%;
margin-right: 0;
}
.post-lightbox #post-lightbox-wrap {
max-width: 92.2%;
top:50%!important
}
#post-lightbox-wrap .summary {
padding: 0 7%;
}
/* added to cart */
.post-lightbox #post-lightbox-wrap.lightbox-message .button {
font-size: .813em;
}
#slide-nav {
max-height: 100% !important;
}
/************************************************************************************
FOOTER
*************************************************************************************/
/* reduce map container height on smaller viewport */
#footerwrap .google-map .shortcode.map {
height: 280px;
}
.footer-widgets .first .widget {
margin-top: 12%;
}
.footer-widgets .widget {
margin-top: 0;
}
}
/* WordPress Breaking Points */
@media screen and (max-width: 782px) {
.admin-bar .sidemenu,
.admin-bar .fixed-header {
top: 46px;
}
}
@media screen and (max-width: 600px) {
.admin-bar.sidemenu-active {
position: static;
}
.admin-bar.sidemenu-active.mobile-menu-visible {
position: relative;
top: -46px;
}
.admin-bar #headerwrap {
top: 46px;
}
.admin-bar .sidemenu,
.admin-bar #headerwrap.fixed-header,
.admin-bar .fixed-header .sidemenu {
top: 0;
}
}
@media screen and (max-width: 768px) {
ul.products {
width: 100%;
margin: 0 0 10%;
}
.loops-wrapper.products.grid2 .product,
.loops-wrapper.products.grid3 .product,
.loops-wrapper.products.grid4 .product{
width: 50%;
padding: 15% 0;
}
.loops-wrapper.products.grid2 .product:nth-child(2n+1),
.loops-wrapper.products.grid3 .product:nth-child(2n+1),
.loops-wrapper.products.grid4 .product:nth-child(2n+1){
clear: left;
}
/* button */
.loops-wrapper.product.grid2 .button,
.loops-wrapper.product.grid3 .button,
.loops-wrapper.product.grid4 .button{
padding: 10px 10px;
margin: 0 10px 0 0;
display: inline-block;
width: auto;
font-size: .875em;
}
}
}
/*/wp-content/themes/flatshop/styles/wc/woocommerce.css*/
/************************************************************************************
FEATURE PRODUCT SLIDER
*************************************************************************************/
.product-sliderwrap {
height: 0; /* hide slider (will be loaded with Javascript) */
overflow: hidden;
}
.product-slider {
border-bottom: solid 1px #ccc;
padding: 0 25px 30px;
position: relative;
}
.product-slides {
margin: 0;
padding: 0;
}
.product-slides li {
margin: 6px 8px 0 8px;
padding: 0;
list-style: none;
float: left;
text-align: center;
}
/* reset .product style in slider */
.product-slides .product {
margin: 0;
}
.product-slides .product-imagewrap {
margin: 0 !important;
float: none !important;
}
/* product slider plugin style
================================================ */
.product-slider .carousel-nav-wrap {
text-align: center;
margin: 15px auto 10px;
border: none;
}
.product-slider .carousel-prev,
.product-slider .carousel-next {
display: block;
width: 18px;
height: 30px;
margin-top: -15px;
position: absolute;
top: 50%;
text-indent: -900em;
cursor: pointer;
}
.product-slider .carousel-prev{
background: url('https://marketplace.sosdilure.com/wp-content/themes/flatshop/styles/wc/images/product-slider-prev.png');
left: -22px;
}
.product-slider .carousel-next{
background: url('https://marketplace.sosdilure.com/wp-content/themes/flatshop/styles/wc/images/product-slider-next.png');
right: -22px;
}
/* carousel nav disabled */
.product-slider .carousel-nav-wrap .disabled,
.product-slider .carousel-nav-wrap .disabled {
display: none !important;
cursor: default;
}
/* carousel pager */
.product-slider .carousel-pager {
clear: both;
text-align: center;
display: inline-block;
vertical-align: middle;
}
.product-slider .carousel-pager a {
text-indent: -900em;
width: 8px;
height: 8px;
display: inline-block;
margin: 0 3px;
background-color: rgba(0, 0, 0, .6);
border: solid 2px #111;
border-radius: 10em;
cursor: pointer;
}
.product-slider .carousel-pager a.selected {
background-color: rgba(255,255,255,.3);
border-color: #666;
}
/************************************************************************************
PRODUCT
*************************************************************************************/
ul.products {
list-style: none;
margin: 0 auto 5%;
}
/* GRID
================================================ */
.woocommerce ul.loops-wrapper.products>li.product {
box-sizing:border-box;
position: relative;
margin: 0;
text-align: center;
}
.woocommerce ul.loops-wrapper.list-post.products>li.product {
padding: 15% 5%;
width: 100%;
margin:0
}
.loops-wrapper.grid2.products>.product {
padding: 6% 3%;
width: 50%;
}
.loops-wrapper.grid3.products>.product{
padding: 4% 3%;
width: 33.332%;
}
.loops-wrapper.grid4.products>.product{
padding: 4% 3%;
width: 25%;
}
/* fullcover bg image */
.product.fullcover,
.product.fullcover .product-bg {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
/* product title */
.product h3 {
font-weight: 300;
text-transform: uppercase;
line-height: 1;
font-size: 1.43em;
}
.list-post .product h3 {
font-size: 3.125em;
margin: 0 0 15px;
}
/* product price */
.product .price {
font-size: 1.25em;
font-weight: 300;
margin: 0 0 15px;
}
/* product description */
.product .product-description {
margin: 35px 0 40px;
line-height: 1.625;
}
.grid2 .product-description,
.grid3 .product-description,
.grid4 .product-description {
margin: 25px 0 40px;
}
.product .button {
margin: 5px 8px 5px 0;
white-space: nowrap;
display: inline-block;
}
.image-right .button {
margin-left: 8px;
margin-right: 0;
}
.image-center .button {
margin-left: 4px;
margin-right: 4px;
}
.grid4 .product .button {
font-size: .6em;
margin: 0;
padding: 8px 8px;
}
/* product image */
.product .product-image {
position: relative;
}
/* sale */
.onsale {
background-color: #e74c3c;
border-radius: 100%;
color: #fff;
text-transform: uppercase;
font-size: .625em;
width: 40px;
height: 31px;
display: inline-block;
text-align: center;
padding-top: 9px;
margin-right: 10px;
position: relative;
top: -3px;
}
.product mark {
background: none;
color: inherit;
}
/* product image */
.product-imagewrap {
position: relative;
display: inline-block;
max-width: 100%;
}
.product-imagewrap img {
vertical-align: bottom;
}
.product-image {
margin-bottom: 10px;
}
/* loading animation */
.loading-product{
display: none;
position: absolute;
left: 50%;
top: 45%;
width: 50px;
height: 50px;
margin-left: -25px;
margin-right: -25px;
background: rgba(0,0,0,.7) url('https://marketplace.sosdilure.com/wp-content/themes/flatshop/styles/wc/images/prod-loader.gif') no-repeat center center;
border-radius: 8px;
}
.loading-done{
background-image: url('https://marketplace.sosdilure.com/wp-content/themes/flatshop/styles/wc/images/prod-done.png') !important;
}
/* View Cart button */
.added_to_cart {
color: inherit;
color: .8em;
}
/* PRODUCT POSITION
================================================ */
/* image left */
.list-post .summary,
.single-product .summary {
text-align: left;
width: 50%;
float: right;
}
.list-post .product-image,
.single-product .images {
width: 40%;
float: left;
}
/* image right */
.list-post .image-right .summary,
.single-product .image-right .summary {
text-align: right;
width: 50%;
float: left;
}
.list-post .image-right .product-image,
.single-product .image-right .images {
width: 40%;
float: right;
}
/* image center */
.list-post .image-center .summary,
.image-center .summary {
margin: 0 auto;
width: 80%;
text-align: center;
float: none;
}
.list-post .image-center .product-image,
.single-product .image-center .images {
width: 100%;
margin-bottom: 45px;
text-align: center;
}
/* PRODUCT LIGHTBOX
================================================ */
body.post-lightbox {
padding: 0 !important;
overflow: hidden; /* prevent body scrolling */
}
body.post-lightbox-iframe {
padding-top: 0;
}
body.post-lightbox-iframe .post-nav,
body.post-lightbox-iframe #wpadminbar {
display:none;
}
.post-lightbox #post-lightbox-wrap {
width:960px;
max-width:90%;
max-height:95%;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
height:auto !important;
border-radius:10px;
box-shadow:0 6px 20px rgba(0,0,0,.12);
padding: 4%;
margin: auto;
background-color: #fff;
position: fixed;
z-index: 3000;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.post-lightbox .lightbox-message h3 {
color: #000;
text-transform: uppercase;
font-size: 1.75em;
margin: 0 0 35px;
}
#post-lightbox-container {
margin-top: 40px;
}
.lightbox-added {
padding: 0 0 5%;
text-align: center;
}
.lightbox-item .variations {
text-align: left !important;
}
.lightbox-item .product > div {
background: none;
}
.post-lightbox .close-lightbox{
cursor:pointer;
color:#000;
display:block;
position:fixed;
text-decoration:none;
top:10px;
right:10px;
width:32px;
height:32px;
z-index:900;
border-radius:100%;
transition:transform .3s
}
.post-lightbox .close-lightbox:before,
.post-lightbox .close-lightbox:after{
content:'';
display:inline-block;
width:60%;
border-bottom:1px solid;
position:absolute;
left:0;
top:50%;
transform:rotateZ(45deg);
margin-left:7px
}
.post-lightbox .close-lightbox:after{
transform:rotateZ(-45deg)
}
.post-lightbox .close-lightbox:hover{
background-color:rgba(150,150,150,.15);
transform:rotateZ(90deg)
}
#pattern{
position:fixed;
top:0;
left:0;
z-index:1000;
background-color: rgba(0,0,0,0.5);
}
#post-lightbox-wrap.post-lightbox-temp{
visibility:hidden;
z-index:-1;
opacity:0
}
/* product */
#post-lightbox-wrap .product,
post-lightbox-wrap .product-bg {
background: none !important; /* remove bg styling in lightbox */
}
/* lightbox info */
.post-lightbox-iframe #product_single_wrapper {
padding: 0;
margin: 0;
}
/* lightbox product title */
#post-lightbox-wrap .product .product_title a{
font-size: 1em;
margin: 0 0 20px;
color: #000;
}
/* lightbox product image */
#post-lightbox-wrap .images {
width: 40%;
float: left;
}
#post-lightbox-wrap .product-image {
width: auto;
float: none;
}
#post-lightbox-wrap .images .thumbnails {
margin: 8% 0;
}
#post-lightbox-wrap .images .thumbnails a {
margin-left: 10px;
}
#post-lightbox-wrap .images .thumbnails a:first-child {
margin-left: 0;
}
#post-lightbox-wrap .images .thumbnails a:hover {
opacity: .5;
}
#post-lightbox-wrap .images .thumbnails img {
border-radius: 3px;
}
/* lightbox summary */
#post-lightbox-wrap .summary {
width: 50%;
float: right;
}
#post-lightbox-wrap .summary,
#post-lightbox-wrap .images {
text-align: left;
}
#post-lightbox-wrap .product .product-description {
margin: 20px 0 35px;
color: #7f7f7f;
}
/* lightbox input elements */
#post-lightbox-wrap .quantity input.qty, #post-lightbox-wrap #body .variations select {
background-color: #fff;
border-color: #000;
color: #000;
}
#post-lightbox-wrap .quantity .plus,
#post-lightbox-wrap .quantity .minus {
color: #000;
}
/* lightbox product meta */
#post-lightbox-wrap .product .price,
#post-lightbox-wrap .product .product_meta,
#post-lightbox-wrap .product .product_meta a {
color: #000;
}
/* lightbox product button */
#post-lightbox-wrap .product .button {
margin-top: 20px;
margin-right: 8px;
padding: 12px 15px;
letter-spacing: .15em;
font-size: 1em;
background-color: #000;
border-color: #000;
color: #fff;
outline: none;
}
#post-lightbox-wrap .product .button:hover {
background-color: rgba(0,0,0,.5);
}
/* woocommerce-result-count
================================================ */
.sidebar-none .woocommerce-result-count {
margin-bottom: 20px;
text-align: center;
}
/* PAGE NAVIGATION
================================================ */
.woocommerce-pagination {
text-align: center;
border-bottom: solid 1px #ddd;
margin: 12% 0 15%;
font-size: 1.12em;
clear: both;
}
.woocommerce-pagination .page-numbers {
margin: 0 0 13px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* for Chrome and Safari */
.woocommerce-pagination .page-numbers {
margin: 0 0 12px;
}
}
.woocommerce-pagination li {
display: inline-block;
margin: 0;
}
.woocommerce-pagination a, .woocommerce-pagination span {
padding: 15px 12px;
}
.woocommerce-pagination a {
color: #7f7f7f;
border-bottom: solid 1px #ddd;
}
.woocommerce-pagination a:hover {
color: #000;
border-bottom: 1px solid #000;
}
.woocommerce-pagination .current {
border-bottom: 1px solid #000;
}
/* product single
================================================ */
.single-product.sidebar-none #layout-wrap {
padding: 0; /* required for parallax */
}
#product_single_wrapper {
padding: 10% 0 6%;
}
#product_single_wrapper.product {
margin-right: 0;
}
.single-product .product .image-right,
.single-product .product .image-left,
.single-product .product .image-center {
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
background-size: cover;
}
.single-product.parallax-header .product .image-right,
.single-product.parallax-header .product .image-left,
.single-product.parallax-header .product .image-center{
background-attachment: fixed;
}
.single-product .images .woocommerce-main-image {
position: relative;
display: inline-block;
width: 100%;
}
.single-product .images .thumbnails {
margin-top: 8%;
}
.single-product .images .thumbnails a {
margin: 0 8px;
}
.single-product .images .thumbnails a:hover {
opacity: .5;
}
.single-product .images .thumbnails img {
border-radius: 3px;
}
#product_single_wrapper .product-imagewrap {
float: left;
margin-right: 35px;
width: 280px;
max-width: 100%;
}
#product_single_wrapper .product-content {
overflow: hidden;
min-width: 200px;
}
#product_single_wrapper .product-title {
font-size: 160%;
}
/* additional product thumbs */
.product-thumbs {
margin: 10px 0;
}
.product-thumbs .thumb {
width: 50px;
margin-right: 5px;
margin-bottom: 5px;
display: inline-block;
}
/* breadcrumb */
.woocommerce-breadcrumb {
font-size: .75em;
text-transform: uppercase;
margin: 0 0 15px;
letter-spacing: 1px;
}
.sidebar-none.woocommerce.archive .woocommerce-breadcrumb {
text-align: center;
}
.image-right .woocommerce-breadcrumb {
text-align: right;
width: 50%;
}
.image-left .woocommerce-breadcrumb {
text-align: left;
}
.image-center .woocommerce-breadcrumb {
text-align: center;
}
/* variation table on product single */
.variations {
border: none;
background: none;
box-shadow: none;
display: inline-block;
}
.variations th,
.variations td {
border: none;
background: none;
padding: 0 10px 10px 0;
}
.variations label {
text-transform: uppercase;
}
.reset_variations { display: none !important; }
.variations select::-ms-expand {
display: none;
}
/* cart form on product single */
form.cart {
margin: 0 0 15px;
}
/* quantity input */
.quantity {
overflow: hidden;
margin: 0 0 15px;
}
.quantity.hidden {
display: none;
}
.quantity input.qty {
width: 40%;
max-width: 60px;
text-align:center;
margin-right: 3px;
display: inline-block;
vertical-align: middle;
}
.quantity .plus,
.quantity .minus {
border: none;
cursor: pointer;
font-size: 1.5em;
display: inline-block;
vertical-align: middle;
font-family: "Courier New";
padding: 8px 1% 8px 0 !important;
background: none;
}
.quantity .minus {
margin-right: 5px;
}
.product_meta {
margin-top: 20px;
font-size: .875em;
}
/* single_variation amount */
.single_variation {
margin: 0 0 10px;
font-size: 120%;
}
/* tab */
.woocommerce_tabs,
.woocommerce-tabs {
clear: both;
margin-bottom: 80px !important;
padding-top: 40px;
}
.woocommerce_tabs ul.tabs,
.woocommerce-tabs ul.tabs {
list-style: none;
border-bottom: 1px #000 solid;
margin: 0;
}
.woocommerce_tabs ul.tabs li,
.woocommerce-tabs ul.tabs li {
float: left;
font-size: 1.125em;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: 300;
margin: 0;
}
.woocommerce_tabs ul.tabs li:first-child,
.woocommerce-tabs ul.tabs li:first-child {
margin-left: 20px;
}
.woocommerce_tabs ul.tabs li a,
.woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: 1em 1em .7em;
position: relative;
top: 1px;
}
.woocommerce_tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li.active a {
border-radius: 3px 3px 0 0;
border: 1px #000 solid;
border-bottom-color: #fff;
position: relative;
top: 1px;
background-color: #fff;
}
.woocommerce_tabs h2,
.woocommerce-tabs h2 {
text-transform: uppercase;
color: #000;
letter-spacing: .1em;
margin: 45px 0 25px;
line-height: 1.3;
}
.woocommerce_tabs .panel,
.woocommerce-tabs .panel {
display: none;
}
/* UPSELLS & RELATED PRODUCTS
================================================ */
.upsells h2,
.related h2 {
text-transform: uppercase;
color: #000;
letter-spacing: .1em;
margin-bottom: 35px;
margin-top: 30px;
padding-top: 40px;
border-top: solid 1px #000;
}
.upsells .product ,
.related .product {
width: 19%;
float: left;
padding: 4% 3%;
}
/* product title */
.upsells .product .product_title,
.related .product h3 {
font-size: 1.43em;
margin: 0 0 15px;
}
/* product image */
.upsells .product .product-image,
.related .product .product-image {
float: none;
margin-right: 0;
}
.upsells .product .summary,
.related .product .summary {
float: none;
text-align: center;
width: auto;
}
/* product single ajax (product single in lightbox mode) */
.product-single-ajax {
width: 100% !important;
margin:0px;
padding:15px;
}
.product-single-ajax .product-imagewrap {
width: 200px !important;
margin-right:20px;
}
/* add review button */
.add-reply-js {
margin-bottom: 15px;
}
/************************************************************************************
SHOP DOCK
*************************************************************************************/
#shopdock {
margin-top: 65px;
}
/* cart loader */
#cart-loader {
width: 24px;
height: 24px;
display: block;
margin: 5px auto;
background: url('https://marketplace.sosdilure.com/wp-content/themes/flatshop/styles/wc/images/cart-icon.png') no-repeat center center;
}
#cart-loader.loading {
background: url('https://marketplace.sosdilure.com/wp-content/themes/flatshop/styles/wc/images/ajax-loader.gif') no-repeat center center;
}
#shopdock .remove-item {
position: relative;
}
/* hide */
.clear {
clear: both;
}
/* SLIDE SHOP CART
================================================ */
#slide-cart a {
color: #fff;
}
#slide-cart a:hover {
color: #7f7f7f;
}
/* product */
#slide-cart .product {
overflow: hidden;
margin-bottom: 10px;
}
#slide-cart .product:last-child {
border-bottom: 1px #333 solid;
padding-bottom: 20px;
margin-bottom: 20px;
}
#slide-cart .remove-item {
color: #fff;
float: left;
width: 20px;
margin: 9px 18px 0 0;
}
#slide-cart .product-image {
float: left !important;
margin-right: 18px;
width: 40px;
}
#slide-cart .product-image img {
border-radius: 3px;
}
#slide-cart .product-details {
overflow: hidden;
}
#slide-cart .product-title {
font-size: .875em;
line-height: 1.5;
text-transform: uppercase;
margin: 0;
}
#slide-cart .quantity-count {
font-size: .813em;
}
/* cart total */
#slide-cart .cart-total {
float: left;
}
#slide-cart .cart-total .amount {
color: #fff;
font-size: 1.375em;
font-weight: 300;
}
#slide-cart .cart-total #view-cart {
color: #7f7f7f;
font-size: .813em;
text-transform: uppercase;
display: block;
}
#slide-cart .cart-total #view-cart:hover {
color: #fff;
}
#slide-cart .checkout-button {
float: right;
}
#slide-cart .button {
padding: 13px;
font-size: .875em;
letter-spacing: 0;
}
/************************************************************************************
PRODUCT ORDERBY NAV
*************************************************************************************/
.orderby-wrap {
text-align: center;
}
.orderby {
margin: 0 0 5px;
padding: 0;
display: inline-block;
font-size: .8em;
}
.orderby li {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.orderby a {
display: inline-block;
padding: 3px 10px;
margin-right: 5px;
margin-bottom: 5px;
background-color: #fff;
border: solid 1px #eee;
border-radius: 3px;
color: #333;
}
.orderby a:hover {
background-color: #f7f7f7;
color: #000;
}
.orderby .selected a {
background-color: #fff;
color: #000;
border-color: #999;
}
.orderby-wrap .sort-by {
text-transform: uppercase;
font-size: 1.1em;
letter-spacing: 1px;
margin: 0 0 5px;
padding: 0;
}
/************************************************************************************
WOOCOMMERCE CHECKOUT AND CART STYLES
*************************************************************************************/
/* star rating */
#reviews .star-rating {
float: right;
}
.star-rating {
overflow: hidden;
position: relative;
height: 1em;
width: 75px;
display: inline-block;
line-height: 1em;
font-size: 1em;
margin: 0 0 10px;
color: #000;
}
.grid2 .star-rating,
.grid3 .star-rating,
.grid4 .star-rating {
margin: 0 auto 25px;
}
.star-rating:before {
content: "\f006\f006\f006\f006\f006";
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span:before {
content: "\f005\f005\f005\f005\f005";
top: 0;
position: absolute;
left: 0;
}
.hreview-aggregate .star-rating {
margin:10px 0 0 0;
}
/* stars */
p.stars {
overflow: hidden;
}
p.stars a {
width: 19%;
display: block;
position: relative;
float: left;
box-sizing: border-box;
padding: .5em .5em .5em .75em;
background-color: #f7f7f7;
margin-right: 1%;
border-radius: 3px;
font-size: .875em;
}
p.stars a.active {
background-color: #ccc;
}
p.stars a.star-1:after {
content: "\f005";
}
p.stars a.star-2:after {
content: "\f005\f005";
}
p.stars a.star-3:after {
content: "\f005\f005\f005";
}
p.stars a.star-4:after {
content: "\f005\f005\f005\f005";
}
p.stars a.star-5:after {
content: "\f005\f005\f005\f005\f005";
}
p.stars a.star-1:after,
p.stars a.star-2:after,
p.stars a.star-3:after,
p.stars a.star-4:after,
p.stars a.star-5:after {
position: absolute;
width: 5.3em;
right: 1em;
font-size: .875em;
text-align: right;
}
/* review */
#reviews .commentlist {
padding: 0;
margin: 0;
}
#reviews .comment {
border-bottom: 1px solid #ddd;
padding: 30px 0;
}
#reviews .comment .star-rating {
top: 0;
}
#reviews .comment .meta {
margin-bottom: 10px;
}
#reviews .comment .meta strong {
font-weight: 400;
text-transform: uppercase;
color: #000;
}
#reviews .comment .meta time {
font-size: .75em;
color: #ccc;
margin-left: 15px;
}
#reviews .comment .description {
overflow: hidden;
line-height: 1.8;
}
#reviews #comments .add_review:after {
content:"";
display:block;
clear:both;
}
#reviews .add_review {
margin-top: 40px;
}
/* reviews form */
#review_form .comment-title,
#review_form #reply-title {
color: #000;
}
#review_form #commentform .comment-form-author,
#review_form #commentform .comment-form-email,
#review_form #commentform .stars,
#review_form #commentform .comment-form-comment {
margin-bottom: 20px;
}
#review_form #commentform input[type=text],
#review_form #commentform textarea {
display: block;
}
/* breadcrumb */
.breadcrumb {
margin: 0 0 25px;
}
.breadcrumb a, .breadcrumb .sep, .breadcrumb .trail-end {
padding: 0 2px;
}
/* woocommerce message */
.woocommerce_message, .info, .woocommerce_error, .woocommerce_info {
border: solid 1px #cbc67d;
padding: 5px 20px;
margin-bottom: 20px;
background: linear-gradient(to top, #fefcdf 0,#fef79c 100%);
border-radius: 5px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 1px rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1);
}
.woocommerce_message .button, .info .button, .woocommerce_error .button, .woocommerce_info .button {
float:right;
}
.woocommerce_message:after, .info:after, .woocommerce_error:after, .woocommerce_info:after {
content:"";
display:block;
clear:both;
}
/* demo store message */
p.demo_store {
position:fixed;
top:0;
width:100%;
font-size:12px;
text-align:center;
background: linear-gradient(to top, #f7f5c6 0, #eeeac1 100%);
padding:5px 0;
border:1px solid #EEEAC1;
color:#747165;
z-index:999999;
box-shadow:inset 0 0 0 3px rgba(255, 255, 255, 0.3);
}
/* shop table */
table.cart {
width:100%;
margin-bottom: 20px;
}
/* my account orders table */
table.my_account_orders {
font-size: 90%;
}
table.my_account_orders th, table.my_account_orders td {
vertical-align: top;
}
table.my_account_orders .button {
white-space: nowrap;
}
/* cart table */
table.cart img {
width:40px;
height:auto;
vertical-align: middle;
}
a.remove {
display:block;
height:16px;
width:16px;
font-size: 26px;
}
.cart th, .cart td {
vertical-align:middle;
}
td.actions {
border: none;
padding: 30px 0 10px;
text-align: right;
}
td.actions .coupon {
float:left;
white-space: nowrap;
}
td.actions .coupon label {
display:none;
}
td.actions .coupon .input-text {
float:left;
margin:1px 6px 0 0;
}
td.actions .button.alt {
margin-left:.25em;
}
td.product-name dl.variation {
margin:0;
font-size:0.8751em;
}
td.product-name dl.variation dt {
font-weight:bold;
float:left;
clear:left;
margin:0 .25em 0 0;
padding:0;
}
td.product-name dl.variation dd {
margin-bottom:0;
}
td.product-name p.backorder_notification {
font-size:0.8751em;
}
/* cart width */
table.cart .product-remove {
width: 30px;
}
table.cart .product-quantity {
width: 100px;
}
table.cart .product-thumbnail {
width: 55px;
}
table.cart .product-name {
width: 35%;
}
.col2-set {
width:100%;
}
.col2-set:after {
content:"";
display:block;
clear:both;
}
.col2-set .col-1 {
float:left;
width:48%;
}
.col2-set .col-2 {
float:right;
width:48%;
}
.cart-collaterals {
width:100%;
}
.cart-collaterals:after {
content:"";
display:block;
clear:both;
}
.cart-collaterals .related {
width:30.75%;
float:left;
}
.cart-collaterals .cross-sells {
width:48%;
float:left;
}
.cart-collaterals .cross-sells ul.products {
float:none;
}
.cart-collaterals .cross-sells ul.products li {
width:48%;
}
/* shipping calculator */
.cart-collaterals .shipping_calculator {
width: 45%;
text-align:right;
margin: 5% 0 0 0;
clear:right;
float:right;
}
.cart-collaterals .shipping_calculator:after {
content:"";
display:block;
clear:both;
}
.cart-collaterals .shipping_calculator h2 {
text-transform: uppercase;
color: #000;
letter-spacing: .1em;
margin-bottom: 30px;
}
.cart-collaterals .shipping_calculator #calc_shipping_postcode {
width: 50% !important;
}
.cart-collaterals .shipping_calculator .button {
float:none;
}
.cart-collaterals .shipping_calculator .col2-set .col-1, .cart-collaterals .shipping_calculator .col2-set .col-2 {
width:47%;
}
.cart-collaterals .cart_totals {
float: right;
width: 45%;
margin-top: 5%;
text-align: right;
}
.cart-collaterals .cart_totals table {
width: 100%;
}
.cart-collaterals .cart_totals h2 {
text-transform: uppercase;
color: #000;
letter-spacing: .1em;
}
.cart-collaterals .cart_totals p {
margin:0;
}
.cart-collaterals .cart_totals table small {
display:block;
}
.cart-collaterals .cart_totals table select {
width:100%;
}
.cart-collaterals .cart_totals .discount td {
color:green;
}
.cart-collaterals .cart_totals tr td, .cart-collaterals .cart_totals tr th {
padding: 20px 5px;
}
.cart_totals tr th strong {
font-weight: 400;
}
.cart-collaterals .cart_totals a.button.alt {
width:193px;
display:block;
font-size:0.92em;
}
/* sidebar1 */
.sidebar1 .cart-collaterals .cart_totals,
.sidebar1 .cart-collaterals .shipping_calculator {
width: 70%;
}
.form-row {
padding:3px 0;
margin:0 0 6px;
}
.form-row:after {
content:"";
display:block;
clear:both;
}
.form-row label {
display:block;
}
.form-row .checkbox {
display: inline;
}
.form-row label.hidden {
visibility:hidden;
}
.form-row select {
width:100%;
cursor:pointer;
margin:0;
}
.form-row .required {
color:#c00;
font-weight:bold;
}
form .form-row input.input-text, #content .form-row input.input-text, form .form-row textarea, #content .form-row textarea {
width: 100%;
outline:0;
}
form .form-row textarea, #content .form-row textarea {
height: 5em;
display:block;
box-shadow:none;
}
.form-row-first, .form-row-last {
float:left;
width: 47%;
overflow:visible;
}
.form-row-last {
float:right;
}
.form-row-wide {
clear: both;
}
form.login {
padding:20px;
border:1px solid #E7E7E7;
margin:20px 0 20px 0;
text-align:left;
border-radius:5px;
}
/* payment options */
#payment {
background-color:rgba(0, 0, 0, 0.025);
border-radius:5px;
max-width: 94%;
}
#payment ul.payment_methods {
text-align:left;
padding:1em;
margin:0;
list-style:none outside;
}
#payment ul.payment_methods:after {
content:"";
display:block;
clear:both;
}
#payment ul.payment_methods li {
line-height:2em;
text-align:left;
margin:0;
font-weight:normal;
}
#payment ul.payment_methods li input {
margin:0 1em 0 0;
}
#payment ul.payment_methods li img {
vertical-align:middle;
margin:-2px 0 0 0.5em;
position:relative;
}
#payment div.form-row {
padding:1em;
}
#payment #place_order {
float:right;
margin:0;
}
#payment .terms {
padding:0 1em 0;
text-align:right;
}
#payment div.payment_box {
position:relative;
width:96%;
padding:1em 2%;
margin:1em 0 1em 0;
font-size:0.92em;
border-radius:2px;
background: linear-gradient(to top, #f6f6f6 0, #eee 100%);
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
#payment div.payment_box p:last-child {
margin-bottom:0;
}
#payment div.payment_box #cc-expire-month, #payment div.payment_box #cc-expire-year {
width:48%;
float:left;
}
#payment div.payment_box #cc-expire-year {
float:right;
}
#payment div.payment_box span.help {
font-size:11px;
line-height:13px;
font-weight:normal;
}
#payment div.payment_box .form-row {
margin:0 0 1em;
}
#payment div.payment_box .form-row select:nth-child(3n) {
margin-right:0;
}
#payment div.payment_box:after {
content:"";
display:block;
border:8px solid #eee;
border-right-color:transparent;
border-left-color:transparent;
border-top-color:transparent;
position:absolute;
top:-4px;
left:0;
margin:-1em 0 0 2em;
}
div.shipping-address {
padding:0;
clear:left;
}
#shiptobilling {
float:right;
margin:0 0 0 0;
padding:0;
}
.checkout .col-2 h3 {
float:left;
clear:none;
}
.checkout .col-2 .notes {
clear:left;
}
.checkout .col-2 .form-row-first {
clear:left;
}
.order_details {
margin:0 0 1.5em;
list-style:none;
}
.order_details:after {
content:"";
display:block;
clear:both;
}
.order_details li {
float:left;
margin-right:2em;
text-transform:uppercase;
font-size:0.715em;
line-height:1em;
border-right:1px dashed #ccc;
padding-right:2em;
}
.order_details li strong {
display:block;
font-size:1.4em;
text-transform:none;
line-height:1.5em;
color:#333;
}
.order_details li.method {
border:none;
}
.addresses .title:after {
content:"";
display:block;
clear:both;
}
.addresses .title h3 {
float:left;
}
.addresses .title .edit {
float:right;
}
ol.commentlist.notes li.note p.meta {
font-weight:bold;
margin-bottom:0;
}
ol.commentlist.notes li.note .description p:last-child {
margin-bottom:0;
}
ul.digital-downloads {
margin-left:0;
padding-left:0;
}
ul.digital-downloads li {
list-style:none;
margin-left:0;
padding-left:1.5em;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAQUlEQVQIHWP8//8/AwgwMjLWgxlQAijeCGIyIQtiYxNUwAjUhWI0uilMMLvQJUB8kBzYCmyKYGJwN8AEYDphJgIAPtccffZCsOoAAAAASUVORK5CYII=) left no-repeat;
}
ul.digital-downloads li .count {
float:right;
}
/************************************************************************************
WOOCOMMERCE WIDGET STYLES
*************************************************************************************/
/* feature products widget */
ul.cart_list li a, ul.product_list_widget li a {
display:block;
text-transform: uppercase;
}
ul.cart_list li img, ul.product_list_widget li img {
float: left;
margin-right: 15px;
width: 45px;
height: auto;
}
ul.cart_list li dl, ul.product_list_widget li dl {
margin:0;
font-size:0.8751em;
padding-left:1em;
}
ul.cart_list li dl dt, ul.product_list_widget li dl dt {
float:left;
clear:left;
margin-right:.25em;
}
ul.cart_list li dl dd, ul.product_list_widget li dl dd {
margin-bottom:.5em;
}
ul.cart_list li .star-rating, ul.product_list_widget li .star-rating {
float:none;
}
/* shopping cart widget */
.widget_shopping_cart .total {
text-align: right;
}
.widget_shopping_cart .buttons {
text-align: right;
}
/* login widget */
.widget_login .pagenav {
text-align: inherit;
}
.widget_login .pagenav a {
padding: 0;
border: none;
background: none;
color: inherit;
box-shadow: none;
}
/* widget layered nav */
.widget_layered_nav ul {
margin:0;
padding:0;
border:0;
list-style:none outside;
}
.widget_layered_nav ul li {
padding:0 0 1px;
list-style:none;
}
.widget_layered_nav ul li:after {
content:"";
display:block;
clear:both;
}
.widget_layered_nav ul li a, .widget_layered_nav ul li span {
padding:1px 0;
float:left;
}
.widget_layered_nav ul li.chosen a {
padding:0 6px 0 18px;
border:1px solid #3399cc;
background:#3399cc url('https://marketplace.sosdilure.com/wp-content/themes/flatshop/styles/wc/images/cross_white.png') no-repeat 6px center;
box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5);
color:#fff;
border-radius:3px;
}
.widget_layered_nav ul small.count {
float:right;
margin-left:6px;
font-size:1em;
padding:1px 0;
color:#999;
}
/* price filter widget */
.widget_price_filter .price_slider {
margin-bottom:1em;
}
.widget_price_filter .price_slider_amount {
text-align:right;
line-height:2.4em;
font-size:0.8751em;
}
.widget_price_filter .price_slider_amount .button {
font-size:1.15em;
}
.widget_price_filter .price_slider_amount .button {
float:left;
}
.widget_price_filter .ui-slider {
position:relative;
text-align:left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position:absolute;
z-index:2;
width:0.9em;
height:0.9em;
border-radius:1em;
border:1px solid #333;
cursor:pointer;
background: linear-gradient(to top, #fff 0, #bbb 100%);
outline:none;
top:-0.3em;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left:-1em;
}
.widget_price_filter .ui-slider .ui-slider-range {
position:absolute;
z-index:1;
font-size:.7em;
display:block;
border:0;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAFUlEQVQIHWP4//9/PRMDA8NzEPEMADLLBU76a5idAAAAAElFTkSuQmCC) top repeat-x #1982d1;
box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.5);
border-radius:1em;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius:1em;
background: linear-gradient(to top, #333 0, #666 100%);
}
.widget_price_filter .ui-slider-horizontal {
height:.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top:0;
height:100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left:-1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right:-1px;
}
/* product search widget */
.widget_product_search label {
display: block;
}
.widget_product_search #s {
width: 100px !important;
max-width: 85%;
}
/* Scrollpane */
.jspDrag {
background-color: #ddd;
}
.jspTrack {
background-color: #eee;
}
.jspVerticalBar{
width: 10px;
}
/* skrollr */
.skrollr .products .product {
overflow: hidden;
}
.products .product .transition-one-up, .products .product .no-transition{
position: relative;
z-index: 1;
}
.products .product .product-bg-container {
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.products .product .product-bg{
width: 100%;
height: 100%;
}
div.pp_woocommerce .pp_close {
z-index: 9999;
}
/* WooCommerce 3.0 fix */
.woocommerce div.product div.images {
margin-bottom: 2em
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none
}
.woocommerce div.product div.images div.thumbnails {
padding-top: 1em
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative
}
.post-lightbox #post-lightbox-wrap .woocommerce-product-gallery {
opacity: 1 !important; /* prevent product image invisible in lightbox */
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
transition: all cubic-bezier(.795, -.035, 0, 1) .5s
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
top: .5em;
right: .5em;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: #fff;
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 100%;
position: absolute;
top: 9px;
left: 9px;
box-sizing: content-box
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {
content: "";
display: block;
width: 2px;
height: 8px;
background: #000;
border-radius: 6px;
position: absolute;
top: 19px;
left: 22px;
transform: rotate(-45deg);
box-sizing: content-box
}
.woocommerce div.product div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0;
display: flex;
}
.woocommerce div.product div.images .flex-control-thumbs li {
float: left;
margin: 0;
list-style: none
}
.woocommerce div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: .5;
margin: 0
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
opacity: 1
}
/* product gallery thumbs */
.flex-control-thumbs {
list-style: none;
margin: 0 0 1em;
padding: 0;
}
.flex-control-thumbs li {
list-style: none;
margin: 0 5px 5px 0;
padding: 0;
display: inline-block;
vertical-align: top;
}
/* zoom image */
.woocommerce-product-gallery img.zoomImg {
background: #fff;
}
/* hide WooCommerce zoom icon */
.woocommerce-product-gallery__trigger {
display: none;
}
/*/wp-content/uploads/themify-customizer-5.6.7-5.6.5.css*/
/* Themify Customize Styling */
body { font-size:90%;
}
#pagewrap {
padding-top: 5%;
}
body #site-logo a img { width: 200px;
}
#site-logo {
left: 20%;
}
#site-description { display: none;
}
/* Themify Custom CSS */
table th{
color:#666;
}
@media screen and (max-width: 800px){
#site-logo {
width: 50%;!important
}
.product .product-description{
font-size:70%;
}
.product h3{
font-size:70%;
}
.woocommerce ul.loops-wrapper.products>li.product{
font-size:100%;
}
.upsells .product .product_title, .related .product h3{
font-size:70%;
}
#body select{
font-size:70%;
}
.variations label{
font-size:70%;
line-height:1px;
}
}
#body select{
background-color:#fff;
}
/* START MOBILE MENU CSS */
@media screen and (max-width:1200px){
/*/wp-content/themes/flatshop/mobile-menu.css*/
/*
HEADER
================================================ */
#headerwrap{
padding:5px 0 !important;
}
#header .hgroup{
float:left;
}
/* reset absolute elements to static */
#header .social-widget,
#site-logo,
#site-description{
position:static;
float:none;
clear:both;
}
/* site logo */
#site-logo{
padding:0;
margin:0;
font-size:1.375em;
}
/* site description */
#site-description{
display:none;
}
/* header widget */
.header-widget{
position:static !important;
float:none;
text-align:left;
clear:both;
margin:0;
}
.header-widget .widget{
margin:0 0 10px;
}
/* social widget */
#header .social-widget{
padding:5px 0 0;
}
/* MENU ICON */
#menu-icon{
font-size:20px; /* for icon font size */
}
#menu-icon span{
display:none;
}
#cart-icon{
margin-left:10px;
font-size:.9em;
}
/* HORIZONTAL MENU */
#mobile-menu .horizontal-menu{
float:none;
}
#mobile-menu .horizontal-menu ul{
margin:0;
padding-left:20px;
display:block;
position:static;
background:none;
}
#mobile-menu .horizontal-menu li{
float:none;
}
#mobile-menu .horizontal-menu li a{
color:#fff;
padding:0 0 10px 0;
text-transform:uppercase;
}
#mobile-menu .horizontal-menu ul li a{
text-transform:none;
}
/* sub-levels link :hover */
#mobile-menu .horizontal-menu a:hover,
#mobile-menu .horizontal-menu ul a:hover,
#mobile-menu .horizontal-menu .current_page_item ul a:hover,
#mobile-menu .horizontal-menu ul .current_page_item a:hover,
#mobile-menu .horizontal-menu .current-menu-item ul a:hover,
#mobile-menu .horizontal-menu ul .current-menu-item a:hover{
background:none;
color:#7f7f7f;
}
}
/* END MOBILE MENU CSS */