.selector-for-some-widget {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.wf-loading { visibility: hidden; }

html { position: relative; min-height: 100%; }
body {
    font-size: 16px !important;
    font-family: freight-sans-pro, sans-serif;
    margin-bottom: 120px; 
    text-rendering: optimizeLegibility;
}
t{ text-indent: 40px; display: inline-block; }
input{ font-family: "freight-sans-pro",sans-serif; }
h1, h2, h3, h4, h5, h6 { color: #363636; font-family: "acumin-pro-condensed",sans-serif; }
a, a:focus, a:hover { color: #363636 !important; }
h2 { margin-bottom: 14px; }
.btn { font-family: "freight-sans-pro",sans-serif !important; }
.img-responsive{ display: block; max-width: 100%; height: auto; }
.tooltip .tooltip-inner { font-size: 11px; text-rendering: auto; }
.popover{  font-family: "freight-sans-pro", sans-serif; font-size: 14px; border-radius: 0px; }
.popover-content{ padding: 1px 6px !important; }
.modal-content, .modal-body { line-height: normal !important; }	
.pagefade {
    transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    opacity: 0
}
.pagefade.active { opacity: 1 }

/*========== TopSection ==========*/
.ps-topsection { }
.ps-topsection > .container {  }
.ps-top-logo{ padding: 10px 0 20px; }
.ps-logo { display: block; margin: 0 auto; max-width: 150px; }
.ps-what { font-family: helvetica; font-weight: lighter; text-align: center; }

/*========== Navigation ==========*/
.top-navigation { background-color: #fafafa; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; }
.top-nav{ text-align: center; }
.top-nav a.active { background-color: #f0f0f0; }
.top-nav ul { list-style: none; margin: 0; padding-left: 0; }
.top-nav ul li{ list-style: none; display: inline-block; margin-left: -4px;}
.top-nav ul li a{
	color: #333;
    display: block;
    font-size: 16px !important;
    text-decoration: none;
    padding: 12px 14px;
	-webkit-transition: all .2s linear;
	   -moz-transition: all .2s linear;
	    -ms-transition: all .2s linear;       
	     -o-transition: all .2s linear;
	        transition: all .2s linear; 
}
.top-nav ul li a:hover{
    background-color: #f0f0f0;
	-webkit-transition: all .2s linear;
	   -moz-transition: all .2s linear;
	    -ms-transition: all .2s linear;       
	     -o-transition: all .2s linear;
	        transition: all .2s linear; 
}
.right-grid h2 { margin-top: 16px; }
#search-wrapper{ border-bottom: 1px solid #dfdfdf; text-align: center; }
#search-form{ margin: 15px 0px; display: block; }
#search-input{ width: 80%; float: left; border-radius: 0;}
.search-btn { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; cursor: pointer; }
.search-btn:hover{ background-color: #fafafa; transition: all 0.2s linear 0s; }
.search-btn:active { color: #000; }
.form-control:focus { border-color: #606060 !important; }

/*========== Tema Sections ==========*/
.bg-light{ background-color: #f1f1f1; }
.bg-black{ background-color: #222; }
.leder-btn,.leder-btn:hover {
    background-color: orangered;
    color: #fff !important;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    display: block;
    position: relative;
    line-height: 27px;
    border: 1px solid #fff;			
}
.leder-btn:hover {
	background: rgb(197, 53, 0);
	-webkit-transition: all .2s linear;
	   -moz-transition: all .2s linear;
	    -ms-transition: all .2s linear;       
	     -o-transition: all .2s linear;
	        transition: all .2s linear; 
}

/*========== Sections ==========*/
.ps-section { padding: 30px 0; }
.btn-share { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 0; color: #3f3f3f; font-size: 15px; padding: 15px 30px; }


/*========== Start Page ==========*/
.figure { margin-bottom: 0 !important; }
.article-author-date { border-top: 1px dotted #dfdfdf; padding: 6px 15px; min-height: 61px; }
.author-front, .date-front { display: inline-block; text-align: right; float: right; }
.article-author { display: inline-block; max-width: 70%; }
.author-name-index { width: 100%; display: inline-block; }
.article-card { margin-bottom: 1.75rem !important; }
.author-name{ display: block; }
.author-date-kunst .fa-pencil { color: #707070; }

.category-name { padding: 0px 10px; border-top: 1px solid #dfdfdf;}
.category-name a:hover { text-decoration: none; }
.cat-num{ display:none; }
.cat-btn { display: inline-block; color: #606060 !important; text-align: center; font-size: 15px; padding: 5px 6px 6px; }
.cat-btn:hover {  }

.cat-1,.cat-2,.cat-4,.cat-5 {
	display: block;
	font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale	
}

.cat-1:before{ content: "\f0f6"; }
.cat-2:before{ content: "\f1c8"; }
.cat-4:before{ content: "\f1c7"; }
.cat-5:before{ content: "\f03e"; }

.card{ display: block; margin-bottom: 30px; }
.cardheader { padding: 15px 15px 20px; }
.meta-description { color: #777777; display: block; margin-bottom: 10px; }
.cardheader > h3 { margin-bottom: 18px; }
.thumb-img { display: block; height: auto; max-width: 100%; overflow: hidden; }
.thumb-img img { display: block; height: auto; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.thumb-img img:hover { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }


/*========== Article ==========*/
.links-share > span { display: block; margin-bottom: 10px; }
.links-share > div > a, .btn-share { display: block; float: left; margin-bottom: 10px; min-width: 60px; margin-right: 10px; }
.skrevet-af{ display: block; margin-bottom: 23px; border-bottom: 1px solid #dfdfdf; line-height: 57px }
.author-date { border-bottom: 1px solid #dfdfdf; padding: 4px 0; }
.author-date-sm { margin-bottom: 10px; }
.author, .date { display: inline-block; width: 100%; }
.license { border-top: 1px solid #dfdfdf; display: block; float: left; margin-top: 14px; padding-top: 4px; width: 100%; }
.single-article { padding-bottom: 15px; margin-bottom: 20px; }
.single-article > h2 { margin-bottom: 4px !important; padding-bottom: 22px; border-bottom: 1px solid #dfdfdf; }
.soundcloud, .video-preview{ margin-bottom: 20px; background-color: #000; }
.fodnoter { border-top: 1px dotted #dfdfdf; margin-top: 30px; padding-top: 10px; }

/*========== Social Share ==========*/
.links-share { margin-top: 0px; }
.share-facebook:hover { background-color: #3b5998; border: 1px solid #3b5998; color: #fafafa !important; }
.share-twitter:hover { background-color: #4099FF; border: 1px solid #4099FF; color: #fafafa !important; }
.share-gplus:hover { background-color: #d34836; border: 1px solid #d34836; color: #fafafa !important; }
.share-print:hover { background-color: #fafafa; border: 1px solid #fafafa !important; }
.share-pdf:hover { background-color: orangered; border: 1px solid orangered !important; color: #fafafa !important;  }

.cat-btn:hover, .share-facebook:hover, .share-twitter:hover, .share-gplus:hover, .btn-read-more:hover, .share-print:hover, .share-pdf:hover{
	-webkit-transition: all .2s linear;
	   -moz-transition: all .2s linear;
	    -ms-transition: all .2s linear;       
	     -o-transition: all .2s linear;
	        transition: all .2s linear; 
}

/*========== Festival ==========*/
.sub-nav-section { background-color: orangered; border-bottom: 1px solid #dfdfdf; }
.festival-nav > ul { list-style: outside none none; margin-bottom: 0; padding-left: 0; text-align: center; }
.festival-nav > ul > li { display: inline-block; }
.festival-nav > ul > li > a { color: #fff !important; display: inline-block; padding: 10px 20px; text-decoration: none;}

.article-row { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #dfdfdf;  }
.card { border-radius: 0; }
.avarar-img { display: block; margin: 20px 0 0 20px; max-width: 120px; height: auto; }
.avarar-img-author{ display: block; margin: 0 0 20px 0; max-width: 120px; height: auto; }

/*========== About Page ==========*/
.sub-nav-section-about{ background-color: #363636; border-bottom: 1px solid #dfdfdf; }
.about-section { padding: 30px 0; }
.about-article {  }
.about-article > h2 { border-bottom: 1px dotted #dfdfdf; padding-bottom: 18px; }
.row.about-second-row { margin-top: 30px; }

/*========== Sub Navigation ==========*/
.nav-item a { color: white!important; display: inline-block; width: 100%; padding: 10px 20px !important; text-decoration: none;}
.festival-nav .navbar-nav { margin: auto; }
.festival-nav > button { text-align: center; margin: 5px auto!important; display: block; }
.festival-nav > button:focus{ outline: 0px !important; }
#dk-navbar .nav-item.active, 
#eng-navbar .nav-item.active { background-color: #111; }
#dk-navbar .nav-item, #eng-navbar .nav-item{
	-webkit-transition: all .2s linear;
	   -moz-transition: all .2s linear;
	    -ms-transition: all .2s linear;       
	     -o-transition: all .2s linear;
	        transition: all .2s linear; 
}
#dk-navbar .nav-item:hover, #eng-navbar .nav-item:hover{ 
	background-color: #111;
	-webkit-transition: all .2s linear;
	   -moz-transition: all .2s linear;
	    -ms-transition: all .2s linear;       
	     -o-transition: all .2s linear;
	        transition: all .2s linear;
}


/*========== Redaktion ==========*/
.img-red { display: block; margin: 20px auto 5px !important; max-width: 250px; }

/*========== NoResults Page ==========*/
.noresults-section{ padding: 30px 0;  }
.noresults-section h4{ margin-bottom: 20px; }
.noresults { text-align: center; }
.list-group-item { border-radius: 0 !important; display: block; }
.list-group-item-search { background-color: #fafafa !important; color: #333 !important; }
.list-group-one, .list-group-two { margin-bottom: 20px; }
.page-link{ border-radius: 0px !important; }

/*========== Kunst Indlæg ==========*/
.kunstindlaeg_tekstfelt_top{ }
.kunstindlaeg_billeder { margin-bottom: 25px; }
.kunstindlaeg_billedetekst{ padding: 10px 0px 20px; }
.kunstindlaeg_billeder{ border-bottom: 1px dotted #dfdfdf; }
.kunstindlaeg_billeder:last-of-type { border-bottom: 0px solid #dfdfdf; }
.kunstindlaeg_tekstfelt_bund{  }
.author-date-kunst > .date { float: right; text-align: right; width: 24%; margin-bottom: 25px; }

/*========== Musik Lyrik ==========*/
.musik_lyrik_sangtitel { border-bottom: 1px dotted #dfdfdf; margin: 10px 0 30px; padding-bottom: 10px; }
.lyrik_dansk_oversaettelse, .lyrik_original_tekst { font-size: 14px; white-space: normal !important; word-break: break-all; }
.musik_lyrik_tekstfelt_bund { border-top: 1px solid #dfdfdf; margin-top: 40px; padding-top: 20px; }


/*========== Seneste artikler ==========*/
.latest { background-color: #222222; box-shadow: inset 0px 11px 8px -10px #000, inset 0px -11px 8px -10px #000; }
.latest-articles > span { color: white; margin: 20px 0px 20px; text-transform: uppercase; padding: 0px 0px 15px; border-bottom: 1px dotted #777; display: block; font-weight: lighter; }
.latest .card { border: 0px ! important; }
.latest .card > a { display: block; max-height: 107px; overflow: hidden; }
.latest .card-block { padding: 10px !important; min-height: 110px;}


/*========== Footer ==========*/
.footer {
    background-color: #fafafa;
    border-top: 1px solid #dfdfdf;
    bottom: 0;
    height: 120px;
    line-height: 60px;
    position: absolute;
    width: 100%;
}

.btn-cookie { background-color: #fafafa; color: #000; border: 1px solid #dfdfdf; border-radius: 0; cursor: pointer; }
.btn-cookie:hover { background-color: #fafafa; color: #000; transition: all 0.2s linear 0s; }
.btn-cookie:focus { box-shadow: none !important; color: #000; }
.cokkie-btn-text{ margin-left: 10px; font-size: 12px; }
.kontakt {  }

/*========== NAV Trigger ==========*/
.nav-trigger { cursor: pointer; border-radius: 2px; height: 44px; margin: 11px auto 7px auto !important; position: relative; width: 44px; }
.nav-trigger .menu-text { color: #333; text-transform: uppercase; font-weight: 700; display: none; }

/*========== this span is the central line of the menu icon  ==========*/
.nav-trigger .menu-icon {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  width: 18px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: translateX(-50%) translateY(-50%);
  	 -moz-transform: translateX(-50%) translateY(-50%);
  	  -ms-transform: translateX(-50%) translateY(-50%);
  	   -o-transform: translateX(-50%) translateY(-50%);
  	   	  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color 0.3s;
  	 -moz-transition: background-color 0.3s;
  	 	  transition: background-color 0.3s;
}

/*========== these are the upper and lower lines in the menu icon ==========*/
.nav-trigger .menu-icon::before, .nav-trigger .menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  	-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  		transition: transform .3s, top .3s, background-color 0s;
}

.nav-trigger .menu-icon::before { top: -5px; }
.nav-trigger .menu-icon::after { top: 5px; }

.nav-trigger .menu-icon.is-clicked { background-color: rgba(255, 255, 255, 0); }
.nav-trigger .menu-icon.is-clicked::before,
.nav-trigger .menu-icon.is-clicked::after { background-color: #fff; }
.nav-trigger .menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  	 -moz-transform: rotate(135deg);
  	  -ms-transform: rotate(135deg);
  	   -o-transform: rotate(135deg);
  	   	  transform: rotate(135deg);
}

.nav-trigger .menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  	 -moz-transform: rotate(225deg);
  	  -ms-transform: rotate(225deg);
  	   -o-transform: rotate(225deg);
  	   	  transform: rotate(225deg);
}

/*========== PDF formating ==========*/
.pdf-visible{ display:none }


/*========== Scroll to top ==========*/
.scrollToTop{
    background-color: #fff;
    border-radius: 4px !important;
	text-align: center;
	text-decoration: none;
	position: fixed;
	bottom: 63px;
	right: 30px;
	display: none;
}

.scrollToTop:hover{ text-decoration:none; }
.scrollToTop:focus, .scrollToTop:active { -webkit-box-shadow: none !important; box-shadow: none !important; }



/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) { 
body{ margin-bottom: 60px; }
.footer { height: 60px; }
div#eng-navbar { min-height: 41px; }
div#dk-navbar { min-height: 41px; }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
#search-input { float: inherit; width: 30%;}
.links-share { margin-top: 22px; }
.cardheader { min-height: 320px; }
.thumb-img { max-height: 200px; } 



}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
body { font-size: 16px; }
.meta-description { font-size: 15px; }
.btn-read-more, .btn-share { padding: 8px 16px; }
.btn-share { clear: left; margin-right: 0px }
.single-article > h2 { margin-bottom: 24px; }
.cardheader { }
.thumb-img { }



}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 


}