/*!
Theme Name: The Sceleton theme
Theme URI: https://www.tigerton.se
Author: Jonathan de Jong @ Tigerton
Author URI: https://www.tigerton.se
Description: "bony framework of the body", a theme for quick and modern development with Tigerton!
Text Domain: sceleton
Version: 2.0
*/

*,::before,::after{background-repeat:no-repeat;-moz-box-sizing:inherit;box-sizing:inherit}::before,::after{text-decoration:inherit;vertical-align:inherit}html{-moz-box-sizing:border-box;box-sizing:border-box;cursor:default;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}body{margin:0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}nav ol,nav ul{list-style:none}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ffff00;color:#000000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,optgroup,select,textarea{margin:0}button,input,select,textarea{background-color:transparent;color:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}legend{-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type="checkbox"],[type="radio"]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0, 0, 0, 0);display:inherit;position:absolute}[aria-disabled]{cursor:default}.clearfix:after,.wrapper:after,.inner-wrapper:after{content:"";display:block;clear:both}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.skip-link:hover,.skip-link:active,.skip-link:focus{position:static;height:auto;width:auto;margin:0;float:left}.comment-content img[height],.entry-content img,.entry-summary img,img[class*=align],img[class*=attachment-],img[class*=wp-image-]{height:auto}.post-thumbnail img,.wp-post-image,img.size-full,img.size-large{height:auto;max-width:100%}.alignleft,.left{float:left}.alignright,.right{float:right}.aligncenter{display:block;margin-left:auto;margin-right:auto}img{max-width:100%;height:auto}.grid{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.grid-item{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.grid--flexcells>.grid-item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.grid--top{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}.grid--bottom{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}.grid--center{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.grid--justify-center{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-item--top{-ms-flex-item-align:start;align-self:flex-start}.grid-item--bottom{-ms-flex-item-align:end;align-self:flex-end}.grid-item--center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.grid-item--auto-size{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:none;flex:none}.grid--fit>.grid-item{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.grid--full>.grid-item{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.grid--1of2>.grid-item{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.grid--1of3>.grid-item{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%}.grid--1of4>.grid-item{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}
/*# sourceMappingURL=style.css.map */

/**
 * Hello Elementor styling
 */

html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}



@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');


/**
 * Forms 
 */
 
#loginform	{
	background:rgba(255,255,255,0.5);
	border-radius: 12px;
	padding: 30px;
}
#loginform label	{
	display: block;
	padding:0 0 10px 0;
	font-family: "Open Sans", serif;
}

input[type="text"], 
input[type="number"], 
input[type="password"]	{
	background:#fff;
	padding: 10px;
	border: 1px solid #000 !important;
	width: 100%;
}

