/*
Theme Name: Stateless Standard Child Theme
Theme URI: http://stateless.digital
Version: 1.0
Description: A standard child theme that can be used as a starting point for custom development.
Author: Stateless Digital
Author URI: http://stateless.digital
template: bb-theme
*/

/* Add your custom styles here... */

.page-list.sidemenu, ul.subnavigation, :root:not(#_):not(#_):not(#_):not(#_):not(#_) .ubermenu-undersida {
    background-color: #F1F2F2;
    padding: 16px;
    font-size: 18px;
}

.page-list.sidemenu .page_item, .subnavigation li {
    margin: 12px 0;
    margin-left: 24px;
    list-style: none;
    position: relative;
}

.page-list.sidemenu .page_item.current_page_item a {
    color: #A02741;
}

.page-list.sidemenu .page_item a {
    color: black;
}

.page-list .children {
    padding-left: 0px;
    list-style-type: disc;
    font-size: 16px;
}

.page-list ul.children li.page_item {
    list-style-type: disc;
    list-style: disc;
    color: gray;
}


.ubermenu-undersida li {
    position: relative !important;
}

.bullet{
    width: 16px;
    height: 24px;
    border-radius: 0 8px 8px 0;
    background-color: #A02842;

    position: absolute;
    left: -40px;
    top: 2px;
}

.ubermenu-undersida .bullet {
    left: -16px;
    top: 16px;
}


#course-box {
    background: #f5e9ec;
    padding: 40px;
    border-radius: 5px;
}

.kurs-heading {
    margin-top: 30px;
}

#course_form #form-wrapper {
    max-width: 480px;
}

.responsive-image, .responsive-image div {
    height: 100% !important;
    width: 100% !important;
}

.responsive-image img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

.responsive-image.fl-block-overlay-active, .responsive-image.fl-block-overlay-active div {
    height: auto !important;
    width: auto !important;
}

/* WOOCOMMERCE */

.woocommerce-product-details__short-description {
    font-size: 1.15rem;
}

.woocommerce-product-details__short-description ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.woocommerce-product-details__short-description li {
    margin-bottom: 10px;
    background: url('https://ebizllc.co/wp-content/uploads/2012/11/greencheck.png') no-repeat left center;
    padding-left: 30px;
    display: block;
}

.woocommerce-loop-product__link > h2 {
    min-height: 4em;
}

.woocommerce-loop-product__link > span {
    font-size: 1.25em !important;
}

#tab-description.panel {
    border: none;
}

.fl-button, .action-link, .action-link a:visited, .woocommerce.woocommerce-page button.button.single_add_to_cart_button, #submitbutton {
    background: #a02842;
    color: #fff;
    border: 1px solid #6f1c2e;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    padding: 12px 24px;
    text-decoration: none;
    text-shadow: none;
    border-radius: 100px;
}

a.action-link:hover {
    background: #a06572;
    color: #fff;
    border: 1px solid #7c4c57;
}

.woocommerce .product .images img {
    border: none !important;
}


/* Mina sidor */

.user-notifications tr {
    display: table-row;
}

div.notification-box {

	background: #f1f1f1;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

table.user-notifications th {

	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;

}

table.user-notifications td {
	line-height: 36px;
	/* border-bottom: 1px solid #eee; */
	padding: 10px 0;
}

.btn-clean {
    cursor: pointer;
    border: none;
    background: none;
    color: #a02842;
    padding: 0;
    font-size: 14px;
}

a.confirmation_modal {
    font-size: 24px;
}

ul.sub-menu {
    padding-left: 0;
}

.subnavigation .sub-menu li {
    margin-left: 0;
}

li.subnavigation-heading {
    margin-bottom: 40px;
}


input[type="radio"], input[type="checkbox"]{
    margin-right: 12px !important;
}

select{
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

:root:not(#_):not(#_):not(#_):not(#_):not(#_) .ubermenu-undersida .bullet {
    left: 0;
    top: 22px;
}

:root:not(#_):not(#_):not(#_):not(#_):not(#_) .ubermenu-undersida {
    padding: 0 !important;
    margin-top: 28px !important;
}

#responsive-menu-pro-button {
    left: 80% !important;
}

.fl-button, .action-link, .action-link a:visited, .woocommerce.woocommerce-page button.button.single_add_to_cart_button, #submitbutton {
    font-weight: 700;

}

a:hover {
    text-decoration: none !important;
}

#course-box{
    padding-bottom: 30px !important;
}

:root:not(#_):not(#_):not(#_):not(#_):not(#_) .ubermenu-undersida .ubermenu-item {
    padding: 20px;
    padding-top: 4px;
    margin-top: -16px;
    padding-bottom: 0;
    font-weight: 400;
}

:root:not(#_):not(#_):not(#_):not(#_):not(#_) .ubermenu-undersida .ubermenu-item .ubermenu-target-text{
    color: black;
}

.ubermenu-undersida .ubermenu-current_page_item .ubermenu-target-text {
    color: #a02742 !important;
}

