/*
 Theme Name:     ROMU

 Description:    ROMU Tema
 Author:         Dyring Design
 Author URI:     http://www.Dyring-Design.dk
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
@import url("./a11y.css");

@font-face {
    font-family: 'Gotham Extra';
    src: url('fonts/Gotham-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('fonts/Gotham-Ultra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Extra';
    src: url('fonts/Gotham-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('fonts/Gotham-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('fonts/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

h1 {
  font-size: 60px;
  text-align: center;
  color: #FFF;
}

h3 {
  font-size: 30px;
  line-height: 34px;
  text-align: center;
  color: #FFF;
}

h3 a { color: #FFF; }

a { color: #FFF; }

h1 {
  margin-top: 100px;
  text-align: center;
  font-size: 60px;
  line-height: 70px;
  font-family: 'roboto', sans-serif;
}

#container {
  margin: 0 auto;
  max-width: 890px;
}

p { text-align: center; }
 .toggle, [id^=drop] {
 display: none;
}

.1menu {
  margin: 0;
  padding: 0;
  background-color: #254441;
}

#logo {
  display: none;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}

.1menu:after {
  content: "";
  display: table;
  clear: both;
}

.1menu ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

.1menu ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #254441;
}

.1menu a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
}

.1menu ul li ul li:hover { background: #000000; }

.1menu a:hover { background-color: #000000; }

.1menu ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

.1menu ul li:hover > ul { display: inherit; }

.1menu ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

.1menu ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

.1menu li > a:after { content: ' '; }

li > a:only-child:after { content: ''; }
@media all and (max-width : 1980px) {
#2ndmenu { display: none !important}
}
/* Media Queries
--------------------------------------------- */

@media all and (max-width : 980px) {
    

  #2ndmenu { display: block;}

  #logo {
    display: block;
    padding: 0;
    width: 100%;
    text-align: center;
    float: none;
  }

  .1menu { margin: 0; display: block;}

  .toggle + a,
   .menu { display: none; }

  .toggle {
    display: block;
  background-color: #254441;
  padding: 0 20px;
  color: #525760;
  font-size: 16px;
  line-height: 29px;
  text-decoration: none;
  border: none;
  display: block;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 0px;
  background-color: rgba(0, 0, 0, 0.05);
  text-align: left;
  }

  .toggle:hover { background-color: #000000; }

  [id^=drop]:checked + ul { display: block; }

  .1menu ul li {
    display: block;
    width: 100%;
  }

  .1menu ul ul .toggle,
   .1menu ul ul a { padding: 0 40px; }

  .1menu ul ul ul a { padding: 0 80px; }

  .1menu a:hover,
   .1menu ul ul ul a { background-color: #000000; }

  .1menu ul li ul li .toggle,
   .1menu ul ul a { background-color: #212121; }

  .1menu ul ul {
    float: none;
    position: static;
    color: #ffffff;
  }

  .1menu ul ul li:hover > ul,
  .1menu ul li:hover > ul { display: none; }

  .1menu ul ul li {
    display: block;
    width: 100%;
  }

  .1menu ul ul ul li { position: static;

  }

  div#lejretadre , div#frederikssund , div#rossanktlutz{
    width: 47.25% !important;
  }

  div#lejretadre {
    margin-right: 5.5%;
  }

}

@media all and (max-width : 330px) {

  .1menu ul li {
    display: block;
    width: 94%;
  }
}

@media (max-width: 479px){
  div#lejretadre , div#frederikssund , div#rossanktlutz, div#lejretadre {
      width: 100% !important;
      margin: 0 0 30px 0;
  }
}











#2menu {
  margin: 0;
  padding: 0;
  background-color: #254441;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}

#2menu:after {
  content: "";
  display: table;
  clear: both;
}

#2menu ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

#2menu ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #254441;
}

#2menu a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
}

#2menu ul li ul li:hover { background: #000000; }

#2menu a:hover { background-color: #000000; }

#2menu ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

#2menu ul li:hover > ul { display: inherit; }

#2menu ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

#2menu ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ' '; }

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

#logo {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  float: none;
}

#2menu { margin: 0; }

.toggles + a,
 .menu { display: none; }

