/*
Theme Name:     OsloMet Webshop Divi Theme
Description:    Divi Child Theme for the OsloMet Webshop website
Author:         Kamy Kommunikasjon AS
Author URI:     https://www.kamy.no/
Template:       Divi
Version:        3.3.0.6
Standard:       HTML5, WordPress
Last updated:   2024-07-11

Note: This is the stylesheet for global settings only.

*/


/*-------------------------------------------Link to other stylesheets-------------------------------------------------*/


/**
 * Lower #main-header z-index
 */

#main-header {
    z-index: 100;
}


/**
 * WooCommerce single product page
 */

div.product.product-type-variable>div.summary.entry-summary>div>p.price {
    display: none !important;
}

div.woocommerce-variation-price>span>span.woocommerce-Price-amount.amount {
    display: inline-block !important;
}


/**
 * WooCommerce checkout form
 */

.woocommerce-checkout #customer_details .col-1 {
    float: unset;
    width: 100%;
}

.woocommerce-checkout #customer_details .col-2 {
    display: none;
    float: unset;
    width: 100%;
}


/**
 * Hide Divi sidebar by deafult
 */

.et_right_sidebar #main-content .container:before {
    width: 0 !important;
}

.et_right_sidebar #sidebar {
    display: none !important;
}

.et_right_sidebar #left-area {
    float: unset !important;
    width: 100% !important;
    padding-right: 0 !important;
}

#customer_details .woocommerce-billing-fields h3,
.woocommerce-info {
    display: none !important;
}

#et-top-navigation .et-cart-info {
    display: none !important;
}

.woocommerce-checkout-review-order .product-quantity {
    display: none !important;
}

h3.addon-name {
    font-size: 14px !important;
    padding-left: 15px !important;
}

.woocommerce-billing-fields .form-row label {
    padding-left: 15px !important;
}

.woocommerce .summary .stock {
    display: none !important;
}

.woocommerce table.shop_table td small {
    display: none !important;
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.woocommerce .product_title,
.woocommerce .summary .price {
    display: none !important;
}

.product-addon-artikkel,
.product-addon-erstatningskrav-1,
.product-addon-erstatningskrav-2,
.product-addon-erstatningskrav-3,
.product-addon-erstatningskrav-4,
.product-addon-erstatningskrav-5 {
    width: 30%;
    margin-right: 1%;
    float: left;
    clear: left;
}

.product-addon-tittel,
.product-addon-tittel-artikkel,
.product-addon-tittel-artikkel-1,
.product-addon-tittel-artikkel-2,
.product-addon-tittel-artikkel-3,
.product-addon-tittel-artikkel-4,
.product-addon-tittel-artikkel-5 {
    float: right;
    clear: right;
    width: 69%;
}

.wc_payment_method.payment_method_ps_nets_payment img {
    display: none !important;
}


/*
#hioa-cart .cart {
	text-align: center;
}
*/

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce div.product form.cart .button {
    float: unset !important;
}

.woocommerce-checkout #payment div.form-row {
    text-align: center;
}

.woocommerce .product_meta {
    border: 0 !important;
    display: none !important;
}

.product-addon-totals,
.product-addon-totals dt,
.product-addon-totals dd {
    display: none !important;
}

.product-addon .addon,
.woocommerce-checkout .input-text {
    height: 30px !important;
    padding: 2px !important;
    border-radius: 3px !important;
}

.woocommerce div.product form.cart,
.product-addon {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.product-addon .addon-checkbox,
.product-addon .addon-radio {
    height: auto !important;
}

.product-addon .required {
    color: red;
    font-weight: 700;
    border: 0;
}

.woocommerce-checkout-review-order-table .cart-subtotal {
    display: none !important;
}


/*
.woocommerce-billing-fields label {
	text-align: center;
}
*/

.cart .single_add_to_cart_button.button {
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
}


/**
 * Admin menu color based on menu groups
 */

#menu-admin-meny li.admin-menu-group-1 a {
    color: #7B241C !important;
}

#menu-admin-meny li.admin-menu-group-2 a {
    color: #21618C !important;
}

#menu-admin-meny li.admin-menu-group-3 a {
    color: #9A7D0A !important;
}


/**
 * Hide order details BIDHAN, CSS for functions.php
 */


/*
#order_review_heading,
#order_review {
    display: none !important;
}
*/


/**
 * Fix WooCommerce One Page Checkout and Divi theme conflict
 */

.woocommerce-error {
    clear: both !important;
}


/**
 * Admin page style - header
 */

.admin-page-header h2 {
    border-bottom: 2px solid #000000 !important;
    padding-bottom: 10px !important;
}


/**
 * Always hidden elements
 */

.always-hidden {
    display: none !important;
}


/**
 * Give <h2> element style as <h1>
 */


