/* CSS for WB_Pub class */

/* For dbg boxes, use:
     <div class='alert alert-dark wb-dbg'>

Color: from #eb8f26 (orange) to #84aba7 green and brighter green #A4D3CE for hover
                                rgba(132,171,167,1.0)
*/

.wb-color-demo {
    color: #eb8f26;
    color: #84aba7;
    color: #A4D3CE;

  background-color: #e0861f !important;

  text-shadow: #b46d1b !important;
  background-color: #c27216 !important;

  background-color: #6d7481 !important;

}

.wb-dbg {
  font-size: 0.8em;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
}

.wb-dbg:before {
  content: "DBG: ";
}

.wb-adm {
  font-size: 0.8em;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
}

.wb-adm:before {
  content: "ADM: ";
}

.wb-bgoverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.75);
    z-index:-100;
}

.wb-bgvideo {
    position: fixed;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index:-110;
}

@media (min-aspect-ratio: 16/9) {
  .wb-bgvideo {
      width: 100vw;
      height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  .wb-bgvideo {
    width: auto;
    height: 100vh;
  }
}

.smaller {
  font-size: small;
}

/** NAVBAR STYLING **/

.nav-ul li a {
  /*font-family: "Lato", Sans-serif !important;*/
  color: #272626 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  border-radius: 3px !important;
  text-decoration: none !important;
}

/* .nav-ul li a:hover {
  color: #3570C2 !important;
}

.nav-ul li.current-menu-item>a {
  color: #eb8f26 !important;
} */

/** Second meny styling: moved to cct/style.css **/

/* DUP 1 REMOVED */


.wb-cond-link {
  text-decoration: none;
  cursor: pointer;
}

.wb-cond-link:hover {
  /* color:#eb8f26; */
  color:#A4D3CE;
  font-weight: bold;
}

.form-control:focus,
.custom-file-input:focus~.custom-file-label {
  /* border-color: #eb8f26; */
  border-color: #84aba7;
  box-shadow: 0 0 0 0.2rem rgba(234, 143, 38, 0.25);
}

.um-activity-widget .upload {
  box-sizing: content-box;
  height: 20px !important;
  line-height: 20px !important;
  display: block;
  padding: 10px 12px;
  background: 0 0 !important;
  /* color: #eb8f26 !important; */
  color: #84aba7 !important;
  cursor: pointer !important;
  border-radius: 0 0 0 3px !important;
}

span.um-user-tag {
  /*font-family: "Lato", Sans-serif !important;*/
  font-size: 12px !important;
  font-weight: 600 !important;
  background-color: #3570C2 !important;
  border-radius: 3px !important;
  padding: 5px 12px;
}

span.um-user-tag>a {
  color: #fff !important;
}

span.um-user-tag>a:hover {
  color: #A4D3CE !important;
  text-decoration: underline !important;
}

span.um-user-tag>a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f292";
  padding-right: 5px;
  color: #fff;
}

a.um-modal-btn,
a.um-modal-btn.disabled,
a.um-modal-btn:hover,
a.um-modal-btn.disabled:hover {
  cursor: pointer !important;
  line-height: 34px !important;
  height: 34px !important;
  display: inline-block !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  padding: 0 20px !important;
  text-align: center !important;
  /* color: #fff !important; */
  color: #A4D3CE !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
}

.um-modal-header {
  -moz-border-radius: 3px 3px 0 0 !important;
  -webkit-border-radius: 3px 3px 0 0 !important;
  border-radius: 3px 3px 0 0 !important;
  height: 44px !important;
  line-height: 44px !important;
  color: #fff !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  font-size: 17px !important;
}

/* DUP 2 REMOVED */

div.modal-header button.close:hover {
  background-color: transparent !important;
}

/** ELEMENTOR CSS **/

/* 3 Dots after excerpt */
.elementor-post__excerpt p:after {
  content: "...";
}

/* Elementor read more buttons */
a.elementor-post__read-more {
  /* border-color: #eb8f26 !important; */
  border-color: #84aba7 !important;
  /* background: #eb8f26 !important; */
  background: #84aba7 !important;
  color: #fff !important;
  padding: 3px 10px !important;
  border-radius: 3px !important;
}