.toggles {
display: block;
background-color: #254441;
padding: 0 20px;
color: #525760;
font-size: 16px;
line-height: 29px;
text-decoration: none;
border: none;
display: block;
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 0px;
background-color: rgba(0, 0, 0, 0.05);
text-align: left;
}

.toggles:hover { background-color: #000000; }

[id^=drops]:checked + ul { display: block; }

#2menu ul li {
  display: block;
  width: 100%;
}

#2menu ul ul .toggles,
 #2menu ul ul a { padding: 0 40px; }

#2menu ul ul ul a { padding: 0 80px; }

#2menu a:hover,
 #2menu ul ul ul a { background-color: #000000; }

#2menu ul li ul li .toggles,
 #2menu ul ul a { background-color: #212121; }

#2menu ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

#2menu ul ul li:hover > ul,
#2menu ul li:hover > ul { display: none; }

#2menu ul ul li {
  display: block;
  width: 100%;
}

#2menu ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

#2menu ul li {
  display: block;
  width: 94%;
}

}









body {
    background-color: grey;
}

.ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-left {
    background-color: black;
}

.ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-left a {
    color: white;
}

.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target {
    color: black !important;
}

#ubermenu-main-93-sticky-wrapper #ubermenu-main-93{
margin-top: 0px;}

.et-social-icons {
    height: 25px;
}
.et-social-facebook, .et-social-twitter, .et-social-google-plus, .et-social-rss, .et-social-youtube, .et-social-instagram {
    display: none !important;
}

#ubermenu-main-40-primary-menu {
    width: 100% !important;
        top: auto !important;
    position: static !important;
    margin-top: auto !important;
}

article .entry-title a {
pointer-events: none;
cursor: default;
}

#post_fra_andre1 {
width: 65%;
margin-left: auto;
margin-right: auto;
z-index: 0;
}

#post_fra_andre2 {
width: 65%;
margin-left: auto;
margin-right: auto;
z-index: 0;
}

.et_section_regular {
    text-align: center;
}

#rossanktlutz .post:nth-child(2) {
    display: none;
}

#rossanktlutz .post:nth-child(3) {
    display: none;
}

#lejretadre .post:nth-child(2) {
    display: none;
}

.post:nth-child(4), .post:nth-child(8) { margin-right: 0% !important; }


#contentpost > div:nth-child(5), #contentpost > div:nth-child(6), #contentpost > div:nth-child(7), #contentpost > div:nth-child(8), #contentpost > div:nth-child(9), #contentpost > div:nth-child(10), #contentpost > div:nth-child(12) {
display: none !important;
}


#contentpost .post {
/* width: 30%;
display: inline-block;
border: medium solid;
height: 380px;
overflow: hidden;
margin: 0.5%;*/
position: relative;
margin-top: 25px;
min-height: 380px;

/*
    opacity: 1.0;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
*/
}

/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
@font-face {font-family:"Montserrat-Regular";src:url("Montserrat-Regular.eot?") format("eot"),url("Montserrat-Regular.woff") format("woff"),url("Montserrat-Regular.ttf") format("truetype"),url("Montserrat-Regular.svg#Montserrat-Regular") format("svg");font-weight:normal;font-style:normal;}


#contentpost .post{
border-bottom: 5px solid rgb(255, 255, 255);
}

#contentpost .post:hover,
#arkaeo .post:hover,
#voresviden .post:hover {
border-bottom: 5px solid rgb(0, 0, 0);
}

#contentpost .post .streg:hover, 
.post .streg:hover{
opacity: 0.6;
}

.uber_link_roskilde {
background: #0C215A none repeat scroll 0% 0% !important;
border-radius: 3px;
letter-spacing: 0px;
padding: 0.3em 1em;
position: relative;
border: 2px solid;
font-weight: 500;
line-height: 1.7em !important;
transition: all 0.2s ease 0s;
color: #FFF !important;
font-size: 20px;
padding: 0.3em 1em 0.3em 1em;
border: 2px solid transparent;
}

.uber_link_frederikssund {
background: #1c4a58 none repeat scroll 0% 0% !important;
border-radius: 3px;
letter-spacing: 0px;
padding: 0.3em 1em;
position: relative;
border: 2px solid;
font-weight: 500;
line-height: 1.7em !important;
transition: all 0.2s ease 0s;
color: #FFF !important;
font-size: 20px;
padding: 0.3em 1em 0.3em 1em;
border: 2px solid transparent;
}

