:root{
  --header_background_color : rgb(34, 40, 49);
  --nav_text_color : #BBE1FA;
  --nav_text_color_hover: aquamarine;
  --nav_logoname_color: #00ADB5;
  --nav_logoname_color_hover: aquamarine;
  

  --category_button_background_color: #5E7CAA;
  --category_button_text_color: white;
  --category_title_text: rgb(250,121,175);
  --category_title_text_hover: rgb(116,222,255);

  --content_background_color: rgb(27,37,44);
  --content_color: white;
  --content_url_color: aquamarine;
  /* --content_button_background_color: #36445A; */
  --content_button_background_color: #C06C84;
  --content_button_background_color_hover: #d18298;
  --content_button_color_text: white;
  --content_blogcard_shadow_color: #5E7CAA;
  --content_blogcard_button_text_color_hover: white;

  --footer_background_color : rgb(0,0,0);
  --footer_text_color: white;
  --footer_text_color_hover: #F67280;

  --hero_background_color: linear-gradient(to right, #1B262C, #0F4C75);
  --content_background_color : rgb(27, 38, 44);

  /* ------------------SIZE--------------------------- */
  --header_logo_font_size:2.2em;
  --header_category_font_size:1.2em;
  --footer_social_links:1.1em;

}
*, *::before, *::after {
  box-sizing: border-box;
}
.default-logo{
  display: inline-block; width: 48px;
  height: 48px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMzMuMTAyMzcxbW0iCiAgIGhlaWdodD0iMjEuODY3MTc4bW0iCiAgIHZpZXdCb3g9IjAgMCAxMjUuMTExMzMgODIuNjQ3NjAzIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxIiAvPgogIDxnCiAgICAgaWQ9ImxheWVyMSIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc1LjA3NzM1LC0xNjcuODUxMTUpIj4KICAgIDxnCiAgICAgICBpZD0iZzI0NyIKICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzLjM5MjkyNCwtMzEuMDI4ODIzKSIKICAgICAgIHN0eWxlPSJkaXNwbGF5OmlubGluZSI+CiAgICAgIDxnCiAgICAgICAgIGlkPSJnMjQ1IgogICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjg1OTQyNTA2LDAsMCwwLjc5MzEwMzQ0LDcwLjA5MTM3OCw2My42NDczMDEpIgogICAgICAgICBzdHlsZT0ic3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLW9wYWNpdHk6MSI+CiAgICAgICAgPHBhdGgKICAgICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDoxLjAwMTU3O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgICAgICAgIGQ9Im0gMzgxLjIxMTI2LDI3My4zNDkxNSBjIDAuMDAxLC0wLjA4NjIgNi4wNzUzOSwtMC4zOTg3OSA2LjA3NDA2LC0wLjUxNjc1IC0wLjAxMTIsLTAuOTkxMSAtMC4wOTI3LC0yLjEyODY4IC0wLjIzMjMyLC0zLjQ4NTIzIC0wLjE0Mjk2LC0xLjM4ODc4IC0wLjMzNzM3LC0yLjkyMjQzIC0wLjU3NjE2LC00Ljc4NDA1IC0wLjM4Mjc3LC0yLjk4NCAtMC45MjYxOCwtNy4xMjk0OCAtMS4yMzQ5NiwtMTEuMjk5NzQgLTAuMjc4NjcsLTMuNzYzNTggLTAuMzk0NiwtNy44NTE5NiAtMC4wMzc2LC0xMS42OTcyOCAwLjE2Nzg2LC0xLjgwODI0IDAuNDM4NzMsLTMuNTQ2MjcgMC44MzkzMSwtNS4xNjQ1NCAwLjM4ODk5LC0xLjU3MTQ1IDAuODk1MDIsLTMuMDA4NjEgMS41MzQzNCwtNC4yODA4MSAxLjE2MTQ2LC0yLjM0MDY0IDIuNzE3MjcsLTQuNTYyNDcgNC42MTQ2OCwtNi44OTU4IDEuODM0MjcsLTIuMjU1NyAzLjkyNTA3LC00LjUyOTE3IDUuOTc4ODksLTYuOTIyMTMgMi4wNTU1MywtMi4zOTQ5OCA0LjA2MDQ2LC00LjkwMzE5IDUuNzEyMjIsLTcuNjcwODUgMS42OTQwNSwtMi44Mzg1MiAyLjk2NTI0LC01Ljg2NDg0IDMuNjA1MDQsLTkuMjQ0MzEgMi4zMTU4MiwtMTMuODEwNjcgMi4zODcyNiwtMjMuNTI5MjMgMi4zODcyNiwtMzAuODc2ODkgMCw2Ljc4MDI0IC0xLjY3MDg5LDE3LjU4NjE0IC01Ljg4NzEsMjkuOTk4NjkgLTAuOTAzNDEsMi43NzgxIC0yLjMyODMsNS4xNjk0NSAtNC4xMDIxMyw3LjM2OTg1IC0xLjc0ODE4LDIuMTY4NTcgLTMuODIyNjcsNC4xMzgwNiAtNi4wODE1OSw2LjEzMDkxIC0yLjI1MTcyLDEuOTg2NSAtNC42NjE0NiwzLjk3MDI5IC02Ljk5ODM5LDYuMTUxNzggLTIuMzg0MzUsMi4yMjU3NiAtNC43MDA2Niw0LjY2OTMyIC02LjY0MjkyLDcuNTM0ODUgLTEuMjMxMjksMS44NjMzMSAtMi4xODcyNSwzLjg4NTMxIC0yLjkzNDI2LDUuOTQ5NTkgLTAuNzY4OTMsMi4xMjQ4MiAtMS4zMjg5Niw0LjMyODk4IC0xLjczOTMsNi41MTA4NiAtMC44NjU3Miw0LjYwMzI2IC0xLjEwOTI0LDkuMzU2MzMgLTEuMTMxMjgsMTMuNDU4MyAtMC4wMjQ2LDQuNTcwNjQgMC4yMzI5OCw5LjA1MzE2IDAuNDEyLDEyLjA0NTM0IDAuMTIwMzIsMi4wMTA5OCAwLjIwMTI0LDMuMjYwOSAwLjI3MTAyLDQuNjI4MiAwLjA2NDMsMS4yNjA2MSAwLjA4NzgsMi4wNjAzNiAwLjA5NDgsMi42ODA0IDcuN2UtNCwwLjA2ODEgNi4wNzU0LDAuMjkzMzggNi4wNzQzOSwwLjM3OTYxIHoiCiAgICAgICAgICAgaWQ9InBhdGgyMzkiIC8+CiAgICAgICAgPHBhdGgKICAgICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDoxLjAwMTU3O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgICAgICAgIGQ9Im0gMzkzLjYxNzExLDIxNC4xMDY3NSBjIDAsMCAxLjQ2MDQyLC0xNi4wMjQ1IC0yNS43MDk2LC0xNy40MzUyNCAtNi4yNDcxOCwtMC4zMjQzNyAtMTEuNTQyOSwtNi43NTA1NiAtOC4yNzQzNSwtMTYuODQ0MjIgMS4zMTkzMSwtNC4wNzQxNyAtMTAuMzQyOTQsMTkuNTAzODMgMi45NTUxMiwzMC4xNDIyOCAxMy4yOTgwNywxMC42Mzg0NiAzMS4wMjg4Myw0LjEzNzE4IDMxLjAyODgzLDQuMTM3MTggeiIKICAgICAgICAgICBpZD0icGF0aDI0MCIgLz4KICAgICAgICA8cGF0aAogICAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjEuMDAxNTc7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICAgICAgZD0ibSA0MDIuMzQwNDEsMjEwLjcwMDQ4IGMgNi4yMDU3NiwtNi41MDEyOCAxNS4xODU1NiwtOC40MTM0OCAyMC4yNDI2MSwtNi45NDQ1NCA4LjQxODQ4LDIuNDQ1MzQgMTguNzY1MDUsLTEzLjAwMjU2IDE4Ljc2NTA1LC0xMy4wMDI1NiAwLDAgLTIuNjU5NjEsMjYuNDQ4MzcgLTIwLjY4NTg4LDI1LjU2MTg0IC0xOC4wMjYyNywtMC44ODY1NCAtMTguMzIxNzgsLTUuNjE0NzQgLTE4LjMyMTc4LC01LjYxNDc0IHoiCiAgICAgICAgICAgaWQ9InBhdGgyNDQiIC8+CiAgICAgIDwvZz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzNzcuMjEyMTQsMjgxLjI0ODAxIGMgLTEzLjM4MzcyLC00LjM2NzE1IC0yMS4wMTUzNiwtMTEuNTM1MDcgLTM0LjE2MzMzLC0xOC4yMTg2OSAtMS41NDQ0NiwtMC43ODUxMSAtMS41MjQ0MSwtMy43NDEyNyAwLC00LjU1MzY0IDEyLjY4NzE2LC02Ljc2MTEzIDE3LjQ2MTgxLC0xMy45MjkwNSAzNC4xNjMzMywtMTkuNDU4OTcgMi40Mzc1NCwtMC44MDcwNyAyLjM5NzIxLDUuNzIxNjggMCw2LjYxMDExIC0xMy4xNzI5MSw0Ljg4MjA4IC0yMy41MTAyNywxNS4xMjU2NyAtMjMuNTEwMjcsMTUuMTI1NjcgMCwwIDcuODQ5LDguMjI4MTYgMjMuNTEwMjcsMTMuODg1NDEgMi40MDcwMiwwLjg2OTQ3IDIuNDQyMjcsNy40MDcwMyAwLDYuNjEwMTEgeiIKICAgICAgICAgaWQ9InRleHQxIgogICAgICAgICBzdHlsZT0iZm9udC1zaXplOjE5MnB4O2xpbmUtaGVpZ2h0OjEuNzU7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojZmZmZGU1O3N0cm9rZS13aWR0aDowLjQyNzA4NztzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICAgICAgYXJpYS1sYWJlbD0iJmx0OyIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSA0MzEuMjY3NzksMjgwLjk3NDE1IGMgMTMuMzgzOCwtNC4zNjcxNCAyMS4wMTU1MiwtMTEuNTM1MDkgMzQuMTYzNTksLTE4LjIxODcyIDEuNTQ0NDYsLTAuNzg1MSAxLjUyNDM5LC0zLjc0MTI0IDAsLTQuNTUzNjIgLTEyLjY4NzI3LC02Ljc2MTE1IC0xNy40NjE5MiwtMTMuOTI5MDkgLTM0LjE2MzU5LC0xOS40NTkwMSAtMi40Mzc1NiwtMC44MDcwNyAtMi4zOTcyMyw1LjcyMTY5IDAsNi42MTAxMiAxMy4xNzI5OCw0Ljg4MjA3IDIzLjUxMDQ0LDE1LjEyNTcyIDIzLjUxMDQ0LDE1LjEyNTcyIDAsMCAtNy44NDkwOCw4LjIyODEzIC0yMy41MTA0NCwxMy44ODUzOSAtMi40MDcwNCwwLjg2OTQ3IC0yLjQ0MjI4LDcuNDA3MDQgMCw2LjYxMDEyIHoiCiAgICAgICAgIGlkPSJwYXRoMTY3IgogICAgICAgICBzdHlsZT0iZm9udC1zaXplOjE5MnB4O2xpbmUtaGVpZ2h0OjEuNzU7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojYTk5YzBkO3N0cm9rZS13aWR0aDowLjQyNzA4NztzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICAgICAgYXJpYS1sYWJlbD0iJmx0OyIgLz4KICAgICAgPGcKICAgICAgICAgaWQ9ImcyNDQiCiAgICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuNzI5MzgzMTksMCwwLDAuNzI0NDA5NDQsMTE4LjA2NjA1LDc3LjUwMTA4OSkiCiAgICAgICAgIHN0eWxlPSJzdHJva2U6I2ZmZmZmZjtzdHJva2Utb3BhY2l0eToxIiAvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==') 50% 50% no-repeat;
  background-size: 100%;
}

/* GLOBAL CONFIGS*/
a{
  text-decoration: none;
}


html {
  font-family: "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif, Apple Color Emoji, "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  box-sizing: border-box;
}

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


body {
  max-width:  80vw;
  min-width: 400px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0 15px;
  font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
  line-height: 1.25;
}


main{
  min-width: 400px;
  padding: 5px;
}

/* .template-homepage main {
  /* text-align: center; 
} */


/* ******************* */

/* HEADER */
header nav{
  display: grid;
  grid-template-columns: minmax(100px, 2fr) 8fr;
}
header nav ul{
  list-style-type: none;
  width: 100%;
}
ul.logo{
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.category-gallery{
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(90px, 1fr));
  justify-content: space-around;
  align-items: center;
  justify-items: center;
  gap: 10px;
}

ul.category-gallery li {
  width: 100%;
}

ul.category-gallery li a{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;   
}


/* FOOTER */
/* FOOTER */
footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 5vh;
}
footer > ul{
  list-style-type: none;
  display: flex;
}
footer ul.logo{
  width: 20%;
  justify-content: start;
  align-items: center;
}
ul.social-links{
  width: 60%;
  justify-content: space-around;
  align-items: center;
}
/* @media (min-width: 300) and (max-width: 500){
  body{
    background-color: red;
  }
} */