/** ULTIMATE MEMBER STYLING **/

/* Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color {
  /* color: #eb8f26 !important; */
  color: #A4D3CE !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
  /* color: #eb8f26 !important; */
  color: #A4D3CE !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover {
  /*font-family: "Lato", Sans-serif !important;*/
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  /* fill: #eb8f26 !important; */
  fill: #A4D3CE !important;
  color: #fff !important;
  /* background-color: #eb8f26 !important; 84aba7 A4D3CE */
  background-color: #A4D3CE !important;
  border-radius: 3px !important;
  text-decoration: none !important;
}

.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover {
  border-radius: 3px !important;
  /* background-color: #eb8f26 !important; */
  background-color: #A4D3CE !important;
}

.um .um-form input[type=text],
.um .um-form input[type=search],
.um .um-form input[type=tel],
.um .um-form input[type=number],
.um .um-form input[type=password],
.um .um-form input:-webkit-autofill {
  -webkit-text-fill-color: #272626 !important;
  margin-top: 5px !important;
}

.um .um-form input[type=text]:focus,
.um .um-form input[type=search]:focus,
.um .um-form input[type=tel]:focus,
.um .um-form input[type=number]:focus,
.um .um-form input[type=password]:focus,
.um .um-form .um-datepicker.picker__input.picker__input--active,
.um .um-form .um-datepicker.picker__input.picker__input--target,
.um .um-form textarea:focus {
  background-color: #fff;
}

