#tinymce { background-color: #fff; }
body { font-family: 'Open Sans', sans-serif; }
.ui-widget-overlay {     background-color: #fff;     }
header .container { background-color: transparent; }
header.top-header { border-bottom: 3px #c8c6be solid; padding-left: 22px; }

.navbar { padding: 0rem 1rem; }
nav .container { padding-left: 0px; }
.primary-menu,  .menu li li a  {  margin-left: 0px; margin-right: 0px; background-color: transparent; }
.primary-menu {    background-image: url('/uploads/sites/artskog//theme/images/menu_repeat.gif');     background-position: 0px -169px;      background-repeat: repeat; background-position: 0px 0px; }
.menu li { line-height: 1.5; }
    .primary-menu a, .primary-menu a:visited { color:#7d7a6c; padding-left: 17px; padding-right: 17px; text-transform: uppercase; }
    .menu a:hover { color:#819802; text-decoration:none;}
    .menu a.active { color:#000;  border-top: 4px #89a101 solid; padding-top: 3px;}

.secondary-menu { background-color: #f2f1ec; border-bottom: 1px #9c9b95 solid; border-top: 1px #c8c6be solid; margin-left: 17px;}
    .secondary-menu a, .secondary-menu a:visited { color:#7d7a6c;  padding: 7 17 7 17px; }
    .secondary-menu a:hover { color:#000 }
    .secondary-menu a.active { color:#fff; border:none; background-color: #9c9b95; padding-top: 8px;}
 .secondary-menu-item { background-color: #f2f1ec; }

/*mobile menu */
.fa-bars:before { font-size: 2rem; color: #b9db08; }
.small-hidden-menu .xs-opener { border: none;  background-color:#5c5858; margin-top: 30px; margin-right: 20px; padding: 13px 15px;    }
.small-hidden-menu .xs-opener:hover { background-color: #000; }
.small-hidden-menu .details-slide.menu { padding-left: 0px; margin-top: 130px;  }
.small-hidden-menu  li { line-height: 1em; }
.small-hidden-menu ul li {     float: none;     text-align: center;     background-color: #fff; }

.primary-menu .menu li li a, #footer ul.menu .details-slide .primary-menu-item { border-bottom: solid 0px #fff; background-color: #fff;  color:#616060;}
.menu .details-slide { padding-inline-start: 0px; background-color: transparent;}
.details-slide a.primary-menu-item:hover { background-color: #52c0b6; }
.menu .details-slide.opened ul.details-slide {   margin-left: 100px; width: max-content; }
.details-slide .slider-2.opened { position: relative; }
.secondary-menu ul ul li { padding-left: 0px; }
.secondary-menu ul ul { padding-left: 15px;}


#main-content {  background-color: #fff;    background-image: none;}
#middle-panel { margin-bottom: 30px;    margin-top: 30px;     padding: 0px; }
   @media screen and (max-width: 600px) { #middle-panel  { margin-bottom: 10px; padding-left: 15px;}}
#right-panel  {  margin-bottom: 30px; }
   @media screen and (max-width: 600px) { #right-panel  {  margin-top: 10px; }}
#content-top { width:100%; }
  @media screen and (max-width: 600px) { #content-top { padding-right: 25px;   padding-left: 25px; }}
#content-extra img, #content-bottom img { width:100%; }

p { color: #000; font-size: 1.1em; line-height: 2.1; margin-bottom: 1.5rem; }
ul li, ol li  { color: #000; line-height: 1.8; margin-bottom: 0.7em; font-size: 1.1em; }
.intro { font-size: 1.3em; margin-top: 1em; margin-bottom: 1em; font-weight:500;}
.box ol, .box ul { margin: 6px 10px 0 10px;     padding-left: 20px; }

h1 { font-size:3.0em; color:#4c4a42; font-weight: 500; margin-bottom:0.233em; line-height: 1.4;}
h1 a, h1 a:visited { color:#4c4a42; }
h2 { font-size:2.3em; color:#6f8301; font-weight:400; margin-bottom:0.1em; margin-top:0.8em; line-height:1.4;}
h2 a, h2 a:visited { color:#6f8301; }
h3 { font-size:1.8em; color:#4c4a42; font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h3 a, h3 a:visited { color:#4c4a42; }
h4 { font-size:1.5em; color:#6f8301; font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h4 a, h4 a:visited { color:#6f8301; }
h5 { font-size:1.4em; color:#4c4a42; font-weight:700; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#4c4a42; }
h6 { font-size:1.2em; color:#6f8301; font-weight:600; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#6f8301; }

a:hover, h1 a:hover, h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover, strong a:hover { text-decoration:none; color:#0381cc; }

.top-header a img { padding-top: 20px; padding-bottom: 20px;      max-width: 320px;}
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); } 

a { color: #4383c7; text-decoration:none; }
article a { text-decoration:none; }
article a p, #fd-content-broadcast p { line-height: 1.85; font-size: 1.05em; color: #000;}
.content-header {     margin-bottom: 10px; }
.read-more:hover { color:#007bff; }
img.bordered {    border: 1px solid #ccc9c9; }

legend { font-size:1.2em; color: #036476; background-color:transparent;}
dt label { color: #4b5d61; }
.small { font-size: 1em; line-height: 1.4;}
.highlight { color:#F00; }
strong {color: inherit;}
a strong, a strong:visited { color: #428bca; }
a strong:hover { color: #0a8de9; }

/* CLASSES */
.button {  color:#eaebb6; border: 2px solid #5f5c53; padding: 10px 10px; background-color: #706e68; width: 100%; display:block; text-align: center;}
.button a, .button a:visited   { text-decoration:none; color:#eaebb6;}
.button:hover  { background-color:#5f5c53; border: 2px solid #5f5c53;}
.button a:hover  { color:#d7db69; }

.button-small a, a .button-small  {  color: #fff;   font-size: 0.9em;  padding: 10px 20px;   border-radius: 5px;     background-color: #636466;      display: inline; text-decoration: none; }
.button-small a:visited, a .button-small:visited {  text-decoration: none;}
.button-small a:hover, a .button-small:hover {  background-color: #f37121; text-decoration: none;}

.background {  background-color:#e7e6e3; padding: 1rem .5rem 0.2rem;   text-align: center; display:block;     margin-bottom: 0em; margin-top: 0em; margin-left: 0px; margin-right: 0px;}
.background a, .background a:visited   { text-decoration:none;  }
.background a:hover  { color:#92ae10; }

.rule { border-bottom: 1px solid #aaaea7; padding-bottom: 10px; margin-bottom: 30px;}
.rule a, .rule a:visited   { text-decoration:none; }
.rule a:hover { color:#0392eb; text-decoration:none;}

background.rule  { margin-bottom: 0px; }
.caption { line-height:1.4; font-size:0.9em; }
.paddingnone { padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; }
blockquote {   font-weight:600;   margin: 0.5em 0 1.5em 0;  padding-left: 30px; border-left: 6px solid #a09f9f; }
blockquote p {  color:#555; font-size:1.6em;}

/* Site BUTTONS*/

.btn.green {  color: #028553;  border: 2px solid #028553;  background-color: #fff; }
.btn.green:hover {background-color: #028553; border: 2px solid #028553; }
.btn.green:active {background-color: #028553; border: 2px solid #028553;  }

.btn.blue {  color: #0381cc;  border: 2px solid #0381cc; background-color: #fff;     border-radius: 20px; }


.smallformbox { height: 30px; font-weight:600; border: none;}
#find-event-calendar { border: none; background-color: #fff;     border-bottom: 2px solid #01a2cd;     border-top: 2px solid #01a2cd;}
#find-event-calendar a { font-weight: 600; }
#event-search-calendar td.header {     background-color: #423401; font-weight: 800;     font-size: 0.8em;     color: #fff;}
#event-search-calendar table {  padding: 0px; }
#event-search-calendar td {     width: 50px;     border: none;}
#event-search-calendar td.today {     border: none;     background-color: #fdcf79; }
#event-search-calendar td.new-day-next {     background-color: #e0d4c1; }
#event-search-calendar td.day.new-day.active.selected {     background-color: #f7b61f; }

/* CARDS*/
li.card {     margin-bottom: 30px; }
.card { border: none; margin-right: 15px; background-color: transparent;  width: 17rem;}
    @media screen and (max-width: 1170px) { .card  { width:15rem; }}
    @media screen and (max-width: 768px) { .card  { width:22rem; }}
    @media screen and (max-width: 576px) { .card  { width:20rem; padding-right: 0px; margin-right: 0px; }}
    @media screen and (max-width: 768px) { .card.card-theme  { float: none; margin: 0px auto; }}
.card.card-theme .card-body, .card-body   { padding: 0.3rem 0rem 0rem 0rem;     height: 145px;}
.card.card-theme .signature-image, .card .signature-image { object-fit: cover; max-height: 11rem;}
h5.card-title { font-size: 1.6em;     font-weight: 700;     line-height: 1.15; margin-bottom: .5rem; }
h5.card-title a { color:#4D4A4A; }
h5.card-title a:hover { color:#386EA8; }
article a p, #fd-content-broadcast p { line-height: 1.65; }



/* Event Search -  search words*/
#calForm input.form-control, #filter.form-control {    margin-bottom: 0rem; }
#calForm fieldset {  padding-left: 0px;   margin-bottom: 0px; }
.search-words {     border-bottom: 1px solid #babbbb;     padding-bottom: 10px;     margin-bottom: 50px; }
.search-words .btn {     font-weight: 500;     color: #636466; }
.search-words .btn:hover, .search-words .btn:focus {     color: #059c3c; }
/* for bootstrap 5 only */
.search-words .btn:hover, .search-words .btn:focus {  border: 1px solid #059c3c;   }

/*Index listings*/
.signature-image {     margin-top: 3px; }
.broadcast-module-name { margin-top: 0px; }
p.article-text a { color: #000; }

/*RHP Index listings*/
#right-panel .unimod-author, #right-panel .unimod-date, #right-panel .row.row-cat-location {display: none;}
#right-panel .unimodule-page-name { font-size: 1.2em;     margin-bottom: 0em;}
#right-panel article h3 { font-size: 1.5em; }
#right-panel .unimod-links.content-header {    border: none;     padding: 0px;     margin: 0px; }
#right-panel #modules-holder .broadcast-image {   margin-left: 0px; }
#right-panel .signature-image {    width: 50px;  }
#right-panel .content-header h4 {   font-size: 1.2em; margin-top: 0em; padding-top: 0.5rem;}
#right-panel .broadcast-module-name {   font-size: 0.6em;  }
#right-panel article a p {     line-height: 1.6;     font-size: 0.9rem; }
#right-panel .unimod-header {     margin-bottom: 0px; }


.bootstrap-modal-btn:hover { color: #428bca; }
.bootstrap-modal-btn:before { color: #084c71; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f055"; margin-right: 5px; font-size: .9em; }

a.btn.broadcast-ignore { width: inherit;}
#modules-holder ol { margin-left: 5px;}

details-opener.opened h1:before, .details-opener.opened h2:before, .details-opener.opened h3:before, .details-opener.opened h4:before, .details-opener.opened h5:before, .details-opener.opened h6:before, .details-opener.opened p:before { color: #028553; font-family: "Font Awesome 5 Pro"; content: "\f056"; margin-right: 5px;    font-size: 17px;}
.details-opener h1:before, .details-opener h2:before, .details-opener h3:before, .details-opener h4:before, .details-opener h5:before, .details-opener h6:before, .details-opener p:before { color: #095a8c; font-family: "Font Awesome 5 Pro"; content: "\f055"; margin-right: 5px;    font-size: 17px;}
.details-slide.opened    { border-bottom: 2px #0492a4 solid;    margin-bottom: 40px; }
.small-hidden-menu .details-slide.opened    { border-bottom: 0px #fff solid; }

.map-responsive {  overflow:hidden;  padding-bottom:56.25%; position:relative; height:0;  }
.map-responsive iframe {  left:0;  top:0; height:100%; width:100%;  position:absolute;  }

.rating_text {     float: right;     text-align: right;     font-size: 0.8em;     text-transform: uppercase;     font-weight: 600; }

.googlemaps {  overflow:hidden;     padding-bottom:56.25%;     position:relative;     height:0; }
.googlemaps iframe{     left:0;     top:0;     height:100%;     width:100%;     position:absolute; }


#footer, #footer .container, #footer .secondary-menu-item    { background-color: #c8c6be; }
#footer { padding-bottom: 300px; }
#footer p, #footer a { color: #000; }
#footer a { padding: 5px 10px;}
 #footer a:hover,   #footer a.active  { text-decoration:none; color: #fff;     border-top: none;     background-color: #7fa003;}
#footer ul.menu { padding-left: 0px; }

@media print {        header, header *, #comment-form-hide-btn, #right-panel    {         display: none !important;     } }

.mod-related .no-image { display:none; }