/*
Theme Name: Mit Custom Child Theme
Theme URI: https://eksempel.dk
Author: Dit Navn
Author URI: https://ditwebsted.dk
Description: Et simpelt child theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mit-custom-child-theme
Template: mit-custom-theme 
*/

body {
    background-color: whitesmoke;
  }

.wrapper-404{
  --border-thicknes:1px;
  --border--color:rgb(71, 71, 71);
  
  background-color: whitesmoke;

  *{
    margin: 0;
  }
  .content-404{
    color: var(--color-text-primary);

    gap: 1rem;
    padding-bottom: 1rem;
    display: grid;
    

    a{
      color: inherit;
    }

    #s, .button-404{
      border:none;
      padding:0;
      padding-inline-start:0;
      padding-inline-end:0;
      margin:0;
      line-height: 0;
      box-sizing: border-box;
      line-height: normal;
      display: inline-block;
      text-decoration: none;
      width: 100%;
      padding: .5rem 1rem;
    }
    #s{

      border-radius: 10px 10px 0 0 ;
      border-top: var(--border-thicknes) solid var(--border--color);
      border-left: var(--border-thicknes) solid var(--border--color);
      border-right: var(--border-thicknes) solid var(--border--color);
    }
    .button-404{
      border-radius: 0 0 10px 10px;
      border-bottom: var(--border-thicknes) solid var(--border--color);
      border-left: var(--border-thicknes) solid var(--border--color);
      border-right: var(--border-thicknes) solid var(--border--color);
    }
  }

  .image-404{
    width: 100%;
    height: 100%;
    background: url(https://wp2.jwk.dk/wp-content/uploads/2025/09/linux-suck.jpg) no-repeat center top;
    background-size: contain;
  }

}



.footer-sitename-logo{
  display: flex;
  align-items: center;
}
.footer-icon{
  --footer-logo-JWK-size:20px;
  background: url(https://wp2.jwk.dk/wp-content/uploads/2025/08/JWK-transparent.png) center;
  background-size: cover;
  object-fit: cover;
  width: calc(var(--footer-logo-JWK-size) * 1.7);
  height: var(--footer-logo-JWK-size);
  display: block;
  margin-right: 5px;
}