input.um-form-field,
input.um-form-field::placeholder {
  font-weight: bold !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover {
  /* background-color: #eb8f26 !important; */
  background-color: #A4D3CE !important;
  /*font-family: "Lato", Sans-serif !important;*/
  font-weight: 600 !important;
}

div.um-field>input {
  /*font-family: "Lato", Sans-serif !important;*/
}


/* Button alt colors */
.um .um-button.um-alt,
.um input[type=submit].um-button.um-alt,
a.um-button,
a.um-alt {
  /* background-color: #eb8f26 !important; */
  background-color: #84aba7 !important;
  color: #fff !important;
  /*font-family: "Lato", Sans-serif !important;*/
  font-weight: 600 !important;
  border-radius: 3px !important;
  text-transform: uppercase !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover,
a.um-button:hover,
a.um-alt:hover {
  background: rgb(68, 68, 68) !important;
}

.um .um-button.um-alt:before,
.um input[type=submit].um-button.um-alt:before {
  color: #fff !important
}

input[type=button].um-button {
  margin-top: 4px;
  padding: 12px 18px !important;
  border-radius: 3px !important;
  text-transform: uppercase !important;
  /* background-color: #eb8f26 !important; */
  background-color: #84aba7 !important;
  /*font-family: "Lato", Sans-serif !important;*/
  font-weight: 600 !important;
}

input[type=button].um-button:hover {
  /* background-color: #d87f19 !important; */
  background-color: #A4D3CE !important;
}

a.um-follow-btn.um-button.um-alt {
  background: #3570C2 !important;
  color: #fff !important;
  /*font-family: "Lato", Sans-serif !important;*/
  font-weight: 600 !important;
  border-radius: 3px !important;
  margin-top: 4px !important;
  text-transform: none !important;
}

a.um-follow-btn.um-button.um-alt:hover {
  /* background: #2963b4 !important; */
  background: #A4D3CE !important;
}

a.um-unfollow-btn.um-button {
  /* background: #eb8f26 !important; */
  background: #84aba7 !important;
  color: #fff !important;
  /*font-family: "Lato", Sans-serif !important;*/
  font-weight: 600 !important;
  border-radius: 3px !important;
  margin-top: 4px !important;
  text-transform: none !important;
}

a.um-unfollow-btn.um-button:hover {
  /* background: #eb5e26 !important; */
  background: #A4D3CE !important;
}


/* User profile */
.um-profile a.um-message-btn,
a.um-follow-btn,
a.um-follow-edit,
a.um-login-to-follow-btn,
a.um-unfollow-btn,
a.um-unfollow-btn2,
div.um-followers-links>div.um-followers-btn>a.um-unfollow-btn,
div.um-followers-links>div.um-followers-btn>a.um-follow-btn {
  /* background: #eb8f26 !important; */
  background: #84aba7 !important;
  color: #fff !important;
  /*font-family: "Lato", Sans-serif !important;*/
  font-weight: 600 !important;
  border-radius: 3px !important;
  margin-top: 4px !important;
}

div.um-followers-links>div.um-followers-btn>a.um-unfollow-btn,
div.um-followers-links>div.um-followers-btn>a.um-follow-btn {
  background: #3570C2 !important;
}

div.um-followers-links>div.um-followers-btn>a.um-unfollow-btn:hover,
div.um-followers-links>div.um-followers-btn>a.um-follow-btn:hover {
  /* background: #2963b4 !important; */
  background: #A4D3CE !important;
}

div.um-friends-coverbtn>a.um-friend-btn.um-button.um-alt {
  background-color: #F3E138 !important;
  color: #333 !important;
  text-transform: none !important;
}

div.um-friends-coverbtn>a.um-friend-pending-btn.um-button.um-alt {
  text-transform: none !important;
}

.um .um-button.um-friend-btn:before {
  color: #333 !important;
}

div.um-followers-rc a {
  display: inline-block;
  text-decoration: none;
  border: none;
  padding: 0 15px;
  color: #3570C2 !important;
  /*font-family: "Lato", Sans-serif !important;*/
  font-weight: 600 !important;
}

.um-followers-rc a span {
  font-weight: 900;
  color: #3570C2 !important;
}

div.um-followers-btn {
  margin-left: 20px !important;
}

.um-profile a.um-message-btn {
  background-color: #3570C2 !important;
}

.um-profile a.um-message-btn:hover {
  /* background-color: #2963b4 !important; */
  background-color: #A4D3CE !important;
}

.um-activity-comment-area a.um-button,
.um-activity-foot a.um-button {
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  width: auto !important;
  margin-right: 5px;
  margin-top: 6px;
  margin-bottom: 6px !important;
}

/* User profile - Navigation */
div.um-profile-nav {
  border-radius: 3px !important;
  background-color: #555 !important;
}

div.um-profile-nav-item>a {
  border-radius: 3px !important;
  padding: 6px 10px 6px 28px !important
}

div.um-profile-nav-item>a:hover {
  /* background-color: #333 !important; */
  background-color: #A4D3CE !important;
}

/* Profile page - Subnav */
div>div.um-profile-subnav {
  background-color: #ffeedb !important;
}

div>div.um-profile-subnav>a>span {
  /* background-color: #eb8f26 !important; */
  background-color: #84aba7 !important;
  color: #fff !important;
}

/* Caption on elementor images */
figcaption.widget-image-caption,
figcaption.wp-caption-text {
  /*font-family: "Lato", Sans-serif !important;*/
  font-size: 15px !important;
  font-weight: 600 !important;
  fill: #fff !important;
  color: #272626 !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  padding: 15px 45px 15px 45px !important;
  text-decoration: none !important;
  margin-top: 25px !important;
  display: inline-block !important;
  box-shadow: 0px 0px 11px -4px rgb(0 0 0 / 28%) !important;
}

/* Forgotten password */
div.um-col-alt-b>a.um-link-alt {
  color: #272626 !important;
  font-weight: bold !important;
}

/* Logged in - name */
.um-misc-with-img>div {
  padding-top: 10px !important;
  color: #272626 !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-size: 24px !important;
}

/* Login button & Logged in - links in li:s */
input.um-submit-btn,
ul.um-misc-ul>li>a {
  /*font-family: "Lato", Sans-serif !important;*/
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  /* fill: #eb8f26 !important; */
  fill: #84aba7 !important;
  color: #fff !important;
  /* background-color: #eb8f26 !important; */
  background-color: #84aba7 !important;
  border-radius: 3px !important;
  padding: 15px 45px 15px 45px !important;
  text-decoration: none !important;
  width: 182px !important;
}

/* First link */
.um-misc-ul>li:first-child {
  margin-top: 25px !important;
  margin-bottom: 35px !important;
}

/* First link */
.um-misc-ul>li>a:first {
  /* background-color: #eb8f26 !important; */
  background-color: #84aba7 !important;
}

/* Title: Logga in */
div.um-row-heading {
  font-size: x-large !important;
  font-weight: 600 !important;
  color: #272626 !important;
}

/* Login: Remember me */
span.um-field-checkbox-option {
  color: #272626 !important;
}

/* Link: Glömt lösenord */
a.um-link-alt,
a.um-link-alt:hover {
  /* color: #272626 !important; */
  color: #A4D3CE !important;
}

/* Logged in: image, name and border-bottom */
div.um-misc-with-img {
  border-bottom: none !important;
}

/* Links: account & logout */
ul.um-misc-ul {
  text-align: center !important;
}

div.um-activity-right>a.um-button a.um-activity-post a.um-disabled {
  border-radius: 3px !important;
}

/* Add higher z-index to wp-admin topmenu dropdown */
div#wpadminbar {
  z-index: 9999 !important;
}

/* Remove page titles added by Neve theme */
/* div.nv-page-title-wrap {
  display: none !important;
} */

/* Set padding to header */
/* div.nv-content-wrap {
  padding-top: 20px;
} */

/* Remove padding on col */
div.nv-single-page-wrap.col {
  padding-right: 0px;
  padding-left: 0px;
}

/* Set padding for sidebar */
/* div.nv-sidebar-wrap.nv-right {
padding-left: 20px;
} */

/** Adjusted content look */

div.content2-rounded {
  border-radius:10px 10px 0px 0px;
  overflow:hidden;
}

div.content2-rounded-all {
  border-radius:10px 10px 10px 10px;
  overflow:hidden;
}

.content2-bottom-content {
  background-color: #fff !important;
  border: none;
  border-color: #fff !important;
  position:absolute;
  bottom:0px;
  min-height:26px;
}

.content2-heading {
  line-height: 1.2rem;
  margin-bottom: 1px;
  padding: 0px !important;
}

.content2-text {
  padding: 4px 0px 0px 0px !important;
  font-size: 16px;
  font-weight:700;
  color: #000 !important;

  max-height:140px;

  display:-webkit-box;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap:normal;
  overflow-wrap:normal;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.content2-heading-by {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 600px) {
  .content2-text {
    font-size: 10px;
    xxxwhite-space:nowrap;
    -webkit-line-clamp:1;
    xxxword-wrap: break-all;
    xxxword-break: break-all;
  }
  .content2-heading-by {
    xxxfont-size: 7.875px;
    font-size: 9px;
  }
}

.content2-bottom-content .text-shadow {
	text-shadow: none;
}

/*.content2-bottom-content .align-items-center {
	padding-left: 5px;
}*/

/* 2022-10-26
.dashicons {
	font-size: 28px;
}
*/

.content-bottom-content .text-shadow {
	text-shadow: none;
}

.content-bottom-content .content-heading {
	padding: 0px !important;
}



/** Styling for content **/

div.content-border {
  border-width: 1px !important;
  border-radius: 3px !important;
}

div.content-border::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  transition: opacity 2s cubic-bezier(.165, .84, .44, 1);
  content: '';
  opacity: 0;
  z-index: -1;
}

div.content-border:hover,
div.content-border:focus {
  transform: translateY(0px) scale(1.02) translateZ(0);
}

div.content-border-noscale {
  border-width: 1px !important;
  border-radius: 3px !important;
}

div.content-image-gradient {
  position: relative;
}

div.content-image-gradient:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(to top,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0) 90%);
}

