@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

@font-face {
  font-family: 'fontinregular';
  src: url('/wp-content/themes/ryans/_fonts/fontin-regular-webfont.woff2') format('woff2'),
       url('/wp-content/themes/ryans/_fonts/fontin-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'luminariregular';
  src: url('/wp-content/themes/ryans/_fonts/luminari-regular-webfont.woff2') format('woff2'),
       url('/wp-content/themes/ryans/_fonts/luminari-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

body { font-family: 'fontinregular'; font-size:15px; font-weight: 500; color:#021519; }
button, input { font-family: 'fontinregular'; }

h1, h1.Overskrift { font-size:48px; line-height: 1em; font-weight:400; margin: 0; font-family: 'luminariregular'; }
h2, h2.Underoverskrift { font-size:48px; line-height: 1em; font-weight:400; margin: 0; font-family: 'luminariregular'; }
h3, h3.Lilleoverskrift { font-size:24px; line-height: 1em; font-weight:400; margin: 0; }
h4, h4.Paragrafoverskrift { font-size:20px; line-height: 1.4em; font-weight:400; margin: 0 0 20px 0; }

img.billede-venstre-responsive { float:left; max-width: 100%; height:auto; margin:0 32px 32px 0;  }
img.billede-center-responsive { display:block; margin:0 auto; max-width: 100%; height:auto; }
img.billede-hojre-responsive { float:right; max-width: 100%; height:auto; margin:0 0 32px 32px; }

a { color:inherit; text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: #bd8a27; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); }
a:hover { text-decoration-color: inherit; }
a.button {
    width:auto;
    display: inline-block;
    background:transparent;
    font-size:12px; font-weight: 700; letter-spacing: 1px; border:3px solid #bd8a27; border-radius: 0;
    padding:12px 20px;
    color:#021519;
    margin:5px 0 0 0;    
    text-decoration: none;
}
a.button:after {
    content:'\f054';
    font-family: 'FontAwesome';
    display:inline-block;
    position: relative;
    margin-left:10px;
    color:#bd8a27;
}

a.button~a.button {
    margin:5px 0 0 10px;
}

.paragraph a:not(.button):not(.bigbutton):not(.eventdate) { display:inline-block; position: relative; border-bottom:2px solid #bd8a27; }
.paragraph a:not(.button):not(.bigbutton):not(.eventdate):hover { opacity:1 !important; }
.paragraph a:not(.button):not(.bigbutton):not(.eventdate):after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #021519;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.paragraph.bg a:not(.button):not(.bigbutton):after { background-color: #fff; }

.paragraph a:not(.button):hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

hr { width:64px; height:4px; background:#bd8a27; border:0; margin:32px 0; text-align: left; }
hr.dashed { width:100%; height:0; border-bottom:2px dashed rgba(0,0,0,.25); background:none; }