.uber_link_lejre {
background: #9f6a36 none repeat scroll 0% 0% !important;
border-radius: 3px;
letter-spacing: 0px;
padding: 0.3em 1em;
position: relative;
border: 2px solid;
font-weight: 500;
line-height: 1.7em !important;
transition: all 0.2s ease 0s;
color: #FFF !important;
font-size: 20px;
padding: 0.3em 1em 0.3em 1em;
border: 2px solid transparent;
}

.uber_link_sankt {
background: #433a72 none repeat scroll 0% 0% !important;
border-radius: 3px;
letter-spacing: 0px;
padding: 0.3em 1em;
position: relative;
border: 2px solid;
font-weight: 500;
line-height: 1.7em !important;
transition: all 0.2s ease 0s;
color: #FFF !important;
font-size: 20px;
padding: 0.3em 1em 0.3em 1em;
border: 2px solid transparent;
}

.uber_link_domkirke {
background: #2d7770 none repeat scroll 0% 0% !important;
border-radius: 3px;
letter-spacing: 0px;
padding: 0.3em 1em;
position: relative;
border: 2px solid;
font-weight: 500;
line-height: 1.7em !important;
transition: all 0.2s ease 0s;
color: #FFF !important;
font-size: 20px;
padding: 0.3em 1em 0.3em 1em;
border: 2px solid transparent;
}

.uber_link_ragnarock {
background: #731420 none repeat scroll 0% 0% !important;
border-radius: 3px;
letter-spacing: 0px;
padding: 0.3em 1em;
position: relative;
border: 2px solid;
font-weight: 500;
line-height: 1.7em !important;
transition: all 0.2s ease 0s;
color: #FFF !important;
font-size: 20px;
padding: 0.3em 1em 0.3em 1em;
border: 2px solid transparent;
}

.uber_link_haandvaerk {
background: #3c4650 none repeat scroll 0% 0% !important;
border-radius: 3px;
letter-spacing: 0px;
padding: 0.3em 1em;
position: relative;
border: 2px solid;
font-weight: 500;
line-height: 1.7em !important;
transition: all 0.2s ease 0s;
color: #FFF !important;
font-size: 20px;
padding: 0.3em 1em 0.3em 1em;
border: 2px solid transparent;
}

.uber_link_tadre {
background: #488062 none repeat scroll 0% 0% !important;
border-radius: 3px;
letter-spacing: 0px;
padding: 0.3em 1em;
position: relative;
border: 2px solid;
font-weight: 500;
line-height: 1.7em !important;
transition: all 0.2s ease 0s;
color: #FFF !important;
font-size: 20px;
padding: 0.3em 1em 0.3em 1em;
border: 2px solid transparent;
}

.uber_link_koebmand {
background: #c56808 none repeat scroll 0% 0% !important;
border-radius: 3px;
letter-spacing: 0px;
padding: 0.3em 1em;
position: relative;
border: 2px solid;
font-weight: 500;
line-height: 1.7em !important;
transition: all 0.2s ease 0s;
color: #FFF !important;
font-size: 20px;
padding: 0.3em 1em 0.3em 1em;
border: 2px solid transparent;
}
.ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-left {
display: inherit !important;
float: none !important;
}

.ubermenu-sticky nav{
    top: 100px !important;
}

#ubermenu-main-40-primary-menu-2-sticky-wrapper #ubermenu-main-40-primary-menu-2 {
    top: 65px !important;
}

.content_boxe p a{ 
display: none;
}

.content_boxe p{ 
text-align: left;
padding-right: 12px;
font-size: 10pt;
font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif;
line-height: 113%;
height: 107px;
overflow: hidden;
margin-bottom: 32px;
text-transform: inherit;
}

.postmetadata a{
font-size: 11pt;
font-family: "Montserrat-Regular";}

.smallblock {
    width: 20%;
    height: 80px;
    display: inline-block;
}

.largeblock {
    width: 40%;
    height: 80px;
    display: inline-block;
}

 .lblock1 {
    background-color: red; 
 }
 
 .sblock1 {
    background-color: blue; 
 }
 
 .sblock2 {
    background-color: green; 
 }
 
 .sblock3 {
    background-color: yellow; 
 }