:root:not(#_):not(#_):not(#_):not(#_):not(#_) .ubermenu-undersida .menu-header {
    margin-top: -16px !important;
    padding-top: 24px !important;
    padding-bottom: 0px !important;
    font-weight: 600;
}

.ubermenu.sidemenu .ubermenu-target {
    padding: 12px 20px;
}

.sidemenu span.ubermenu-target-title:hover {
    text-decoration: underline !important;
}

.parsley-custom-error-message {
    color: #A02842;
}

.fl-page-content {
    min-height: calc(100vh - 430px - 140px);
}

.fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky) {
    position: absolute;
    width: 100%;
    z-index: 10000 !important;
}

@media screen and (max-width: 1000px) {
    .ubermenu-vertical .ubermenu-item.ubermenu-item-level-0 {
        /* padding-left: 0 !important; */
    }

    .ubermenu.ubermenu-vertical .ubermenu-item-level-0>.ubermenu-target {
        padding-left: 0 !important;
    }
}

* {
    outline: none !important;
}

p {
    max-width: 70rem;
}

.fl-comments > div > form > textarea,
.fl-comments > div > form > input {
    max-width: 70rem;
}

#contact_form {
    max-width: 70rem;
}

.custom-page-content  {
    max-width: 70rem;
}

.fl-sidebar-right > aside > div > form > table > tbody > tr > td > button {
    top: 13px !important;
    left: 125px;
    width: 60px;
}

.sidenav > div {
    margin-left: 0;
}

.fl-row-content-wrap {
    padding-left: 0;
}

/* Make hamburger icon stick with menu */
#responsive-menu-pro-button {
    margin-top: 0px !important;
}

@media (max-width: 768px) {
    .fl-post-feed-text {
        padding: 0px !important;
    }

    .sidenav-container > div {
        margin-left: 0 !important;
    }

    .sidenav-container > div > div > div {
        margin-right: 0px !important;
    }
}

@media (min-width: 501px) and (max-width: 992px) {
    #site-content {
        margin: 0;
        padding: 0;
    }

    .content {
        width: 100vw;
    }

    #subnavigation {
        padding: 0;
        max-width: 30%;
    }

    .article-content {
        max-width: 60%;
    }

    .menu-mina-sidor-container > ul {
        padding: 0;
    }

    .menu-mina-sidor-container > ul > li {
        margin-left: 5px;
    }
}

@media (max-width: 500px) {
    .sidenav {
        width: 100% !important;
    }

    .sidenav-container > div {
        width: 100% !important;
    }

    .content {
        margin: 0;
    }

    /* Stop content from flowing out into negative space */
    .content > div > div > div > div {
        width: 100% !important;
    }

    .content > div > div > div > div > div > div > div {
        width: 100% !important;
        margin: 0;
    }

    /* Make tables fit on screen */
    #site-content {
        padding: 0;
    }

    .article-content > table {
        transform: scale(0.75);
        margin-left: -55px;
    }

    #installment-payment {
        white-space: normal !important;
    }

    /* Split up headings to avoid compressed texts */
    .kurs-heading {
        display: grid !important;
        grid-template-columns: 60px auto;
        grid-template-rows: auto auto;
    }

    .kurs-heading > .kurs-bild {
        grid-area: 1 / 1;
    }

    .kurs-heading > h4 {
        grid-area: 1 / 2;
    }

    .kurs-heading > .kurs-link {
        grid-area: 2 / 2;
        margin-left: 16px;
    }

    /* Break up table in mobile view */
    .kurs-datum > table > tbody > tr {
        display: block;
        margin-bottom: 30px;
    }

    .kurs-datum > table > tbody > tr > td {
        display: inline-block;
    }

    .fl-module-content.fl-node-content > table > tbody > tr > td > strong {
        display: grid;
    }

    #course-box {
        padding: 10px;
        margin: auto -20px;
    }
}

.cover-img{
    height: 100%;
    width: 100%;
    margin: 0;
    background-image: url("/wp-content/uploads/2019/01/image-5.png");
    background-size: cover;
    background-position: center;
}


.banner-bottom #col-1 {
    margin: 0;
}

.fl-button-text {
    font-weight: 700;
}

button, input[type=button], input[type=submit] {
    border-radius: 100px;
    width: 250px;
    line-height: 18px;
    padding: 12px 24px;
    font-weight: 700;
}

@media screen and (max-width: 992px) {
  .banner-bottom #col-2 {
    display: none;
  }
}

@media screen and (max-width: 1204px) {
  .banner-bottom #col-1 .fl-module-rich-text .fl-module-content{
    margin: 16px;
  }

}


@media screen and (max-width: 768px) {

    .content .fl-node-content .fl-col-group-nested {
        display: flex;
        flex-direction: column-reverse;
    }

    .sidenav {
        border-right: none;
        width: 100%;
    }

    .sidenav-container {
        max-width: none;
        width: 100% !important;
    }
}


.featured-image .fl-photo-content{
    width: 100%;
}

.fl-module-content .fl-node-content, ul {
    padding-left: 18px;
    margin-left: 0px;
}