/* *****************************************
 * DOCUMENT INFORMATION
 *
 * @env: lumsites
 * @customerName: The Onin Group
 * @customerId: 4742579680182272
 * @account: rorcutt@oningroup.com
 *
 * @instanceName: The O Zone
 * @instanceId: 5079453560995840
 *
 * @styleName: Onin1
 * @styleId: 6140052238368768
 * @styleType: Global site
 * @kind: custom
 *
 * @url: https://sites.lumapps.com/a/oningroup/home
 * @NGI version: sophie.christophe@lumapps.com
 * @Updated On: 2023-05-29
****************************************** */

/* *************************************** */
/* Theme material styles (replaced by CSS variables)
/* *************************************** */

/***************************/
/*full-site Background*/
.theme-material .app-content {
    background-color: #ffffff;
}
/*full-site Background*/
/***************************/

/* *************************************** */
/* Theme lumapps styles
/* *************************************** */

:root {
    --lumx-app-background: #fff;
  	--lumx-typography-custom-title4-font-size: 18px;
}

/* *************************************** */
/* Common styles (both themes) */
/* *************************************** */
/*full-site Widgets Start*/
/*font start*/
.widget--masterwidget {
    font-weight: 900;
    color: #000000;
}
/*font end*/

/*=========================*/
/*background start*/
.widget-header {
    background-color: #ffffff;
}
/*background end*/
/*full-site Widgets End*/

/***************************/
/*Unity Page Start*/
.content--unity {
    background-color: #111820;
}
/*Unity Page End*/
  
/*Otis Zone Start*/
.content--otiszone {
    background-color: #ffffff ;
}
/*Otis Zone End*/
/***************************/

/** Space header images **/

.space-header__banner {
    max-height: 220px;
}

.space-header__banner .lumx-thumbnail__background .lumx-thumbnail__image {
  height: auto;
}
/** End space header images **/

/*Top Page Area - Home Page */
.component-row--top-area,
.theme-lumapps .component-row--top-area {
    background-color: rgb(255, 255, 255);
    background-image: url("https://sites.lumapps.com/serve/AMIfv97OVE5mt6UpRjdjULsjUdOi0NeVkfYVcpZtBrFGwQeiSVJ1n0FSIdR1ZE-UDY1hSwQkjEe-NEuQuf5c5Wxyu6yUmbCQAgGRgC7vxmh_ObzXy_0zFtwPWSi3hqOO9Qi27qBwcXd2a1N2M5yfgZLxtvwS4HTkJA/Top-level-BG2x.jpg");
    background-position: right top;
    background-size: auto;
}

/* Global Seeds Month */
.component-row--top-area-seeds,
.theme-lumapps .component-row--top-area-seeds {
    background-color: rgb(255, 255, 255);
    background-image: url("https://sites.lumapps.com/serve/AMIfv948hSWHKUzCCy--aGoH4IWpRCYbtWSfiPkWWaOgHv271Beh1FspTL4GvvJqMSalCXb8c0EDQ6p1n-EAzsgYkcGJk7zRO9xC1xoXPtCz9wVyvRPgU6U7tXI8tF2LlRR4SKPEHmQQffJ23XAsbX9TK9lFv4AJvw/SeedsMonth2023BG.png");
    background-position: right top;
    background-size: cover;
}

/* Onsite Appreciate Month */
.component-row--oom-page-background,
.theme-lumapps .component-row--oom-page-background {
    padding-block: 10vh;
    background-image: url("https://sites.lumapps.com/serve/AMIfv97a3EqWqa_IGBudsvsWTfVeyYY2teCSAFRE53BeFgdUfdkFAiLd6IeswUVqZOX61uC739eQzVUcI9hzE9iQx2chfdD0XsspnhEc3b8nuSZuooofUWAma9jiaRlDR8rxcCD7z3GsFrF4W2K3lb9Vl93rtZNwiw/OOM-HeroBGGold-LG.png");
    background-position: top center;
    background-size: cover;
}

@media screen and (min-width: 800px) {
    .component-row--oom-page-background,
    .theme-lumapps .component-row--oom-page-background {
        padding-block: 0;
        background-image: url("https://sites.lumapps.com/serve/AMIfv95L5im1mhG7yZrVswhD-E_5BFb0XfcvkGDvCr2PJYgtUhXWC0bencORhd4H0PccWdSLVr4wgpTeJhx_wdBdQSYWHOn5MRb88WcZrh4QtyM-xUh5-3T3DJUa-EMUKV_pFEMeeBg-NdfyoHegn9A83xWhimCi6A/OOM-BG-02.jpg");
        background-position: top center;
        background-size: cover;
    }
}
.component-row--oom-home-page-background,
.theme-lumapps .component-row--oom-home-page-background {
    background-image: url("https://sites.lumapps.com/serve/AMIfv942pGT_YeyM6ixXMYBkmxtOMUp8oP2iq2nuGdqALEIKPy7Z2feJbkfJ2SBhLqJ1kAAQ05iKZeeqm_Xwuc6OefeZM5_4yL2_fe9Ta6K8pTSr2sfLyPreGj27vd779fSjhb1OJdccLcOfc0JfnkamKa3Hp5RMRA/OOM-HeroBGGold-LG.png?contentDisposition=inline");
    background-position: top center;
    background-size: cover;
}
/*Top Page Area - Home Page End*/
  