@media (width < 800px ) {
  html{
    /* border: 2px solid red; */
    width: 100%;
  }
  body{
    width: default;
    display: flex;
    flex-direction: column;
    padding: 0px;
    /* align-items: center; */
    justify-content: center;
    /* border: 2px solid white; */
  }
  nav .logo, nav .category-gallery{
    padding: 0px;
  }
  header, main,footer {
    width: 100%;
    /* border: 2px solid red; */
  }
  header nav{
    height: auto;
    display: flex;
    flex-wrap: wrap;
  }
  footer {
    flex-direction: column;
  }
  ul.social-links{
    width: 100%;
    /* justify-content: space-between; */
    padding: 0px;
  }
  footer ul.logo{
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 0px;
  }
}
@media (width > 1800px){
  body {
    max-width:  1500px;
    min-height: 900px;
    margin: 0 auto;
    padding: 0 15px;
    font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
    line-height: 1.25;
    /* background-color: red; */
    
  }
}

ul.social-links li a{
  display: flex;
  align-items: center;
  justify-content: center;
}

.sprite-linkedin{
  display: inline-block; width: 48px;
  height: 48px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CjxwYXRoIGZpbGw9IiMwMjg4RDEiIGQ9Ik00MiwzN2MwLDIuNzYyLTIuMjM4LDUtNSw1SDExYy0yLjc2MSwwLTUtMi4yMzgtNS01VjExYzAtMi43NjIsMi4yMzktNSw1LTVoMjZjMi43NjIsMCw1LDIuMjM4LDUsNVYzN3oiPjwvcGF0aD48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTIgMTlIMTdWMzZIMTJ6TTE0LjQ4NSAxN2gtLjAyOEMxMi45NjUgMTcgMTIgMTUuODg4IDEyIDE0LjQ5OSAxMiAxMy4wOCAxMi45OTUgMTIgMTQuNTE0IDEyYzEuNTIxIDAgMi40NTggMS4wOCAyLjQ4NiAyLjQ5OUMxNyAxNS44ODcgMTYuMDM1IDE3IDE0LjQ4NSAxN3pNMzYgMzZoLTV2LTkuMDk5YzAtMi4xOTgtMS4yMjUtMy42OTgtMy4xOTItMy42OTgtMS41MDEgMC0yLjMxMyAxLjAxMi0yLjcwNyAxLjk5QzI0Ljk1NyAyNS41NDMgMjUgMjYuNTExIDI1IDI3djloLTVWMTloNXYyLjYxNkMyNS43MjEgMjAuNSAyNi44NSAxOSAyOS43MzggMTljMy41NzggMCA2LjI2MSAyLjI1IDYuMjYxIDcuMjc0TDM2IDM2IDM2IDM2eiI+PC9wYXRoPgo8L3N2Zz4=') 50% 50% no-repeat;
  background-size: 100%;
}

