/**
Theme Name: Digital Poster (Astra - Child theme)
Author: Digital Poster
Author URI: http://digitalposter.se
Description: Boilerplate baserat på Astra - för Digital Posters projekt och kunder
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: learndash-astra-child-theme
Template: astra
*/
:root {
  /*COLOR VARIABLES*/
    /* brand colors */
    --main-color: #3d352c; /* var(--main-color) */
    --accent-1-color: #e2001a; /* var(--accent-1-color) */
    --accent-2-color: #5b4f41;
    --accent-3-color: #008000; /* var(--accent-2-color) */
    /*Button colors */
    --button-1: #f6f4f1;  /* var(--button-1) */
    --button-1-hvr: #615446;  /* var(--button-1-hvr) */
    /*--button-1: #3d352c;  /* var(--button-1) */
    /*--button-1-hvr: #615446;  /* var(--button-1-hvr) */
    --button-2: #e2001a;  /* var(--button-2) */
    --button-2-hvr: #af0014;  /* var(--button-2-hvr) */
    /* standard colors */
    --white-1-color: #f6f4f1; /*White var(--white-1-color) */
    --white-2-color: #e9e4dc; /*White2 var(--white-2-color) */
    --black-color: #3d352c; /*Black var(--black-color) */
  /*FONT VARIABLES*/
    --header-font: "OpenSans", Helvetica, Arial, sans-serif; /*  var(--header-font) */
    --body-font: "Open Sans", Helvetica, Arial, sans-serif; /*  var(--body-font) */
    --body-text-size: 1.2rem; /*  var(--body-text-size) */
  /*OTHER VARIABLES*/
    --main-border-radius: 3rem; /*  var(--main-border-radius) */
    --sub-border-radius: 1.5rem; /*  var(--half-border-radius) */
    --wide-padding: 0 5%; /*  var(--wide-padding) */
    --narrow-padding: 5vw 10%; /*  var(--narrow-padding) */
    --shadow: 0rem 0rem 1.5rem 0.2rem rgb(0 0 0 / 20%); /*  var(--shadow) */
    --hr: 0.1rem solid; /*  var(--hr) */
  }

@font-face {
  font-family: OpenSans;
  font-display: auto;
  src: url(fonts/OpenSans-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: OpenSans;
  font-display: auto;
  font-style: italic;
  src: url(fonts/OpenSans-Italic.ttf);
  font-display: swap;
}
@font-face {
  font-family: OpenSans;
  font-display: auto;
  font-weight: 500;
  src: url(fonts/OpenSans-Bold.ttf);
  font-display: swap;
}
@font-face {
  font-family: OpenSans;
  font-display: auto;
  font-weight: 500;
  font-style: italic;
  src: url(fonts/OpenSans-BoldItalic.ttf);
  font-display: swap;
}
@font-face {
  font-family: OpenSans;
  font-display: auto;
  font-weight: 700;
  src: url(fonts/OpenSans-ExtraBold.ttf);
  font-display: swap;
}
@font-face {
  font-family: OpenSans;
  font-display: auto;
  font-weight: 700;
  font-style: italic;
  src: url(fonts/OpenSans-ExtraBoldItalic.ttf);
  font-display: swap;
}
@font-face {
  font-family: PermanentMarker;
  font-display: auto;
  src: url(fonts/PermanentMarker-Regular.ttf);
  font-display: swap;
}


.ast-footer-overlay{
  background-color: red;
}
html{
  background-color: var(--black-color);
}
/*Startpage specifics*/

.page-id-1177{
  background: url(img/start_BG3.jpg);
  background-size: cover;
}

/*Header and Menu*/
.ast-theme-transparent-header #masthead{
  position: relative;
}
.site-branding, .main-header-bar-wrap{
  z-index: 100;
}
.learndash-wrapper .ld-topic-status{
  background-color: transparent;
}

.ast-mobile-header-wrap .ast-mobile-header-content, .ast-desktop-header-content{
  background-color:var(--white-2-color);
  overflow: hidden;
}
.ast-header-break-point .main-navigation ul .menu-item .menu-link{
  border: none;
}

.ast-theme-transparent-header .ast-builder-menu .main-header-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item > .menu-link, .ast-theme-transparent-header .ast-masthead-custom-menu-items, .ast-theme-transparent-header .ast-masthead-custom-menu-items a, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-link{
  color: var(--accent-1-color);
}
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .ast-masthead-custom-menu-items a:hover, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header .main-header-menu .current-menu-ancestor > .menu-link{
  color: var(--accent-1-color);
}