input[type="submit"] {
	border: 3px solid var(--e-global-color-08c87c3, #CA4502);
	color: var(--e-global-color-08c87c3, #CA4502);
	width: 100%;
	margin-top: 10px;
}
input[type="submit"]:hover {
	background-color: var(--e-global-color-08c87c3, #CA4502) !important;
}


/**
 * Login
 */
 
a.elementor-register {
	font-size: .85rem !important;
	padding-left: .5rem;
}
a.elementor-lost-password {
	font-size: .85rem !important;
	padding-right: .5rem;
}
.elementor-remember-me label {
	align-items: center;
	display: flex;
	gap: .5rem;
}


/**
 * Skolmaterial Badge Styling
 */
 
.skolmaterial-badge-wrapper {
    display: inline-block;
    margin: 10px;
}

.skolmaterial-badge-link {
    text-decoration: none !important;
    display: block;
}

.skolmaterial-badge {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding-bottom: 4px;
  max-width: 100%;
}

.skolmaterial-badge .badge-count {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2px;
}

.skolmaterial-badge .badge-label {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Färger för olika typer */
/* Årskurs - Lila */
.badge-arskurs {
    background: #F0EFF4;
}
.badge-arskurs .badge-count,
.badge-arskurs .badge-label {
    color: #6C2B76;
}

/* Container för flera badges */
.badges-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin: 30px 0;
}


/* Mobil - under 767px */
@media (max-width: 767px) {
    .skolmaterial-badge {
        width: 100%;
        height: auto;
        border-radius: 10px;
        flex-direction: row;
        padding: 7px;
    }
    
    .skolmaterial-badge .badge-count {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 0;
        margin-right: 6px;
    }
    
    .skolmaterial-badge .badge-label {
        font-size: 16px;
        font-weight: 600;
        text-transform: lowercase;
        letter-spacing: 0;
    }
    
    /* Container justering för mobil */
    .badges-grid {
        flex-direction: column;
        align-items: stretch;
        padding: 0 15px;
        gap: 15px;
    }
}



/**
 * Lists
 */

/* Gäller endast listor inuti Elementor Text Editor-widgets */
 .elementor-widget-text-editor ul,
 .elementor-widget-text-editor ol {
   margin-bottom: 1em;
   padding-left: 1.5em;
   font-size: 1rem;
   line-height: 1.6;
 }
 
 .elementor-widget-text-editor li {
   margin-bottom: 0.4em;
 }
 
 
 /* -------- Nested UL -------- */
 .elementor-widget-text-editor ul ul {
   list-style-type: circle;   /* andra nivån */
   margin-top: 0.4em;
 }
 
 .elementor-widget-text-editor ul ul ul {
   list-style-type: square;   /* tredje nivån */
 }
 
 /* -------- Nested OL -------- */
 .elementor-widget-text-editor ol ol {
   list-style-type: lower-alpha; /* andra nivån: a, b, c */
   margin-top: 0.4em;
 }
 
 .elementor-widget-text-editor ol ol ol {
   list-style-type: lower-roman; /* tredje nivån: i, ii, iii */
 }
 
 
 /* -------- (VALFRITT) Snyggare spacing på nested li -------- */
 .elementor-widget-text-editor li li {
   margin-bottom: 0.3em; /* mindre avstånd på djupare nivåer */
 }
 
 
 /**
  * Styling av sökfunktion
  */
 
 /* --- Gäller bara Elementor Search: Fullskärm --- */
 
 /* Gör stäng-krysset vitt (fångar i-tag med ikonfont, pseudo, samt SVG-varianter) */
 .elementor-search-form--skin-full_screen .dialog-close-button i,
 .elementor-search-form--skin-full_screen .dialog-close-button .eicon-close:before,
 .elementor-search-form--skin-full_screen .dialog-close-button svg,
 .elementor-search-form--skin-full_screen .dialog-close-button svg *,
 .elementor-search-form--skin-full_screen .dialog-close-button {
   color: #fff !important;
   fill: #fff !important;
   stroke: #fff !important;
 }
 
 /* Storlek + hover-animation för krysset */
 .elementor-search-form--skin-full_screen .dialog-close-button i,
 .elementor-search-form--skin-full_screen .dialog-close-button svg {
   font-size: 32px;
   width: 32px;
   height: 32px;
   transition: transform .25s ease, opacity .25s ease;
   opacity: .9;
 }
 .elementor-search-form--skin-full_screen .dialog-close-button:hover i,
 .elementor-search-form--skin-full_screen .dialog-close-button:hover svg {
   transform: rotate(90deg) scale(1.12);
   opacity: 1;
 }
 
 /* Position och z-index så den hamnar över allt */
 .elementor-search-form--skin-full_screen .dialog-close-button {
   top: 36px;
   right: 36px;
   z-index: 99999;
 }
 
 /* (Valfritt) snyggare overlay och fält – funkar även när dialogen flyttas till <body> */
 .elementor-search-form--skin-full_screen .dialog-widget-content {
   background: rgba(20,20,20,.75);
   backdrop-filter: blur(8px);
 }
 .elementor-search-form--skin-full_screen .elementor-search-form__container {
   margin-inline: auto;
 }
 .elementor-search-form--skin-full_screen .elementor-search-form__input {
   font-size: 22px;
   padding: 20px 60px 20px 24px;
   color: #fff;
   background: rgba(255,255,255,.1);
   border: 1px solid rgba(255,255,255,.25);
   border-radius: 14px;
 }
 .elementor-search-form--skin-full_screen .elementor-search-form__input::placeholder {
   color: rgba(255,255,255,.6);
 }
 
	 
	 /* Dölj inbyggd clear-ikon helt */
 .elementor-search-form--skin-full_screen .elementor-search-form__input::-webkit-search-cancel-button {
   -webkit-appearance: none;
   appearance: none;
   display: none;
 }
 .elementor-search-form--skin-full_screen .elementor-search-form__input::-ms-clear {
   display: none;
   width: 0; height: 0;
 }
 
 
 /**
  * Accordion widget colors
  */
  
  
 .elementor-widget-n-accordion.colors .e-n-accordion-item:nth-child(3n+2) .e-n-accordion-item-title,
 .elementor-widget-n-accordion.colors .e-n-accordion-item:nth-child(3n+2) .e-con {
	 background-color: #FED691 !important;
 }
	 
 .elementor-widget-n-accordion.colors .e-n-accordion-item:nth-child(3n+3) .e-n-accordion-item-title,
 .elementor-widget-n-accordion.colors .e-n-accordion-item:nth-child(3n+3) .e-con {
	 background-color: #FDBB99 !important;
 }
 
 
 /**
  * Positionera stängningsknappen 
  */
  
 .dialog-close-button {
	 position: fixed !important;
	 top: 30px !important;
	 right: 30px !important;
	 z-index: 9999 !important;
 }
 
 /* Eventuellt anpassa storlek och färg */
 .dialog-close-button svg {
	 font-size: 30px !important;
	 color: #ffffff !important;
 }
 
 /* Om du vill ha hover-effekt */
 .dialog-close-button:hover svg {
	 fill: #CA4502 !important;
	 transition: all 0.3s ease;
 }
	 
	 .elementor-popup-modal .dialog-close-button svg {
	 fill: #1f2124;
	 height: 25px;
	 width: 25px;
 }
 
 
 /**
  * Länkar i brödtext
  */
  
.elementor-widget-text-editor a {
  text-decoration: underline;
}

/**
 * Skolmaterial filter styling
 */
 
.poa-filter-select {
  background-color: #F6F6FA;
  border: 0;
  border-right: 10px solid #F6F6FA !important;
  color: #521E59;
  font-weight: 700;
  outline: none;
}

.poa-filter-controls {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}

.poa-no-results {
  font-weight: 700;
}

.poa-clear-button {
  font-weight: 700;
  border: 2px solid;
  padding: .25rem 1rem;
  color: #cc3333;
  border-color: #cc3333;
}
.poa-clear-button:hover {
  background-color: #cc3333;
}

/**
 * Text editor title styles
 */
 
.elementor-widget-text-editor h1,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4,
.elementor-widget-text-editor h5,
.elementor-widget-text-editor h6 {
  color: #6C2B76;
  font-weight: 700;
  line-height: 140%;
  margin-top: 1.5rem;
}

.elementor-widget-theme-post-content h1,
.elementor-widget-theme-post-content h2, 
.elementor-widget-theme-post-content h3,
.elementor-widget-theme-post-content h4, 
.elementor-widget-theme-post-content h5, 
.elementor-widget-theme-post-content h6 {
  color: #6C2B76;
  line-height: 140%;
  margin-top: 1.5rem;
}

.elementor-widget-text-editor a,
.elementor-widget-theme-post-content a {
  text-decoration: underline;
}


/**/

#wpmem_restricted_msg {
  text-align: center;
  padding: 50px;
  font-weight: 700;
}

.wpm-custom a {
  text-decoration: underline;
}

.wpm-custom input {
  background: #F6F6FA !important;
  border: 0 !important;
  padding: .75rem 1.25rem !important;
}

.wpm-custom input[type="submit"] {
  margin-top: 1rem !important;
  margin-bottom: 1.5rem !important;
  padding: 10px;
  font-size: 16px !important;
  padding: 10px 25px;
  display: inline-block;
  text-decoration: none;
  transition: .2s all;
  background-color: #1BA788 !important;
  border: 4px solid #1BA788!important;
  color: #fff;
  font-weight: 700;
  border-radius: 100px;
}

.wpm-custom input[type="submit"]:hover {
  font-weight: 700;
  color: #fff;
  border-color: #A7E7D9 !important;
  background-color: #1BA788 !important;
}

.wpm-custom legend {
  margin-bottom: 1.5rem !important;
  color: #6C2B76;
}

.wpm-custom label {
  font-weight: 700;
  font-size: 14px;
  color: #521e59;
  margin: 0px 0px 7px 0px;
}

.wpm-custom .div_text input {
  border: 1px solid #521e59;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
  color: #000;
  background: #FFFFFF;
}

.wpm-custom a {
  color: #521e59;
  font-weight: 700;
}

.wpm-custom .gdpr-label a {
  color: #521e59;
  font-weight: 700;
}

.wpm-custom .gdpr-label {
  color: #000;
  font-weight: normal;
}

.wpm-custom * {
  font-size: 14px;
  line-height: 150%;
}

.wpm-custom input[type="text"] {
  margin-top: 5px !important;
}

.wpm-custom .button,
.wpm-custom .backlink {
  padding: 10px 25px;
  display: inline-block;
  text-decoration: none;
  transition: .2s all;
  background-color: #1BA788;
  border: 4px solid #1BA788!important;
  color: #fff;
  font-weight: 700;
  border-radius: 100px;
}
.wpm-custom .button:hover,
.wpm-custom .backlink:hover {
  color: #fff;
  border-color: #A7E7D9 !important;
  background-color: #1BA788 !important;
}

.wpm-custom .backlink {
  margin-bottom: 1rem;
}

.wpm-custom .profiledetails {
  margin-top: 2rem;
}

.wpm-custom h1,
.wpm-custom h2,
.wpm-custom h3, 
.wpm-custom h4, 
.wpm-custom h5,
.wpm-custom h6 {
  color: #6C2B76;
  font-weight: 700;
}

.wpm-custom .item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-top: 1px dotted #CCCCCC;
  text-align: left;
  justify-content: space-between;
  padding: 10px 0px 10px 0px;
}
.wpm-custom .item span.left {
    font-weight: 700;
    width: 50%;
}
.wpm-custom .item span.right {
    font-style: italic;
    flex-grow: 1;
}

#wpmembersform  {
    width: 100%;
    max-width: 600px;
    margin: 40px 0px 20px 0px;
}

