/* #### Fontello.com icons #### */
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?23380610');
  src: url('../font/fontello.eot?23380610#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?23380610') format('woff2'),
       url('../font/fontello.woff?23380610') format('woff'),
       url('../font/fontello.ttf?23380610') format('truetype'),
       url('../font/fontello.svg?23380610#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  /* width: 1em; */
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  line-height: 1em;

 
	font-size: 110%;
 
  /* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

ul.breadcrumbs li a i.icon-home
	{
	font-size: 110%;
	line-height: 1em;
	}

.fa-ul 
	{
    list-style-type: none;
    margin-left: 0.7em;
    padding-left: 0;
	}

.fa-2x 
	{
    font-size: 2em;
	line-height: 1em;
	}

.fa-3x 
	{
    font-size: 3em;
	line-height: 1em;
	}

.fa-lg
	{
    font-size: 1.33333em;
    line-height: 1em!important;
    vertical-align: -.0667em;
	}
 
.icon-search:before { content: '\2b'; }
.icon-minus:before { content: '\e0e0'; }
.icon-export:before { content: '\e716'; }
.icon-print:before { content: '\e800'; }
.icon-plus:before { content: '\e801'; }
.icon-home-1:before { content: '\e802'; }
.icon-book:before { content: '\e803'; }
.icon-star:before { content: '\e804'; }
.icon-star-empty:before { content: '\e805'; }
.icon-users:before { content: '\e806'; }
.icon-user:before { content: '\e807'; }
.icon-help-circled:before { content: '\e808'; }
.icon-cancel-circled:before { content: '\e809'; }
.icon-bookmark:before { content: '\e80a'; }
.icon-doc-new:before { content: '\e80b'; }
.icon-music:before { content: '\e80c'; }
.icon-to-start:before { content: '\e80d'; }
.icon-to-end:before { content: '\e80e'; }
.icon-website:before { content: '\e80f'; }
.icon-art-gallery:before { content: '\e810'; }
.icon-info-circled:before { content: '\e811'; }
.icon-cog:before { content: '\e812'; }
.icon-camera:before { content: '\e813'; }
.icon-calendar:before { content: '\e814'; }
.icon-location:before { content: '\e815'; }
.icon-edit:before { content: '\e816'; }
.icon-clock:before { content: '\e817'; }
.icon-login:before { content: '\e818'; }
.icon-picture:before { content: '\e819'; }
.icon-eye:before { content: '\e81a'; }
.icon-chart-bar:before { content: '\e81b'; }
.icon-logout:before { content: '\e81c'; }
.icon-eye-off:before { content: '\e81d'; }
.icon-menu:before { content: '\f0c9'; }
.icon-list-bullet:before { content: '\f0ca'; }
.icon-plus-squared:before { content: '\f0fe'; }
.icon-quote-left:before { content: '\f10d'; }
.icon-star-half-alt:before { content: '\f123'; }
.icon-play-circled:before { content: '\f144'; }
.icon-minus-squared:before { content: '\f146'; }
.icon-thumbs-up-alt:before { content: '\f164'; }
.icon-youtube-play:before { content: '\f16a'; }
.icon-google:before { content: '\f1a0'; }
.icon-database:before { content: '\f1c0'; }
.icon-file-video:before { content: '\f1c8'; }
.icon-share:before { content: '\f1e0'; }
.icon-trash:before { content: '\f1f8'; }
.icon-user-plus:before { content: '\f234'; }
.icon-user-circle-o:before { content: '\f2be'; }
.icon-facebook-squared:before { content: '\f308'; }



/* #### Typography #### */

body 
	{
	background-color:#0769ad;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

.grid-container 
	{
	background-color:#ffffff;
	}

.graa
	{
	background-color: #dbdbdb;
	}

a
	{
	transition: 900ms;
    color: #075d99;
	}

a:hover
	{
    text-decoration: underline;
	color: #080D0C;
	}

h1
	{
	color: #000000;
	font-weight: bold;
	}

h2
	{
	color: #8C1812;
	/* font-size: 1.6rem; */
	}

h3
	{
	color: #8C1812;
	margin-top: 1.5rem;
	}


/* ==== Overskrifter og bilder på sangsider ====*/

/* Small only */
@media screen and (max-width: 39.9999em) 
	{
	.bandimage
		{
		height: 6rem;
		margin-top: 0.3rem;
		}
	h1.song
		{
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0.4rem;
		border-bottom: solid 1px;
		}
	ul.sub li
		{
		min-width: 51%;
		}
	ul.sub
		{
		width: 100%;
		}
	}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9999em) 
	{
	.bandimage
		{
		height: 5rem;
		}
	h1.song
		{
		font-size: 1.8rem;
		line-height: 1;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0.4rem;
		border-bottom: solid 1px;
		}
	h2
		{
		font-size: 1.4rem;
		}
	.menu a
		{
		padding: 0.7rem 1.4rem 0.7rem 0;
		}		
	}

/* Large and up */
@media screen and (min-width: 64em) 
	{
	.bandimage
		{
		height: 6rem ;
		}
	h1.song
		{
		font-size: 2.3rem;
		line-height: 1;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0.4rem;
		border-bottom: solid 1px;
		}
	h2
		{
		font-size: 1.6rem;
		}
	.menu a.cut
		{
		padding: 0.7rem 1.4rem 0.7rem 0;
		}
	}


/* ==== Diverse ==== */

li.stars:hover,
/* li.is-dropdown-submenu-parent:hover, */
.is-dropdown-submenu
	{
	background-color: #F0F0F0; 
	color: #000000;
	}

a.float-right
	{
	transition: 400ms;
	width: 100%;
	}

a.float-right:hover
	{
	background-color: #E2E2E2;
	width: 100%;
	transition: 400ms;
	}

.lead 
	{
    font-size: 120%;
	font-weight: bold;
	}

label.error 
	{
    color: #c60f13;
	}

.card
	{
	border: 0;
	}

.footer
	{
	background-color: #000000;
	color: #888888;
	}

.footer a
	{
	color: #888888;
	}

.icon-bar {
  position: fixed;
  top: 35%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
}

/* #### Profilsider #### */

@media screen and (max-width: 39.9375em) 
	{
	div.avatar
		{
		width: 100%;
		border-radius: 50%; 
		border: 4px solid #dbdbdb;
		background-size: 100% 100%;
		}
	}

@media screen and (min-width: 40em) 
	{
	div.avatar
		{
		width: 80%;
		border-radius: 50%; 
		border: 4px solid #dbdbdb;
		background-size: 100% 100%;
		}	
	}

img.avatar
	{
	width: 100%;
	border-radius: 50%; 
	background-size: 100% 100%;
	}

img.minside
	{
	opacity: 0.5;
	border-radius: 50%;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
	}

img.minside:hover
	{
	opacity: 1.0;
	}

blockquote
	{
	padding-top: 0rem;
	}

/* #### Listing på bokstavsider #### */

@media screen and (max-width: 39.9375em) 
	{
	.liste li
		{
		width: 100%;
		}
	}

.pagination .current 
	{
    background: #8C1812;
	}

.pagination li
	{
    background: #ffae00;
		margin-bottom: 0.5em;
	}


.pagination li a span.has-tip 
	{
    cursor: pointer;
	border-bottom: none;
	}

.pagination a:hover, .pagination button:hover 
	{
    background: #cc8b00;
	}



/* #### Listing på bandsider #### */

@media screen and (max-width: 39.9375em) 
	{
	td.song
		{
		padding-bottom: 0;
		font-weight: bold;
		}

	td.rating
		{
		padding-top: 0;
		}
	}


/* PRE akkorder */

pre 
	{
    border-style: none;
    clear: both;
    font-family: 'Roboto Mono', monospace;
	font-size: 0.8em !important;
    margin-bottom: 35px;
	}


	
/* Tooltip */

span.dropt
	{
	color:#33d;
	}

span.hili {
  color: #000000;
  font-weight: bold;
}


span.dropt:hover
	{
	text-decoration:none;
	background:#fff;
	z-index:6;
	-webkit-transition:top 0;
	top:0;
	}

span.dropt span
	{
	position:absolute;
	left:-9999px;
	margin:20px 0 0 0;
	padding:3px 3px 3px 3px;
	border-style:solid;
	border-color:black;
	border-width:1px;
	z-index:6;
	}

span.dropt:hover span
	{
	left:20%;
	background:#fff;
	}

span.dropt span
	{
	position:absolute;
	left:-9999px;
	margin:4px 0 0 0;
	padding:3px 3px 3px 3px;
	border-style:solid;
	border-color:black;
	border-width:1px;
	}

span.dropt:hover span
	{
	margin:20px 0 0 20px;
	background:#fff;
	z-index:6;
	}


pre span.heading
	{
	color: #505050;
	font-weight: bold;
	font-size: 1.25em;
	cursor:default;
	border-bottom: none;
	}

pre.chorus
	{
	padding-left: 1em;
	border-left: 1.5em solid #DB9300;
	margin-bottom: 30px;
	font-weight: bold;
	color: #303030;
	}



/* #### Sticky nav bar meny #### */

div.meny 
	{
    max-width: 75rem;
    margin: 0 auto;
	z-index: 900;
	}

div.meny div.sticky, ul.sort
	{
	background-color: #000000;	
	}

img.logo
	{
	margin-left: 0.9375rem;
	margin-right: 0.9375rem;
	}

ul.meny li a
	{
	color: #D4D4D4;
	font-size: .9rem;
	line-height: 1.5;
	}

ul.meny li a:hover, dropdown.meny .is-active > a
	{
	color: #EEEEEE!important;
	text-decoration: underline;
	background-color: #242424;
	}

.dropdown.meny > li.is-dropdown-submenu-parent > a::after 
	{
    border: inset 0px;
	}

.is-dropdown-submenu 
	{
    border: none!important;
	}

.menu a.border-left
	{
	border-left:  1px solid #4B4B4B;
	}

.menu a.border-right
	{
	border-right: 1px solid #4B4B4B;	
	}


@media screen and (max-width: 39.9375em) 
	{
	img.head
		{
		height: 31px; 
		margin-bottom: 3px; 
		margin-top: 3px; 		
		}
	ul.meny li a
		{
		line-height: 1.0;
		}
	a.avatarlink
		{
		margin-bottom: 0; 
		padding-bottom:0; 
		margin-top: 0; 
		padding-top:6px; 
		padding-left: 9px;
		height: 100%;
		}
	}

@media screen and (min-width: 40em) 
	{
	img.head
		{
		height: 38px; 
		margin-bottom: 3px; 
		margin-top: 3px; 		
		}
		
	ul.meny li a
		{
		line-height: 1.5;
		}
	a.avatarlink
		{
		margin-bottom: 0; 
		padding-bottom:0; 
		height: 100%;
		}
	}


/* #### Sticky annonse #### */

@media screen and (max-width: 63.9999em) 
	{
	.sticky-annonse
		{
		padding-top: 1em;
		padding-bottom: 1em;
		transition: padding-top 0.25s ease;
		}

	.is-stuck .sticky-annonse
		{
		padding-top: 2.5em!important;
		transition: padding-top 0.25s ease;
		}
	}



/* Breadcrumbs */

.breadcrumbs 
	{
    margin: 3px 0 7px;
	}

.breadcrumbs a 
	{
    color: #075d99;
	transition: 900ms;
	}

.breadcrumbs a:hover
	{
    text-decoration: underline;
	color: #080D0C;
	}

.breadcrumbs a.last
	{
    color: #000000;
	transition: none;
	}

.breadcrumbs a.last:hover
	{
    text-decoration: none;
	color: #000000;
	}

.breadcrumbs li 
	{
    text-transform: none;
	font-size: 0.9rem;
	}

.breadcrumbs li:not(:last-child)::after 
	{
    margin: 0 0.50rem;
    opacity: 0.7;
    content: "»";
    color: #000000;
	}



/* Hack for Internet explorer 11 */
 @media all and (-ms-high-contrast:none)
     {
	img.head
		{
		width: 171px;
		height: 38px;
		margin-bottom: 2;
		margin-top: 2;
		}
     }



/* #### Søk framsiden - translucent overlay #### */

.translucent-containter 
	{
	padding: 0.9375rem; 
	margin-bottom: 0.9375rem; 
	margin-top: 0.9375rem; 
	background-image: url(/images/search-guitar.jpg);
	/* background-size: 100%; */
	background-size: cover;
	}

@media screen and (max-width: 63.9375em) 
	{
	.translucent-containter 
		{
		padding: 0rem;
		margin-bottom: 0rem;
		margin-top: 0rem;
		}
	.graa > .cell 
		{
		padding-right: 0rem;
		padding-left: 0rem;
		}
	.marginhopp
		{
		padding-right: 0.9375rem!important;
		padding-left: 0.9375rem!important;
		padding-bottom: 0.9375rem!important;
		}
	}

.translucent-form-overlay 
	{
	width: 100%;
	background-color: rgba(32,32,32,0.75);
	padding: 20px;
	color: #fefefe;
	}

.translucent-form-overlay .columns.row {
  display: block;
}

.translucent-form-overlay h3, .translucent-form-overlay h4, .translucent-form-overlay label {
  color: #D1D1D1;
}

.translucent-form-overlay a
	{
	display: inline-block;
	transition: 900ms;
  	color: #cc8600;
	}

.translucent-form-overlay a:hover
	{
  	color: #D1D1D1;
    text-decoration: underline;
	}

.translucent-form-overlay input, .translucent-form-overlay select {
  color: #8a8a8a;
}

.translucent-form-overlay input::-webkit-input-placeholder {
  color: #8a8a8a;
}

.translucent-form-overlay input:-ms-input-placeholder {
  color: #8a8a8a;
}

.translucent-form-overlay input::placeholder {
  color: #8a8a8a;
}



/* #### Image profile front page #### */

.profile-card-action-icons .card-section 
	{
	padding: 0.0rem 0 0;
	margin-top: 0.9375rem;
	}

.profile-card-action-icons .card-section .profile-card-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.profile-card-action-icons .card-section .profile-card-header .profile-card-avatar {
  margin-right: 0.5rem;
}

.profile-card-action-icons .card-section .profile-card-header .profile-card-avatar .avatar-image 
	{
	border-radius: 50%;
	width: 3.0rem;
	height: 3.0rem;
	}

.profile-card-action-icons .card-section .profile-card-header .profile-card-author {
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  margin-top: 0.0rem;
  padding-bottom: 0;
}

.profile-card-action-icons .card-section .profile-card-header .profile-card-author .author-title,
.profile-card-action-icons .card-section .profile-card-header .profile-card-author .author-description {
  margin-bottom: 0;
}

.profile-card-action-icons .card-section .profile-card-header .profile-card-author .author-title {
  color: #0a0a0a;
}

.profile-card-action-icons .card-section .profile-card-header .profile-card-author .author-description {
  color: #8a8a8a;
  font-size: 0.9em;
}

.profile-card-action-icons .card-section .profile-card-about .about-title {
  text-transform: uppercase;
}

.profile-card-action-icons .card-section .profile-card-about .separator-left {
  text-align: left;
}

.profile-card-action-icons .card-section .profile-card-about .separator-left::before, .profile-card-action-icons .card-section .profile-card-about .separator-left::after {
  display: table;
  content: ' ';
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.profile-card-action-icons .card-section .profile-card-about .separator-left::after {
  clear: both;
}

.profile-card-action-icons .card-section .profile-card-about .separator-left::after {
  position: relative;
  width: 3rem;
  border-bottom: 0.125rem solid #1779ba;
  margin: 0.3rem auto 0;
  margin-left: 0;
}

.profile-card-action-icons .card-section .profile-card-about .about-content {
  margin-bottom: 0;
}

.profile-card-action-icons .card-section .profile-card-about .about-skills {
  margin-top: 0.6rem;
}

.profile-card-action-icons .card-section .profile-card-about .about-skills ul.arrow {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
}

.profile-card-action-icons .card-section .profile-card-about .about-skills ul.arrow li:before {
  content: '\f006';
  font-family: 'FontAwesome';
  float: left;
  color: #1779ba;
  margin-right: 0.5rem;
}

.profile-card-action-icons .card-section .profile-card-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.profile-card-action-icons .card-section .profile-card-action .action-area {
  width: 20%;
  border-right: 0.0625rem solid #cacaca;
  text-align: center;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.profile-card-action-icons .card-section .profile-card-action .action-area:last-of-type {
  border-right: none;
}

.profile-card-action-icons .card-section .profile-card-action .action-area .action-anchor.has-tip {
  border-bottom: none;
  cursor: pointer;
}

.profile-card-action-icons .card-section .profile-card-action .action-area .action-anchor .fa {
  color: #1779ba;
}

.profile-card-action-icons
	{
	background-color: transparent!important;
	margin-bottom: 0.5rem;
	}


@media screen and (min-width: 40em) 
	{
	.topfront p
		{
		color: #6C6C6C;
		margin-bottom: 0;
		margin-top: 0;
		}

	.topfront h5
		{
		margin-bottom: 0rem;
		margin-top: 0.4rem;
		}

	.topfront p.topPprofile
		{
		margin-bottom: 1rem;
		}
	}

@media screen and (max-width: 39.9375em) 
	{
	.topfront p
		{
		margin-bottom: 0;
		margin-top: 0;
		}

	.topfront h5
		{
		font-weight: bold;
		margin-bottom: 0.2rem;
		margin-top: 1rem;
		}
	}

.topfront h5
	{
	font-weight: bold;
	}


/* #### FRAMIDE: full-width-testimonial #### */

.full-width-testimonial
	{
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.1)), url("/images/search-guitar-2.jpg");
	background-position: center center;
	}

.full-width-testimonial-icon .quote-path {
  fill: none;
  stroke: #ffae00;
  stroke-width: 2.5192;
  stroke-miterlimit: 10;
}

.full-width-testimonial-content,
.full-width-testimonial-icon {
  text-align: center;
}

.full-width-testimonial-section {
  padding-top: 2rem;
}

.full-width-testimonial-section .full-width-testimonial-text {
  font-weight: 300;
  color: #ffffff;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: -5px;
  font-size: 1.5em;
}

@media print, screen and (min-width: 40em) {
  .full-width-testimonial-section .full-width-testimonial-text {
    padding-left: 66px;
    padding-right: 66px;
  }
}

@media print, screen and (min-width: 64em) {
  .full-width-testimonial-section .full-width-testimonial-text {
    padding-left: 120px;
    padding-right: 120px;
    font-size: 1.8em;
  }
}

@media screen and (min-width: 75em) {
  .full-width-testimonial-section .full-width-testimonial-text {
    padding-left: 200px;
    padding-right: 200px;
  }
}

@media screen and (min-width: 40em) 
	{
	.full-width-testimonial
		{
		margin-right: 0.9375rem;
		margin-left: 0.9375rem;
		}
	}

.full-width-testimonial-section .full-width-testimonial-source {
  font-size: 1.2em;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding-bottom: 0;
  margin-bottom: 0.2em;
}

.full-width-testimonial-section .full-width-testimonial-source-context {
  display: block;
  font-size: 0.9em;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.full-width-testimonial-section .slick-slider {
  margin-bottom: 0px;
}

.full-width-testimonial-text,
.full-width-testimonial-content,
.full-width-testimonial-source,
.full-width-testimonial-icon {
  padding-bottom: 1rem;
}

.full-width-testimonial-content {
  width: 100%;
}

h5.full-width-testimonial-text
	{
	padding-bottom: 1rem;
	color: #D1D1D1 !important;
	}


/* #### Tabs for meny til akkorder #### */

.tabs 
	{
    border: none;
	}

.tabs-title 
	{
    background-color: #f3f4f5;
	border-left: 1px solid #fdfaf9;
	border-right: 2px solid #ffffff;
	border-top: 1px solid #ffffff;
	}

.tabs-title > a 
	{
    padding: 1.0rem 0.85rem;
	font-size: 1.0rem;
	color: #075d99;
	text-align: center;
	}

.tabs-title > a:hover 
	{
    background: #f3f4f5;
	color: #080D0C;
	}

.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] 
	{
    background: #e6e8eb;
	color: #000000;
	}

.tabs-title > a:focus:hover, .tabs-title > a[aria-selected="true"]:hover
	{
    text-decoration: none;
	}


.tabs-content 
	{
    background-color: #e6e8eb;
	background-image: url("../images/chord-front-vannmerke.png");
	background-position: right top; 
    background-repeat: no-repeat;
	}

/* #### Julemeny #### */

.julleft a, .julright a
	{
	color: #0774C0;
	}

.julleft a:hover, .julright a:hover
	{
	color: #FF7678;	
	}


h5.jul, p.julleft, p.julright
	{
	margin-left: 0.5em;
	color: #c0c0c0;
	}

@media screen and (min-width: 40em) 
	{
  	.julright 
		{
    	margin-top: 11px;
		}
	}

@media screen and (max-width: 39.9375em) 
	{
	.julleft
		{
		margin-bottom: 0rem;	
		}
	}