.sprite-github{
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CjxsaW5lYXJHcmFkaWVudCBpZD0ickwyd3BwSHl4SFZib2J3bmRzVDZDYV9BWk9aTm5ZNzNoYWpfZ3IxIiB4MT0iNCIgeDI9IjQ0IiB5MT0iMjMuNTA4IiB5Mj0iMjMuNTA4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNGM0YzRjIj48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzQzNDM0Ij48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI3JMMndwcEh5eEhWYm9id25kc1Q2Q2FfQVpPWk5uWTczaGFqX2dyMSkiIGQ9Ik0yNCw0QzEyLjk1NCw0LDQsMTIuOTU0LDQsMjRjMCw4Ljg4Nyw1LjgwMSwxNi40MTEsMTMuODIsMTkuMDE2aDEyLjM2CUMzOC4xOTksNDAuNDExLDQ0LDMyLjg4Nyw0NCwyNEM0NCwxMi45NTQsMzUuMDQ2LDQsMjQsNHoiPjwvcGF0aD48cGF0aCBkPSJNMzAuMDEsNDEuOTk2TDMwLDM2LjE5OGMwLTAuOTM5LTAuMjItMS44NTYtMC42NDItMi42ODdjNS42NDEtMS4xMzMsOC4zODYtNC40NjgsOC4zODYtMTAuMTc3CWMwLTIuMjU1LTAuNjY1LTQuMjQ2LTEuOTc2LTUuOTJjMC4xLTAuMzE3LDAuMTc0LTAuNjQ1LDAuMjItMC45ODFjMC4xODgtMS4zNjktMC4wMjMtMi4yNjQtMC4xOTMtMi45ODRsLTAuMDI3LTAuMTE2CWMtMC4xODYtMC43OTYtMC40MDktMS4zNjQtMC40MTgtMS4zODhsLTAuMTExLTAuMjgybC0wLjExMS0wLjI4MmwtMC4zMDItMC4wMzJsLTAuMzAzLTAuMDMyYzAsMC0wLjE5OS0wLjAyMS0wLjUwMS0wLjAyMQljLTAuNDE5LDAtMS4wNCwwLjA0Mi0xLjYyNywwLjI0MWwtMC4xOTYsMC4wNjZjLTAuNzQsMC4yNDktMS40MzksMC40ODUtMi40MTcsMS4wNjljLTAuMjg2LDAuMTcxLTAuNTk5LDAuMzY2LTAuOTM0LDAuNTg0CUMyNy4zMzQsMTIuODgxLDI1LjcwNSwxMi42OSwyNCwxMi42OWMtMS43MjIsMC0zLjM2NSwwLjE5Mi00Ljg4OSwwLjU3MWMtMC4zMzktMC4yMi0wLjY1NC0wLjQxNy0wLjk0Mi0wLjU4OQljLTAuOTc4LTAuNTg0LTEuNjc3LTAuODE5LTIuNDE3LTEuMDY5bC0wLjE5Ni0wLjA2NmMtMC41ODUtMC4xOTktMS4yMDctMC4yNDEtMS42MjYtMC4yNDFjLTAuMzAyLDAtMC41MDEsMC4wMjEtMC41MDEsMC4wMjEJbC0wLjMwMiwwLjAzMmwtMC4zLDAuMDMxbC0wLjExMiwwLjI4MWwtMC4xMTMsMC4yODNjLTAuMDEsMC4wMjYtMC4yMzMsMC41OTQtMC40MTksMS4zOTFsLTAuMDI3LDAuMTE1CWMtMC4xNywwLjcxOS0wLjM4MSwxLjYxNS0wLjE5MywyLjk4M2MwLjA0OCwwLjM0NiwwLjEyNSwwLjY4NSwwLjIzLDEuMDExYy0xLjI4NSwxLjY2Ni0xLjkzNiwzLjY0Ni0xLjkzNiw1Ljg5CWMwLDUuNjk1LDIuNzQ4LDkuMDI4LDguMzk3LDEwLjE3Yy0wLjE5NCwwLjM4OC0wLjM0NSwwLjc5OC0wLjQ1MiwxLjIyNGMtMC4xOTcsMC4wNjctMC4zNzgsMC4xMTItMC41MzgsMC4xMzcJYy0wLjIzOCwwLjAzNi0wLjQ4NywwLjA1NC0wLjczOSwwLjA1NGMtMC42ODYsMC0xLjIyNS0wLjEzNC0xLjQzNS0wLjI1OWMtMC4zMTMtMC4xODYtMC44NzItMC43MjctMS40MTQtMS41MTgJYy0wLjQ2My0wLjY3NS0xLjE4NS0xLjU1OC0xLjk5Mi0xLjkyN2MtMC42OTgtMC4zMTktMS40MzctMC41MDItMi4wMjktMC41MDJjLTAuMTM4LDAtMC4yNjUsMC4wMS0wLjM3NiwwLjAyOAljLTAuNTE3LDAuMDgyLTAuOTQ5LDAuMzY2LTEuMTg0LDAuNzhjLTAuMjAzLDAuMzU3LTAuMjM1LDAuNzczLTAuMDg4LDEuMTQxYzAuMjE5LDAuNTQ4LDAuODUxLDAuOTg1LDEuMzQzLDEuMjU1CWMwLjI0MiwwLjEzMywwLjc2NSwwLjYxOSwxLjA3LDEuMTA5YzAuMjI5LDAuMzY4LDAuMzM1LDAuNjMsMC40ODIsMC45OTJjMC4wODcsMC4yMTUsMC4xODMsMC40NDksMC4zMTMsMC43MzIJYzAuNDcsMS4wMjIsMS45MzcsMS45MjQsMi4xMDMsMi4wMjNjMC44MDYsMC40ODMsMi4xNjEsMC42MzgsMy4xNTcsMC42ODNsMC4xMjMsMC4wMDNjMCwwLDAuMDAxLDAsMC4wMDEsMAljMC4yNCwwLDAuNTctMC4wMjMsMS4wMDQtMC4wNzF2Mi42MTNjMC4wMDIsMC41MjktMC41MzcsMC42NDktMS4yNSwwLjYzOGwwLjU0NywwLjE4NEMxOS4zOTUsNDMuNTcyLDIxLjY0NSw0NCwyNCw0NAljMi4zNTUsMCw0LjYwNS0wLjQyOCw2LjcwMy0xLjE3NmwwLjcwMy0wLjI2MkMzMC42OTUsNDIuNTM4LDMwLjAxNiw0Mi40MjIsMzAuMDEsNDEuOTk2eiIgb3BhY2l0eT0iLjA1Ij48L3BhdGg+PHBhdGggZD0iTTMwLjc4MSw0Mi43OTdjLTAuNDA2LDAuMDQ3LTEuMjgxLTAuMTA5LTEuMjgxLTAuNzk1di01LjgwNGMwLTEuMDk0LTAuMzI4LTIuMTUxLTAuOTM2LTMuMDUyCWM1LjkxNS0wLjk1Nyw4LjY3OS00LjA5Myw4LjY3OS05LjgxMmMwLTIuMjM3LTAuNjg2LTQuMTk0LTIuMDM5LTUuODIyYzAuMTM3LTAuMzY1LDAuMjMzLTAuNzUsMC4yODgtMS4xNDcJYzAuMTc1LTEuMjc2LTAuMDE2LTIuMDg2LTAuMTg0LTIuODAxbC0wLjAyNy0wLjExNmMtMC4xNzgtMC43NjEtMC4zODgtMS4yOTctMC4zOTctMS4zMTlsLTAuMTExLTAuMjgybC0wLjMwMy0wLjAzMgljMCwwLTAuMTc4LTAuMDE5LTAuNDQ5LTAuMDE5Yy0wLjM4MSwwLTAuOTQ0LDAuMDM3LTEuNDY2LDAuMjE1bC0wLjE5NiwwLjA2NmMtMC43MTQsMC4yNDEtMS4zODksMC40NjgtMi4zMjEsMS4wMjQJYy0wLjMzMiwwLjE5OC0wLjcwMiwwLjQzMS0xLjEwMSwwLjY5NEMyNy40MDQsMTMuMzk0LDI1Ljc0NSwxMy4xOSwyNCwxMy4xOWMtMS43NjIsMC0zLjQzNSwwLjIwNS00Ljk3OSwwLjYxCWMtMC40MDMtMC4yNjUtMC43NzUtMC40OTktMS4xMDktMC42OTljLTAuOTMyLTAuNTU2LTEuNjA3LTAuNzg0LTIuMzIxLTEuMDI0bC0wLjE5Ni0wLjA2NmMtMC41MjEtMC4xNzctMS4wODUtMC4yMTUtMS40NjYtMC4yMTUJYy0wLjI3MSwwLTAuNDQ5LDAuMDE5LTAuNDQ5LDAuMDE5bC0wLjMwMiwwLjAzMmwtMC4xMTMsMC4yODNjLTAuMDA5LDAuMDIyLTAuMjE5LDAuNTU4LTAuMzk3LDEuMzE5bC0wLjAyNywwLjExNgljLTAuMTY5LDAuNzE1LTAuMzYsMS41MjQtMC4xODQsMi44YzAuMDU2LDAuNDA3LDAuMTU2LDAuODAxLDAuMjk4LDEuMTc0Yy0xLjMyNywxLjYyLTEuOTk5LDMuNTY3LTEuOTk5LDUuNzk1CWMwLDUuNzAzLDIuNzY2LDguODM4LDguNjg2LDkuODA2Yy0wLjM5NSwwLjU5LTAuNjcxLDEuMjU1LTAuODEzLDEuOTY0Yy0wLjMzLDAuMTMtMC42MjksMC4yMTYtMC44OTEsMC4yNTYJYy0wLjI2MywwLjA0LTAuNTM3LDAuMDYtMC44MTQsMC4wNmMtMC42OSwwLTEuMzUzLTAuMTI5LTEuNjktMC4zMjljLTAuNDQtMC4yNjEtMS4wNTctMC45MTQtMS41NzItMS42NjUJYy0wLjM1LTAuNTEtMS4wNDctMS40MTctMS43ODgtMS43NTVjLTAuNjM1LTAuMjktMS4yOTgtMC40NTctMS44MjEtMC40NTdjLTAuMTEsMC0wLjIxLDAuMDA4LTAuMjk4LDAuMDIyCWMtMC4zNjYsMC4wNTgtMC42NjgsMC4yNTItMC44MjgsMC41MzRjLTAuMTI4LDAuMjI0LTAuMTQ5LDAuNDgzLTAuMDU5LDAuNzA4YzAuMTc5LDAuNDQ4LDAuODQyLDAuODUsMS4xMTksMS4wMDIJYzAuMzM1LDAuMTg0LDAuOTE5LDAuNzQ0LDEuMjU0LDEuMjg0YzAuMjUxLDAuNDA0LDAuMzcsMC42OTcsMC41MjEsMS4wNjdjMC4wODUsMC4yMDksMC4xNzgsMC40MzcsMC4zMDQsMC43MTIJYzAuMzMxLDAuNzE5LDEuMzUzLDEuNDcyLDEuOTA1LDEuODAzYzAuNzU0LDAuNDUyLDIuMTU0LDAuNTc4LDIuOTIyLDAuNjEybDAuMTExLDAuMDAyYzAuMjk5LDAsMC44LTAuMDQ1LDEuNDk1LTAuMTM1djMuMTc3CWMwLDAuNzc5LTAuOTkxLDAuODEtMS4yMzQsMC44MWMtMC4wMzEsMCwwLjUwMywwLjE4NCwwLjUwMywwLjE4NEMxOS43MzEsNDMuNjQsMjEuODIyLDQ0LDI0LDQ0YzIuMTc4LDAsNC4yNjktMC4zNiw2LjIzMS0xLjAwMwlDMzAuMjMxLDQyLjk5NywzMC44MTIsNDIuNzkzLDMwLjc4MSw0Mi43OTd6IiBvcGFjaXR5PSIuMDciPjwvcGF0aD48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzYuNzQ0LDIzLjMzNGMwLTIuMzEtMC43ODItNC4yMjYtMi4xMTctNS43MjhjMC4xNDUtMC4zMjUsMC4yOTYtMC43NjEsMC4zNzEtMS4zMDkJYzAuMTcyLTEuMjUtMC4wMzEtMi0wLjIwMy0yLjczNHMtMC4zNzUtMS4yNS0wLjM3NS0xLjI1cy0wLjkyMi0wLjA5NC0xLjcwMywwLjE3MnMtMS40NTMsMC40NjktMi40MjIsMS4wNDcJYy0wLjQ1MywwLjI3LTAuOTA5LDAuNTY2LTEuMjcsMC44MDZDMjcuNDgyLDEzLjkxLDI1Ljc4NSwxMy42OSwyNCwxMy42OWMtMS44MDEsMC0zLjUxMywwLjIyMS01LjA2NywwLjY1MgljLTAuMzYyLTAuMjQxLTAuODIxLTAuNTM5LTEuMjc3LTAuODExYy0wLjk2OS0wLjU3OC0xLjY0MS0wLjc4MS0yLjQyMi0xLjA0N3MtMS43MDMtMC4xNzItMS43MDMtMC4xNzJzLTAuMjAzLDAuNTE2LTAuMzc1LDEuMjUJcy0wLjM3NSwxLjQ4NC0wLjIwMywyLjczNGMwLjA3NywwLjU2MiwwLjIzMywxLjAwNiwwLjM4MiwxLjMzM2MtMS4zMSwxLjQ5My0yLjA3OCwzLjM5Ny0yLjA3OCw1LjcwNAljMCw1Ljk4MywzLjIzMiw4LjcxNCw5LjEyMSw5LjQzNWMtMC42ODcsMC43MjYtMS4xNDgsMS42NTYtMS4zMDMsMi42OTFjLTAuMzg3LDAuMTctMC44MzMsMC4zMy0xLjI2MiwwLjM5NAljLTEuMTA0LDAuMTY3LTIuMjcxLDAtMi44MzMtMC4zMzNzLTEuMjI5LTEuMDgzLTEuNzI5LTEuODEzYy0wLjQyMi0wLjYxNi0xLjAzMS0xLjMzMS0xLjU4My0xLjU4MwljLTAuNzI5LTAuMzMzLTEuNDM4LTAuNDU4LTEuODMzLTAuMzk2Yy0wLjM5NiwwLjA2My0wLjU4MywwLjM1NC0wLjUsMC41NjNjMC4wODMsMC4yMDgsMC40NzksMC41MjEsMC44OTYsMC43NQljMC40MTcsMC4yMjksMS4wNjMsMC44NTQsMS40MzgsMS40NThjMC40MTgsMC42NzQsMC41LDEuMDYzLDAuODU0LDEuODMzYzAuMjQ5LDAuNTQyLDEuMTAxLDEuMjE5LDEuNzA4LDEuNTgzCWMwLjUyMSwwLjMxMywxLjU2MiwwLjQ5MSwyLjY4OCwwLjU0MmMwLjM4OSwwLjAxOCwxLjMwOC0wLjA5NiwyLjA4My0wLjIwNnYzLjc1YzAsMC42MzktMC41ODUsMS4xMjUtMS4xOTEsMS4wMTMJQzE5Ljc1Niw0My42NjgsMjEuODMzLDQ0LDI0LDQ0YzIuMTY2LDAsNC4yNDMtMC4zMzIsNi4xOS0wLjk4NEMyOS41ODUsNDMuMTI3LDI5LDQyLjY0MSwyOSw0Mi4wMDJ2LTUuODA0CWMwLTEuMzI5LTAuNTI3LTIuNTMtMS4zNzMtMy40MjVDMzMuNDczLDMyLjA3MSwzNi43NDQsMjkuNDA1LDM2Ljc0NCwyMy4zMzR6IE0xMS4yMzksMzIuNzI3Yy0wLjE1NC0wLjA3OS0wLjIzNy0wLjIyNS0wLjE4NS0wLjMyOAljMC4wNTItMC4xMDMsMC4yMi0wLjEyMiwwLjM3NC0wLjA0M2MwLjE1NCwwLjA3OSwwLjIzNywwLjIyNSwwLjE4NSwwLjMyOFMxMS4zOTMsMzIuODA2LDExLjIzOSwzMi43Mjd6IE0xMi40NTEsMzMuNDgyCWMtMC4wODEsMC4wODgtMC4yNTUsMC4wNi0wLjM4OS0wLjA2MnMtMC4xNzctMC4yOTMtMC4wOTYtMC4zODFjMC4wODEtMC4wODgsMC4yNTUtMC4wNiwwLjM4OSwwLjA2MlMxMi41MzIsMzMuMzk0LDEyLjQ1MSwzMy40ODJ6IE0xMy4yMDUsMzQuNzMyYy0wLjEwMiwwLjA3Mi0wLjI3NSwwLjAwNS0wLjM4Ni0wLjE1cy0wLjExOC0wLjM0LTAuMDE2LTAuNDEyczAuMjc1LTAuMDA1LDAuMzg2LDAuMTUJQzEzLjI5OSwzNC40NzUsMTMuMzA3LDM0LjY2LDEzLjIwNSwzNC43MzJ6IE0xNC4yODgsMzUuNjczYy0wLjA2OSwwLjExMi0wLjI2NSwwLjExNy0wLjQzNywwLjAxMnMtMC4yNTYtMC4yODEtMC4xODctMC4zOTMJYzAuMDY5LTAuMTEyLDAuMjY1LTAuMTE3LDAuNDM3LTAuMDEyUzE0LjM1NywzNS41NjEsMTQuMjg4LDM1LjY3M3ogTTE1LjMxMiwzNi41OTRjLTAuMjEzLTAuMDI2LTAuMzcxLTAuMTU5LTAuMzUzLTAuMjk3CWMwLjAxNy0wLjEzOCwwLjIwNC0wLjIyOCwwLjQxNi0wLjIwMmMwLjIxMywwLjAyNiwwLjM3MSwwLjE1OSwwLjM1MywwLjI5N0MxNS43MTEsMzYuNTI5LDE1LjUyNSwzNi42MiwxNS4zMTIsMzYuNTk0eiBNMTYuOTYzLDM2LjgzM2MtMC4yMjctMC4wMTMtMC40MDQtMC4xNDMtMC4zOTUtMC4yODljMC4wMDktMC4xNDYsMC4yLTAuMjU1LDAuNDI3LTAuMjQyYzAuMjI3LDAuMDEzLDAuNDA0LDAuMTQzLDAuMzk1LDAuMjg5CUMxNy4zODEsMzYuNzM4LDE3LjE5LDM2Ljg0NiwxNi45NjMsMzYuODMzeiBNMTguNTIxLDM2LjY3N2MtMC4yNDIsMC0wLjQzOC0wLjEyNi0wLjQzOC0wLjI4MXMwLjE5Ni0wLjI4MSwwLjQzOC0wLjI4MQljMC4yNDIsMCwwLjQzOCwwLjEyNiwwLjQzOCwwLjI4MVMxOC43NjIsMzYuNjc3LDE4LjUyMSwzNi42Nzd6Ij48L3BhdGg+Cjwvc3ZnPg==') 50% 50% no-repeat; 
  background-size: 100%; 
}

