/*PALATINO*/
@font-face {
  font-family: "Palatino";
  src: url("../fonts/palatino-roman.eot");
  src: url("../fonts/palatino-roman.eot?#iefix") format("embedded-opentype"),
    url("../fonts/palatino-roman.woff") format("woff"),
    url("../fonts/palatino-roman.ttf") format("truetype"),
    url("../fonts/palatino-roman.svg#PalatinoRoman") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Palatino";
  src: url("../fonts/28702_palatin-italic.eot");
  src: url("../fonts/28702_palatin-italic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/28702_palatin-italic.woff") format("woff"),
    url("../fonts/28702_palatin-italic.ttf") format("truetype"),
    url("../fonts/28702_palatin-italic.svg#PalatinoItalicRegular") format("svg");
  font-weight: normal;
  font-style: italic;
}
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,500i,700,900&subset=latin-ext"); /* font-family: 'Roboto', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700&display=swap"); /* font-family: 'Merriweather', serif; */


h1,
h1 a,
h2,
h2 a {
  font-family: "Palatino", serif;
}

h1,
h1 a {
  font-weight: 500;
}

h2,
h2 a {
  font-weight: 500;
}

h3,
h3 a,
h4,
h5,
h6 {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  font-size: 18px;
}

a,
body,
li,
p {
  font-size: 18px;
  font-family: "Palatino", serif;
  font-weight: 400;
}

ul {
  padding: 0;
}

a:hover {
  text-decoration: none;
}

strong {
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

table tr {
  background: none;
  border: none;
}

#page{
  margin: 0 30px;
}


/*
*   COMPONENT
*************************/

input[type="search"]::-webkit-input-placeholder {
  color: #000000;
  font-size: 18px;
}

input[type="search"]::-moz-placeholder {
  color: #000000;
  font-size: 18px;
}

input[type="search"]:-ms-input-placeholder {
  color: #000000;
  font-size: 18px;
}

input[type="search"]::-ms-input-placeholder {
  color: #000000;
  font-size: 18px;
}

input[type="search"]::placeholder {
  color: #000000;
  font-size: 18px;
}

.form-control {
  background: #f8f4f1;
  width: 100%;
  border: 2px solid #c0bdbb;
  padding: 0 10px;
  line-height: 60px;
  height: 60px !important;
  color: #000;
  font-size: 16px;
  min-width: 210px;
  margin-top: 0;
}

