<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="col-md-41 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="825" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-tag="div" id="col-md-41" class="col-md-4" data-z-index="auto" data-stacking-context="true" aria-owns="avs-sidebar1"><g data-tag="div" id="avs-sidebar1" class="avs-sidebar mb-4 pad-left-1m sidebar" data-z-index="auto" data-stacking-context="true" aria-owns="secondary"><g data-tag="aside" id="secondary" class="widget-area" data-z-index="auto" data-stacking-context="true" role="complementary" aria-owns="block-11 block-12 block-14 block-16"><g data-tag="section" id="block-11" class="widget widget_block" data-z-index="auto" data-stacking-context="true" role="region" aria-owns="is-layout-flex1"><g data-tag="div" id="is-layout-flex1" class="is-layout-flex wp-block-buttons wp-block-buttons-is-layout-flex" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="section" id="block-12" class="widget widget_block widget_media_image" data-z-index="auto" data-stacking-context="true" role="region"/><g data-tag="section" id="block-14" class="widget widget_block" data-z-index="auto" data-stacking-context="true" role="region" aria-owns="wp-block-heading1"><g data-tag="h2" id="wp-block-heading1" class="wp-block-heading" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2"/></g><g data-tag="section" id="block-16" class="widget widget_block widget_categories" data-z-index="auto" data-stacking-context="true" role="region" aria-owns="has-medium-font-size1"><g data-tag="ul" id="has-medium-font-size1" class="has-medium-font-size wp-block-categories wp-block-categories-list" data-z-index="auto" data-stacking-context="true" role="list" aria-owns="cat-item1 cat-item2"><g data-tag="li" id="cat-item1" class="cat-item cat-item-3" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a1"><g data-stacking-layer="rootBackgroundAndBorders"><line stroke-linecap="square" stroke="rgb(240, 240, 240)" stroke-width="1px" x1="31" x2="378" y1="70" y2="70"/></g><a href="https://filtermagicblog.com/category/filters-overview/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Lora, &quot;Times New Roman&quot;, serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="600" direction="ltr" letter-spacing="normal" text-decoration="underline solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="31" y="59" textLength="142.71875" lengthAdjust="spacingAndGlyphs">Filters Overview</tspan></text></a></g><g data-tag="li" id="cat-item2" class="cat-item cat-item-14" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a2"><g data-stacking-layer="rootBackgroundAndBorders"><line stroke-linecap="square" stroke="rgb(240, 240, 240)" stroke-width="1px" x1="31" x2="378" y1="113" y2="113"/></g><a href="https://filtermagicblog.com/category/sample-code/" data-tag="a" id="a2" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Lora, &quot;Times New Roman&quot;, serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="600" direction="ltr" letter-spacing="normal" text-decoration="underline solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="31" y="102" textLength="112.796875" lengthAdjust="spacingAndGlyphs">Sample Code</tspan></text></a></g></g></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="col-md-41 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="1183" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-tag="div" id="col-md-41" class="col-md-4" data-z-index="auto" data-stacking-context="true" aria-owns="avs-sidebar1"><g data-tag="div" id="avs-sidebar1" class="avs-sidebar mb-4 pad-left-1m sidebar" data-z-index="auto" data-stacking-context="true" aria-owns="secondary"><g data-tag="aside" id="secondary" class="widget-area" data-z-index="auto" data-stacking-context="true" role="complementary" aria-owns="block-11 block-12 block-14 block-16"><g data-tag="section" id="block-11" class="widget widget_block" data-z-index="auto" data-stacking-context="true" role="region" aria-owns="is-layout-flex1"><g data-tag="div" id="is-layout-flex1" class="is-layout-flex wp-block-buttons wp-block-buttons-is-layout-flex" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="section" id="block-12" class="widget widget_block widget_media_image" data-z-index="auto" data-stacking-context="true" role="region"/><g data-tag="section" id="block-14" class="widget widget_block" data-z-index="auto" data-stacking-context="true" role="region" aria-owns="wp-block-heading1"><g data-tag="h2" id="wp-block-heading1" class="wp-block-heading" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2"/></g><g data-tag="section" id="block-16" class="widget widget_block widget_categories" data-z-index="auto" data-stacking-context="true" role="region" aria-owns="has-medium-font-size1"><g data-tag="ul" id="has-medium-font-size1" class="has-medium-font-size wp-block-categories wp-block-categories-list" data-z-index="auto" data-stacking-context="true" role="list" aria-owns="cat-item1 cat-item2"><g data-tag="li" id="cat-item1" class="cat-item cat-item-3" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a1"><g data-stacking-layer="rootBackgroundAndBorders"><line stroke-linecap="square" stroke="rgb(240, 240, 240)" stroke-width="1px" x1="31" x2="262.984375" y1="70" y2="70"/></g><a href="https://filtermagicblog.com/category/filters-overview/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Lora, &quot;Times New Roman&quot;, serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="600" direction="ltr" letter-spacing="normal" text-decoration="underline solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="31" y="59" textLength="142.71875" lengthAdjust="spacingAndGlyphs">Filters Overview</tspan></text></a></g><g data-tag="li" id="cat-item2" class="cat-item cat-item-14" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a2"><g data-stacking-layer="rootBackgroundAndBorders"><line stroke-linecap="square" stroke="rgb(240, 240, 240)" stroke-width="1px" x1="31" x2="262.984375" y1="113" y2="113"/></g><a href="https://filtermagicblog.com/category/sample-code/" data-tag="a" id="a2" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Lora, &quot;Times New Roman&quot;, serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="600" direction="ltr" letter-spacing="normal" text-decoration="underline solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="31" y="102" textLength="112.796875" lengthAdjust="spacingAndGlyphs">Sample Code</tspan></text></a></g></g></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="900" viewBox="0 0 1440 900"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="col-md-41 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="873" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-tag="div" id="col-md-41" class="col-md-4" data-z-index="auto" data-stacking-context="true" aria-owns="avs-sidebar1"><g data-tag="div" id="avs-sidebar1" class="avs-sidebar mb-4 pad-left-1m sidebar" data-z-index="auto" data-stacking-context="true" aria-owns="secondary"><g data-tag="aside" id="secondary" class="widget-area" data-z-index="auto" data-stacking-context="true" role="complementary" aria-owns="block-11 block-12 block-14 block-16"><g data-tag="section" id="block-11" class="widget widget_block" data-z-index="auto" data-stacking-context="true" role="region" aria-owns="is-layout-flex1"><g data-tag="div" id="is-layout-flex1" class="is-layout-flex wp-block-buttons wp-block-buttons-is-layout-flex" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="section" id="block-12" class="widget widget_block widget_media_image" data-z-index="auto" data-stacking-context="true" role="region"/><g data-tag="section" id="block-14" class="widget widget_block" data-z-index="auto" data-stacking-context="true" role="region" aria-owns="wp-block-heading1"><g data-tag="h2" id="wp-block-heading1" class="wp-block-heading" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2"/></g><g data-tag="section" id="block-16" class="widget widget_block widget_categories" data-z-index="auto" data-stacking-context="true" role="region" aria-owns="has-medium-font-size1"><g data-tag="ul" id="has-medium-font-size1" class="has-medium-font-size wp-block-categories wp-block-categories-list" data-z-index="auto" data-stacking-context="true" role="list" aria-owns="cat-item1 cat-item2"><g data-tag="li" id="cat-item1" class="cat-item cat-item-3" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a1"><g data-stacking-layer="rootBackgroundAndBorders"><line stroke-linecap="square" stroke="rgb(240, 240, 240)" stroke-width="1px" x1="31" x2="465" y1="70" y2="70"/></g><a href="https://filtermagicblog.com/category/filters-overview/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Lora, &quot;Times New Roman&quot;, serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="600" direction="ltr" letter-spacing="normal" text-decoration="underline solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="31" y="59" textLength="142.71875" lengthAdjust="spacingAndGlyphs">Filters Overview</tspan></text></a></g><g data-tag="li" id="cat-item2" class="cat-item cat-item-14" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a2"><g data-stacking-layer="rootBackgroundAndBorders"><line stroke-linecap="square" stroke="rgb(240, 240, 240)" stroke-width="1px" x1="31" x2="465" y1="113" y2="113"/></g><a href="https://filtermagicblog.com/category/sample-code/" data-tag="a" id="a2" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Lora, &quot;Times New Roman&quot;, serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="600" direction="ltr" letter-spacing="normal" text-decoration="underline solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="31" y="102" textLength="112.796875" lengthAdjust="spacingAndGlyphs">Sample Code</tspan></text></a></g></g></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><div class="col-md-4"><div class="avs-sidebar mb-4 pad-left-1m sidebar"><aside class="widget-area" id="secondary"><section class="widget widget_block" id="block-11"><div class="is-layout-flex wp-block-buttons wp-block-buttons-is-layout-flex"></div></section><section class="widget widget_block widget_media_image" id="block-12"></section><section class="widget widget_block" id="block-14"><h2 class="wp-block-heading"></h2></section><section class="widget widget_block widget_categories" id="block-16"><ul class="has-medium-font-size wp-block-categories wp-block-categories-list" style="font-style:normal;font-weight:600;"><li class="cat-item cat-item-3"><a href="https://filtermagicblog.com/category/filters-overview/">Filters Overview</a></li><li class="cat-item cat-item-14"><a href="https://filtermagicblog.com/category/sample-code/">Sample Code</a></li></ul></section></aside></div></div></body>