.main-header-bar-navigation{
  height: 0;
  overflow: hidden;
}
.main-header-bar-navigation.toggle-on{
  height: auto;
  animation-name: fadeInTop;
  animation-timing-function: ease-out;
  animation-duration: 0.7s;
  animation-fill-mode: both;
  box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.7);
  -webkit-box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.7);
  -moz-box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.7);
}
.ast-header-break-point .main-header-menu{
  border: none;
}
/*Typography*/

h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6{
  color: var(--white-color);
  font-family: var(--header-font);
}
span.chalk{
  font-family: PermanentMarker;
  text-decoration: none;
}
header.entry-header .entry-title{
  font-weight: 700;
  font-size: 2.2222rem;
}
ul.learndash-list{
  list-style: none;
}
ul.learndash-list li:before {
  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em; 
}
/*UI elements*/
.wp-block-button .wp-block-button__link {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
  border-color: var(--button-1);
  background-color: var(--button-1);
  color: var(--white-1-color);
  font-family: var(--header-font);
  font-weight: 400;
  line-height: 1em;
  text-transform: capitalize;
  font-size: 15px;
  font-size: 0.83333333333333rem;
  border-radius: var(--main-border-radius);
  padding-top: 20px;
  padding-right: 60px;
  padding-bottom: 20px;
  padding-left: 60px;
}

.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus {
    border-color: var(--button-1-hvr);
    background-color: var(--button-1-hvr);
}
input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus{
  background-color: var(--button-2-hvr);
}
.single .entry-header .post-thumb{
  overflow: hidden;
  border-radius: var(--sub-border-radius);
}
figure.wp-block-image.size-full.is-style-default.hero-img{
  margin-top: -4em;
  margin-bottom: -1rem;
  z-index: 100;
  position: relative;
}
.entry-meta, .entry-meta *{
  display: none;
}
/*Kurselement*/