.sprite-mail-icon-p { 
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CjxwYXRoIGZpbGw9IiM3NGNjY2YiIGQ9Ik0zLjU3OCw5LjkwOWMwLjQ3Miw3LjI3NywwLjE3Myw2LjIxMiwwLjE3MywxMS41NmMwLDAuODgxLDAuMzQ2LDMuODIyLDAuMzE4LDQuNzAzCWMtMC4xMDksMy40MzctMC4wNzIsNC43ODEsMC4wNyw2Ljk0NmMwLjE5NSwyLjk2LTAuNTc5LDkuMTQ2LDAuOTk1LDEwLjA0NGMyLjUyMiwxLjQzOCw0Ljg5NCwxLjA0Nyw3LjAwNiwxLjE1MgljMi4xMTIsMC4xMDUsOC4wOTktMC40NTMsMTEuMDU2LTAuNDgyYzQuOTgtMC4wNDksNi4yMTEtMC4yNzEsMTEuNjg5LTAuMDQ4YzEuOTk5LDAuMDgxLDMuNjQyLTAuMjQ5LDUuNjI4LTAuNDg3CWMxLjk5NS0wLjIzOSwzLjU4Ni0yLjM4MiwzLjU4Ni02Ljc1N2MwLTQuMzI0LTAuNzczLTQuNzg3LTAuOTYxLTkuMjM5Yy0wLjE3Ni00LjE2OSwwLjMzNC01LjY3LDAuMzQzLTcuMzIyCWMwLjAwNy0xLjMzMywwLjA0OS0zLjc1NCwwLjAyNy01LjA4N2MtMC4wMi0xLjI0LDAuMTE4LTQuOTc0LDAuMDE1LTYuMjQzcy0wLjQyMi0zLjI2My0yLjA0NC00LjEwNQljLTAuNDgyLTAuMjUtMS4wMjYtMC4zNzMtMS41NjYtMC40MzJjLTIuNTU2LTAuMjgtNy45MTksMC43OTEtOC40MzgsMC44NDNjLTQuODYxLDAuNDg2LTQuNjMzLTAuMDk1LTkuNDk0LTAuMDk1CWMtMS4zNDksMC01LjY4NSwwLjEyMi03LjAzNCwwLjA5NWMtMy40MTUtMC4wNy01LjIzNC0wLjA2OC02LjMyLDBDNC40NTYsNS4yMTUsMy41NzgsNi45OTIsMy41NzgsOS45MDkiPjwvcGF0aD48cGF0aCBmaWxsPSIjMDEwMTAxIiBkPSJNMTIuNzY3LDQ0LjgyNmMtMC4yNDMsMC0wLjQ2MS0wLjAwNC0wLjY1MS0wLjAxNGMtMC40NDItMC4wMjItMC44OTMtMC4wMjQtMS4zNjEtMC4wMjEJYy0xLjc4Mi0wLjAwNi0zLjc2OCwwLjAwMi01Ljg2Ny0xLjE5NmMtMS4yODUtMC43MzItMS4zMjUtMy4zODMtMS4yNDEtNy4zNDNjMC4wMjUtMS4xNjksMC4wNDktMi4yNzQtMC4wMDYtMy4xMDIJYy0wLjE0Ni0yLjIxMi0wLjE3OC0zLjYwMi0wLjA3LTYuOTk1YzAuMDE0LTAuNDQ0LTAuMDgyLTEuNTQxLTAuMTY2LTIuNTA5Yy0wLjA3OC0wLjg5OS0wLjE1Mi0xLjc0OS0wLjE1Mi0yLjE3NwljMC0xLjc0MywwLjAzMS0yLjgwNywwLjA1OC0zLjdjMC4wNTUtMS44MzEsMC4wODgtMi45MzYtMC4yMjktNy44MjhMMy4wNzgsOS45MDljMC0zLjA2NiwwLjkzOC01LjE2Nyw1LjUxOC01LjQ1MwljMS4xMjctMC4wNywyLjk2OS0wLjA3MSw2LjM2MS0wLjAwMWMwLjc4LDAuMDE4LDIuNjIyLTAuMDIsNC4yNDUtMC4wNTFDMjAuMzU3LDQuMzgsMjEuNDIzLDQuMzYsMjEuOTgsNC4zNgljMS45NzgsMCwzLjEwNiwwLjA5NCw0LjEwMiwwLjE3N2MxLjQ0MSwwLjExOCwyLjQ4MSwwLjIwNiw1LjM0My0wLjA4YzAuMDkxLTAuMDA5LDAuMzM3LTAuMDUyLDAuNjkzLTAuMTEyCWMxLjcwNC0wLjI4OSw1LjY5LTAuOTY3LDcuODUtMC43M2MwLjY4OCwwLjA3NSwxLjI1OCwwLjIzNCwxLjc0MiwwLjQ4NWMyLjAzLDEuMDU0LDIuMjQyLDMuNjU0LDIuMzEyLDQuNTA4CWMwLjA2OCwwLjgzMSwwLjAzNiwyLjYxMSwwLjAwOSw0LjE4MmMtMC4wMTYsMC44NjgtMC4wMjksMS42NDYtMC4wMjIsMi4wOTRjMC4wMTUsMC45MDYsMCwyLjMxNC0wLjAxMywzLjU0NGwtMC4wMTQsMS41NTIJYy0wLjAwMywwLjU5Ni0wLjA2NywxLjE2NC0wLjE0MywxLjgyMWMtMC4xNDEsMS4yMzktMC4zMTUsMi43ODItMC4yMDEsNS40NzdjMC4wODcsMi4wNTksMC4yOTksMy4yNCwwLjUwNSw0LjM4MgljMC4yMzUsMS4zMDcsMC40NTcsMi41NDIsMC40NTcsNC44NzdjMCw0LjIzOS0xLjUwNSw2Ljk1MS00LjAyNiw3LjI1M2MtMC40NTYsMC4wNTUtMC44OTUsMC4xMTQtMS4zMjMsMC4xNzIJYy0xLjQ0MiwwLjE5Ni0yLjgxMSwwLjM3OS00LjM4NiwwLjMxN2MtMy42NDYtMC4xNDctNS40MTQtMC4wOTgtNy42NTEtMC4wMzRjLTEuMTE5LDAuMDMyLTIuMzU5LDAuMDY3LTQuMDEyLDAuMDgzCWMtMS4zMDksMC4wMTMtMy4yNTYsMC4xMzMtNS4xMzksMC4yNDlDMTYuMDA4LDQ0LjcwNSwxNC4wNDksNDQuODI2LDEyLjc2Nyw0NC44MjZ6IE0xMC44ODIsNDMuNzkxYzAuNDM3LDAsMC44NjUsMC4wMDIsMS4yODIsMC4wMjIJYzEuMTQzLDAuMDU5LDMuNTI3LTAuMDksNS44MzctMC4yMzJjMS44OTYtMC4xMTcsMy44NTUtMC4yMzcsNS4xOS0wLjI1YzEuNjQ1LTAuMDE2LDIuODc5LTAuMDUxLDMuOTkzLTAuMDgzCWMyLjI1Ni0wLjA2NCw0LjAzNy0wLjExNSw3LjcyMSwwLjAzNWMxLjQ5NCwwLjA2NCwyLjgxMy0wLjExOSw0LjIxLTAuMzA5YzAuNDM0LTAuMDU5LDAuODc3LTAuMTE5LDEuMzM5LTAuMTc1CWMxLjk3LTAuMjM2LDMuMTQ2LTIuNTc3LDMuMTQ2LTYuMjZjMC0yLjI0Ni0wLjIxNS0zLjQzOC0wLjQ0MS00LjdjLTAuMjExLTEuMTc1LTAuNDMtMi4zOS0wLjUyMS00LjUxOAljLTAuMTE2LTIuNzcyLDAuMDYzLTQuMzU4LDAuMjA4LTUuNjMyYzAuMDcxLTAuNjI5LDAuMTMzLTEuMTcyLDAuMTM2LTEuNzEzbDAuMDE0LTEuNTU4YzAuMDEzLTEuMjIxLDAuMDI3LTIuNjE4LDAuMDEzLTMuNTE4CWMtMC4wMDctMC40NTYsMC4wMDctMS4yNDYsMC4wMjItMi4xMjhjMC4wMjYtMS40NzEsMC4wNTktMy4zMDEtMC4wMDUtNC4wODNjLTAuMTAyLTEuMjQ2LTAuMzk2LTIuOTg1LTEuNzc2LTMuNzAyCWMtMC4zNzItMC4xOTMtMC44MjctMC4zMTctMS4zOTEtMC4zNzhjLTIuMDE3LTAuMjItNS45MTIsMC40NC03LjU3MywwLjcyMmMtMC4zOTEsMC4wNjYtMC42NjEsMC4xMTEtMC43NjEsMC4xMjIJYy0yLjk1MSwwLjI5NS00LjA4OCwwLjItNS41MjQsMC4wODFjLTAuOTc3LTAuMDgxLTIuMDgzLTAuMTczLTQuMDItMC4xNzNjLTAuNTU0LDAtMS42MTEsMC4wMjEtMi43NTksMC4wNDMJYy0xLjYzMywwLjAzMi0zLjQ4MiwwLjA2OS00LjI4NSwwLjA1MkMxMS42MTgsNS4zODYsOS43NCw1LjM4Niw4LjY1OCw1LjQ1NGMtMy44NDMsMC4yNC00LjU3NywxLjc0NS00LjU4LDQuNDM5CWMwLjMxOSw0LjkyNSwwLjI4Niw2LjA0OCwwLjIzLDcuOTA2Yy0wLjAyNiwwLjg4Ni0wLjA1OCwxLjk0MS0wLjA1OCwzLjY3YzAsMC4zODUsMC4wNzUsMS4yNTIsMC4xNDgsMi4wOQljMC4wOTEsMS4wNDQsMC4xODYsMi4xMjUsMC4xNywyLjYyOGMtMC4xMDYsMy4zNTItMC4wNzUsNC43MjIsMC4wNjgsNi44OThjMC4wNTgsMC44NzEsMC4wMzMsMS45OTcsMC4wMDgsMy4xODkJYy0wLjA1MSwyLjM3NC0wLjEyNyw1Ljk2LDAuNzM2LDYuNDUzYzEuODY5LDEuMDY2LDMuNjgsMS4wNzUsNS4zNzEsMS4wNjRDMTAuNzk2LDQzLjc5MSwxMC44MzksNDMuNzkxLDEwLjg4Miw0My43OTF6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2Q2ZTVlNSIgZD0iTTI0LjY0MywxMy43NjljLTQuNDg2LDAuMDU1LTguODA1LTAuMjc3LTEzLjQ1NywwLjE2NGMtMC41MTUsMC4wNDktMS4wNjcsMC4wMjItMS40OTcsMC4zMTEJYy0wLjY1OCwwLjQ0MS0wLjc5MiwxLjMzNy0wLjg1MywyLjEyN2MtMC4zNyw0Ljc2OC0wLjI3Miw5LjU3MiwwLjI4OSwxNC4zMjFjMC4xMzYsMS4xNSwwLjQxOCwyLjQ3MywxLjQ1MywyLjk5NAljMC40NzcsMC4yNCwxLjAzMSwwLjI1NywxLjU2NSwwLjI2OWMzLjU2MSwwLjA4MSw3LjEyMiwwLjE2MiwxMC42ODMsMC4yNDNjNC4xNjIsMC4wOTUsOC4zMywwLjE4OSwxMi40ODQtMC4wOTEJYzAuODE1LTAuMDU1LDEuNjc4LTAuMTQyLDIuMzI3LTAuNjM4YzAuODM5LTAuNjQsMS4wOTQtMS43NzksMS4yMDYtMi44MjhjMC4yODQtMi42NjQsMC4wMTYtNS4zNTItMC4yNTItOC4wMTgJYy0wLjE5OC0xLjk2OC0wLjM5Ni0zLjkzNy0wLjU5NC01LjkwNWMtMC4wOTktMC45NzktMC4yNTgtMi4wNzItMS4wMzktMi42N2MtMC40NzgtMC4zNjYtMS4wOTgtMC41OTQtMS42OTktMC41NTEJQzMxLjQyNiwxMy43NzcsMjguMzQ5LDEzLjQxOCwyNC42NDMsMTMuNzY5Ij48L3BhdGg+PHBhdGggZmlsbD0iIzAxMDEwMSIgZD0iTTI5LjA5MiwzNC43OTJjLTIuMTEsMC00LjIxMi0wLjA0OC02LjI3OC0wLjA5NWwtMTAuNjgzLTAuMjQzYy0wLjUzLTAuMDEyLTEuMTkxLTAuMDI3LTEuNzc3LTAuMzIzCWMtMS4yNS0wLjYyOC0xLjU3OC0yLjEzNy0xLjcyNS0zLjM4MWMtMC41NjUtNC43NzgtMC42NjMtOS42MjktMC4yOTEtMTQuNDE4YzAuMDQ2LTAuNjEsMC4xNDQtMS44OCwxLjA3Mi0yLjUwMwljMC40NTctMC4zMDgsMC45NzktMC4zNDIsMS40MzktMC4zNzJsMC4yODktMC4wMjFjMy4xMjctMC4yOTcsNi4xNDQtMC4yNDYsOS4wNjMtMC4xOThjMS40NjYsMC4wMjUsMi45MzEsMC4wNSw0LjQxNCwwLjAzMgljMS45NjktMC4xODUsMy43OTUtMC4xNzMsNS41NjItMC4xNjJjMS42MDIsMC4wMTEsMy4yNDgsMC4wMjEsNS4wNDMtMC4xMDljMC42ODctMC4wNTMsMS40MzMsMC4xODgsMi4wMzksMC42NTIJYzAuOTMxLDAuNzExLDEuMTI0LDEuOTMxLDEuMjMyLDMuMDE4bDAuNTk1LDUuOTA0YzAuMjY4LDIuNjUsMC41NDMsNS4zOSwwLjI1Miw4LjEyMmMtMC4xMTMsMS4wNjYtMC4zNzQsMi4zOS0xLjQsMy4xNzIJYy0wLjc0NywwLjU3LTEuNjkyLDAuNjc4LTIuNTk2LDAuNzM5QzMzLjI2OCwzNC43NDYsMzEuMTc2LDM0Ljc5MiwyOS4wOTIsMzQuNzkyeiBNMTYuODQ3LDE0LjIwMWMtMS44MzYsMC0zLjcwOSwwLjA1LTUuNjE0LDAuMjMJbC0wLjMxOCwwLjAyNGMtMC4zNjYsMC4wMjQtMC43MTMsMC4wNDYtMC45NDcsMC4yMDRjLTAuNDYyLDAuMzEtMC41NzcsMS4wMjQtMC42MzIsMS43NWMtMC4zNjcsNC43MjYtMC4yNzEsOS41MTEsMC4yODYsMTQuMjI1CWMwLjExOCwwLjk5NiwwLjM1OCwyLjE5MSwxLjE4MiwyLjYwNWMwLjM4NiwwLjE5NCwwLjg3NiwwLjIwNiwxLjM1MiwwLjIxNmwxMC42ODMsMC4yNDNjNC4wODMsMC4wOTMsOC4zMDYsMC4xOSwxMi40MzktMC4wOQljMC43ODItMC4wNTMsMS41MjktMC4xMzQsMi4wNTgtMC41MzZjMC43MjItMC41NTEsMC45Mi0xLjYxNiwxLjAxMi0yLjQ4M2MwLjI4LTIuNjI4LDAuMDEtNS4zMTYtMC4yNTItNy45MTVsLTAuNTk1LTUuOTA1CWMtMC4wOTItMC45MTktMC4yMzItMS44NTUtMC44NDYtMi4zMjRjLTAuNDA5LTAuMzEzLTAuOTI5LTAuNDc0LTEuMzU5LTAuNDQ5Yy0xLjgzMywwLjEzNC0zLjUwNCwwLjEyMi01LjEyMiwwLjExMgljLTEuODI3LTAuMDExLTMuNTU2LTAuMDIzLTUuNDgyLDAuMTU5bC0wLjA0MSwwLjAwMmMtMS40OTYsMC4wMTktMi45OC0wLjAwNi00LjQ2My0wLjAzMUMxOS4wODcsMTQuMjIsMTcuOTc0LDE0LjIwMSwxNi44NDcsMTQuMjAxCXogTTI0LjY0MywxMy43N2gwLjAxSDI0LjY0M3oiPjwvcGF0aD48cGF0aCBmaWxsPSIjMDEwMTAxIiBkPSJNMjMuNjU5LDI4LjAxYy0wLjEzOCwwLTAuMjc5LTAuMDA2LTAuNDI4LTAuMDE3Yy0xLjgzNS0wLjE0MS0zLjMxNC0xLjQwMi00LjU1OC0yLjU3MwljLTMuMzY3LTMuMTcyLTYuNTAzLTYuNjM2LTkuMzIzLTEwLjI5NGMtMC4xNjgtMC4yMTktMC4xMjgtMC41MzMsMC4wOTEtMC43MDFjMC4yMjEtMC4xNywwLjUzMy0wLjEyOCwwLjcwMiwwLjA5MQljMi43ODcsMy42MTcsNS44ODgsNy4wNDEsOS4yMTYsMTAuMTc3YzEuMTE4LDEuMDU0LDIuNDM4LDIuMTg4LDMuOTQ4LDIuMzAzYzEuNTIxLDAuMTEzLDIuMjQxLTAuNTA5LDMuNDMzLTEuNTQ1bDAuMzk2LTAuMzQzCWMyLjMyNC0xLjk5MSw0LjU2Ny00Ljk4Miw2LjczNy03Ljg3NWMwLjk0Mi0xLjI1NywxLjgzMy0yLjQ0NCwyLjY5NS0zLjUwMWMwLjE3Ni0wLjIxMywwLjQ5MS0wLjI0NSwwLjcwNC0wLjA3MQljMC4yMTQsMC4xNzQsMC4yNDUsMC40ODksMC4wNzEsMC43MDRjLTAuODUxLDEuMDQxLTEuNzM0LDIuMjItMi42NzEsMy40NjhjLTIuMjAyLDIuOTM2LTQuNDc5LDUuOTcyLTYuODg3LDguMDM1bC0wLjM5MSwwLjMzNwlDMjYuMjQ4LDI3LjIwNSwyNS4zMjIsMjguMDEsMjMuNjU5LDI4LjAxeiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMwMTAxMDEiIGQ9Ik0zNy42OTUsMzMuMzA0Yy0wLjA5NywwLTAuMTkzLTAuMDI4LTAuMjc5LTAuMDg1Yy0xLjg1LTEuMjQ3LTMuMjY3LTIuOTU0LTQuNzY4LTQuNzYJYy0xLjE2Mi0xLjQtMi4zNjMtMi44NDctMy44NTctNC4xOTRjLTAuMjA1LTAuMTg1LTAuMjIyLTAuNTAxLTAuMDM2LTAuNzA2YzAuMTg2LTAuMjA1LDAuNTAxLTAuMjIxLDAuNzA2LTAuMDM2CWMxLjU0NywxLjM5NSwyLjc3MiwyLjg3MSwzLjk1Nyw0LjI5OGMxLjQ1MywxLjc1LDIuODI2LDMuNDAzLDQuNTU3LDQuNTdjMC4yMjksMC4xNTQsMC4yOSwwLjQ2NSwwLjEzNiwwLjY5NAlDMzguMDE0LDMzLjIyNywzNy44NTUsMzMuMzA0LDM3LjY5NSwzMy4zMDR6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzAxMDEwMSIgZD0iTTkuOTgyLDMzLjcxM2MtMC4xMTQsMC0wLjIyOS0wLjAzOS0wLjMyMi0wLjExOGMtMC4yMTEtMC4xNzgtMC4yMzgtMC40OTQtMC4wNi0wLjcwNWwwLjQ1NS0wLjU0MwljMS4xNzYtMS40MDYsMi41MDgtMywzLjkxNS00LjA3NGMwLjY4Mi0wLjUxOSwzLjExNy0zLjU0MiwzLjE5MS00LjE2NGMwLjAzLTAuMjY1LDAuMjY4LTAuNDgsMC41MzMtMC40NTkJYzAuMjY3LDAuMDE5LDAuNDczLDAuMjI1LDAuNDY2LDAuNDkyYy0wLjAyOCwxLjA5MS0yLjk4Nyw0LjQ3Mi0zLjU4NCw0LjkyN2MtMS4zMTgsMS4wMDctMi42MTIsMi41NTUtMy43NTUsMy45MjFsLTAuNDU4LDAuNTQ2CUMxMC4yNjYsMzMuNjUzLDEwLjEyNCwzMy43MTMsOS45ODIsMzMuNzEzeiI+PC9wYXRoPgo8L3N2Zz4=') 50% 50% no-repeat;
  background-size: 100%; 
}

