@charset "UTF-8";
/*theme name: 7mil
Template: vantage
Theme URI: https://7mil.dk
Description: 7mil er din markedsføringspartner online. Vi består af et stærkt hold, med store kompetencer inden for hvert vores felt - alle med mange års erfaring under bæltet. Organisationens størrelse betyder stor fleksibilitet for dig som kunde. Hos os får du ikke pakkeløsninger, men skræddersyede tilbud, der passer til det din virksomhed har brug for. Vores størrelse betyder også at vi kan holde omkostninger lave - både vore egne, og den pris du betaler for din løsning. Besøg os på <a target="_blank" href="http://www.7mil.dk">www.7mil.dk</a>
Author: 7mil
Author URI: https://7mil.dk
Version: 2.0.1*/
/* =Theme customization starts here
-------------------------------------------------------------- */
.change-my-color {
  filter: invert(92%) sepia(4%) saturate(2199%) hue-rotate(87deg) brightness(86%) contrast(86%);
}
.change-to-white {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(78deg) brightness(102%) contrast(102%);
}
.icon {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-left: 10px;
}
.icon svg {
  height: 25px;
  width: 50px;
}
.smallitem .item_title h2 {
  float: left;
}
.img-btn {
  overflow: hidden;
}
.img-btn img {
  min-width: 100%;
  height: auto;
  transition-duration: 0.5s;
}
.img-btn p {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 25px;
  margin-top: 0;
}
.img-btn a {
  text-decoration: none;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 0;
  box-sizing: border-box;
}
.img-btn span {
  position: relative;
  display: block;
  line-height: 1;
  margin-top: -25px;
  padding: 0 25px 25px;
  color: #fff;
}
.img-btn:hover img {
  opacity: 0.5;
  transition-duration: 0.5s;
}
#reg {
  background: #c1272d;
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.wpc-filter-title {
  font-size: 20px;
  font-weight: 800;
}
.singleevent_text h1 {
  font-size: 13px !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800;
  margin-top: 15px;
  margin-bottom: 0 !important;
  line-height: 1 !important;
}
.singleevent_text p {
  margin-bottom: 0px !important;
  font-size: 11px !important;
}
.page-id-886 .singleevent_text h1, .page-id-479 .singleevent_text h1, .page-id-946 .singleevent_text h1 {
  min-height: 35px;
}
h1, h2, h3, h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 800 !important;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 32px !important;
}
h3 {
  font-size: 24px !important;
}
p, a, table, select, text, textarea {
  font-family: "Montserrat", sans-serif;
}
p {
  font-size: 16px;
}
.reverse {
  display: inline-block;
  margin-right: 10px;
}
.reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5 {
  color: #fff !important;
  font-weight: 800;
}
.reverse p {
  color: #fff !important;
  font-weight: 300;
}
.reverse a {
  border-radius: 50px;
  position: relative;
  font-weight: 800 !important;
  font-size: 20px;
  padding: 15px 25px;
  text-transform: uppercase;
  color: #fff !important;
  margin-left: 0;
  background: #0071bc;
  text-decoration: none;
}
.alt {
  display: inline-block;
  margin-right: 10px;
}
.alt a {
  border-radius: 50px;
  position: relative;
  font-weight: 800 !important;
  font-size: 20px;
  padding: 15px 25px;
  text-transform: uppercase;
  color: #fff !important;
  margin-left: 0;
  background: #10b610;
  text-decoration: none;
}
.single-post h2 {
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 1;
}
.smallitem .item_title h2 {
  font-family: "Montserrat", sans-serif !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
article.post .entry-header h1.entry-title {
  color: #444;
  font-size: 36px;
}
#masthead.masthead-logo-in-menu .logo > img {
  max-height: 50px;
}
.menu-item span.icon {
  display: none;
}
.menu {
  float: left !important;
}
#masthead, .main-navigation {
  background: #000;
}
.main-navigation ul li a {
  font-weight: 300;
  font-size: 13px;
  color: #fff;
  padding: 20px 8px;
}
.main-navigation ul li a:hover, .main-navigation ul li:hover a {
  background: transparent;
  color: #888;
}
.logo img {
  margin-top: 0 !important;
}
.main-navigation ul ul {
  background: #000;
}
.main-navigation ul ul li:hover > a, .main-navigation ul ul li.focus > a {
  background: #000;
}
#main {
  background: transparent;
}
.single-post {
  background-color: #fff !important;
}
body.layout-full {
  background: #fff;
}
.event-item-bruce {
  box-sizing: border-box;
}
.event-item {
  width: calc(25% - 50px);
  position: relative;
  float: left;
  margin: 25px;
  z-index: 999;
}
.event-date p {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif !important;
}
.arrangor p {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif !important;
  color: #c1272d;
}
.small-container {
  margin-left: -60px;
  margin-top: -10px;
}
.go {
  margin-left: auto !important;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  background: #c1272d;
}
a.smallbtn.btnreadmore.go p {
  color: #fff !important;
}
a.smallbtn.btnreadmore.go span {
  color: #fff !important;
  background: #c1272d;
}
a.smallbtn.btnreadmore {
  border-radius: 50px;
  position: relative;
  font-weight: 300 !important;
  font-size: 16px;
  padding: 10px 15px;
  text-transform: uppercase;
  color: #fff !important;
  margin-left: 0;
  margin-top: 10px;
  background: #c1272d;
  text-align: center;
  width: auto;
  height: auto;
}
.event-item-bruce a.smallbtn.btnreadmore {
  border-radius: 50px;
  position: relative;
  font-weight: 300 !important;
  font-size: 16px;
  padding: 10px 15px;
  text-transform: uppercase;
  color: #fff !important;
  margin-left: 0;
  margin-top: 10px;
  background: #c1272d;
  text-align: center;
  width: auto;
  height: auto;
}
.single-post .reverse {
  margin-bottom: 35px;
}
.eventitem.smallitem {
  max-width: calc(50% - 35px);
  display: inline-block;
  float: left;
  position: relative;
  padding-right: 35px;
  padding-bottom: 35px;
}
img.item_photo {
  border-radius: 0 !important;
}
.eventsfilters {
  display: none !important;
}
.smallitem .item_title {
  bottom: 105px !important;
}
a.smallbtn p {
  line-height: 2.5 !important;
}
.smallitem .item_date {
  top: 25px !important;
  text-transform: uppercase;
  font-family: "Monteserrat", sans-serif !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.smallitem .item_buttons {
  bottom: 58px !important;
}
.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label {
  border-radius: 0 !important;
}
.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper {
  font-size: 20px;
  padding: 15px 20px;
  border-radius: 0 !important;
}
.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label a {
  color: #000 !important;
}
.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper:hover {
  background: #fff;
}
.wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.wpc-filters-widget-main-wrapper input.wpc-label-input:checked + label span.wpc-filter-label-wrapper {
  background: #c1272d !important;
}
.wpc-filters-widget-main-wrapper input.wpc-label-input:checked + label span.wpc-filter-label-wrapper a {
  color: #fff !important;
}
.single-nav-wrapper, .entry-meta, .entry-categories {
  display: none !important;
}
.item_type, .top_border, .bottom_border, .btntickets {
  display: none !important;
}
.marker {
  position: relative;
  color: #c1272d;
  width: 100%;
}
.marker p {
  display: inline-block;
  word-spacing: 5px;
  margin-right: 25px;
}
#colophon {
  background: transparent;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #000;
}
#footer-widgets .widget a {
  text-decoration: none;
}
#footer-widgets .widget .icon-facebook2, #footer-widgets .widget .icon-instagram {
  font-size: 56px;
  margin-right: 10px;
}
#footer-widgets .widget {
  padding: 0 35px 0 0;
}
#footer-widgets .widget .widget-title {
  font-size: 20px !important;
}
#colophon .widget_nav_menu .menu-item a {
  border: none !important;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .smallitem .item_title {
    bottom: 55px !important;
  }
  .marker {
    display: block;
    margin-top: 35px;
  }
  .eventitem.smallitem, .event-item {
    width: 100%;
    max-width: none;
  }
  .event-item {
    margin: 0 0 35px 0;
    position: relative;
  }
  .event-item a.smallbtn {
    display: none !important;
  }
  .singleevent_text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
  }
  .singleevent_text h1 {
    position: absolute;
    top: 75%;
    left: 25px;
    min-width: 350px;
    color: #fff;
    font-size: 16px !important;
  }
  .event-date {
    position: absolute;
    top: 25px;
    left: 25px;
    color: #fff;
    min-width: 350px;
  }
  .event-date p {
    font-size: 16px !important;
  }
  .eventcardmob .item_date {
    left: 0 !important;
    top: 0 !important;
  }
  .eventcardmob .item_title_mob {
    left: 10px !important;
    top: 75% !important;
  }
  .eventcardmob .item_title_mob h2 {
    font-family: "kapraneueBold" !important;
  }
}
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?qthwng");
  src: url("fonts/icomoon.eot?qthwng#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?qthwng") format("truetype"), url("fonts/icomoon.woff?qthwng") format("woff"), url("fonts/icomoon.svg?qthwng#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-right:before {
  content: "";
}
.icon-arrow-left:before {
  content: "";
}
.icon-arrow-down:before {
  content: "";
}
.icon-arrow-up:before {
  content: "";
}
.icon-phone:before {
  content: "";
}
.icon-envelop:before {
  content: "";
}
.icon-facebook2:before {
  content: "";
}
.icon-instagram:before {
  content: "";
}