.learndash-wrapper .ld-login-modal{
  border-radius: var(--main-border-radius);
  background-color: transparent;
  width: 90%;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-login{
  background: var(--white-2-color);
}
.learndash-wrapper .ld-login-modal .ld-login-field,
.learndash-wrapper .ld-login-modal .ld-password-field,
.learndash-wrapper .ld-login-modal input[type=email],
.learndash-wrapper .ld-login-modal input[type=password],
.learndash-wrapper .ld-login-modal input[type=text]{
  border-radius: 25px;
  border: none;
  background-color: var(--white-1-color);
  padding: 1em 0.5em 1em 3em;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-username:before,
.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-password:before{
  top: 2.75em;
  left: 1em;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading{
  font-family: var(--header-font);
  font-weight: 700;
  font-style: italic;
  color: var(--accent-2-color)!important;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-register .ld-login-modal-wrapper .ld-content .ld-modal-heading{
  font-family: var(--header-font);
  font-weight: 700;
  font-style: italic;
  color: var(--white-2-color)!important;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-register .ld-login-modal-wrapper .ld-content .ld-button{
  font-family: var(--header-font);
  font-weight: 700;
  color: var(--accent-2-color)!important;
}
.ast-single-post .entry-title,
.ast-single-post .entry-title a{
  font-style: italic;
}
.ld-course-list-items .ld_course_grid .thumbnail.course{
  background-color: transparent;
  border: none;
  overflow: hidden;
  border-radius: var(--sub-border-radius);
  overflow: hidden;
}
.ld-course-list-items .ld_course_grid .thumbnail.course img {
  display: block;
  max-width: 90%;
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  box-shadow: none;
  margin-bottom: -77px;
}

.ld-course-list-items .ld_course_grid .thumbnail .caption{
  padding: 60px 25px 40px 25px;
  color: var(--white-1-color);
  background-color: var(--black-color);
  border-radius: var(--sub-border-radius);
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.learndash-widget .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage{
  margin-top: 28px;
   margin-bottom: -40px;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon{
  bottom: 0;
  top:auto;
  padding: 10px 20px 10px 30px;
  background-color: var(--accent-2-color);
  text-transform: uppercase;
  font-weight: bold;
  font-family: var(--header-font);
  font-size: 12px;
  color: var(--white-2-color);
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  text-shadow:none;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon::before{
  content: none;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled{
  background-color: var(--accent-3-color);
}
.ld-course-list-items .ld_course_grid .btn-primary{
  background-color: var(--button-2);
  border-radius: var(--main-border-radius);
  overflow: hidden;
  border: none;
  padding: 15px 0;
}
.ld-course-list-items .ld_course_grid .btn-primary:hover{
  background-color: var(--button-2-hvr);
}

.ld-course-list-items .ld_course_grid .entry-title{
  margin-top: 20px!important;
  margin-bottom: 30px!important;
  margin-left: 0!important;
  margin-right: 0!important;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.learndash-wrapper.learndash-widget .ld-progress .ld-progress-bar {
  background-color: var(--white-2-color);
}

.learndash-wrapper #quiz_continue_link,
.learndash-wrapper .ld-secondary-background,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper #learndash_mark_complete_button .learndash-wrapper .ld-alert-success .ld-button,
.learndash-wrapper .ld-alert-success .ld-alert-icon{
  background-color: var(--accent-2-color)!important;
}
.learndash-wrapper div.ld-status-icon.ld-status-complete{
  background-color: var(--accent-1-color)!important;
}
.learndash-wrapper .ld-status-in-progress{
  background-color: transparent;
  border-color: #019e7c var(--white-1-color) var(--white-1-color) #019e7c;
}
.learndash-wrapper .ld-secondary-in-progress-icon{
  border-left-color: var(--accent-1-color)!important;
  border-top-color: var(--accent-1-color)!important;
}
.learndash-wrapper .ld-breadcrumbs a,
.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-title,
.learndash-wrapper .ld-primary-color-hover:hover,
.learndash-wrapper .ld-primary-color,
.learndash-wrapper .ld-primary-color-hover:hover,
.learndash-wrapper .ld-primary-color,
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active,
.learndash-wrapper .ld-button.ld-button-transparent,
.learndash-wrapper .ld-button.ld-button-reverse, .learndash-wrapper .ld-icon-certificate,
#wpProQuiz_user_content a,
.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover,
.learndash-wrapper .ld-focus-comments__heading-actions .ld-expand-button,
.learndash-wrapper .ld-focus-comments__heading a,
.learndash-wrapper .ld-focus-comments .comment-respond a,
.learndash-wrapper .ld-focus-comment .ld-comment-reply a.comment-reply-link:hover,
.learndash-wrapper .ld-expand-button.ld-button-alternate{
  color: var(--white-1-color)!important;
  border-radius: var(--main-border-radius);
}

#ld-profile{
  padding: 20px;
  border-radius: var(--sub-border-radius);
}
.learndash-wrapper .ld-quiz-list{
  border: 2px solid var(--accent-2-color)!important;
}
.ld-item-list-item-expanded .ld-progress .ld-progress-bar .ld-progress-bar-percentage{
  background-color: var(--black-color)!important;
}
.learndash-wrapper .ld-table-list .ld-table-list-footer{
  background-color: var(--accent-2-color);
}
.learndash-wrapper .ld-table-list .ld-table-list-item .ld-table-list-title a{
  color: var(--white-2-color)
}
.learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat span{
  color: var(--white-1-color);
}
.learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent),
#learndash-tooltips .ld-tooltip:after,
#learndash-tooltips .ld-tooltip,
.learndash-wrapper .ld-primary-background,
.learndash-wrapper .btn-join,
.learndash-wrapper #btn-join,
.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent),
.learndash-wrapper .ld-expand-button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger,
.learndash-wrapper .ld-focus-comments .form-submit #submit,
.learndash-wrapper .ld-login-modal input[type='submit'],
.learndash-wrapper .ld-login-modal .ld-login-modal-register,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue,
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a,
#wpProQuiz_user_content table.wp-list-table thead th,
#wpProQuiz_overlay_close,
.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon{
  background-color: var(--accent-2-color)!important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz){
  background-color: var(--accent-1-color)!important;
}
.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent){
  background-color: var(--accent-1-color)!important;
  border-radius: var(--main-border-radius);
}
.learndash-wrapper .ld-login-modal input[type='submit']{
  border-radius: var(--main-border-radius);
  padding: 1.25em;
  width: 100%;
}
.learndash-wrapper .ld-item-list .ld-item-list-item, .learndash-wrapper .ld-table-list{
  border: 2px solid var(--black-color);
  border-radius: var(--sub-border-radius);
  background-color: var(--black-color);
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name,
.learndash-wrapper .ld-table-list .ld-table-list-header,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-components,
.learndash-wrapper .ld-table-list a.ld-table-list-item-preview,
.learndash-wrapper .ld-secondary-color-hover:hover,
.learndash-wrapper .ld-secondary-color,
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button,
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after{
  color: var(--white-1-color)!important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded:before{
  background-color: var(--black-color);
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-progress{
  background-color: var(--accent-2-color);
}
.learndash-wrapper .ld-progress .ld-progress-bar{
  background-color: var(--white-2-color);
}
.learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress .ld-progress-stats .ld-progress-steps{
  display: none;
}
.learndash-wrapper .ld-status-incomplete.ld-status-icon{
  border: 2px solid var(--white-2-color);
}
.learndash-wrapper .ld-course-status.ld-course-status-enrolled,
.learndash-wrapper .ld-lesson-status, .learndash-wrapper .ld-breadcrumbs, .learndash-wrapper .ld-topic-status .ld-progress{
  background-color: var(--black-color);
  padding: 1em;
  border-radius: 6px;
}
.learndash-wrapper .ld-alert{
  background-color: var(--white-2-color)!important;
  border: none;
}

.learndash-wrapper .ld-table-list .ld-table-list-items,
.learndash-wrapper .ld-table-list.ld-no-pagination,
.learndash-wrapper .ld-content-actions{
  border: none;
}
.learndash-wrapper .ld-content-actions{
  border-top: 2px solid var(--white-2-color);
}
.ld-course-status-seg-price {
  display: none;
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled{
  background-color: var(--white-2-color);
  border-radius: var(--sub-border-radius);
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-label{
  color: var(--accent-2-color);
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-status{
  background-color: var(--accent-1-color)!important;
}
/*Quiz*/
.wpProQuiz_quiz{
  background-color: var(--black-color);
  border-radius: var(--main-border-radius);
  padding: 2rem;
}
body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem,
body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem:last-child,
body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_questionListItem,
body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_questionListItem:last-child{
  padding: 0;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label{
  background-color: var(--black-color);
  border-color: var(--accent-2-color);
  border-radius: var(--sub-border-radius);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within{
  background-color: var(--accent-2-color);
  border-color: var(--black-color);
  border-radius: var(--sub-border-radius);
}
 input[type="radio"].wpProQuiz_questionInput{
  background-color: red;
 }
 .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect .wpProQuiz_sortable,
 .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label{
  background: var(--accent-3-color);
 }
 body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerCorrect,
 body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerCorrect:last-child,
 body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerCorrect,
 body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerCorrect:last-child,
 .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect>table td{
  background-color: transparent;
 }
 .learndash-wrapper .wpProQuiz_content .wpProQuiz_response{
  background-color: transparent;
  border: 0px;
 }
 .learndash-wrapper .wpProQuiz_graded_points,
 .learndash-wrapper .wpProQuiz_points{
  background-color: var(--white-2-color);
  color: var(--black-color);
  border: 0px;
 }
 .learndash-wrapper .ld-quiz-actions input[name=reShowQuestion],
 .learndash-wrapper .ld-quiz-actions input[name=restartQuiz]{
  background-color: var(--button-2);
 }
 .learndash-wrapper .wpProQuiz_content .wpProQuiz_button_reShowQuestion:hover,
 .learndash-wrapper .wpProQuiz_content .wpProQuiz_button_restartQuiz:hover{
  background-color: var(--button-2-hvr)!important;
 }
 .learndash-wrapper .ld-quiz-actions{
  border: 0px;
 }
 body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_matrixSortString,
 body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_matrixSortString{
  background-color: var(--accent-2-color);
  border-radius: var(--sub-border-radius);
 }
 body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_sortStringItem,
 body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_sortStringItem,
 body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_sortable{
  background-color: var(--white-2-color);
  color:var(--black-color);
 }
 body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_sortable::before{
  color: var(--black-color);
  content: "\e5d2";
  font-family: Astra!important;
 }

 .wpProQuiz_maxtrixSortText img.quiz-sort-img{
  width: 100px;

 }

 .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem>table{
  border-color: var(--accent-2-color);
  font-size: 14px;
  border-radius: var(--sub-border-radius);
 }
 .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem>table td:first-child{
  border-color: var(--accent-2-color);
  width: 50%!important;
  position: relative;
 }
 .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem>table td:first-child::after{
  content: '\25BA';
  color: var(--accent-2-color);
  font-size: 1.3rem;
  position: absolute;
  top: 50%;
  right: -18px;
  transform: translateY(-50%);
 }
 body .wpProQuiz_content .wpProQuiz_placehold {
	background-color: transparent !important;
	border: 2px dashed var(--accent-1-color) !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_cloze span.wpProQuiz_clozeCorrect{
  color: var(--black-color);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem>table td .wpProQuiz_maxtrixSortCriterion{
  padding: 0.5em 1rem;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit{
  background-color: var(--white-2-color);
  border-radius: var(--sub-border-radius);
  padding: 1em 2em;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .time{
  color: var(--accent-2-color);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit:before{
  background-color: #a59b8f;
  width: auto;
  left: 2em;
  right: 2em;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress{
  background-color: var(--accent-1-color)!important;
}

/*Profile page*/
.wppb-user-forms ul li{
  padding-bottom: 20px!important;
}
.wppb-form-field label, #wppb-login-wrap .login-username label, #wppb-login-wrap .login-password label, #wppb-login-wrap .login-auth label{
  width: 100%!important;
  padding: 0em 0em 0em 2em!important;
  font-size: 14px;
}
.wppb-form-field input[type="text"], .wppb-form-field input[type="number"], .wppb-form-field input[type="email"], .wppb-form-field input[type="url"], .wppb-form-field input[type="password"], .wppb-form-field input[type="search"], .wppb-form-field select, .wppb-form-field textarea, .wppb-checkboxes, .wppb-radios, #wppb-login-wrap .login-username input, #wppb-login-wrap .login-password input, #wppb-login-wrap .login-auth input{
  width: 100%!important;
  border-radius: var(--main-border-radius)!important;
  padding: 0.5em 0.5em 0.5em 1em!important;
}
.wppb-success, .wppb-error, .wppb-warning, .wppb-register-user .wppb-field-error, .wppb-edit-user .wppb-field-error, #wppb-recover-password .wppb-field-error{
  border-radius: 25px;
}
.wppb-form-field > span.wppb-form-error{
  color: var(--black-color);
}
.wppb-field-error > input, .wppb-field-error > select, .wppb-field-error > textarea, .wppb-field-error > label{
  color: var(--black-color);
}
p#wppb_form_general_message{
  color: var(--black-color);
}
p#wppb-no-other-users-to-edit{
  display: none;
}
span.wppb-required{
  display: none;
}
.login form .input, .login form input[type=checkbox], .login input[type=text]{
  border-color: var(--black-color);
}
.wppb-form-field input::file-selector-button {
  color: var(--button-1);
  background-color: var(--button-2);
  padding: 0.5em;
  border: 1px solid var(--button-2);
  border-radius: var(--main-border-radius);
  cursor: pointer;
  min-width: 100px;
}

/*Support*/
.wpcf7 input:not([type=submit]), .wpcf7 select, .wpcf7 textarea{
  border-radius: var(--sub-border-radius);
}


/*Animations*/
@-webkit-keyframes fadeInTop {
  0% {
    height: 0;
    opacity: 0;
    margin-top: -100%;
  }
  100% {
    height: auto;
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes fadeInTop {
  0% {
    height: 0;
    opacity: 0;
    margin-top: -100%;
  }
  100% {
    height: auto;
    opacity: 1;
    margin-top: 0;
  }
}

/* Container för kort */
/* Container för kort */
.flip-card {
  perspective: 1000px; /* Ger ett 3D-perspektiv */
}

.flip-card-inner {
  transition: transform 0.6s;
  transform-style: preserve-3d;
  display: grid;
  grid-template-areas: "card-content"; /* Se till att de båda sidorna överlappar varandra */
}

.flipped .flip-card-inner {
  transform: rotateY(180deg);
}

.front-side, .flip-side {
  grid-area: card-content; /* Se till att båda renderas i samma grid-område */
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flip-side {
  transform: rotateY(180deg);
}



/*Media queries*/

@media (max-width: 921px){
  .ast-theme-transparent-header .ast-builder-menu .main-header-menu,
  .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link,
  .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item > .menu-link,
  .ast-theme-transparent-header .ast-masthead-custom-menu-items,
  .ast-theme-transparent-header .ast-masthead-custom-menu-items a,
  .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle,
  .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle,
  .ast-theme-transparent-header .main-header-menu .menu-link {
      color: var(--black-color);
  }
}