ul.register_links {
    margin: 20px 0px 20px 0px;
}

#wpmembersform ul,
ul.register_links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

#wpmembersform ul li,
ul.register_links li {
    margin: 0px 15px 15px 0px;
}

#wpmembersform ul li a,
ul.register_links li a {
    text-transform: uppercase;
    padding: 10px 25px;
    line-height: 39px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    background-color: #1BA788;
    border: 4px solid #1BA788!important;
    color: #fff;
    font-weight: 700;
    border-radius: 100px;
}
#wpmembersform ul li a:hover,
ul.register_links li a:hover,
.login_status a:hover {
  color: #fff;  
  border-color: #A7E7D9 !important;
  background-color: #1BA788 !important;
}

.login_status a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background: #521e59;
  padding: 5px 25px 5px 25px !important;
  line-height: 39px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  margin-top: 1rem;
  display: inline-block;
  border-radius: 100px;
}


/**
 * Forms
 */
 
 
.wpcf7 label {  
  font-weight: 700;
  font-size: 14px;
  color: #000;
  margin: 0px 0px 7px 0px;
  line-height: 150%;
}

.wpcf7 input,
textarea {
  background: #F6F6FA ;
  border: 0 !important;
  padding: .75rem 1.25rem;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: #7070B4;
  opacity: 1; /* Firefox sänker opacity som standard */
  font-size: 14px;
}

