/*
Theme Name: OnePress-child
Theme URI: https://www.famethemes.com/themes/onepress/
Template: onepress
Version: 2.2.4
*/

/* Common text */
body, select, textarea, .lora, .wp-block-paragraph {
    font-family: 'Lora', serif !important;
    color: black !important;
}

/* Headings and such */
.breadcrumbs a, .widget-area.sidebar, input, button, .btn, nav, .entry-title, .site-info, .wp-block-button, .raleway, .is-style-raleway, .comment-form {
    font-family: 'Raleway', sans-serif !important;
}

/* Fix scrolling inside mega menu */
#mega-menu-wrap-secondary #mega-menu-secondary, #mega-menu-wrap-secondary #mega-menu-secondary ul.mega-sub-menu {
    max-height: calc(100vh - 110px);
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

/* Order the two menu positions */
#mega-menu-wrap-primary {
    float: left;
}

#mega-menu-wrap-secondary {
    float: right;
    clear: none;
}

/* Accessibility */
.custom-logo-link:focus {
    outline: 3px solid #109cde;
    outline-offset: -3px;
    display: block;
}

.breadcrumbs a:focus {
    outline: 2px solid #109cde;
    outline-offset: -2px;
}

/* Give the secondary menu toggle some space */
#mega-menu-wrap-secondary .mega-menu-toggle, #mega-menu-wrap-primary .mega-menu-toggle {
    padding-left: 17px;
}

/* Logo | Menu1 + Menu2 */
#masthead .container {
    display: flex;
    padding: 0;
}

.site-branding {
    max-width: 80%;
    position: absolute;
    margin-left: 10px;
}

.header-right-wrapper {
    flex: 1 1 100%;
}

/* (tablet landscape) */
@media screen and (min-width: 768px) {
    /* Logo | Menu1 + Menu2 */
    #masthead .container {
        padding: 0 15px;
    }

    .site-branding {
        position: relative;
        margin-left: 0;
        flex: 1 1;
    }

    .header-right-wrapper {
        flex: 1 1;
    }
}

/* Theme colors */
/**
 #5ab031 : 68 - 0 - 100 - 0 : 100% (enligt CMYK?)
 #6CC24A : 61 - 0 - 86 - 0  : 100% (enligt HEX)
 #6ab651 : 63 - 0 - 84 - 0  : 100% (enligt picker)
 #6bc04b : 61 - 0 - 85 - 0  : 100% (PMS 361 photoshop)
 #77ba59 : 59 - 0 - 80 - 0  : 80%
 #a1cc84 : 44 - 0 - 60 - 0  : 60%
 #c2ddb0 : 30 - 0 - 40 - 0  : 40%
 OK:
 #36872a : 80 - 22 - 100 - 0
 #438524 : 68 - 0 - 100 - 34
 */
.test-shadow-1 {
    text-shadow: 0px 0px 5px #36872a;
}
.has-green-background-color {
    background: #6CC24A;
}

.has-blue-background-color {
    background: #41B6E6;
}

.has-orange-background-color {
    background: #FFA300;
}

.has-grey-background-color {
    background: #D7D2CB;
}

.has-black-background-color {
    background: #000;
}

.has-white-background-color {
    background: #fff;
}

.has-green-color, .wp-block-button__link.has-green-color {
    color: #6CC24A;
}

.has-blue-color, .wp-block-button__link.has-blue-color {
    color: #41B6E6;
}

.has-orange-color, .wp-block-button__link.has-orange-color {
    color: #FFA300;
}

.has-grey-color, .wp-block-button__link.has-grey-color {
    color: #D7D2CB;
}

.has-black-color, .wp-block-button__link.has-black-color {
    color: #000;
}

.has-white-color, .wp-block-button__link.has-white-color {
    color: #fff;
}

.wp-block-button__link {
    border-radius: 2px !important;
    line-height: 1;
    padding: 15px 23px 15px 23px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}

.wp-block-button:hover, .wp-block-button__link:hover {
    opacity: 0.8;
    text-decoration: none !important;
}

.main-btn {
    /*box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);*/
    /*flex: 0 0 auto !important;*/
    /*align-items: center;*/
    /*justify-content: space-around;*/
}

.is-style-primary .wp-block-button__link:not(.has-background) {
    background: #6CC24A;
}
.is-style-primary .wp-block-button__link:not(.has-text-color) {
    color: #fff;
}
.is-style-secondary .wp-block-button__link:not(.has-background) {
    background: #41B6E6;
}
.is-style-secondary .wp-block-button__link:not(.has-text-color) {
    color: #fff;
}

.wp-block-buttons {
    margin-top: 20px;
    margin-bottom: 40px;
}
.address-content, .contact-form {
    font-size: 12pt;
    font-style: normal !important;
    font-family: 'Raleway', sans-serif !important;
}
.fa-circle {
    color: #FFA300;
}

/* Start page */
.onepage-section.section-about, .onepage-section.section-about h2 {
    background: #6CC24A;
    color: #fff !important;
}

/* App klister */
li.react-tabs__tab {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}

.pp-component ul.menuList li a:focus, .secondary-btn:focus {
    outline: 2px solid #109cde;
    outline-offset: -2px;
}

.menuList a, .react-tabs__tab-list, legend, .accordion-header, .panel-header, .secondary-btn {
    font-family: 'Raleway', sans-serif !important;
}

/* Sort/Filter */
.sortContainer, .filterContainer {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.sortItem, .filterItem {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-shrink: 0;
    min-width: 165px;
    padding-right: 20px;
    flex-flow: column;
}

.sortItem label {
    /*flex-grow: 0;*/
}

.sort-input-container {
    width: 100%;
    /*min-width: 160px;*/
}

.filterItem label {
    /*min-width: 100px;*/
}

.filter-input-container {
    width: 100%;
}

/* Show objects */
.topObjectInfo {
    flex-wrap: wrap;
}
.objectInfo {
    flex: 2 1;
    min-width: 300px;
}
.push {
    flex: 1 1;
    min-width: 300px !important;
}