@charset "UTF-8";
/* Themify Magazine 5.5.4 framework 5.5.6 */
/* cyrillic-ext */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:300; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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:'Open Sans'; font-style:normal; font-weight:300; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* greek-ext */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:300; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range:U+1F00-1FFF;}/* greek */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:300; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}/* hebrew */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:300; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}/* math */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:300; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2'); unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;}/* symbols */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:300; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2'); unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;}/* vietnamese */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:300; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.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:'Open Sans'; font-style:normal; font-weight:300; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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:'Open Sans'; font-style:normal; font-weight:300; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* greek-ext */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range:U+1F00-1FFF;}/* greek */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}/* hebrew */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}/* math */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2'); unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;}/* symbols */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2'); unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;}/* vietnamese */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.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:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Oswald'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiZTaR.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Oswald'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiZTaR.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Oswald'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUliZTaR.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Oswald'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZTaR.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Oswald'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/oswald/v56/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/*/css/base.min.css*/
.tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;top:0;right:0;bottom:0;left:0}.tf_abs_t{position:absolute;top:0;left:0}.tf_abs_b{position:absolute;bottom:0;left:0}.tf_abs_c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}.tf_opacity{opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper > .post,.woocommerce ul.loops-wrapper.products > li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products > .product,body .loops-wrapper.no-gutter > .post{margin:0}.woocommerce .loops-wrapper.products.list-post > .product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137, 137, 137, .2);--tf_scroll_color_hover:rgba(137, 137, 137, .4);--tf_scroll_w:10px;--tf_scroll_h:10px;scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w);height:var(--tf_scroll_h)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}
/*/css/themify.common.css*/
iframe{
border:0
}
a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{
outline:1px dotted rgba(150,150,150,.2)
}
.tf_focus_heavy button:focus,
.tf_focus_heavy a:focus,
.tf_focus_heavy input:focus,
.tf_focus_heavy select:focus,
.tf_focus_heavy textarea:focus,
.tf_focus_heavy .button:focus{
outline:2px solid rgba(0,176,255,.8)
}
.tf_focus_none a,
.tf_focus_none button:focus,
.tf_focus_none a:focus,
.tf_focus_none input:focus,
.tf_focus_none select:focus,
.tf_focus_none textarea:focus,
.tf_focus_none .button:focus{
outline:none
}
.tf_large_font{
font-size:1.1em
}
.screen-reader-text{
border:0;
clip:rect(1px, 1px, 1px, 1px);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
word-wrap:normal!important
}
.screen-reader-text:focus{
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,.6);
clip:auto!important;
color:#21759b;
display:block;
font-size:.875rem;
font-weight:700;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}
.skip-to-content:focus{
clip-path:none
}
.post-image .themify_lightbox{
position:relative;
display:block;
max-width:100%
}
.post-image .themify_lightbox .zoom{
width:35px;
height:35px;
background:rgba(0,0,0,.3);
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border-radius:100%
}
.post-image .themify_lightbox .zoom .tf_fa{
vertical-align:middle;
color:#fff;
stroke-width:1px;
line-height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.post-image .themify_lightbox:hover .zoom{
background:rgba(0,0,0,.6)
}
.pswp:not(.pswp--open){display:none}
.ptb_map button,
.themify_map button{
border-radius:0
}
/*/themify-builder/css/modules/parallax.css*/
.themify_builder .builder-parallax-scrolling{
background-attachment:fixed!important;
background-repeat:no-repeat!important;
background-position:center; /* don't add !important here so user can change position with builder styling */
transition:background-position 0s!important
}
@media (hover:hover){
.themify_builder .builder-parallax-scrolling{
background-size:cover
}
}
@media(hover:none){
/* for touch devices */
.themify_builder .builder-parallax-scrolling{
background-attachment:scroll!important
}
}
/*/oshiru/wp-content/themes/magazine/styles/modules/site-logo.css*/
#site-logo {
padding: 0;
margin: 5px 0 0;
font: 2em/1em Oswald, sans-serif;
}
#site-logo a {
color: #fff;
text-decoration: none;
letter-spacing: 2px;
}
#site-logo a:hover {
color: #fff;
}
/*/oshiru/wp-content/themes/magazine/styles/modules/site-description.css*/
#site-description {
color: rgba(255,255,255,.8);
font-size: .7em;
letter-spacing: .03em;
line-height: normal;
padding: 4px 0 0 1px;
}
/*/css/grids/list-thumb-image.css*/
.woocommerce .loops-wrapper.products.list-thumb-image > .product,
.loops-wrapper.list-thumb-image > .post{
margin-bottom:1em;
width:100%;
margin-left:0;
clear:both
}
.loops-wrapper.list-thumb-image .post-image img{
width:100%
}
/*/oshiru/wp-content/themes/magazine/style.css*/
/*
Theme Name: Themify Magazine
Theme URI: https://themify.me/themes/magazine
Version: 5.5.4
Description: Created by Themify.
Author: Themify
Author URI: http://www.themify.me
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2016 Themify.
Tags: featured-images, translation-ready, custom-menu
Text Domain: themify
Required Plugins: themify-shortcodes
---------
DO NOT EDIT THIS FILE.
If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme).
*/
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
margin: 0;
padding: 0;
}
img, fieldset {
border: 0;
}
/* set img max-width */
img {
box-sizing: border-box;
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
display: block;
}
/* audio */
audio,
iframe, object {
max-width: 100%;
}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
:root{
--theme_accent:#47a7d7;
--theme_accent_semi:rgba(71,167,215,.85)
}
@font-face {
font-family: 'themify_theme_icon';
font-display:swap;
src: url('data:application/octet-stream;base64,d09GRgABAAAAAA/IAA8AAAAAGwQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQwAAAFZGIlGWY21hcAAAAdgAAACYAAACFnPQqSZjdnQgAAACcAAAABMAAAAgBtX/BGZwZ20AAAKEAAAFkAAAC3CKkZBZZ2FzcAAACBQAAAAIAAAACAAAABBnbHlmAAAIHAAABGoAAAZuk5VPumhlYWQAAAyIAAAAMgAAADYX6ke/aGhlYQAADLwAAAAfAAAAJAc9A1xobXR4AAAM3AAAACMAAAAsIKH//2xvY2EAAA0AAAAAGAAAABgHegkXbWF4cAAADRgAAAAgAAAAIAETC+luYW1lAAANOAAAAZwAAANF4w1bynBvc3QAAA7UAAAAdQAAAKuSPnOLcHJlcAAAD0wAAAB6AAAAhuVBK7x4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgZPrOOIGBlYGBqYppDwMDQw+EZnzAYMjIBBRlYGVmwAoC0lxTGBw+MH0UYA76n8UQxRzEMA0ozAiSAwARtAxGAHic7ZHLDcIwEESfE+NAhKKcqIJOkhIoKCdKSEGpZreCsB8OFMFaz9KM5LU0A1yA3ngaFcqbgs9mbgm/Zwy/8jI9caWjSSer7HLooPN5gukldE39M8XeTMxxHqE721nt58Zg226xv/Gfe9zbV42eauJNyJLg3pp4c7In3p4cibeqNbGU0UtieaMtseTRIbEO0Dlh/AA+uy3/eJxjYEADEhDIHPQ/C4QBEmwD3QB4nK1WaXfTRhQdeUmchCwlCy1qYcTEabBGJmzBgAlBsmMgXZytlaCLFDvpvvGJ3+Bf82Tac+g3flrvGy8kkLTncJqTo3fnzdXM22USWpLYC+uRlJsvxdTWJo3sPAnphk3LUXwoO3shZYrJ3wVREK2W2rcdh0REIlC1rrBEEPseWZpkfOhRRsu2pFdNyi096S5b40G9Vd9+GjrKsTuhpGYzdGg9siVVGFWiSKY9UtKmZaj6K0krvL/CzFfNUMKITiJpvBnG0EjeG2e0ymg1tuMoimyy3ChSJJrhQRR5lNUS5+SKCQzKB82Q8sqnEeXD/Iis2KOcVrBLttP8vi95p3c5P7Ffb1G25EAfyI7s4Ox0JV+EW1th3LST7ShUEXbXd0Js2exU/2aP8ppGA7crMr3QjGCpfIUQKz+hzP4hWS2cT/mSR6NaspETQetlTuxLPoHW44gpcc0YWdDd0QkR1P2SMwz2mD4e/PHeKZYLEwJ4HMt6RyWcCBMpYXM0SdowcmAlZYsqqfWumDjldVrEW8J+7drRl85o41B3YjxbDx1bOVHJ8WhSp5lMndpJzaMpDaKUdCZ4zK8DKD+iSV5tYzWJlUfTOGbGhEQiAi3cS1NBLDuxpCkEzaMZvbkbprl2LVqkyQP13KP39OZWuLnTU9oO9LNGf1anYjrYC9PpaeQv8Wna5SJF6frpGX5M4kHWAjKRLTbDlIMHb/0O0svXlhyF1wbY7u3zK6h91kTwpAH7G9AeT9UpCUyFmFWIVkBirWtZlsnVrBapyNR3Q5pWvqzTBIpyHBfHvoxx/V8zM5aYEr7fidOzIy49c+1LCNMcfJt1PZrXqcVyAXFmeU6nWZbv6zTH8gOd5lme1+kIS1unoyw/1GmB5Uc6HWN5QQuadN/BkIsw5AIOkDCEpQNDWF6CISwVDGG5CENYFmEIyyUYwvJjGMJyGYawvKxl1dRTSePamVgGbEJgYo4eucxF5WoquVRCu2hUakOeEm6VVBTPqn9loF488oY5sBZIl8iaXzHOlY9G5fjWFS1vGjtXwLHqbx+O9jnxUtaLhT8F/9XWVCW9Ys3Dk6vwG4aebCeqNql4dE2Xz1U9uv5fVFRYC/QbSIVYKMqybHBnIoSPOp2GaqCVQ8xszDy063XLmp/D/TcxQhZQ/fg3FBoL3INOWUlZ7eCs1dfbstw7g3I4EyxJMTfz+lb4IiOz0n6RWcqej3wecAWMSmXYagOtFbzZJzEPmd4kzwRxW1E2SNrYzgSJDRzzgHnznQQmYeqqDeRO4YYN+AVhbsF5J1yieqMsh+5F7PMopPxbp+JE9qhojMCz2Rthr+9Cym9xDCQ0+aV+DFQVoakYNRXQNFJuqAZfxtm6bULGDvQjKnbDsqziw8cW95WSbRmEfKSI1aOjn9Zeok6q3H5mFJfvnb4FwSA1MX9733RxkMq7WskyR20DU7calVPXmkPjVYfq5lH1vePsEzlrmm66Jx56X9Oq28HFXCyw9m0O0lImF9T1YYUNosvFpVDqZTRJ77gHGBYY0O9Qio3/q/rYfJ4rVYXRcSTfTtS30edgDPwP2H9H9QPQ92Pocg0uz/eaE59u9OFsma6iF+un6Dcwa625WboG3NB0A+IhR62OuMoNfKcGcXqkuRzpIeBj3RXiAcAmgMXgE921jOZTAKP5jDk+wOfMYdBkDoMt5jDYZs4awA5zGOwyh8Eecxh8wZx1gC+ZwyBkDoOIOQyeMCcAeMocBl8xh8HXzGHwDXPuA3zLHAYxcxgkzGGwr+nWMMwtXtBdoLZBVaADU09Y3MPiUFNlyP6OF4b9vUHM/sEgpv6o6faQ+hMvDPVng5j6i0FM/VXTnSH1N14Y6u8GMfUPg5j6TL8Yy2UGv4x8lwoHlF1sPufvifcP28VAuQABAAH//wAPeJxtVFFoHEUY/v+Zndm9vb29y93eXmqSi7mYS8hdLyXZ3KXp9XoGk0vTFKIopCHEQ0JakmhBJAgFCfqqoUQoIiq1FB98E6F9krwoiE9FiojJm2hR0Ye+icnGf3YvJRGPYW/m/2f+b75vvhlgh4eHq/xTHgMDeqBQH+hGBBs5sgZoAKhBExA4Q94ExmLsYqbXSSWFOFVAr4TScWuIjswNoezNlVhNy7KMo2dc9s72g21qmC2OOzvLN+a2r9VZdX3r7tZ6FSd30vj21W1267sP5Lv+h12D6Z3J2urNO1uvjWsTK7cu31jeSQP9EODwc97GUxAF+aXO8HQhgjI/2uaVM+g6XDvoiCWTMfZLDC/7y7oZ52XbMqjnADBa+wVf4FGIQzdk6x3tCYMIITY4EcTrjIqvjI6OjmiivYBtjuztyeX7qfJIz7Ar/jPmV5yE/3PcQdfGrrjrR08M2aP9v2zXtXlSfY/1FQdO+/ibp2gfBjwNZ6FcHxmIMLUP4AIFx1dBguBSKJkBX6QMzGuMZsBs2R3r9FJJXXQUKqRx3ivT1lyp99LOSkjtPHqV8jnMcooWMJevlHgYpaCruckfags1aphFp+2S7aB1b9NOWpE4v3JncwbzFJ2zXdSXP/lpw3aIzPtofr+xfFqtqb0edzFpb96z0LEvJUxTn33r7kLcdWJv/nj7FYOCcwnH2HjgPwYiAIcP+W/sEXFsIxcNwjjMwMv1xeeq57gZ9YrMiHSkmCZ4g07SlFFzCXSQXJdNiIDBIkaTdCKLMRJBKBEEHZXQlgIxlA9mp6fqF8bKfal0xk2R/yzRpSQpoVdDd/RIG0w7sp+OTQlQoWPD44neViI4Txrrx8YtncLGk6ZxsGCYpsE+0639P/8viscH9SJZe7HK6o9D5fw/1oIZa7qJFoOj4LpOIqoPukFGrlEBdehEcIk9D2nI1B2OgTWUQym+kjnFhFtAJ44Zlz4y1495r4Ll4W50cUnu7krZKWzp70uJmkhonZLldLG3K22Kk70oh5qa08KZPcKJnsTpdEIcHdVVznsXsF99ysN0z3BW+P9QoU7ZwktoVBjHdRUWnQS1uxem/f0WDpvHh4Rzqu7qSOfaoNvIrqO6cRnH4SJT6AvIDKEewlVCJDYfsNnbDZgoRsH2v9LFE+yQjwIK34cA69cQKx5wYnhEyskEWCGrfgwJdWMlUI+wqEpCU9KpssRBgeL9kFYg3RNUqmaQx7f41/yFwONPQS8UYRRq0ID5+ksd9F5GkEg2IqhZaGl0qw3QLUNvQgwsLWY1JaJQWkBgdc4WwTSj8xCNWubFqcmJZ89Xz46dGSJvtzvK4DYZvE/Zt8ZcQf8lLGfpobWx1VEZbHUCh1PqZES0VmN+cLzIBqqDmB6o5bVS+Yz/xmB1gBXHSuwjSmnPTOQOfvdmPGrsvWBuLe9/3Ho5BmZWZtjU6tR012Cw6Cb9qym4mg1KyJz/bSvEYn2qhud/c5TCq6H3b3vT09em2Sz8C4/PCXEAAHicY2BkYGAA4vLjH/Li+W2+MnAzvwCKMNwqbOKH0f///89ifskcBORyMDCBRAF9hw2eAAB4nGNgZGBgDvqfBSRf/P///x/zSwagCArgBgC2oweeAHicY37BwMC84P9/ZkEgHQnEIBooxpgKwUxNEAwSAwDJ+Ae7AAAAAAAATgBsALABIgHAAfQCKAJeApQDNwABAAAACwBLAAgAAAAAAAIAHAAsAHMAAABwC3AAAAAAeJyNkMFq20AQhn85Tkpj6KGFnudQSkJBVgShkFOKIb71kIMvPbiKspLWyLtmtQ7o0EcoeZZe+wI99RX6An2J/lovodQULLHa7/9nZjU7AF7iFxLsnkuuHSf0LyOP8AzzyEf0P0Yekz9HPsYELvIJ/S+RT/EOj5EneIXvPCEZP6da4WfkBG+S95FHeJF8inxEX0cek79GPsbr5FvkE/o/Ip9ikfyOPMHb0YeZ3fRO142Xs9m55FmeyV0vlpY2RSvF1jfWdXItlTVeta1NS7v2jVrrql8Ou1rq0ppbVW/bwu0H9p2Fcp22Ri7SbD84V0a5wqv7oYvuoc69r6Rydi038f+ycXalSp823m+uptO/+8IMFhv0HLNGjQYegjO659xzZGEJ7pghzNxlaRgUaOkU2LKiCZGO+pqrojJ0FTNacoqS33XIU9w1M3osn7Qi65BjcEtV88yWJ7uDKg7JWVAN/emgBBfsKTuock5lQnURbnT/NIsOD+w0p+tZP9zahVsKbv65v3C+Q2xFp6Sfhil7uleY8v3PvP4AUKqnqnicbY1dCsIwEIR3qvYnUW+SQ0XdtoElhmyCeHtThPrivMx8w8BQR18Z+i+LDgcccUKPASMmGFicaZq9U/b5vg4tJfHvcXNflfsWsqqVoMXdqgiXS6t8XISd8FyuO+WwrMXuWNNv+Hi+otlOUoiRM9EHC9gnsgAAAHicY/DewXAiKGIjI2Nf5AbGnRwMHAzJBRsZWJ02MTAyaIEYm7mYGDkgLD4GMIvNaRfTAaA0J5DN7rSLwQHCZmZw2ajC2BEYscGhI2Ijc4rLRjUQbxdHAwMji0NHckgESEkkEGzmYWLk0drB+L91A0vvRiYGFwAMdiP0AAA=') format('woff');
}
html {
-webkit-font-smoothing: antialiased;
}
body {
font: .95em/1.75em Helvetica, Arial, sans-serif;
background-color:#fff;
color: #666;
overflow-wrap:break-word;
}
a {
color:var(--theme_accent);
}
a:hover {
color: #069;
}
p {
margin: 0 0 1.2em;
padding: 0;
}
small {
font-size: 87%;
}
blockquote {
font: italic 110%/130% "Times New Roman", Times, serif;
padding: 8px 30px 15px;
}
ins {
text-decoration: none;
}
/* LIST
================================================ */
ul, ol {
margin: 1em 0 1.4em 24px;
padding: 0;
}
li {
margin: 0 0 .5em 0;
padding: 0;
}
/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6 {
line-height: 1.5em;
margin: 20px 0 .4em;
font-family: 'Open Sans', sans-serif;
color: #000;
font-weight: normal;
overflow-wrap: normal;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.6em;
}
h4 {
font-size: 1.2em;
}
h5, h6 {
font-size: 1em;
}
/* FORM
================================================ */
/* form input */
input, textarea, select, input[type=search], button {
font-size: 100%;
font-family: inherit;
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] {
background-color: #f2f2f2;
border-color: #e5e5e5;
border-width: 0 0 2px 0;
border-style: solid;
padding: 8px 10px;
color: #888;
-webkit-appearance: none;
}
input[type=text], input[type=search], input[type=email] {
width: 240px;
max-width: 90%;
}
/* text area */
textarea {
line-height: 150%;
width: 94%;
}
/* form input:focus */
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus {
outline: none;
background-color: #eee;
}
/* form button */
input[type=reset], input[type=submit], button {
background-color:var(--theme_accent);
color: #fff;
border: none;
padding: 7px 20px;
cursor: pointer;
letter-spacing: .1em;
font-size: 1.125em;
font-family: Oswald, sans-serif;
text-transform: uppercase;
-webkit-appearance: none;
border-radius: 0;
}
/* form input:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover {
background-color: #069;
color: #fff;
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav,#sidebar, .widget, #footerwrap, #footer {
box-sizing: border-box;
}
.pagewidth {
width: 1064px;
margin: 0 auto;
}
#body {
margin: 0 auto;
max-width: 100%;
padding: 0 0 40px;
}
/* content top space */
#contentwrap,
#sidebar {
padding-top: 5%;
}
/* sidebar1 (sidebar right) */
#contentwrap {
width: 67.64%;
float: left;
}
#sidebar {
width: 28.28%;
float: right;
}
/* sidebar1 (sidebar left) */
.sidebar-left #contentwrap {
float: right;
}
.sidebar-left #sidebar {
float: left;
}
/* sidebar2 (content-middle) */
.sidebar2 #content {
width: 72%;
float: right;
}
.sidebar2 #sidebar-alt {
width: 22.3%;
float: left;
}
/* sidebar2 content-right */
.sidebar2.content-right #contentwrap {
float: right;
}
.sidebar2.content-right #sidebar-alt {
float: left;
}
.sidebar2.content-right #sidebar {
float: left;
}
/* sidebar2 content-left */
.sidebar2.content-left #contentwrap {
float: left;
}
.sidebar2.content-left #content {
float: left;
}
.sidebar2.content-left #sidebar-alt {
float: right;
}
.sidebar2.content-left #sidebar {
float: right;
}
/* sidebar-none */
.sidebar-none #contentwrap {
width: 100%;
float: none;
}
/* sidebar secondary column */
#sidebar .secondary {
width: 47%;
float: left;
}
#sidebar .secondary.last {
float: right;
}
/* fullwidth content */
.full_width #layout {
width: 100%;
max-width: 100%;
}
.full_width #contentwrap,
.full_width #content {
padding: 0;
width: auto;
float: none;
}
.full_width #sidebar {
width: auto;
float: none;
}
/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
margin-left: 5%;
float: left;
}
.col4-1 {
width: 21.2%;
}
.col4-2, .col2-1 {
width: 47%;
}
.col4-3 {
width: 73.8%;
}
.col3-1 {
width: 29.3%;
}
.col3-2 {
width: 65.6%;
}
.col.first,
.col4-1.first,
.col4-2.first,
.col4-3.first,
.col3-1.first,
.col3-2.first,
.col2-1.first
{
margin-left: 0;
clear: left;
}
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap {
background-color: var(--theme_accent);
}
#header {
font-family: Oswald, sans-serif;
text-transform: uppercase;
position: relative;
z-index: 100;
}
#header .hgroup {
float: left;
margin: 14px 20px 0 0;
}
/*
HEADER WIDGET
================================================ */
.header-widget {
text-align: center;
margin: auto;
}
.header-widget .widget {
margin-top: 45px;
}
/*
FIXED HEADER
================================================ */
.fixed-header {
position: fixed;
z-index: 1001;
left: 0;
top: 0;
width: 100%;
transition: left .2s ease-in-out;
}
.admin-bar .fixed-header {
top: 32px;
}
.fixed-header #nav-bar {
position: absolute;
top: -100px;
}
.fixed-header .social-widget,
.fixed-header #searchform-wrap {
display: none;
}
/* prevent transparent header overlap builder */
.themify_builder_active #headerwrap,
.themify_builder_active.has-fixed-header #headerwrap,
.transparent-header.themify_builder_active #headerwrap {
position: static !important;
color: inherit;
}
.transparent-header.themify_builder_active #headerwrap a {
color: inherit;
}
/*
SOCIAL WIDGET
================================================ */
#social-wrap {
position: absolute;
top: 10px;
right: 0;
}
#headerwrap .social-widget {
float: right;
}
.social-widget a {
color: #fff;
font-size: 1.25em;
text-decoration: none;
}
.social-widget a:hover {
color:var(--theme_accent);
text-decoration: none;
}
.social-widget .widget {
display: inline-block;
margin: 0 2px 0 0;
padding: 0;
}
.social-widget .widget div {
display: inline;
}
.social-widget .widgettitle {
width: auto;
font-size: 100%;
font-family: inherit;
text-transform: none;
border: none;
letter-spacing: 0;
position: static;
display: inline-block;
margin: 5px 8px 2px 0;
padding: 0;
background: transparent;
border-radius: 0;
box-shadow: none;
}
.social-widget ul {
margin: 6px 0 0 !important;
padding: 0;
display: inline;
}
.social-links.horizontal li {
padding: 0;
margin: 0 2px;
display: inline-block;
border: none !important;
clear: none;
line-height: 100%;
}
/* rss */
.social-widget div.rss {
display: inline-block;
padding: 4px;
}
.social-widget div.rss a {
color: #fff !important;
font-size: 1.25em;
line-height: 1em;
}
.social-widget div.rss a:hover {
color:var(--theme_accent) !important;
}
.social-widget .icon-rss:before {
content: "\f09e"; /* fa-rss */
font-style: normal;
}
/*
SEARCH FORM
================================================ */
#searchform-wrap {
float: right;
margin-right: 14px;
margin-top: 5px;
position: relative;
}
#headerwrap #searchform {
width: 180px;
}
#headerwrap #searchform #s {
width: 0;
background: transparent;
padding: 5px;
margin: 0;
float: right;
border: none;
border-radius: 3px;
transition: width .7s;
}
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .icon-search:hover + #s {
width: 180px;
color: #333;
background-color: #fff;
}
#headerwrap #searchform .icon-search {
font-size: 1.25em;
position: absolute;
right: 2px;
top: -1px;
color: #fff;
}
#searchform .icon-search:before {
content: "\f002"; /* fa-search */
font-family: 'themify_theme_icon';
font-style: normal;
}
#headerwrap #searchform .icon-search:hover,
#headerwrap #searchform:hover .icon-search,
#headerwrap #searchform .icon-focus {
color: #000;
}
/*
BREAKING NEWS
================================================ */
.breaking-news{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:1px 0;
position:relative;
margin-top:45px
}
.breaking-news .breaking-news-category{
float:left;
display:inline-block;
margin:1px 35px 1px 0 !important;
background-color:var(--theme_accent);
padding:13px 15px;
position:relative;
left:0;
z-index:10;
letter-spacing:.1em;
font-size:1.125em;
font-family:Oswald, sans-serif;
text-transform:uppercase;
color:#fff;
line-height:100%
}
.breaking-news .breaking-news-category:after{
position:absolute;
content:' ';
width:0;
height:0;
top:0;
right:-15px;
border-left:15px solid var(--theme_accent);
border-top:22px solid transparent;
border-bottom:21px solid transparent
}
.breaking-news .tf_swiper-wrapper{
width:calc(100% - 55px)
}
.breaking-news .tf_swiper-wrapper .tf_swiper-slide{
padding-right:105px;
box-sizing:border-box
}
.breaking-news .tf_carousel_nav_wrap{
margin-top:0;
position:absolute;
right:0;
top:0;
margin:0
}
.breaking-news .carousel-wrap{
float:left;
width:70%;
overflow:hidden
}
.breaking-news .breaking-news-posts{
padding-top:10px;
display:flex
}
.breaking-news .breaking-news-posts .tf_swiper-wrapper a{
color:#000;
text-decoration:none
}
.breaking-news .breaking-news-posts a:hover{
color:var(--theme_accent);
border-left-color:var(--theme_accent)
}
.breaking-news .tf_carousel_nav_wrap a{
color:#ccc
}
.breaking-news .tf_slider_controller{
z-index:1;
order:2;
border-width:5px 0 5px 9px;
margin-top:3px;
width:10px;
height:10px
}
.breaking-news .carousel-next{
order:3
}
.breaking-news .tf_carousel_nav_wrap .carousel-prev:before,
.breaking-news .tf_carousel_nav_wrap .carousel-next:before{
width:6px;
height:6px;
border-width:1px
}
.breaking-news .tf_carousel_nav_wrap .tf_slider_controller.paused{
border-width:0 0 0 8px
}
/*
TOP NAVIGATION
================================================ */
#nav-bar {
background-color: #000;
width: 100%;
padding: 5px 0;
min-height: 28px;
position: relative;
}
#menu-icon-top {
display: none;
top: 10px;
z-index: 12;
}
#top-nav {
margin: 3px 0 0;
position: relative;
z-index: 99999;
}
#top-nav li {
margin: 0 10px 0 0;
padding: 0;
list-style: none;
float: left;
position: relative;
}
#top-nav a {
text-decoration: none;
margin-right: 7px;
color: #fff;
font-size: 0.9em;
text-transform: uppercase;
}
#top-nav a:hover {
color: var(--theme_accent);
}
/* sub-levels link */
#top-nav ul a, #top-nav .current_page_item ul a, #top-nav ul .current_page_item a, #top-nav .current-menu-item ul a, #top-nav ul .current-menu-item a, #top-nav li:hover > ul a {
color: #fff;
font-weight: normal;
text-transform: none;
padding: 7px 0 7px 15px;
margin: 0;
width: 180px;
background: none;
border: none;
text-shadow: none;
border-radius: 0;
box-shadow: none;
display: block;
}
/* sub-levels link :hover */
#top-nav ul a:hover, #top-nav .current_page_item ul a:hover, #top-nav ul .current_page_item a:hover, #top-nav .current-menu-item ul a:hover, #top-nav ul .current-menu-item a:hover, #top-nav li:hover > ul a:hover {
background-color: #fff;
color:var(--theme_accent);
}
/* dropdown ul */
#top-nav ul {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 0;
top: 100%;
background-color:var(--theme_accent);
border: solid 3px var(--theme_accent);
z-index: 100;
display: none;
}
#top-nav ul li {
background: none;
padding: 0;
margin: 0;
}
/* sub-levels dropdown */
#top-nav ul ul {
left: 190px;
top: -2px;
}
/* show dropdown ul */
#top-nav li:hover > ul {
display: block;
}
/* Edge Menu */
#main-nav li.edge > ul {
left: auto;
right: 0;
}
#main-nav ul li.edge > ul {
left: auto;
right: 100%;
}
/*
MAIN NAVIGATION
================================================ */
#header nav.right {
float: none;
}
#main-nav-wrap {
float: right;
}
#main-nav {
margin: 0;
padding: 0;
}
#main-nav li {
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
color: #fff;
}
/* main level link */
#main-nav a {
color: #fff;
display: inline-block;
padding: 26px 15px;
text-decoration: none;
letter-spacing: 1px;
-webkit-font-smoothing: subpixel-antialiased;
font-family: Oswald, sans-serif;
position:relative
}
/* main level link :hover */
#main-nav li:hover {
background-color:var(--theme_accent);
color:var(--theme_accent);
}
/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a {
background-color:var(--theme_accent);
color: #fff;
}
/* current link :hover */
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
color: #fff;
}
/* menu has sub-level nav */
#main-nav .has-sub-menu > a:after,
#main-nav .has-mega-sub-menu > a:after {
content: '\f107'; /* fa-angle-down */
text-transform: none;
font-size: .875em;
margin-left: 10px;
position: relative;
top: -2px;
line-height: 0;
}
#main-nav .mega-sub-menu li>a:after {
content: '\f105'; /* fa-angle-right */
position: absolute;
top:10px;
right:10px;
}
#main-nav .mega-sub-menu li a:not(.tf_loader):before{
display:none
}
/* sub-levels link */
#main-nav ul a {
font-size: 100%;
line-height: 140%;
font-weight: normal;
text-transform: none;
padding: 10px;
margin: 0;
display: block;
background: none;
border: none;
text-shadow: none;
border-radius: 0;
box-shadow: none;
position: relative;
}
#main-nav .current_page_item ul a,
#main-nav ul .current_page_item a,
#main-nav .current-menu-item ul a,
#main-nav ul .current-menu-item a {
color: #fff;
}
/* sub-levels link :hover */
#main-nav ul li:hover > a,
#main-nav .current_page_item ul li:hover a,
#main-nav ul .current_page_item li:hover a,
#main-nav .current-menu-item ul li:hover a,
#main-nav ul .current-menu-item li:hover a {
background-color: #fff;
color:var(--theme_accent);
}
/* dropdown ul */
#main-nav li>.children,
#main-nav li > .sub-menu{
margin: 0;
list-style: none;
position: absolute;
background-color:var(--theme_accent);
border: solid 5px var(--theme_accent);
z-index: 100;
width: 180px;
box-sizing: border-box;
transform-origin:top;
transform:scale(1,0);
transition:transform .3s
}
#main-nav ul li {
background: none;
padding: 0;
margin: 0;
float: none;
}
#main-nav ul li a {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: .95em;
letter-spacing: 0;
}
#main-nav ul li:hover {
background-color: #fff;
color:var(--theme_accent);
}
#main-nav ul li.current-menu-item a {
color: #fff;
}
#main-nav ul li.current-menu-item a:hover {
color:var(--theme_accent);
}
/* sub-levels dropdown */
#main-nav ul li:not(.themify-widget-menu) > ul {
left: 100%;
top: -2px;
background:0
}
/* show dropdown ul */
#main-nav li:hover > .children,
#main-nav li:hover > .sub-menu {
transform:none
}
/* mega menu */
#main-nav .has-mega-sub-menu .mega-sub-menu .mega-menu-posts,
#main-nav .has-mega-sub-menu .mega-sub-menu,
#main-nav .has-mega-column > .sub-menu {
background-color: #fff;
border: solid 5px var(--theme_accent);
}
#main-nav .mega-sub-menu .mega-menu-posts{
height:100%
}
#main-nav .has-mega-sub-menu .mega-sub-menu {
display:flex;
min-height: 210px;
max-height: 80vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
margin:0;
padding:0
}
#main-nav .has-mega-sub-menu .mega-sub-menu ul {
background-color:var(--theme_accent);
margin:0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
width:100%
}
#main-nav ul li:not(.themify-widget-menu)>ul{
margin:0
}
#main-nav .has-mega-sub-menu .mega-sub-menu > ul .mega-link > a,
#main-nav .has-mega-sub-menu .mega-sub-menu > ul a{
padding:10px
}
#main-nav .has-mega-sub-menu .mega-sub-menu ul a {
width: auto;
display: block;
box-sizing:border-box
}
.current-menu-item.has-mega-sub-menu .mega-sub-menu ul a {
color: #fff !important;
}
.current-menu-item.has-mega-sub-menu .mega-sub-menu ul a:hover {
color:var(--theme_accent) !important;
}
/* mega menu posts */
#main-nav .mega-menu-posts .post-image {
margin: 0 0 5px;
}
#main-nav .mega-menu-posts .post-image img {
width: 100%;
}
#main-nav .mega-menu-posts .post-title {
font-size: .9em;
text-transform: none;
margin: 0 0 5px;
}
#main-nav .mega-menu-posts .post a {
color: #000;
padding: 0;
letter-spacing: 0;
font-family: 'Open Sans', sans-serif;
width: 100%;
}
#main-nav .mega-menu-posts .post a:hover,
.current-menu-item .mega-menu-posts .post a {
background: none !important;
color:var(--theme_accent);
}
/* mega column */
#main-nav .has-mega-column > .sub-menu {
padding: 2.5% 3% 3%;
}
#main-nav .has-mega-column > .sub-menu a {
background: none ;
color:var(--theme_accent);
padding: .5em 0;
width: 100%;
}
#main-nav .has-mega-column > .sub-menu a:hover {
color: #069;
}
#main-nav .has-mega-column .widgettitle,
#main-nav .has-mega-column > .sub-menu > .columns-sub-item > a {
font-size: 1em;
margin: 0 0 10px;
font-family: Oswald, sans-serif;
color: #000;
}
#main-nav .has-mega-column a:after {
display: none;
}
#main-nav .has-mega-column > .sub-menu ul{
padding: 0;
margin:0
}
/* touch menu */
#main-nav .has-mega-sub-menu .mega-sub-menu ul,
#main-nav li.dropdown-open > ul {
display: block;
}
#main-nav .has-sub-menu > a:after,
#main-nav .has-mega-sub-menu > a:after {
display: none;
}
@media (hover:none){
#main-nav .menu-item-has-children> a{
padding-right:50px
}
#main-nav li .child-arrow{
margin-left:7px;
border-radius:100%;
display:inline-block;
padding:0;
right:5px;
top:50%;
margin-top:-17px
}
#main-nav .toggle-on > a > .child-arrow{
background:rgba(214,214,214,.4)
}
#main-nav li>.sub-menu{
display:none
}
#main-nav li.toggle-on> .sub-menu{
transform:scale(1,1);
opacity:1
}
#main-nav .has-mega-sub-menu .mega-sub-menu{
display:none
}
#main-nav .has-mega-sub-menu.toggle-on .mega-sub-menu{
display: flex !important
}
}
.menu-item-has-children .child-arrow{
display:none;
cursor:pointer;
z-index:12;
width:36px;
height:36px;
border-radius:100%;
position:absolute;
right:0;
top:4px;
transition:transform .3s
}
.child-arrow:before,
.child-arrow:after{
top:50%;
left:12px;
content:'';
position:absolute;
transition:transform .3s ease-in-out;
height:1px;
width:8px;
transform:rotate(45deg);
background:currentColor;
z-index:9999;
border-radius:10px
}
.child-arrow:after{
left:17px;
transform:rotate(-45deg)
}
.toggle-on > a .child-arrow:after,
.toggle-on > a .child-arrow:before{
left:10px;
width:15px
}
.toggle-on > a .child-arrow{
transform:rotateZ(180deg)
}
/* mobile menu icon */
#menu-icon {
display: none;
z-index: 12;
}
#menu-icon-top .icon-list-ul,
#menu-icon .icon-list-ul{
font-style:normal;
-webkit-font-smoothing:antialiased
}
#menu-icon-top .icon-list-ul:before,
#menu-icon .icon-list-ul:before {
content:"\f0ca"; /* fa-list-bullet */
}
body.mobile-menu-visible {
position: relative;
overflow-y: hidden;
}
.body-overlay {
display: none;
background-color: rgba(255,255,255,.7);
width: 100%;
height: 100%;
position: fixed;
right: 260px;
top: 0;
z-index: 1000;
box-shadow: inset -1px 0 13px rgba(0,0,0,.13)
}
.body-overlay.body-overlay-on {
display: block; /* fix for Windows phone */
}
.sidemenu-left .body-overlay{
right: auto;
left: 260px;
}
#main-nav li ul li.themify-widget-menu {
background: none !important;
color: #000;
}
#main-nav .widget {
margin-bottom: 5px;
}
/************************************************************************************
PAGE
*************************************************************************************/
/* page title */
.page-title {
margin: 0 0 30px;
padding: 0;
font-size: 2em;
font-family: Oswald, sans-serif;
text-transform: uppercase;
letter-spacing: .05em;
color: #000;
line-height: 110%;
}
/*
AUTHOR PAGE
================================================ */
.author-bio {
margin: 0 0 15px;
overflow: hidden;
}
.author-bio .author-avatar {
float: left;
margin: 0 15px 0 0;
}
.author-bio .author-avatar img {
background-color: #fff;
padding: 4px;
border-radius: 100%;
}
.author-bio .author-name {
margin: 0 0 5px;
padding: 0;
font-size: 1.375em;
}
.author-posts-by {
margin: 0 0 20px;
padding: 10px 0 0;
font-size: 140%;
text-transform: uppercase;
border-top: double 4px #ccc;
border-color: rgba(118,118,118,.3);
}
/*
CATEGORY SECTIONS
================================================ */
.category-section {
clear: both;
margin-bottom: 30px;
}
.category-section-title {
font-size: 120%;
text-transform: uppercase;
margin: 0 0 20px;
padding: 10px 0 0;
border-top: double 4px #ccc;
}
/************************************************************************************
POST
*************************************************************************************/
.post {
margin-bottom: 50px;
box-sizing: border-box;
}
.loops-wrapper.list-post .post,
.loops-wrapper.list-thumb-image .post {
width: 100%;
margin-left: 0;
margin-bottom: 1.8em;
}
.single-post .post {
margin-bottom: 50px;
}
/* post content */
.post-content {
min-width: 120px;
overflow: hidden;
}
/* post title */
.post-title {
margin: 0 0 .6em;
padding: 0;
font-family: 'Open Sans', sans-serif;
}
.post-title a {
text-decoration: none;
color: #000;
}
.post-title a:hover {
color:var(--theme_accent);
}
.single .post-title {
margin: 10px 0 20px;
}
/* post image */
.post-image,
.module-post .post-image {
margin: 0 0 15px;
max-width: 100%;
}
.post-image.left {
float: left;
margin-right: 15px;
}
.post-image.right {
float: right;
margin-left: 15px;
}
.post-image img,
.module-post .post-image img {
max-width: 100%;
}
/* post meta */
.post-meta {
margin: 0 0 .6em;
font-family: 'Open Sans', sans-serif;
font-size: .9em;
color: #888;
}
.post-meta-details {
border-bottom: 1px solid #ddd;
padding-bottom: 6px;
margin: 10px 0 20px;
}
.post-meta a {
color: #888;
text-decoration: none;
font-weight: normal;
}
.post-meta a:hover {
color:var(--theme_accent);
}
.post-meta .author-name,
.post-meta .post-date,
.post-meta .post-comment,
.post-meta .post-tag {
padding: 0 12px 0 0;
margin: 0;
display: inline-block;
}
.post-meta-details .author-name,
.post-meta-details .post-date,
.post-meta-details .post-comment,
.post-meta-details .post-tag {
border-right: 1px #eee solid;
padding: 0 12px;
margin: 3px 0;
display: inline-block;
}
.loops-wrapper.grid4 .post-meta .author-name,
.loops-wrapper.grid4 .post-meta .post-date,
.loops-wrapper.grid4 .post-meta .post-comment,
.loops-wrapper.grid4 .post-meta .post-tag,
.loops-wrapper.grid3 .post-meta .author-name,
.loops-wrapper.grid3 .post-meta .post-date,
.loops-wrapper.grid3 .post-meta .post-comment,
.loops-wrapper.grid3 .post-meta .post-tag {
border-right: none;
padding: 0 3px;
}
/* post category */
.post-category {
text-transform: uppercase;
letter-spacing: 1px;
color: #ddd;
font-size: .9em;
display: inline-block;
line-height: 1.5em;
}
.post-category a {
margin: 0 3px;
font-weight: bold;
}
.post-category a:first-child {
margin-left: 0;
}
/* post meta author */
.post-meta .author-avatar img {
border-radius: 100%;
vertical-align: bottom;
}
/* more link */
.more-link {
text-decoration: none;
}
.more-link:after {
content: "\f105"; /* fa-angle-right */
font-family: 'themify_theme_icon';
margin-left: 8px;
}
.module .loops-wrapper.grid4 .post-title,
.loops-wrapper.grid4 .post-title {
font-size: 1.1em;
margin: 0 0 5px;
padding: 0;
}
.module .loops-wrapper.grid3 .post-title,
.loops-wrapper.grid3 .post-title {
font-size: 1.15em;
margin: 0 0 5px;
padding: 0;
}
.module .loops-wrapper.grid2 .post-title,
.loops-wrapper.grid2 .post-title,
.col4-1 .post-title,
.col4-2 .post-title,
.sidebar2 .col3-2 .post-title,
.col3-1 .post-title {
font-size: 1.3em;
margin: 0 0 .6em;
padding: 0;
}
.col3-1 .module.loops-wrapper.grid2 .post-title,
.sidebar2 .col3-1 .post-title {
font-size: 1em;
}
.sidebar2 .col3-1 .post-image {
margin: 0 0 10px;
}
.module .loops-wrapper.grid2-thumb .post-title,
.loops-wrapper.grid2-thumb .post-title {
margin: 0 0 5px;
font-size: 1.3em;
}
.loops-wrapper.grid2-thumb .post-image {
float: left;
margin: 0 20px 15px 0;
}
.loops-wrapper.grid2-thumb .post-content {
overflow: hidden;
}
/* list thumb post */
.loops-wrapper.list-thumb-image .post-image {
width: 20%;
float: left;
margin: 0 25px 15px 0 !important;
}
.loops-wrapper.list-thumb-image .post-content {
overflow: hidden;
}
.module .loops-wrapper.list-thumb-image .post-title,
.loops-wrapper.list-thumb-image .post-title {
font-size: 1.1em;
margin: 0 0 .6em;
}
/* list large image */
.loops-wrapper.list-large-image .post-image {
float: left;
margin: 0 35px 15px 0 !important;
}
.module .loops-wrapper.list-large-image .post-title,
.loops-wrapper.list-large-image .post-title {
font-size: 200%;
margin: 0 0 5px;
padding: 0;
}
.loops-wrapper.list-large-image .post-content {
overflow: hidden;
}
/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video,
.embed-youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin-bottom: 15px;
}
.post-video iframe,
.post-video object,
.post-video embed,
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/************************************************************************************
SHARE BOX
*************************************************************************************/
.share {
margin-bottom: 25px;
}
.share > div {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.share .share-facebook {
width: 130px;/* required to position the FB comment box */
height: 25px;
}
.share .fb_iframe_widget > span {
position: absolute;
width: 450px !important;
vertical-align: top !important;
}
.fb_iframe_widget {
display: block !important;
}
.share-pinterest > span {
display: block;
}
@media screen and (max-width: 600px) { /* fix for mobile */
.share .share-facebook {
margin-top: 0;
}
.share .fb_iframe_widget > span {
width: 320px !important;
}
}
.share .share-google-plus {
position: relative;
z-index: 1; /* fix FB overlapping G+ button */
}
.share-google-plus > div, .share-google-plus > div > iframe {
height: 20px !important;
}
/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box {
margin: 60px 0;
overflow: hidden;
}
.author-box .author-avatar {
float: left;
margin: 0 25px 5px 0;
}
.author-box .author-avatar img {
border-radius: 100%;
}
.author-box .author-name {
margin: 0 0 5px;
}
.author-box .author-name a {
color: #000;
text-decoration: none;
}
.author-box .author-name a:hover {
color:var(--theme_accent);
}
/************************************************************************************
RELATED POSTS
*************************************************************************************/
.related-posts {
overflow: hidden;
}
.related-posts .post {
margin-bottom: 20px;
}
.related-posts .related-title {
margin: 0 0 30px;
padding: 15px 0 0;
font-size: 1.25em;
font-family: Oswald, sans-serif;
text-transform: uppercase;
color: #000;
letter-spacing: normal;
border-top: 5px var(--theme_accent) solid;
}
.related-posts .post-image {
float: left;
margin: 0 20px 0 0;
min-width: 0;
}
.related-posts .post-meta {
line-height: 1;
}
.related-posts .post-content {
overflow: hidden;
}
.related-posts .post-title {
font-size: 1.12em;
margin: 0;
}
/************************************************************************************
POST WIDGET
*************************************************************************************/
.after-content-widget {
width: 250px;
max-width: 100%;
float: right;
margin-left: 35px;
}
/************************************************************************************
POST NAVIGATION (the tag)
*************************************************************************************/
.post-pagination {
text-align: right;
margin: .5em 0 2em;
}
.post-pagination strong {
margin-right: 3px;
}
.post-pagination a {
margin-left: 3px;
margin-right: 3px;
}
/************************************************************************************
POST NAVIGATION
*************************************************************************************/
.post-nav {
padding: 40px 0 0;
clear: both;
}
.post-nav .prev,
.post-nav .next {
width: 47%;
position: relative;
}
.post-nav a {
text-decoration: none;
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
color: #000;
}
.post-nav a:hover {
text-decoration: none;
color:var(--theme_accent);
}
.post-nav .prev {
float: left;
}
.post-nav .next {
float: right;
text-align: right;
}
/* post nav arrow */
.post-nav .arrow {
color: #ccc;
display: block;
float: left;
width: 23px;
line-height: .5;
font-size: 2em;
margin-bottom: 50px;
}
.post-nav .next .arrow {
float: right;
margin-right: 0;
}
.post-nav a:hover .arrow {
color:var(--theme_accent);
}
/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap {
margin: 10px 0 20px;
position: relative;
clear: both;
}
/* comment title */
.comment-title, #reply-title {
margin: 50px 0 30px;
padding: 15px 0 0;
font-size: 1.25em;
font-family: Oswald, sans-serif;
text-transform: uppercase;
color: #000;
letter-spacing: normal;
border-top: 5px var(--theme_accent) solid;
}
/* comment pagenav */
.commentwrap .pagenav {
margin: 10px 0;
border: none;
box-shadow: none;
}
.commentwrap .pagenav.top {
margin: 0;
position: absolute;
top: 20px;
right: 0;
}
/* commentlist */
.commentlist {
margin: 0 0 30px;
padding: 5px 0 0;
}
.commentlist li {
margin: 0;
padding: 15px 0 0;
list-style: none;
position: relative;
}
.commentlist .comment-author {
margin: 2px 0 10px;
padding: 0;
}
.commentlist .comment-author img {
border-radius: 100%;
}
.commentlist .avatar {
float: left;
margin: 0 25px 0 0;
}
.commentlist cite {
font-style: normal;
font-family: 'Open Sans', sans-serif;
font-weight: 100;
font-size: 1.375em;
}
.commentlist cite a {
text-decoration: none;
}
.commentlist cite .tf_fa{
margin-right:10px
}
.commentlist .bypostauthor > .comment-author img {
border: 3px var(--theme_accent) solid;
}
.commentlist .comment-time {
font-family: 'Open Sans', sans-serif;
font-size: .75em;
letter-spacing: 1px;
text-transform: uppercase;
color: #999;
}
.commentlist .commententry {
position: relative;
min-height: 40px;
overflow: hidden;
padding-bottom: 5px;
overflow-wrap:break-word;
}
.commentlist ul, .commentlist ol {
margin: 0 0 0 7%;
padding: 0;
}
/* reply link */
.commentlist .reply {
position: absolute;
right: 0;
top: 8px;
}
.commentlist .comment-reply-link {
font-size: .875em;
text-decoration: none;
color: #000;
font-family: Oswald, sans-serif;
text-transform: uppercase;
}
.commentlist .comment-reply-link:hover {
color:var(--theme_accent);
}
/*
COMMENT FORM
================================================ */
#respond {
margin: 0;
padding: 10px 0 0;
position: relative;
clear: both;
}
#respond #cancel-comment-reply-link {
position: absolute;
top: 80px;
right: 0;
font-size: 85%;
line-height: 100%;
text-decoration: none;
padding: 5px 10px;
display: block;
color: #fff;
background-color:var(--theme_accent);
font-family: Oswald, sans-serif;
text-transform: uppercase;
}
#respond #cancel-comment-reply-link:hover {
background-color: #069;
}
#commentform {
margin: 15px 0 0;
}
#commentform label {
font-family: Oswald, sans-serif;
text-transform: uppercase;
color: #000;
}
#commentform label small {
font-weight: normal;
font-size: .75em;
color: #ccc;
text-transform: none;
font-family: Helvetica, Arial, sans-serif;
}
#commentform textarea {
height: 140px;
width: 100%;
box-sizing: border-box;
}
#commentform .comment-form-author,
#commentform .comment-form-email {
width: 50%;
float: left;
box-sizing: border-box;
clear: none;
}
#commentform p.comment-form-author {
padding-right: 2%;
}
#commentform .comment-form-email {
padding-left: 2%;
}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url] {
width: 100%;
max-width: none;
box-sizing: border-box;
}
#commentform input#submit {
padding: 7px 20px;
}
/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar-alt {
font-size: .875em;
}
.widget {
margin: 0 0 50px;
overflow-wrap:break-word;
}
.widgettitle,
.module-title {
margin: 0 0 20px;
padding: 15px 0 0;
font-size: 1.25em;
font-family: Oswald, sans-serif;
text-transform: uppercase;
color: #000;
letter-spacing: normal;
border-top: 5px var(--theme_accent) solid;
}
.widgettitle a {
color: #000;
text-decoration: none;
}
.widget ul {
margin: 0;
padding: 0;
}
.widget li {
margin: 0;
padding: .4em 0;
list-style: none;
clear: both;
}
.widget ul ul {
margin: 6px 0 -6px 0;
padding: 0;
border-top: none;
}
.widget ul ul li {
margin: 0;
padding-left: 10px;
}
.widget li a {
text-decoration: none;
}
/* search widget */
.widget_search .icon-search {
display: none;
}
/************************************************************************************
WIDGET STYLES
*************************************************************************************/
/* calendar widget */
.widget #wp-calendar caption {
font-weight: bold;
padding-bottom: 10px;
}
.widget #wp-calendar td {
width: 31px;
padding: 4px 2px;
text-align: center;
}
/* feature posts widget */
.widget .feature-posts-list br {
display: none;
}
.widget .feature-posts-list li {
margin: 0 0 1.7em;
padding: 0;
}
.widget .feature-posts-list .post-meta {
margin-bottom: 5px;
}
.widget .feature-posts-list .post-img {
margin: 4px 15px 10px 0;
float: left;
}
.widget .feature-posts-list small {
display: block;
margin: 0 0 5px;
font-family: 'Open Sans', sans-serif;
color: #999;
}
.widget .feature-posts-list .feature-posts-title {
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
color: #000;
text-decoration: none;
display: block;
line-height: 1.4;
}
.widget .feature-posts-list .feature-posts-title:hover {
color:var(--theme_accent);
}
.widget .feature-posts-list .post-excerpt {
display: block;
overflow: hidden;
}
/* twitter widget */
.widget .twitter-list li {
margin-bottom: .8em;
}
.widget .twitter-list .twitter-timestamp a {
font-style: italic;
font-size: 90%;
}
.widget .follow-user {
margin: 0;
padding: 5px 0;
}
/* links widget */
.widget .links-list img, .widget_links img {
vertical-align: middle;
}
/* recent comments widget */
.recent-comments-list .avatar {
margin-right: 12px;
float: left;
}
/* flickr widget */
.widget .flickr_badge_image {
margin-top: 10px;
}
.widget .flickr_badge_image img {
width: 50px;
height: 50px;
margin-right: 12px;
margin-bottom: 12px;
float: left;
}
/* flickr shortcode */
.shortcode .flickr_badge_image {
width: 23.8%;
margin: 0 1.5% 1.5% 0;
float: left;
}
.shortcode .flickr_badge_image:nth-of-type(4n) {
margin-right: 0;
}
.shortcode .flickr_badge_image img {
margin: 0;
}
/* search widget */
#sidebar #searchform {
position: static;
}
#sidebar #searchform #s {
width: 93%;
}
/* 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;
}
/* Text widget */
.widget .textwidget ul {
margin: 0 0 1.4em 1.6em;
}
.widget .textwidget li {
display: list-item;
}
.widget .textwidget ul li {
list-style: disc;
}
.widget .textwidget ol li {
list-style: decimal;
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap {
background-color: #000;
}
#footer {
color: #999;
clear: both;
}
#footer a {
color: #fff;
text-decoration: none;
}
#footer a:hover {
color:var(--theme_accent);
}
/* back-top */
#footer .back-top {
text-align: center;
}
#footer .back-top a {
display: inline-block;
background-color:var(--theme_accent_semi);
font-family: Oswald, sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
color: #fff;
padding: 5px 20px 15px;
text-decoration: none;
}
#footer .back-top a:before {
display: block;
text-align: center;
font-size: 1.2em;
content: "\f106"; /* fa-angle-up */
}
#footer .back-top a:hover {
background-color:var(--theme_accent);
}
/* footer widget */
.footer-widgets .widget {
margin: 7.5% 0 10px;
}
#footer .widgettitle {
color: #fff;
border-top: 5px #333 solid;
}
/* footer social widget */
#footer .social-widget {
text-align: center;
}
#footer .social-widget a {
color: #999;
font-size: 1.675em;
}
#footer .social-widget a:hover {
color:var(--theme_accent);
}
/* footer nav */
#footer .footer-nav {
list-style: none;
margin: 30px auto;
text-align: center;
font-family: Oswald, sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
#footer .footer-nav li {
display: inline-block;
}
#footer .footer-nav li a {
text-decoration: none;
font-size: 1.143em;
padding: 8px;
}
/* footer text */
.footer-text {
clear: left;
text-align: center;
padding-bottom: 50px;
font-size: .9em;
}
/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
.sticky {}
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
margin-bottom: 15px;
}
.alignleft {
float: left;
margin-right: 30px;
}
.alignright {
float: right;
margin-left: 30px;
}
.aligncenter {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
text-align: center;
margin-bottom: 15px;
max-width: 100%;
}
.wp-caption-text {
font-size: 95%;
line-height: 120%;
margin: 6px 0;
}
/************************************************************************************
ATTACHMENT SINGLE VIEW
*************************************************************************************/
.attachment.single-attachment,
.single-attachment .attachment {
float: none;
margin: 0;
text-align: left;
}
/************************************************************************************
WEBFONT ICON
*************************************************************************************/
.social-widget li a:after,
.social-widget .icon-rss:before,
#menu-icon-top .icon-list-ul:before,
#menu-icon .icon-list-ul:before,
#main-nav .has-sub-menu > a:after,
#main-nav .has-mega-sub-menu > a:after,
#main-nav .mega-sub-menu li a:after,
#main-nav ul .has-sub-menu > a:after,
#main-nav .mega-sub-menu li>a:after,
.module-slider .carousel-nav-wrap .carousel-prev:before,
.module-slider .carousel-nav-wrap .carousel-next:before,
#footer .back-top a:before {
font-family: 'themify_theme_icon';
}
#main-nav [class^="icon-"]:before, #main-nav [class*=" icon-"]:before {
font-family: 'themify_theme_icon';
}
/************************************************************************************
BUILDER
*************************************************************************************/
/* builder row */
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner {
width: 1064px; /* same width as .pagewidth */
max-width: 100%;
margin: auto;
}
.module_row.fullwidth > .row_inner {
width: 100%;
padding: 0;
}
/* module tab */
.module-tab {
margin-bottom: 0;
}
/* more link */
.button.more-button {
background-color:var(--theme_accent) !important;
background-image: none !important;
border: none !important;
color: #fff !important;
text-shadow: none !important;
box-shadow: none !important;
position: absolute;
top: 20px;
right: 0;
font-size: .75em !important;
text-transform: uppercase;
padding: 5px 7px !important;
}
.button.more-button:hover {
background-color: #069 !important;
}
.button.more-button:active {
position: absolute;
top: 20px;
right: 0;
}
/* post meta */
.module-post .post-meta span {
margin: 0;
}
.module-slider.slider-overlay .slide-content {
padding: 10px 20px;
text-align: left;
}
.module-slider.slider-overlay .slide-content .slide-title {
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
}
#slider-0-0-3 .slide-title,
#slider-0-0-4 .slide-title {
font-size: 1.25em;
}
.module-slider.slider-overlay .slide-content .slide-title a:hover {
color:var(--theme_accent);
}
.module.module-slider .carousel-pager a.selected {
color:var(--theme_accent);
}
.module.module-slider .carousel-pager a {
width: 15px;
height: 15px;
border-width: 2px;
}
.module.module-slider .carousel-pager a:hover {
background-color: #ddd;
}
.module-slider .carousel-nav-wrap .carousel-prev:before,
.module-slider .carousel-nav-wrap .carousel-next:before {
color: #ccc;
}
.module-slider .carousel-nav-wrap .carousel-prev,
.module-slider .carousel-nav-wrap .carousel-next {
color: transparent;
}
/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.textleft {
text-align: left;
}
.textright {
text-align: right;
}
.textcenter {
text-align: center;
}
/* clearfix */
.widget li:after, #body:after, #footer:after, footer:after,#main-nav:after, .menu:after,#content:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.widget li, #body, #footer, footer,#main-nav, .menu
{ display: block; }
/*/oshiru/wp-content/themes/magazine/media-queries.css*/
@media screen and (max-width:1200px){
@media screen and (max-width: 1104px) {
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
max-width: 100%;
}
.pagewidth,
.module_row > .row_inner {
max-width: 90%;
}
.default_width #layout .module_row > .row_inner,
.module-layout-part .module_row.fullwidth > .row_inner,
.module_row.fullwidth > .row_inner {
max-width:100%;
}
/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
margin-left: 5%;
}
.col4-1 {
max-width: 23%;
}
.col4-2, .col2-1 {
max-width: 48%;
}
.col4-3 {
max-width: 72%;
}
.col3-1 {
max-width: 31%;
}
.col3-2 {
max-width: 62%;
}
}
@media screen and (max-width: 782px) {
/************************************************************************************
STRUCTURE
*************************************************************************************/
/* reset all to fullwidth */
#contentwrap,
#content,
.sidebar1 #sidebar-alt,
.sidebar1 #sidebar {
width: 100% !important;
float: none !important;
clear: both !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.sidebar2 #sidebar-alt,
.sidebar2 #sidebar {
width: 47%;
}
.sidebar2 #sidebar-alt {
margin: 5% 5% 0 0;
float: left !important;
}
/************************************************************************************
BREAKING NEWS
*************************************************************************************/
.breaking-news .breaking-news-category {
float: none;
font-size: .8em;
padding: 12px;
}
.breaking-news .breaking-news-posts {
margin: 15px 0;
padding-right: 0;
}
.breaking-news .breaking-news-category:after {
border-top: 17px solid transparent;
border-bottom: 18px solid transparent;
}
.breaking-news .breaking-news-nav a {
margin: 0 10px;
font-size: 1.5em;
}
.breaking-news .carousel-wrap {
float: none;
width: auto;
}
.breaking-news .tf_swiper-wrapper .tf_swiper-slide{
padding-right:0;
}
/************************************************************************************
FOOTER
*************************************************************************************/
.footer-nav-wrap,
.footer-text {
width: 100%;
float: none;
clear: both;
}
/************************************************************************************
BUILDER MODULE
*************************************************************************************/
/* slider overlay */
.module-slider.slider-overlay .slide-content {
position: static;
color: inherit;
background: none;
padding: 0;
margin-top: 15px;
}
.module-slider.slider-overlay .slide-content .slide-title,
.module-slider.slider-overlay .slide-content .slide-title a {
color: #000;
}
}
@media screen and (max-width: 680px) {
/* disable webkit text size adjust (for iPhone) */
html {
-webkit-text-size-adjust: none;
}
/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2, .col2-1,
.col4-3,
.col3-1,
.col3-2 {
margin-left: 0;
width: 100%;
max-width: 100%;
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
.sidebar2 #sidebar-alt,
.sidebar2 #sidebar {
width: 100% !important;
float: none !important;
clear: both !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Header when admin bar is visible */
.admin-bar .fixed-header,
.admin-bar .fixed-header .sidemenu {
top:0
}
/************************************************************************************
HEADER
*************************************************************************************/
/* site logo */
#site-logo {
text-align: left;
padding-right: 30px;
width: auto;
}
/* social widget */
.social-widget {
position: static !important;
float: none;
margin-bottom:10px;
overflow:hidden;
padding: 0;
}
/************************************************************************************
SLIDER
*************************************************************************************/
.slider {
font-size: 90%;
}
/************************************************************************************
POST
*************************************************************************************/
/* post */
.post {
width: 100% !important;
margin-left: 0 !important;
float: none !important;
}
.module.loops-wrapper.grid4 .post-meta span,
.module.loops-wrapper.grid4 .post-meta time,
.module.loops-wrapper.grid3 .post-meta span,
.module.loops-wrapper.grid3 .post-meta time {
display: inline;
text-align: left;
}
.module.loops-wrapper.grid4 .post-meta .author-name,
.module.loops-wrapper.grid4 .post-meta .post-date,
.module.loops-wrapper.grid4 .post-meta .post-comment,
.module.loops-wrapper.grid4 .post-meta .post-tag,
.module.loops-wrapper.grid3 .post-meta .author-name,
.module.loops-wrapper.grid3 .post-meta .post-date,
.module.loops-wrapper.grid3 .post-meta .post-comment,
.module.loops-wrapper.grid3 .post-meta .post-tag {
border-right: 1px #ddd solid;
}
/* all post title */
.post-title,
.loops-wrapper.list-post .post-title,
.loops-wrapper.grid4 .post-title,
.loops-wrapper.grid3 .post-title,
.loops-wrapper.grid2 .post-title,
.loops-wrapper.grid2-thumb .post-title,
.loops-wrapper.list-thumb-image .post-title,
.loops-wrapper.list-large-image .post-title,
.loops-wrapper.slider .post-title {
font-size: 1.25em;
}
/* post image */
.loops-wrapper.grid3 .post .post-image,
.loops-wrapper.grid4 .post .post-image {
float: none;
margin-right: 0;
}
/************************************************************************************
AUTHOR BIO
*************************************************************************************/
.author-bio .author-name {
font-size: 1.25em;
}
/************************************************************************************
RELATED POSTS
*************************************************************************************/
.related-posts,
.after-content-widget {
width: auto;
float: none;
}
/* post-widget */
.after-content-widget {
margin-top: 60px;
}
/************************************************************************************
POST NAV
*************************************************************************************/
.post-nav .prev, .post-nav .next {
display: block;
width: 100%;
clear: both;
margin-bottom: 10px;
}
/************************************************************************************
COMMENTS
*************************************************************************************/
.commentlist {
padding-left: 0;
}
.commentlist .commententry {
clear: left;
}
.commentlist .avatar {
float: left;
width: 40px;
height: 40px;
margin: 0 10px 10px 0;
}
.commentlist cite {
font-size: 1.25em;
}
/* comment form */
#commentform input[type="text"] {
width: 100%;
margin-right: 0;
}
/* commentlist sub-levels */
.commentlist ul, .commentlist ol {
margin: 0 0 0 7%;
}
/* tab module */
.ui.module-tab .tab-nav li a {
padding: .4em 1em;
font-size: .85em;
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footer-logo {
position: static !important;
}
.footer-nav {
padding: 0;
}
}
/* WordPress Breaking Points */
@media screen and (max-width: 782px) {
.admin-bar .sidemenu,
.admin-bar .fixed-header {
top: 46px;
}
}
@media screen and (max-width: 600px) {
.admin-bar.sidemenu-active {
position: static;
}
.admin-bar.sidemenu-active.mobile-menu-visible {
position: relative;
top: -46px;
}
.admin-bar .fixed-header {
top: 0;
}
}
}
/*/oshiru/wp-content/themes/magazine-child/style.css*/
/*
Theme Name: Magazine Child
Description: Magazine Child Theme
Template: magazine
*/
@font-face {font-family: "Pakkie";
src:url("ryougetsupakkieb.woff") format('woff')}
@font-face {font-family: "Ume";
src:url("ume-tms3.woff") format('woff')}
body {
color:#333;
font-family: source-han-serif-japanese, serif;
font-weight:500;
letter-spacing:.12em;
line-height:2.2em;
text-align:justify;
}
a {
color:#474a4d;
transition:.4s;
}
a:hover {
color:#b7282e;
}
.home #contentwrap {
padding-top:0;
}
#headerwrap {
background-color:#fff;
}
#header .hgroup {
margin-top:10px;
margin-right:12%;
margin-bottom:10px;
}
#nav-bar {
display:none;
}
#main-nav a {
font-family: source-han-serif-japanese, serif;
color:#180614;
transition:.4s;
}
#main-nav a:hover {
color:#9ea1a3;
}
#main-nav li:hover {
background-color:#fff;
color:#9ea1a3;
}
#main-nav .current_page_item a, #main-nav .current-menu-item a {
background-color:#fff;
color:#9ea1a3;
border-bottom:2px solid #180614;
padding-bottom:.4em;
}
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
color:#9ea1a3;
}
#main-nav li ul {
border:none;
}
#main-nav li ul li {
border:none;
color:#fff;
}
#main-nav ul.sub-menu li a {
background-color:#524e4d;
font-family: source-han-serif-japanese, serif;
font-size:.95em;
color: #fff;
transition: .4s;
border-bottom:1px solid #fff;
}
#main-nav ul.sub-menu li:hover {
background-color:#9fa0a0;
}
#main-nav ul.sub-menu li a:hover {
background-color:#9fa0a0;
color:#fff;
}
#site-description {
display:none;
}
.hp-h1title-row,.hp_lesson-row {
width:60% !important;
margin:0 auto;
}
.hp_h1-module p {
font-family:"Ume";
text-align:center;
margin-bottom:0;
padding:3em 0;
}
.hp_top_greeting-row.hp-first {
margin-bottom:10%;
}
.hp_lesson-row {
margin-bottom:8%;
}
.hp_top_greeting-row h3.module-title,.hp_lesson-row h3.module-title {
font-family: source-han-serif-japanese, serif;
font-size:1.6em;
font-weight:500;
border-top:none;
letter-spacing:.3em;
margin-bottom:2em;
color:#333;
}
.hp_lesson-row h3.module-title {
margin-bottom:1em;
border-bottom:1px solid #333;
padding-bottom:.4em;
}
/*
.hp_top_greeting-row h3.module-title:before,.hp_lesson-row h3.module-title:before {
content:url(http://horie-piano1122.sakura.ne.jp/oshiru/wp-content/uploads/2018/11/hp-h1before.svg);
display:inline-block;
width:34px;
margin-right:.6em;
vertical-align:-.4em;
}
*/
/*
.hp_top_greeting-row p {
font-family: source-han-serif-japanese, serif;
font-weight: 300;
font-style: normal;
letter-spacing:.12em;
}
*/
.hp_sh-subrow {
margin-bottom:8%;
}
.hp_sh-subrow p {
font-size:.9em;
line-height:2.4em;
text-align:justify;
}
.hp_sh_firsttxt {
margin-bottom:8%;
text-align:justify;
}
.hp_page-title-row2 {
margin-bottom:3em;
}
.hp_page-title-txt2 p {
text-align: center;
margin-bottom: 0;
font-size: 2em;
letter-spacing: .4em;
padding: .46em 0;
}
h3.lesson_koumoku {
font-family: source-han-serif-japanese, serif;
font-size:1.2em;
font-weight:500;
color:#474a4d;
display:inline-block;
margin-bottom:1em;
padding-right:.8em;
}
/*h3.lesson_koumoku:before {
content:url(http://horie-piano1122.sakura.ne.jp/oshiru/wp-content/uploads/2018/11/hp_h3before.svg);
display:inline-block;
width:18px;
vertical-align:-.35em;
margin-right:.6em;
} */
div.hp-form-row {
display:flex;
margin-bottom:1em;
}
div.hp-form-th {
width:14%;
line-height:2.2em;
}
div.hp-form-td {
width:70%;
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] {
background-color:#fff;
border:1px solid #e7e7eb;
}
div.hp-contactform-table {
margin-top:3em;
}
input[type=text], input[type=search], input[type=email] {
width:40%;
}
.widgettitle {
background-color: #180614;
color: #fff;
padding-bottom: 15px;
padding-left: 1em;
font-family: "Ume";
font-weight: bold;
border-top:none;
border-bottom:4px solid #c9171e;
}
#sidebar ul li a {
color:#383c3c;
}
#sidebar ul li:before {
content:url(https://horie-piano.jp/oshiru/wp-content/uploads/2019/05/hp_toon-before.svg);
width:11px;
display:inline-block;
padding-right: .6em;
vertical-align: -.4em;
}
.post-title.entry-title {
font-family: source-han-serif-japanese, serif;
font-size:1.6em;
font-weight:500;
letter-spacing:.1em;
}
.post-title.entry-title a {
transition:.4s;
}
.post-title.entry-title a:hover {
color:#9e9478;
}
.related-posts {
display:none;
}
.hp-ichatch-block figure img {
width:120px;
height:120px;
border-radius:120px;
}
.page-id-11 .hp-ichatch-and-exerpt-row,.archive.category .hp-ichatch-and-exerpt-row {
display:flex;
}
.page-id-11 .hp-ichatch-block,.archive.category .hp-ichatch-block {
flex-basis:20%;
}
.page-id-11 .hp-ichatch-and-exerpt-row div.entry-content,.archive.category .hp-ichatch-and-exerpt-row div.entry-content {
flex-basis:80%;
}
.hp-ichatch-and-exerpt-row .entry-content p {
margin-bottom: 0;
margin-top: .5em;
}
.bassui_more a {
color:#d3381c;
text-decoration:none;
padding-left:1em;
transition:.4s;
}
.bassui_more a:hover {
color:#ee827c;
}
#sidebar #nav_menu-3,#sidebar #archives-2 {
background-color: #ede4cd;
}
a.more-link {
color:#000 !important;
}
span.hp-post-more {
font-family: 'Itim', cursive;
background-color: #c9171e;
color: #fff !important;
padding: .2em .4em;
border-radius: 4px;
margin-left: 1em;
transition:.4s;
}
span.hp-post-more:hover {
background-color: #e9bc00;
}
.menu-hp-category-menu-container ul,#archives-2 ul {
margin-left:2em;
padding-bottom:1.6em;
}
.more-link:after {
content:none;
}
.hp_post-module h3 {
display:none;
}
.hp_post-module article {
margin-bottom:10% !important;
}
.page-id-11 .hp_page-title-row2.hp-zakki-title {
margin-bottom:0;
}
.pagenav a {
background-color:#e9bc00;
transition:.4s;
}
.pagenav a:hover {
background-color:#c9171e;
}
.home .page-content.entry-content {
width:65%;
margin:0 auto;
}
p.hp-lesson-p-new {
margin-bottom:4%;
}
.boston-slider {
margin-bottom:8%;
}
.back-top {
display:none;
}
div.one {
padding-top:1.2em;
}
div.hp-policy-row {
width:60% !important;
margin:0 auto;
}
div.hp_sh-subrow .col3-2.first {
width:62%;
}
div.hp_sh-subrow .col3-2.last {
width:62%;
margin-left:0;
}
div.hp_sh-subrow .col3-1.last {
margin-left:6.8%;
}
div.hp_sh-subrow .col3-1.first {
margin-right:6.8%;
}
div.hp-note-square {
margin-bottom:12%;
}
div.hp-note-square .col3-2 {
width:58%;
}
div.hp-note-square .col3-1 {
width:39.5%;
margin-left:2.5%;
}
p.hp-note-effect {
border-bottom: 2px dotted #6f514c;
display: inline-block;
margin-bottom: .4em;
}
p.hp-note-effect-chu {
font-size:.86em;
margin-left: 1em;
text-indent: -1em;
line-height:2.2em;
}
input[type=submit] {
background-color:#383c3c;
transition:.4s;
}
input[type=submit]:hover {
background-color:#c9171e;
}
.wpcf7-form p {
text-align:center;
}
.hp-top-br {
display:none;
}
.archive.category h1.page-title {
font-family: source-han-serif-japanese, serif;
}
.archive.category .loops-wrapper.list-thumb-image .post-image {
width:100%;
}
.single article div.image-wrap {
margin:20px 0;
}
.single article div.image-content {
font-size:.8em;
margin-top:0 !important;
margin-bottom:40px !important;
}
.single.single-post h4 {
font-family: source-han-serif-japanese, serif;
font-weight:700;
font-size:1.1em;
}
.single.single-post .video-title {
margin-top:.3em;
font-size:.96em;
font-family: source-han-serif-japanese, serif;
}
.single article div.hp-post-img-caption .image-wrap {
margin-bottom:0;
}
.single blockquote {
line-height:1.8em;
}
.su-tabs-nav span.lesson-direction:last-child {
border-bottom:1px solid #eee;
}
/* ONLINE - LESSON */
.hp-orsl-row h3.module-title {
border-top:0;
padding-bottom: .3em;
font-family: source-han-serif-japanese, serif;
font-size:1.6em;
}
.hp-orsl-row ol,.hp-orsl-row ul {
list-style-type:none;
}
.hp-orsl-row ol li {
margin-left: 1em;
text-indent: -1em;
margin-bottom:1.4em;
}
.hp-orsl-row span.hp-ol-flow-num {
color:#0095d8;
}
div.online-lesson-title-block {
margin-bottom:6%;
}
div.online-flow-img {
margin-top:5%;
margin-bottom:3%;
}
div.hp-orsl-row {
margin-bottom:6%;
}
div.online-lesson-title-row {
margin-bottom:8%;
}
div.online-flow-img {
width:78%;
margin:0 auto;
}
/* Enquete */
div.ol-enquete-q p {
text-align:left;
}
div.ol-enquete-q span.wpcf7-list-item {
display:block;
}
p.ol-e-q-check {
margin-bottom:0;
}
div.ol-enquete-q input[type="text"] {
width:100px;
margin-right:1em;
}
span.ol-other {
margin-left:2.6em;
}
div.ol-enquete-q textarea {
margin-left:2.6em;
width:50%;
}
.page-id-756 h1 {
font-family: source-han-serif-japanese, serif;
font-size:1.4em;
}
.page-id-15 .su-spoiler {
margin-bottom:0;
}
.page-id-15 .su-spoiler-title {
background-color: #000;
color: #fff;
font-size:1.2em;
padding: .6em 1em .6em 2em !important;
}
.page-id-15 .su-spoiler-icon {
padding-left: 1em;
}
.page-id-15 .su-spoiler-style-default>.su-spoiler-content {
border: 2px solid #eee;
padding-right:1.4em;
padding-left:1.4em;
padding-top:1.4em;
}
.page-id-15 .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before,.page-id-15 .su-spoiler-icon-plus .su-spoiler-icon:before {
vertical-align:-.4em;
}
.page-id-15 .su-spoiler .su-spoiler-content {
margin-bottom:18px;
}
.page-id-15 .su-spoiler.su-spoiler-closed .su-spoiler-content {
padding-bottom:10px;
margin-bottom:0;
}
.page-id-1298 #headerwrap {
display:none;
}
.page-id-1298 #contentwrap {
padding-top:0;
}
.page-id-1298 .pg_main-visual {
margin-top:0;
}
.page-id-1298 p.program_title,.page-id-1298 p.player_name {
font-family: honoka-antique-maru, sans-serif;
}
.hp_top_greeting-row.hp-first-new h3 {
text-align:center;
}
.hp_top_greeting-row.hp-first-new .hajime{
text-align:center;
}
.hp_top_greeting-row.hp-first-new .hp-first-txt1{
margin-bottom:100px;
}
.hp_top_greeting-row .top-img-title {
text-align:center;
}
.hp-top-img-row .col3-1.last {
margin-bottom:100px;
}
.hp-top-img-row .col3-1 {
width:30%;
}
.hp-top-img-row .col3-1 .module-image {
margin-bottom:20px;
}
.ito-d-box .image-caption {
text-align:left;
font-size:.84em;
line-height:1.8em;
}
.page-id-1464 #headerwrap {
display:none;
}
.page-id-1464 #contentwrap {
padding-top:0;
}
#pz-form-row {
margin-top:50px;
}
.pz-logo-block {
padding:7% 0;
}
.pz-logo-block img {
width:560px;
}
.pzform-item {
width:75%;
margin:0 auto;
display:flex;
margin-bottom:40px;
}
.pzform-th {
flex-basis:30%;
color:#fff;
}
.pzform-td {
flex-basis:65%;
margin-left:5%;
color:#fff;
}
.pzform-td input[type=text],.pzform-td input[type=tel],.pzform-td input[type=email],.pzform-td textarea {
width:80%;
border:1px solid #555647;
padding:8px;
color:#1f3134;
}
.pzform-td input[type=text]:focus,.pzform-td input[type=tel]:focus,.pzform-td input[type=email]:focus,.pzform-td textarea:focus {
background-color:#f3f3f2;
}
.pzform-td select {
padding:8px;
color:#1f3134;
border:1px solid #555647;
width:35%;
}
.pz-soshin {
text-align:center;
}
.pz-soshin input[type=submit] {
background-color:#007bbb;
padding:10px 40px;
}
.pz-soshin input[type=submit]:hover {
background-color:#6b6f59;
}
.Agreement-block {
background-color:#fff;
border:1px solid #000;
padding:16px 26px;
margin-bottom:50px;
opacity:.8;
}
.Agreement-block p {
text-align:left;
}
.Agreement-block li {
font-size: .9em;
line-height: 1.8em;
margin-bottom:1em;
}
.page-id-1470 #headerwrap,.page-id-1796 #headerwrap {
display:none;
}
.page-id-1470 #contentwrap {
padding-top:0;
}
/* ===PIANOZEN=== */
.page-id-1808 #headerwrap {
display:none;
}
.page-id-1808 #contentwrap {
padding-top:0;
}
.page-id-1808 .PZ-menu-row {
margin-top:8%;
}
.zuiryu-map-block {
display:flex;
}
.zuiryu-map-item {
flex-basis:48%;
}
p.pz-question {
background-color:#475950;
color:#fff;
font-size:1.2em;
/*margin-left:2em;
text-indent:-2em;*/
padding:6px 0 6px 12px;
border-radius:4px;
}
p.pz-question::before {
content: "";
background-image: url("https://horie-piano.jp/oshiru/wp-content/uploads/2023/09/faq-q.svg");
display: inline-block;
height: 1.4rem;
width: 1.4rem;
background-repeat:no-repeat;
padding-right:8px;
vertical-align: -0.24em;
}
p.pz-answer {
padding-left:12px;
margin-left:2em;
text-indent:-2em;
}
p.pz-answer::before {
content: "";
background-image: url("https://horie-piano.jp/oshiru/wp-content/uploads/2023/09/faq-a.svg");
display: inline-block;
height: 1.4rem;
width: 1.4rem;
background-repeat:no-repeat;
padding-right:8px;
vertical-align: -0.32em;
}
.qanda-item {
margin-bottom:6%;
}
.PZ-faq-row.PZ-menu-row {
background-color: rgba(255,255,255,0.8);
background-blend-mode: lighten;
padding-top:8%;
padding-bottom:6%;
}
.sns-icons {
display:flex;
justify-content:flex-end;
margin-bottom:8%;
}
.sns-icons figure:first-child {
margin-right:10px;
}
.sns-icons figure img {
width:30px;
height:30px;
transition:.4s;
}
.sns-icons figure a:hover {
opacity:.7;
}
.LP-pianozen-block.top-message {
width:70%;
margin:6% auto 6% auto;
}
.LP-pianozen-block h2 {
font-family: source-han-serif-japanese, serif;
font-size:1.1em;
font-weight:500;
letter-spacing:.2em;
color:#333;
line-height: 1.8em;
margin-bottom: 8%;
}
.LP-pianozen-block.top-message figure {
display:block;
width:60%;
margin:0 auto;
}
.LP-pianozen-block.top-message figure a {
transition:.4s;
}
.LP-pianozen-block.top-message figure a:hover {
opacity:.4;
}
.pianozen-menu-block {
display: flex;
justify-content: space-between;
}
.pianozen-menu-block p {
color: #fff;
padding: 0.6em 0;
margin-bottom:0;
text-align: center;
}
.pianozen-menu-block p a {
color: #fff;
text-decoration: none;
}
.pz-menuitem {
background-color: #383c3c;
position:relative;
transition:.4s;
flex-basis: 19.4%;
}
.pz-menuitem a {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.pz-menuitem:hover {
background-color:#727171;
}
.PZ-menu-row.PZ-news-row {
margin-bottom:8%;
}
.PZ-menu-row h3 {
text-align:center;
font-family: source-han-serif-japanese, serif;
font-weight:500;
margin-bottom:2em;
}
.PZ-menu-row h3:before {
content:"";
background-image:url(https://horie-piano.jp/oshiru/wp-content/uploads/2023/08/kanjizen.svg);
background-repeat:no-repeat;
display:inline-block;
height:3rem;
width:3rem;
vertical-align:middle;
padding-right:1.2em;
}
.PZ-menu-row h3:after {
content:"";
background-image:url(https://horie-piano.jp/oshiru/wp-content/uploads/2023/08/kanjizen.svg);
background-repeat:no-repeat;
background-position-x:right;
display:inline-block;
height:3rem;
width:3rem;
vertical-align:middle;
padding-left:1.2em;
}
.PZ-form-row.PZ-menu-row h3:before {
background-image:url(https://horie-piano.jp/oshiru/wp-content/uploads/2023/08/kanjizen-g.svg);
}
.PZ-form-row.PZ-menu-row h3:after {
background-image:url(https://horie-piano.jp/oshiru/wp-content/uploads/2023/08/kanjizen-g.svg);
}
.PZ-concept-row h4 {
font-family: source-han-serif-japanese, serif;
margin-bottom:.8em;
font-weight:600;
}
.pz-concept-row {
display:flex;
justify-content:space-between;
}
.pz-concept-row .pz-concept-block1 {
flex-basis:50%;
}
.pz-concept-row .pz-concept-block2 {
flex-basis:46%;
}
.pz-concept-row p,.pz-concept-row2 p {
font-size:.92em;
letter-spacing:0;
line-height:2.2em;
}
.pz-concept-row2 p.pz-blockquote {
font-style: italic;
font-weight: 600;
}
.PZ-concept-row {
background-color: rgba(255,255,255,0.8);
background-blend-mode: lighten;
padding-top:6%;
}
.PZ-concept-row section {
margin-bottom:4%;
}
.LP-pianozen-menu {
margin-top:8%;
margin-bottom:3%;
}
.PZ-outline-row table {
margin:0 auto;
}
.PZ-outline-row table th {
width:20%;
}
.PZ-outline-row {
padding-top:8%;
padding-bottom:5%;
background-color: rgba(255,255,255,0.8);
background-blend-mode: lighten;
}
.PZ-outline-row table th,.PZ-outline-row table td {
padding-bottom:2.8em;
}
.PZ-outline-row table th:before {
content:"";
background-image:url(https://horie-piano.jp/oshiru/wp-content/uploads/2023/08/zuiryuji-icon.svg);
background-repeat:no-repeat;
display:inline-block;
height:1rem;
width:1rem;
vertical-align:middle;
padding-right:1.2em;
}
.pz-hissu {
font-size:.9em;
font-family: Noto sans-serif;
color:#fff;
background-color:#e95295;
border-radius:4px;
padding:.2em .8em;
margin-left:.8em;
}
.PZ-form-row {
padding-top:8%;
padding-bottom:10%;
}
.PZ-form-row h3 {
color:#fff;
}
.artist-block1 {
display:flex;
justify-content:space-between;
}
.artist-img {
flex-basis:35%;
}
.artist-note {
flex-basis:60%;
}
.artist-name {
font-size:2em;
font-weight:bold;
}
.artist-name span {
font-family:noto sans-serif;
font-size:.4em;
vertical-align:.2em;
color:#888084;
padding-left:1em;
}
.artist-history {
margin-bottom:0;
}
.artist-block2 {
margin-top:3%;
}
.artist-block2 ul {
margin-top:0;
display:flex;
flex-wrap:wrap;
}
.artist-block2 ul li {
font-size:.86em;
flex-basis:46%;
margin-bottom:0;
}
.PZ-artist-row {
margin-top:8%;
}
.PZ-artist-row section {
margin-bottom:8%;
}
.pianozen-message {
position:relative;
margin-bottom:2%;
}
.koya-msg {
text-align: center;
border: 1px solid #56564b;
padding: 1.4em 0;
line-height:3em;
}
.koya-msg a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color:#56564b;
text-decoration:none;
}
.koya-msg a:hover {
background-color:#56564b;
color:#fff;
}
.PZ-message-row {
margin-top:10%;
}
.PZ-message-row h5 {
font-size: 1.4em;
font-family: noto sans-serif;
margin-bottom: 1em;
color: #56564b;
}
.pz-recap {
font-family:noto sans-serif;
font-size:.4em;
color:#afafb0;
margin-top:6%;
}
.grecaptcha-badge {
visibility: hidden;
}
.PZ-top-images div.module_column {
margin-left:0;
}
.PZ-top-images .module_column.col6-1 {
width:16.666%;
}
.ky-message {
float:right;
width:420px;
margin-left:20px;
}
.agree-button {
text-align:center;
margin: 30px 0 12px 0;
}
.agree-button span {
font-size:1.05em;
font-weight:bold;
}
th.th-vtop {
vertical-align:top;
}
.wpcf7-response-output {
color:#fff;
}
.PZ-menu-row.PZ-news-row p {
width:70%;
margin:0 auto 1em auto;
}
span.line-through {
text-decoration:line-through;
}
.trial-lesson-table div.hp-form-th {
width:25%;
}
.trial-lesson-table div.hp-form-row.trial-form-row {
display:block;
}
.trial-lesson-table div.trial-form-row div.hp-form-th {
width:100%;
}
.wpcf7-form p.t-form_metro1,.wpcf7-form p.t-form_metro2 {
text-align:left;
margin-bottom:0;
margin-left: 1em;
text-indent: -1em;
}
.t-form_metro1::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
background-image: url('https://horie-piano.jp/oshiru/wp-content/uploads/2024/01/metronome2.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
vertical-align:-.1em;
}
.t-form_metro2::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
background-image: url('https://horie-piano.jp/oshiru/wp-content/uploads/2024/01/metronome1.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
vertical-align:-.1em;
}
.wpcf7-response-output {
color:#000 !important;
}
.sakenowa-form-block .pzform-th {
color:#2b2b2b;
}
.sakenowa-form-block .pz-hissu {
background-color:#b7282e;
}
.sakenowa-form-block .pzform-td {
color:#2b2b2b;
}
.sake-short .pzform-td input[type="text"] {
width:30%;
}
.sake-short .pzform-td .sake-numberof {
padding-right:5px;
}
.sake-textarea .pzform-td textarea {
height:100px;
}
.sake-short-time .pzform-td input[type="text"] {
width:30%;
}
.sake-short-time .pzform-td .performance-time {
padding-left:5px;
padding-right:5px;
}
.sakenowa-form-block {
margin-top:30px;
}
.sakenowa-form-block h2 {
text-align:center;
font-family: source-han-serif-japanese, serif;
margin-bottom:48px;
}
@media screen and (min-width:1065px) {
.PZ-concept-inner-block,.module_row .col-full.PZ-form-inner-block,.module_row .col-full.PZ-outline-inner-block {
width:1064px;
margin:0 auto;
}
.outline-img-block {
width: 1064px;
margin: 0 auto;
display: flex;
justify-content:space-between;
}
.outline-img-block figure {
flex-basis:30%;
}
}
@media screen and (max-width:680px) {
.zuiryu-map-item li,.zuiryu-map-item2 li {
line-height:1.6em;
}
.page-id-1808 .PZ-concept-inner-block {
width:100% !important;
}
.zuiryu-map-block {
display:block;
}
p.pz-question {
padding:6px 12px;
line-height:1.75em;
}
.qanda-item {
margin-bottom:10%;
}
p.pz-answer {
padding-left:0;
}
.PZ-menu-row.PZ-news-row p {
width:100%;
}
.module_row div:not(.tb_grid_classes) > .PZ-top-images .module_column.col6-1 {
width:50%;
margin-left:0;
}
.koya-msg {
font-size:.76em;
}
.PZ-concept-inner-block,.PZ-form-inner-block {
width:90% !Important;
margin:0 auto !important;
}
.outline-img-block {
width:100%;
display:block;
}
.outline-img-block figure {
width:75%;
margin:0 auto 6% auto;
}
.LP-pianozen-block.top-message {
width:100%;
}
.LP-pianozen-block.top-message h2 {
letter-spacing: 0;
text-align: justify;
font-size: 1em;
}
.pianozen-menu-block {
margin-top:12%;
}
.PZ-concept-row {
margin-top:10%;
padding-top:6%;
}
.pz-concept-row {
display:block;
}
.PZ-concept-row section {
margin-bottom:10%;
}
.PZ-outline-row table th, .PZ-outline-row table td {
display:block;
width:100%;
}
.PZ-outline-row table {
width:90%;
}
.PZ-outline-row table th {
padding-bottom:.5em;
}
.PZ-outline-row table td {
line-height:1.6em;
}
.pianozen-menu-block {
flex-wrap:wrap;
}
.pz-menuitem {
flex-basis:49%;
margin-bottom:6px;
}
.PZ-menu-row h3:before {
height:2.4rem;
width:2.4rem;
padding-right:.8em;
}
.PZ-menu-row h3:after {
height:2.4rem;
width:2.4rem;
padding-left:.8em;
}
.artist-block1,.artist-block2 ul {
display:block;
}
.artist-name {
margin-bottom:0;
}
.PZ-form-row {
padding-top:8%;
}
.pzform-item {
display:block;
}
.pz-logo-block img {
width:80%;
}
.pzform-item {
width:100%;
}
.pzform-td {
margin-left:0;
}
.pzform-td select {
width:100%;
}
.pzform-td input[type=text], .pzform-td input[type=tel], .pzform-td input[type=email], .pzform-td textarea {
width:100%;
max-width:96%;
padding:3% 2%;
}
div.ol-enquete-q textarea {
width:80%;
}
#menu-icon {
display:block;
}
.trial-lesson-table div.hp-form-th {
width:100%;
}
.trial-lesson-table div.trial-form-row div.hp-form-th {
line-height: 1.6em;
margin-bottom: 0.8em;
}
}
@media screen and (min-width:681px) {
.hp-top-mv-sp-row {
display:none;
}
}
/* -- pianowa in garden -- */
.page-id-760 #header {
display:none;
}
div.garden-program-player .su-spoiler {
width:100%;
margin:0 auto;
background-color:#e6bfb2;
color:#fff;
border-radius:3px;
}
div.garden-program-player .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
padding-left:40px;
}
div.garden-program-player .su-spoiler-icon-plus .su-spoiler-icon:before {
padding-left:40px;
}
div.garden-program-player .su-spoiler-style-default>.su-spoiler-title {
padding-left:0;
text-align:center;
}
div.garden-program-player .su-spoiler-style-default>.su-spoiler-content {
background-color: #fff;
color: #000;
text-align: justify;
padding-left:0;
border:1px solid #e6bfb2;
padding-right:.8em;
padding-left:.8em;
}
p.program_title {
font-size:1.2em;
margin-bottom:.2em;
text-indent: -26px;
margin-left: 26px;
}
p.player_name {
text-align:right;
font-size:1.4em;
}
p.player_name span {
padding-left:1em;
font-size:.46em;
}
div.garden-program-player {
margin-bottom:18%;
}
p.player_name:before {
content:"";
display:inline-block;
width:20px;
height:18px;
background-size:contain;
vertical-align: -3px;
margin-right: 8px;
}
div.garden-program-block .su-tabs-nav span.su-tabs-current {
background-color:#004d25;
color:#fff;
}
div.garden-program-block .su-tabs-nav {
display:flex;
}
div.garden-program-block .su-tabs-nav span {
flex-basis:33%;
text-align:center;
}
div.pg_main-visual {
text-align:center;
}
div.pg_greeting {
margin-top:20%;
margin-bottom:10%;
}
p.player_name.takai:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower01.svg) no-repeat;
}
p.player_name.yamazaki:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower02.svg) no-repeat;
}
p.player_name.shinkawa:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower03.svg) no-repeat;
}
p.player_name.shimura:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower04.svg) no-repeat;
}
p.player_name.minoguchi-a:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower05.svg) no-repeat;
}
p.player_name.yamazaki-y:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower06.svg) no-repeat;
}
p.player_name.yokogoshi-h:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower07.svg) no-repeat;
}
p.player_name.hanae:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower08.svg) no-repeat;
}
p.player_name.nakano:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower09.svg) no-repeat;
}
p.player_name.hiyori:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower10.svg) no-repeat;
}
p.player_name.yusuke:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower11.svg) no-repeat;
}
p.player_name.koya:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower12.svg) no-repeat;
}
p.player_name.aburatani:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower13.svg) no-repeat;
}
p.player_name.hatayama:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower14.svg) no-repeat;
}
p.player_name.yuho:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower15.svg) no-repeat;
}
p.player_name.nogami:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower16.svg) no-repeat;
}
p.player_name.uedayui:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower17.svg) no-repeat;
}
p.player_name.araya:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower18.svg) no-repeat;
}
p.player_name.maeda:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower19.svg) no-repeat;
}
p.player_name.oketani:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower20.svg) no-repeat;
}
p.player_name.miyuki:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower21.svg) no-repeat;
}
p.player_name.konoka:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower22.svg) no-repeat;
}
p.player_name.haruto:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower23.svg) no-repeat;
}
p.player_name.takeuchi:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower24.svg) no-repeat;
}
p.player_name.soma:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower25.svg) no-repeat;
}
p.player_name.takizawa:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower26.svg) no-repeat;
}
p.player_name.fumi:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower27.svg) no-repeat;
}
p.player_name.sawai:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower28.svg) no-repeat;
}
p.player_name.odake:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower29.svg) no-repeat;
}
p.player_name.maho:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower30.svg) no-repeat;
}
p.player_name.kanoka:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower31.svg) no-repeat;
}
p.player_name.kakuta:before {
background:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/flower33.svg) no-repeat;
}
span.title_num {
/*font-family: nautica, sans-serif;*/
font-weight: 400;
font-style: normal;
font-size:1.8em;
padding-right:.2em;
}
p.program_title {
position:relative;
}
span.pg-composer {
position:absolute;
right:0;
}
.player_name.koya.koya2,.player_name.yokogoshi-h,.player_name.hanae,.player_name.oketani,.player_name.araya,.player_name.maeda,.player_name.aburatani.abura2,.player_name.sawai,.player_name.kakuta,.player_name.fumi.kanoko,.player_name.soma.i-soma,.player_name.soma.i-maho,.player_name.miyuki,.player_name.yuho.i-yuri {
margin-top:2em;
}
p.program_title.futaketa {
text-indent: -48px;
margin-left: 48px;
}
p.program_title.p-opening {
text-indent:0;
margin-left:0;
}
p.program-note {
font-size:1.1em;
}
p.player_name.koya.chigusa {
margin-bottom:0;
margin-top:.2em;
}
span.rendan {
position:absolute;
right:0;
font-size:.86em;
line-height:1em;
}
span.p-rendan {
font-size: .6em;
color: #fff;
background-color: #666;
padding: .2em .4em .4em .4em;
border-radius: .4em;
margin-left: .4em;
vertical-align: .2em;
}
p.program_title.carnaval {
margin-top:4em;
text-indent:0;
}
.pg_main-visual {
margin-top:8%;
margin-bottom:8%;
}
.page-id-760 input[type=password] {
width:30%;
}
/*
.page-id-760 #contentwrap {
background-image:url(https://horie-piano.jp/oshiru/wp-content/uploads/2020/10/aiyama_img.jpg);
background-position:center center;
background-color:rgba(255,255,255,0.8);
background-blend-mode:lighten;
}
*/
div.garden-program-player video {
width:100%;
margin-top:10%;
}
p.program_title.p-opening.tabuchi {
margin-bottom:2.4em;
}
.su-tabs-nav span.lesson-direction {
width:100%;
background-color: #2b2b2b;
border-top: 1px solid #fff;
}
.su-tabs-nav span.lesson-direction:hover {
background-color:#727171;
}
.su-tabs-nav span.lesson-direction {
width:100%;
background-color: #2b2b2b;
color:#fff;
}
.su-tabs-nav span.lesson-direction.su-tabs-current {
color:#2b2b2b;
}
div.lesson-direction h4 {
font-family: fot-udkakugo-large-pr6n, sans-serif;
font-weight: 600;
font-style: normal;
background: linear-gradient(transparent 60%, #fff1cf 60%);
}
div.lesson-direction ul {
margin-bottom:2em;
}
div.lesson-direction ul li {
margin-bottom:0;
}
.hp_u-history,.hp_teacher {
margin-bottom:10%;
}
.pianowa_g_banner {
text-align:center;
margin-bottom:10%;
}
@media screen and (max-width:680px) {
.page-id-1298 .module-video {
margin-bottom:10%;
}
.page-id-1298 .module-video h3 {
font-family: source-han-serif-japanese, serif;
border-top:0;
}
.page-id-1298 .video-wrap {
text-align:center;
}
.page-id-1298 .video-wrap iframe {
width:100%;
height:200px;
}
.hp-h1title-row, .hp_lesson-row,div.hp-policy-row {
width:94% !important;
}
body p {
letter-spacing:.05em;
font-size:.94em;
line-height:2.1em;
}
div.hp_sh-subrow .col3-2.first {
width:100%;
}
div.hp_sh-subrow .col3-1.last {
margin-left:0;
}
div.hp-note-square .col3-2 {
width:100%;
}
div.hp-note-square .col3-1 {
width:100%;
margin-left:0;
}
.hp-ichatch-and-exerpt-row {
display:block;
}
div.hp-blog-archive-row,div.hp-inquiry-mainrow {
width:94% !important;
margin:0 auto !important;
}
.hp-ichatch-block figure img {
width:180px;
}
.hp-ichatch-block {
text-align:center;
}
div.hp-blog-archive-row .entry-content p {
line-height:1.8em;
}
.mobile_menu_active .sidemenu {
background-color:#0d0015;
}
#main-nav a {
color:#fff;
}
.post-title.entry-title {
margin-bottom:0;
font-size:1.25em;
}
.hp-ichatch-block figure img {
height:180px;
}
.single .post {
width:94% !important;
margin:0 auto !important;
}
.single .entry-content span.img {
text-align: center;
display: block;
margin-top:20px;
}
.home .page-content.entry-content {
width:94%;
}
div.hp-top-mv-sp-row {
margin:12% 0;
}
.hp-top-br {
display:inline;
}
.hp_top_greeting-row h3.module-title {
margin-bottom:1em;
}
div.hp-form-row {
display:block;
}
div.hp-form-th,div.hp-form-td {
width:100%;
}
input[type=text], input[type=search], input[type=email] {
width:100%;
}
div.hp_page-title-txt2 p {
letter-spacing:0;
font-size:1.46em;
}
p.hp-inq-check {
font-size:.86em;
}
p.hp-inq-check span.wpcf7-list-item {
margin-left:0;
}
.page-id-11 article,.archive.category article {
border-bottom:1px solid #dddcd6;
padding-bottom:30px;
}
.archive.category #content {
width:94% !important;
margin:0 auto;
}
.archive.category h1.page-title {
font-size:1.74em;
}
body[class*="themify"] #site-logo a img {
width:180px !important;
}
.hp-topslider-row {
display:none;
}
.su-tabs-nav span.lesson-direction.su-tabs-current {
background-color:#fff !important;
}
div.lesson-direction ul li {
font-size:.94em;
letter-spacing:0;
line-height:2em;
margin-bottom:1em;
}
div.lesson-direction h4.hp_concert-h4 {
background: linear-gradient(transparent 80%, #fff1cf 60%);
}
.page-id-11 .hp-ichatch-and-exerpt-row {
display:block;
}
.single .hp-ichatch-block {
display:none;
}
.single article div.image-content {
line-height:1.8em;
}
.single .image-wrap.tf_mw {
text-align:center;
margin-bottom:0;
}
.single .post-nav .prev,.single .post-nav .next {
float:none;
width: 100%;
font-size: .86em;
}
.post-nav .arrow {
line-height:.8;
}
div.lesson-direction h4 {
font-size:1.12em;
}
}
@media screen and (min-width:681px) {
.hp-spbr {
display:none;
}
}
/*/oshiru/wp-content/uploads/themify-customizer-5.5.6-5.5.4.css*/
/* Themify Customize Styling */
body #site-logo a img { width: 220px;
}
#site-description { display: none;
}
@media screen and (max-width: 1280px) { /* Themify Customize Styling */
body #site-logo a img { width: 220px;
}
}@media screen and (max-width: 768px) { /* Themify Customize Styling */
body #site-logo a img { width: 220px;
}
}@media screen and (max-width: 680px) { /* Themify Customize Styling */
body #site-logo a img { width: 220px;
}
}
/* START MOBILE MENU CSS */
@media screen and (max-width:900px){
/*/oshiru/wp-content/themes/magazine/mobile-menu.css*/
/************************************************************************************
MOBILE MENU ACTIVE
*************************************************************************************/
/* change max-width to trigger mobile menu active class */
/*
HEADER
================================================ */
/* reset absolute elements to static */
#header .social-widget,
#site-logo,
#site-description,
#main-nav{
position:static;
float:none;
clear:both;
}
/* header */
#header{
height:auto !important;
}
hgroup{
margin-top:0;
float:none;
}
/* header widget */
.header-widget .widget{
margin:30px auto;
}
/* social widget */
.social-widget .widget{
padding:5px 0 0;
}
/* search form */
#header #searchform{
position:absolute;
left:inherit;
right:0;
width:150px;
}
#header #searchform #s{
float:right;
}
#header #searchform input#s:focus{
width:150px;
}
/* site logo */
#site-logo{
margin:0;
font-size:1.5em;
}
/* site description */
#site-description{
margin:0 0 10px;
}
/*
MOBILE NAV BUTTON
================================================ */
#menu-icon,
#menu-icon-top{
position:absolute;
}
#menu-icon{
transition:all .2s ease-in-out;
display:block;
color:#7f7f7f;
text-decoration:none;
top:13px;
right:0;
font-size:1.5em;
background-color:#fff;
padding:1px 6px 3px;
border-radius:5px;
}
#menu-icon.menu-close{
padding:2px 8px 5px;
}
.fixed-header #header .menu-close{
right:205px !important;
}
.fixed-header #nav-bar .menu-close{
left:225px !important;
top:110px;
z-index:9999;
}
/* mobile menu close icon */
.menu-icon-close{
display:none; /* will toggle on mobile */
}
.menu-icon-close{
display:block;
position:absolute;
text-decoration:none;
top:0.5em;
right:1em;
min-width:1.5em;
min-height:1.5em;
transform-origin:center;
transition:all .3s linear;
transition-property:transform;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
color:#fff;
}
.menu-icon-close:before,
.menu-icon-close:after{
content:'';
display:block;
border-top:4px solid;
position:absolute;
left:0;
top:50%;
width:100%;
}
.menu-icon-close:before{
transform:rotateZ(-45deg);
}
.menu-icon-close:after{
transform:rotateZ(45deg);
}
.menu-icon-close:hover{
transform:rotate(90deg);
}
/*
MAIN NAV (MOBILE)
================================================ */
/* main nav */
#main-nav,
#top-nav{
position:static;
overflow-y:scroll;
max-height:95%;
-webkit-overflow-scrolling:touch;
}
#headerwrap #main-nav,
.fixed-header#headerwrap #main-nav{
padding:15px;
height:100%;
}
#headerwrap #main-nav li{
float:none;
display:block;
padding:0;
margin:0;
width:auto;
}
#headerwrap #main-nav li:hover,
#headerwrap #main-nav ul li:hover,
#headerwrap #main-nav ul ul li:hover,
#headerwrap #main-nav li:hover a,
#headerwrap #main-nav ul li:hover a,
#headerwrap #main-nav ul ul li:hover a,
#headerwrap #main-nav ul ul a{
background:none;
color:#fff;
}
#headerwrap #main-nav > li:first-child{
border:none;
}
#headerwrap #main-nav a,
#headerwrap #main-nav ul a,
#headerwrap #main-nav > li:last-child > a{
width:auto;
display:block;
border:none;
padding:7px 0;
margin:0;
}
#headerwrap #main-nav a:hover{
background:none;
}
#headerwrap #main-nav .current_page_item a,
#headerwrap #main-nav .current-menu-item a,
#headerwrap #main-nav ul .current_page_item a,
#headerwrap #main-nav ul .current-menu-item a{
background:none;
padding:10px 0;
}
/* Current link */
#headerwrap #main-nav > .current_page_item a,
#headerwrap #main-nav > .current-menu-item a{
border:none;
}
/* member link */
#headerwrap #main-nav > li:last-child > a{
border:none;
}
/* sub level */
#main-nav li:hover > .children,
#main-nav li> .sub-menu{
position:static;
width:auto;
height:auto;
border:none;
margin:0 0 0 1em;
background:none;
padding:0;
opacity:1;
transform:none;
color:inherit;
box-shadow:none
}
#main-nav li> .sub-menu{
display:none
}
#headerwrap #main-nav ul{
background:none;
float:none
}
#headerwrap #main-nav ul li{
border:none;
}
#headerwrap #main-nav ul:after,
#headerwrap #main-nav ul:before{
border:none;
}
#headerwrap #main-nav ul li a{
background:none;
}
#headerwrap #main-nav ul ul li:hover a{
color:#fff;
background:none;
}
/* mega menu */
#main-nav .has-mega-sub-menu .mega-sub-menu,
#main-nav .has-mega-column > ul.sub-menu{
background:none;
}
#main-nav .has-mega-sub-menu .mega-sub-menu{
position:static;
display:none;
border:none;
min-height:0;
}
#headerwrap #main-nav .has-sub-menu > a:after,
#headerwrap #main-nav .has-mega-sub-menu > a:after,
#headerwrap #main-nav .mega-sub-menu li a:after,
#headerwrap #main-nav .mega-menu-posts{
display:none;
}
/* mega column */
#main-nav .has-mega-column > ul.sub-menu{
border:none;
padding:0
}
#headerwrap #main-nav .has-mega-column a{
color:#fff;
}
#headerwrap #main-nav .mega-sub-menu li:after{
content:'';
}
/* icon font */
#main-nav [class^="icon-"],
#main-nav [class*=" icon-"]{
padding:0;
}
#main-nav [class^="icon-"] a,
#main-nav [class*=" icon-"] a{
margin-left:10px;
}
#main-nav > [class^="icon-"] > a,
#main-nav > [class*=" icon-"] > a{
padding:7px 0;
}
#main-nav .mega-column-list [class^="icon-"],
#main-nav .mega-column-list [class*=" icon-"]{
color:#fff;
margin:0;
}
/* Mobile Menu Styles */
.sidemenu{
transition:.2s ease-in-out;
transition-property:left,right;
height:100%;
width:250px;
padding:0 0 0 10px;
background-color:#39c;
display:none;
position:fixed;
top:0;
z-index:111;
}
.admin-bar .sidemenu{
top:32px;
}
#mobile-menu{
right:-260px;
}
#top-nav-mobile-menu{
left:-260px;
}
#mobile-menu.sidemenu-on{
right:0;
}
#top-nav-mobile-menu.sidemenu-on{
left:0;
}
.mobile_menu_active.sidemenu-active{
position:relative;
left:0;
transition:left .2s ease-in-out;
}
.mobile_menu_active.sidemenu-right,
.mobile_menu_active.sidemenu-right .fixed-header{
left:-260px;
}
.mobile_menu_active.sidemenu-left,
.mobile_menu_active.sidemenu-left .fixed-header{
left:260px;
}
/* top bar */
#menu-icon-top{
color:#fff;
font-size:1.25em;
text-decoration:none;
display:block;
left:10px;
padding:0 10px;
transition:all .2s ease-in-out;
}
#nav-bar .social-widget{
margin-bottom:0;
}
#top-nav{
margin:0;
max-height:95%;
}
#top-nav li{
float:none;
}
#top-nav a{
font-size:.875em;
font-family:'Open Sans', sans-serif;
display:block;
padding:7px 0;
}
#top-nav a:hover,
#top-nav ul a:hover{
color:#fff !important;
background:none !important;
}
#top-nav ul{
background:none;
border:none;
display:block;
position:static;
padding:0 0 0 20px;
}
#top-nav ul a{
padding:7px 0 !important;
}
#top-nav ul a,
#top-nav li:hover > ul a{
width:auto;
}
.menu-item-has-children .child-arrow{
display:inline
}
.menu-item-has-children .child-arrow:hover{
background:rgba(150,150,150,.15);
}
/* search */
#headerwrap #searchform{
width:115px;
}
/*
SEARCH FORM
================================================ */
#header #searchform{
clear:both;
width:auto;
width:156px;
position:static;
overflow:hidden;
background-color:#fff;
border:solid 1px #999;
padding:5px;
display:none; /* visibility will be toggled with jquery */
border-radius:5px;
}
#header #searchform #s{
background-color:#ddd !important;
color:#444 !important;
padding-left:8px;
width:142px;
}
}
/* END MOBILE MENU CSS */