@media (max-width: 574.99px) { .width-xs-50 { min-width: 50px; max-width: 50px; } .width-xs-100 { min-width: 100px; max-width: 100px; } .width-xs-150 { min-width: 150px; max-width: 150px; } .width-xs-200 { min-width: 200px; max-width: 200px; } .width-xs-250 { min-width: 250px; max-width: 250px; } .width-xs-300 { min-width: 300px; max-width: 300px; } .width-xs-350 { min-width: 350px; max-width: 350px; } .width-xs-400 { min-width: 400px; max-width: 400px; } .width-xs-450 { min-width: 450px; max-width: 450px; } .width-xs-500 { min-width: 500px; max-width: 500px; } .width-xs-550 { min-width: 550px; max-width: 550px; } .width-xs-600 { min-width: 600px; max-width: 600px; } .width-xs-650 { min-width: 650px; max-width: 650px; } .width-xs-700 { min-width: 700px; max-width: 700px; } .width-xs-750 { min-width: 750px; max-width: 750px; } .width-xs-800 { min-width: 800px; max-width: 800px; } .width-xs-850 { min-width: 850px; max-width: 850px; } .width-xs-900 { min-width: 900px; max-width: 900px; } .width-xs-950 { min-width: 950px; max-width: 950px; } .width-xs-1000 { min-width: 1000px; max-width: 1000px; } } @media (min-width: 575px) { .width-sm-50 { min-width: 50px; max-width: 50px; } .width-sm-100 { min-width: 100px; max-width: 100px; } .width-sm-150 { min-width: 150px; max-width: 150px; } .width-sm-200 { min-width: 200px; max-width: 200px; } .width-sm-250 { min-width: 250px; max-width: 250px; } .width-sm-300 { min-width: 300px; max-width: 300px; } .width-sm-350 { min-width: 350px; max-width: 350px; } .width-sm-400 { min-width: 400px; max-width: 400px; } .width-sm-450 { min-width: 450px; max-width: 450px; } .width-sm-500 { min-width: 500px; max-width: 500px; } .width-sm-550 { min-width: 550px; max-width: 550px; } .width-sm-600 { min-width: 600px; max-width: 600px; } .width-sm-650 { min-width: 650px; max-width: 650px; } .width-sm-700 { min-width: 700px; max-width: 700px; } .width-sm-750 { min-width: 750px; max-width: 750px; } .width-sm-800 { min-width: 800px; max-width: 800px; } .width-sm-850 { min-width: 850px; max-width: 850px; } .width-sm-900 { min-width: 900px; max-width: 900px; } .width-sm-950 { min-width: 950px; max-width: 950px; } .width-sm-1000 { min-width: 1000px; max-width: 1000px; } } @media (min-width: 575px) and (max-width: 991.99px) { .width-smo-50 { min-width: 50px; max-width: 50px; } .width-smo-100 { min-width: 100px; max-width: 100px; } .width-smo-150 { min-width: 150px; max-width: 150px; } .width-smo-200 { min-width: 200px; max-width: 200px; } .width-smo-250 { min-width: 250px; max-width: 250px; } .width-smo-300 { min-width: 300px; max-width: 300px; } .width-smo-350 { min-width: 350px; max-width: 350px; } .width-smo-400 { min-width: 400px; max-width: 400px; } .width-smo-450 { min-width: 450px; max-width: 450px; } .width-smo-500 { min-width: 500px; max-width: 500px; } .width-smo-550 { min-width: 550px; max-width: 550px; } .width-smo-600 { min-width: 600px; max-width: 600px; } .width-smo-650 { min-width: 650px; max-width: 650px; } .width-smo-700 { min-width: 700px; max-width: 700px; } .width-smo-750 { min-width: 750px; max-width: 750px; } .width-smo-800 { min-width: 800px; max-width: 800px; } .width-smo-850 { min-width: 850px; max-width: 850px; } .width-smo-900 { min-width: 900px; max-width: 900px; } .width-smo-950 { min-width: 950px; max-width: 950px; } .width-smo-1000 { min-width: 1000px; max-width: 1000px; } } @media (max-width: 991.99px) { .width-smb-50 { min-width: 50px; max-width: 50px; } .width-smb-100 { min-width: 100px; max-width: 100px; } .width-smb-150 { min-width: 150px; max-width: 150px; } .width-smb-200 { min-width: 200px; max-width: 200px; } .width-smb-250 { min-width: 250px; max-width: 250px; } .width-smb-300 { min-width: 300px; max-width: 300px; } .width-smb-350 { min-width: 350px; max-width: 350px; } .width-smb-400 { min-width: 400px; max-width: 400px; } .width-smb-450 { min-width: 450px; max-width: 450px; } .width-smb-500 { min-width: 500px; max-width: 500px; } .width-smb-550 { min-width: 550px; max-width: 550px; } .width-smb-600 { min-width: 600px; max-width: 600px; } .width-smb-650 { min-width: 650px; max-width: 650px; } .width-smb-700 { min-width: 700px; max-width: 700px; } .width-smb-750 { min-width: 750px; max-width: 750px; } .width-smb-800 { min-width: 800px; max-width: 800px; } .width-smb-850 { min-width: 850px; max-width: 850px; } .width-smb-900 { min-width: 900px; max-width: 900px; } .width-smb-950 { min-width: 950px; max-width: 950px; } .width-smb-1000 { min-width: 1000px; max-width: 1000px; } } @media (min-width: 992px) { .width-md-50 { min-width: 50px; max-width: 50px; } .width-md-100 { min-width: 100px; max-width: 100px; } .width-md-150 { min-width: 150px; max-width: 150px; } .width-md-200 { min-width: 200px; max-width: 200px; } .width-md-250 { min-width: 250px; max-width: 250px; } .width-md-300 { min-width: 300px; max-width: 300px; } .width-md-350 { min-width: 350px; max-width: 350px; } .width-md-400 { min-width: 400px; max-width: 400px; } .width-md-450 { min-width: 450px; max-width: 450px; } .width-md-500 { min-width: 500px; max-width: 500px; } .width-md-550 { min-width: 550px; max-width: 550px; } .width-md-600 { min-width: 600px; max-width: 600px; } .width-md-650 { min-width: 650px; max-width: 650px; } .width-md-700 { min-width: 700px; max-width: 700px; } .width-md-750 { min-width: 750px; max-width: 750px; } .width-md-800 { min-width: 800px; max-width: 800px; } .width-md-850 { min-width: 850px; max-width: 850px; } .width-md-900 { min-width: 900px; max-width: 900px; } .width-md-950 { min-width: 950px; max-width: 950px; } .width-md-1000 { min-width: 1000px; max-width: 1000px; } } @media (min-width: 992px) and (max-width: 1199.99px) { .width-mdo-50 { min-width: 50px; max-width: 50px; } .width-mdo-100 { min-width: 100px; max-width: 100px; } .width-mdo-150 { min-width: 150px; max-width: 150px; } .width-mdo-200 { min-width: 200px; max-width: 200px; } .width-mdo-250 { min-width: 250px; max-width: 250px; } .width-mdo-300 { min-width: 300px; max-width: 300px; } .width-mdo-350 { min-width: 350px; max-width: 350px; } .width-mdo-400 { min-width: 400px; max-width: 400px; } .width-mdo-450 { min-width: 450px; max-width: 450px; } .width-mdo-500 { min-width: 500px; max-width: 500px; } .width-mdo-550 { min-width: 550px; max-width: 550px; } .width-mdo-600 { min-width: 600px; max-width: 600px; } .width-mdo-650 { min-width: 650px; max-width: 650px; } .width-mdo-700 { min-width: 700px; max-width: 700px; } .width-mdo-750 { min-width: 750px; max-width: 750px; } .width-mdo-800 { min-width: 800px; max-width: 800px; } .width-mdo-850 { min-width: 850px; max-width: 850px; } .width-mdo-900 { min-width: 900px; max-width: 900px; } .width-mdo-950 { min-width: 950px; max-width: 950px; } .width-mdo-1000 { min-width: 1000px; max-width: 1000px; } } @media (max-width: 1199.99px) { .width-mdb-50 { min-width: 50px; max-width: 50px; } .width-mdb-100 { min-width: 100px; max-width: 100px; } .width-mdb-150 { min-width: 150px; max-width: 150px; } .width-mdb-200 { min-width: 200px; max-width: 200px; } .width-mdb-250 { min-width: 250px; max-width: 250px; } .width-mdb-300 { min-width: 300px; max-width: 300px; } .width-mdb-350 { min-width: 350px; max-width: 350px; } .width-mdb-400 { min-width: 400px; max-width: 400px; } .width-mdb-450 { min-width: 450px; max-width: 450px; } .width-mdb-500 { min-width: 500px; max-width: 500px; } .width-mdb-550 { min-width: 550px; max-width: 550px; } .width-mdb-600 { min-width: 600px; max-width: 600px; } .width-mdb-650 { min-width: 650px; max-width: 650px; } .width-mdb-700 { min-width: 700px; max-width: 700px; } .width-mdb-750 { min-width: 750px; max-width: 750px; } .width-mdb-800 { min-width: 800px; max-width: 800px; } .width-mdb-850 { min-width: 850px; max-width: 850px; } .width-mdb-900 { min-width: 900px; max-width: 900px; } .width-mdb-950 { min-width: 950px; max-width: 950px; } .width-mdb-1000 { min-width: 1000px; max-width: 1000px; } } @media (min-width: 1200px) { .width-lg-50 { min-width: 50px; max-width: 50px; } .width-lg-100 { min-width: 100px; max-width: 100px; } .width-lg-150 { min-width: 150px; max-width: 150px; } .width-lg-200 { min-width: 200px; max-width: 200px; } .width-lg-250 { min-width: 250px; max-width: 250px; } .width-lg-300 { min-width: 300px; max-width: 300px; } .width-lg-350 { min-width: 350px; max-width: 350px; } .width-lg-400 { min-width: 400px; max-width: 400px; } .width-lg-450 { min-width: 450px; max-width: 450px; } .width-lg-500 { min-width: 500px; max-width: 500px; } .width-lg-550 { min-width: 550px; max-width: 550px; } .width-lg-600 { min-width: 600px; max-width: 600px; } .width-lg-650 { min-width: 650px; max-width: 650px; } .width-lg-700 { min-width: 700px; max-width: 700px; } .width-lg-750 { min-width: 750px; max-width: 750px; } .width-lg-800 { min-width: 800px; max-width: 800px; } .width-lg-850 { min-width: 850px; max-width: 850px; } .width-lg-900 { min-width: 900px; max-width: 900px; } .width-lg-950 { min-width: 950px; max-width: 950px; } .width-lg-1000 { min-width: 1000px; max-width: 1000px; } } .sfm__wrapper.bordered { padding: 10px 0; margin: 10px 0; border-top: 2px solid #cc0000; border-bottom: 2px solid #cc0000; } .sfm__headline { font-size: 18px; font-weight: bold; margin-bottom: 10px; } @media (max-width: 574.99px) { @supports (display: flex) { .sfm-articles--xs-2-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--xs-2-c .article { flex-basis: calc(50% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--xs-2-c { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--xs-2-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--xs-3-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--xs-3-c .article { flex-basis: calc(33.3333333333% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--xs-3-c { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--xs-3-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--xs-4-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--xs-4-c .article { flex-basis: calc(25% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--xs-4-c { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--xs-4-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--xs-5-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--xs-5-c .article { flex-basis: calc(20% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--xs-5-c { display: grid; grid-template-columns: repeat(5, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--xs-5-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--xs-6-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--xs-6-c .article { flex-basis: calc(16.6666666667% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--xs-6-c { display: grid; grid-template-columns: repeat(6, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--xs-6-c .article { margin: 0; } } } @media (min-width: 575px) { @supports (display: flex) { .sfm-articles--sm-2-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--sm-2-c .article { flex-basis: calc(50% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--sm-2-c { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--sm-2-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--sm-3-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--sm-3-c .article { flex-basis: calc(33.3333333333% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--sm-3-c { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--sm-3-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--sm-4-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--sm-4-c .article { flex-basis: calc(25% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--sm-4-c { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--sm-4-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--sm-5-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--sm-5-c .article { flex-basis: calc(20% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--sm-5-c { display: grid; grid-template-columns: repeat(5, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--sm-5-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--sm-6-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--sm-6-c .article { flex-basis: calc(16.6666666667% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--sm-6-c { display: grid; grid-template-columns: repeat(6, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--sm-6-c .article { margin: 0; } } } @media (min-width: 575px) and (max-width: 991.99px) { @supports (display: flex) { .sfm-articles--smo-2-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--smo-2-c .article { flex-basis: calc(50% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--smo-2-c { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--smo-2-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--smo-3-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--smo-3-c .article { flex-basis: calc(33.3333333333% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--smo-3-c { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--smo-3-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--smo-4-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--smo-4-c .article { flex-basis: calc(25% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--smo-4-c { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--smo-4-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--smo-5-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--smo-5-c .article { flex-basis: calc(20% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--smo-5-c { display: grid; grid-template-columns: repeat(5, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--smo-5-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--smo-6-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--smo-6-c .article { flex-basis: calc(16.6666666667% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--smo-6-c { display: grid; grid-template-columns: repeat(6, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--smo-6-c .article { margin: 0; } } } @media (max-width: 991.99px) { @supports (display: flex) { .sfm-articles--smb-2-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--smb-2-c .article { flex-basis: calc(50% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--smb-2-c { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--smb-2-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--smb-3-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--smb-3-c .article { flex-basis: calc(33.3333333333% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--smb-3-c { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--smb-3-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--smb-4-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--smb-4-c .article { flex-basis: calc(25% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--smb-4-c { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--smb-4-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--smb-5-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--smb-5-c .article { flex-basis: calc(20% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--smb-5-c { display: grid; grid-template-columns: repeat(5, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--smb-5-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--smb-6-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--smb-6-c .article { flex-basis: calc(16.6666666667% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--smb-6-c { display: grid; grid-template-columns: repeat(6, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--smb-6-c .article { margin: 0; } } } @media (min-width: 992px) { @supports (display: flex) { .sfm-articles--md-2-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--md-2-c .article { flex-basis: calc(50% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--md-2-c { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--md-2-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--md-3-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--md-3-c .article { flex-basis: calc(33.3333333333% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--md-3-c { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--md-3-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--md-4-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--md-4-c .article { flex-basis: calc(25% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--md-4-c { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--md-4-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--md-5-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--md-5-c .article { flex-basis: calc(20% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--md-5-c { display: grid; grid-template-columns: repeat(5, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--md-5-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--md-6-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--md-6-c .article { flex-basis: calc(16.6666666667% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--md-6-c { display: grid; grid-template-columns: repeat(6, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--md-6-c .article { margin: 0; } } } @media (min-width: 992px) and (max-width: 1199.99px) { @supports (display: flex) { .sfm-articles--mdo-2-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--mdo-2-c .article { flex-basis: calc(50% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--mdo-2-c { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--mdo-2-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--mdo-3-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--mdo-3-c .article { flex-basis: calc(33.3333333333% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--mdo-3-c { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--mdo-3-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--mdo-4-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--mdo-4-c .article { flex-basis: calc(25% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--mdo-4-c { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--mdo-4-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--mdo-5-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--mdo-5-c .article { flex-basis: calc(20% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--mdo-5-c { display: grid; grid-template-columns: repeat(5, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--mdo-5-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--mdo-6-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--mdo-6-c .article { flex-basis: calc(16.6666666667% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--mdo-6-c { display: grid; grid-template-columns: repeat(6, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--mdo-6-c .article { margin: 0; } } } @media (max-width: 1199.99px) { @supports (display: flex) { .sfm-articles--mdb-2-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--mdb-2-c .article { flex-basis: calc(50% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--mdb-2-c { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--mdb-2-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--mdb-3-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--mdb-3-c .article { flex-basis: calc(33.3333333333% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--mdb-3-c { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--mdb-3-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--mdb-4-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--mdb-4-c .article { flex-basis: calc(25% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--mdb-4-c { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--mdb-4-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--mdb-5-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--mdb-5-c .article { flex-basis: calc(20% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--mdb-5-c { display: grid; grid-template-columns: repeat(5, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--mdb-5-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--mdb-6-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--mdb-6-c .article { flex-basis: calc(16.6666666667% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--mdb-6-c { display: grid; grid-template-columns: repeat(6, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--mdb-6-c .article { margin: 0; } } } @media (min-width: 1200px) { @supports (display: flex) { .sfm-articles--lg-2-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--lg-2-c .article { flex-basis: calc(50% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--lg-2-c { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--lg-2-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--lg-3-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--lg-3-c .article { flex-basis: calc(33.3333333333% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--lg-3-c { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--lg-3-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--lg-4-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--lg-4-c .article { flex-basis: calc(25% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--lg-4-c { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--lg-4-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--lg-5-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--lg-5-c .article { flex-basis: calc(20% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--lg-5-c { display: grid; grid-template-columns: repeat(5, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--lg-5-c .article { margin: 0; } } @supports (display: flex) { .sfm-articles--lg-6-c { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; } .sfm-articles--lg-6-c .article { flex-basis: calc(16.6666666667% - 20px); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } } @supports (display: grid) { .sfm-articles--lg-6-c { display: grid; grid-template-columns: repeat(6, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; width: 100%; margin: 0; } .sfm-articles--lg-6-c .article { margin: 0; } } } .sfm-article__category { font-family: sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 5px 0; } .sfm-article__category.red { color: #cc0000; } .sfm-article__title { font-family: sans-serif; font-size: 18px; line-height: 1.2; font-weight: 700; } @media (max-width: 574.99px) { .sfm-article__title { font-size: 16px; } } @media (max-width: 574.99px) { .sfm-article--xs-list { display: flex; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef; } .sfm-article--xs-list:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .sfm-article--xs-list .sfm-article__media { margin-right: 10px; } .sfm-article--xs-list .sfm-article__category { margin: 0 0 5px; } } @media (min-width: 575px) { .sfm-article--sm-list { display: flex; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef; } .sfm-article--sm-list:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .sfm-article--sm-list .sfm-article__media { margin-right: 10px; } .sfm-article--sm-list .sfm-article__category { margin: 0 0 5px; } } @media (min-width: 575px) and (max-width: 991.99px) { .sfm-article--smo-list { display: flex; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef; } .sfm-article--smo-list:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .sfm-article--smo-list .sfm-article__media { margin-right: 10px; } .sfm-article--smo-list .sfm-article__category { margin: 0 0 5px; } } @media (max-width: 991.99px) { .sfm-article--smb-list { display: flex; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef; } .sfm-article--smb-list:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .sfm-article--smb-list .sfm-article__media { margin-right: 10px; } .sfm-article--smb-list .sfm-article__category { margin: 0 0 5px; } } @media (min-width: 992px) { .sfm-article--md-list { display: flex; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef; } .sfm-article--md-list:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .sfm-article--md-list .sfm-article__media { margin-right: 10px; } .sfm-article--md-list .sfm-article__category { margin: 0 0 5px; } } @media (min-width: 992px) and (max-width: 1199.99px) { .sfm-article--mdo-list { display: flex; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef; } .sfm-article--mdo-list:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .sfm-article--mdo-list .sfm-article__media { margin-right: 10px; } .sfm-article--mdo-list .sfm-article__category { margin: 0 0 5px; } } @media (max-width: 1199.99px) { .sfm-article--mdb-list { display: flex; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef; } .sfm-article--mdb-list:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .sfm-article--mdb-list .sfm-article__media { margin-right: 10px; } .sfm-article--mdb-list .sfm-article__category { margin: 0 0 5px; } } @media (min-width: 1200px) { .sfm-article--lg-list { display: flex; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef; } .sfm-article--lg-list:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .sfm-article--lg-list .sfm-article__media { margin-right: 10px; } .sfm-article--lg-list .sfm-article__category { margin: 0 0 5px; } } /*# sourceMappingURL=sfm.css.map */