img.content-image {
  object-fit: cover;
  /*min-height:363px;*/
}

div.content-book-now {
  position: absolute;
  top: 16px;
  left: 15px;
}

div.content-logo-top-right {
  position: absolute;
  top: 5px;
  right: 10px;
}

div.content-for-who {
  position: absolute;
  top: 5px;
  right: 10px;
}

div.content-heading-container {
  position: absolute;
  bottom: 20px;
}

div.content-heading {
  font-size: large;
  line-height: 1.1rem;
  margin-bottom: 0px;
}

div.content-bottom-content {
  position: absolute;
  bottom: 0px;
}

div.content-container {
  /* background-color: #949494; REMOVE Background-color */
  cursor: pointer !important;
  position: relative;
  transition: transform .2s;
  word-wrap: break-word;
}

div.content-container::after {
  opacity: 1;
}

.content-upcoming {
  padding: 1rem;
  outline: 1px solid white;
  transition: outline 0.2s linear; 
}

.content-upcoming:hover {
  outline: 1px solid silver;
}

.content-upcoming .data {
  text-align: right;
}

/* Colours */
.bg-black {
  background-color: rgb(18, 18, 27) !important;
  border-color: rgb(35, 35, 46) !important;
}

.bg-orange {
  /* background-color: #eb8f26 !important; */
  background-color: #84aba7 !important;
  /* border-color: #eb8f26 !important; */
  border-color: #84aba7 !important;
  text-shadow: #b46d1b !important;
}

