@charset "UTF-8";
/* Themify Ultra 5.7.1 framework 5.6.4 */
/* devanagari */@font-face{ font-family:'Arya'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/arya/v20/ga6CawNG-HJdxUD_-Ieq.woff2) format('woff2'); unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;}/* latin-ext */@font-face{ font-family:'Arya'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/arya/v20/ga6CawNG-HJdxU__-Ieq.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:'Arya'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/arya/v20/ga6CawNG-HJdxUH_-A.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:'Oswald'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3IWkUHHAIjg75cFRf3bXL8LICs13Fv40pKlN4NNSeSASwcEWlbHYjedg.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:'Oswald'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3IWkUHHAIjg75cFRf3bXL8LICs13Fv40pKlN4NNSeSASwcEWlSHYjedg.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Oswald'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3IWkUHHAIjg75cFRf3bXL8LICs13Fv40pKlN4NNSeSASwcEWlZHYjedg.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:'Oswald'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3IWkUHHAIjg75cFRf3bXL8LICs13Fv40pKlN4NNSeSASwcEWlYHYjedg.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:'Oswald'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3IWkUHHAIjg75cFRf3bXL8LICs13Fv40pKlN4NNSeSASwcEWlWHYg.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:'Oswald'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3IWkUHHAIjg75cFRf3bXL8LICs13Fv40pKlN4NNSeSASwcEWlbHYjedg.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:'Oswald'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3IWkUHHAIjg75cFRf3bXL8LICs13Fv40pKlN4NNSeSASwcEWlSHYjedg.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Oswald'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3IWkUHHAIjg75cFRf3bXL8LICs13Fv40pKlN4NNSeSASwcEWlZHYjedg.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:'Oswald'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3IWkUHHAIjg75cFRf3bXL8LICs13Fv40pKlN4NNSeSASwcEWlYHYjedg.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:'Oswald'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3IWkUHHAIjg75cFRf3bXL8LICs13Fv40pKlN4NNSeSASwcEWlWHYg.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;}/* vietnamese */@font-face{ font-family:'Public Sans'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwTs572Xtc6ZYQws9YVwnNDTJPax9k0.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:'Public Sans'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwTs572Xtc6ZYQws9YVwnNDTJLax9k0.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:'Public Sans'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwTs572Xtc6ZYQws9YVwnNDTJzaxw.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;}/* vietnamese */@font-face{ font-family:'Public Sans'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwTs572Xtc6ZYQws9YVwnNDTJPax9k0.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:'Public Sans'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwTs572Xtc6ZYQws9YVwnNDTJLax9k0.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:'Public Sans'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwTs572Xtc6ZYQws9YVwnNDTJzaxw.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;}/* vietnamese */@font-face{ font-family:'Public Sans'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwTs572Xtc6ZYQws9YVwnNDTJPax9k0.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:'Public Sans'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwTs572Xtc6ZYQws9YVwnNDTJLax9k0.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:'Public Sans'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwTs572Xtc6ZYQws9YVwnNDTJzaxw.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;}/* vietnamese */@font-face{ font-family:'Public Sans'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.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:'Public Sans'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.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:'Public Sans'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwRs572Xtc6ZYQws9YVwnNGfJ4.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;}/* vietnamese */@font-face{ font-family:'Public Sans'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.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:'Public Sans'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.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:'Public Sans'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwRs572Xtc6ZYQws9YVwnNGfJ4.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;}/* vietnamese */@font-face{ font-family:'Public Sans'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.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:'Public Sans'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.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:'Public Sans'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/publicsans/v20/ijwRs572Xtc6ZYQws9YVwnNGfJ4.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;}/* latin-ext */@font-face{ font-family:'Viga'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/viga/v14/xMQbuFFdSaiXzQspDre2.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:'Viga'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/viga/v14/xMQbuFFdSaiXzQUpDg.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
}
}
/*/styles/modules/footers/right.css*/
.footer-right-col .main-col,
.footer-horizontal-right .footer-left-wrap{
width:22.6%
}
.footer-right-col .section-col,
.footer-horizontal-right .footer-right-wrap{
width:74.2%
}
.footer-right-col .main-col,
.footer-right-col .section-col,
.footer-horizontal-right .footer-left-wrap,
.footer-horizontal-right .footer-right-wrap{
margin-right:3.2%;
float:right
}
.footer-right-col .main-col.first,
.footer-horizontal-right .footer-left-wrap.first,
.footer-horizontal-right .footer-right-wrap.first{
margin-right:0;
clear:right
}
.footer-right-col #footer .widget{
margin:0 0 2em
}
.footer-right-col .footer-text{
padding-top:.9em
}
@media screen and (max-width:680px){
.footer-horizontal-right .footer-left-wrap,
.footer-horizontal-right .footer-right-wrap,
.footer-right-col .main-col,
.footer-right-col .section-col{
margin-left:0;
margin-right:0;
width:100%;
max-width:100%
}
.footer-horizontal-right .back-top,
.footer-right-col .back-top{
top:-35px
}
}
/*/styles/modules/sidebars/sidebar1.css*/
.sidebar-left #layout{
flex-direction:row-reverse
}
.sidebar-left #sidebar{
margin-right:auto;
margin-left:unset
}
/*/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
}
/*/styles/modules/search-form.css*/
#searchform{
font-size:1.2em;
border-bottom:1px solid;
margin:0
}
#searchform #s{
background-color:transparent;
border:none;
margin:0;
width:100%;
max-width:none;
padding:.45em;
padding-left:1.75em;
letter-spacing:-.04em;
box-shadow:none;
border-radius:0
}
/* Rounded BG searchform */
#headerwrap #searchform-wrap{
display:inline-block;
vertical-align:middle;
margin-left:4px
}
#headerwrap #searchform{
width:40px;
height:40px;
border:none;
font-size:1em
}
.tf_s_dropdown #searchform .tf_icon_wrap{
left:0
}
#headerwrap #searchform #s{
border-radius:5em;
padding:6px 15px 6px 40px;
width:1px;
height:40px;
position:absolute;
right:-2px;
z-index:2;
transition:width .7s,background .7s
}
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .icon-search:hover ~ #s,
#headerwrap #searchform .tf_fa:hover + #s{
width:140px;
background-color:#eee
}
#headerwrap #searchform .tf_fa{
font-size:16px;
background-color:#eee;
color:#000;
border-radius:100%;
padding:12px;
z-index:1;
line-height:1.2em;
margin:0;
text-align:center;
left:0;
top:50%
}
.fixed-header-on #headerwrap #searchform-wrap{
display:none
}
/*/styles/modules/site-logo.css*/
#site-logo{
margin:.5em auto;
padding:0;
line-height:1.2em;
font-size:1.7em;
font-weight:700;
font-style:normal;
letter-spacing:-.04em;
transition:color .2s ease-in-out,margin .2s ease-in-out,padding .2s ease-in-out,font-size .2s ease-in-out
}
#site-logo a{
text-decoration:none;
color:inherit
}
#site-logo a:hover{
text-decoration:none
}
.header-block .fixed-header #site-logo{
margin:5px 0 0
}
body:not(.fixed-header-on) #site-logo .tf_sticky_logo,
.fixed-header #site-logo .tf_sticky_logo + img{
display:none
}
/*/styles/modules/sidebar.css*/
#sidebar,
#sidebar-alt{
padding:5.75% 0 10%;
font-size:.95em
}
#sidebar{
margin-left:auto;
width:24%
}
.full_width #sidebar{
margin:0 auto;
width:auto
}
/*/styles/modules/widgets/themify-feature-posts.css*/
.widget .feature-posts-list li{
padding:0;
margin:0 0 1em;
text-align:left; /* required for footer widget */
}
.feature-posts-list .tf_inline_b {
vertical-align: top;
}
.widget .feature-posts-list br{
display:none
}
.widget .feature-posts-list .post-img{
margin:0 1em .5em 0;
float:left;
border-radius:8px
}
.widget .feature-posts-list small{
font-style:italic;
font-size:.85em;
display:block;
margin:0 0 .3em
}
.widget .feature-posts-list .feature-posts-title{
margin:0 0 .4em;
display:inherit;
line-height:1.3em;
text-decoration:none
}
.widget .feature-posts-list .post-excerpt{
display:block;
overflow:hidden
}
/*/styles/modules/back-top.css*/
.back-top{
margin:0 auto .6em auto;
width:200px
}
.back-top:not(.back-top-float) .arrow-up a{
text-decoration:none;
display:inline-block;
position:relative;
outline:0;
bottom:0;
padding:.4em;
line-height:1;
z-index:10;
color:inherit;
transition:bottom .5s
}
.back-top:not(.back-top-float):hover .arrow-up a{
bottom:20px
}
.footer-block .back-top:not(.back-top-float) .arrow-up a:hover,
.footer-block .back-top:not(.back-top-float) .arrow-up a{
background:0
}
.back-top a:before{
content:'';
display:inline-block;
width:30px;
height:30px;
border:2px solid transparent;
border-top-color:inherit;
border-left-color:inherit;
transform:rotate(45deg);
margin-top:4px
}
#footer .back-top-float,
#pagewrap .back-top-float{
background-color:var(--theme_accent_semi);
border-radius:100%;
color:#fff;
cursor:pointer;
position:fixed;
right:20px;
bottom:20px;
left:auto;
top:auto;
width:44px;
height:44px;
overflow:hidden;
text-decoration:none;
text-align:center;
font-size:16px;
opacity:1;
z-index:101;
transition:opacity .2s ease-in-out .2s,transform .2s ease-in-out,background-color .5s;
box-shadow:0 1px 8px rgba(0,0,0,.12)
}
#footer .back-top-hide,
#pagewrap .back-top-hide{
opacity:0;
pointer-events: none;
}
.back-top-float .arrow-up a,
#pagewrap .back-top-float .arrow-up a{
background:none;
color:inherit
}
.back-top-float .arrow-up,
#pagewrap .back-top-float .arrow-up{
position:absolute;
top:5px;
left:50%
}
#pagewrap .back-top-float:hover,
.back-top:not(.back-top-float) .arrow-up a:hover{
background-color:var(--theme_accent)
}
.back-top-float:hover .arrow-up,
#pagewrap .back-top-float:hover .arrow-up{
animation:back-top-arrow-up .25s linear .2s infinite alternate
}
.back-top-float a:before,
#pagewrap .back-top-float a:before{
width:13px;
height:13px;
position:absolute;
top:14px;
left:50%;
margin-left:-7px;
margin-top:0;
border-width:1px
}
.footer-horizontal-left .back-top,
.footer-horizontal-right .back-top,
.footer-left-col .back-top,
.footer-right-col .back-top{
position:absolute;
top:-35px;
width:60px;
margin:0
}
.footer-horizontal-left .back-top .arrow-up a,
.footer-horizontal-right .back-top .arrow-up a,
.footer-left-col .back-top .arrow-up a,
.footer-right-col .back-top .arrow-up a{
background-color:rgba(171,171,171,.78);
color:#fff;
width:60px;
height:25px;
line-height:100%;
padding:10px 0 0;
text-align:center!important;
border-radius:8px 8px 0 0
}
.footer-horizontal-left .back-top a:before,
.footer-horizontal-right .back-top a:before,
.footer-left-col .back-top a:before,
.footer-right-col .back-top a:before{
width:14px;
height:14px
}
.footer-horizontal-left .back-top:hover .arrow-up a,
.footer-horizontal-right .back-top:hover .arrow-up a,
.footer-left-col .back-top:hover .arrow-up a,
.footer-right-col .back-top:hover .arrow-up a{
bottom:0
}
.footer-horizontal-left .back-top .arrow-up:hover a,
.footer-horizontal-right .back-top .arrow-up:hover a,
.footer-left-col .back-top .arrow-up:hover a,
.footer-right-col .back-top .arrow-up:hover a{
background-color:#000
}
@keyframes back-top-arrow-up{
0%{top:0}
100%{top:-5px}
}
/*/styles/modules/footer.css*/
#footerwrap{
padding:54px 0 2em;
border-top:1px solid rgba(0,0,0,.05);
background-color:#fff;
}
#footer{
font-size:.9em;
}
/* for layout part inserted in footer */
#footer .module_row > .row_inner {
max-width:100%
}
.footer-block #footerwrap{
text-align: center;
position:static
}
.footer-text{
padding:0 0 2em;
line-height:1.8em;
font-size:.85em
}
.footer-widgets .widget{
margin:0 0 1.5em
}
.footer-widgets .widgettitle{
color:inherit;
margin:0 0 1em
}
.main-col,
.section-col{
box-sizing:border-box
}
@media screen and (max-width:1024px){
.footer-widgets .col4-1{
width:48.4%
}
.footer-widgets .col4-1:nth-child(2n+1){
margin-left:0;
clear:left
}
}
@media screen and (max-width:680px){
#footerwrap{
padding-top:35px
}
.footer-widgets .col4-2,
.footer-widgets .col3-1{
margin-left:0;
width:100%;
max-width:100%
}
}
/*/styles/modules/footer-logo.css*/
#footer-logo{
font-size:1.5em;
font-weight:600;
letter-spacing:-.03em;
padding:0;
margin:0 0 .8em
}
#footer-logo a{
color:inherit;
text-decoration:none
}
/*/styles/modules/footer-nav.css*/
.footer-nav{
margin:.5em 0 1em;
padding:0
}
.footer-nav li{
display:inline-block;
padding:0;
margin:0;
list-style:none;
position:relative
}
.footer-nav a{
text-decoration:none;
margin:0 1em .8em 0
}
.footer-horizontal-left .footer-nav a,
.footer-horizontal-right .footer-nav a,
.footer-left-col .footer-nav a,
.footer-right-col .footer-nav a{
margin:0 .8em 1em 0;
padding:0
}
.footer-nav li ul{
background-color:#fff;
box-shadow:0 0 0 1px rgba(0,0,0,.1), 0 3px 12px rgba(0,0,0,.12);
border-radius:8px;
margin:0;
padding:.6em 0;
position:absolute;
z-index:99;
bottom:100%;
list-style:none;
text-align:left;
box-sizing:border-box;
}
#footerwrap .footer-nav ul a{
display:block;
width:238px;
padding:.5em 1.25em .5em 1.6em;
margin:0;
box-sizing:border-box;
color:#666
}
#footerwrap .footer-nav ul a:hover{
color:var(--theme_accent)
}
.footer-nav li li ul{
left:100%;
bottom:-.65em
}
@media (hover:hover){
.footer-nav li ul{
opacity:0;
visibility:hidden;
transform: scale(1,0);
transform-origin: bottom;
transition:transform .2s ease-in-out,opacity .2s ease-in-out
}
.footer-nav li:hover > ul,
/* tab keyboard menu nav */
.footer-nav li > a:focus + .sub-menu,
.footer-nav li > .sub-menu:focus-within{
margin-bottom:0;
opacity:1;
visibility:visible;
transform:none;
pointer-events:auto
}
}
@media (hover:none){
.footer-nav li ul{
display:none
}
}
.footer-nav li:hover > a{
color:var(--theme_accent)
}
/* Footer Edge Menu */
.footer-nav li.edge ul{
left:auto;
right:0
}
.footer-nav ul li.edge ul{
right:100%
}
.footer-right-col #footerwrap .footer-nav ul li.edge ul{
left:auto;
right:100%
}
.footer-horizontal-left #footer .footer-nav,
.footer-horizontal-right #footer .footer-nav{
float:left;
margin-top:0
}
@media screen and (max-width:680px){
#footerwrap .footer-nav ul a{
width:160px
}
}
/*/style.css*/
/*
Theme Name:Themify Ultra
Theme URI:https://themify.me/themes/ultra/
Version:5.7.1
Description:Use Ultra theme to create professional sites quickly and easily (landing pages, portfolio, blog, corporate, ecommerce, and more). It includes a bunch of header/footer layout options and pre-built demos that you can import to your site. Read Ultra documentation for more information.
Author:Themify
Author URI:https://www.themify.me
License:GNU General Public License v2.0
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Copyright:(c) Themify.
Tags:themify,featured-images,translation-ready,custom-menu,sidebar
Text Domain:themify
Recommended Plugins:woocommerce,themify-portfolio-post,builder-countdown,builder-progress-bar,builder-counter,builder-contact,builder-woocommerce,builder-timeline,builder-image-pro,builder-typewriter,builder-maps-pro,builder-pricing-table,builder-slider-pro
---------
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).
/************************************************************************************
1. 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,a{
border:0
}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
iframe,audio{
max-width:100%
}
/************************************************************************************
2. GENERAL STYLING
*************************************************************************************/
:root{
--theme_accent:#ed1e24;
--theme_accent_semi:rgba(251,9,48,.8);
--theme_accent_hover:#000;
}
html{
scroll-behavior:smooth
}
body{
font:1em/1.65em 'Public Sans',"Arial",sans-serif;
overflow-wrap:break-word;
background-color:#fff;
color:#666;
-webkit-font-smoothing:antialiased;
-ms-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
text-size-adjust:100%
}
a{
text-decoration:none;
color:var(--theme_accent);
transition:color .3s ease-in-out
}
a:hover{
color:var(--theme_accent_hover);
}
p{
padding:0;
margin:0 0 1.3em
}
small{
font-size:87%
}
blockquote{
font-size:1.1em;
line-height:1.4em;
padding:.8em 1.4em;
margin:0 5% 1.2em;
border-left:solid 3px rgba(150,150,150,.3);
}
ins{
text-decoration:none
}
/* LIST */
ul,ol{
margin:0 0 1.4em 1.6em;
padding:0
}
li{
margin:0 0 1em 0;
padding:0
}
/* HEADINGS*/
h1,h2,h3,h4,h5,h6{
line-height:1.4em;
margin:0 0 .5em;
overflow-wrap:normal;
font-weight:600;
color:#000
}
h1{
font-size:2.5em;
line-height:1.2em;
font-weight:700;
letter-spacing:-.03em
}
h2{
font-size:2em;
line-height:1.3em;
letter-spacing:-.02em;
}
h3{
font-size:1.45em;
letter-spacing:-.02em;
}
h4{
font-size:1.1em;
letter-spacing:.05em;
line-height:1.6em;
text-transform:uppercase
}
h5{
font-size:1.2em;
line-height:1.7em
}
h6{
font-size:1.1em;
line-height:1.7em
}
/* FORM*/
/* form input */
input,textarea,select,input[type=search],button{
font-size:100%;
font-family:inherit;
max-width:100%
}
input:read-write,
input:read-only,
input[type=radio],
input[type=checkbox],
select,
textarea{
background:#fff;
border:1px solid rgba(0,0,0,.2);
padding:.6em;
max-width:100%;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius:8px
}
input:read-write,
input:read-only{
margin:0 1em .4em 0;
width:17em
}
input[type=number]{
width:7em
}
input[type=checkbox] + label{
display:inline-block
}
textarea{
width:100%;
min-height:13.5em;
margin:0
}
select{
padding-right:30px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke-linecap='round' width='100' height='100' stroke='rgba(40,40,40,.8)' stroke-width='3'%3E%3Cpolyline points='2.7,2.3 49.1,57.2 95.5,2.3 '/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size:12px;
background-position:calc(100% - 8px) calc(50% + 3px)
}
input[type=radio],
input[type=checkbox]{
border-radius:6px;
clear:none;
cursor:pointer;
padding:0 2px;
margin:0 .3em 0 0;
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
text-align:center;
line-height:1;
-webkit-appearance:none
}
input[type=radio]{
padding:0;
border-radius:100%;
display:inline-flex;
justify-content:center;
align-items:center
}
input[type="checkbox"]:before{
content:"";
display:inline-block;
width:12px;
height:5px;
margin-bottom:4px;
margin-left:1px;
border-left:1px solid transparent;
border-bottom:1px solid transparent;
transform:rotateZ(-45deg) skewY(-10deg)
}
input[type="checkbox"]:checked:before{
border-left:1px solid;
border-bottom:1px solid;
}
input[type="radio"]:checked:before{
content:"";
display:inline-block;
vertical-align:middle;
border-radius:100%;
background-color:#222;
width:12px;
height:12px;
}
/* form input:focus */
select:focus,
textarea:focus,
input:read-write:focus,
input:read-only:focus{
border-color:rgba(0,0,0,.5);
}
/* form button */
input[type=reset],input[type=submit],button{
background-color:var(--theme_accent);
color:#fff;
border:none;
padding:.65em 1.4em;
cursor:pointer;
border-radius:30px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.065em;
-webkit-appearance:none;
transition:background .3s,color .3s, transform .3s
}
/* form input:hover */
input[type=reset]:hover,
input[type=submit]:hover,
button:hover{
background-color:var(--theme_accent_hover);
color:#fff;
box-shadow:0 5px 10px rgba(0,0,0,.1);
transform:translateY(-1px)
}
.gm-style-mtc button{
border-radius:0
}
/*3. STRUCTURE*/
img,textarea,input,#main-nav ul a,.sidemenu,.post,.post-content,.author-box,.widget{
box-sizing:border-box
}
/*4. GRID*/
.col4-1,
.col4-2,
.col3-1{
float:left;
margin-left:3.2%
}
.col4-1{
width:22.6%
}
.col4-2{
width:48.4%
}
.col3-1{
width:31.2%
}
.col4-1.first,
.col4-2.first,
.col3-1.first{
margin-left:0;
clear:left
}
/* main page width */
.pagewidth,
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner{
width:1160px;
max-width:100%;
margin:0 auto
}
.module_row.fullwidth > .row_inner{
width:100%
}
/* content */
#layout{
display:flex;
flex-wrap:wrap
}
#content{
width:71%;
padding:5.75% 0
}
.sidebar-none #content{
width:100%
}
.sidebar-none #layout{
display:block
}
/* sidemenu active */
.sidemenu-active{
position:relative;
transition:left .2s ease-in-out
}
.sidemenu-active,
.sidemenu-active #headerwrap{
left:0;
}
.sidemenu-right{
left:-300px
}
.sidemenu-left,
.sidemenu-left #headerwrap{
left:300px
}
/* full_width content */
.full_width #layout{
flex-wrap:wrap;
width:100%;
max-width:100%
}
.full_width #content{
padding:0;
width:100%;
max-width:100%
}
/*5. HEADER*/
#headerwrap{
color:#000;
position:absolute;
background-color:#fff;
border-bottom:1px solid rgba(0,0,0,.05);
min-height:55px;
z-index:999;
top:0;
left:0;
transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out,left .3s ease-in-out,min-height .3s ease-in-out
}
.fixed-header-enabled #headerwrap{
position:sticky;
position:-webkit-sticky; /*for safari*/
}
.transparent-header #headerwrap{
position:fixed;
}
.transparent-header.no-fixed-header #headerwrap{
position:absolute
}
.no-fixed-header #headerwrap{
position:relative
}
#header{
position:relative;
padding:2em 0;
overflow:visible; /* required to prevent menu dropdown hidden */
z-index:1
}
/* Disable background attachment on iOS devices */
@supports (-webkit-touch-callout:none) {
#headerwrap{
background-attachment:scroll !important;
background-position:center !important
}
}
/* header widget */
.header-widget{
font-size:.92em;
height:100%
}
.header-widget .widget{
margin:2em 0
}
.header-widget .widgettitle{
margin:0 0 .5em;
font-size:1em;
color:inherit
}
/* site logo */
/* sticky header logo */
.fixed-header-on .tf_sticky_logo ~ * {
display:none!important
}
/* Search Form */
.search-button{
color:inherit;
padding:9px 10px;
margin:0;
margin-left:3px;
line-height:1;
box-sizing:border-box;
font-size:19px;
border-radius:100%;
}
.search-button:hover{
background:rgba(200,200,200,.25);
}
a.search-button{
text-decoration:none
}
.search-button:focus{
outline:0
}
/* main navigation */
#main-nav{
padding:0;
margin:0
}
#main-nav li{
margin:0;
padding:0;
list-style:none;
position:relative;
display:inline-block
}
#main-nav ul li{
background:none;
float:none;
display:block
}
#main-nav li > .sub-menu{
padding:.6em 0;
margin:0;
position:absolute;
z-index:100;
opacity:0;
left:-.3em;
top:100%;
transform:scale(1,0);
transform-origin:top;
box-sizing:border-box;
transition:transform .3s ease-in-out,opacity .3s ease-in-out;
box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 12px rgba(0,0,0,.12);
border-radius:8px;
background:#fff;
width:210px
}
/* sub-levels dropdown */
#main-nav li .sub-menu .sub-menu{
left:100%;
top:-.65em
}
/* Edge Menu */
#main-nav .edge > .sub-menu{
left:auto;
right:0
}
#main-nav ul .edge > .sub-menu{
left:auto;
right:100%
}
@media (hover:hover){
#main-nav li:hover > .sub-menu,
/* tab keyboard menu nav */
#main-nav li > a:focus + .sub-menu,
#main-nav li > .sub-menu:focus-within{
opacity:1;
transform:scale(1,1)
}
}
.menu-item .child-arrow{
display:none;
cursor:pointer;
z-index:12;
width:36px;
height:36px;
border-radius:100%;
position:absolute;
right:0;
top:4px;
transition:transform .3s
}
.child-arrow:before,
.child-arrow:after{
top:50%;
left:12px;
content:'';
position:absolute;
transition:transform .3s ease-in-out;
height:1px;
width:8px;
transform:rotate(45deg);
background:currentColor;
z-index:9999;
border-radius:10px
}
.child-arrow:after{
left:17px;
transform:rotate(-45deg)
}
.toggle-on > a .child-arrow:after,
.toggle-on > a .child-arrow:before{
left:10px;
width:15px
}
.toggle-on > a .child-arrow{
transform:rotateZ(180deg)
}
@media (hover:none){
#main-nav .menu-item-has-children > a{
padding-right:45px
}
#footer-nav .menu-item-has-children > a{
padding-right:30px
}
.menu-item .child-arrow{
margin-left:7px;
border-radius:100%;
display:inline-block;
padding:0;
right:5px;
top:50%;
margin-top:-17px
}
#main-nav .toggle-on > a > .child-arrow{
background:rgba(214,214,214,.4)
}
#main-nav li > .sub-menu{
display:none
}
#main-nav li.toggle-on > .sub-menu{
transform:scale(1,1);
opacity:1
}
}
.tf_post_count{
background:rgba(202,202,202,.3);
border-radius:100%;
font-size:.7em;
line-height:1em;
padding:.4em;
margin-left:5px;
display:none;
min-width:11px;
text-align:center;
vertical-align:middle
}
.has-mega-sub-menu .tf_post_count{
display:inline-block;
}
#main-nav .has-mega-column .widget_product_categories .product-categories a{
width:auto;
padding-left:0;
padding-right:0;
display:inline-block
}
#main-nav .has-mega-column .product-categories .count{
display:inline-block
}
#main-nav a{
color:inherit;
display:block;
position:relative;
padding:.6em;
margin:0;
text-decoration:none;
transition:color .2s ease-in-out
}
/* highlight link */
#main-nav .highlight-link > a{
border:none;
background-color:rgba(200,200,200,.25);
color:#000;
padding:.3em 1em;
margin-left:.6em;
margin-right:.6em;
border-radius:30px
}
#main-nav .highlight-link:last-child > a{
margin-right:0
}
/* user menu icon */
#main-nav a > em .tf_fa{
margin-right:5px;
}
#main-nav a .tf_lazy{
display:none
}
/* dropdown link */
#main-nav ul a{
padding:.4em 1.4em;
text-align:left
}
#main-nav ul a,
#main-nav .mega-menu-posts a,
#main-nav .mega-menu-posts span{
color:#353535
}
#main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a,
#main-nav ul a:hover{
color:var(--theme_accent)
}
#main-nav .has-mega-column > .sub-menu a {
background:0;
padding:.5em 0;
}
#main-nav .mega-menu-posts .post-title{
font-size:.95em;
letter-spacing:0;
font-weight:400;
text-transform:none;
line-height:1.45em;
margin:0;
padding:0;
}
#main-nav .mega-menu-posts .post a{
text-transform:none;
padding:0
}
#main-nav .mega-menu-posts .post del{
opacity:.5;
font-size:.85em; /* for woocommerce */
}
#main-nav .has-mega-column .widget{
margin:0 0 .5em;
text-align:left
}
#main-nav .has-mega-column .widget h1,
#main-nav .has-mega-column .widget h2,
#main-nav .has-mega-column .widget h3,
#main-nav .has-mega-column .widget h4,
#main-nav .has-mega-column .widget h5,
#main-nav .has-mega-column .widget h6{
color:inherit
}
#main-nav .has-mega-column .widgettitle,
#main-nav .has-mega-column > .sub-menu > .columns-sub-item > a{
font-size:1.05em;
font-weight:600;
line-height:1.6em;
margin:0 0 .5em;
padding:0;
text-decoration:none;
letter-spacing:0;
text-transform:none
}
#main-nav .has-mega-column .widgettitle:before{ /* hide widget title bottom border */
display:none;
margin:0;
padding:0
}
#main-nav .has-mega-column > .sub-menu > li{
line-height:1.7em;
box-sizing:border-box
}
.header-icons a,
.header-icons a:hover{
color:inherit;
text-decoration:none
}
#headerwrap .header-icons > *{
vertical-align:middle
}
.slide-cart .header-icons{
min-width:75px;
text-align:right
}
#menu-icon{
margin:0 0 0 10px;
padding:10px 9px 11px;
line-height:1em;
border-radius:100%;
}
#menu-icon:hover{
background:rgba(200,200,200,.25);
}
.menu-icon-inner{
border-bottom:2px solid;
box-sizing:border-box;
position:relative;
width:22px;
height:18px;
}
.menu-icon-inner:before,
.menu-icon-inner:after{
content:'';
display:block;
border-top:2px solid;
position:absolute;
left:0;
top:0;
width:100%;
transition:border .7s ease;
transition-property:transform
}
.menu-icon-inner:after{
top:50%
}
#menu-icon-close{
transform:rotateZ(0deg);
transition:border .3s ease-in-out,transform .3s ease-in-out
}
.body-overlay{
display:none;
background-color:rgba(206,206,206,.8);
width:100%;
height:100%;
position:fixed;
top:0;
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px)
}
.body-overlay-on{
display:block;
z-index:998
}
/* fixed-header */
#headerwrap.fixed-header{
background-color:rgba(255,255,255,.9);
}
#headerwrap.fixed-header:before{
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
pointer-events:none;
z-index:0;
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px)
}
.slide-cart-visible #headerwrap:before,
.mobile-menu-visible #headerwrap:before,
.fixed-header .header-bar,
.fixed-header .search-button,
.fixed-header .header-widget{
display:none; /* hide unnecessary elements in fixed-header */
}
.fixed-header #header{
transition:padding .3s ease-in-out;
padding-top:5px;
padding-bottom:5px
}
.revealing-header #headerwrap{
transition:transform .5s ease-in-out,opacity .5s ease-in-out
}
.revealing-header #headerwrap.header_hidden{
transform:translateY(-100%);
opacity:0
}
/************************************************************************************
6. PAGE
*************************************************************************************/
/* page title */
.page-title{
margin:0 0 1em;
padding:0
}
/*AUTHOR PAGE*/
.author-bio{
margin:0 0 2em;
overflow:hidden
}
.author-bio .author-avatar{
float:left;
margin:0 1.2em 0 0;
}
.author-bio .author-avatar img{
border-radius:8px;
width:100px
}
.author-bio .author-name{
margin:0 0 .5em;
padding:0;
font-size:1.6em
}
.author-posts-by{
margin:0 0 1.5em;
padding:1em 0 0;
font-size:1.4em;
text-transform:uppercase;
border-top:solid 4px rgba(118,118,118,.1)
}
/*7. POST*/
.post{
margin-bottom:2em;
position:relative
}
/* post content */
.post-content{
min-width:120px
}
/* post title */
.post-title{
font-size:2.4em;
line-height:1.4em;
margin:0 0 .4em;
padding:0;
text-transform:none;
letter-spacing:-.04em
}
.post-title a{
text-decoration:none;
color:#000
}
.post-title a:hover{
color:var(--theme_accent)
}
/* post image */
.post-image{
margin:0 0 1em
}
.post-image img{
vertical-align:bottom;
border-radius:8px
}
.post-image.left{
float:left;
margin-right:1em
}
.post-image.right{
float:right;
margin-left:1em
}
/* post meta */
.post-meta{
font-size:.9em;
line-height:1.6em;
margin:0 0 .5em;
padding:0
}
.post-meta .separator{
opacity:.1
}
.post-meta a{
text-decoration:none
}
.post-meta .post-comment:before,
.post-meta .post-category:before,
.post-meta .post-tag:before{
display:inline-block;
content:'';
width:1px;
height:1.3em;
margin:0 .9em 0 .45em;
white-space:nowrap;
vertical-align:middle;
border-left:1px solid;
transform:skewX(-15deg);
opacity:.2
}
.post-meta .post-category:first-child:before{
display:none
}
.post-meta .post-comment .tf_fa{
margin-left:8px;
vertical-align:text-top;
font-size:.8em;
opacity:.7
}
/* more link */
.more-link,
.more-link:hover{
text-decoration:none
}
.more-link:after{
content:'';
border:1px solid transparent;
border-top-color:inherit;
border-right-color:inherit;
min-width:.7em;
min-height:.7em;
transform:rotateZ(45deg);
margin-left:.5em;
text-decoration:none;
display:inline-block;
vertical-align:middle
}
/* post date */
.post-date{
margin:0 0 .4em;
display:block;
font-size:.8em;
text-transform:uppercase;
letter-spacing:.04em
}
/*GENERAL POST STYLING*/
.loops-wrapper .post{
text-align:center; /* make archive post view text center */
}
.loops-wrapper .post-image{
margin-bottom:1em;
position:relative;
transition:border .3s ease-in-out,margin .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out
}
/*AUTHOR BOX*/
.author-box{
margin:5.5em 0;
border:none
}
.author-box .author-avatar{
float:left;
margin:0 2em .3em 0
}
.author-box .author-name{
margin:0 0 .3em
}
/*POST PAGINATION (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
}
/*INFINITE SCROLL*/
.tf_load_more{
padding:30px 0
}
a.load-more-button{
padding:10px 28px;
text-decoration:none;
display:none;
box-sizing:border-box;
width:auto;
background:rgba(183,183,183,.16);
border-radius:30px
}
/*POST VIDEO (css for fluid video)*/
.post-video{
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
margin-bottom:15px
}
.post-video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.featured-area img{
width:100%
}
/*NO-GUTTER POST*/
.loops-wrapper.no-gutter .post-image{
margin:0
}
.loops-wrapper.no-gutter .post,
ul.products.no-gutter li.product .post-image,
.loops-wrapper.no-gutter .post-image img{
border-radius:0
}
/************************************************************************************
8. SIDEBAR
*************************************************************************************/
.widget{
margin:0 0 2.4em
}
.widgettitle{
margin:0 0 1em;
padding:0;
font-size:1em;
font-weight:600;
text-transform:uppercase;
line-height:1.3em;
letter-spacing:.09em
}
.widget ul{
margin:0;
padding:0
}
.widget li{
margin:0;
padding:.4em 0;
list-style:none;
clear:both
}
.widget ul ul{
margin:.6em 0 -.6em 0;
padding:0
}
.widget ul ul li{
margin:0;
padding-left:1em
}
/************************************************************************************
8.1 WIDGET STYLES
*************************************************************************************/
/* add white bg to facebook badge iframe */
iframe[src*="facebook"]{
background-color:#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
}
/************************************************************************************
10. BUILDER STYLING
*************************************************************************************/
/* module title */
.module-title{
font-size:1.2em;
font-weight:600;
margin:0 0 .8em
}
/* post module */
.col4-3 .loops-wrapper .post,
.col4-2 .loops-wrapper .post,
.col4-1 .loops-wrapper .post,
.col3-2 .loops-wrapper .post,
.col3-1 .loops-wrapper .post,
.col2-1 .loops-wrapper .post{
text-align:inherit; /* reset text center */
margin-bottom:1em
}
.col4-3 .loops-wrapper.list-post .post-title,
.col4-2 .loops-wrapper.list-post .post-title,
.col4-1 .loops-wrapper.list-post .post-title,
.col3-2 .loops-wrapper.list-post .post-title,
.col3-1 .loops-wrapper.list-post .post-title,
.col2-1 .loops-wrapper.list-post .post-title{
font-size:1.4em; /* reset text center */
margin:0 0 .5em
}
/* map module */
.module-map{
margin-bottom:0
}
/* themify-icon shortcode */
.shortcode.themify-icon .themify-icon-icon{
font-size:1.3em
}
/* shorcode button */
a.shortcode.button{
border-radius:2px;
padding:.65em 1em
}
/* general module heading styling */
.module-image .image-title,
.module-tile .tile-title,
.module-feature .module-feature-title,
.module-pro-image .image-pro-title{
font-size:1.1em;
font-weight:600;
}
.module-service-menu .tb-menu-title{
text-transform:inherit;
letter-spacing:inherit
}
/* optin module */
.tb_optin_horizontal form > div[class*="tb_optin_"]{
width:auto
}
.module-optin.tb_optin_horizontal .tb_optin_submit{
background:0
}
/************************************************************************************
11. WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft,img.aligncenter,img.alignright,img.alignnone{
margin-bottom:1em
}
.alignleft{
float:left;
margin-right:1em
}
.alignright{
float:right;
margin-left:1em
}
.aligncenter{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto
}
.wp-caption{
text-align:center;
margin-bottom:1em;
max-width:100%
}
.wp-caption-text{
margin:.5em 0
}
/* attachment page */
body.attachment{
width:auto;
float:none;
position:static
}
.single .attachment.post{
width:auto;
float:none
}
/* clearfix */
.widget li:after,.menu:after{
content:"";
display:table;
clear:both
}
.post-image,
.post-img,
.module-feature-image,
.slide-image{
transition:.3s ease-in-out;
transition-property:border,padding,width
}
.mobile-menu-visible{
overflow-y:hidden
}
/*BASE MEDIA QUERIES*/
@media screen and (max-width:1260px){
h1{
font-size:2.4em
}
h2{
font-size:2em
}
.pagewidth,
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner{
max-width:94%
}
#pagewrap,
.default_width #layout .module_row > .row_inner,
.module-layout-part .module_row.fullwidth > .row_inner,
.module_row.fullwidth > .row_inner{
max-width:100%
}
}
@media screen and (max-width:1024px){
.header-widget .col4-1{
width:48.4%
}
.header-widget .col4-1:nth-child(2n+1){
margin-left:0;
clear:left
}
}
@media screen and (max-width:760px){
body .pagewidth,
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner{
max-width:90%
}
/* sidebar */
#layout{
flex-wrap:wrap
}
#sidebar,
#content{
width:100%;
max-width:100%;
clear:both;
padding-top:10%
}
}
@media screen and (max-width:680px){
h1{
font-size:1.9em
}
h2,
.post-title,
.loops-wrapper.tf_clear .post-title{
font-size:1.6em
}
h3{
font-size:1.35em
}
.col4-1{
font-size:.95em
}
.col4-2,
.col3-1{
margin-left:0;
width:100%;
max-width:100%
}
/*HEADER*/
/* prevent logo img extend the fixed header on mobile */
.fixed-header #site-logo img:not(.tf_sticky_logo){
width:auto;
max-height:40px
}
#headerwrap .header-icons{
right:5%
}
/* all post image */
.loops-wrapper.list-post .post-image,
.loops-wrapper.grid4 .post-image,
.loops-wrapper.grid3 .post-image,
.loops-wrapper.grid2 .post-image,
.loops-wrapper.list-large-image .post-image{
float:none;
position:static;
width:auto;
max-width:none;
overflow:visible
}
}
/*/styles/headers/header-rightpane.css*/
#body{
padding-right:340px;
padding-left:4%
}
#footerwrap{
padding-right:300px
}
.full_width #body{
padding-right:300px;
padding-left:0
}
.full_width .row_inner{
width:auto;
max-width:90%
}
.full_width #footerwrap{
padding-right:330px
}
.full_width .fullwidth > .row_inner{
max-width:100%
}
#headerwrap{
width:300px;
height:100%;
position:fixed;
border:none;
overflow-y:auto;
box-shadow:-3px 0 16px 3px rgba(0,0,0,.1)
}
#headerwrap,
.sidemenu-active #headerwrap{
transition:right .2s ease-in-out;
left:auto;
right:0
}
.transparent-header #headerwrap{
background-color:rgba(0,0,0,.3)
}
#headerwrap .header-icons{
z-index:unset
}
#header{
position:absolute;
height:100%;
width:calc(100% + 10px);
max-width:none;
padding:2em 1.5em
}
.header-widget .widget{
margin:0 0 2em
}
.menu-navigation-off .header-widget{
margin-top:2em
}
#site-description{
margin:0 0 1.5em
}
#slide-cart{
width:300px
}
.cart-wrap{
position:static
}
.cart-wrap a{
margin-left:0;
margin-right:10px
}
.slide-cart-visible.sidemenu-right,
body.slide-cart-visible{
left:0
}
.slide-cart .sidemenu-on .cart-icon{
display:inline-block
}
#headerwrap .social-widget{
margin-left:0;
}
#headerwrap #searchform-wrap{
width:100%;
display:block;
float:none;
clear:both;
margin:1em 0
}
#headerwrap #searchform{
width:100%
}
#headerwrap #searchform #s{
position:static;
width:100%;
background-color:#eee;
padding-left:40px
}
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .tf_fa:hover + #s{
width:100%
}
header .tf_s_dropdown .tf_search_result{
right:auto;
left:0
}
#main-nav-wrap{
margin:1em 0 1.5em
}
#main-nav li{
clear:both;
display:block;
width:100%
}
#main-nav a{
padding:.6em 0;
width:100%
}
#main-nav ul a{
color:inherit
}
#main-nav .child-arrow{
display:inline-block
}
.menu-item .child-arrow:hover{
background:rgba(200,200,200,.25)
}
#main-nav li > .sub-menu{
border:none;
background:none;
position:static;
width:auto;
padding:.5em 0;
margin:0 0 0 1em;
letter-spacing:0;
display:none;
transition:none;
opacity:1;
transform:none;
overflow:inherit;
color:inherit;
box-shadow:none
}
#main-nav .has-mega > .sub-menu {
padding:0;
width: auto;
margin:0;
}
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega-column > .sub-menu ul,
#main-nav .has-mega-sub-menu .mega-sub-menu ul{
float:none;
margin: 0 0 0 1em
}
#main-nav .has-mega-column .widgettitle,
#main-nav .has-mega-column > .sub-menu > .columns-sub-item > a,
#main-nav .has-mega-column > .sub-menu a{
font-size:inherit;
font-weight:400;
text-transform:none
}
#main-nav > li:last-child a,
#main-nav > li a{
border-bottom:1px solid rgba(180,180,180,.2)
}
#headerwrap #main-nav > li li a{
margin-bottom:0;
padding:.6em 0
}
#headerwrap .col3-1{
float:none;
width:auto;
margin:auto
}
#sidebar{
margin-right:2%
}
#footer{
max-width:96%
}
#pagewrap .back-top-float{
right:320px
}
@media (pointer:coarse){
#header{
overflow-y:auto;
-webkit-overflow-scrolling:touch
}
}
@media screen and (min-width:1201px){
.full_width .module_row .row_inner{
max-width:92%
}
.full_width .module_row.fullwidth .row_inner{
max-width:100%;
}
}
/*/styles/colors/magenta.css*/
/* general bg & color */
:root{
--ultra_color_magenta:#ff0074
}
a, .post-nav .arrow{
color:var(--ultra_color_magenta)
}
a:hover{
color:#000
}
.post-nav a:hover span{
color:inherit
}
.post-title a{
color:#000
}
.post-title a:hover{
color:var(--ultra_color_magenta)
}
input[type=reset],
input[type=submit],
button,
#respond #cancel-comment-reply-link,
.commentlist .comment-reply-link{
background-color:var(--ultra_color_magenta);
color:#fff;
border:none
}
.commentlist .comment-reply-link:hover,
#respond #cancel-comment-reply-link:hover{
background-color:var(--theme_accent_hover);
color:#fff
}
#main-nav .has-mega-column {
color:#666;
}
.header-minbar #main-nav .has-mega-column,
.header-slide-out #main-nav .has-mega-column,
.header-leftpane #main-nav .has-mega-column,
.header-rightpane #main-nav .has-mega-column,
.mobile-menu-visible #main-nav .has-mega-column {
color:rgba(255,255,255,.7)
}
.boxed-content,
#slide-cart,
.header-minbar .sidemenu,
.header-slide-out .sidemenu,
.mobile_menu_active .sidemenu,
#headerwrap,
#footerwrap{
background-color:var(--ultra_color_magenta);
color:rgba(255,255,255,.7)
}
.header-stripe.mobile-menu-visible #headerwrap a,
.header-rightpane #main-nav ul a,
.header-rightpane #main-nav .mega-menu-posts a,
.header-leftpane #main-nav ul a,
.header-leftpane #main-nav .mega-menu-posts a,
.mobile-menu-visible #headerwrap #main-nav a,
.mobile-menu-visible #header .social-widget a,
#slide-cart .product-title a,
#headerwrap a,
#footerwrap a{
color:#fff
}
#main-nav ul .current_page_item > a,
#main-nav ul .current-menu-item > a,
.transparent-header #main-nav ul a:hover,
.transparent-header #main-nav .mega-menu-posts a:hover,
#main-nav ul a:hover,
#main-nav .mega-menu-posts a:hover{
color:var(--ultra_color_magenta)
}
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a,
#headerwrap a:hover,
#footerwrap a:hover,
#slide-cart a:hover,
.header-stripe.mobile-menu-visible #headerwrap a:hover,
.header-rightpane #main-nav ul a:hover,
.header-rightpane #main-nav .mega-menu-posts a:hover,
.header-leftpane #main-nav ul a:hover,
.header-leftpane #main-nav .mega-menu-posts a:hover,
.mobile_menu_active #headerwrap a:hover,
.mobile-menu-visible #headerwrap a:hover,
.mobile-menu-visible #headerwrap #main-nav a:hover,
.mobile-menu-visible #headerwrap #main-nav ul a:hover{
color:#fffb48
}
#headerwrap h1,
#headerwrap h2,
#headerwrap h3,
#headerwrap h4,
#headerwrap h5,
#headerwrap h6,
#footerwrap h1,
#footerwrap h2,
#footerwrap h3,
#footerwrap h4,
#footerwrap h5,
#footerwrap h6{
color:inherit
}
/* full section scroll loader */
.theme-color-magenta .section_loader{
background-color:var(--ultra_color_magenta)
}
/* header classic */
body:not(.mobile_menu_active).header-classic #headerwrap{
background-color:transparent;
color:inherit
}
.header-classic:not(.mobile_menu_active) #site-logo a{
color:inherit
}
body:not(.mobile_menu_active).header-classic #headerwrap .navbar-wrapper{
background-color:var(--ultra_color_magenta)
}
/* header stripe */
.header-stripe #headerwrap,
.header-stripe #headerwrap.fixed-header{
background-color:transparent;
color:#000;
}
.header-stripe #headerwrap a{
color:#000
}
.header-stripe #headerwrap a:hover{
color:var(--ultra_color_magenta)
}
.header-stripe #site-logo{
background-color:var(--ultra_color_magenta);
color:#fff;
}
.header-stripe #site-logo a,
.header-stripe #site-logo a:hover{
color:#fff
}
/* semi-transparent element */
.transparent-header #headerwrap.fixed-header,
#headerwrap.fixed-header,
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.single .post-content .post-date,
.loops-wrapper.list-post .post-date,
.mobile-menu-visible.header-overlay #headerwrap,
#pagewrap .back-top-float{
background-color:rgba(239,65,126,.9);
color:#fff
}
/* left/right pane menu icon */
.mobile_menu_active.header-leftpane #pagewrap #headerwrap #menu-icon,
.mobile_menu_active.header-rightpane #pagewrap #headerwrap #menu-icon{
background-color:var(--ultra_color_magenta);
color:#fff
}
/* sidebar toggle & footer tab */
.sticky_sidebar_enabled #toggle-mobile-sidebar-button,
.header-bottom #pagewrap .back-top-float,
.footer-tab,
.full-section-scrolling #footerwrap .back-top .arrow-up a,
.footer-horizontal-left #footerwrap .back-top .arrow-up a,
.footer-horizontal-right #footerwrap .back-top .arrow-up a,
.footer-left-col #footerwrap .back-top .arrow-up a,
.footer-right-col #footerwrap .back-top .arrow-up a{
background-color:var(--ultra_color_magenta);
color:#fff
}
.header-bottom #pagewrap .back-top-float:hover,
.footer-tab:hover,
.full-section-scrolling #footerwrap .back-top .arrow-up:hover a,
.footer-horizontal-left #footerwrap .back-top .arrow-up:hover a,
.footer-horizontal-right #footerwrap .back-top .arrow-up:hover a,
.footer-left-col #footerwrap .back-top .arrow-up:hover a,
.footer-right-col #footerwrap .back-top .arrow-up:hover a{
background-color:#000;
color:#fff
}
/* Flip Post Layout */
.loops-wrapper.flip .post-image + .post-content{
background-color:var(--ultra_color_magenta);
color:rgba(255,255,255,.7)
}
.loops-wrapper.flip .post-image + .post-content a{
color:#fff
}
.loops-wrapper.flip .post-image + .post-content a:hover{
color:#fffb48
}
/* WOOCOMMERCE
================================================ */
/* button */
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce ul.products li.product .button{
background-color:var(--ultra_color_magenta);
color:#fff
}
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce ul.products li.product .button:hover{
background-color:var(--theme_accent_hover);
color:#fff
}
#slide-cart .button{
background-color:#000;
}
/*/wp-content/uploads/themify-customizer-5.6.4-5.7.1.css*/
/* Themify Customize Styling */
body { background-image: url(https://starsunzensiert.de/wp-content/uploads/2017/10/footer_lodyasd.png);
font-family: "Arya"; font-weight:normal;
font-size:16px;
text-align:left;
color: #1c1c1c;
}
h1 {
font-family: "Oswald"; font-weight:300;
letter-spacing:02px;
}
h2 { font-size:1.9em;
color: #ff0074;
}
h3 { font-size:22px;
}
#headerwrap {
background-color: transparent;
}
#headerwrap #header {
background-color: transparent;
}
body #site-logo a img { width: 250px;
}
#main-nav a {
font-family: "Oswald"; font-weight:normal;
font-size:1.2em;
text-transform:uppercase;
}
.post-title {
font-family: "Viga"; font-weight:normal;
font-size:28px;
text-align:center;
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title { text-align:left;
}
.post-meta, .loops-wrapper.list-post .post-meta, .single-post .post-meta, .loops-wrapper.grid6 .post-meta, .loops-wrapper.grid5 .post-meta, .loops-wrapper.grid4 .post-meta, .loops-wrapper.grid3 .post-meta, .loops-wrapper.grid2 .post-meta { text-align:center;
}
.more-link { text-align:right;
}
#sidebar, #sidebar-alt { font-size:18px;
}
#footerwrap { background: none;
background-color: #ffffff;background-image: url(https://starsunzensiert.de/wp-content/uploads/2018/03/footer_lodyas.png);
}
#footer-logo a img { width: 150px;
}
@media screen and (max-width: 768px) { /* Themify Customize Styling */
body #site-logo a img { width: 250px;
}
#footer-logo a img { width: 150px;
}
}@media screen and (max-width: 680px) { /* Themify Customize Styling */
body {
color: #1c1c1c;
}
h2 {
color: #ff0074;
}
#footerwrap { background: none;
background-color: #292929;
}
}
/* Themify Custom CSS */
#headerwrap {
margin-top: 0px !important;
}
.hometiles .loops-wrapper.boxed .post-title a {
font-family: Viga;
text-align: center !important;
font-size: 1.4em;
color: #000 !important;
font-weight: bold;
}
.hometiles .auto_tiles .post.tiled-square-small .post-title, .auto_tiles .post.tiled-portrait .post-title {
padding: 0em 2em !important;
}
.hometiles .loops-wrapper.boxed .post-meta.entry-meta a {
color: #000 !important;
}
.hometiles .loops-wrapper.boxed .post-title a:hover {
text-decoration: underline !important;
}
.hometiles .post-date {
color: #000 !important;
font-size: 0.7em;
}
.hometiles .post-meta {
text-align: center !important;
color: #000;
}
.homeposts .post-title,.post-meta {
text-align: left !important;
}
.homeposts .post-title {
font-size: 2em !important;
font-family: Viga;
}
.homeposts .post-title:hover {
text-decoration: underline;
}
.hometiles .auto_tiles .post-image+.post-content {
background: rgba(253, 212, 0, 0.65);
}
.l oops-wrapper.polaroid .post-image+.post-content {
top: 0px;
}
.homeposts .more-link {
border: 1px solid;
padding: 1em;
}
.homeposts .more-link:hover {
margin-left: 10px;
}
.homeposts .post-image img {
border: 2px solid #ccc;
}
.homeposts .post-image img:hover {
opacity: 0.8;
}
.homeposts .post {
padding: 2em;
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1);
-ms-transition: all 200ms ease-in;
-ms-transform: scale(1);
-moz-transition: all 200ms ease-in;
-moz-transform: scale(1);
transition: all 200ms ease-in;
transform: scale(1);
}
.homeposts .post:hover {
box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
z-index: 2;
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1.01);
-ms-transition: all 200ms ease-in;
-ms-transform: scale(1.01);
-moz-transition: all 200ms ease-in;
-moz-transform: scale(1.01);
transition: all 200ms ease-in ;
transform: scale(1.01);
}
.homeposts .post:nth-of-type(odd) {
background: #323232;
color: #fff;
}
.homeposts .post:nth-of-type(odd) .post-image {
float: right;
padding: 1em;
}
.homeposts .post:nth-of-type(odd) .post-title a {
color: #ffc4c6;
}
.homeposts .post:nth-of-type(odd) .more-link {
color: #fff !important;
}
.homeposts .post:nth-of-type(odd) .more-link:hover {
color: #323232 !important;
background: #fff;
}
#wpp-4 .wpp-post-title {
font-size: 1.2em;
font-family: Viga;
color: #000;
}
#wpp-4 .wpp-list ol {
counter-reset: li-counter;
list-style-type: none;
list-style-type: decimal; /*IE 7- hack*/
}
#wpp-4 .wpp-list li {
margin-bottom:2em;
}
#wpp-4 img {
border: 2px solid #ccc;
margin-bottom: 15px;
}
.poppostswidgetcont {
border: 1px solid #000;
}
.poppostswidget,.widgettitle {
background: rgb(76,76,76);
background: -moz-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
background: linear-gradient(135deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 );
border-radius:0px;
border-left: 3px solid rgba(0,0,0,.8);
color: #fff;
font: 1.4em Oswald;
letter-spacing: 5px;
text-align: left;
text-transform: uppercase;
padding: 1em;
text-align: center;
}
#tag_cloud-4 a {
font-family: Oswald;
zoom: 0.6;
text-transform: uppercase;
padding: 1em;
-moz-transform: scale(0.8);
}
#tag_cloud-4 {
padding: 0.5em;
text-align: center;
}
#tag_cloud-4 h4 {
display:none;
}
@media screen and (max-width: 680px) {
#headerwrap .header-icons {
right: 11%;
top: 12%;
}
}
blockquote {
line-height: 2em;
padding: 1.7em 3em 0.5em 3em !important;
font-family: Arya;
font-size: 1.4em;
}
blockquote:before {
content: '\201C';
font-size: 6.3em;
position: absolute;
margin-left: -.5em;
margin-top: .2em;
font-family: Oswald;
font-style: initial;
}
#themify-feature-posts-2 a {
color: #000 !important;
}
#themify-feature-posts-2 .post-img {
float: right;
border: 2px solid #ccc;
margin-left: 1em;
}
#themify-feature-posts-2 li {
border-bottom: 1px solid #d6d6d6;
}
#nav_menu-4 li {
display: inline-block !important;
font-family: Oswald;
}
#nav_menu-4 a {
font-size: 1.3em;
padding: 6px;
text-transform: uppercase;
color: #000;
}
.addtoany_share_save_container {
border-top: 1.5px solid #ccc;
padding-top: 1em;
margin: 0px 0 30px 0 !important;
}
.post-views {
float: right;
}
.loops-wrapper.list-post .post-date .day, .single .post-date .day {
font-size: 20px;
}
.loops-wrapper.list-post .post-date .month, .single .post-date .month {
font-size: 10px;
margin: 9px 0px;
}
.loops-wrapper.list-post .post-date .year, .single .post-date .year {
font-size: 10px;
font-family: Droid Serif !important;
letter-spacing: 3px;
}
.adlink {
text-align: center;
border: 1px solid #ccc;
font-family: Oswald;
font-size: 1.4em;
padding: 1em;
background: #fff;
margin-bottom:2em;
}
/* Veona Ultra button */
.veonabutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.veonabutton:hover,
.veonabutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.veonabutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.veonabutton:before {
content: "\0000a0";
display: inline-block;
height: 72px;
width: 119px!important;
line-height: 36px;
margin: 0 66px -32px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2019/10/ezgif.com-webp-to-png.png") no-repeat left center transparent;
background-size: 50% 83%;
}
/* end veona button */
/* Garcinia Bio button */
.adbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.adbutton:hover,
.adbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.adbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.adbutton:before {
content: "\0000a0";
display: inline-block;
height: 84px;
width: 50px;
line-height: 36px;
margin: 0 26px -43px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2018/01/main_product.png") no-repeat left center transparent;
background-size: 100% 100%;
}
/* Calmax button */
.calmaxadbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.calmaxadbutton:hover,
.calmaxadbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.calmaxadbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.calmaxadbutton:before{
content: "\0000a0";
display: inline-block;
height: 84px;
width: 50px;
line-height: 36px;
margin: 0 26px -43px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2018/01/product-1.png") no-repeat left center transparent;
background-size: 100% 100%;
}
/* Revolyn button */
.revolynbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.revolynbutton:before {
content: "\0000a0";
display: inline-block;
height: 74px;
width: 42px;
line-height: 36px;
margin: 0 26px -32px -5px;
position: relative;
top: 0px;
left: -4px;
background: url(https://starsunzensiert.de/wp-content/uploads/2019/03/revolyn.png) no-repeat left center transparent;
background-size: 96% 83%;
}
.revolynbutton:hover,
.revolynbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.revolynbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
/* end Revolyn button */
/* Libomax button */
.liboadbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.liboadbutton:hover,
.liboadbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.liboadbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.liboadbutton:before{
content: "\0000a0";
display: inline-block;
height: 84px;
width: 50px;
line-height: 36px;
margin: 0 26px -43px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2018/01/made_of_product.png") no-repeat left center transparent;
background-size: 100% 100%;
}
/* end Libomax button */
/* BeMass button */
.bemassadbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.bemassadbutton:hover,
.bemassadbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.bemassadbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.bemassadbutton:before{
content: "\0000a0";
display: inline-block;
height: 84px;
width: 45px;
line-height: 36px;
margin: 0 26px -43px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2018/01/product.png") no-repeat left center transparent;
background-size: 100% 100%;
}
/* Awaderm Eye button */
.aweadbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 28px 34px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.aweadbutton:hover,
.aweadbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.aweadbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.aweadbutton:before{
content: "\0000a0";
display: inline-block;
height: 84px;
width: 73px;
line-height: 36px;
margin: 0 76px -43px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2018/01/product_image.png") no-repeat left center transparent;
background-size: 100% 100%;
}
/* DR. Parell */
.drpadbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.drpadbutton:hover,
.drpadbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.drpadbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.drpadbutton:before{
content: "\0000a0";
display: inline-block;
height: 84px;
width: 44px;
line-height: 36px;
margin: 0 26px -43px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2018/01/product_image_1.png") no-repeat left center transparent;
background-size: 100% 100%;
}
/* Awaderm Face */
.awfadbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.awfadbutton:hover,
.awfadbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.awfadbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.awfadbutton:before{
content: "\0000a0";
display: inline-block;
height: 39px;
width: 48px;
line-height: 36px;
margin: 0 26px -43px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2018/01/greeting-product.png") no-repeat left center transparent;
background-size: 100% 100%;
}
/* Nivele button */
.nivadbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.nivadbutton:hover,
.nivadbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.nivadbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.nivadbutton:before {
content: "\0000a0";
display: inline-block;
height: 48px;
width: 62px;
line-height: 36px;
margin: 0 26px -43px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2018/01/product_image-1.png") no-repeat left center transparent;
background-size: 100% 100%;
}
/* end Nivele button */
/* CBD button */
.cbdadbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.cbdadbutton:hover,
.cbdadbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.cbdadbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.cbdadbutton:before {
content: "\0000a0";
display: inline-block;
height: 74px;
width: 62px;
line-height: 36px;
margin: 0 26px -32px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2018/07/ezgif.com-webp-to-png.png") no-repeat left center transparent;
background-size: 100% 100%;
}
/* end CBD button */
/* Tivisi button */
.tivisiadbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.tivisiadbutton:hover,
.tivisiadbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.tivisiadbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.tivisiadbutton:before {
content: "\0000a0";
display: inline-block;
height: 74px;
width: 101px;
line-height: 36px;
margin: 0 26px -32px -5px;
position: relative;
top: 0px;
left: -4px;
background: url(https://starsunzensiert.de/wp-content/uploads/2018/07/1-antenas.png) no-repeat left center transparent;
background-size: 129px;
}
/* end tivisi button */
/* Horlaxen button */
.horlaxenadbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.horlaxenadbutton:hover,
.horlaxenadbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.horlaxenadbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.horlaxenadbutton:before {
content: "\0000a0";
display: inline-block;
height: 74px;
width: 62px;
line-height: 36px;
margin: 0 26px -32px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2018/07/handa.png") no-repeat left center transparent;
background-size: 96% 83%;
}
/* end Horlaxenbutton */
/* Testo Ultra button */
.testoultrabutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.testoultrabutton:hover,
.testoultrabutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.testoultrabutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.testoultrabutton:before {
content: "\0000a0";
display: inline-block;
height: 72px;
width: 68px;
line-height: 36px;
margin: 0 66px -32px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("/wp-content/uploads/2019/09/6b414113e766769c35044f069ed9cc1b.png") no-repeat left center transparent;
background-size: 50% 83%;
}
/* end Testo Ultra button */
/* Auvela button */
.auvelabutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.auvelabutton:hover,
.auvelabutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.auvelabutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.auvelabutton:before {
content: "\0000a0";
display: inline-block;
height: 72px;
width: 68px;
line-height: 36px;
margin: 0 66px -32px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2019/10/product-8.png") no-repeat left center transparent;
background-size: 50% 83%;
}
/* end Auvela button */
/* Prostatricum button */
.prostatricumbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.prostatricumbutton:hover,
.prostatricumbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.prostatricumbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.prostatricumbutton:before {
content: "\0000a0";
display: inline-block;
height: 72px;
width: 72px;
line-height: 36px;
margin: 0 66px -32px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("/wp-content/uploads/2019/09/offer2.png") no-repeat left center transparent;
background-size: 50% 83%;
}
/* end Prostatricum button */
/* Ultramaxbutton button */
.ultramaxbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.ultramaxbutton:hover,
.ultramaxbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.ultramaxbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.ultramaxbutton:before {
content: "\0000a0";
display: inline-block;
height: 74px;
width: 62px;
line-height: 36px;
margin: 0 26px -32px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2019/08/9f1dc456d67d847a589a993725e79769.png") no-repeat left center transparent;
background-size: 70% 83%;
}
/* end ultramaxbutton */
/* Herzolexadbutton button */
.herzolexadbutton {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.herzolexadbutton:hover,
.herzolexadbutton:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.herzolexadbutton:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.herzolexadbutton:before {
content: "\0000a0";
display: inline-block;
height: 74px;
width: 62px;
line-height: 36px;
margin: 0 26px -32px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2018/07/herzolex-ultra-pure-cleanse-ultra.png") no-repeat left center transparent;
background-size: 96% 71%;
}
/* end Herzolexadbutton */
/* Herzolexadbuttontwo button */
.herzolexadbuttontwo {
display: inline-block;
text-align: right;
vertical-align: middle;
padding: 19px 37px;
border: 1px solid #1e1e1e;
border-radius: 8px;
background: #535353;
background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#1e1e1e));
background: -moz-linear-gradient(top, #535353, #1e1e1e);
background: linear-gradient(to bottom, #535353, #1e1e1e);
text-shadow: #111111 1px 1px 1px;
font: normal normal bold 23px Oswald;
color: #ffffff;
text-decoration: none;
}
.herzolexadbuttontwo:hover,
.herzolexadbuttontwo:focus {
border: 1px solid #212121;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#242424));
background: -moz-linear-gradient(top, #646464, #242424);
background: linear-gradient(to bottom, #646464, #242424);
color: #ffffff;
text-decoration: none;
}
.herzolexadbuttontwo:active {
background: #1e1e1e;
background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#1e1e1e));
background: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
background: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
}
.herzolexadbuttontwo:before {
content: "\0000a0";
display: inline-block;
height: 74px;
width: 62px;
line-height: 36px;
margin: 0 26px -32px -5px;
position: relative;
top: 0px;
left: -4px;
background: url("https://starsunzensiert.de/wp-content/uploads/2019/05/product1-2.png") no-repeat left center transparent;
background-size: 96% 71%;
}
/* end Herzolexadbuttontwo */
#footer .back-top.back-top-float a {
background-color: rgba(0, 0, 0, 0.42) !important;
}
#slide-cart, .header-minbar .sidemenu, .header-leftpane #headerwrap, .header-rightpane #headerwrap, .header-slide-out #headerwrap, .header-slide-out .sidemenu, #headerwrap {
background: url(https://starsunzensiert.de/wp-content/uploads/2018/03/footer_lodyas.png);
}
#headerwrap {
-webkit-box-shadow: -4px 0px 0px 0px rgba(237,185,64,1);
-moz-box-shadow: -4px 0px 0px 0px rgba(237,185,64,1);
box-shadow: -4px 0px 0px 0px rgba(237,185,64,1);
}
#menu-icon {
background-color: rgba(237,185,64,1) !important;
color: #000 !important;
}
.back-top.back-top-float {
background: rgba(0,0,0,0.2) !important;
color: #fff;
border: 1px solid rgba(255,255,255,0.5);
}
.cc_logo {
display: none !important;
}
#sidebar #searchform {
position: relative;
}
span.author.vcard:before {
content: "Veroffentlicht von ";
color: #848484;
text-transform: none;
letter-spacing: 0px;
}
.author.vcard {
font-weight: bold;
}
.post-meta a, .post-meta span {
letter-spacing: 0px !important;
font-weight: normal !important;
}
.vlink {
color: #6d6d6d !important;
}
blockquote::before {
display:none;
}
blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 450px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
background:#ececec;
}
.lbnx {
opacity: 0;
}
/* START MOBILE MENU CSS */
@media screen and (max-width:1200px){
/*/mobile-menu.css*/
#header{
height:auto;
padding:10px 0 5px;
text-align:inherit
}
.fixed-header #header{
text-align:inherit; /* make left text align on sticky header */
}
/* reset absolute elements to static */
#site-logo,
#site-description{
position:static;
float:none;
clear:both;
margin:0 0 .5em;
padding:0
}
#site-logo{
font-size:24px;
margin:5px 10px 5px 0
}
.header-widget{
position:static;
float:none;
clear:both;
margin:0;
text-align:inherit
}
.header-widget .widget{
margin:0 0 1.8em
}
.header-widget .widgettitle{
margin:0 0 .3em
}
.header-icons{
position:absolute;
display:block;
top:27px;
right:4%;
z-index:1999;
transform:translateY(-50%)
}
.header-icons a{
text-decoration:none !important;
font-size:1em
}
.slide-cart .header-icons{
display:flex;
align-items:center;
flex-direction:row-reverse
}
/* mobil menu panel */
.mobile-menu-visible .header-icons,
.slide-cart-visible .header-icons{
z-index:1 !important; /* prevent the overlap of header buttons with the sidemenu */
}
/* Mobile Menu Styles */
.sidemenu{
transition-property:left,right,top,bottom,width,transform,opacity;
transition-duration:.2s;
transition-timing-function:ease-in-out;
height:100%;
width:300px;
padding:60px 25px 25px;
background-color:#fff;
color:#000;
display:none;
overflow-y:auto;
position:fixed;
top:0;
z-index:11111;
text-align:left;
}
#mobile-menu{
contain:paint;
right:-300px
}
#mobile-menu.sidemenu-on{
right:0;
box-shadow:-6px 0 20px 5px rgba(0,0,0,.1)
}
.sidemenu-left,
.sidemenu-left .fixed-header{
left:300px
}
.sidemenu-left #mobile-menu.sidemenu-on{
left:0
}
/* mobile menu panel link */
#headerwrap #mobile-menu-panel a{
color:#fff;
text-decoration:none
}
#headerwrap #menu-icon-close{
display:block;
position:absolute;
text-decoration:none;
top:10px;
right:10px;
min-width:1em;
min-height:1em;
transform-origin:center;
transition-property:transform;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
font-size:20px;
color:inherit;
padding:9px;
border-radius:100%
}
#menu-icon-close:hover{
background:rgba(200,200,200,.25)
}
#menu-icon-close:before,
#menu-icon-close:after{
height:56%;
}
.transparent-header #menu-icon-close{
color:inherit; /* require for transparent-header */
}
/* main nav */
#main-nav-wrap{
display:block;
padding:0;
margin:1em 0 1.5em
}
#main-nav{
float:none;
background-color:transparent
}
#main-nav li{
display:block;
clear:both;
padding:0;
width:100%
}
/* sub level */
#main-nav li > .sub-menu{
position:static;
width:auto;
height:auto;
border:none;
margin:0 0 0 1em;
background:none;
padding:0;
display:none;
opacity:1;
transform:none;
color:inherit;
box-shadow:none
}
#main-nav li.toggle-on > .sub-menu{
display:block
}
#main-nav .child-arrow{
display:inline-block
}
#main-nav .child-arrow:hover{
background:rgba(200,200,200,.25);
}
.transparent-header #headerwrap .themify-widget-menu{
color:inherit
}
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega > .sub-menu {
padding:0;
width: auto;
margin:0;
}
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega-column > .sub-menu ul,
#main-nav .has-mega-sub-menu .mega-sub-menu ul{
float:none;
margin: 0 0 0 1em
}
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega-column > .sub-menu ul,
#main-nav li:not(.themify-widget-menu) > ul,
#main-nav .has-mega-sub-menu .mega-sub-menu ul{
background:none
}
/* menu link */
#headerwrap #main-nav a{
width:auto;
display:block;
border:none;
padding:.6em 0;
margin:0;
color:inherit;
line-height:1.5em;
background:none;
font-weight:400;
text-decoration:none;
box-shadow:none
}
#headerwrap #main-nav .has-sub-menu > a {
padding-right:40px; /* for arrow spacing */
}
#main-nav > li:last-child a{
border:none
}
/* current link */
#headerwrap #main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a{
color:var(--theme_accent)
}
.slide-cart-visible #menu-icon,
#main-nav .mega-menu-posts{
display:none
}
#header .social-widget a{
color:inherit
}
#header .social-widget{
position:static;
float:none;
margin:0
}
#headerwrap .widget .twitter-list .twitter-timestamp{
opacity:1
}
.header-widget .col4-1,
.header-widget .col4-2,
.header-widget .col3-1{
margin-left:0;
width:100%;
max-width:100%
}
.sidemenu .header-widget{
height:auto
}
.fixed-header .cart-wrap,
.fixed-header .header-bar,
.fixed-header .header-widget{
display:block
}
.fixed-header-on #headerwrap .social-widget,
.fixed-header .search-button{
display:inline-block
}
#headerwrap .sidemenu .search-button{
margin:0;
color:inherit
}
#headerwrap #searchform #s,
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .tf_fa:hover + #s,
#headerwrap #searchform{
width:100%
}
.fixed-header-on #headerwrap #searchform-wrap,
#headerwrap #searchform-wrap{
display:block;
margin:1em 0 0
}
#headerwrap #searchform{
position:relative;
left:auto;
right:auto;
top:auto;
bottom:auto;
float:none;
clear:both;
margin:0 0 1em;
padding:0;
width:auto
}
#headerwrap #searchform #s{
width:100%;
float:none;
transition:none;
margin:auto;
color:#000;
padding:11px 15px 10px 35px;
background-color:#eee;
position:static;
height:auto
}
#headerwrap #searchform .tf_fa:hover + #s{
background-color:#eee
}
#headerwrap #searchform .tf_fa{
left:9px;
top:9px;
position:absolute;
background:transparent;
color:#000;
width:16px;
height:16px;
font-size:18px;
padding:3px;
margin:0;
transform:none
}
/*/styles/headers/media/header-rightpane.css*/
.header-rightpane.mobile-menu-visible{
overflow-x:hidden
}
#site-description{
margin-bottom:2em
}
.header-rightpane #footerwrap,
.header-rightpane.full_width #footerwrap,
.header-rightpane #body,
.header-rightpane.full_width #body{
padding-left:0;
padding-right:0
}
.slide-cart-visible.sidemenu-right,
.header-rightpane.full_width.mobile-menu-visible{
left:-300px
}
.header-rightpane #sidebar{
margin:auto
}
.header-rightpane #mobile-menu.sidemenu{
position:static;
width:auto;
background:none;
height:auto;
overflow:inherit;
padding:0;
color:inherit;
box-shadow:none
}
.header-rightpane.mobile-menu-visible #headerwrap{
right:0
}
.header-rightpane #headerwrap{
right:-300px;
left:auto;
box-shadow:none
}
.header-rightpane #headerwrap #header{
width:auto;
height:100%;
padding:35px 25px 15px
}
#headerwrap .header-icons{
top:0;
transform:none
}
#headerwrap #menu-icon-close{
display:none
}
#menu-icon{
position:fixed;
top:15px;
right:0;
background-color:#EC1E24;
color:#fff;
font-size:1.2em;
padding:0;
margin:0;
width:25px;
height:45px;
line-height:45px;
text-align:center;
z-index:10000;
border-radius:8px 0 0 8px;
transition:border .2s ease-in-out
}
.header-rightpane.slide-cart-visible #headerwrap #menu-icon,
.header-rightpane.mobile-menu-visible #headerwrap #menu-icon{
right:300px
}
.header-rightpane #menu-icon-close{
display:none
}
#headerwrap .menu-icon-inner{
border:none
}
.menu-icon-inner:before,
.menu-icon-inner:after{
transform:rotateZ(-45deg);
border-left:1px solid;
border-top:1px solid;
width:50%;
height:50%;
top:0;
left: 6px;
right:auto;
}
.menu-icon-inner:after{
left: 11px;
}
.mobile-menu-visible .menu-icon-inner{
transform: rotateZ(-180deg) translate(3px,4px)
}
.mobile-menu-visible .menu-icon-inner:before,
.mobile-menu-visible .menu-icon-inner:after{
left:3px
}
.mobile-menu-visible .menu-icon-inner:after{
left:8px
}
.header-rightpane #headerwrap #site-logo{
padding-top:0;
letter-spacing:.03em;
margin:0 0 .5em
}
.social-widget{
margin:1em 0
}
.search-button{
margin-bottom:5px
}
#pagewrap .back-top-float{
right:20px
}
@media (pointer:coarse){
#headerwrap{
overflow:inherit;
}
}
#headerwrap.tf_scrollbar{
overflow:visible;
}
.mobile-menu-visible #headerwrap.tf_scrollbar{
overflow-x:hidden;
overflow-y:auto;
}
}
/* END MOBILE MENU CSS */