.grid-gallery{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 230px));
  grid-auto-rows: auto;
  gap: 10px;
}


.blog-card{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    /* height: aut; */
    padding: 10px;
    border-radius: 8px;
}

.blog-card h4{
  align-self: start;
}

.blog-card time{
  align-self: start;

}

.blog-card a{
  align-self: end;

}

.blog-card *{
  display: block;

}

/* #Colors*/

/* HEADER */

header{
  background-color: var(--header_background_color);
}

.logo li a{
  color: var(--nav_logoname_color);
}
.logo li a:hover{
  color: var(--nav_logoname_color_hover);
}

.category-gallery li a {
  color: var(--nav_text_color);
}
.category-gallery li a:hover{
  color: var(--nav_text_color_hover);
}
/* HERO BANNER */
.banner{
  background-image: linear-gradient(to right, #1B262C, #0F4C75);
}
.banner .hero{
  background-color: transparent;
}
.banner .image{
  background-color: transparent;

}

/* CATEGORY TITLE */
.category-title a{
  color: var(--category_title_text);
}
.category-title a:hover{
  color: var(--category_title_text_hover);
}
/* CONTENT */
html {
  background-color: var(--content_background_color);
}
main {
  color: var(--content_color);
}
main a {
  color: var(--content_url_color);
}

/* FOOTER */
footer{
  background-color: var(--footer_background_color);
}
.social-links li a {
  color: var(--footer_text_color);
}

.social-links li a:hover {
  color: var(--footer_text_color_hover);
}

/* TRANSLATE TO */
.languages p{
  color: var(--content_color);  
}
.languages a{
  color: var(--nav_text_color); 
}
.languages a:hover{
  color: var(--nav_text_color_hover); 
}

/* SCROLLBAR DARK */
html{
  color-scheme: dark;
}


/* CATEGORY BUTTONS */

.topics-gallery button#all-posts{
  background-color: var(--category_button_background_color);
  color: var(--category_button_text_color);
}

/* BLOG NAV BUTTONS */
.buttons div{
  background-color: var(--content_button_background_color);
}
.buttons div a{
  color: var(--content_button_color_text);
}

.buttons div a:hover{
  background-color: var(--content_button_background_color_hover);
}

/* BLOCK CARDS in BLOG CONTENT */
.blog-card{
  box-shadow: 0px 4px 4px 2px var(--content_blogcard_shadow_color);
}

.blog-card a:hover{
  color: var(--content_blogcard_button_text_color_hover);
}




/* GENERAL FONT SIZES */

/* HEADER */

#logo_name {
  font-size: var(--header_logo_font_size);
}
.category-gallery li a{
  font-size: var(--header_category_font_size);
}

/* FOOTER */
.social-links li a{
  font-size: var(--footer_social_links);
}

/* BLOGCARD FONT SIZE */

.blog-card h4{
  font-size: 1.3em;
  font-weight: bold;
}
.blog-card time{
  font-style: italic;
  font-size: 0.9em;
}
.blog-card a{
  font-size: 1.em;
}