.bg-orange-dark {
  background-color: #c27216 !important;
  border-color: #c27216 !important;
}

.bg-orange-light {
  background-color: #f8e1c5 !important;
  border-color: #eed0ae !important;
  text-shadow: #ffdfbb !important;
}

.bg-grey-light {
  background-color: rgb(224, 229, 235);
  border-color: rgb(213, 219, 226);
}

.bg-blue {
  background-color: #3570C2 !important;
  border-color: #3570C2 !important;
  text-shadow: #3570C2 !important;
}

.bg-blue-dark {
  background-color: #26579b !important;
  border-color: #26579b !important;
}

.bg-blue-light {
  background-color: #dae6f6 !important;
  border-color: #bed0e9 !important;
  text-shadow: #b4cbec !important;
}

.bg-green-light {
  background-color: rgba(218, 246, 230, 0.2) !important;  //#daf6e6
  border-color:     rgba(190, 233, 208, 0.2) !important;  //
  text-shadow:      rgba(180, 236, 203, 0.2) !important;  // #b4eccb
}

.bg-yellow {
  background-color: #F3E138 !important;
  border-color: #F3E138 !important;
  text-shadow: #f6e760 !important;
  color: rgb(18, 18, 27) !important;
}

.bg-yellow-dark {
  background-color: #fff9c3 !important;
  border-color: #fff9c3 !important;
  color: rgb(18, 18, 27) !important;
}

.bg-yellow-light {
  background-color: #faf6cc !important;
  border-color: #f0e9a8 !important;
  text-shadow: #fff8bb;
}

.border-orange {
  /* border-color: #eb8f26 !important; */
  border-color: #84aba7 !important;
}

.border-blue {
  border-color: #3570C2 !important;
}

.border-yellow {
  border-color: #F3E138 !important;
}

.border-blue-light {
  border-color: #81aae4 !important;
}

.text-orange {
  /* color: #eb8f26 !important; */
  color: #84aba7 !important;
}

.text-orange-dark {
  color: #c27216 !important;
}

.text-blue {
  color: #3570C2 !important;
}

.text-blue-dark {
  color: #26579b !important;
}

.text-yellow {
  color: #F3E138 !important;
}

.text-yellow-dark {
  color: rgb(18, 18, 27) !important;
}

.text-warning {
  color: #eb5e26 !important;
}

.bg-success {
  background-color: #6db671 !important;
  border-color: #6db671 !important;
}

.bg-success-light {
  background-color: #b3e0b4 !important;
  border-color: #a4d8a5 !important;
}

.bg-success-lightest {
  background-color: rgb(226, 241, 227) !important;
  border-color: rgb(205, 230, 206) !important;
}

/* Text */
.text-shadow {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5)
}

.smaller {
  font-size: x-small;
  letter-spacing: 1px;
}

.line-height-1rem {
  line-height: 1rem;
}

/* Buttons */
button.btn {
  font-size: medium !important;
  padding: 8px 12px !important;
}

button.btn-sm {
  font-size: small !important;
  padding: 5px 10px !important;
}

button.btn-primary {
  background-color: #3570C2 !important;
  border-color: #3570C2 !important;
  text-shadow: #3570C2 !important;
  color: white !important;
}

