@charset "UTF-8"; /* Themify Shoppe 5.7.3 framework 5.6.7 */ /* cyrillic-ext */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zgTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zETjmbI.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zoTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zsTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zUTjg.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:'Libre Franklin'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zgTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zETjmbI.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zoTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zsTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zUTjg.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:'Libre Franklin'; font-style:italic; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zgTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zETjmbI.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zoTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zsTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zUTjg.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:'Libre Franklin'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zgTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zETjmbI.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zoTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zsTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zUTjg.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:'Libre Franklin'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zgTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zETjmbI.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zoTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zsTjmbI.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:'Libre Franklin'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizBREVItHgc8qDIbSTKq4XkRiUa6zUTjg.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:'Libre Franklin'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.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:'Libre Franklin'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.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:'Libre Franklin'; font-style:normal; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.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:'Libre Franklin'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.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:'Libre Franklin'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.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:'Libre Franklin'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v19/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.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/themify-builder-style.css*/ .module_row, .module_subrow, .module_column, .module_row .module{ position:relative; box-sizing:border-box } .module_row .col-full{ width:100% } .themify_builder .direction-rtl{ flex-flow:row-reverse wrap-reverse } /* Hover Animation */ .module-buttons:hover, .module_row:hover, .module_column:hover, .page-loaded .module-image img:hover, .module-accordion i, .module{ transition:.5s ease; transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,text-shadow,filter,transform } /* fix gutenberg empty p tag bug */ .entry-content > p:first-of-type:empty, .entry-content > p:first-of-type + p:empty{ margin:0; padding:0 } /*GRID*/ .module_row{/* fix Chrome bug */ -webkit-backface-visibility:hidden; backface-visibility:hidden } .module.themify_builder_slider_wrap{ transition:none } div.module_column{ margin-left:3.2%; margin-right:0; float:left; /* top aligned */ align-items:flex-start; align-content:flex-start } .module_column.col6-1{ width:14% } .module_column.col5-1{ width:17.44% } .module_column.col4-1{ width:22.6% } .module_column.col4-2, .module_column.col2-1{ width:48.4% } .module_column.col4-3{ width:74.2% } .module_column.col3-1{ width:31.2% } .module_column.col3-2{ width:65.6% } /*NARROW*/ .gutter-narrow > .module_column{ margin-left:1.6% } .gutter-narrow > .col6-1{ width:15.33% } .gutter-narrow > .col5-1{ width:18.72% } .gutter-narrow > .col4-1{ width:23.8% } .gutter-narrow > .col4-2, .gutter-narrow > .col2-1{ width:49.2% } .gutter-narrow > .col4-3{ width:74.539% } .gutter-narrow > .col3-1{ width:32.266% } .gutter-narrow > .col3-2{ width:66.05% } /*NONE*/ .gutter-none > .module_column{ margin-left:0; margin-right:0 } .gutter-none > .col6-1{ width:16.666% } .gutter-none > .col5-1{ width:20% } .gutter-none > .col4-1{ width:25% } .gutter-none > .col4-2, .gutter-none > .col2-1{ width:50% } .gutter-none > .col4-3{ width:75% } .gutter-none > .col3-1{ width:33.333% } .gutter-none > .col3-2{ width:66.666% } /* first column */ .gutter-narrow > .module_column.first, .module_column.col-full, .module_column.first{ margin-left:0; clear:left } /*CLEARFIX*/ .module:after{ content:""; display:table; clear:both } /*RESETS*/ .ui, .ui > li, .themify_builder ul.loops-wrapper{ margin:0; padding:0; list-style:none } /*SIZES*/ .ui.builder_button.large{ font-size:120%; padding:10px 20px } .ui.builder_button.small{ font-size:70%; padding:5px 10px } .xlarge .ui.builder_button{ padding:.935em 1.875em } /*DEFAULT STYLES*/ .module_row .ui.builder_button{ text-decoration:none } .ui.builder_button{ text-decoration:none; position:relative; border:solid 1px rgba(0,0,0,.05); display:inline-block; line-height:130%; transition:color .3s linear,background-color .3s linear,padding .3s linear,border .3s linear,box-shadow .3s linear; padding:.625em 1.25em; box-shadow:none } .ui.builder_button:hover{ background:#f1f1f1 } .ui > li.current, .ui > li.current:hover{ background:#666; box-shadow:inset 0 2px 3px rgba(0,0,0,.2) } .ui > li.current > a{ color:#fff } .ui.transparent{ background:transparent; box-shadow:none; border:none; /* for transparent style inherit color */ color:inherit } /*MODULE*/ .module-title{ font-size:1.2em; margin:0 0 1.2em } .module img{ border:none; max-width:100%; height:auto; vertical-align:bottom } .module-slider{ margin-bottom:2.5em } video[poster]{ object-fit:cover } /*Widget Module*/ .module-widget .widget{ margin:0 } .wp-caption{ max-width:100% } /*Map Module*/ .module-map button{ border-radius:0 } .module-map .gm-style-mtc img{ vertical-align:baseline; margin-right:5px } /*BACKGROUND MODE*/ .themify_builder .repeat{ background-repeat:repeat } .themify_builder .repeat-x{ background-repeat:repeat-x } .themify_builder .repeat-y{ background-repeat:repeat-y } .themify_builder .repeat-none{ background-repeat:no-repeat } .themify_builder .fullcover{ background-size:cover } .themify_builder .best-fit-image{ background-size:contain; background-position:center center; background-repeat:no-repeat } .themify_builder .builder-bg-fixed{ background-attachment:fixed; background-repeat:no-repeat; background-size:cover } /* ROW */ /* for third party theme default row width */ .module_row > .row_inner, .module-layout-part .module_row.fullwidth_row_container > .row_inner{ width:1160px; max-width:100%; margin:0 auto } .themify_builder .module_row.fullheight .module_subrow, .sidebar-none .themify_builder .module_row{ width:100% } .module_row.fullwidth > .row_inner{ width:100%; max-width:100% } /*BEST-FIT*/ .best-fit{ background:#000 } .best-fit-vertical{ top:0!important; left:1%!important; right:1%!important; width:auto!important; height:100%!important; margin:auto!important } .best-fit-horizontal{ top:10%!important; left:0!important; bottom:10%!important; width:100%!important; height:auto!important; margin:auto!important } /* iOS doesn't support fixed attachment */ @supports (-webkit-touch-callout: none) { .themify_builder_row { background-attachment: scroll !important; } } /*COLUMN ALIGNMENT*/ /* FLEX BOX */ .row_inner, .module_column, .subrow_inner{ display:flex; flex-flow:wrap } .col_auto_height > .module_column{ height:100% } .col_align_middle.col_auto_height{ align-items:center } .col_align_bottom.col_auto_height:not(.direction-rtl){ align-items:flex-end } /*FULLHEIGHT ROW*/ .module_row.fullheight{ min-height:100vh; display:flex; width:100% } .fullheight > .row_inner > .module_column, .fullheight > .row_inner{ min-height:inherit } /* top aligned */ .col_align_top > .module_column{ align-items:flex-start; align-content:flex-start } /* center aligned */ .col_align_middle > .module_column, .fullheight > .row_inner > .col-full{ align-items:center; align-content:center } /* bottom aligned */ .col_align_bottom > .module_column{ align-items:flex-end; align-content:flex-end } .module-plain-text:after{ display:contents!important } /*MEDIA QUERIES*/ @media screen and (max-width:1260px){ .module_row > .row_inner, .module-layout-part .module_row.fullwidth_row_container > .row_inner{ max-width:94% } .module-layout-part .module_row.fullwidth > .row_inner, .module_row.fullwidth > .row_inner{ max-width:100% } } @media screen and (max-width:760px){ .module_row > .row_inner, .module-layout-part .module_row.fullwidth_row_container > .row_inner{ max-width:90% } } @media (min-width:681px) and (max-width:959px){ .module_column.col6-1{ width:31.2%; } .gutter-narrow > .module_column.col6-1{ width:32.266% } .direction-rtl:not(.tb_grid_classes) > .col6-1:nth-of-type(3), div:not(.direction-rtl):not(.tb_grid_classes) > .col6-1:nth-of-type(4){ margin-left:0; clear:left } .gutter-none > .module_column.col6-1{ width:33.333% } } @media screen and (max-width:680px){ .themify_map.tf_map_loaded{ width:100%!important; } .ui.builder_button, .ui.nav li a{ padding:.525em 1.15em } .gutter-narrow:not(.tb_grid_classes) > .module_column, .gutter-none:not(.tb_grid_classes) > .module_column, div:not(.tb_grid_classes) > .module_column{ margin-left:0; width:100%; max-width:100%; float:none } .module_row div:not(.tb_grid_classes) > .module_column.col6-1{ width:48.4%; margin-left:3.2% } div.gutter-narrow:not(.tb_grid_classes) > .module_column.col6-1:nth-of-type(2n+1), .direction-rtl:not(.tb_grid_classes) > .col6-1:nth-of-type(2n), div:not(.direction-rtl):not(.tb_grid_classes) > .col6-1:nth-of-type(2n+1){ margin-left:0; clear:left } div.gutter-narrow:not(.tb_grid_classes) > .module_column.col6-1{ width:49.2%; margin-left:1.6% } div.gutter-none:not(.tb_grid_classes) > .module_column.col6-1{ width:50%; margin-left:0 } .fullheight > .row_inner > .module_column:not(.col-full), .fullheight > .row_inner{ min-height:0 } } /*/themify-builder/css/modules/parallax.css*/ .themify_builder .builder-parallax-scrolling{ background-attachment:fixed!important; background-repeat:no-repeat!important; background-position:center; /* don't add !important here so user can change position with builder styling */ transition:background-position 0s!important } @media (hover:hover){ .themify_builder .builder-parallax-scrolling{ background-size:cover } } @media(hover:none){ /* for touch devices */ .themify_builder .builder-parallax-scrolling{ background-attachment:scroll!important } } /*/wp-content/themes/themify-shoppe/styles/modules/footers/block.css*/ .footer-block #footer{ text-align:center } .footer-block .footer-logo-wrap, .footer-block .footer-widgets-wrap{ float:none; clear:both; width:auto } .footer-block .footer-logo-wrap #footer-logo{ margin:0 0 .5em } .footer-block .footer-text-outer{ display:flex; align-items:center; justify-content:center; flex-direction:column } .footer-block .back-top, .footer-block .footer-text{ display:block } .footer-block .footer-widgets-wrap{ margin:0 auto; max-width:80% } .footer-widgets-off.footer-block #footer-logo{ margin-bottom:1.25em } .footer-block .back-top{ order:2; margin:1.6em 0 0 0 } @media screen and (max-width:680px){ .footer-block .footer-widgets-wrap .widget{ padding-top:0 } .footer-block .footer-widgets-wrap{ max-width:100% } } /*/wp-content/themes/themify-shoppe/styles/modules/sidebars/left.css*/ .sidebar-left #content{ float:right } .sidebar-left #sidebar{ float:left } /*/themify-builder/css/modules/image.css*/ .module-image .image-title{ margin:0 0 .3em; font-size:1.2em } .module-image .image-title a{ text-decoration:none; color:inherit; font-family:inherit; text-shadow:inherit } /*layout*/ .module-image .image-wrap{ width:auto } .module-image .image-wrap img{ vertical-align:top; display:inline-block } /*appearance*/ .module-image.rounded .image-wrap img{ border-radius:10px } .module-image.bordered .image-wrap img{ border:solid 1px rgba(0,0,0,.15); background:#fff; padding:3px; box-sizing:border-box } .module-image.drop-shadow .image-wrap img, .module.drop-shadow .post-image img{ box-shadow:0 1px 8px 2px rgba(0,0,0,.15) } .module-image.circle .image-wrap img{ border-radius:50em } /* auto fullwidth */ .themify_builder .auto_fullwidth .lightbox{ display:block } .themify_builder .auto_fullwidth .image-wrap, .themify_builder .auto_fullwidth img{ width:100%; display:block; /* required for FF */ } /* lightbox */ .module-image .image-wrap .lightbox{ position:relative; display:inline-block; max-width:100% } /*/wp-content/themes/themify-shoppe/styles/modules/builder/image.css*/ .module-image.bordered .image-wrap img{ border-color:rgba(0,0,0,.12) } /*/themify-builder/css/modules/image_styles/top.css*/ .module-image.image-top .image-content{ margin-top:.5em; margin-bottom:1em } /*/wp-content/themes/themify-shoppe/style.css*/ /* Theme Name:Themify Shoppe Theme URI:https://themify.me/themes/shoppe Version:5.7.3 Description:Themify Shoppe is a multi-purpose WooCommerce theme that helps you build professional eCommerce sites in minutes. It comes with the drag & drop Themify Builder and many eCommerce features such as ajax cart,wishlist,quick look lightbox,ajax quick search,product image zoom/gallery,and tons of layout options. Read Shoppe 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 --------- DO NOT EDIT THIS FILE. If you need to overwrite the CSS styling,create a new custom_style.css in the theme folder and it will automatically load in the . */ /************************************************************************************ 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{ border:0 } /* set html5 elements to block */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block } address{ font-style:normal } html{ scroll-behavior:smooth } iframe,audio{ max-width:100% } /************************************************************************************ 2. GENERAL STYLING *************************************************************************************/ :root{ --theme_accent:#dcaa2e; --theme_accent_hover:#000 } body{ font:1em/1.7em 'Libre Franklin',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; transition:color .2s ease-in-out; color:var(--theme_accent) } a:hover{ text-decoration:none; color:var(--theme_accent_hover) } p{ padding:0; margin:0 0 1.2em } 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 } ul ul, ul ol, ol ol, ol ul{ margin-top:1em } /* HEADINGS ================================================ */ h1,h2,h3,h4,h5,h6{ line-height:1.4em; margin:0 0 .4em; color:#000; overflow-wrap:normal; font-weight:500 } h1, .page-title{ font-size:3em; line-height:90%; font-weight:600; margin:0 0 .6em; padding:0; letter-spacing:-.03em } h2{ font-size:1.8em; font-weight:600; letter-spacing:-.02em } h3{ font-size:1.4em } h4{ font-size:1.1em; font-weight:600; text-transform:uppercase; letter-spacing:.05em } h5{ font-size:1.1em } h6{ font-size:1em } /* FORM ================================================ */ 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,.15); 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) } input[type=reset],input[type=submit],button{ background-color:var(--theme_accent); border:none; border-radius:0; color:#fff; cursor:pointer; font-weight:500; width:auto; text-transform:uppercase; letter-spacing:.05em; padding:.8em 1.4em; border-radius:30px; -webkit-appearance:none; transition-property:background-color,transform,box-shadow; transition-duration:.3s } input[type=reset]:hover,input[type=submit]:hover,button:hover{ background:var(--theme_accent_hover); color:#fff; transform:translateY(-2px); box-shadow:0 5px 12px 3px rgba(0,0,0,.12) } /************************************************************************************ 3. STRUCTURE *************************************************************************************/ /* set general layout containers box-sizing */ img,textarea,input,.author-box,.widget,.col4-1,.col4-2,.col3-1{ box-sizing:border-box } .pagewidth, .module_row > .row_inner, .module-layout-part .module_row.fullwidth_row_container > .row_inner{ width:1160px; max-width:100%; margin:0 auto } #content{ width:72%; padding:6.5% 0 } .full_width #layout{ width:100%; max-width:100% } .full_width #content{ padding:0; width:auto; max-width:100%; float:none } /************************************************************************************ 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 } /************************************************************************************ 5. HEADER *************************************************************************************/ #headerwrap{ background-color:rgba(255,255,255,.9); left:0; top:0; z-index:999; position:relative; text-align:center; box-shadow:0 1px 15px rgba(0,0,0,.12); } #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{ display:none; } .fixed-header-enabled #headerwrap{ position:sticky; position:-webkit-sticky; /*for safari*/ } .transparent-header #headerwrap, .transparent-header.no-fixed-header #headerwrap{ position:fixed } /* Announcement Bar compatibility */ .themify_announcement.bar .announcement_container{ width:auto; margin:0 28px } #header{ width:calc(100% - 56px); max-width:none; margin:0 28px } #headerwrap a{ color:#000 } #headerwrap a:hover{ color:var(--theme_accent) } /* SEARCH FORM ================================================ */ .header-icons .search-button{ text-decoration:none; text-align:center; outline:0; border-left:1px solid rgba(180,180,180,.2); margin-right:-28px; margin-left:10px; padding:0; border-radius:0 } .header-icons .search-button:hover{ background:rgba(200,200,200,.25) } .search-button:focus{ outline:0 } .search-button .tf_fa{ display:block; font-size:1.3em; margin:auto; padding:1.06em .8em } /* ICON MENU ================================================ */ .header-icons{ position:absolute; right:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; z-index:2 } .top-icon-wrap{ display:flex; align-items:center; flex-wrap:wrap } .icon-menu{ display:inline; margin:0 0 0 3px; padding:0; list-style:none; } .icon-menu li{ display:inline-block; vertical-align:middle; margin:0; padding:10px 0; position:relative; list-style:none; } .icon-menu em{ font-size:19px; padding:9px 10px; display:inline-block; vertical-align:middle; line-height:1; box-shadow:none; text-shadow:none; border-radius:100%; } #header .icon-shopping-cart.tf_loader{ font-size:7px; padding:9px } #header .icon-shopping-cart.tf_loader:before{ border-width:2px } .icon-menu a:hover em{ background-color:rgba(200,200,200,.25); } .icon-menu li > a{ display:inline-block; text-decoration:none; margin:3px; position:relative } .icon-shopping-cart svg { margin-top:-2px;/* for alignment */ } .icon-shopping-cart.tf_loader svg { display:none } .icon-menu ul li{ padding:0 } .icon-menu li > .sub-menu{ text-align:left } /* Remove Cart Tooltip & Hover */ .cart-style-dropdown .icon-menu .cart a .tooltip{ display:none } .icon-menu li > a .tooltip{ background-color:#000; color:#fff; display:inline-block; font-size:.8em; line-height:1.3em; text-align:center; padding:.5em 1.15em; position:absolute; top:130%; margin-top:0; left:50%; opacity:0; visibility:hidden; border-radius:30px; transform:translateX(-50%); transition:.3s ease-out; transition-property:opacity,visibility; z-index:1 } .icon-menu li > a:hover .tooltip{ opacity:1; visibility:visible } .cart-style-slide-out .icon-menu .cart a .cart_empty + .tooltip{ display:block } .icon-menu li > a .tooltip:before{ content:''; display:block; border:5px solid transparent; border-bottom-color:#000; position:absolute; bottom:100%; left:50%; margin-left:-5px } .icon-menu .icon-menu-count{ min-width:10px; position:absolute; right:-6px; top:50%; padding:4px; border-radius:10px; background-color:var(--theme_accent); font-size:9px; line-height:1; animation:zoomIn .3s ease; color:#fff; text-align:center } .tf_loader + .icon-menu-count{ display:none } @keyframes zoomIn{ 0%{ transform:scale(.5) } 100%{ transform:scale(1) } } /* darkmode toggle icon */ .tf_darkmode_toggle svg { stroke-width: 2px; fill: transparent; } /* MAIN NAVIGATION ================================================ */ #main-nav{ margin:0; padding:0; text-align:left; position:absolute; width:100%; left:0; bottom:0 } #main-nav li{ margin:0; padding:0; list-style:none; position:relative; display:inline-block } /* main level link */ #main-nav a{ display:inline-block; position:relative; padding:1.2em .4em; margin:0 .25em 0 0; text-decoration:none; text-transform:uppercase; letter-spacing:.02em } #main-nav > li > a:before{ content:''; display:block; position:absolute; top:0; left:0; width:100%; margin-bottom:-1px; color:transparent; border-bottom:3px solid currentColor; transition:inherit } #main-nav > li:hover > a:before, #main-nav > .current_page_item > a:before, #main-nav > .current-menu-item > a:before, #main-nav > .current_page_item > a:hover:before, #main-nav > .current-menu-item > a:hover:before{ color:var(--theme_accent) } #main-nav .highlight-link > a{ padding:.2em 1em; border:1px solid; border-radius:8px } .icon-menu ul a, #main-nav ul a{ border:none; border-bottom:1px solid rgba(180,180,180,.2); color:#060604; display:block; font-size:.95em; line-height:1.4em; letter-spacing:0; font-weight:400; text-transform:none; margin:0; padding:.6em 0; width:170px; box-sizing:border-box } .icon-menu ul li:last-child > a, #main-nav ul li:last-child > a{ border-bottom:none } #main-nav .current_page_item > a, #main-nav .current-menu-item > a, #main-nav a:hover{ color:var(--theme_accent) } /* mobile menu icon */ .menu-icon-inner:before{ border-top:2px solid; border-bottom:2px solid } .menu-icon-inner:after{ border-top:2px solid } #slide-cart.sidemenu-on{ right:0; box-shadow:-6px 0 20px 5px rgba(0,0,0,.25) } body.slide-cart-visible, body.mobile-menu-visible{ position:relative; overflow-y:hidden } body.slide-cart-visible{ overflow:hidden !important } .body-overlay{ display:none; background-color:rgba(232,232,232,.9); width:100%; height:100%; position:fixed; top:0; box-shadow:none; z-index:1000; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px) } .body-overlay-on{ display:block } .sidemenu-left .body-overlay{ right:auto } .empty-shopdock{ padding:1em } /* Edge Menu */ #main-nav .edge > .sub-menu{ left:auto; right:0 } #main-nav ul .edge > .sub-menu{ left:auto; right:100% } .menu-item .child-arrow{ display:none; cursor:pointer; z-index:12; color:#7d7d7d; width:34px; height:34px; position:absolute; right:10px; top:5px; border-radius:100%; transition:transform .4s } .menu-item .child-arrow:hover{ background:rgba(200,200,200,.25); transform:rotateZ(180deg) } .child-arrow:before, .child-arrow:after{ top:50%; left:9px; content:''; position:absolute; transition:transform .5s ease-in-out; height:1px; width:10px; transform:rotate(45deg); background:currentColor; z-index:9999; border-radius:10px; } .child-arrow:after{ left:16px; transform:rotate(-45deg) } .toggle-on > a .child-arrow:after, .toggle-on > a .child-arrow:before{ left:9px; width:50%; } @media (hover:none){ #main-nav .menu-item-has-children > a, #icon-menu .menu-item-has-children > a{ padding-right:43px } #footer-nav .menu-item-has-children > a{ padding-right:28px } .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 } } .icon-menu li > .sub-menu, #main-nav li > .sub-menu{ color:#484848; background-color:#fff; box-shadow:0 6px 20px 5px rgba(0,0,0,.12); margin:0; list-style:none; padding:10px 20px; position:absolute; z-index:100; left:0; top:100%; box-sizing:border-box; transition:opacity .2s ease-in-out,visibility .2s ease-in-out; pointer-events:none; visibility:hidden; opacity:0; border-radius:8px } .icon-menu li:hover > .sub-menu, #main-nav li:hover > .sub-menu, /* tab keyboard menu nav */ #main-nav li > a:focus + .sub-menu, #main-nav li > .sub-menu:focus-within{ pointer-events:auto; visibility:visible; opacity:1 } #main-nav li > .sub-menu .sub-menu{ visibility:visible; left:100%; top:0; } .icon-menu li > .sub-menu ul{ left:auto; right:100%; top:0; margin-top:-10px } #main-nav .tf_post_count { background:rgba(200,200,200,.25); border-radius:100%; margin:auto 3px; font-size:.7em; line-height:1em; padding:.4em; margin-left:5px; display:none; min-width:11px; text-align:center; vertical-align:middle } #main-nav .has-mega-sub-menu .tf_post_count{ display:inline-block } /* mega menu posts */ #main-nav .mega-menu-posts .post-title{ font-size:.9em; font-weight:400; font-family:inherit; text-transform:none; line-height:1.45em; margin:0; padding:0 } #main-nav .mega-menu-posts .post a{ text-transform:none; padding:0; border:none; width:auto; font-size:unset } #main-nav .mega-menu-posts .post del{ opacity:.5; font-size:.85em /* for woocommerce */ } #main-nav .themify_mega_menu_category_link{ width:auto; border:none } #main-nav .mega-menu-posts .post{ margin:0 } /* mega column */ #main-nav .has-mega-column > .sub-menu li{ display:block } #main-nav .has-mega-column > .sub-menu a{ background:none; width:100%; padding:.6em 0; } #main-nav .has-mega-column .widget{ margin:0 0 .5em; font-size:.95em } #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:.925em; font-weight:500; line-height:1.6em; margin:0 0 .7em; padding:0; text-decoration:none; letter-spacing:.04em; text-transform:uppercase; border:none } /* mega menu WC styles */ #main-nav .has-mega-column .product-categories .count{ font-size:.8em; border-radius:10px; background-color:rgba(0,0,0,.2); color:#fff; display:inline-block; min-height:10px; line-height:normal; padding:3px 9px; margin:.55em 0; position:absolute; top:1px; right:0 } #main-nav .has-mega-column .product-categories li:hover > .count{ background-color:var(--theme_accent); color:#fff } #main-nav .has-mega-column .cart_list ins, #main-nav .has-mega-column .product_list_widget ins{ font-weight:300 } /* user menu icon */ #main-nav a > i .tf_fa{ margin-right:5px; } #main-nav a .tf_lazy{ display:none } /* FIXED HEADER ================================================ */ .revealing-header #headerwrap{ transition:transform .5s ease-in-out,opacity .5s ease-in-out } .revealing-header #headerwrap.header_hidden{ transform:translateY(-100%); opacity:0 } /* sticky header logo */ #headerwrap .tf_sticky_logo,/* hide sticky header logo */ #headerwrap.fixed-header .tf_sticky_logo, #headerwrap.fixed-header .tf_sticky_logo + span, #headerwrap.fixed-header .tf_sticky_logo + img{ display:none } #headerwrap.fixed-header .tf_sticky_logo{ display:block } /* AUTHOR PAGE ================================================ */ .author-bio{ margin:0 0 2em } .author-bio .author-avatar{ float:left; margin:0 15px 0 0 } .author-bio .author-avatar img{ background-color:#fff; padding:5px; border:solid 1px #ccc } .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 #ccc; border-color:rgba(118,118,118,.3) } /* GENERIC POST ================================================ */ .post{ margin-bottom:3em; position:relative } /* post title */ .post-title{ font-size:1.8em; line-height:1.3em; letter-spacing:-.02em; margin:0 0 .4em; padding:0 } .post-title a{ text-decoration:none; color:#000 } .post-title a:hover{ color:var(--theme_accent) } /* post image */ .post-image{ margin:0 0 .7em } .post-image img{ border-radius:8px; vertical-align:bottom } .post-image.left{ float:left; margin-right:1em } .post-image.right{ float:right; margin-left:1em } /* post meta */ .post-meta{ color:#959595; font-size:.75em; line-height:1.6em; margin:0 0 1em; padding:0 } .post-meta a{ text-decoration:none } .post-meta a:hover{ text-decoration:underline } .post-cat-tag-wrap span, .post-meta span{ vertical-align:middle } /* post category */ .post-cat-tag-wrap{ font-size:.7em; margin:0 0 .2em; display:inline-block } .post-category{ font-weight:600; text-transform:uppercase; letter-spacing:.03em } .post-tag{ letter-spacing:-.01em; color:#e1e1e1 } .post-tag a{ color:#ababab } .post-date:before, .post-comment:before, .post-tag:before{ content:''; display:inline-block; vertical-align:middle; margin-left:5px; margin-right:7px; background-color:rgba(0,0,0,.15); width:4px; height:4px; border-radius:100% } /* post author */ .post-author{ font-weight:600; text-transform:uppercase; letter-spacing:.09em } .post-author:before{ content:''; display:inline-block; vertical-align:middle; border-bottom:solid 1px; width:17px; margin-right:6px; opacity:.4 } /* post comment */ .post-comment{ letter-spacing:.03em } /* post date */ .post-date{ letter-spacing:.007em; margin:0; display:inline-block; vertical-align:middle } /* more link */ .more-link{ color:#060604; font-size:.8em; font-weight:600; display:inline-block; text-transform:uppercase; letter-spacing:.05em; line-height:1.9em; margin:0 0 .8em; padding:0 } .more-link:after{ content:''; display:block; border-bottom:3px solid #f2cd8a } /* reset slider shortcode in framework css */ .shortcode.post-slider .carousel-prev, .shortcode.slider .carousel-prev, .shortcode.post-slider .carousel-next, .shortcode.slider .carousel-next{ border-radius:0; border:0; text-shadow:none; margin:0; box-shadow:none; background-image:none } /*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; } /* single post image */ .single .has-post-thumbnail .post-image{ text-align:center } /************************************************************************************ AUTHOR BOX *************************************************************************************/ .author-box{ margin:57px 0; border:none } .author-box .author-avatar{ float:left; margin:0 30px 5px 0 } .author-box .author-avatar img{ border-radius:100%; max-width:85px } .author-box .author-name{ margin:0 0 12px; text-transform:none; letter-spacing:.07em; font-size:1.1em; font-weight:300 } /************************************************************************************ 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 *************************************************************************************/ .wpf_infinity a, #load-more a{ background:none; color:#060604; font-weight:700; text-decoration:none; text-transform:uppercase; letter-spacing:.065em; line-height:1.9em; margin:50px 0 .8em; padding:0; width:auto; display:none } .wpf_infinity a:after, #load-more a:after{ content:''; display:block; border-bottom:3px solid var(--theme_accent) } .wpf-search-container .wpf_infinity a, .wpf-search-container .wpf_infinity a:hover, .wpf_infinity_container .wpf_infinity a, .wpf_infinity_container .wpf_infinity a:hover{ background-color:transparent } /************************************************************************************ POST VIDEO (css for fluid video) *************************************************************************************/ .post-video, .embed-youtube{ position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin-bottom:15px } .post-video iframe, .embed-youtube iframe{ position:absolute; top:0; left:0; width:100%; height:100% } /************************************************************************************ 8. SIDEBAR *************************************************************************************/ .widget{ margin:0 0 1em } .widgettitle{ margin:0 0 1.2em; padding:0; font-weight:600; font-size:1em; text-transform:uppercase; letter-spacing:.15em; line-height:1.8em } .widget ul{ margin:0; padding:0 } .widget li{ margin:0; padding:0 0 1em; list-style:none; clear:both } .widget ul ul{ margin:1em 0 -1em 0; padding:0; border-top:none } .widget ul ul li{ margin:0; padding-left:10px } /************************************************************************************ 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 } /* product filter plugin */ #pagewrap .wpf_slider.ui-slider .ui-widget-header{ background-color:var(--theme_accent) } #pagewrap .wpf_item .wpf_item_name{ border:none; font-weight:500; color:inherit } #pagewrap .wpf_layout_vertical .wpf_item.wpf_item_onsale .wpf_item_name, #pagewrap .wpf_layout_vertical .wpf_item.wpf_item_instock .wpf_item_name{ color:inherit; font-weight:inherit } .wpf_items_wrapper .wpf_item ul li{ margin-right:1em } /************************************************************************************ 9. FOOTER *************************************************************************************/ #footerwrap{ font-size:.95em; line-height:1.7em } #footerwrap a{ color:#000 } #footerwrap a:hover{ color:var(--theme_accent) } #footer{ position:relative; padding-top:2.5em } #footerwrap .col4-1{ font-size:.95em } /* FOOTER WIDGETS ================================================ */ #footerwrap .below-logo-widget { margin-bottom:2em } .footer-widgets .widget{ margin-bottom:2.2em } .footer-widgets .widgettitle{ font-size:.95em; font-weight:500; letter-spacing:.1em; margin-bottom:1.4em; line-height:normal } .footer-widgets .widget li{ border:none; padding:0 0 .6em } .footer-widgets .widget li a{ text-decoration:none } /* FOOTER TEXT ================================================ */ .footer-text{ font-size:85%; opacity:.7 } .footer-text .one, .footer-text .two{ display:inline-block; vertical-align:middle } .footer-text .one{ margin-right:1em } /* FOOTER COLUMNS ================================================ */ .footer-logo-wrap{ width:26% } .footer-widgets-wrap{ width:70%; margin-left:4% } /************************************************************************************ 10. BUILDER STYLING *************************************************************************************/ .module_row.fullwidth > .row_inner{ /* for content width = full_width */ width:100%; max-width:100% } /* Disable background attachment on iOS devices */ @supports (-webkit-touch-callout:none) { #headerwrap{ background-attachment:scroll!important; background-position:center!important } } /************************************************************************************ 11. WORDPRESS POST FORMATTING *************************************************************************************/ img.alignleft,img.aligncenter,img.alignright,img.alignnone{ margin-bottom:1em } .alignleft{ float:left; margin-right:2em } .alignright{ float:right; margin-left:2em } .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{ font-style:italic; 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 } /* Spark animation fix */ .cs-canvas-container{ overflow:hidden } /* when logged-in-as 1px gap fix */ .screen-reader-text{ height:0!important} /* SPIN ANIMATION */ .mobile-menu-visible #headerwrap #menu-icon{ transition:transform .3s linear } .mobile-menu-visible #headerwrap #menu-icon:hover{ transform:rotate(90deg) } @media screen and (max-width:1200px){ .mobile-menu-visible, .slide-cart-visible{ overflow-y:hidden } .pagewidth, .module_row > .row_inner, .module-layout-part .module_row.fullwidth_row_container > .row_inner{ max-width:94% } #pagewrap, .module-layout-part .module_row.fullwidth > .row_inner, .module_row.fullwidth > .row_inner{ max-width:100% } .module_row .row_inner .module-layout-part .row_inner{ width:auto } } @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:800px){ .page-title, h1{ font-size:2.4em } } @media screen and (max-width:760px){ .pagewidth, .module_row > .row_inner, .module-layout-part .module_row.fullwidth_row_container > .row_inner{ max-width:90% } body #content{ width:100%; max-width:100%; float:none; clear:both; padding-top:10% } /* Sidebars & Sticky Sidebar */ body #sidebar{ width:100%; max-width:100%; float:none; clear:both; padding-top:10% } #header{ margin-left:5%; margin-right:5% } .tf-mc-form .module{ padding-left:5%; padding-right:5% } .tf-mc-form .mc4wp-form-fields input[type=submit]{ padding-left:.5em; padding-right:.5em } } @media screen and (max-width:680px){ .page-title, h1{ font-size:1.9em } h3{ font-size:1.3em } h2.fancy-heading { font-size:1.8em; } h2, h3.fancy-heading { font-size:1.6em; } #footerwrap .col4-2, #footerwrap .col2-1, #footerwrap .col4-3, #footerwrap .col3-1, #footerwrap .col3-2, .col4-1, .col4-2, .col2-1, .col4-3, .col3-1, .col3-2 { margin-left:0; width:100%; max-width:100% } .post-title{ font-size:1.4em } .footer-widgets-wrap{ clear:both; float:none; margin:0; width:auto } .footer-text-outer{ right:auto; left:0; display:flex; flex-direction:column; align-items:flex-start } } /*/wp-content/themes/themify-shoppe/styles/headers/header-logo-left.css*/ #headerwrap{ text-align:inherit } .logo-wrap{ float:left } #site-description{ left:0; transform:none; text-align:left } #site-description:before{ left:0; margin-left:24px } #main-nav{ position:static; float:left; width:auto; max-width:none; padding-left:23px } #headerwrap #menu-icon{ position:absolute; margin:auto } /*/wp-content/themes/tss/style.css*/ /* Theme Name: TSS Theme URI: https://totalsecurity.co.uk Template: themify-shoppe Author: Themify Author URI: https://www.themify.me Description: Themify Shoppe is a multi-purpose WooCommerce theme that helps you build professional eCommerce sites in minutes. It comes with the drag & drop Themify Builder and many eCommerce features such as ajax cart,wishlist,quick look lightbox,ajax quick search,product image zoom/gallery,and tons of layout options. Read Shoppe documentation for more information. Tags: themify,featured-images,translation-ready,custom-menu,sidebar Version: 5.1.8.1611260776 Updated: 2021-01-21 20:26:16 */ ::selection { background: var(--gold); color: var(--blue); } body { background: #fff; font-family: 'Arial', sans-serif; } p, span, li, ul, a, .heading { font-family: 'Arial', sans-serif; } .heading { font-weight: 700; font-size: 40px; color: var(--blue); letter-spacing: 0; text-transform: none; } div#catapult-cookie-bar { background: var(--blue); } .cookie-bar-bar button#catapultCookie { background: var(--gold); } .gold-bg { background: var(--gold); } .white-bg { background: white; } .blue-bg { background: var(--blue); } .width-area { padding: 80px 20px; } .img-col-height { height: 500px; } .button { display: inline-block; border: solid 2px; padding: 4px 20px; text-transform: capitalize; font-size: 14px; font-weight: 600; transition: .3s ease; } .padding-text { padding: 80px; } #pagewrap a, #pagewrap a:hover { color: var(--blue); } .gold-text { color: var(--gold); } #pagewrap .row_inner { width: 80%; } ul#menu-main-navigation { margin: 0; list-style: none; display: flex; align-items: center; justify-content: flex-end; } #main-header .sub-menu { position: absolute; opacity: 0; display: block; list-style: none; margin: 0; background: var(--blue); width: 190px; overflow: hidden; left: 50%; transform: translateX(-50%) translateY(30px); transition: .3s ease; visibility: hidden; text-align: center; padding: 20px; } #main-header li { margin-right: 40px; margin-bottom: 0; position: relative; } #main-header li:nth-last-child(1) { margin: 0; } #main-header li a { font-weight: 600; } #main-header .last { margin-bottom: 30px; } #main-header .row_inner { align-items: flex-end; } #main-header .menu-item-has-children>a { display: flex; align-items: center; } .menu-item-has-children span.material-icons { color: var(--gold); margin-left: 6px; transition: .3s ease; } #main-header li.menu-item-has-children:hover a { background: var(--blue); } #main-header li.menu-item-has-children:hover .sub-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } #main-header .sub-menu a, #main-header .menu-item-has-children a:hover, #main-header .menu-item-has-children:hover a { color: white; box-sizing: border-box; } #main-header li>a { padding: 10px; padding-left: 18px; } #main-header .sub-menu li { margin: 0; padding: 10px 0; padding-top: 0; } #main-header .sub-menu a { padding: 0; } #main-header li.menu-item-has-children:hover span { transform: rotate(180deg); } div#main-header img { width: 180px; padding: 20px 0; transition: .3s ease; } .fixed-header div#main-header img { width: 100px; } div#top-header .tb_text_wrap { display: flex; align-items: center; justify-content: flex-end; } div#top-header .tb_text_wrap a { display: flex; align-items: center; margin-left: 30px; font-size: 12px; } div#top-header { padding: 5px 0; } div#top-header .tb_text_wrap a span:nth-last-child(1) { font-weight: bold; margin-left: 8px; } .module_row, .module_column { background-size: cover; background-position: center; background-repeat: no-repeat; } .first-home.heading-sector { height: 750px; display: flex; align-items: center; } .fadeblue-bg { background: #192b5dcc; padding: 30px; width: 650px; } .first-home h1 { font-size: 60px; font-weight: bold; color: white; line-height: 70px; margin: 0; } .first-home span.home-first-span { font-weight: bold; color: white; font-size: 20px; } #pagewrap .full-row .row_inner { width: 100%; } svg { height: 40px; } .triangle-bg { background: url(https://totalsecurity.co.uk/wp-content/uploads/2021/01/TSS-HP-05.png); background-size: contain; background-repeat: no-repeat; } .full-row .module_column { margin: 0; } p { font-size: 16px; color: var(--blue); line-height: 30px; } .home-two .heading { color: var(--blue); } .services-single { display: flex; align-items: flex-start; margin-bottom: 40px; } .services-text h3 { font-size: 24px; } .services-specifics { margin-top: 70px; } .services-icon svg { height: 80px; margin-right: 30px; } .half-full .module_column { width: 50%; } a.button.gold-bg { border-color: var(--gold); color: white!important; } .text-center { text-align: center; } .blue-bg p, .blue-bg .heading { color: white; } .small-width { width: 70%; margin: 0 auto; } .grey-bg { background: #f7f7f7; } .triangle-right-bg { background: url(https://totalsecurity.co.uk/wp-content/uploads/2021/01/TSS-HP-02.png); background-size: contain; background-position: right; background-repeat: no-repeat; } .benefits-row { display: flex; align-items: flex-start; justify-content: space-between; text-align: center; } .benefits-row.benefits-row-two { width: 80%; margin: 0 auto; margin-top: 40px; } .benefits-row h3 { font-size: 24px; } .benefits-icon { margin-bottom: 10px; } .benefits-icon svg { height: 60px; } .benefits-single p { font-size: 16px; line-height: 28px; } .mb-60 { margin-bottom: 60px; } div#counter { width: 70%; display: flex; align-items: center; justify-content: space-around; margin: 0 auto; } .width-area-small { padding: 50px 10px; } .counter-value { font-weight: 800; color: white; font-size: 60px; display: inline-block; line-height: 50px; } span.stats-title { display: block; margin-top: 0; font-weight: 400; color: white; } .owl-theme .owl-nav [class*=owl-] { background: none!important; display: inline-flex; align-items: center; justify-content: center; } .owl-main .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: space-between; width: 100%; /* z-index: 9999; */ margin: 0; z-index: 0; } .owl-main .owl-nav .material-icons { font-size: 60px; color: var(--gold); } .owl-main .owl-next { position: relative; right: -60px; } .owl-main .owl-prev { position: relative; right: 60px; } .home-three .owl-main .item h4, .wwa-carousel h4 { text-transform: capitalize; letter-spacing: 0; font-size: 24px; margin-bottom: 2px; } .current-icons svg { height: 100px; } .owl-main { margin-top: 50px; } .counter-value.add-plus:after { content: '+'; } .clients-logos .tb-column-inner { display: flex; align-items: center; justify-content: space-between; } .clients-logos img { width: 120px; } .clients-logos:nth-child(2), .clients-logos:nth-child(4) { width: 90%; margin: 0 auto; } .clients-logos:nth-child(3) { margin: 40px 0; } .owl-testimonials .item { text-align: center; } .owl-testimonials .item strong { font-weight: bold; display: block; font-size: 24px; color: var(--gold); } .owl-testimonials .item span { color: var(--blue); } #pagewrap .owl-testimonials .owl-nav [class*=owl-] { background: var(--blue)!important; border-radius: 0; } .get-in-touch { padding: 160px 0; } .fadeblue-bg-row:before { position: absolute; height: 100%; width: 100%; background: #192b5db5; content: ''; top: 0; z-index: 0; left: 0; } .fadeblue-bg-row .row_inner { position: relative; z-index: 1; } .fadeblue-bg-row .heading, .fadeblue-bg-row p { color: white; } .get-in-touch .module { width: 40%; } video#myVideo { position: absolute; height: auto; width: 100%; object-position: center; object-fit: cover; height: 100%; } .first-home { overflow: hidden; } div#footer-bottom .tb-column-inner { display: flex; align-items: center; justify-content: space-between; } div#footer-bottom .tb-column-inner .module { margin: 0 10px; width: 80px; } div#footer-bottom { padding: 10px 0; } div#main-footer a, div#main-footer a:hover { color: var(--gold); } #main-footer .footer-first a, #main-footer .footer-first { font-size: 14px; font-weight: bold; } #main-footer .footer-first h3 { font-size: 14px; color: var(--gold); } .footer-logo img { width: 180px; } .footer-first ul { margin: 0; } .footer-first li { margin-bottom: 2px; color: white; font-weight: normal; list-style: none; } .footer-first .last a {} .footer-first .last { text-align: center; } .top-menu-footer .tb_text_wrap { display: flex; align-items: center; justify-content: space-between; } .top-menu-footer .tb_text_wrap a { display: flex; align-items: center; } .top-menu-footer { margin-bottom: 40px; } .socials-footer { display: flex; align-items: center; justify-content: center; } .socials-footer svg { height: 25px; } .socials-footer a { margin: 0 10px; color: white!important; } .socials-footer { margin-top: 20px; } .footer-second {border-top: solid var(--gold) 2px;margin-top: 40px;padding-top: 40px;} .footer-slogan strong { color: white; font-size: 34px; line-height: 50px; } .footer-small p { font-size: 12px; margin-top: 40px; } #main-footer { padding-bottom: 0px; } .footer-small p:nth-last-child(1) { margin: 0; } #pagewrap .footer-menu h3 { font-size: 14px; color: var(--gold); } #pagewrap .footer-menu a { color: #fff; padding-left: 0; padding-bottom: 0px; } #pagewrap .footer-menu a:hover { color: #fff; } /* #main-header img:hover { animation-name: ring; animation-iteration-count: infiine; animation-timing-function: ease-in-out; animation-duration: 4s; } @keyframes ring { 0% { transform: rotate(0); } 2% { transform: rotate(30deg); } 6% { transform: rotate(-28deg); } 10% { transform: rotate(34deg); } 14% { transform: rotate(-32deg); } 18% { transform: rotate(30deg); } 22% { transform: rotate(-28deg); } 26% { transform: rotate(26deg); } 30% { transform: rotate(-24deg); } 34% { transform: rotate(22deg); } 38% { transform: rotate(-20deg); } 42% { transform: rotate(18deg); } 46% { transform: rotate(-16deg); } 50% { transform: rotate(14deg); } 54% { transform: rotate(-12deg); } 58% { transform: rotate(10deg); } 62% { transform: rotate(-8deg); } 66% { transform: rotate(6deg); } 70% { transform: rotate(-4deg); } 74% { transform: rotate(2deg); } 78% { transform: rotate(-1deg); } 82% { transform: rotate(1deg); } 86% { transform: rotate(0); } 100% { transform: rotate(0); } } */ .button:hover { transform: scale(1.1); } .page-header { height: 500px; display: flex; text-align: center; align-items: center; } .page-header h1 { background: #192b5dc4; display: inline-block; padding: 20px 30px; color: white; font-size: 60px; line-height: 80px; } .wwa-two .first { height: 510px; } .wwa-two .row_inner { display: flex; align-items: center; } .qrt-full { margin: 0; } .qrt-full .last { width: 34%; } .qrt-full .first { width: 66%; } .wwa-ticks { display: flex; align-items: flex-start; } .wwa-ticks-column:nth-child(1) { margin-right: 50px; } .wwa-ticks-column { width: 50%; } .wwa-tick-single { display: flex; align-items: flex-start; margin-bottom: 30px; } .wwa-tick-content h3 { line-height: 40px; font-weight: 500; font-size: 28px; margin: 0; } .wwa-tick { margin-right: 20px; } .wwa-carousel h4.heading { font-size: 24px; text-transform: capitalize; letter-spacing: 0; } .owl-stage-outer { z-index: 9; } .wwa-five h3 { font-size: 24px; font-weight: 500; } .wwa-five hr { width: 130px; margin: 0; margin-bottom: 20px; border-color: var(--gold); border-style: solid; border-width: 1px; } .gold-bg .heading, .gold-bg p, .gold-bg a { color: white; } #pagewrap .white-outline { color: white; border-color: white; } .button-round { border-radius: 100px; } .has-icons .material-icons-outlined { margin-left: 20px; } .has-icons { display: inline-flex; align-items: center; } .button-aligns { display: flex; align-items: center; justify-content: center; } .button-aligns .button { margin: 0 10px; } #pagewrap .white-outline:hover { background: white; color: var(--blue); border-color: white; } .our-people-row { display: flex; } .our-people-single { width: 25%; background-size: cover; background-position: center; height: 480px; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; } .op-three { padding-left: 0; padding-right: 0; } .our-people-content { width: 85%; transition: .3s ease; position: relative; z-index: 9; transition: .3s ease; opacity: 0; transform: translateY(60px); } .our-people-single:before { content: ''; display: block; height: 0; width: 100%; position: absolute; left: 0; top: 0; transition: .3s ease; } .our-people-single:hover:before { background: #192b5d61; height: 100%; } .our-people-single:hover .our-people-content { transform: translate(0); opacity: 1; } .our-people-content strong { color: white; font-size: 20px; transition: .3s ease; opacity: 0; transform: translateY(40px); } .our-people-content p { color: white; line-height: 26px; font-size: 16px; transition: .3s ease; opacity: 0; transform: translateY(40px); } .our-people-single:hover .our-people-content strong { transition-delay: .4s; opacity: 1; transform: none; transition: .3s; } .our-people-single:hover .our-people-content p { transition-delay: .6s; opacity: 1; transform: none; } .op-three svg { height: 90px; } .padding-bottom-none { padding-bottom: 0; } span.year-oh { color: var(--gold); font-weight: bold; font-size: 20px; } .oh-rows { padding: 50px 0; } .benefits-single { width: 33.3%; } .benefits-row.benefits-row-two .benefits-single { width: 50%; } .benefits-row.benefits-row-two { width: 80%; } .data-source-row { display: flex; align-items: center; justify-content: space-between; } .data-source-row .data-source-single { width: 25%; text-align: center; } .data-source-single svg { height: 90px; } .data-source-single .data-source-text { font-size: 22px; font-weight: bold; color: var(--blue); } .data-source-row.data-source-row-2 { width: 80%; margin: 0 auto; margin-top: 60px; } .padding-more { padding: 140px 80px; } .greyer-bg { background: #e3e2ea; } .support-row { display: flex; align-items: center; justify-content: space-between; text-align: center; } .support-icons { width: 16.6%; } .smm-one .last .module { border-left: solid var(--gold) 4px; padding-left: 40px; } .frontline-icons { display: flex; align-items: center; justify-content: space-between; } .frontline-single { display: flex; align-items: center; } .frontline-single svg { height: 80px; margin-right: 20px; } .frontline-single p { line-height: 26px; } .support-row { margin: 30px 0; } .support-row p { font-weight: 600; } .support-icons svg { height: 60px; } .account-ticks { display: flex; align-items: center; margin-bottom: 30px; } .account-ticks svg { height: 60px; } .account-ticks strong { font-size: 22px; color: var(--blue); margin-left: 20px; } .maintenance-row { display: flex; align-items: center; margin-top: 40px; justify-content: space-between; } .maintenance-single { display: flex; align-items: center; margin-right: 30px; } .maintenance-single svg { height: 60px; } .maintenance-single strong { font-size: 24px; color: white; margin-left: 20px; } .careers-two .module_subrow .module_column:before { position: absolute; height: 100%; width: 100%; background: #192b5d9c; display: block; content: ''; left: 0; top: 0; } .careers-two .module_subrow { text-align: center; color: white; } .careers-two .module_subrow p { color: white; } .careers-two .module_subrow h3 { font-size: 27px; color: white; } .login-pages .row_inner { background: var(--blue); padding: 140px 80px; } .login-pages .heading, .login-pages p { color: white; } .login-pages .button-aligns { justify-content: flex-start; margin-top: 30px; } #pagewrap .gold-outline { color: white; border-color: var(--gold); } #pagewrap .gold-outline:hover { background: var(--gold); } .login-pages svg { height: 90px; margin-bottom: 30px; } .login-pages { margin-bottom: 60px; } .measure-row { display: flex; align-content: flex-start; } .measure-col { width: 50%; } .measure-col:nth-child(1) { margin-right: 40px; } .measure-single { display: flex; align-items: center; margin-bottom: 30px; } .measure-single svg { height: 50px; width: 50px; flex-direction: column; display: flex; } .measure-single p {width: 80%;margin-left: 20px;} .relationships-row { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .relationships-row p { margin: 0; border-right: solid var(--gold) 2px; padding-right: 15px; margin-right: 15px; } .relationships-row p:nth-last-child(1) { margin-right: 0; border: none; padding-right: 0; } .wf-seven .module-image img { border-left: solid 3px var(--gold); padding-left: 60px; } .wf-seven h4 { margin-top: 70px; font-size: 24px; } .wf-seven .module-image { padding-left: 20px; } .s-services h4 { font-size: 22px; } .s-icons svg {height: 100px;margin-bottom: 20px;} .s-three .data-source-row { width: 100%; margin: 0 auto; } .s-three .data-source-row.data-source-row-2 { width: 100%; margin-top: 70px; } .s-three .data-source-row .data-source-text { color: white; font-size: 18px; } #content .module_row .frm_form_fields input, #content .module_row .frm_form_fields textarea, #content .frm_form_fields select { font-family: 'Arial', sans-serif; background: #f7f7f7; border: none; box-shadow: none; border-radius: 0; padding: 24px; color: #a6a6a6; } #content .module_row .frm_form_fields .vertical_radio input { padding: 0; background: white; border: solid 1px; position: relative; border-radius: 100%; border: solid var(--blue) 2px; } #content .frm_form_fields input[type="checkbox"]:checked:before { content: ""; display: inline-block; width: 70%; height: 70%; margin-left: 1px; border-left: 1px solid; border: 1px solid; background: #d9b654; border-color: #d9b654; top: 50%; transform: translate(-55%, -50%); position: absolute; left: 50%; border-radius: 100%; } #content .module_row button.frm_button_submit { background: var(--gold); border: solid 2px var(--gold); padding: 4px 20px; text-transform: capitalize; font-size: 14px; font-weight: 600; transition: .3s ease; border-radius: 0; color: white!important; } .mg-row { display: flex; justify-content: space-between; align-items: center; margin: 40px 0; } .mg-row-single { width: 25%; display: flex; align-items: center; } .mg-icons svg { height: 60px; margin-right: 20px; } .mg-row-single p { font-size: 20px; font-weight: 700; line-height: 30px; } .tech-row { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; } .tech-single p { font-size: 20px; font-weight: 600; line-height: 30px; margin-top: 10px; } .tech-icon svg { height: 70px; } a.contact-single { display: flex; align-items: flex-start; margin-bottom: 20px; font-weight: 600; font-size: 20px; line-height: 37px; margin-top: 20px; } .contact-icon span {font-size: 30px;margin-right: 20px;color: var(--gold);} div#main-header .first { width: 15%; } div#main-header .last { width: 85%; margin-left: 0; } #mobile-header, #mobile-wrapper, #mobile-call { display: none; } .mobile-brands { display: none; } .mg-four img { width: 100%; } .mg-four .row_inner { align-items: center; } .map-info { background: var(--blue); display: inline-block; position: absolute; left: 0; bottom: 0; transition: .3s ease; opacity: 0; visibility: hidden; } .map-info.open-info { opacity: 1; visibility: visible; } .contact-three svg#prefix__Layer_1 { height: 100%; width: 100%; } g#prefix__map { width: 100%; } .mapping { opacity: 0; position: absolute; bottom: 0; left: 0; background: var(--blue); padding: 20px; transition: .3s ease; visibility: hidden; } .map-content, .map-content a { color: white!important; } .map-content h1.heading { color: white; font-weight: 600; font-family: 'Arial'; } .mapping span.material-icons.close-map-info { position: absolute; right: -15px; top: -15px; background: var(--gold); padding: 8px; border-radius: 100px; color: white; cursor: pointer; } .posts-archive-single:nth-child(3n) { margin-right: 0; } .map-click { cursor: pointer; } .info-numbers a { display: flex; align-items: center; } .info-numbers { margin: 20px 0; } .directions-link { margin-top: 20px; } .legal-content { padding: 80px 20px; } /* Changes */ .posts-specific.width-area .row_inner { margin: 0 auto; } .posts-archive-single { width: calc(33.3% - 20px); display: inline-block; background: var(--blue); padding: 30px; box-sizing: border-box; margin-right: 30px; } .posts-archive-inner h3 { font-size: 22px; margin-bottom: 20px; color: white; } #main-header li a:hover, #main-header .sub-menu a:hover, #main-header .menu-item-has-children>a:hover { color: var(--gold); } div#top-header .tb_text_wrap a:hover span { color: white; } div#top-header .tb_text_wrap a span { transition: .3s ease; } .bluef-bg { content: ''; width: 100%; position: absolute; height: 100%; display: block; top: 0; left: 0; background: #192b5db5; } .module_row { margin-top: -1px; } span.job-title { display: block; font-size: 14px; font-weight: 500; margin-bottom: 10px; } .our-people-row.our-people-small { justify-content: center; } .ch-two .last { background: white!important; display: flex; } .ch-two .last>div { height: 100%; display: flex; align-items: center; justify-content: center; } .ch-four .image-wrap { text-align: center; } .wf-four .module_column .sub_column { text-align: center; margin: 30PX 0; } #content .frm_form_fields select option { color: #b9b9b9!important; } #content .frm_form_fields select { padding: 0; height: 48px; padding: 0 24px; } #content .frm_form_fields select { background-image: url(https://403daa3bt54w4d2h9m4b1cmy-wpengine.netdna-ssl.com/wp-content/uploads/2019/10/sort-down.svg); background-size: .65em auto, 100%; } #content .frm_form_fields select { content: ''; background-position: right 1.7em top 50%, 0 0; background-repeat: no-repeat; } .vacancies-header { background-image: url(https://totalsecurity.co.uk/wp-content/uploads/2021/01/TSS-Careers-03.png); background-size: cover; background-position: center; justify-content: center; } .post-type-archive-vacancies #content .row_inner { margin: 0 auto; } .vacancies-header .row_inner { justify-content: center; } .post-type-archive-vacancies #content .row_inner { margin: 0 auto; } .vacancies-header .row_inner { justify-content: center; } .post-type-archive-vacancies #content { padding: 0; } .vanancy-archive-single:nth-child(3n) { margin-right: 0; } .vanancy-archive-single { width: calc(33.3% - 13px); background: var(--blue); padding: 20px; text-align: center; box-sizing: border-box; margin-right: 20px; margin-bottom: 20px; } .vanancy-archive-single .heading { color: white; font-size: 24px; } .login-page .row_inner { margin: 0 auto; flex-direction: column; justify-content: center; text-align: center; } .login-form article { display: flex; align-items: center; justify-content: center; } .login-logo { margin-bottom: 40px; } .login-logo img { width: 150px; } /* .login-form article>div { background: var(--blue); padding: 30px; } .login-form label { color: white; font-family: 'Arial'; font-size: 16px; } .login-form .cbFormLabel { display: block; width: 100%; } .login-form form>div, .login-form form>div>section { display: block!important; } #body .login-form input { background: #f7f7f7; border-radius: 0; padding: 10px; margin-right: 0; font-family: 'Arial'; } #body .login-form input[type=submit] { background: var(--gold); margin: 0; width: 100%; font-weight: bold; } .cbLoginButtonContainer { padding: 3px!important; margin-top: 20px; } */ .login-form .cbTableDefaultCellspacing { margin: 0 auto; } .logins-row.online-reporting-row { display: flex; width: 100%; align-items: center; justify-content: center; } .logins-content .row_inner { margin: 0 auto; } .logins-archive-single { width: calc(25% - 64px); display: inline-flex; cursor: pointer; justify-content: center; margin-right: 25px; margin-left: 25px; } .logins-archive-single img { width: 150px; } .logins-content { padding: 80px 0; } .login-form table { margin: 0 auto; } input[type=reset], input[type=submit] { background: var(--gold)!important; font-weight: bold!important; padding: 11px 20px!important; transform: none!important; box-shadow: none!important; border-radius: 0; } .toolbar-top { display: flex; align-items: center; justify-content: center; padding: 20px; color: white; } .toolbar-top a { color: white!important; text-decoration: underline; font-weight: bold; } .toolbar-top p { margin: 0; margin-right: 6px; } #footer-bottom .module-image:nth-child(1) { width: 110px!important; } .wf-four .blue-bg { background: #192f64; } .tag-follow-up-single .login-followup { display: none; } .login-followup a { color: white!important; } a:focus, input:focus, button:focus, select:focus, textarea:focus, .button:focus { outline: none; } .page-header.logins-header { background-image: url(https://totalsecurity.co.uk/wp-content/uploads/2021/01/TSS-Technology-and-manned-Gurading-04.png); background-size: cover; } .tag-Customer .toolbar-top { display: none!important; } .customer-portal .logins-archive-single { flex-direction: column; text-align: center; } .customer-portal .tb_text_wrap { display: flex; align-items: end; justify-content: center; } .customer-portal .tb_text_wrap h3 { font-size: 18px; margin-top: 20px; } .page-header.logins-header .row_inner { margin: 0 auto; text-align: justify; justify-content: center; } .logins-content h3 { margin-bottom: 50px; text-align: center; display: block; width: 100%; } .careers-two .module_subrow .module { cursor: pointer; } .tb_gdo6202.clearfix.half-full .module_column { width: 50%!important; height: auto!important; padding: 0!important; } .tb_gdo6202 .padding-more { padding: 80px 40px!important; } /* Responsive */ @media (max-width: 1600px) { #main-header .row_inner, #pagewrap .row_inner { width: 90%; } } @media (max-width: 1500px) { .top-menu-footer .tb_text_wrap a { display: flex; align-items: center; width: 50%; margin-bottom: 10px; justify-content: center; } .top-menu-footer .tb_text_wrap { flex-wrap: wrap; } } @media (max-width: 1450px) { .home-two .module_column { width: 100%; } .home-two .module_column.last { height: 667px; background-position: 0px 10%; background-size: cover; } } @media (max-width: 1420px) { #main-header li { margin-right: 18px; } .first-home.heading-sector { height: 550px; } .benefits-content br { display: none; } } @media (max-width: 1300px) { #main-header .row_inner, #pagewrap .row_inner { width: 95%; } } @media (max-width: 1200px) { #main-header li { margin-right: 10px; } .our-people-row { display: block; } .our-people-single { width: 50%; display: inline-flex; align-items: flex-end; justify-content: center; padding-bottom: 50px; } .our-people-single:before { background: #192b5d61; height: 100%; } #content .our-people-single .our-people-content, .our-people-content strong, .our-people-content p { opacity: 1; transform: none; } .our-people-single:nth-child(1n) { float: left; } #pagewrap .row_inner { max-width: 100%; } #main-header li a { font-size: 14px; } div#main-header img { width: 150px; } } @media (min-width: 1001px) { .mobile-carousel { display: none; } .brand-mobile { display: none; } } @media (max-width: 1000px) { div#mobile-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 40px; height: 100px; z-index: 9; position: relative; background: #f7f7f7; } .posts-archive-single { margin: 0; width: 100%; margin-bottom: 20px; } .logins-row.online-reporting-row { display: block; } .logins-archive-single { height: 180px; align-items: center; float: left; } .login-links { display: block; } .login-links>a { display: block; margin: 10px 0; } /* .owl-item { margin: 0 20px; } */ .login-pages .row_inner { padding: 40px; } .oh-rows .sub_column { width: 100%; margin: 20px 0; text-align: center; } .flex-direct .subrow_inner { flex-direction: column-reverse; } .flex-direct .row_inner { flex-direction: column-reverse; } #mobile-wrapper span.material-icons.open-sub { transform: rotate(90deg); } #mobile-wrapper span.material-icons { cursor: pointer; } #mobile-wrapper .open-sub ul.sub-menu { list-style: none; display: block; } #mobile-wrapper ul.sub-menu { width: 100%; margin-bottom: 0; } #mobile-wrapper .menu-item-has-children.open-sub { flex-flow: wrap; } #mobile-wrapper::-webkit-scrollbar { width: 12px; } #mobile-wrapper::-webkit-scrollbar-track { background: none; border-radius: 10px; } #mobile-wrapper::-webkit-scrollbar-thumb { border-radius: 10px; } .relationships-row p { margin: 0; border: none; padding: 0; } .relationships-row { width: 100%; display: block; margin: 0; } .relationships-row p { margin: 15px 0; } .careers-two .sub_column { margin: 20px 0; } #content .login-pages .button-aligns {align-items: baseline;} #content .login-pages .button-aligns a { margin: 10px 0; } .wf-four img { display: block; margin: 0 auto; width: 60%; } .wf-four .image-wrap { text-align: center; margin: 50px 0; } .wf-four .mb-60 { margin: 0; } .data-source-single .data-source-text { font-size: 14px; } #content .bg-image { height: 500px; } .mobile-carousel .data-source-row .data-source-single { width: auto; } .s-three .mobile-carousel .data-source-row { width: 100%; } .hide-carousel { display: none; } .smm-one .heading { text-align: center; margin-bottom: 30px; } .smm-one .heading br { display: none; } .smm-one .last .module { border: none; padding: 0; text-align: center; } .support-icons { width: auto; } .support-icons svg, .tech-icon svg { height: 100px; } .owl-icons svg { height: 100px; margin-right: 0; margin-left: 0; } .mg-row-single { width: auto; display: block; text-align: center; } .button-aligns { flex-flow: column; } .button-aligns a:nth-last-child(1) { margin-top: 15px; } .padding-more { padding: 80px 40px; } .maintenance-row { display: block; } .maintenance-single { margin: 20px 0; } #headerwrap { display: none; } span.hamburger-line { width: 32px; height: 2px; border-radius: 25px; background-color: #d8b756; display: block; margin: 6px auto; -webkit-transition: all 0.2s ease-in-out; cursor: pointer; } .mobile-logo img { width: 150px; } .open-nav .hamburger-line:nth-child(1) { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); } .open-nav .hamburger-line:nth-child(2) { opacity: 0; } .open-nav .hamburger-line:nth-child(3) { -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); } .wf-seven .module-image img { border: none; padding: 0; } div#mobile-wrapper { width: 70vw; height: 100%; padding: 20px; -webkit-transition: all 0.8s cubic-bezier(0.17, 0.67, 0, 0.99); transition: all 0.8s cubic-bezier(0.17, 0.67, 0, 0.99); -webkit-transform: translateX(-100%); transform: translateX(-100%); display: block; position: absolute; top: 0; left: 0; padding: 40px 34px 0px 34px; z-index: 2; background: white; } .open-nav div#mobile-wrapper { transform: translateX(0%); /* box-shadow: 0 0 0px 10px #d8b756; */ overflow: scroll; } #mobile-wrapper .menu-main-navigation-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; padding-top: 140px; overflow: scroll; } div#body { transition: all 0.8s cubic-bezier(0.17, 0.67, 0, 0.99); } .open-nav div#body { background-color: #F9F9F9; -webkit-transform: translate(70vw, 12.5vh); transform: translate(70vw, 10vh); -webkit-filter: drop-shadow(0px 0px 20px #828282); filter: drop-shadow(0px 0px 20px #828282); position: relative; z-index: 9; } .open-nav { overflow: hidden; } #mobile-wrapper ul#menu-main-navigation-1 { margin: 0; list-style: none; padding-top: 40px; padding-right: 50px; overflow: scroll; } #mobile-wrapper ul#menu-main-navigation-1 a { font-weight: 600; } #mobile-wrapper ul.sub-menu { display: none; } div#mobile-call { position: absolute; display: block; bottom: 0; visibility: hidden; transition: all 0.8s cubic-bezier(0.17, 0.67, 0, 0.99); transform: translateY(100%); } .open-nav div#mobile-call { z-index: 999; visibility: visible; width: 100%; background: var(--gold); text-align: center; padding: 10px 0; transform: translateY(0); transition-delay: .2s; } div#mobile-call a { font-weight: 600; display: flex; align-items: center; justify-content: center; } .first-home.heading-sector { height: 400px; } .heading { font-size: 30px; } #content p { font-size: 14px; line-height: 26px; } .small-width { width: 100%; } #content .module_column { width: 100%; margin-left: 0; } .oh-rows { padding: 10px 0; } #content .benefits-row { display: block; width: 100%; margin: 0; } .benefits-single, .benefits-row.benefits-row-two .benefits-single { width: 100%; margin: 30px 0; } .triangle-right-bg { background-position: top; background-size: cover; } .counter-value { font-size: 36px; } div#counter { width: 100%; } #content .home-four .module_column.first { height: 500px; } .get-in-touch .module { width: 100%; } .get-in-touch { text-align: center; } .footer-first .sub_column { width: 100%; text-align: center; margin: 0; } .top-menu-footer .tb_text_wrap { flex-flow: nowrap; margin-top: 40px; } .top-menu-footer .tb_text_wrap a { width: auto; } .footer-second .first.module_column { width: 100%; text-align: center; margin-bottom: 30px; margin-right: 0; } .footer-second .module_column { width: calc(33.3% - 40px); margin: 0 20px; } .footer-small p { text-align: center; } .owl-logos .owl-dots { display: none; } div#footer-bottom .tb-column-inner .module { width: 80px; margin: 0 auto; } #footer-bottom .owl-stage { display: flex; align-items: center; } .mobile-brands { display: none; align-items: center; } .mobile-brands .owl-stage { display: flex; align-items: center; } .mobile-brands .owl-stage .module-image { width: 100px; margin: 0 auto; } .clients-logos { display: none; } .mobile-brands .subrow_inner.col_align_top.tf_box.tf_w { display: none; } #mobile-wrapper .menu-item-has-children a span.material-icons { display: none; } #mobile-wrapper .menu-item-has-children { display: flex; } .s-services .subrow_inner .sub_column { margin-bottom: 60px; margin-left: 0; } .mobile-hamburger { cursor: pointer; } } @media (max-width: 800px) { .fadeblue-bg { width: 100%; text-align: center; } .map-content h1.heading { font-size: 24px; } .tb_gdo6202.clearfix.half-full .module_column { width: 100%!important; } #content .contact-three .module_column.last { margin-top: 60px; } .contact-three h3.heading { text-align: center; } a.contact-single { justify-content: center; margin-bottom: 60px; flex-direction: column; align-items: center; text-align: center; } .contact-icon span { margin-right: 0; } a.contact-single:nth-child(2) { margin: 0; } .our-people-single { width: 100%; height: 540px; } .first-home h1 { font-size: 40px; } .top-menu-footer .tb_text_wrap { flex-direction: column; } .page-header h1 { font-size: 38px; } .page-header { height: 300px; } .mobile-logo img { width: 120px; } } @media (max-width: 680px) { .services-specifics { display: block; } .toolbar-top { display: block; text-align: center; } .logins-archive-single { width: calc(50% - 50px); } .frontline-icons { flex-direction: column; text-align: center; } .frontline-single { margin: 20px 0; } .account-ticks strong { width: 85%; font-size: 18px; margin: 0; margin-top: 20px; } .account-ticks { flex-direction: column; } .account-ticks svg { height: 40px; } .maintenance-single strong { font-size: 18px; } .benefits-row h3 { font-size: 18px; } .benefits-icon svg { height: 40px; } .maintenance-single svg { height: 40px; } .measure-col { width: 100%; } .measure-row { display: block; } .wf-seven .module-image img { border: none; padding: 0; } .wf-four .image-wrap { margin: 20px 0; } .wf-four .blue-bg {padding: 40px 0;} .mb-60 { margin-bottom: 30px; } #footerwrap .module-menu ul { width: 100%; text-align: center; } .footer-second .module_column { margin-right: 0; margin-bottom: 30px; } #pagewrap .footer-menu h3 { text-align: center; margin-bottom: 10px; font-size: 18px; } #footerwrap .module-menu ul a { padding-right: 0; } .footer-small p { margin-top: 0; } div#counter { display: block; } .counter-single { margin: 40px 0; } .width-area-small { padding: 30px 0px; } .width-area { padding: 50px 20px; } .services-single { display: block; } .padding-text { padding: 40px 20px; } .owl-stage { } .owl-theme .owl-nav [class*=owl-] { right: auto; } .owl-main .owl-item .item { padding: 0 80px; } .owl-main .owl-nav { z-index: 9; } #content .first-home .row_inner, #content .first-home .row_inner .tb-column-inner, #content .first-home .row_inner .module-plain-text { height: 100%; width: 100%; } #content .first-home .row_inner .fadeblue-bg { background: #192b5dc4; display: flex; align-items: center; } .first-home h1 { line-height: 45px; } .home-two { text-align: center; } .services-specifics { margin-top: 30px; } .services-icon svg { margin-right: 0; } .services-specifics:before {content: '';display: block;width: 110px;height: 4px;margin: 0 auto;background: #d8b756;margin-bottom: 30px; } .home-three .owl-main .item h4, .wwa-carousel h4 { font-size: 18px; } .home-two .module_column.last { height: 500px; } .wwa-ticks { display: block; } .wwa-ticks-column { width: 100%; } .wwa-tick-content h3 { font-size: 18px; font-weight: 600; } .wwa-carousel h4.heading { font-size: 18px; } .wwa-five h3 { font-size: 18px; } .heading { font-size: 26px; } .page-header h1 { font-size: 30px; padding: 30px; line-height: 40px; } .full-row { padding-left: 0; padding-right: 0; padding: 0; } .op-three .text-center { margin-top: 30px; } } @media (max-width: 680px) { .customer-portal .tb_text_wrap { display: block; } } div#main-footer .module-menu ul { width: 100%; } @media (max-width: 800px) { .vanancy-archive-single { width: 100%; margin: 0; margin-bottom: 20px; } } .wf-four video { width: 100%; } a.news-image { display: block; } .posts-archive-single { padding: 0!important; } .posts-archive-inner { padding: 30px; } .posts-archive-single img { object-fit: cover; height: 200px; object-position: center; } /*/wp-content/uploads/themify-customizer-5.6.7-5.7.3.css*/ /* Themify Customize Styling */ body { font-family: "Arial", "Helvetica", sans-serif; font-weight:300; font-size:14px; } h1, .col4-1 h1, .col4-2 h1, .col3-1 h1, .col2-1 h1, .page-title, .sidebar-none .page-title { font-family: "Arial", "Helvetica", sans-serif; font-weight:300; font-size:30px; } h2 { font-family: "Arial", "Helvetica", sans-serif; font-weight:300; font-size:30px; } h3 { font-family: "Arial", "Helvetica", sans-serif; font-weight:300; font-size:30px; } h4 { font-family: "Arial", "Helvetica", sans-serif; font-weight:300; font-size:30px; } h5 { font-family: "Arial", "Helvetica", sans-serif; font-weight:300; font-size:30px; } h6 { font-family: "Arial", "Helvetica", sans-serif; font-weight:300; font-size:30px; } #header { font-family: "Arial", "Helvetica", sans-serif; } #footer { font-family: "Arial", "Helvetica", sans-serif; } /* Themify Custom CSS */ #main-nav li:hover a:before, #main-nav a:before { display: none!important; } a.ctcc-more-info-link { color: white!important; font-weight: bold; } a.ctcc-more-info-link { color: white!important; font-weight: bold; } button#catapultCookie { background: #1c2b38; color: white; } a.tb_turn_on.js-turn-on-builder span.edit-button { display: none; } p:nth-last-child(1) { margin-bottom:0; } a.tb_turn_on.js-turn-on-builder, span.edit-button { display: none; } /* START MOBILE MENU CSS */ @media screen and (max-width:1000px){ /*/wp-content/themes/themify-shoppe/mobile-menu.css*/ #headerwrap{ min-height:60px } #header{ height:auto; width:auto; text-align:initial; padding:0; } #site-logo{ font-size:27px } #site-description{ left:0; transform:none; text-align:left } #site-description:before{ left:0; margin-left:24px } #menu-icon{ position:absolute; top:12px; right:0; z-index:9999; line-height:1em; border-radius:100%; padding: 12px 10px; } #menu-icon:hover{ background-color:rgba(200,200,200,.25); } .menu-icon-inner{ width:22px; height:18px } .menu-icon-inner:before, .menu-icon-inner:after{ content:''; display:block; position:absolute; left:0; width:100%; transition:transform .7s ease; box-sizing:border-box } .menu-icon-inner:before{ top:0; height:100% } .menu-icon-inner:after{ top:50%; transform:translateY(-50%) } #menu-icon-close{ display:block; position:absolute; text-decoration:none; top:14px; right:12px; min-width:36px; min-height:36px; transform-origin:center; z-index:1; border-radius:100%; } #menu-icon-close:before, #menu-icon-close:after{ height:60% } #menu-icon-close:hover{ background-color:rgba(200,200,200,.25) } #cart-link-mobile{ display:block; position:absolute; top:12px; right:50px; z-index:9; } #cart-link-mobile .icon-shopping-cart{ font-size:24px; padding: 9px; } #header .icon-shopping-cart.tf_loader{ font-size:15px; padding:3px; margin-top:11px } #cart-link-mobile .icon-shopping-cart svg{ margin-top:-6px;/* for alignment */ } #cart-link-mobile .icon-menu:hover em{ background-color:rgba(200,200,200,.25); } .top-icon-wrap{ margin:auto; border-top:1px solid rgba(180,180,180,.2); background:rgba(0,0,0,.03); display:block; order:2; width:100%; padding:1em 0 } .icon-menu{ margin:0 } .sidemenu .search-button{ order:1; width:71px; border-radius:0; border:none; border-right:1px solid rgba(180,180,180,.2); margin:0 } .search-button .tf_fa{ font-size:1.3em; padding:1.06em .8em } .header-icons{ justify-content:normal; position:static } .top-icon-wrap li{ width:33%; margin:0 -1px; padding:0 } .top-icon-wrap li a{ max-width:none; display:block; text-align:center; padding:.5em } .top-icon-wrap li a .tooltip{ background-color:transparent; color:#787878; display:block; position:static; padding:.4em 0 0; font-size:.8em; margin:0; opacity:1; visibility:visible; transform:none; color:inherit } .sidemenu-on .wishlist + #cart-icon-count #cart-wrap{ left:50%; top:100%; width:276px; transform:translateX(-50%) } .sidemenu-on #cart-wrap{ left:6px; width:276px } #cart-wrap a{ text-align:left } #headerwrap #cart-icon{ right:6% } .icon-menu li > a .tooltip{ margin-top:0 } .icon-menu .cart a .tooltip{ display:block } .sidemenu{ transition:all .2s ease-in-out; transition-property:left,right; height:100%; width:320px; padding:0 0 20px; background-color:#fff; color:#030301; display:none; overflow-y:auto; position:fixed; text-align:left; top:0; z-index:1100; box-sizing:border-box } #mobile-menu{ right:-320px } #mobile-menu.sidemenu-on{ right:0; box-shadow:-6px 0 20px 5px rgba(0,0,0,.25) } .sidemenu-right{ left:-320px } .sidemenu-left, .sidemenu-left #headerwrap{ left:320px } .sidemenu-left #mobile-menu.sidemenu-on{ left:0 } #mobile-menu-panel a{ color:#030301; text-decoration:none } #main-nav{ float:none; position:static; padding:0; margin:0 0 1em; border-bottom:1px solid rgba(180,180,180,.2); background-color:transparent } #main-nav li{ clear:both; float:none; display:block; } .icon-menu li > .sub-menu, #main-nav li > .sub-menu { position: static; width: auto; height: auto; border: none; margin: 0 0 0 2.8em; background: none; padding: 0; display: none; visibility:visible; opacity: 1; transform: none; color:inherit; pointer-events:auto; box-shadow: none; border-radius:0; } .icon-menu li.toggle-on > .sub-menu, #main-nav li.toggle-on > .sub-menu{ display:block } #headerwrap #main-nav ul ul{ margin-left:1.25em; } #main-nav a{ background:none; border:none; border-top:1px solid rgba(180,180,180,.2); color:#030301; display:block; font-size:100%; width:auto; padding:.6em .4em .6em 1.4em; margin:0; line-height:1.5em; text-decoration:none } #main-nav ul a{ font-size:.95em; padding:.6em 0; width:auto } #main-nav a:hover, #main-nav .current_page_item > a, #main-nav .current-menu-item > a{ background:none; color:#f0be5b } #headerwrap #main-nav .has-sub-menu > a { padding-right:40px; /* for arrow spacing */ } #main-nav .child-arrow{ display:block } #main-nav .highlight-link > a{ border:none; border-top:1px solid rgba(180,180,180,.2); box-shadow:none; border-radius:0; padding:.6em .4em .6em 1.4em; } /* Mega menu */ #main-nav .has-mega-column > .sub-menu, #main-nav .has-mega > .sub-menu { padding:0; margin:0; width: auto; background-color:transparent } #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 2.8em; background-color:transparent } #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; border:none; border-top:1px solid rgba(180,180,180,.2); margin:0; padding:.6em .4em .6em 0; letter-spacing:inherit; font-family:inherit } #main-nav .has-mega-column > .sub-menu .widget{ margin-top:.5em; margin-bottom:.5em } #main-nav .has-mega-column .product-categories .count{ right:2em } .top-bar-left, .top-bar-right{ width:100%; float:none; text-align:inherit } .top-bar-widgets .top-bar-widget-inner{ max-width:none; background-color:transparent; padding:0 1.4em } .top-bar-widgets{ background-color:transparent; position:relative; z-index:1 } .fixed-header .top-bar-widgets, .sidemenu .top-bar-widgets{ display:block } #main-nav .woocommerce .product_list_widget li{ padding-bottom:.8em !important } #main-nav .woocommerce .product_list_widget li a{ padding:1em 1em .4em 0 } .mobile-menu-visible #headerwrap #menu-icon, .mobile-menu-visible #headerwrap #cart-link-mobile, .slide-cart-visible #headerwrap #cart-link-mobile, .top-icon-wrap #cart-icon-count, .top-icon-wrap li a .tooltip:before, #headerwrap > .top-bar-widgets, #main-nav .mega-sub-menu li:hover a:after, #main-nav .mega-menu-posts, #main-nav > li:hover > a:before, #main-nav > .current_page_item > a:before, #main-nav > .current-menu-item > a:before, #main-nav > .current_page_item > a:hover:before, #main-nav > .current-menu-item > a:hover:before{ display:none } } /* END MOBILE MENU CSS */