/*
Theme Name: LærumOgLeikum
Theme URI: https://aronth.me/
Author: Aron Þór
Author URI: https://aronth.me/
Description: Sérsmíðað útlit fyrir LærumOgLeikum.is
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 5.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: laerumogleikum
*/

* {
  font-family: "Inter", sans-serif
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48
}

body {
  background-color: #dfdfdf;
}

nav {
  border-bottom: 1px solid #3aacec;
}

#mainContent div.card{
  margin:12px 0px 12px 0px;
}

.sectiontitle{
  margin:12px;
}

div.sidebar ul li img{
  width:100%;
  max-width: 240px;
}

div.branding {
  background-color: #80d6ff;
  background-image: url("assets/images/train.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: bottom;
  height: 400px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #3b8721
}


div.logo {
  background-image: url("./assets/images/logo.png");
  width: 320px;
  height: 220px
}

img#im-logo{
  max-width: 240px;
  aspect-ratio: 1/1;
}

figure.alignright {
  float: right;
  margin: 0 0 1em 1em
}

figure.alignleft {
  float: left;
  margin: 0 1em 1em 0
}

figure.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

a img.alignright {
  float: right;
  margin: 0 0 1em 1em
}

a img.alignleft {
  float: left;
  margin: 0 1em 1em 0
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

div.wp-block-image{
  display: inline;
}

section#im-kynning{
  background-color: white;
}

body{
  min-height: 100vh;
  position: relative;
  padding-bottom:100px;
}

footer{
  background-color:white;
  border-top: 1px solid #cfcfcf;
  padding:12px 0px 12px 0px;
  position: absolute;
  bottom:0;
  width: 100%;
}