<style>



	@charset "UTF-8";.wp-block-categories{box-sizing:border-box}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}ul{box-sizing:border-box}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}:root{}



:root{}@keyframes coblocks-ellipsis{25%{opacity:1}75%{opacity:1}to{opacity:0;width:1.1em}}@media(max-width:599px)and (min-width:600px){}@keyframes pulse{0%{transform:scale(1)}15%{transform:scale(.95)}to{transform:scale(1)}}.mb-4{margin-bottom:2em}
:root{}
:root{}@keyframes bounce{0%{transform:translate(0)}50%{transform:translateY(-2px)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-5em)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(5em)}to{opacity:1;transform:translateX(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(5em)}to{opacity:1;transform:translateY(0)}}@keyframes clipHorizontal{0%{clip-path:polygon(0 50%,0 100%,0 100%,0 50%,100% 50%,100% 0,100% 0,100% 50%);opacity:0}to{clip-path:polygon(0 50%,0 100%,100% 100%,100% 50%,100% 50%,100% 0,0 0,0 50%);opacity:1}}@keyframes clipVertical{0%{clip-path:polygon(50% 0,100% 0,100% 0,50% 0,50% 100%,0 100%,0 100%,50% 100%);opacity:0}to{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%,50% 100%,0 100%,0 0,50% 0);opacity:1}}