.wpcf7 input[type="submit"] {
  background-color: #6C2B76;
  border-color: #6C2B76;
  color: #fff;
  font-weight: 700;
  border-radius: 100px;
  padding: 15px 25px;
  display: inline-block;
  text-decoration: none;
  transition: .2s all;
}
.wpcf7 input[type="submit"]:hover {
  color: #fff;
  background-color: #8B3997 !important;
  border-color: #8B3997 !important;
}

.wpcf7 .wpcf7-form-control-wrap {
  display: inline-block;
  margin-top: 5px;
}

.wpcf7 a {
  text-decoration: underline;
  color: #6C2B76;
  font-weight: 700;
}


/* Gravity forms */

.gform_wrapper input[type="text"], 
.gform_wrapper input[type="number"], 
.gform_wrapper input[type="password"],
.gform_wrapper input,
.gform_wrapper textarea {
  background: #F6F6FA;
  border: 0 !important;
  padding: .75rem 1.25rem !important;
}

.gform_wrapper input[type="submit"] {
  background-color: #1BA788;
  border: 4px solid #1BA788!important;
  color: #fff;
  font-weight: 700;
  border-radius: 100px;
}

.gform_wrapper input[type="submit"]:hover {
  border-color: #A7E7D9 !important;
  background-color: #1BA788 !important;
}

.gform_wrapper a {
    text-decoration: underline;
    color: #6C2B76;
    font-weight: 700;
}

.gform_wrapper .gform_title {
  color: #521E59;
  font-weight: 700;
  font-size: 32px;
  line-height: 150%;
}

.gform_wrapper .gform_description {
  color: #6C2B76;
  font-size: 22px;
  line-height: 150%;
  margin-bottom: 2rem;
}

.gform_wrapper *::placeholder {
  color: #7070B4;
}

.gform_confirmation_message {
  color: #6C2B76 !important;
  background-color: #F0EFF4 !important;
  padding: 2rem !important;
}