/* GLOBAL STYLES
-------------------------------------------------- 
:root {
  --ColorBlack: rgba(0,0,0,1);
  --ColorGrey: 	rgba(123,121,121,1);
  --ColorLight: rgba(123,121,121,.1);
  --ColorWhite: rgba(255,255,255,1);
  --Color1: 	rgba(116,135,142,1);
  --Color2: 	rgba(221,188,194,1);
  --Color3: 	rgba(152,121,133,1);
  --Color4: 	rgba(221,181,106,1);
  --Color5: 	rgba(193,212,212,1);
  --Color6: 	rgba(228,238,235,1);
  --Color7: 	rgba(235,234,248,1);


  --HeightBoxMD	:200px;
  --HeightBoxSM	:170px;
  --HeightBoxXS	:110px;
  --HeightNewsMD:400px;
  --HeightNewsSM:340px;
  --HeightNewsXS:200px;
  --HeightHeaderMD:165px;
  --HeightHeaderSM:105px;
  --HeightHeaderXS:65px;
}
*/

/* FONT
-------------------------------------------------- */
@font-face {font-family: NationalWeb-Book;
  src:	url('../fonts/NationalWeb-Book.woff2') format('woff2'),
    url('../fonts/NationalWeb-Book.woff') format('woff');
}
@font-face {font-family: NationalWeb-BookItalic;
  src:	url('../fonts/NationalWeb-BookItalic.woff2') format('woff2'),
    url('../fonts/NationalWeb-BookItalic.woff') format('woff');
}
@font-face {font-family: NationalWeb-Extrabold;
  src:	url('../fonts/NationalWeb-Extrabold.woff2') format('woff2'),
    url('../fonts/NationalWeb-Extrabold.woff') format('woff');
}
@font-face {font-family: NationalWeb-Medium;
  src:	url('../fonts/NationalWeb-Medium.woff2') format('woff2'),
    url('../fonts/NationalWeb-Medium.woff') format('woff');
}



body {font-family: NationalWeb-Book;color:rgba(123,121,121,1);margin-top:165px;}
a, a:hover {color:rgba(123,121,121,1);}
hr.delimiter {width:20px;text-align:left;border-width: 2px;border-color: inherit;margin: 10px 0 7px 0;}
h1,h2 {font-family: NationalWeb-Medium;}



/* COLORS
-------------------------------------------------- */
.bg-black 		{background-color:rgba(0,0,0,1);}
.bg-grey 		{background-color:rgba(123,121,121,1);}
.bg-light	 	{background-color:rgba(123,121,121,.1);}
.bg-white 		{background-color:rgba(255,255,255,1);}
.bg-color1 		{background-color:rgba(116,135,143,1);}
.bg-color2 		{background-color:rgba(221,188,194,1);}
.bg-color3 		{background-color:rgba(193,212,212,1);}
.bg-color4 		{background-color:rgba(32,121,124,1);}
.bg-color5 		{background-color:rgba(33,62,53,1);}
.bg-color6 		{background-color:rgba(241,140,74,1);}
	


/* BUTTONS
-------------------------------------------------- */
.btn-black 		{background-color:rgba(0,0,0,1);}
.btn-grey 		{background-color:rgba(123,121,121,1);}
.btn-light	 	{background-color:rgba(123,121,121,.1);}
.btn-white 		{background-color:rgba(255,255,255,1);}
.btn-color1 	{background-color:rgba(116,135,142,1);}
.btn-color2 	{background-color:rgba(221,188,194,1);}
.btn-color3 	{background-color:rgba(152,121,133,1);}
.btn-color4 	{background-color:rgba(221,181,106,1);}
.btn-color5 	{background-color:rgba(193,212,212,1);}
.btn-color6 	{background-color:rgba(228,238,235,1);}
.btn-color7 	{background-color:rgba(235,234,248,1);}




