.shogun-accordion-wrapper .shogun-accordion {
margin-bottom: 0;
border-radius: 4px;
}
.shogun-accordion {
margin-bottom: 20px;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.shogun-accordion-wrapper .shogun-accordion + .shogun-accordion {
margin-top: 5px;
}
.shogun-accordion-header {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.shogun-accordion-heading {
color: #333;
border-bottom: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
cursor: pointer;
}
.shogun-accordion-title {
margin: 0 !important;
padding: 0 !important;
cursor: pointer;
text-decoration: none;
flex: 1;
user-select: none;
}
.shogun-accordion-body {
display: none;
opacity: 0;
transition: opacity 0.5s linear;
}
.shogun-accordion-body.shogun-accordion-active {
display: block;
opacity: 1;
visibility: visible;
}
.shogun-accordion-icon {
display: flex;
justify-content: center;
align-items: center;
margin-left: 1.2em;
}
.shogun-accordion-icon > span {
transition: 0.3s transform;
position: absolute;
right: 0;
font-size: 1.2em;
}
.shogun-accordion-icon.shogun-icon-chevron > span::after {
content: "â–¸";
}
.shogun-accordion.shogun-accordion-active
> .shogun-accordion-heading
.shogun-accordion-icon.shogun-icon-chevron
> span {
transform: rotate(90deg);
}
.shogun-accordion-icon.shogun-icon-plus > span::after {
content: "＋";
}
.shogun-accordion.shogun-accordion-active
> .shogun-accordion-heading
.shogun-accordion-icon.shogun-icon-plus
> span {
transform: rotate(-225deg);
}
#s-6678a56b-00eb-4640-8606-87738de7cf4b {
margin-top: 10px;
margin-left: auto;
margin-bottom: 10px;
margin-right: auto;
}
#s-6678a56b-00eb-4640-8606-87738de7cf4b > .shogun-accordion-wrapper > .shogun-accordion {
border: 1px solid #ddd;
}
#s-6678a56b-00eb-4640-8606-87738de7cf4b > .shogun-accordion-wrapper > .shogun-accordion > .shogun-accordion-heading {
background: rgba(255, 255, 255, 1);
padding: 18px;
}
#s-6678a56b-00eb-4640-8606-87738de7cf4b > .shogun-accordion-wrapper > .shogun-accordion > .shogun-accordion-heading > .shogun-accordion-header > .shogun-accordion-icon > span {
color: rgba(0, 0, 0, 1);
}
#s-6678a56b-00eb-4640-8606-87738de7cf4b > .shogun-accordion-wrapper > .shogun-accordion > .shogun-accordion-body {
background-color: #fff;
border-top: 1px solid #ddd;
}
#s-6678a56b-00eb-4640-8606-87738de7cf4b > .shogun-accordion-wrapper > .shogun-accordion > .shogun-accordion-heading > .shogun-accordion-header > .shogun-accordion-title {
color: rgba(0, 0, 0, 1);
text-align: left;
font-family: Inter;
font-weight: ;
font-style: ;
font-size: 16px;
}
#s-6678a56b-00eb-4640-8606-87738de7cf4b > .shogun-accordion-wrapper > .shogun-accordion > .shogun-accordion-heading .shogun-accordion-icon {
font-size: 16px;
}
.shg-align-container {
box-sizing: border-box;
}
.shg-inner-inline-image {
position: relative;
overflow: hidden;
display: block;
width: 100%;
height: 100%;
}
.shogun-image-container.shg-align-left {
text-align: left;
}
.shogun-image-container.shg-align-center {
text-align: center;
}
.shogun-image-container.shg-align-right {
text-align: right;
}
.shogun-image-linked {
cursor: pointer;
}
.shogun-image-link {
display: block;
min-height: inherit;
max-height: inherit;
height: inherit;
position: relative;
}
img.shogun-image {
display: block;
margin: 0 auto;
max-width: 100%;
}
.shg-imageV3-content {
text-align: initial;
}
.shogun-image-content {
display: flex;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.shogun-image-content-linked,
.shogun-image-content-not-linked {
pointer-events: none;
}
.shogun-image-content-not-linked>div {
pointer-events: auto;
}
.shogun-image-content-linked a,
.shogun-image-content-linked button,
.shogun-image-content-linked iframe,
.shogun-image-content-linked .shg-box-linked {
pointer-events: auto;
}
.shogun-image-content>div {
width: 100%;
}
.shogun-image-content-top {
align-items: flex-start;
}
.shogun-image-content-center {
align-items: center;
}
.shogun-image-content-bottom {
align-items: flex-end;
}
.shg-inner-inline-image .shogun-image.hover~* {
z-index: 1;
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb {
margin-left: auto;
margin-right: auto;
max-width: 1081px;
text-align: center;
}
.shg-image-margin-container-s-c34f70e2-16e5-42a3-94fd-2363c1223cbb {
margin-left: auto;
margin-right: auto;
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb {
margin: 0 !important;
position: relative;
overflow: hidden;
width: 100%;
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb img.shogun-image {
height: 100%;
width: 100%;
/* Note: These properties need to be set at each viewport to prevent inheritance */
object-fit: cover;
object-position: 50% 50%;
transform: none;
transform-origin: none;
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb .shogun-image-content {
align-items: flex-start;
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shg-align-container {
display: flex;
justify-content: center
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shogun-image {
box-sizing: border-box;
}
@media (min-width: 1200px){.shg-image-margin-container-s-c34f70e2-16e5-42a3-94fd-2363c1223cbb {
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb {
margin: 0 !important;
position: relative;
overflow: hidden;
width: 100%;
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb img.shogun-image {
height: 100%;
width: 100%;
/* Note: These properties need to be set at each viewport to prevent inheritance */
object-fit: cover;
object-position: 50% 50%;
transform: none;
transform-origin: none;
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb .shogun-image-content {
align-items: flex-start;
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shg-align-container {
display: flex;
justify-content: center
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shogun-image {
box-sizing: border-box;
}
}@media (min-width: 992px) and (max-width: 1199px){.shg-image-margin-container-s-c34f70e2-16e5-42a3-94fd-2363c1223cbb {
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb {
margin: 0 !important;
position: relative;
overflow: hidden;
width: 100%;
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb img.shogun-image {
height: 100%;
width: 100%;
/* Note: These properties need to be set at each viewport to prevent inheritance */
object-fit: cover;
object-position: 50% 50%;
transform: none;
transform-origin: none;
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb .shogun-image-content {
align-items: flex-start;
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shg-align-container {
display: flex;
justify-content: center
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shogun-image {
box-sizing: border-box;
}
}@media (min-width: 768px) and (max-width: 991px){.shg-image-margin-container-s-c34f70e2-16e5-42a3-94fd-2363c1223cbb {
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb {
margin: 0 !important;
position: relative;
overflow: hidden;
width: 100%;
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb img.shogun-image {
height: 100%;
width: 100%;
/* Note: These properties need to be set at each viewport to prevent inheritance */
object-fit: cover;
object-position: 50% 50%;
transform: none;
transform-origin: none;
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb .shogun-image-content {
align-items: flex-start;
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shg-align-container {
display: flex;
justify-content: center
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shogun-image {
box-sizing: border-box;
}
}@media (max-width: 767px){.shg-image-margin-container-s-c34f70e2-16e5-42a3-94fd-2363c1223cbb {
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb {
margin: 0 !important;
position: relative;
overflow: hidden;
width: 100%;
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb img.shogun-image {
height: 100%;
width: 100%;
/* Note: These properties need to be set at each viewport to prevent inheritance */
object-fit: cover;
object-position: 50% 50%;
transform: none;
transform-origin: none;
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb .shogun-image-content {
align-items: flex-start;
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shg-align-container {
display: flex;
justify-content: center
}
.s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-c34f70e2-16e5-42a3-94fd-2363c1223cbb.shogun-image {
box-sizing: border-box;
}
}
.shg-row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: inherit;
max-height: inherit;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.shg-row > * {
min-height: inherit;
max-height: inherit;
}
[class*=shg-c-xs],
[class*=shg-c-sm],
[class*=shg-c-md],
[class*=shg-c-lg] {
position: relative;
}
/*
Shopify base css adds display none to empty divs
This causes items in the second column position to shift when
the first column is empty. In order to overwrite that style,
we have to manually set empty divs in the column to display block
so the whole element holds its positioning on published pages.
*/
.shg-row > div:empty {
display: block;
}
#s-ec6df3f1-386d-4b13-b665-43c8517519b0 {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
[id="s-ec6df3f1-386d-4b13-b665-43c8517519b0"] > .shg-row > .shg-c-xs-12 {
width: 100%;
}
}
@media (min-width: 768px) {
[id="s-ec6df3f1-386d-4b13-b665-43c8517519b0"] > .shg-row > .shg-c-sm-4 {
width: calc(33.333333333333336% - 6.666666666666667px);
}
}
@media (min-width: 992px) {
[id="s-ec6df3f1-386d-4b13-b665-43c8517519b0"] > .shg-row > .shg-c-md-4 {
width: calc(33.333333333333336% - 6.666666666666667px);
}
}
@media (min-width: 1200px) {
[id="s-ec6df3f1-386d-4b13-b665-43c8517519b0"] > .shg-row > .shg-c-lg-4 {
width: calc(33.333333333333336% - 6.666666666666667px);
}
}
.shg-rich-text {
overflow-wrap: break-word;
}
.shg-rich-text img {
margin: 0 20px;
}
@media (max-width: 768px) {
.shg-rich-text img {
display: block;
float: none !important;
margin: 0 auto;
}
}
.shg-default-text-content *:first-child {
margin-top: 0;
}
.shg-default-text-content {
text-align: left;
}
.shg-default-text-content p,
.shg-default-text-content h1,
.shg-default-text-content h2,
.shg-default-text-content h3,
.shg-default-text-content h4,
.shg-default-text-content h5,
.shg-default-text-content h6,
.shg-default-text-content address,
.shg-default-text-content pre,
.shg-default-text-content div,
.shg-default-text-content ol,
.shg-default-text-content ul {
background-color: transparent;
border: 0;
border-radius: 0;
color: #000000;
font-family: inherit;
font-style: normal;
margin-bottom: 0;
padding: 0;
text-align: left;
text-transform: none;
}
.shg-default-text-content h1,
.shg-default-text-content h2,
.shg-default-text-content h3,
.shg-default-text-content h4,
.shg-default-text-content h5,
.shg-default-text-content h6 {
color: ;
font-family: ;
font-weight: ;
}
.shg-default-text-content a {
background-color: inherit;
color: inherit;
cursor: pointer;
font-family: inherit;
font-style: inherit;
text-decoration: underline;
text-transform: inherit;
}
.shg-default-text-content strong,
.shg-default-text-content em {
background-color: inherit;
color: inherit;
font-family: inherit;
font-size: inherit;
letter-spacing: inherit;
line-height: inherit;
text-align: inherit;
text-transform: inherit;
}
.shg-default-text-content em {
font-weight: inherit;
}
.shg-default-text-content strong {
font-style: inherit;
font-weight: 700;
}
/* https://stackoverflow.com/a/16094931/3696652 */
.shg-default-text-content ::selection,
.shg-default-text-content *::selection {
background: #accef7;
}
.shg-default-text-content p {
font-size: 1em;
font-weight: ;
letter-spacing: -0.005em;
line-height: 1.714;
margin-top: 0.6em;
color: ;
font-family: ;
}
.shg-default-text-content h1 {
font-size: 1.714em;
font-weight: 500;
letter-spacing: -0.01em;
line-height: 1.166;
margin-top: 0.67em;
}
.shg-default-text-content h2 {
font-size: 1.43em;
font-weight: 500;
letter-spacing: -0.01em;
line-height: 1.2;
margin-top: 0.83em;
}
.shg-default-text-content h3 {
font-size: 1.142em;
font-weight: 500;
letter-spacing: -0.008em;
line-height: 1.5;
margin-top: 1em;
}
.shg-default-text-content h4 {
font-size: 1em;
font-weight: 600;
letter-spacing: -0.006em;
line-height: 1.428;
margin-top: 1.33em;
}
.shg-default-text-content h5 {
font-size: 0.857em;
font-weight: 600;
letter-spacing: -0.003em;
line-height: 1.333;
margin-top: 1.43em;
}
.shg-default-text-content h6 {
font-size: 0.785em;
font-weight: 600;
letter-spacing: -0.003em;
line-height: 1.454;
margin-top: 1.42em;
text-transform: uppercase;
}
.shg-default-text-content ul {
list-style: disc;
}
.shg-default-text-content ol {
list-style: decimal;
}
.shg-default-text-content ul,
.shg-default-text-content ol {
margin-block-end: 1em;
margin-block-start: 1em;
margin-bottom: 0;
margin-inline-end: 0;
margin-inline-start: 0;
margin-top: 0;
padding-inline-start: 40px;
}
.shg-default-text-content li {
font-size: 1em;
font-weight: normal;
letter-spacing: -0.005em;
line-height: 1;
list-style: inherit;
margin-top: 0.67em;
}
.shg-default-text-content pre {
font-family: monospace;
font-size: 1em;
font-weight: normal;
letter-spacing: -0.005em;
line-height: 1.714;
margin-top: 1em;
white-space: pre-wrap;
word-break: normal;
}
.shg-default-text-content address {
font-size: 1em;
font-style: italic;
font-weight: normal;
letter-spacing: -0.005em;
line-height: 1.714;
margin-top: 0;
}
.shg-default-text-content div {
font-size: 1em;
font-weight: normal;
letter-spacing: -0.005em;
line-height: 1.714;
margin-bottom: 0;
margin-top: 0.67em;
}
.shg-theme-text-content h1,
.shg-theme-text-content h2,
.shg-theme-text-content h3,
.shg-theme-text-content h4,
.shg-theme-text-content h5,
.shg-theme-text-content h6 {
color: ;
font-family: ;
font-weight: ;
}
.shg-theme-text-content p {
color: ;
font-family: ;
font-weight: ;
}
#s-fafa2dc5-ed98-45bc-9e7f-bddac881826f {
margin-left: 0px;
margin-right: 0px;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
#s-97a04248-3079-45d9-927f-00caa3f252b7 {
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
#s-a333fd87-95ee-4a48-a495-36c1c4efaf00 {
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
#s-4944c5ef-a533-4765-8056-9faa2f8782ad {
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 0px) {
[id="s-4944c5ef-a533-4765-8056-9faa2f8782ad"] > .shg-row > .shg-c-xs-4 {
width: calc(33.333333333333336% - 20.0px);
}
}
@media (min-width: 768px) {
[id="s-4944c5ef-a533-4765-8056-9faa2f8782ad"] > .shg-row > .shg-c-sm-4 {
width: calc(33.333333333333336% - 20.0px);
}
}
@media (min-width: 992px) {
[id="s-4944c5ef-a533-4765-8056-9faa2f8782ad"] > .shg-row > .shg-c-md-4 {
width: calc(33.333333333333336% - 20.0px);
}
}
@media (min-width: 1200px) {
[id="s-4944c5ef-a533-4765-8056-9faa2f8782ad"] > .shg-row > .shg-c-lg-4 {
width: calc(33.333333333333336% - 20.0px);
}
}
.shg-align-container {
box-sizing: border-box;
}
.shg-image-content-wrapper {
position: relative;
}
.shogun-image-container.shg-align-left {
text-align: left;
}
.shogun-image-container.shg-align-center {
text-align: center;
}
.shogun-image-container.shg-align-right {
text-align: right;
}
.shogun-image-linked {
cursor: pointer;
}
.shogun-image-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
padding: 20px;
align-items: center;
justify-content: center;
pointer-events: none;
}
.shogun-image-overlay.shg-top-left {
align-items: flex-start;
justify-content: flex-start;
}
.shogun-image-overlay.shg-top-center {
align-items: flex-start;
justify-content: center;
}
.shogun-image-overlay.shg-top-right {
align-items: flex-start;
justify-content: flex-end;
}
.shogun-image-overlay.shg-middle-left {
align-items: center;
justify-content: flex-start;
}
.shogun-image-overlay.shg-middle-center {
align-items: center;
justify-content: center;
}
.shogun-image-overlay.shg-middle-right {
align-items: center;
justify-content: flex-end;
}
.shogun-image-overlay.shg-bottom-left {
align-items: flex-end;
justify-content: flex-start;
}
.shogun-image-overlay.shg-bottom-center {
align-items: flex-end;
justify-content: center;
}
.shogun-image-overlay.shg-bottom-right {
align-items: flex-end;
justify-content: flex-end;
}
.shogun-image-overlay p {
margin: 0;
padding: 0;
line-height: normal;
}
.shogun-image-cover {
object-fit: cover;
font-family: "object-fit: cover;";
width: 100%;
}
.shogun-image-contain {
font-family: "object-fit: contain;";
object-fit: contain;
width: 100%;
}
.shogun-image-link {
display: block;
min-height: inherit;
max-height: inherit;
height: inherit;
position: relative;
}
img.shogun-image {
display: block;
margin: 0 auto;
max-width: 100%;
}
.shg-imageV2-content {
text-align: initial;
}
.shogun-image-content {
display: flex;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.shogun-image-content-linked,
.shogun-image-content-not-linked {
pointer-events: none;
}
.shogun-image-content-not-linked>div {
pointer-events: auto;
}
.shogun-image-content-linked a,
.shogun-image-content-linked button,
.shogun-image-content-linked iframe,
.shogun-image-content-linked .shg-box-linked {
pointer-events: auto;
}
.shogun-image-content>div {
width: 100%;
}
.shogun-image-content-top {
align-items: flex-start;
}
.shogun-image-content-center {
align-items: center;
}
.shogun-image-content-bottom {
align-items: flex-end;
}
.shg-image-content-wrapper .shogun-image.hover~* {
z-index: 1;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
margin-top: 50px;
margin-left: 50px;
margin-bottom: 50px;
margin-right: 50px;
max-width: 300px;
aspect-ratio: 500/300;
text-align: center;
}
@media (max-width: 767px){#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;
}
}
.shg-image-margin-container-s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
margin-left: 50px;
margin-right: 50px;
margin-top: 50px;
margin-bottom: 50px;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
width: 100%;
height: auto;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image {
max-height: 300px;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shogun-image-content {
align-items: center;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shg-align-container {
display: flex;
justify-content: center
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
--shg-aspect-ratio: calc(500/300);
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
position: relative;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
@media (min-width: 1200px){
.shg-image-margin-container-s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
width: 100%;
height: auto;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image {
max-height: 300px;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shogun-image-content {
align-items: center;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shg-align-container {
display: flex;
justify-content: center
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
--shg-aspect-ratio: calc(500/300);
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
position: relative;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
.shg-image-margin-container-s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
width: 100%;
height: auto;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image {
max-height: 300px;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shogun-image-content {
align-items: center;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shg-align-container {
display: flex;
justify-content: center
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
--shg-aspect-ratio: calc(500/300);
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
position: relative;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
}@media (min-width: 768px) and (max-width: 991px){
.shg-image-margin-container-s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
width: 100%;
height: auto;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image {
max-height: 300px;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shogun-image-content {
align-items: center;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shg-align-container {
display: flex;
justify-content: center
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
--shg-aspect-ratio: calc(500/300);
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
position: relative;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
}@media (max-width: 767px){
.shg-image-margin-container-s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
width: 100%;
height: auto;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image {
max-height: 300px;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d .shogun-image-content {
align-items: center;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shg-align-container {
display: flex;
justify-content: center
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d {
--shg-aspect-ratio: calc(500/300);
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container {
position: relative;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-00cd2bad-fd0b-465e-bbb0-d5bb4dd73a9d img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
margin-top: 50px;
margin-left: 50px;
margin-bottom: 50px;
margin-right: 50px;
max-width: 300px;
aspect-ratio: 500/300;
text-align: center;
}
@media (max-width: 767px){#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;
}
}
.shg-image-margin-container-s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
margin-left: 50px;
margin-right: 50px;
margin-top: 50px;
margin-bottom: 50px;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
width: 100%;
height: auto;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image {
max-height: 300px;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shogun-image-content {
align-items: center;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shg-align-container {
display: flex;
justify-content: center
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
--shg-aspect-ratio: calc(500/300);
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
position: relative;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
@media (min-width: 1200px){
.shg-image-margin-container-s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
width: 100%;
height: auto;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image {
max-height: 300px;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shogun-image-content {
align-items: center;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shg-align-container {
display: flex;
justify-content: center
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
--shg-aspect-ratio: calc(500/300);
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
position: relative;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
.shg-image-margin-container-s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
width: 100%;
height: auto;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image {
max-height: 300px;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shogun-image-content {
align-items: center;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shg-align-container {
display: flex;
justify-content: center
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
--shg-aspect-ratio: calc(500/300);
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
position: relative;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
}@media (min-width: 768px) and (max-width: 991px){
.shg-image-margin-container-s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
width: 100%;
height: auto;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image {
max-height: 300px;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shogun-image-content {
align-items: center;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shg-align-container {
display: flex;
justify-content: center
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
--shg-aspect-ratio: calc(500/300);
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
position: relative;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
}@media (max-width: 767px){
.shg-image-margin-container-s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
width: 100%;
height: auto;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image {
max-height: 300px;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 .shogun-image-content {
align-items: center;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shg-align-container {
display: flex;
justify-content: center
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 {
--shg-aspect-ratio: calc(500/300);
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container {
position: relative;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-4ee0136b-9e4d-4dcc-ac27-b597eda00125 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
margin-top: 50px;
margin-left: 50px;
margin-bottom: 50px;
margin-right: 50px;
max-width: 300px;
aspect-ratio: 500/300;
text-align: center;
}
@media (max-width: 767px){#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;
}
}
.shg-image-margin-container-s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
margin-left: 50px;
margin-right: 50px;
margin-top: 50px;
margin-bottom: 50px;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
width: 100%;
height: auto;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image {
max-height: 300px;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shogun-image-content {
align-items: center;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shg-align-container {
display: flex;
justify-content: center
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
--shg-aspect-ratio: calc(500/300);
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
position: relative;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
@media (min-width: 1200px){
.shg-image-margin-container-s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
width: 100%;
height: auto;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image {
max-height: 300px;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shogun-image-content {
align-items: center;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shg-align-container {
display: flex;
justify-content: center
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
--shg-aspect-ratio: calc(500/300);
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
position: relative;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
.shg-image-margin-container-s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
width: 100%;
height: auto;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image {
max-height: 300px;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shogun-image-content {
align-items: center;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shg-align-container {
display: flex;
justify-content: center
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
--shg-aspect-ratio: calc(500/300);
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
position: relative;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
}@media (min-width: 768px) and (max-width: 991px){
.shg-image-margin-container-s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
width: 100%;
height: auto;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image {
max-height: 300px;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shogun-image-content {
align-items: center;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shg-align-container {
display: flex;
justify-content: center
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
--shg-aspect-ratio: calc(500/300);
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
position: relative;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
}@media (max-width: 767px){
.shg-image-margin-container-s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
margin: 0 !important;
}
@supports (aspect-ratio: 1/1) {
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shg-image-content-wrapper {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shogun-image-link {
aspect-ratio: 500/300;
min-width: 100%;
height: auto;
}
}
@supports not (aspect-ratio: 1/1) {
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
width: 100%;
height: auto;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 img.shogun-image {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
max-height: 300px;
}
img.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image {
max-height: 300px;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 .shogun-image-content {
align-items: center;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shg-align-container {
display: flex;
justify-content: center
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 {
--shg-aspect-ratio: calc(500/300);
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container {
position: relative;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-dddbc3d2-6bf0-49e1-b9e8-cd3325261907 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 300px;
}
}
}
.shogun-video {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.shogun-video-16x9 {
padding-bottom: 56.25%;
}
.shogun-video-4x3 {
padding-bottom: 75%;
}
.shogun-video-embed {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
#s-bd0c303c-fb0c-4713-8f74-018b1c29ab77 {
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
#s-9015b6f6-5bff-4c68-ae04-1141c7f04154 {
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 10px;
}
#s-e70cf913-c4a7-43ec-9f51-9425231ca899 {
margin-left: 0px;
margin-right: 0px;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
#s-ad103c98-93ae-4cc0-a3e6-3795874eb9b9 {
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
#s-3b030ab1-3e1e-417d-b662-82023a3607c6 {
margin-left: auto;
margin-right: auto;
padding-top: 0px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
/*
$vgutter : 20px
$hgutter : 10px;
*/
.shg-c:before,
.shg-c:after {
content: " ";
display: table;
}
/**
Ref:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
https://dnf.slack.com/archives/C0514HB79/p1538741509000100
**/
.shogun-root {
z-index: 1;
position: relative;
isolation: isolate;
}
.shogun-root iframe {
display: initial;
}
#mc_embed_signup .clear {
width: auto !important;
height: auto !important;
visibility: visible !important;
}
.shg-clearfix:after {
content: "";
display: block;
clear: both;
}
.shogun-image {
max-width: 100%;
min-height: inherit;
max-height: inherit;
display: inline !important;
border: 0;
vertical-align: middle;
}
.shg-fw {
margin-left: calc(50% - 50vw);
width: 100vw;
}
.shg-fw .shg-fw {
margin-left: auto;
margin-right: auto;
width: 100%;
}
div[data-shg-lightbox-switch] {
cursor: pointer;
}
.shg-lightbox {
position: fixed;
z-index: 999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.85);
}
.shg-lightbox.hidden {
display: none !important;
}
.shg-lightbox .shg-lightbox-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.shg-lightbox .shg-lightbox-close {
position: absolute;
right: 0;
padding: 5px 0;
color: #fff;
font-size: 45px;
margin-right: 10px;
line-height: 30px;
user-select: none;
cursor: pointer;
z-index: 1;
}
.shg-lightbox .shg-lightbox-image-container {
padding: 25px;
}
.shg-lightbox .shg-lightbox-image {
margin: auto;
max-height: 90vh;
max-width: 100%;
}
.shg-lightbox .shg-lightbox-close:hover,
.shg-lightbox .shg-lightbox-close:focus {
color: #a2a2a2;
text-decoration: none;
cursor: pointer;
}
.shg-lightbox .shg-lightbox-nav {
cursor: pointer;
position: absolute;
top: 50%;
width: 35px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transform: translate(0%, -50%);
z-index: 1;
}
.shg-lightbox .shg-lightbox-nav.hidden {
display: none !important;
}
.shg-lightbox .shg-lightbox-nav.shg-nav-left {
left: 0;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==);
}
.shg-lightbox .shg-lightbox-nav.shg-nav-right {
right: 0;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+);
}
@media screen and (min-width: 769px) {
.shg-lightbox .shg-lightbox-image-container {
padding: 50px;
}
}
.shogun-lazyload:not([src]),
.shogun-lazyloading:not([src]) {
opacity: 0;
}
.shogun-lazyloaded {
opacity: 1;
transition: opacity 300ms;
}
.shogun-root a:empty,
.shogun-root article:empty,
.shogun-root dl:empty,
.shogun-root h1:empty,
.shogun-root h2:empty,
.shogun-root h3:empty,
.shogun-root h4:empty,
.shogun-root h5:empty,
.shogun-root h6:empty,
.shogun-root p:empty,
.shogun-root section:empty,
.shogun-root ul:empty {
display: unset;
}
.shogun-root div:empty:not(.shopify-section *):not([id^="wistia"]) {
display: inline-block;
}
/* User Content Animations --> */
[data-animations*="enterviewport"][data-animations*="fadeIn"],
[data-animations*="enterviewport"][data-animations*="zoomIn"] {
opacity: 0;
}
/* <-- User Content Animations */
.shogun-form-error-msg,
.shogun-form-field-error-msg {
display: flex;
align-items: center;
color: #dc143c;
}
.shogun-badge {
margin-bottom: 50px;
}
.shogun-badge-container {
position: fixed;
right: 0;
bottom: 0;
margin-bottom: -10px;
}