button.btn-primary:hover {
  /* background-color: #437cca !important; */
  background-color: #A4D3CE !important;
}

button.btn-warning {
  background-color: #e7b631 !important;
  border-color: #e7b631 !important;
}

button.btn-warning:hover {
  /* background-color: #fae94f !important; */
  background-color: #A4D3CE !important;
}

button.btn-danger {
  background-color: #eb5e26 !important;
  border-color: #eb5e26 !important;
  color: white !important;
}

button.btn-danger:hover {
  /* background-color: #e45b25 !important; */
  background-color: #A4D3CE !important;
}

button.btn-success {
  background-color: #5da861 !important;
  border-color: #5da861 !important;
  color: white !important;
}

button.btn-success:hover {
  /* background-color: #569e59 !important; */
  background-color: #A4D3CE !important;
}

button.btn-info {
  /* background-color: #eb8f26 !important; */
  background-color: #84aba7 !important;
  /* border-color: #eb8f26 !important; */
  border-color: #84aba7 !important;
}

button.btn-info:hover {
  /* background-color: #e0861f !important; */
  background-color: #A4D3CE !important;
}

button.btn-secondary {
  background-color: #6d7481 !important;
  border-color: #6d7481 !important;
  color: white !important;
}

button.btn-secondary:hover {
  /* background-color: #5f6879 !important; */
  background-color: #A4D3CE !important;
}

a.btn {
  text-decoration: none !important;
  padding: 12px 12px 12px 12px;
  font-size: small;
}

a.btn.btn-sm {
  padding: 6px 8px;
  font-size: small;
}

button.btn-danger,
a.btn-danger {
  background-color: #eb5e26 !important;
}

a.btn.disabled {
  background-color: silver;
  cursor: not-allowed;
  pointer-events: all;
}

/* Feedback */
div.invalid-feedback {
  color: #eb5e26 !important;
  padding: 2px 4px;
}

/* Labels */
label.bigger {
  font-size: large;
}

label.label-smaller {
  font-size: small;
}

.col-form-label {
  font-weight: bold;
}

/* Alerts */
.alert {
  padding: 8px 8px 8px 8px;
}

/* Badge */
span.badge {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

/* Placeholders */
input::placeholder,
textarea::placeholder,
input::placeholder {
  font-size: small;
}

/* Restore padding from Divi setting 2px */
input.text,
input.title,
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
  padding:6px 12px !important;
}


li.logout>a>i,
li.login>a>i {
  color: #3570C2 !important;
}

li.logout>a>span,
li.login>a>span {
  margin-left: 4px;
  color: #3570C2 !important;
}

header.header {
  z-index: 9000 !important;
}

.wbd-just-uploaded {
  /* background-color: #eb8f26; */
  background-color: #84aba7;
  padding: 0.5rem;
  color: white;
  border-radius: 3px;
  text-decoration: none;
  margin: 0rem 0.25rem;
}

.wbd-just-uploaded:hover {
  /* background-color: #e48a23; */
  background-color: #A4D3CE;
  padding: 0.5rem;
  color: white;
  border-radius: 3px;
  text-decoration: none;
  margin: 0rem 0.25rem;
}

/* Search page */

#searchextrabtn {
  /* background-color: #eb8f26 !important; */
  background-color: #84aba7 !important;
}

#searchextrabtn:hover {
  /* background-color: #e48a23 !important; */
  background-color: #A4D3CE !important;
}

#button-addon2 {
  /* background-color: #eb8f26 !important; */
  background-color: #84aba7 !important;
}

#button-addon2:hover {
  /* background-color: #eb8f26 !important; */
  background-color: #A4D3CE !important;
}

#wb_txt {
  padding: .25rem .5rem;
}

@media screen and (orientation:landscape) {
    #wb_rec_video {
	width:90%;
	height:200px;
    }
}

@media screen and (orientation:portrait) {
    #wb_rec_video {
	height:70%;
	width:200px;
    }
}


/* Log out */

li.logout-menu>a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f2f5";
  padding-left: 5px;
  color: #272626;
}

li.login-menu>a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f2f6";
  padding-left: 5px;
  color: #272626;
}

span.countdown {
  font-weight: 900;
}