/* NEWS CAROUSEL
-------------------------------------------------- */
.NewsList a:hover {text-decoration:none;color:rgba(255,255,255,1);}
.NewsList .carousel-caption {bottom: 3rem;z-index: 10;}
.NewsList .carousel-item {height:400px;background-size: cover;background-position:center center;cursor:pointer;}
.NewsList .carousel-item > img {position: absolute;top: 0;left: 0;min-width: 100%;height:400px;}


/* myMenu
-------------------------------------------------- */
#myMenu nav a {text-transform: uppercase;}
#myMenu nav.toolnav {justify-content: flex-end !important;margin-right:-16px;}
#myMenu nav.topnav  {margin-right:-12px;left: -120px;}
#myMenu nav.topnav .dropdown-toggle::after {display:none;}
#myMenu nav.topnav .dropdown-menu {border-radius:0;}
#myMenu nav.topnav .dropdown-item.active, 
#myMenu nav.topnav .dropdown-item:active {background-color:rgba(123,121,121,.1);color:rgba(123,121,121,1);}



@media only screen and (max-width: 1200px) and (min-width: 992px)  {
  #myMenu nav.topnav {
      left: -240px;
  }
}


/* mySidenav
-------------------------------------------------- */
#mySidenav {position: fixed;bottom:0;width: 0;z-index: 2000;top: 0;left: 0;overflow-x: hidden;transition: 0.5s;}
#mySidenav nav.toolnav a:last-child {float:right;}
#mySidenav nav a {text-transform: uppercase;text-decoration:none;font-size: .875rem;}
#mySidenav nav.leftnav .M1 {margin-left:-1.25rem;} /*margin-bottom:-0.75rem;margin-top: 0.75rem;*/
#mySidenav nav.leftnav .list-group-item {padding:0;}
#mySidenav nav.leftnav .list-group-item a {padding: .75rem 0 .75rem 1.25rem;display: block;}
#mySidenav nav.leftnav .list-group-item:hover {background-color:rgba(0,0,0,.125);cursor:pointer;}
#mySidenav nav.leftnav .M1 .list-group-item {padding-left:2.5rem;}
#mySidenav nav.leftnav .M1 .list-group-item a {color:rgba(123,121,121,.5);}
#mySidenav nav.leftnav .list-group-flush:first-child .list-group-item:first-child {border-top:1px solid rgba(0,0,0,.125);}
#mySidenav nav.leftnav {border-bottom:1px solid rgba(0,0,0,.125);}

#overlay {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.75); z-index: 1900;}
#NavbarOff, #NavbarOn {z-index: 2050;}
#NavbarOff {display: none;}



/* PAGE ITEM
------------------------- */
.ItemPage {margin-bottom: 100px;}
.ItemPage h1 {font-size:2rem;}
.ItemPage h2 {font-size:1.6rem;margin-top: 40px;}
.ItemPage hr.delimiter {width:45px;border-width: 3px;margin: 20px 0;}



.speekers img {width:100%}



/* BOX ITEM
------------------------- */
a.ItemBoxContent:hover {text-decoration:none;color:rgba(255,255,255,1);
}
.ItemBoxText {
  color:#FFF;
  overflow: hidden;
  border:4px solid rgba(255,255,255,1);
  transition: all 0.3s ease-in-out;
}

.ItemBoxText p {margin-bottom:0;}
.ItemBoxContent {background-size: cover;height:200px;}

.ItemBox.col-sm-3 .ItemBoxText {height: 55%;width: 85%;}
.ItemBox.col-sm-3 h2 {font-size:1.2rem;}
.ItemBox.col-sm-3 p {font-size:0.85rem;line-height: 1.1;}

.ItemBox.col-6 .ItemBoxText {height: 80%;width: 75%;border:4px solid #FFF;background-color: rgba(0,0,0,0.1);
   -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}
.ItemBox.col-6 a.ItemBoxContent:hover .ItemBoxText {background-color:rgba(0,0,0,0.3);
   -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}
.ItemBox.col-6 h2 {font-size:1.6rem;}
.ItemBox.col-6 p {font-size:1.2rem;line-height: 1.5;}

.ItemBox.col-12 .ItemBoxText {border:0;text-align: center;}
.ItemBox.col-12 h2 {font-size:4rem;}