/* 
h2 {
    font-size: 30px !important;
} */


/**
 * Hide meny item to uninvited visitors
 */

#menu-item-1640 {
    display: none !important;
}

.wcopc-product-single #customer_details {
    display: none !important;
}

.checkout.woocommerce-checkout {
    clear: both;
    padding-top: 30px;
}

#hioa-cart .cart {
    clear: both !important;
}

.wcopc-product-single #order_review_heading,
.wcopc-product-single #order_review {
    display: none !important;
}

.yith-wcmap .user-image {
    display: none !important
}

#col-for-hioa-cart {
    margin-top: 10px;
}


/**
 * Hide velg-provetid YITH WooCommerce my account page by default
 */

#my-account-menu .myaccount-menu li .velg-provetid,
#my-account-menu .myaccount-menu li.active .velg-provetid {
    display: none !important;
}


/**
 * Padding to product single page
 */

.single-product #main-content {
    padding-bottom: 50px !important;
}

.onsale {
    display: none !important;
}


/*
form.checkout.woocommerce-checkout {
    display: none !important;
}
*/

.woocommerce .button:disabled,
.woocommerce .button:disabled[disabled],
.woocommerce .product .cart .button {
    background-color: #ffd500 !important;
}

@media only screen and (max-width: 980px) {
    #main-header,
    #main-header .nav li ul,
    .et-search-form,
    #main-header .et_mobile_menu {
        background-color: #ffd500 !important;
    }
    .mobile_menu_bar:before,
    #et_search_icon:before {
        color: rgb(35, 40, 45) !important;
    }
}


/* The CSS Radio button */

.container_radiobtn {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    margin-right: 10px;
    font-weight: normal;
}


/* Hide the browser's default radio button */

.container_radiobtn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.container_radiobtn .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.container_radiobtn:hover input~.checkmark {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.container_radiobtn input:checked~.checkmark {
    background-color: #2196F3;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.container_radiobtn .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.container_radiobtn input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.container_radiobtn .checkmark:after {
    top: 7px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}


/* The CSS checkbox ***********************************************************************************/

.container_checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}


/* Hide the browser's default checkbox */

.container_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.container_checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 1px solid #c5c5c5;
}


/* On mouse-over, add a grey background color */

.container_checkbox:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.container_checkbox input:checked~.checkmark {
    background-color: #2196F3;
    border: 1px solid #2196f3;
}


/* Create the checkmark/indicator (hidden when not checked) */

.container_checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.container_checkbox input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.container_checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 3px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Checkout page layout*/

body.woocommerce-checkout form#order_review #payment ul.wc_payment_methods,
body.woocommerce-checkout form#order_review .woocommerce-terms-and-conditions-wrapper {
    display: none !important;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: inherit;
    float: left;
    width: 100%;
}

#place_order,
.btn-black {
    border-radius: 0 !important;
    color: #fff;
    background: #111;
    border: inherit;
}

.btn-grey {
    border-radius: 0 !important;
    color: #fff;
    background: #adadad;
    border: inherit;
}

.btn-black-large,
.btn-grey-large {
    padding: .3em 1em!important;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em!important;
}

.woocommerce button#place_order:hover,
.woocommerce-page button#place_order:hover,
#place_order:hover,
#place_order:active:hover,
#place_order:active:focus,
#place_order:active.focus,
#place_order.active:hover,
.btn-black:hover,
.btn-black:active:hover,
.btn-black:focus,
.btn-black:active:focus,
.btn-black:active.focus,
.btn-black.active:hover,
.open>.btn-black.dropdown-toggle:hover,
.open>.btn-black.dropdown-toggle:focus,
.open>.btn-black.dropdown-toggle.focus {
    color: #fff !important;
    background-color: #3e3e3e !important;
    border-color: #3e3e3e !important;
    outline: none !important;
}

.required {
    color: #880000 !important;
}

.bottom-20 {
    margin-bottom: 20px !important;
}

.oslomet-oms {
    display: block;
    width: 100%;
    box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, .18), 0 0.6px 1.8px 0 rgba(0, 0, 0, .11);
    padding: 15px;
    margin: 0 15px 20px 15px;
    float: left;
    text-align: center;
}

.oslomet-oms .oslomet-oms-header {
    color: #ff7272;
    font-size: 45px;
}

.oslomet-oms p {
    font-size: 15px;
}

.oslomet-oms a {
    text-decoration: underline;
}

.addon-fieldset.first {
    margin-top: 30px;
}


/**
 * WooCommerce error/notice message layout
 */

.woocommerce-error .oslomet-error::before {
    content: '\ec55';
    font-family: 'Linearicons' !important;
    margin-right: 5px;
}

.woocommerce-error .oslomet-error {
    color: #ff0000;
}