/* * com.onelittledesigner.easy_header_css */ .eh-main-wrap { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; } .eh-main-wrap .eh-line-wrap { position: relative; display: flex; justify-content: center; align-items: center; } .eh-main-wrap .eh-title { line-height: 1.1; margin: 0; } .eh-main-wrap .eh-subtitle { flex: 0 0 100%; line-height: 1.1; } .eh-main-wrap .eh-line-wrap .eh-line-left svg, .eh-main-wrap .eh-line-wrap .eh-line-right svg, .eh-main-wrap .eh-line-wrap .eh-line-left, .eh-main-wrap .eh-line-wrap .eh-line-right, .eh-main-wrap .eh-line-wrap .eh-extender { display: none; } .eh-main-wrap.eh-align-left .eh-line-wrap .eh-line-right, .eh-main-wrap.eh-align-center .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-align-right .eh-line-wrap .eh-line-left { display: flex; } .eh-main-wrap.eh-line-3 .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-3 .eh-line-wrap .eh-line-right, .eh-main-wrap.eh-line-4 .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-4 .eh-line-wrap .eh-line-right, .eh-main-wrap.eh-line-5 .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-5 .eh-line-wrap .eh-line-right { display: block; } .eh-main-wrap.eh-main-wrap.eh-side-right:not(.eh-line-position-3) .eh-line-wrap-2 .eh-line-left, .eh-main-wrap.eh-main-wrap.eh-side-right:not(.eh-line-position-3) .eh-line-wrap-1 .eh-line-left, .eh-main-wrap.eh-main-wrap.eh-side-left:not(.eh-line-position-3) .eh-line-wrap-2 .eh-line-right, .eh-main-wrap.eh-main-wrap.eh-side-left:not(.eh-line-position-3) .eh-line-wrap-1 .eh-line-right { display: none; } .eh-main-wrap.eh-main-wrap.eh-side-left:not(.eh-line-position-3) .eh-line-wrap-2 .eh-line-left, .eh-main-wrap.eh-main-wrap.eh-side-left:not(.eh-line-position-3) .eh-line-wrap-1 .eh-line-left { display: flex; } .eh-main-wrap.eh-line-position-3 .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-position-3 .eh-line-wrap .eh-line-right { display: flex; } .eh-main-wrap.eh-main-wrap.eh-line-position-3 .eh-line-wrap-2 .eh-line-left, .eh-main-wrap.eh-main-wrap.eh-line-position-3 .eh-line-wrap-1 .eh-line-right { display: none; } .eh-main-wrap.eh-shape-group-00 .eh-line-shape { display: none; } .eh-main-wrap:not(.eh-shape-0) .eh-line-wrap .eh-line-shape > svg { display: block; } .eh-main-wrap.eh-shape-1:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-11:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-101:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-201:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-5:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-105:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-205:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center { display: flex; } .eh-main-wrap.eh-shape-1:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-11:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-101:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-201:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-5:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-105:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center, .eh-main-wrap.eh-shape-205:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape-center { display: flex; } .eh-main-wrap:not(.eh-shape-0) .eh-line-wrap .eh-line-shape-pre, .eh-main-wrap:not(.eh-shape-0) .eh-line-wrap .eh-line-shape-post, .eh-main-wrap:not(.eh-shape-0) .eh-line-wrap .eh-line-shape > svg:nth-child(2) { display: none; } .eh-main-wrap.eh-shape-0 .eh-line-wrap .eh-line-shape > svg { display: none; } .eh-main-wrap.eh-line-position-0 .eh-line-wrap-1 { display: none; } .eh-main-wrap.eh-line-position-0 .eh-title { order: 2; } .eh-main-wrap.eh-line-position-0 .eh-subtitle { order: 4; } .eh-main-wrap.eh-line-position-0 .eh-line-wrap-2 { display: none; } .eh-main-wrap.eh-line-position-0.eh-sub-top .eh-line-wrap-1 { display: none; } .eh-main-wrap.eh-line-position-0.eh-sub-top .eh-title { order: 3; } .eh-main-wrap.eh-line-position-0.eh-sub-top .eh-subtitle { order: 2; } .eh-main-wrap.eh-line-position-0.eh-sub-top .eh-line-wrap-2 { display: none; } .eh-main-wrap.eh-line-position-1 .eh-line-wrap-1 { display: none; } .eh-main-wrap.eh-line-position-1 .eh-title { order: 1; } .eh-main-wrap.eh-line-position-1 .eh-subtitle { order: 2; } .eh-main-wrap.eh-line-position-1 .eh-line-wrap-2 { order: 3; } .eh-main-wrap.eh-line-position-1.eh-sub-top .eh-line-wrap-1 { display: none; } .eh-main-wrap.eh-line-position-1.eh-sub-top .eh-title { order: 2; } .eh-main-wrap.eh-line-position-1.eh-sub-top .eh-subtitle { order: 1; } .eh-main-wrap.eh-line-position-1.eh-sub-top .eh-line-wrap-2 { order: 3; } .eh-main-wrap.eh-line-position-1.eh-line-top .eh-line-wrap-1 { display: flex; order: 1; } .eh-main-wrap.eh-line-position-1.eh-line-top .eh-title { order: 2; } .eh-main-wrap.eh-line-position-1.eh-line-top .eh-subtitle { order: 4; } .eh-main-wrap.eh-line-position-1.eh-line-top .eh-line-wrap-2 { display: none; } .eh-main-wrap.eh-line-position-1.eh-sub-top.eh-line-top .eh-line-wrap-1 { order: 1; } .eh-main-wrap.eh-line-position-1.eh-sub-top.eh-line-top .eh-title { order: 3; } .eh-main-wrap.eh-line-position-1.eh-sub-top.eh-line-top .eh-subtitle { order: 2; } .eh-main-wrap.eh-line-position-1.eh-sub-top.eh-line-top .eh-line-wrap-2 { display: none; } .eh-main-wrap.eh-line-position-2 .eh-line-wrap-1 { order: 1; } .eh-main-wrap.eh-line-position-2 .eh-title { order: 2; } .eh-main-wrap.eh-line-position-2 .eh-subtitle { order: 3; } .eh-main-wrap.eh-line-position-2 .eh-line-wrap-2 { order: 4; } .eh-main-wrap.eh-line-position-2.eh-sub-top .eh-line-wrap-1 { order: 1; } .eh-main-wrap.eh-line-position-2.eh-sub-top .eh-title { order: 3; } .eh-main-wrap.eh-line-position-2.eh-sub-top .eh-subtitle { order: 2; } .eh-main-wrap.eh-line-position-2.eh-sub-top .eh-line-wrap-2 { order: 4; } .eh-main-wrap.eh-line-position-3 .eh-line-wrap-1, .eh-main-wrap.eh-line-position-3 .eh-line-wrap-2 { margin: 0 !important; } .eh-main-wrap.eh-line-position-3 { display: flex; align-items: center; flex-direction: row; } .eh-main-wrap.eh-line-position-3 .eh-line-wrap { width: auto; } .eh-main-wrap.eh-line-position-3 .eh-line-wrap-1 { order: 1; } .eh-main-wrap.eh-line-position-3 .eh-title { order: 2; } .eh-main-wrap.eh-line-position-3 .eh-subtitle { order: 4; } .eh-main-wrap.eh-line-position-3 .eh-line-wrap-2 { order: 3; } .eh-main-wrap.eh-line-position-3.eh-sub-top .eh-line-wrap-1 { order: 2; } .eh-main-wrap.eh-line-position-3.eh-sub-top .eh-title { order: 3; } .eh-main-wrap.eh-line-position-3.eh-sub-top .eh-subtitle { order: 1; } .eh-main-wrap.eh-line-position-3.eh-sub-top .eh-line-wrap-2 { order: 4; } .eh-main-wrap.eh-line-position-3.eh-side-right .eh-line-wrap-1 { display: none; } .eh-main-wrap.eh-line-position-3.eh-side-left .eh-line-wrap-2 { display: none; } .eh-main-wrap.eh-align-left .eh-line-wrap { justify-content: flex-start; } .eh-main-wrap.eh-align-center { align-content: center; align-items: center; justify-content: center; text-align: center; } .eh-main-wrap.eh-align-right { align-content: flex-end; justify-content: flex-end; text-align: right; } .eh-main-wrap.eh-align-right:not(.eh-line-position-3) { align-items: flex-end; } .eh-main-wrap.eh-align-right .eh-line-wrap { justify-content: flex-end; } .eh-main-wrap.eh-line-group-300 .eh-extender { display: block; box-sizing: border-box; flex: 1; } .eh-main-wrap.eh-line-group-300.eh-side-left .eh-extender-right, .eh-main-wrap.eh-line-group-300.eh-side-right .eh-extender-left { display: none; } .eh-main-wrap.eh-line-1.eh-shape-group-00:not(.eh-line-position-3) .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-2.eh-shape-group-00:not(.eh-line-position-3) .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-position-3.eh-line-group-300 .eh-line-wrap-1 .eh-extender-right, .eh-main-wrap.eh-line-position-3.eh-line-group-300 .eh-line-wrap-2 .eh-extender-left { display: none; } .eh-main-wrap.eh-line-group-0.eh-full-width .eh-line-wrap, .eh-main-wrap.eh-line-group-100.eh-full-width .eh-line-wrap { width: 100%; } .eh-main-wrap.eh-line-position-3.eh-line-group-0.eh-full-width .eh-line-wrap, .eh-main-wrap.eh-line-position-3.eh-line-group-100.eh-full-width .eh-line-wrap { flex: 1; } .eh-main-wrap.eh-line-group-0.eh-full-width .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-group-0.eh-full-width .eh-line-wrap .eh-line-right, .eh-main-wrap.eh-line-group-100.eh-full-width .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-line-group-100.eh-full-width .eh-line-wrap .eh-line-right { width: auto !important; flex: 1; } .eh-main-wrap.eh-main-wrap.eh-line-group-300.eh-full-width .eh-line-wrap .eh-line-left, .eh-main-wrap.eh-main-wrap.eh-line-group-300.eh-full-width .eh-line-wrap .eh-line-right { width: auto; } .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-line-group-300.eh-full-width .eh-line-wrap-2 .eh-extender-left, .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-line-group-300.eh-full-width .eh-line-wrap-1 .eh-extender-right { display: none; } .eh-main-wrap.eh-full-width:not(.eh-line-group-0) .eh-line-wrap { width: 100%; flex: 1; } .eh-main-wrap.eh-line-102.eh-full-width .eh-line-wrap:before, .eh-main-wrap.eh-line-102.eh-full-width .eh-line-wrap:after, .eh-main-wrap.eh-line-103.eh-full-width .eh-line-wrap:before, .eh-main-wrap.eh-line-103.eh-full-width .eh-line-wrap:after, .eh-main-wrap.eh-full-width:not(.eh-line-group-0) .eh-line-wrap .eh-extender { content: ""; display: block; flex: 1; width: auto; } .eh-main-wrap.eh-line-102.eh-full-width .eh-line-wrap .eh-extender, .eh-main-wrap.eh-line-103.eh-full-width .eh-line-wrap .eh-extender { display: none; } .eh-main-wrap.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap:before, .eh-main-wrap.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap:after { content: ""; display: block; flex: 1; width: auto; } .eh-main-wrap.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap:before { margin-right: 8px; } .eh-main-wrap.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap:after { margin-left: 8px; } .eh-main-wrap.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap .eh-extender { display: none; } .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-1:after, .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-2:before { display: none; } .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-align-center.eh-side-right.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-1 { display: flex; } .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-align-center.eh-side-right.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-1 > * { display: none; } .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-align-center.eh-side-left.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-2 { display: flex; } .eh-main-wrap.eh-main-wrap.eh-line-position-3.eh-align-center.eh-side-left.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-2 > * { display: none; } .eh-main-wrap.eh-main-wrap.eh-side-right.eh-full-width:not(.eh-line-group-0) .eh-line-wrap:before, .eh-main-wrap.eh-side-right.eh-full-width:not(.eh-line-group-0) .eh-line-wrap .eh-extender-left { display: none; } .eh-main-wrap.eh-main-wrap.eh-side-left.eh-full-width:not(.eh-line-group-0) .eh-line-wrap:after, .eh-main-wrap.eh-side-left.eh-full-width:not(.eh-line-group-0) .eh-line-wrap .eh-extender-right { display: none; } .eh-main-wrap .eh-line-wrap .eh-lines { display: flex; align-items: center; border: 0px solid transparent; } .eh-main-wrap .eh-line-wrap .eh-lines svg { display: block; width: 100%; } .eh-main-wrap.eh-line-group-0 .eh-line-wrap .eh-lines svg { display: none; } .eh-main-wrap:not(.eh-line-group-0) .eh-line-wrap .eh-line-left { transform: scale(-1,1); } .eh-main-wrap.eh-line-102 .eh-line-wrap .eh-lines svg, .eh-main-wrap.eh-line-103 .eh-line-wrap .eh-lines svg { height: 12px; } .eh-main-wrap.eh-line-group-300.eh-thickness-1 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-thickness-1 .eh-line-wrap .eh-lines svg { height: 9px; width: 16px !important; } .eh-main-wrap.eh-line-group-300.eh-thickness-2 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-thickness-2 .eh-line-wrap .eh-lines svg { height: 10px; width: 20px !important; } .eh-main-wrap.eh-line-group-300.eh-thickness-3 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-thickness-3 .eh-line-wrap .eh-lines svg { height: 12px; width: 24px !important; } .eh-main-wrap.eh-line-group-300.eh-thickness-4 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-thickness-4 .eh-line-wrap .eh-lines svg { height: 14px; width: 28px !important; } .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-1 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-1 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-1 .eh-line-wrap .eh-lines svg, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-1 .eh-line-wrap .eh-lines svg { height: 17px; width: 32px !important; } .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-2 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-2 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-2 .eh-line-wrap .eh-lines svg, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-2 .eh-line-wrap .eh-lines svg { height: 18px; width: 36px !important; } .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-3 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-3 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-3 .eh-line-wrap .eh-lines svg, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-3 .eh-line-wrap .eh-lines svg { height: 21px; width: 40px !important; } .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-4 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-4 .eh-line-wrap .eh-lines, .eh-main-wrap.eh-line-group-300.eh-line-305.eh-thickness-4 .eh-line-wrap .eh-lines svg, .eh-main-wrap.eh-line-group-300.eh-line-303.eh-thickness-4 .eh-line-wrap .eh-lines svg { height: 24px; width: 48px !important; } .eh-main-wrap.eh-shape-1 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg, .eh-main-wrap.eh-shape-11 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg, .eh-main-wrap.eh-shape-101 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg, .eh-main-wrap.eh-shape-201 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg, .eh-main-wrap.eh-shape-5 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg, .eh-main-wrap.eh-shape-105 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg, .eh-main-wrap.eh-shape-205 .eh-line-wrap.eh-line-wrap-1 .eh-line-left svg { transform: scale(1,-1); } .eh-main-wrap.eh-shape-1 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg, .eh-main-wrap.eh-shape-11 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg, .eh-main-wrap.eh-shape-101 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg, .eh-main-wrap.eh-shape-201 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg, .eh-main-wrap.eh-shape-5 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg, .eh-main-wrap.eh-shape-105 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg, .eh-main-wrap.eh-shape-205 .eh-line-wrap.eh-line-wrap-1 .eh-line-right svg { transform: scale(1,-1); } .eh-main-wrap .eh-line-wrap .eh-lines svg { height: 8px; } .eh-main-wrap.eh-line-301 .eh-line-wrap .eh-lines svg { height: 12px; } .eh-main-wrap.eh-line-303 .eh-line-wrap .eh-lines svg { height: 16px; } .eh-main-wrap .eh-line-wrap .eh-line-shape svg { display: none; width: 100%; height: 100%; fill: transparent; overflow: visible; box-sizing: content-box; } .eh-main-wrap .eh-line-wrap .eh-lines svg { overflow: visible; } .eh-main-wrap.eh-shape-group-200 .eh-line-wrap .eh-line-shape > svg:nth-child(2) { display: block; position: absolute !important; top: 0; left: 0; stroke: transparent; box-sizing: border-box; } .eh-main-wrap.eh-shape-group-200 .eh-line-wrap .eh-line-shape { position: relative; } .eh-main-wrap.eh-shape-group-300 .eh-line-wrap .eh-line-shape-pre, .eh-main-wrap.eh-shape-group-300 .eh-line-wrap .eh-line-shape-post { display: block; } .eh-main-wrap.eh-shape-group-300 .eh-line-wrap .eh-line-shape-post svg { transform: translate(-50%,0); } .eh-main-wrap.eh-line-position-3.eh-full-width:not(.eh-line-group-0) .eh-line-wrap { min-width: 0px; display: grid; justify-content: flex-end; grid-template-columns: min-content min-content min-content; } .eh-main-wrap.eh-line-position-3.eh-full-width:not(.eh-line-group-0) .eh-line-wrap-2 { justify-content: flex-start; } .eh-main-wrap.eh-line-position-3.eh-line-group-100.eh-full-width .eh-line-wrap-1 { grid-template-columns: 1fr min-content min-content; } .eh-main-wrap.eh-line-position-3.eh-line-group-100.eh-full-width .eh-line-wrap-2 { grid-template-columns: min-content min-content 1fr; } .eh-main-wrap.eh-line-position-3.eh-line-group-100.eh-shape-group-00.eh-full-width .eh-line-wrap-1 { grid-template-columns: 1fr min-content; } .eh-main-wrap.eh-line-position-3.eh-line-group-100.eh-shape-group-00.eh-full-width .eh-line-wrap-2 { grid-template-columns: min-content 1fr; } .eh-main-wrap.eh-line-position-3.eh-line-group-200.eh-full-width .eh-line-wrap-1 { grid-template-columns: 1fr min-content min-content; } .eh-main-wrap.eh-line-position-3.eh-line-group-200.eh-full-width .eh-line-wrap-2 { grid-template-columns: min-content min-content 1fr; } .eh-main-wrap.eh-line-position-3.eh-line-group-200.eh-shape-group-00.eh-full-width .eh-line-wrap-1 { grid-template-columns: 1fr min-content; } .eh-main-wrap.eh-line-position-3.eh-line-group-200.eh-shape-group-00.eh-full-width .eh-line-wrap-2 { grid-template-columns: min-content 1fr; } .eh-main-wrap.eh-line-position-3.eh-line-group-300.eh-full-width .eh-line-wrap { grid-template-columns: min-content 1fr min-content; } .eh-main-wrap.eh-line-position-3.eh-line-group-300.eh-shape-group-00.eh-full-width .eh-line-wrap-1 { grid-template-columns: min-content 1fr; } .eh-main-wrap.eh-line-position-3.eh-line-group-300.eh-shape-group-00.eh-full-width .eh-line-wrap-2 { grid-template-columns: 1fr min-content; } .eh-main-wrap.eh-line-position-3.eh-line-group-300.eh-full-width .eh-line-wrap .eh-extender { width: 100% !important; } .eh-main-wrap .eh-title div[tag="node"], .eh-main-wrap .eh-subtitle div[tag="node"] { min-width: 20px !important; } .eh-main-wrap .eh-title .mez:has(>div[tag="node"]), .eh-main-wrap .eh-subtitle .mez:has(>div[tag="node"]) { border: 0px solid transparent; padding: 0; margin: 0; } .eh-main-wrap .eh-title .out:has(.mez>div[tag="node"]), .eh-main-wrap .eh-subtitle .out:has(.mez>div[tag="node"]) { padding: 0; overflow: visible; } .mez.selected > div > .eh-main-wrap .eh-title .mez:has(>div[tag="node"]), .mez.selected > div > .eh-main-wrap .eh-subtitle .mez:has(>div[tag="node"]) { box-shadow: 0 0 0 1px #acadb7; } .dark .mez.selected > div > .eh-main-wrap .eh-title .mez:has(>div[tag="node"]), .dark .mez.selected > div > .eh-main-wrap .eh-subtitle .mez:has(>div[tag="node"]) { box-shadow: 0 0 0 1px #666666; } #stacks_in_1 { padding: 20px; } #eh_stacks_in_118 { margin: 16px 0 16px; padding: 0 2px; } #eh_stacks_in_118:not(.eh-shape-400) .eh-line-wrap, #eh_stacks_in_118.eh-shape-400 .eh-line-wrap:before, #eh_stacks_in_118.eh-shape-400 .eh-line-wrap:after, #eh_stacks_in_118.eh-shape-400 .eh-line-wrap .eh-lines, #eh_stacks_in_118.eh-shape-400 .eh-line-wrap .eh-extender {opacity: 0.300000;} #eh_stacks_in_118 .eh-subtitle {margin-top: 0px;} #eh_stacks_in_118.eh-sub-top .eh-subtitle { margin-top: 0; margin-bottom: 0px; } /* */ /* */#eh_stacks_in_118 .eh-subtitle {display: none;}/* */ /* */#eh_stacks_in_118 .eh-title {font-size: 42px;}/* */ /* */ /* */ /* */ #eh_stacks_in_118 .eh-line-wrap .eh-line-left, #eh_stacks_in_118 .eh-line-wrap .eh-line-right {width: 256px;} #eh_stacks_in_118.eh-line-1 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-line-1 .eh-line-wrap .eh-line-right {border-top: 2px dashed #000000;} #eh_stacks_in_118.eh-line-2 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-line-2 .eh-line-wrap .eh-line-right {border-top: 2px dotted #000000;} #eh_stacks_in_118.eh-line-3 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-line-3 .eh-line-wrap .eh-line-right { border-top: 2px solid #000000; height: 2px; border-bottom: 2px solid #000000; box-sizing: content-box; } #eh_stacks_in_118.eh-line-3 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-line-3 .eh-line-wrap .eh-line-right {width: calc(256px / 2);} #eh_stacks_in_118.eh-line-4 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-line-4 .eh-line-wrap .eh-line-right { border-top: 2px solid #000000; border-image: linear-gradient(-90deg, #000000, transparent) 1; } #eh_stacks_in_118.eh-line-4 .eh-line-wrap .eh-line-right {border-image: linear-gradient(90deg, #000000, transparent) 1;} #eh_stacks_in_118.eh-line-4 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-line-4 .eh-line-wrap .eh-line-right {width: calc(256px / 2);} #eh_stacks_in_118.eh-line-5 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-line-5 .eh-line-wrap .eh-line-right {border-top: 2px solid #000000;} #eh_stacks_in_118.eh-line-5 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-line-5 .eh-line-wrap .eh-line-right {width: calc(256px / 2);} #eh_stacks_in_118:not(.eh-line-group-0) .eh-line-wrap .eh-lines {width: calc(256px / 2);} #eh_stacks_in_118:not(.eh-line-group-0) .eh-line-wrap .eh-lines svg { stroke: #000000; fill: #000000; } #eh_stacks_in_118.eh-line-group-200 .eh-line-wrap .eh-lines svg {height: 20px;} #eh_stacks_in_118.eh-thickness-3.eh-line-group-200 .eh-line-wrap .eh-lines svg, #eh_stacks_in_118.eh-thickness-1.eh-line-group-200 .eh-line-wrap .eh-lines svg {height: 21px;} @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { #eh_stacks_in_118.eh-line-group-200 .eh-line-wrap .eh-lines svg {height: 18px;} #eh_stacks_in_118.eh-thickness-3.eh-line-group-200 .eh-line-wrap .eh-lines svg, #eh_stacks_in_118.eh-thickness-1.eh-line-group-200 .eh-line-wrap .eh-lines svg { height: 18px;} } #eh_stacks_in_118.eh-line-group-300 .eh-extender { width: calc(256px / 2 - 20px); height: 2px; background-color: #000000; } #eh_stacks_in_118.eh-thickness-3.eh-line-4 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-thickness-4.eh-line-4 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-thickness-3.eh-line-5 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-thickness-4.eh-line-5 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-thickness-3.eh-line-group-300 .eh-extender-left, #eh_stacks_in_118.eh-thickness-4.eh-line-group-300 .eh-extender-left {box-shadow: 1px 0 0 #000000;} #eh_stacks_in_118.eh-thickness-3.eh-line-4 .eh-line-wrap .eh-line-right, #eh_stacks_in_118.eh-thickness-4.eh-line-4 .eh-line-wrap .eh-line-right, #eh_stacks_in_118.eh-thickness-3.eh-line-5 .eh-line-wrap .eh-line-right, #eh_stacks_in_118.eh-thickness-4.eh-line-5 .eh-line-wrap .eh-line-right, #eh_stacks_in_118.eh-thickness-3.eh-line-group-300 .eh-extender-right, #eh_stacks_in_118.eh-thickness-4.eh-line-group-300 .eh-extender-right {box-shadow: -1px 0 0 #000000;} #eh_stacks_in_118.eh-line-303 .eh-extender, #eh_stacks_in_118.eh-line-305 .eh-extender {width: calc(256px / 2 - 32px);} #eh_stacks_in_118.eh-line-group-300.eh-main-wrap.eh-align-left .eh-line-wrap .eh-lines, #eh_stacks_in_118.eh-line-group-300.eh-main-wrap.eh-align-center .eh-line-wrap .eh-lines, #eh_stacks_in_118.eh-line-group-300.eh-main-wrap.eh-align-right .eh-line-wrap .eh-lines {height: 2px;} #eh_stacks_in_118 .eh-line-left {margin-right: 0px;} #eh_stacks_in_118 .eh-line-right {margin-left: 0px;} #eh_stacks_in_118.eh-line-group-300 .eh-line-left, #eh_stacks_in_118.eh-line-group-300 .eh-line-right { margin-left: 0px; margin-right: 0px; } #eh_stacks_in_118.eh-line-group-300 .eh-extender-left {margin-right: 0px;} #eh_stacks_in_118.eh-line-group-300 .eh-extender-right {margin-left: 0px;} #eh_stacks_in_118:not(.eh-shape-0) .eh-line-wrap .eh-line-shape { width: 32px; height: 32px; } #eh_stacks_in_118.eh-shape-400 .eh-line-wrap .eh-line-shape { width: auto; height: auto; } .com_onelittledesigner_stacks_Easy_Header_stack > #eh_stacks_in_118.eh-shape-400 .eh-line-wrap .eh-line-shape {width: 54px;} .com_onelittledesigner_stacks_Easy_Header_stack > #eh_stacks_in_118.eh-shape-400 .eh-line-wrap .eh-line-shape:has(.mez.empty) {min-width: 72px;} /* */ #eh_stacks_in_118:not(.eh-shape-0) .eh-line-wrap .eh-line-shape > svg {stroke: #000000;} #eh_stacks_in_118:not(.eh-shape-0) .eh-line-wrap .eh-line-left, #eh_stacks_in_118:not(.eh-shape-0) .eh-line-wrap .eh-line-right {width: calc(256px / 2 + 2px);} #eh_stacks_in_118.eh-shape-20 .eh-line-wrap .eh-line-shape, #eh_stacks_in_118.eh-shape-20 .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-21 .eh-line-wrap .eh-line-shape, #eh_stacks_in_118.eh-shape-21 .eh-line-wrap .eh-line-shape > svg {height: 16px;} #eh_stacks_in_118.eh-shape-1:not(.eh-line-position-3) .eh-line-wrap, #eh_stacks_in_118.eh-shape-11:not(.eh-line-position-3) .eh-line-wrap, #eh_stacks_in_118.eh-shape-101:not(.eh-line-position-3) .eh-line-wrap, #eh_stacks_in_118.eh-shape-201:not(.eh-line-position-3) .eh-line-wrap, #eh_stacks_in_118.eh-shape-5:not(.eh-line-position-3) .eh-line-wrap, #eh_stacks_in_118.eh-shape-105:not(.eh-line-position-3) .eh-line-wrap, #eh_stacks_in_118.eh-shape-205:not(.eh-line-position-3) .eh-line-wrap { height: 2px; align-items: center; } #eh_stacks_in_118.eh-shape-1:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-11:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-101:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-201:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-5:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-105:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-205:not(.eh-line-position-3) .eh-line-wrap .eh-line-shape > svg { height: 32px; /* */ } #eh_stacks_in_118.eh-shape-1:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-11:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-101:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-201:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-5:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-105:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg, #eh_stacks_in_118.eh-shape-205:not(.eh-line-position-3) .eh-line-wrap.eh-line-wrap-1 .eh-line-shape > svg { /* bottom: calc(2px / 2); */ margin-top: 0; position: relative; transform: rotate(180deg); } #eh_stacks_in_118.eh-shape-group-100 .eh-line-wrap .eh-line-shape > svg {fill: #000000;} #eh_stacks_in_118.eh-shape-group-200 .eh-line-wrap .eh-line-shape > svg:nth-child(2) { fill: #000000; padding: calc(1px + 2px * 2); } #eh_stacks_in_118.eh-shape-206 .eh-line-wrap .eh-line-shape > svg:nth-child(2) {padding: calc(1px + 2px * 3);} #eh_stacks_in_118.eh-shape-group-300 .eh-line-wrap .eh-line-shape-pre, #eh_stacks_in_118.eh-shape-group-300 .eh-line-wrap .eh-line-shape-post { width: calc(32px * .4); height: calc(32px * .8); } #eh_stacks_in_118.eh-shape-group-300 .eh-line-wrap .eh-line-shape-pre svg, #eh_stacks_in_118.eh-shape-group-300 .eh-line-wrap .eh-line-shape-post svg { width: calc(32px * .8); height: calc(32px * .8); } #eh_stacks_in_118 .eh-line-wrap-1 {margin-bottom: 8px;} #eh_stacks_in_118 .eh-line-wrap-2 {margin-top: 8px;} /* */ #eh_stacks_in_118.eh-line-position-3 {gap: 0 8px;} #eh_stacks_in_118.eh-line-position-3 .eh-line-wrap .eh-line-left, #eh_stacks_in_118.eh-line-position-3 .eh-line-wrap .eh-line-right {width: calc(256px / 2);} #eh_stacks_in_118.eh-line-102.eh-full-width .eh-line-wrap:before, #eh_stacks_in_118.eh-line-102.eh-full-width .eh-line-wrap:after, #eh_stacks_in_118.eh-line-103.eh-full-width .eh-line-wrap:before, #eh_stacks_in_118.eh-line-103.eh-full-width .eh-line-wrap:after, #eh_stacks_in_118.eh-full-width:not(.eh-line-group-0) .eh-line-wrap .eh-extender { height: 2px; background-color: #000000; } #eh_stacks_in_118.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap:before, #eh_stacks_in_118.eh-main-wrap.eh-line-group-200.eh-full-width .eh-line-wrap:after { height: 2px; background-color: #000000; } /* * Simple Headers Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-headers/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.5 */ #simpleHeaders_stacks_in_4.headerInheritStylesOff, #simpleHeaders_stacks_in_4.headerInheritStylesOff h1, #simpleHeaders_stacks_in_4.headerInheritStylesOff h2, #simpleHeaders_stacks_in_4.headerInheritStylesOff h3, #simpleHeaders_stacks_in_4.headerInheritStylesOff h4, #simpleHeaders_stacks_in_4.headerInheritStylesOff h5, #simpleHeaders_stacks_in_4.headerInheritStylesOff h6 { font-size: 18px; font-weight: normal; text-decoration: none; font-style: normal; text-align: left; letter-spacing: 0px; display: block; text-shadow: ; } #simpleHeaders_stacks_in_4.headerInheritStylesOff.fontFamilyOn, #simpleHeaders_stacks_in_4.headerInheritStylesOff.fontFamilyOn h1, #simpleHeaders_stacks_in_4.headerInheritStylesOff.fontFamilyOn h2, #simpleHeaders_stacks_in_4.headerInheritStylesOff.fontFamilyOn h3, #simpleHeaders_stacks_in_4.headerInheritStylesOff.fontFamilyOn h4, #simpleHeaders_stacks_in_4.headerInheritStylesOff.fontFamilyOn h5, #simpleHeaders_stacks_in_4.headerInheritStylesOff.fontFamilyOn h6 { font-family: Arial'ChunkFiveRegular'; backface-visibility: visible; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; } #simpleHeaders_stacks_in_4.headerInheritStylesOff.lineHeightOn, #simpleHeaders_stacks_in_4.headerInheritStylesOff.lineHeightOn h1, #simpleHeaders_stacks_in_4.headerInheritStylesOff.lineHeightOn h2, #simpleHeaders_stacks_in_4.headerInheritStylesOff.lineHeightOn h3, #simpleHeaders_stacks_in_4.headerInheritStylesOff.lineHeightOn h4, #simpleHeaders_stacks_in_4.headerInheritStylesOff.lineHeightOn h5, #simpleHeaders_stacks_in_4.headerInheritStylesOff.lineHeightOn h6 { line-height: 18px; } #simpleHeaders_stacks_in_4.headerInheritColorsOff, #simpleHeaders_stacks_in_4.headerInheritColorsOff a, #simpleHeaders_stacks_in_4.headerInheritColorsOff a h1, #simpleHeaders_stacks_in_4.headerInheritColorsOff a h2, #simpleHeaders_stacks_in_4.headerInheritColorsOff a h3, #simpleHeaders_stacks_in_4.headerInheritColorsOff a h4, #simpleHeaders_stacks_in_4.headerInheritColorsOff a h5, #simpleHeaders_stacks_in_4.headerInheritColorsOff a h6, #simpleHeaders_stacks_in_4.headerInheritColorsOff h1, #simpleHeaders_stacks_in_4.headerInheritColorsOff h2, #simpleHeaders_stacks_in_4.headerInheritColorsOff h3, #simpleHeaders_stacks_in_4.headerInheritColorsOff h4, #simpleHeaders_stacks_in_4.headerInheritColorsOff h5, #simpleHeaders_stacks_in_4.headerInheritColorsOff h6 { color: #169EE6; } #simpleHeaders_stacks_in_4.headerInheritColorsOff:hover, #simpleHeaders_stacks_in_4.headerInheritColorsOff a:hover, #simpleHeaders_stacks_in_4.headerInheritColorsOff a:hover h1, #simpleHeaders_stacks_in_4.headerInheritColorsOff a:hover h2, #simpleHeaders_stacks_in_4.headerInheritColorsOff a:hover h3, #simpleHeaders_stacks_in_4.headerInheritColorsOff a:hover h4, #simpleHeaders_stacks_in_4.headerInheritColorsOff a:hover h5, #simpleHeaders_stacks_in_4.headerInheritColorsOff a:hover h6, #simpleHeaders_stacks_in_4.headerInheritColorsOff h1:hover, #simpleHeaders_stacks_in_4.headerInheritColorsOff h2:hover, #simpleHeaders_stacks_in_4.headerInheritColorsOff h3:hover, #simpleHeaders_stacks_in_4.headerInheritColorsOff h4:hover, #simpleHeaders_stacks_in_4.headerInheritColorsOff h5:hover, #simpleHeaders_stacks_in_4.headerInheritColorsOff h6:hover { color: #FF6600; } /* * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: support@1littledesigner.com * Verson: 1.0.0 */ #simpleText_stacks_in_79 { color: #333333; font-size: inherit; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_79 a, #simpleText_stacks_in_79 a:link { color: #169EE6; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_79 a:visited {color: #169EE6;} #simpleText_stacks_in_79 a:hover { color: #FF6600; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_79 a:active {color: #FF6600;} #simpleText_stacks_in_79 a:focus {color: #FF6600; outline: none !important;} /*Some browsers add an outline*/ #simpleText_stacks_in_79.optJustify {text-align: justify;} /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_79 {font-size: ;} } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_79 {font-size: inherit;} } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_79 {font-size: inherit;} } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_79 {font-size: inherit;} } #stacks_in_80 { line-height: 2em; } #stacks_in_97 { background-color: rgba(212, 215, 215, 1.00); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px; padding: 20px; } /* * Simple Headers Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-headers/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.5 */ #simpleHeaders_stacks_in_81.headerInheritStylesOff, #simpleHeaders_stacks_in_81.headerInheritStylesOff h1, #simpleHeaders_stacks_in_81.headerInheritStylesOff h2, #simpleHeaders_stacks_in_81.headerInheritStylesOff h3, #simpleHeaders_stacks_in_81.headerInheritStylesOff h4, #simpleHeaders_stacks_in_81.headerInheritStylesOff h5, #simpleHeaders_stacks_in_81.headerInheritStylesOff h6 { font-size: 18px; font-weight: normal; text-decoration: none; font-style: normal; text-align: left; letter-spacing: 0px; display: block; text-shadow: ; } #simpleHeaders_stacks_in_81.headerInheritStylesOff.fontFamilyOn, #simpleHeaders_stacks_in_81.headerInheritStylesOff.fontFamilyOn h1, #simpleHeaders_stacks_in_81.headerInheritStylesOff.fontFamilyOn h2, #simpleHeaders_stacks_in_81.headerInheritStylesOff.fontFamilyOn h3, #simpleHeaders_stacks_in_81.headerInheritStylesOff.fontFamilyOn h4, #simpleHeaders_stacks_in_81.headerInheritStylesOff.fontFamilyOn h5, #simpleHeaders_stacks_in_81.headerInheritStylesOff.fontFamilyOn h6 { font-family: Arial'ChunkFiveRegular'; backface-visibility: visible; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; } #simpleHeaders_stacks_in_81.headerInheritStylesOff.lineHeightOn, #simpleHeaders_stacks_in_81.headerInheritStylesOff.lineHeightOn h1, #simpleHeaders_stacks_in_81.headerInheritStylesOff.lineHeightOn h2, #simpleHeaders_stacks_in_81.headerInheritStylesOff.lineHeightOn h3, #simpleHeaders_stacks_in_81.headerInheritStylesOff.lineHeightOn h4, #simpleHeaders_stacks_in_81.headerInheritStylesOff.lineHeightOn h5, #simpleHeaders_stacks_in_81.headerInheritStylesOff.lineHeightOn h6 { line-height: 18px; } #simpleHeaders_stacks_in_81.headerInheritColorsOff, #simpleHeaders_stacks_in_81.headerInheritColorsOff a, #simpleHeaders_stacks_in_81.headerInheritColorsOff a h1, #simpleHeaders_stacks_in_81.headerInheritColorsOff a h2, #simpleHeaders_stacks_in_81.headerInheritColorsOff a h3, #simpleHeaders_stacks_in_81.headerInheritColorsOff a h4, #simpleHeaders_stacks_in_81.headerInheritColorsOff a h5, #simpleHeaders_stacks_in_81.headerInheritColorsOff a h6, #simpleHeaders_stacks_in_81.headerInheritColorsOff h1, #simpleHeaders_stacks_in_81.headerInheritColorsOff h2, #simpleHeaders_stacks_in_81.headerInheritColorsOff h3, #simpleHeaders_stacks_in_81.headerInheritColorsOff h4, #simpleHeaders_stacks_in_81.headerInheritColorsOff h5, #simpleHeaders_stacks_in_81.headerInheritColorsOff h6 { color: #169EE6; } #simpleHeaders_stacks_in_81.headerInheritColorsOff:hover, #simpleHeaders_stacks_in_81.headerInheritColorsOff a:hover, #simpleHeaders_stacks_in_81.headerInheritColorsOff a:hover h1, #simpleHeaders_stacks_in_81.headerInheritColorsOff a:hover h2, #simpleHeaders_stacks_in_81.headerInheritColorsOff a:hover h3, #simpleHeaders_stacks_in_81.headerInheritColorsOff a:hover h4, #simpleHeaders_stacks_in_81.headerInheritColorsOff a:hover h5, #simpleHeaders_stacks_in_81.headerInheritColorsOff a:hover h6, #simpleHeaders_stacks_in_81.headerInheritColorsOff h1:hover, #simpleHeaders_stacks_in_81.headerInheritColorsOff h2:hover, #simpleHeaders_stacks_in_81.headerInheritColorsOff h3:hover, #simpleHeaders_stacks_in_81.headerInheritColorsOff h4:hover, #simpleHeaders_stacks_in_81.headerInheritColorsOff h5:hover, #simpleHeaders_stacks_in_81.headerInheritColorsOff h6:hover { color: #FF6600; } /* * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: support@1littledesigner.com * Verson: 1.0.0 */ #simpleText_stacks_in_82 { color: #333333; font-size: inherit; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_82 a, #simpleText_stacks_in_82 a:link { color: #169EE6; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_82 a:visited {color: #169EE6;} #simpleText_stacks_in_82 a:hover { color: #FF6600; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_82 a:active {color: #FF6600;} #simpleText_stacks_in_82 a:focus {color: #FF6600; outline: none !important;} /*Some browsers add an outline*/ #simpleText_stacks_in_82.optJustify {text-align: justify;} /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_82 {font-size: ;} } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_82 {font-size: inherit;} } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_82 {font-size: inherit;} } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_82 {font-size: inherit;} } #stacks_out_82 { width: 52%; } #stacks_in_84 { font-size: 130%; } #stacks_in_85 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_85 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_85 #jwresp_col2_stacks_in_85{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_85 #jwresp_col1_stacks_in_85,#stacks_in_85 #jwresp_col2_stacks_in_85{width:100%;float:none;display:block}#stacks_in_85 #jwresp_col1_stacks_in_85{margin-bottom:15px}} #stacks_in_87 { padding: 20px; } #stacks_in_91 { font-size: 160%; } /* * Simple Headers Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-headers/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.5 */ #simpleHeaders_stacks_in_116.headerInheritStylesOff, #simpleHeaders_stacks_in_116.headerInheritStylesOff h1, #simpleHeaders_stacks_in_116.headerInheritStylesOff h2, #simpleHeaders_stacks_in_116.headerInheritStylesOff h3, #simpleHeaders_stacks_in_116.headerInheritStylesOff h4, #simpleHeaders_stacks_in_116.headerInheritStylesOff h5, #simpleHeaders_stacks_in_116.headerInheritStylesOff h6 { font-size: 18px; font-weight: normal; text-decoration: none; font-style: normal; text-align: left; letter-spacing: 0px; display: block; text-shadow: ; } #simpleHeaders_stacks_in_116.headerInheritStylesOff.fontFamilyOn, #simpleHeaders_stacks_in_116.headerInheritStylesOff.fontFamilyOn h1, #simpleHeaders_stacks_in_116.headerInheritStylesOff.fontFamilyOn h2, #simpleHeaders_stacks_in_116.headerInheritStylesOff.fontFamilyOn h3, #simpleHeaders_stacks_in_116.headerInheritStylesOff.fontFamilyOn h4, #simpleHeaders_stacks_in_116.headerInheritStylesOff.fontFamilyOn h5, #simpleHeaders_stacks_in_116.headerInheritStylesOff.fontFamilyOn h6 { font-family: Arial'ChunkFiveRegular'; backface-visibility: visible; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; } #simpleHeaders_stacks_in_116.headerInheritStylesOff.lineHeightOn, #simpleHeaders_stacks_in_116.headerInheritStylesOff.lineHeightOn h1, #simpleHeaders_stacks_in_116.headerInheritStylesOff.lineHeightOn h2, #simpleHeaders_stacks_in_116.headerInheritStylesOff.lineHeightOn h3, #simpleHeaders_stacks_in_116.headerInheritStylesOff.lineHeightOn h4, #simpleHeaders_stacks_in_116.headerInheritStylesOff.lineHeightOn h5, #simpleHeaders_stacks_in_116.headerInheritStylesOff.lineHeightOn h6 { line-height: 18px; } #simpleHeaders_stacks_in_116.headerInheritColorsOff, #simpleHeaders_stacks_in_116.headerInheritColorsOff a, #simpleHeaders_stacks_in_116.headerInheritColorsOff a h1, #simpleHeaders_stacks_in_116.headerInheritColorsOff a h2, #simpleHeaders_stacks_in_116.headerInheritColorsOff a h3, #simpleHeaders_stacks_in_116.headerInheritColorsOff a h4, #simpleHeaders_stacks_in_116.headerInheritColorsOff a h5, #simpleHeaders_stacks_in_116.headerInheritColorsOff a h6, #simpleHeaders_stacks_in_116.headerInheritColorsOff h1, #simpleHeaders_stacks_in_116.headerInheritColorsOff h2, #simpleHeaders_stacks_in_116.headerInheritColorsOff h3, #simpleHeaders_stacks_in_116.headerInheritColorsOff h4, #simpleHeaders_stacks_in_116.headerInheritColorsOff h5, #simpleHeaders_stacks_in_116.headerInheritColorsOff h6 { color: #169EE6; } #simpleHeaders_stacks_in_116.headerInheritColorsOff:hover, #simpleHeaders_stacks_in_116.headerInheritColorsOff a:hover, #simpleHeaders_stacks_in_116.headerInheritColorsOff a:hover h1, #simpleHeaders_stacks_in_116.headerInheritColorsOff a:hover h2, #simpleHeaders_stacks_in_116.headerInheritColorsOff a:hover h3, #simpleHeaders_stacks_in_116.headerInheritColorsOff a:hover h4, #simpleHeaders_stacks_in_116.headerInheritColorsOff a:hover h5, #simpleHeaders_stacks_in_116.headerInheritColorsOff a:hover h6, #simpleHeaders_stacks_in_116.headerInheritColorsOff h1:hover, #simpleHeaders_stacks_in_116.headerInheritColorsOff h2:hover, #simpleHeaders_stacks_in_116.headerInheritColorsOff h3:hover, #simpleHeaders_stacks_in_116.headerInheritColorsOff h4:hover, #simpleHeaders_stacks_in_116.headerInheritColorsOff h5:hover, #simpleHeaders_stacks_in_116.headerInheritColorsOff h6:hover { color: #FF6600; } #stacks_in_61 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_61 hr.gradient{height:2px;background:#333;background-image:-webkit-linear-gradient(left,#FFFFFF,#7F7F7F,#FFFFFF);background-image:-moz-linear-gradient(left,#FFFFFF,#7F7F7F,#FFFFFF);background-image:-ms-linear-gradient(left,#FFFFFF,#7F7F7F,#FFFFFF);background-image:-o-linear-gradient(left,#FFFFFF,#7F7F7F,#FFFFFF);background-image:linear-gradient(left,#FFFFFF,#7F7F7F,#FFFFFF)}#stacks_in_61 hr.faded{height:2px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_61 hr.dashed_fade{border-bottom:2px dashed #CACACA;background:#7F7F7F}#stacks_in_61 hr.dotted_fade{border-bottom:2px dotted #CACACA;background:#7F7F7F}#stacks_in_61 hr.dashed{border-bottom:2px dashed #7F7F7F}#stacks_in_61 hr.dotted{border-bottom:2px dotted #CACACA}#stacks_in_61 hr.shadow{height:2px;box-shadow:inset 0 2px 2px -2px rgba(0,0,0,0.5)}#stacks_in_61 hr.cloudy{margin:2px 0;box-shadow:0 0 2px 1px #7F7F7F}#stacks_in_61 hr.cloudy:after{content:"\00a0"}#stacks_in_61 hr.inset{border-top:2px solid rgba(0,0,0,0.1);border-bottom:2px solid rgba(255,255,255,0.3)}#stacks_in_61 hr.inset_two{border-top:2px solid #FFFFFF;border-bottom:2px solid #7F7F7F}#stacks_in_61 hr.inset_three{border-top:2px solid #7F7F7F;border-bottom:2px solid #FFFFFF}#stacks_in_61 hr.inset_four{border-top:2px solid #7F7F7F;border-bottom:2px solid #CCCCCC}#stacks_in_61 hr.flared{height:30px;border-style:solid;border-color:#7F7F7F;border-width:2px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_61 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#7F7F7F;border-width:0 0 2px 0;border-radius:20px}#stacks_in_61 hr.glyph{padding:0;border:0;border-top:2px double #7F7F7F;color:#7F7F7F;text-align:center;margin:1em 0}#stacks_in_61 hr.glyph:after{content:"ยง";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_61 { padding: 20px; } #stacks_out_101 { width: 75%; } /* * Simple Headers Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-headers/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.5 */ #simpleHeaders_stacks_in_103.headerInheritStylesOff, #simpleHeaders_stacks_in_103.headerInheritStylesOff h1, #simpleHeaders_stacks_in_103.headerInheritStylesOff h2, #simpleHeaders_stacks_in_103.headerInheritStylesOff h3, #simpleHeaders_stacks_in_103.headerInheritStylesOff h4, #simpleHeaders_stacks_in_103.headerInheritStylesOff h5, #simpleHeaders_stacks_in_103.headerInheritStylesOff h6 { font-size: 18px; font-weight: normal; text-decoration: none; font-style: normal; text-align: left; letter-spacing: 0px; display: block; text-shadow: ; } #simpleHeaders_stacks_in_103.headerInheritStylesOff.fontFamilyOn, #simpleHeaders_stacks_in_103.headerInheritStylesOff.fontFamilyOn h1, #simpleHeaders_stacks_in_103.headerInheritStylesOff.fontFamilyOn h2, #simpleHeaders_stacks_in_103.headerInheritStylesOff.fontFamilyOn h3, #simpleHeaders_stacks_in_103.headerInheritStylesOff.fontFamilyOn h4, #simpleHeaders_stacks_in_103.headerInheritStylesOff.fontFamilyOn h5, #simpleHeaders_stacks_in_103.headerInheritStylesOff.fontFamilyOn h6 { font-family: Arial'ChunkFiveRegular'; backface-visibility: visible; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; } #simpleHeaders_stacks_in_103.headerInheritStylesOff.lineHeightOn, #simpleHeaders_stacks_in_103.headerInheritStylesOff.lineHeightOn h1, #simpleHeaders_stacks_in_103.headerInheritStylesOff.lineHeightOn h2, #simpleHeaders_stacks_in_103.headerInheritStylesOff.lineHeightOn h3, #simpleHeaders_stacks_in_103.headerInheritStylesOff.lineHeightOn h4, #simpleHeaders_stacks_in_103.headerInheritStylesOff.lineHeightOn h5, #simpleHeaders_stacks_in_103.headerInheritStylesOff.lineHeightOn h6 { line-height: 18px; } #simpleHeaders_stacks_in_103.headerInheritColorsOff, #simpleHeaders_stacks_in_103.headerInheritColorsOff a, #simpleHeaders_stacks_in_103.headerInheritColorsOff a h1, #simpleHeaders_stacks_in_103.headerInheritColorsOff a h2, #simpleHeaders_stacks_in_103.headerInheritColorsOff a h3, #simpleHeaders_stacks_in_103.headerInheritColorsOff a h4, #simpleHeaders_stacks_in_103.headerInheritColorsOff a h5, #simpleHeaders_stacks_in_103.headerInheritColorsOff a h6, #simpleHeaders_stacks_in_103.headerInheritColorsOff h1, #simpleHeaders_stacks_in_103.headerInheritColorsOff h2, #simpleHeaders_stacks_in_103.headerInheritColorsOff h3, #simpleHeaders_stacks_in_103.headerInheritColorsOff h4, #simpleHeaders_stacks_in_103.headerInheritColorsOff h5, #simpleHeaders_stacks_in_103.headerInheritColorsOff h6 { color: #169EE6; } #simpleHeaders_stacks_in_103.headerInheritColorsOff:hover, #simpleHeaders_stacks_in_103.headerInheritColorsOff a:hover, #simpleHeaders_stacks_in_103.headerInheritColorsOff a:hover h1, #simpleHeaders_stacks_in_103.headerInheritColorsOff a:hover h2, #simpleHeaders_stacks_in_103.headerInheritColorsOff a:hover h3, #simpleHeaders_stacks_in_103.headerInheritColorsOff a:hover h4, #simpleHeaders_stacks_in_103.headerInheritColorsOff a:hover h5, #simpleHeaders_stacks_in_103.headerInheritColorsOff a:hover h6, #simpleHeaders_stacks_in_103.headerInheritColorsOff h1:hover, #simpleHeaders_stacks_in_103.headerInheritColorsOff h2:hover, #simpleHeaders_stacks_in_103.headerInheritColorsOff h3:hover, #simpleHeaders_stacks_in_103.headerInheritColorsOff h4:hover, #simpleHeaders_stacks_in_103.headerInheritColorsOff h5:hover, #simpleHeaders_stacks_in_103.headerInheritColorsOff h6:hover { color: #FF6600; } #stacks_in_103 { padding: 50px 20px 0px 20px; } @-webkit-keyframes plyr-progress { to { background-position: 25px 0; } } @keyframes plyr-progress { to { background-position: 25px 0; } } @-webkit-keyframes plyr-popup { 0% { opacity: .5; -webkit-transform: translateY(10px); transform: translateY(10px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes plyr-popup { 0% { opacity: .5; -webkit-transform: translateY(10px); transform: translateY(10px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: subpixel-antialiased; direction: ltr; font-family: Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif; font-variant-numeric: tabular-nums; font-weight: 500; line-height: 1.7; max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow .3s ease; } .plyr audio, .plyr video { border-radius: inherit; height: auto; vertical-align: middle; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4f5b5f; border-radius: 2px; color: #fff; font-size: 9px; line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { -webkit-animation: plyr-fade-in .3s ease; animation: plyr-fade-in .3s ease; bottom: 0; color: #fff; display: none; font-size: 14px; left: 0; padding: 10px; position: absolute; text-align: center; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; width: 100%; } .plyr__captions .plyr__caption { background: rgba(0, 0, 0, 0.8); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 185%; padding: .2em .5em; white-space: pre-wrap; } .plyr__captions .plyr__caption div { display: inline; } .plyr__captions span:empty { display: none; } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { -webkit-transform: translateY(-40px); transform: translateY(-40px); } .plyr__control { background: 0 0; border: 0; border-radius: 3px; color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: 7px; position: relative; transition: all .3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; pointer-events: none; width: 18px; } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); outline: 0; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: #1aafff; color: #fff; } .plyr--video .plyr__control svg { -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #1aafff; color: #fff; } .plyr__control--overlaid { background: rgba(26, 175, 255, 0.8); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: #fff; display: none; left: 50%; padding: 15px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { background: #1aafff; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control { margin-left: 5px; } .plyr__controls .plyr__menu + .plyr__control, .plyr__controls .plyr__progress + .plyr__control, .plyr__controls > .plyr__control + .plyr__control, .plyr__controls > .plyr__control + .plyr__menu { margin-left: 2px; } .plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr=pause] { margin-left: 0; margin-right: auto; } .plyr__controls:empty { display: none; } .plyr--audio .plyr__controls { background: #fff; border-radius: inherit; color: #4f5b5f; padding: 10px; } .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; left: 0; padding: 20px 5px 5px; position: absolute; right: 0; transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out; transition: opacity .4s ease-in-out,transform .4s ease-in-out; transition: opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out; z-index: 3; } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; -webkit-transform: translateY(100%); transform: translateY(100%); } .plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] { display: none; } .plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] { display: inline-block; } .plyr__video-embed { height: 0; padding-bottom: 56.25%; position: relative; } .plyr__video-embed iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; -webkit-transform: translateY(-38.28125%); transform: translateY(-38.28125%); } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .plyr__menu .plyr__control[aria-expanded=true] svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none; } .plyr__menu__container { -webkit-animation: plyr-popup .2s ease; animation: plyr-popup .2s ease; background: rgba(255, 255, 255, 0.9); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4f5b5f; font-size: 16px; margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container > div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border-top-color: rgba(255, 255, 255, 0.9); content: ''; height: 0; position: absolute; right: 15px; top: 100%; width: 0; } .plyr__menu__container [role=menu] { padding: 7px; } .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px; } .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4f5b5f; display: flex; font-size: 14px; padding: 4px 11px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control > span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: 28px; } .plyr__menu__container .plyr__control--forward::after { border-left-color: rgba(79, 91, 95, 0.8); right: 5px; } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 500; margin: 7px; margin-bottom: 3px; padding-left: 28px; position: relative; width: calc(100% - 14px); } .plyr__menu__container .plyr__control--back::after { border-right-color: rgba(79, 91, 95, 0.8); left: 7px; } .plyr__menu__container .plyr__control--back::before { background: #b7c5cd; box-shadow: 0 1px 0 #fff; content: ''; height: 1px; left: 0; margin-top: 4px; overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: 7px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before { border-radius: 100%; } .plyr__menu__container .plyr__control[role=menuitemradio]::before { background: rgba(0, 0, 0, 0.1); content: ''; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; transition: all .3s ease; width: 16px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); transition: opacity .3s ease,-webkit-transform .3s ease; transition: transform .3s ease,opacity .3s ease; transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease; width: 6px; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: #1aafff; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after { opacity: 1; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before { background: rgba(0, 0, 0, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: -5px; overflow: hidden; padding-left: 25px; pointer-events: none; } .plyr--full-ui input[type=range] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 26px; color: #1aafff; display: block; height: 19px; margin: 0; padding: 0; transition: box-shadow .3s ease; width: 100%; } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); } .plyr--full-ui input[type=range]::-webkit-slider-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); height: 13px; position: relative; transition: all .2s ease; width: 13px; -webkit-appearance: none; margin-top: -4px; } .plyr--full-ui input[type=range]::-moz-range-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -moz-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-moz-range-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); height: 13px; position: relative; transition: all .2s ease; width: 13px; } .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: 2.5px; height: 5px; } .plyr--full-ui input[type=range]::-ms-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; color: transparent; } .plyr--full-ui input[type=range]::-ms-fill-upper { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-ms-fill-lower { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; background: currentColor; } .plyr--full-ui input[type=range]::-ms-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); height: 13px; position: relative; transition: all .2s ease; width: 13px; margin-top: 0; } .plyr--full-ui input[type=range]::-ms-tooltip { display: none; } .plyr--full-ui input[type=range]:focus { outline: 0; } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); outline: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); outline: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); outline: 0; } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: rgba(183, 197, 205, 0.66); } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: rgba(183, 197, 205, 0.66); } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: rgba(183, 197, 205, 0.66); } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 14px; } .plyr__time + .plyr__time::before { content: '\2044'; margin-right: 10px; } .plyr--video .plyr__time { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4f5b5f; font-size: 14px; font-weight: 500; left: 50%; line-height: 1.3; margin-bottom: 10px; opacity: 0; padding: 5px 7.5px; pointer-events: none; position: absolute; -webkit-transform: translate(-50%, 10px) scale(0.8); transform: translate(-50%, 10px) scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease; transition: transform .2s .1s ease,opacity .2s .1s ease; transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ''; height: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; -webkit-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { left: 16px; } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { left: auto; right: 16px; -webkit-transform: translateX(50%); transform: translateX(50%); } .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; border-radius: inherit; overflow: hidden; position: relative; z-index: 0; } .plyr__progress { flex: 1; left: 6.5px; margin-right: 13px; position: relative; } .plyr__progress input[type=range], .plyr__progress__buffer { margin-left: -6.5px; margin-right: -6.5px; width: calc(100% + 13px); } .plyr__progress input[type=range] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 14px; left: 0; } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; left: 0; margin-top: -2.5px; padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; transition: width .2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; transition: width .2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; transition: width .2s ease; } .plyr--video .plyr__progress__buffer { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.25); } .plyr--audio .plyr__progress__buffer { color: rgba(183, 197, 205, 0.66); } .plyr--loading .plyr__progress__buffer { -webkit-animation: plyr-progress 1s linear infinite; animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(183, 197, 205, 0.66); } .plyr__volume { align-items: center; display: flex; flex: 1; position: relative; } .plyr__volume input[type=range] { margin-left: 5px; position: relative; z-index: 2; } .plyr--is-ios .plyr__volume { display: none !important; } .plyr--is-ios.plyr--vimeo [data-plyr=mute] { display: none !important; } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; width: 100%; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: rgba(47, 52, 61, 0.8); border-radius: 2px; bottom: 10px; color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; left: 0; margin: -2.5px 0 0; opacity: .8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); margin-bottom: 10px; opacity: 0; padding: 3px; pointer-events: none; position: absolute; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease; transition: transform .2s .1s ease,opacity .2s .1s ease; transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ''; height: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #b7c5cd; border-radius: 2px; overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: 2px; color: #fff; font-size: 14px; padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; -webkit-filter: blur(1px); filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; position: absolute; right: 0; top: 0; transition: opacity .3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } .plyr { font-family: Helvetica, Arial, sans-serif; } .plyr__control { transition: background .3s ease !important; } .chp { font-family: Helvetica, Arial, sans-serif; } .chp > audio, .chp > video { max-width: 100%; display: none; } .chp--boxShadow { box-shadow: 0px 20px 70px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.03); } .chp--hiddenPlaylist .chp__playlist { display: none; } .chp--borderRadius { border-radius: 6px; } .chp--borderRadius .plyr { border-radius: 6px; } .chp--borderRadius.chp--playlist .plyr { border-radius: 6px 6px 0 0; } .chp--borderRadius.chp--playlist .chp__playlist { border-radius: 0 0 6px 6px; } .chp--borderRadius.chp--hiddenPlaylist .plyr { border-radius: 6px; } .chp--playlist .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 50%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: translate(-50%, 10px) scale(0.8); transform: translate(-50%, 10px) scale(0.8); } .chp--playlist .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before { left: 50%; } .chp--playlist .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .chp--playlist .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip { opacity: 1; -webkit-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); left: 50%; } .chp--hiddenTooltips .plyr__tooltip { display: none !important; } .chp--hiddenTooltips .plyr__progress .plyr__tooltip { display: block !important; } .chp__native > audio, .chp__native > video { max-width: 100%; display: block; } .chp__control__prev, .chp__control__next { position: relative; display: block; box-sizing: content-box; width: 18px !important; height: 18px !important; } .chp__control__prev svg { position: absolute; } .chp__control__prev svg.chp__control__icon__first { top: 7px; left: 2px; -webkit-transform: scale(0.6) scaleX(-1); transform: scale(0.6) scaleX(-1); } .chp__control__prev svg.chp__control__icon__last { top: 7px; left: 10px; -webkit-transform: scale(0.6) scaleX(-1); transform: scale(0.6) scaleX(-1); } .chp__control__next svg { position: absolute; } .chp__control__next svg.chp__control__icon__first { top: 7px; right: 3px; -webkit-transform: scale(0.6); transform: scale(0.6); } .chp__control__next svg.chp__control__icon__last { top: 7px; right: 11px; -webkit-transform: scale(0.6); transform: scale(0.6); } .chp .plyr--audio .plyr__controls { background: #f3f5f7; padding: 20px 15px; } .chp .plyr--audio .chp__control__prev svg, .chp .plyr--audio .chp__control__next svg { opacity: .3; } .chp .plyr--audio .chp__control__prev:hover svg, .chp .plyr--audio .chp__control__next:hover svg { opacity: 1; } .chp__playlist { list-style: none; margin: 0; padding: 0 0 5px 0; position: relative; z-index: 3; overflow: auto; background: #fff; text-align: left; line-height: 1; } .chp__item { padding: 0; display: block; font-size: 13px; cursor: pointer; position: relative; color: #090f25; } .chp__item:nth-child(even) { background: #f3f5f7; } .chp__item:hover { background: #dedfe0; } .chp__item--active { background: #1aafff !important; color: #fff !important; } .chp__item--active svg { fill: #fff; } .chp__item__title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 8px 20px; } .chp__item .chp__item__download + .chp__item__title { margin-right: 30px; } .chp__item__descr { font-size: 90%; opacity: .5; } .chp__item__download { position: absolute; top: 1px; right: 10px; text-decoration: none; opacity: .33; color: inherit; width: 25px; height: 25px; } .chp__item__download svg { width: 20px; height: 20px; margin: 4px 0 0 3px; } .chp__item__download .plyr__tooltip { left: auto; right: 0; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); } .chp__item__download .plyr__tooltip:before { left: auto; right: 13px; -webkit-transform: translateX(50%); transform: translateX(50%); } .chp__item__download:hover { opacity: .8; } .chp__item__download:hover .plyr__tooltip { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1; } .chp__theme--dark .plyr--audio .plyr__controls { background: #2f3038; } .chp__theme--dark .plyr--audio .plyr__controls svg { fill: #ddd; } .chp__theme--dark .plyr--audio .plyr__controls .plyr__time { color: #ddd; opacity: .33; } .chp__theme--dark .chp__playlist { background: #2f3038; } .chp__theme--dark .chp__playlist .chp__item { background: #2f3038; color: #ddd; } .chp__theme--dark .chp__playlist .chp__item:nth-child(odd) { background: #26262d; } .chp__theme--dark .chp__playlist .chp__item:hover { background: #3f414b; } .chp__theme--dark .chp__playlist .chp__item--active { background: #1aafff !important; } .chp__theme--dark .chp__playlist .chp__item__download svg { fill: #ddd; } .chp__theme--blue .plyr--audio .plyr__controls { background: #3a3ecc; } .chp__theme--blue .plyr--audio .plyr__controls svg { fill: #ddd; } .chp__theme--blue .plyr--audio .plyr__controls .plyr__time { color: #ddd; opacity: .33; } .chp__theme--blue .chp__playlist { background: #3a3ecc; } .chp__theme--blue .chp__playlist .chp__item { background: #3a3ecc; color: #ddd; } .chp__theme--blue .chp__playlist .chp__item:nth-child(odd) { background: #3134bc; } .chp__theme--blue .chp__playlist .chp__item:hover { background: #565ad3; } .chp__theme--blue .chp__playlist .chp__item--active { background: #292da0 !important; } .chp__theme--blue .chp__playlist .chp__item__download svg { fill: #ddd; } .chp__theme--red .plyr--audio .plyr__controls { background: #a92229; } .chp__theme--red .plyr--audio .plyr__controls svg { fill: #ddd; } .chp__theme--red .plyr--audio .plyr__controls .plyr__time { color: #ddd; opacity: .33; } .chp__theme--red .chp__playlist { background: #a92229; } .chp__theme--red .chp__playlist .chp__item { background: #a92229; color: #ddd; } .chp__theme--red .chp__playlist .chp__item:nth-child(odd) { background: #981f25; } .chp__theme--red .chp__playlist .chp__item:hover { background: #c72830; } .chp__theme--red .chp__playlist .chp__item--active { background: #7f191f !important; } .chp__theme--red .chp__playlist .chp__item__download svg { fill: #ddd; } .chp__theme--green .plyr--audio .plyr__controls { background: #3c5530; } .chp__theme--green .plyr--audio .plyr__controls svg { fill: #ddd; } .chp__theme--green .plyr--audio .plyr__controls .plyr__time { color: #ddd; opacity: .33; } .chp__theme--green .chp__playlist { background: #3c5530; } .chp__theme--green .chp__playlist .chp__item { background: #3c5530; color: #ddd; } .chp__theme--green .chp__playlist .chp__item:nth-child(odd) { background: #334829; } .chp__theme--green .chp__playlist .chp__item:hover { background: #4c6c3d; } .chp__theme--green .chp__playlist .chp__item--active { background: #25341e !important; } .chp__theme--green .chp__playlist .chp__item__download svg { fill: #ddd; } .chp__theme--pink .plyr--audio .plyr__controls { background: #e530a7; } .chp__theme--pink .plyr--audio .plyr__controls svg { fill: #ddd; } .chp__theme--pink .plyr--audio .plyr__controls .plyr__time { color: #ddd; opacity: .33; } .chp__theme--pink .chp__playlist { background: #e530a7; } .chp__theme--pink .chp__playlist .chp__item { background: #e530a7; color: #ddd; } .chp__theme--pink .chp__playlist .chp__item:nth-child(odd) { background: #db1b99; } .chp__theme--pink .chp__playlist .chp__item:hover { background: #e950b4; } .chp__theme--pink .chp__playlist .chp__item--active { background: #c9198d !important; } .chp__theme--pink .chp__playlist .chp__item__download svg { fill: #ddd; } @media (min-width: 480px) { .plyr__captions { font-size: 16px; padding: 20px; } .plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control { margin-left: 10px; } .plyr--video .plyr__controls { padding: 35px 10px 10px; } .plyr__volume { max-width: 90px; } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; } .plyr__volume { max-width: 110px; } } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; } .plyr:fullscreen .plyr__captions { font-size: 21px; } .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; } .plyr:-moz-full-screen .plyr__captions { font-size: 21px; } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; } .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; } } @media (max-width: 767px) { .plyr__time + .plyr__time { display: none; } } @media (max-width: 480px) { .chp .plyr__controls .plyr__volume { display: none !important; } .chp .plyr--audio .plyr__controls { padding: 20px 10px; } }