.form-control:focus {
  border: 2px solid #c0bdbb;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn-primary,
button.btn-primary,
input.btn-primary {
  border: 1px solid #dad1ca;
  border-radius: 4px;
  position: relative;
  z-index: 44;
  text-align: center;
  /* padding: 0.75rem 2rem; */
  color: #000000;
  font-size: 16px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  font-family: "Palatino", serif;
  -webkit-box-shadow: 2px 5px 10px #ac8e7a1f;
  box-shadow: 2px 5px 10px #ac8e7a1f;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff),
    color-stop(56%, #ffffff),
    color-stop(67%, #ffffff)
  );
  background-image: -o-linear-gradient(
    top,
    #ffffff 0%,
    #ffffff 56%,
    #ffffff 67%
  );
  background-image: linear-gradient(
    180deg,
    #ffffff 0%,
    #ffffff 56%,
    #ffffff 67%
  );
  z-index: 6666;
}

a.btn-primary:focus,
button.btn-primary:focus,
input.btn-primary:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  color: #000;
}

a.btn-primary::before,
button.btn-primary::before,
input.btn-primary::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff00),
    color-stop(56%, #fcfaf980),
    color-stop(67%, #f8f6f3b3),
    color-stop(80%, #f8f5f2),
    to(#f8f5f2)
  );
  background-image: -o-linear-gradient(
    top,
    #ffffff00 0%,
    #fcfaf980 56%,
    #f8f6f3b3 67%,
    #f8f5f2 80%,
    #f8f5f2 100%
  );
  background-image: linear-gradient(
    180deg,
    #ffffff00 0%,
    #fcfaf980 56%,
    #f8f6f3b3 67%,
    #f8f5f2 80%,
    #f8f5f2 100%
  );
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a.btn-primary:hover,
button.btn-primary:hover,
input.btn-primary:hover {
  border-color: #ac8e7a;
  color: #000;
  -webkit-box-shadow: 2px 5px 10px #ac8e7a33;
  box-shadow: 2px 5px 10px #ac8e7a33;
}

a.btn-primary:hover::before,
button.btn-primary:hover::before,
input.btn-primary:hover::before {
  opacity: 0;
}
/* BUTTONS WITH ICON */
a.btn-primary.download-btn {
  padding: 0.75rem 2.6rem 0.75rem 1rem;
  text-align: left;
  font-size: 16px;
}

a.btn-primary.download-btn::after {
  content: "";
  background-image: url("../images/download_arrow_alt.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1rem;
  height: 16px;
  width: 16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a.btn-primary.download-btn:hover::after {
  background-image: url("../images/download_arrow.svg");
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-primary .fa {
  margin-right: 15px;
}

a, .link{
  color: #748fc9;
  text-decoration: none;
}

.pagination .page-item.active .page-link {
  background-color: #ede2dc;
  border-color: #c0bdbb;
  color: #000;
}

.pagination .page-link:hover {
  background-color: #ede2dc;
  color: #fff;
  border-color: #c0bdbb;
}

.pagination .page-link {
  color: #000;
  border: 1px solid #ede2dc;
}

/* BUTTONS WITH ICON */
a.btn-primary.download-btn {
  padding: 0.75rem 2.6rem 0.75rem 1rem;
  text-align: left;
  font-size: 16px;
}

a.btn-primary.download-btn::after {
  content: "";
  background-image: url("../images/download_arrow_alt.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1rem;
  height: 16px;
  width: 16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a.btn-primary.download-btn:hover::after {
  background-image: url("../images/download_arrow.svg");
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

/*
*         MUSIK LIST
*
****************************************/

.musik-list {
  width: 100%;
}

.musik-list .views-row {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-bottom: 1em;
}

.musik-list .music-artist {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.musik-list .row-searchable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.musik-list .row-searchable .tbl-row-info{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.musik-list .row-searchable .tbl-row-info > div{
  margin-right: 10px;
}

.musik-list .row-searchable .tbl-row-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.musik-list .music-player-wrapper {
  padding: 0.5em 0;
}

.musik-list .row-searchable .btn_play {
  background: #eee;
  padding: 8px 15px;
  cursor: pointer;
}
/* musik filter */

.musik-list .musik-filter form{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 2em 0;
  margin: 0 -15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.musik-list .musik-filter form > div{
  margin-right: 10px;
}

.music-seach-input {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 500px;
  flex: 0 1 500px;
  margin-right: 2em;
}

.music-seach-input form > .tbl-row-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
}

.music-seach-input form > .tbl-row-info label {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 150px;
  flex: 0 1 150px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.music-seach-input form > .tbl-row-info input,
.music-seach-input form > .tbl-row-info select {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.2em;
}

/***** MUSIK LIST ******/
.musik-list {
  width: 100%;
}
.musik-list .row-searchable {
  border-bottom: 1px dashed #cccccc;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.musik-list .row-searchable > .tbl-row-info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.musik-list .row-searchable .btn_play {
  background: #eee;
  padding: 15px 10px;
  cursor: pointer;
}

/* musik filter */
.musik-list .musik-filter {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
.musik-list .musik-filter .cate_container {
  padding: 0;
  margin: 0;
  width: 100%;
}
.musik-list .musik-filter .cate_container label {
  font-weight: normal;
  margin-bottom: 8px;
  min-width: 105px;
  display: inline-block;

}
.musik-list .musik-filter .cate_container select{
  width: 158px;
}
.musik-list .musik-filter .composer_container,
.musik-list .musik-filter .title_container {
  width: 100%;
  margin-bottom: 5px;
}
.musik-list .musik-filter .composer_container label,
.musik-list .musik-filter .title_container label {
  font-weight: normal;
  min-width: 105px;
  display: inline-block;
}
.musik-list .musik-filter .composer_container input,
.musik-list .musik-filter .title_container input {
  width: 150px;
}
.musik-list .musik-filter .butn_container {
  width: 100%;
  padding: 0;
  margin-top: 15px;
}
.musik-list .musik-filter .butn_container input {
  background: #f0f0f0;
  padding-left: 3px;
  padding: 8px 15px;
  border: none;
}

/**** PUBLICATIONS ****/

.path-broschyrer-skrifter main {
  max-width: 1200px;
  margin: 0 auto;
}

.path-broschyrer-skrifter main .view-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.path-broschyrer-skrifter main .view-content .views-row {
  margin: 2em 0;
  width: 100%;
}

.path-broschyrer-skrifter .publication-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.path-broschyrer-skrifter .publication-intro {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 150px;
  flex: 0 1 150px;
  margin-right: 3em;
  display: flex;
  flex-direction: column;
}

.path-broschyrer-skrifter .publication-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 350px;
  flex: 1 1 350px;
  position: relative;
}

.path-broschyrer-skrifter .publication-details h2 {
  font-family: "Palatino", serif;
  font-weight: 500;
  font-size: 2rem;
}

.path-broschyrer-skrifter .view-content p {
  font-size: 18px;
  font-family: "Palatino", serif;
  font-weight: 400;
}

.path-broschyrer-skrifter .publication-details::after {
  content: "";
  height: 2px;
  width: 75%;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  bottom: 0;
}

.path-broschyrer-skrifter .publication-intro img {
  width: 150px;
  height: auto;
}

.path-broschyrer-skrifter .publication-intro a {
  position: relative;
  display: block;
  font-size: 0.8rem;
}

.path-broschyrer-skrifter a.btn-primary,
.path-broschyrer-skrifter button.btn-primary,
.path-broschyrer-skrifter input.btn-primary {
  border: 1px solid #dad1ca;
  background: #fff;
  position: relative;
  z-index: 44;
  text-align: center;
  padding: 1rem 2rem;
  color: #000000;
  font-size: 16px;
  transition: all 0.2s;
  font-family: "Palatino", serif;
  text-decoration: none;
  margin-top: 1rem;
}

.path-broschyrer-skrifter .btn.btn-primary:hover,
.path-broschyrer-skrifter button.btn-primary:hover {
  color: #000;
  opacity: 0.7;
  border-color: #dad1ca;
  text-decoration: none;
}



/*
*   BROCHURES
*************************/

.view-broschyrer-och-skrifter .views-row {
  margin: 2em 0;
  width: 100%;
}

.hide-main-title{
  display: none;
}
.view-broschyrer-och-skrifter .publication-details::after {
  content: "";
  height: 2px;
  width: 75%;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  bottom: 0;
}



.view-duplicate-of-broschyrer-och-skrifter-iframe- .views-row {
  margin: 2em 0;
  width: 100%;
}

.view-duplicate-of-broschyrer-och-skrifter-iframe- .publication-details::after {
  content: "";
  height: 2px;
  width: 75%;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  bottom: 0;
}

.publication-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.publication-intro {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 150px;
  flex: 0 1 150px;
  margin-right: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.publication-intro h4 {
  max-width: 40ch;
  text-align: center;
}

.publication-intro a {
  position: relative;
  display: block;
}

#page-wrapper .publication-intro img {
  width: 150px;
  height: auto;
}

.publication-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 350px;
  flex: 1 1 350px;
  position: relative;
}

.publication-wrapper .btn-primary {
  font-size: 0.8rem;
  margin-top: 1rem;
}