/* For channel box */
.wb_channel_box:not(:last-child) {
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.wb_channel_box {
  padding:8px;
}


/* 2022-10-17: Imported parts from old theme wbd/style.css */

.um-profile-body {
  max-width: 100% !important;
}

/* For file upload Browse button */
.custom-file-label::after {
  content: "Bläddra...";
}

/* General bold class for addClass/removeClass on elements */
.wb_bold {
  font-weight: bold !important;
  color: black;
}

/* Make checked checkboxes bold (add class wb_bold_check for checkbox, wb_bold_check_label for it's label) */
.wb_bold_check:checked+.wb_bold_check_label {
  font-weight: bold;
  color: black;
}

#wbCopyLinkMenu {
    padding: 0px 0px 0px 0px;
    margin: 4px 4px 4px 4px;
    min-width:200px;
}

#wbCopyLinkItem {
    list-style-type:none;
    padding: 0px 0px 0px 0px;
    border:1px solid #eee;
    border-top: 0px;
}

#wbCopyLinkItem a {
    display: block;
    padding: 4px 8px 4px 12px;
}
#wbCopyLinkItem a:hover {
    /* background-color: #eee; */
    background-color: #A4D3CE;
    font-weight:bold;
}

#wbCopyLinkText {
    list-style-type:none;
    text-align: center;
    line-height: 1.5em;
    padding: 8px 2px 8px 2px;
}

/* Download */

#wbDownloadMenu {
    padding: 0px 0px 0px 0px;
    margin: 4px 4px 4px 4px;
    min-width:200px;
}

#wbDownloadItem {
    list-style-type:none;
    padding: 0px 0px 0px 0px;
    border:1px solid #eee;
    border-top: 0px;
}

#wbDownloadItem a {
    display: block;
    padding: 4px 8px 4px 12px;
}
#wbDownloadItem a:hover {
    /* background-color: #eee; */
    background-color: #A4D3CE;
    font-weight:bold;
}

#wbDownloadText {
    list-style-type:none;
    text-align: center;
    line-height: 1.5em;
    padding: 8px 2px 8px 2px;
}


/* Hide title on specific pages: */
/* Was .main_title in wbd, in Genesis .entry-header */

/* + profile page (id 102) */
.page-id-102 .entry-header {
  display: none;
}

/* + account pages (id 104, 280, 282) */
.page-id-104 .entry-header,
.page-id-280 .entry-header,
.page-id-282 .entry-header {
  display: none;
}

/* + navigation page (id 509) (was 458)
   + Proffs (id 242)
   + Torget (id 3003)
   + Play (id 3776)
*/
.page-id-509 .entry-header,
.page-id-242 .entry-header,
.page-id-3003 .entry-header,
.page-id-3776 .entry-header,
.page-id-4872 .entry-header, .page-id-4876 .entry-header {
  display: none;
}

/* QR */
.page-id-4833 .entry-header {
  display: none;
}


/* Bigger popover with scroll */
.popover-body {
  height: 300px;
  overflow-y: auto;
  white-space: pre-wrap;
  font-size: 8px !important;
}

.tooltip-inner {
  max-width:350px;
  /*width:350px;*/
}

/* For Video JS */

.video-js {
  background-color:#ffffff;
  font-size: 12px;
}

.vjs-default-skin .vjs-big-play-button {
  font-size: 3em;

  line-height: 1.5em;
  height: 1.5em;
  width: 3em;

  border-radius: 0.3em;

  left: 50%;
  top: 50%;
  margin-left: -(3em / 2);
  margin-top: -(1.5em / 2);   
}

.video-js .vjs-big-play-button {
  /* background-color: rgba(235,143,38,0.4) !important; */
  background-color: rgba(132,171,167,0.4) !important;
}

.video-js:hover .vjs-big-play-button {
  /* background-color: r gba(235,143,38,0.8) !important; */
  background-color: rgba(132,171,167,0.8) !important;
}

.video-js .vjs-play-control,
.video-js .vjs-mute-control,
.video-js .vjs-fullscreen-control {
  border-radius:0px;
}

.video-js .vjs-subs-caps-button {
  display:none;
}

/**/