/* Total Rewards Row Background */
.component-row--total-rewards-row-background,
.theme-lumapps .component-row--total-rewards-row-background {
    background-color: rgb(255, 255, 255);
    background-image: url("https://sites.lumapps.com/serve/AMIfv94DIXI52ul2VpFnESczkC0ukZJFGvpS_xypGJutfclWXs9gfIgezCK1ADBLQ2niBFChxtYrTw9zsS7k-qbgwCUhrMfvpqwGgCvurshDyB8LrQavVTSi2n9nKkOtBYh596LNuyQ5NFA9xnSzGMkmBlIZZD070w/total-rewards-row-background-30.jpg");
    background-position: top center;
    background-size: cover;
}
/* End Total Rewards Row Background */
  
/* Manager Zone Row Background */
.component-row--manager-zone-row-background,
.theme-lumapps .component-row--manager-zone-row-background {
    background-color: rgb(255, 255, 255,0);
    background-image: url("https://sites.lumapps.com/serve/AMIfv94nq5pQvbwRfDWZ02a9RmYpqFMlY0GKnEJA0i-YW9-ZCbM-WLExyBXfcAWL7qDtz32pxy4OFmS80JcSvHRaVURdvxMUjqfUxMxDQwpwwBCCUSfJvQarOuEG-4vymU7KPZtqM3INQzsV277utuJ5xYT-lndJuQ/manager-zone-row-background.jpg");
    background-position: top center;
    background-size: cover;
}
/* End Manager Zone Row Background */
  
/*Recruiter Toolbox*/
.app-content--module-recruiter-toolbox,
.theme-lumapps .app-content--module-recruiter-toolbox {
    background-color: rgb(255,255,255);
    background-image: url(https://sites.lumapps.com/serve/AMIfv96gRCtUViQtOiBFrSOfG5j1NmRMyTfCld-c2scCmBhUudlb3ZE_-Rsyzy4PKSFkSNzvMH1RHxfhBVobq4gfDlSacGkuXGoRg-9oG1gBUm_pYwTkEfyRX5AnrMlfV_eqwJK-ftm-uoKzoF23t5rjiAlCkGf_QA/RecruitingToolbox-Background.jpg);
    background-size: auto;
}
/*Recruiter Toolbox End*/
  
/*OGT Page*/
.app-content--module-ogt,
.theme-lumapps .app-content--module-ogt {
    background-color: black;
    background-image: url(https://sites.lumapps.com/serve/AMIfv973FlzGvb72wNWIXlKd7BmWO_dizR-ekJBfNhC0MA5MmC0HZ8V-OZpwp4FGEDw8y7WaZs_hm_Xmzw-eGYIvEKjG_jROgd_099LNSOeqtYmFxq3BtGIoyykj1CXK62tZT6GGuzlqnAm8PCXki_YtwUEMloWn-w/OGT-Background.jpg);
    background-size: auto;
}

/*OGT Page End*/
/*BBB Page*/
.app-content--module-bbb-page,
.theme-lumapps .app-content--module-bbb-page {
    background-image: url(https://sites.lumapps.com/serve/AMIfv95CRVlCC4_mkCgyVnHkI-XD8DKF_egzybqOWuGGmlYKUHJi7zYrmhH44_6iVGaa-eRfVQCYeu-F_9D0jg6KtiQ-p_2lWdGSzjw0dwp5Li4fY3oVza_3BOOeUYEdOlognKGPxd2ry5gYh2wMFsUSJ5BSBmMA3A/Comp+3_00000.jpg);
    background-size: cover;
    /*BBB Page End*/
}

/* *************************************** */
/* Unavailable as of 2023-05-29 */
/* *************************************** */

/*Login Top Bar*/
.login__top {
    background-color: #041e42;
}
/*Login Top Bar End*/
  
/*Login Background*/
.login__content {
    background-color: #133D59;
    background-image: url("https://sites.lumapps.com/serve/AMIfv96ATUqDGsg9iIEux7JrguPQ_0KlI4w3QzgtP4SOCNSwN7Jid-6kvQteJu8CBE7HiNJ2W9AsQiix1FRLbNSZ8tq7xKFpIUtD9jUX-1q7IrxzoQjZcNi1KHt71LNcBiVPRP1sLnG_Vw-yEPC0UyHpd6A1BKxZ0A/Ozone-BG-0421.jpg");
}
/*Login Background End*/

/* *************************************** */
/* Login v2 */
/* *************************************** */

#login-app {
    background-color: #133D59;
    background-image: url("https://sites.lumapps.com/serve/AMIfv96ATUqDGsg9iIEux7JrguPQ_0KlI4w3QzgtP4SOCNSwN7Jid-6kvQteJu8CBE7HiNJ2W9AsQiix1FRLbNSZ8tq7xKFpIUtD9jUX-1q7IrxzoQjZcNi1KHt71LNcBiVPRP1sLnG_Vw-yEPC0UyHpd6A1BKxZ0A/Ozone-BG-0421.jpg");
}


/********************************************
Custom styles
********************************************/
/* Wrapper for element with bootstrap icon */
.og-bi-icon-wrap {
  display: flex;
  gap: 0.5rem;
}
.og-btn i {
  margin-left: 1em;
}

.og-btn {
display: inline-block;
font-weight: bold;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
border: none;
padding: 11px 16px 11px 16px;
font-size: 16px;
line-height: 1em;
border-radius: 8px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
outline: none;
transition-duration: 0.3s;
transition-property: transform;
-webkit-tap-highlight-color: transparent;
transform: translateZ(0);
}

.og-btn-small {
padding: 9px 16px 9px 16px;
font-size: 14px;
border-radius: 8px;
}

.og-btn-gold {
color: #004987;
background-color: #FFB600;
}
.og-btn-gold:hover {
background-color: #E6A400;
}

.og-btn-blue {
color: white;
background-color: #004987;
}
.og-btn-blue:hover {
background-color: #003A6C;
}