:root{--wp--preset--font-size--medium: 20px;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}


@charset "UTF-8";:root{}@media (min-resolution:192dpi){:root{}}@keyframes components-animate__appear-animation{0%{transform:translateY(-2em) scaleY(0) scaleX(0)}to{transform:translateY(0) scaleY(1) scaleX(1)}}@keyframes components-animate__slide-in-animation{to{transform:translateX(0)}}@keyframes components-animate__loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes components-button__busy-animation{0%{background-position:200px 0}}@keyframes components-modal__appear-animation{0%{transform:translateY(32px)}to{transform:translateY(0)}}@media not all and (min-resolution:0.001dpcm){}@keyframes components-resizable-box__top-bottom-animation{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes components-resizable-box__left-right-animation{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes components-button__appear-animation{0%{transform:scaleY(0)}to{transform:scaleY(1)}}


@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkWVAexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjWVAexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjWVAexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjWVAexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4gaVc.ttf) format('truetype');
}


@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lora/v35/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoq92mQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/lora/v35/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-C0Coq92mQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkqg.ttf) format('truetype');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJBkqg.ttf) format('truetype');
}




body {
	margin: 0;
}




a {
	background-color: transparent;
}


::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}




*,
*::before,
*::after {
	box-sizing: inherit;
}




body {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}


h2 {
	clear: both;
}


body {
	background: #fff;
}

ul {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

li > ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}


a {
	color: #4169e1;
}

a:visited {
	
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}


.widget {
	margin: 0 0 1.5em;
}



:root {
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

 aside, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

 h2 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}


ul {
  margin-top: 0;
  margin-bottom: 1rem;
}


ul ul {
  margin-bottom: 0;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

 h2, .h2 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h2, .h2 {
  font-size: 2rem;
}

  .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  
  h2 {
    orphans: 3;
    widows: 3;
  }
  h2 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
}




.sidebar {
	margin-left: 1rem;
	word-wrap: break-word;
}

.sidebar ul {
	margin-right: 0rem;
	margin-left: 0rem;
}

.sidebar ul {
	list-style: none;
	padding-inline-start: unset;
}

.sidebar ul li {
	border-bottom: solid thin #f0f0f0;
	padding: 0.3em 0;
}

body a {
	text-decoration: underline;
}

body {
	font-size: large;
  	color: #212529;
  	font-family: 'Lora', 'Times New Roman', serif;
}



h2 {
  font-weight: 800;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a {
  color: #212529;
  transition: all 0.2s;
}

::-moz-selection {
  color: #fff;
  background: #6c757d;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #6c757d;
  text-shadow: none;
}



body a{color: #000000;}body a:hover{color: #000000;}a:focus, a:hover {color: #000000;}


:root{}:root{}@media screen and (max-width:599px){:root{}}


:root{}:root{}:root{}


</style>