.ItemBox hr.delimiter {border-color:rgba(255,255,255,1);}




/* HEADER
-------------------------------------------------- */
header {height:165px;}
.logo {height:calc(165px - 8px);}




/* FOOTER
-------------------------------------------------- */
footer {margin-top: 7px;}
footer .FooterContent {min-height:200px;}

footer h5 {font-family: NationalWeb-Medium;font-size:0.85rem;text-transform: uppercase;}
footer i.fab {margin-right:15px;}
footer hr.delimiter {border-color:rgba(123,121,121,1);}



/* SEARCH
-------------------------------------------------- */
.SearchResult strong {font-family: NationalWeb-ExtraBold;}


/* CAROUSEL
-------------------------------------------------- */
.carousel-indicators li {height:4px;}
a.carousel-control-prev, a.carousel-control-next {opacity:0;}
a.carousel-control-prev:hover, a.carousel-control-next:hover {opacity:1;
-webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  -o-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}
.carousel-inner .lead {font-size: 2.25rem;}


/* CUSTOM BOOTSTRAP
-------------------------------------------------- */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding: 7px;}
.row {margin-right: -7px;margin-left: -7px;}
.w-20 {width: 20%!important;}
.fixed-top-right {left:auto;}
.btn.focus, .btn:focus {box-shadow: none;}


.toolnav .btn.registrering-link {
    font-weight: bolder;
    color: rgba(241,140,74,1);
}

.pageid_233 .dk-tilmelding,
.pageid_239 .dk-tilmelding {
  display:none !important;
}
.en-tilmelding {
  display:none !important;
}

.pageid_233 .en-tilmelding,
.pageid_239 .en-tilmelding {
  display:inline-block !important;
}



.registrering-link {
font-size: 1.15rem;
  padding-top:0px;
}

/* FLAG */

.dk-flag {display:none !important;}

.pageid_233 .en-flag,
.pageid_239 .en-flag {
  display:none !important;
}

.pageid_233 .dk-flag,
.pageid_239 .dk-flag {
  display:inline !important;
  display:inline-block !important;
}


/* ENGELSKE MENU */

.pageid_233 nav div:nth-child(1),
.pageid_233 nav div:nth-child(2),
.pageid_233 nav div:nth-child(3),
.pageid_233 nav div:nth-child(4),
.pageid_233 nav div:nth-child(5),
.pageid_233 nav div:nth-child(6),
.pageid_233 nav div:nth-child(7) {display:none !important;}

.pageid_239 nav div:nth-child(1),
.pageid_239 nav div:nth-child(2),
.pageid_239 nav div:nth-child(3),
.pageid_239 nav div:nth-child(4),
.pageid_239 nav div:nth-child(5),
.pageid_239 nav div:nth-child(6),
.pageid_239 nav div:nth-child(7) {display:none !important;}


.pageid_233 nav div:nth-child(8),
.pageid_233 nav div:nth-child(9){display:block !important;}

.pageid_239 nav div:nth-child(8),
.pageid_239 nav div:nth-child(9){display:block !important;}



nav div:nth-child(8) {display:none !important;}
nav div:nth-child(9) {display:none !important;}


div#myMenu {
    right: 5px;
    position: relative;
}


/* Speekers 
______________________________________________ */
.speekers .speaker-desc h3 {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 10px 0 10px;
	color:#555;
}
.speekers .speaker-desc p {
    margin: 0px 0 5px;
}
.speekers .speaker-desc .text-link {
	color:#555;
}




/* HOVER 
______________________________________________ */


.col-sm-3 .ItemBoxText:hover { transform: scale(1.1, 1.1);}
.col-6 .ItemBoxText:hover { transform: scale(1.05, 1.05);}


.speekers .col-sm-4.d-none.d-sm-block img {width:100%;}
.ItemPage.speekers {
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
}

.modal-content img {
    width: 100%;
}


@media (min-width: 576px) {
  .modal-dialog {
      max-width: 990px;
      margin: 1.75rem auto;
  }
}