/*
Theme Name: Stegeholmshalsan-2023
Version: 3.0.0
*/

@font-face {
	font-family: SHH-Normal;
	src: url("HelveticaCEMedium.otf");
}
@font-face {
	font-family: SHH-Headline;
	src: url("BRYGADA1918-SEMIBOLD.TTF");
}

@counter-style one-x-two {
  system: fixed;
  symbols: "1" X "2";
  suffix: ". ";
}
@counter-style correct {
  prefix: "\2713 ";
}

.one-x-two-lists ol, .one-x-two-lists ol > li { list-style: one-x-two; }
.one-x-two-lists ul, .one-x-two-lists ul > li { list-style: one-x-two; }
li.correct:after { content: "\2713"; color: green; margin-left: 10px; }
li.correct { color: green; font-weight: bold; }

html[lang="sv-SE"] {
	margin-top: 0px !important; }

html, body {
   margin: 0;
   padding: 0;
   height: 100%; }
body {
	background-color: #fabf7c; }

body, body:before, body * {
	font-family: "SHH-Normal", sans-serif; }

body h1, body h1 * {
	font-size: 2.5rem;
	font-family: "SHH-Headline", serif; }

body h2 {
	font-size: 1.5rem; }
body h3 {
	font-size: 1.3rem; }
body h4 {
	font-size: 1.1rem; }
body h5 {
	font-size: 1.05rem; }
body h6 {
	font-size: 1rem; }

h1, h2, h3, h4, h5, h6 {
	font-weight: 400 !important; }

@media only screen and (max-width: 639px) {
	body h1, body h1 * {
		font-size: 2rem; }
}

body h1 a {
	text-decoration: none; }

/* Iconer till länkar */
main a.fancybox-iframe h3:after	{ margin-left: 7px; margin-right: 7px; font-size: 70%; vertical-align: top; font-family: "Font Awesome 6 Free"; font-weight: bold; content: "\f31e"; }
main a[target=_blank]:not(.nolinkingicon a, a.nolinkingicon):after { margin-left: 7px; margin-right: 7px; font-size: 70%; vertical-align: top; font-family: "Font Awesome 6 Free"; font-weight: bold; content: "\f08e"; }
main a.mtli_pdf[target=_blank]:not(.nolinkingicon a, a.nolinkingicon):after { content: "\f019"; }

/* Vit iframe-sida */
body.iframe_page .site-header { display: none !important; }
body.iframe_page .site-footer { display: none !important; }
body.iframe_page .site-footer:after { display: none !important; }
body.iframe_page .site-container:after { display: none !important; }
body.iframe_page #wpadminbar { display: none !important; }
body.iframe_page { background-color: #ffffff; }
body.iframe_page .site-inner { paddin-top: 20px !important; }
body.iframe_page .entry-header a[href='javascript:window.history.back();'] { display: none !important; }
body.iframe_page .cky-btn-revisit-wrapper { display: none; }
/* ----------------- */

body.shh-qms-page {
	background-color: #ffffff; }

body.shh-my-page { 
	background-color: #fde1c4; }

.site-container {
	min-height: 100%;
	position: relative; }

.site-header {
	position: relative;
	padding-top: 10px;
	background-color: transparent;
	z-index: 99;
	height: 240px;
	background-image: url(../images/vagor_top.png);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: none; }

.nav-primary * {
	font-family: "SHH-Headline", "Source Sans Pro", sans-serif; }

.nav-primary { 
	padding: 0px; }

.home .nav-primary { 
	margin-top: 36px; } /* Hålla plats för avsaknad breadcrumbs */

.nav-primary a, .nav-primary a:visited {
  font-size: 1.5rem;
  color: #006369; }

.nav-primary a:hover {
  color: #088caa; }

.nav-primary .sub-menu {
  border-top: none; }

.nav-primary .sub-menu * {
  font-size: 1.1rem;
  font-family: "SHH-Normal", "Source Sans Pro", sans-serif; }

.nav-primary .sub-menu, .nav-primary .sub-menu a {
  width: 270px; }

.nav-primary .sub-menu a {
  background-color: rgb(253 225 196 / 1);
  border-color: #fbc791;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  padding: 15px;
  font-size: 1.1rem; }

.nav-primary .sub-menu a:first-of-type {
  border-top-width: 1px;
}

.menu-toggle.dashicons-before { 
	width: 32px; 
	height: 50px; 
	padding: 7px 0px;
}
.menu-toggle.dashicons-before:before { 
	width: 32px; 
	height: 50px; 
	font-size: 32px; 
}

ul.zoom-social-icons-list { padding-left: 0px; }
.foo-table tbody tr td ul { margin-bottom: 0px; }

.sub-menu-toggle { float: none; display: inline-block; position: relative; }
.menu-item-has-children a { display: inline-block; padding-right: 0px; }

.sub-menu-toggle.activated + ul { left: auto; opacity: 1; display: block; }

@media only screen and (min-width: 960px) {
	.sub-menu-toggle { visibility: visible;	}
	.menu-item-has-children a { padding-right: 0px !important; }
	.sub-menu-toggle { padding-left: 0px; }
	
}

@media only screen and (max-width: 959px) {
	.nav-primary .menu { 
		background-color: #fde1c4;
		border-color: #fabf7c; 
		border-style: solid;
		border-width: 1px;
		padding: 10px;
	}
	.nav-primary .sub-menu li a { border-width: 0px; }
	.nav-primary .sub-menu a:first-of-type { border-top-width: 0px;	}
	.site-container > header > div.wrap .title-area { text-align: center; }
	.site-container > header > div.wrap { text-align: center; }
	.site-container > header > div.wrap nav { text-align: left; }
}

.site-inner {
  margin-bottom: 275px;
}
.site-footer {
   position: absolute;
   bottom: 0;
   z-index: 99;
   width: 100%;
   padding: 20px;
   height: 330px;
   background-color: transparent;
   border-width: 0px;
   color: #ffffff;
   background-image: url('../images/waves_blue_repeat.svg');
   background-position: top;
   background-repeat: repeat;
   background-size: 3750px 2500px;
   text-align: center;
}
.site-footer .wrap {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
@media only screen and (max-width: 959px) {
	.site-footer { background-size: 1500px 1000px; height: 175px; }
}
@media only screen and (min-width: 960px) {
	.site-footer { background-size: 2250px 1500px; height: 225px; }
}
@media only screen and (min-width: 1100px) {
	.site-footer { background-size: 3750px 2500px; height: 330px; }
}

#social-icons-footer { display: inline-block; }
#social-icons-footer .social-icons-list { display: inline-block; padding-left: 0px; }
#social-icons-footer .social-icons-list-item { list-style-type: none; display: inline-block; margin: 3px; border-radius: 12px; }
#social-icons-footer .social-icon { background-color: #006269; display: block; font-size: 16px; padding: 7px; color: #fff; border-radius: 12px; }
#social-icons-footer .social-icon:hover { background-color: transparent; }

#next_event_box ul.eo-events { padding: 0px; display: grid; }
#next_event_box ul.eo-events li { list-style: none; }

.breadcrumb { border: none; background: transparent; max-width: 1000px; height: 36px; margin: 0px auto 0px auto; }

.textaligncenter { text-align: center; }
.textalignright { text-align: right; }
.textalignleft { text-align: left; }
.noborder { border-width: 0px !important; border-style: none !important; }
.noborders, .noborders * { border-width: 0px !important; border-style: none !important; }

body .meny-text {
  position: absolute;
  right: auto;
  left: -18px;
  top: 21px; }

body .content .search-form {
  display: flex;
  width: 100%;
  }

body .search-form {
  background-color: transparent;
  border: none;
  display: flex;
  font-size: 1.2rem;
  justify-content: right;
  margin-top: -2px;
  outline: none;
  padding: 0.5em;
  width: 100%;
}
body .search-form button {
	padding: 0.25em; margin-left: 0.25em; 
}
body .search-form input {
	padding: 0.25em;
	background-color: rgba(250, 191, 124, 0.5);
	width: 100%;
	flex-grow: 1; }
body .search-form label {
	width: auto;
	flex-grow: 1; 
}
body .search-form input:focus {
	background-color: #fff;
}

body.admin-bar .site-header { margin-top: 32px; }

@media only screen and (max-width: 639px) {
    body .stegholm-search-container {
		width: 100%;
		float: none; }
	body .fl-rich-text img.alignright, body .fl-rich-text img.alignleft, body .fl-rich-text img.aligncenter { 
		float: none; }
}
@media only screen and (min-width: 640px) {
    body .stegholm-search-container {
		float: right;
		width: 300px; }
}

@media only screen and (max-width: 959px) {
}

@media only screen and (min-width: 960px) {
    body .stegholm-search-container {
		width: 500px; } 
	body .genesis-nav-menu .menu-item {
		display: inline-block; }
}
@media only screen and (min-width: 1200px) {
}

@keyframes splitOpen {
  0% { max-height: 0px; }
  100% { max-height: 2000px; }
}

body.search-results #genesis-content { margin-top: 0px; }

body.search-results .content-sidebar-wrap {
  background-color: #fde1c4;
  box-shadow: inset 0px 7px 9px -7px rgba(0,0,0,0.4), inset 0px -7px 9px -7px rgba(0,0,0,0.4);
  overflow: hidden;
  margin: 40px auto;
  animation-name: splitOpen;
  animation-duration: 4s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

body.search-results main.content {
  max-width: 1100px;
  float: none;
  margin: 40px auto;
  padding: 20px; }
  @media only screen and (max-width: 639px) {
    body.search-results main.content {
      padding: 0 10px; } }
  body.search-results main.content article {
    margin-bottom: 1.5em; }
    body.search-results main.content article .entry-title {
      display: block; }
    body.search-results main.content article p {
      margin-bottom: 0.5em; }
      body.search-results main.content article p a {
        margin-bottom: 0; }

body.search-results main.content article { border-top: 1px solid #fabf7c; padding-top: 20px; }

.fl-accordion-small .fl-accordion-content { padding: 10px; }
.fl-accordion-small .fl-accordion-content p { margin: 0px; }


body div.site-container > header > div.wrap {
  max-width: 1100px;
  margin: auto;
  position: relative; }
  body div.site-container > header > div.wrap .title-area {
    max-width: 100%;
    float: none;
    padding-top: 0px; }
  body div.site-container > header > div.wrap .title-area img {
    padding: 10px;
    box-sizing: border-box;
    width: 300px; }

body .site-inner {
  max-width: 1100px;
  height: 100%; }
  body .site-inner .content {
    width: 100%; }
    body .site-inner .content h1.entry-title {
      display: none; }

body.fl-builder .first-page-box .fl-rich-text p a {
  background: rgba(0, 89, 191, 0.84);
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 20px;
  padding-top: 20px;
  text-decoration: none; }

body.fl-builder .site-inner {
  max-width: 100%;
  padding: 0px; }

.fl-module-callout .fl-callout-content {
  position: relative; }

.fl-module-callout .fl-callout-title {
  position: absolute;
  height: 100%;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  padding: 0px; }

.fl-module-callout  .fl-callout-title-link {
  position: absolute;
  width: 100%;
  bottom: 0px;
  text-decoration: none;
  padding: 25px;
  display: block; }

  .fl-module-callout .fl-callout-title-link span {
    text-align: center;
    display: flex;
	align-items: center;
    justify-content: center;
	font-weight: bold;
	height: 50px;
    color: #fff;
    max-width: 220px;
    margin: auto !important; }

.color-peach span { background-color: rgba(242, 168, 140, 0.93); }
.color-green span { background-color: rgba(153, 184, 152, 0.92); }
.color-gold span { background-color: rgba(219, 196, 119, 0.92); }
.color-blue span { background-color: rgba(174, 189, 208, 0.92); }
.color-red span { background-color: rgba(244, 131, 125, 0.93); }
.color-lightblue span { background-color: rgba(186, 218, 214, 0.9); }
.color-lightgreen span { background-color: rgba(141, 196, 158, 0.9); }
.color-logo span { background-color: rgba(0,98,105, 0.9); }
  
.sh_rounded_100 > .fl-row-content-wrap { border-radius: 100px 0; padding: 20px !important; margin: 20px !important; }
body.fl-builder .first-page-box-row .fl-col > .fl-col-content { border-radius: 80px 0; }

@media (max-width: 959px) {
	.sh_rounded_100 > .fl-row-content-wrap { border-radius: 50px 0; }
	body.fl-builder .first-page-box-row .fl-col > .fl-col-content { border-radius: 40px 0; }
}

@media (max-width: 768px) {
	.sh_rounded_100 > .fl-row-content-wrap { border-radius: 35px 0; }
	body.fl-builder .first-page-box-row .fl-col > .fl-col-content { border-radius: 28px 0; }
}

body div.site-container > header > div.wrap .title-area img {
  box-sizing: border-box; }

body .round-cta {
  background: #d8c477;
  position: relative;
  border-radius: 50%;
  width: 280px;
  height: 280px;
  margin: 20px; }
  body .round-cta.align-right {
    float: right; }
  body .round-cta.bg-yellow {
    background: #d8c477; }
  body .round-cta.bg-blue {
    background: #aebdd0; }
  body .round-cta .fl-module-content {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: 0;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center; }
    body .round-cta .fl-module-content > * {
      width: 100%; }

body .shh-cta-link a.fl-callout-title-link {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

body .disable-hover a {
  color: inherit; }

body .fl-builder-content a.fl-button {
  border-radius: 50%;
  height: 105px;
  width: 105px;
  padding-top: 32px; }

.colored_bullets .fl-module-content ul, .colored_bullets .fl-module-content ul li { list-style-type: none !important; /* Remove default bullets */ }

.colored_bullets .fl-module-content ul:not(.options) li:before {
  content: "\2022";		/* Add content: \2022 is the CSS Code/unicode for a bullet */
  font-weight: bold;	/* If you want it to be bold */
  display: inline-block;
  width: 1em;			/* Needed to add space between the bullet and the text */
  margin-left: -1em;	/* Also needed for space (tweak if needed) */
  font-size: 2rem;		/* Also needed for space (tweak if needed) */
  text-shadow: 1px 1px 1px black;} /* Let's add some shadow */

.colored_bullets .fl-module-content ul li:nth-child(1):before, .colored_bullets ul li:nth-child(7):before { color: rgba(242, 168, 140, 0.6); }
.colored_bullets .fl-module-content ul li:nth-child(2):before, .colored_bullets ul li:nth-child(8):before { color: rgba(186, 218, 214, 0.6); }
.colored_bullets .fl-module-content ul li:nth-child(3):before, .colored_bullets ul li:nth-child(9):before { color: rgba(174, 189, 208, 0.65); }
.colored_bullets .fl-module-content ul li:nth-child(4):before, .colored_bullets ul li:nth-child(10):before { color: rgba(244, 131, 125, 0.36); }
.colored_bullets .fl-module-content ul li:nth-child(5):before, .colored_bullets ul li:nth-child(11):before { color: rgba(216, 196, 119, 0.61); }
.colored_bullets .fl-module-content ul li:nth-child(6):before, .colored_bullets ul li:nth-child(12):before { color: rgba(153, 184, 152, 0.61); }

body .fl-rich-text a {
  color: black; }

body .wpcf7-form-control {
  width: 90%; }
  body .wpcf7-form-control input {
    background-color: #f2a88c; }

div form li { list-style-type: none; margin: 0px; }

body .site-inner div.qms_list ul:not(.options) ul { padding-left: 10px; }

button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #006369; }
.stegholm-search-container button { background-color: transparent; }
.stegholm-search-container button span { margin-left: 5px; }

.qms_access_denied { display: none; }
.showemptyhtml { display: none; }
.nobottommargin, .nobottommargin p, .nobottommargin div, .nobottommargin span { margin-bottom: 0px; }

.fl-builder-edit .qms_access_denied { display: block; }
.fl-builder-edit .showemptyhtml { display: block !important; }
#sh-qms_menu li { list-style-type: none !important; }
#sh-qms_menu li:before { list-style-type: none !important; content: none !important; }
#sh-qms_menu .sub-menu { border: 1px solid #cccccc !important; }
#sh-qms_menu li a:not([href]) { color: #000000 !important; cursor: pointer; padding-right: 14px !important; }

.learndash-wrapper .ld-button, .learndash-wrapper .ld-expand-button { font-weight: 600 !important; }

.ninja_footable thead th { font-size: 16px; }
.ninja_footable tbody td { font-size: 14px; }

.nf-view-type-table table *, .nf-view-type-table form * { font-size: 12px; }
.nf-view-type-table :is(select, input) { padding: 5px; }
.nf-view-type-table .field-paginationInfo { text-align: left; }
.nf-view-type-table .views-pagination { text-align: right; }
.nf-view-type-table table thead th { white-space: nowrap; }
.nf-view-type-table * { word-break: normal; }
.nf-view-type-table .pure-u-md-1-3 { vertical-align: middle; }
.nf-view-type-table td { background-color: #fff; }

.bigstars .star 	{ background-position: left 0px; background-image: url("/wp-content/themes/stegeholmshalsan-2023/images/stars.png"); background-size: 40px 160px; height: 40px; width: 40px; line-height: 40px; }
.bigstars .tmp_es 	{ background-position: left -40px; }
.bigstars .tmp_fs 	{ background-position: left -80px; }
.bigstars .fullStar	{ background-position: left -120px; }

/* Minska ner Cookie-knappen lite */
.cky-btn-revisit-wrapper { width: 30px !important; height: 30px !important; }
.cky-btn-revisit-wrapper .cky-btn-revisit img { width: 20px !important; height: 20px !important; }

.eo-venue-map { z-index: 128 !important; }

/* Formatera rutan för "Kopiera länk" i iframe-sidor */
.sharelink_iframe { float: right; display: block; overflow: }
.sharelink_iframe #sh_sharelink { display: none; }
.sharelink_iframe .wpkqcg_qrcode_wrapper { vertical-align: middle; display: inline-block; }
.sharelink_iframe .wpkqcg_qrcode { max-width: 32px !important; transition: transform .5s; transform-origin: top right; /* Animation */ }
.sharelink_iframe .wpkqcg_qrcode:hover { transform: scale(5); }

/* Formatera sidan för utbildning utan datum */
@media (max-width: 768px) {
	.single-utbildningar .entry-content .utbildningar_meta_box { display: block; margin-top: 20px; }
	.single-utbildningar .entry-content .utbildningar_meta_row  { display: block; }
	.single-utbildningar .entry-content .flexcol { display: block; padding: 0px 10px 20px 0px; }
	.single-utbildningar .entry-content .utbildningar_meta_label { font-weight: bold; }
}
@media (min-width: 769px) {
	.single-utbildningar .entry-content .utbildningar_meta_box { display: table; margin-top: 20px; }
	.single-utbildningar .entry-content .utbildningar_meta_row  { display: table-row; }
	.single-utbildningar .entry-content .flexcol { display: table-cell; padding: 0px 10px 20px 0px; }
	.single-utbildningar .entry-content .utbildningar_meta_label { font-weight: bold; text-align: right; }
}

/* Formatera listan med utbildningar MED datum */
#current-educations ul.eo-events { padding: 0px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 1em; row-gap: 1em; }
#current-educations ul.eo-events li { list-style: none; padding: 0px; background-color: rgba(255, 255, 255, 0.5); border: 0px solid #00788E; border-radius: 20px 20px 20px 20px; box-shadow: -1px 1px 3px #cccccc; }
#current-educations ul.eo-events li .education-list-datetime { display: block; text-align: center; padding: 5px 15px 5px 15px; font-weight: 600 !important; background-color: #006269; color: #FFFFFF;  border-radius: 19px 19px 0px 0px; }
#current-educations ul.eo-events li .education-list-title { display: block; text-align: center; padding: 5px 15px 5px 15px; }
#current-educations ul.eo-events li .education-list-title a { text-decoration: none !important; }
#current-educations ul.eo-events li .education-list-title a h3 { font-weight: 600 !important; margin-bottom: 0px; }
#current-educations ul.eo-events li .education-list-excerpt { display: block; text-align: center; font-size: 0.8em; padding: 0px 15px 15px 15px; }
@media only screen and (max-width: 739px) { #current-educations ul.eo-events { grid-template-columns: 100%; } }
@media only screen and (min-width: 740px) { #current-educations ul.eo-events { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media only screen and (min-width: 1100px) { #current-educations ul.eo-events { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Formatera listan med utbildningar UTAN datum */
#footable_parent_4013 p:has(span:empty) { display: none !important; }
#footable_parent_4013 a { text-decoration: none; color: rgb(0, 99, 105); }
#footable_parent_4013 a h3 { font-weight: 600 !important; }
#footable_parent_4013 a:hover { color: rgb(0, 0, 0); }

/* Inställningar för utskrift */

@media print {

  body {
    margin: 0;
    color: #000;
    background-color: #fff;
	width: 16cm;
  }
  body * {
    color: #000;
    background-color: transparent;
  }
	body {
		position: relative;
	}
	body:before {
		content: 'Stegeholm företagshälsa';
		position: fixed;
		inset: 0;
		font-size: 72pt;
		font-weight: 800;
		color: #006369 !important;
		display: grid;
		justify-content: center;
		align-content: center;
		text-align: center;
		opacity: 0.2;
		transform: rotate(-45deg);
	}
  a[href]:after { content: "" !important; }
  a[href] { text-decoration: none; }
  .site-header, .site-footer, .fl-builder-shape-layer, .hidefromprint { display: none; }
  .grecaptcha-badge { opacity:0;}
  .site-inner { margin-bottom: 0px; }
  .printtogether { break-inside: avoid; }
  .fl-accordion-item { break-inside: avoid; }
  .fl-accordion-button-icon { opacity:0; }
  .fl-accordion-content { display: block; }
  #current-educations ul.eo-events { grid-template-columns: 100%; }
  #footable_3326 { break-inside: auto; }
}