/* Fonts */


/* Global 
Primary Colour: Substitute #00b373, grab with var(--primary)
Secondary Colour: Substitute #ff585d, grab with var(--secondary)
Dark Colour: Substitute #1D3C34, grab with var(--dark)
background Colour: Substitute #fff, grab with var(--light)

*/

:root {
    --primary: #703232;
    --secondary: #8b734b;
    --dark: #000;
    --light: #fff;

    /* You can also create and implement new tags as needed */
    --grey: #434343;

    /* Define Fonts */
    --primary-font: 'minion-pro', times new roman, times, georgia, serif;
    --secondary-font: 'minion-pro', times new roman, times, georgia, serif;

    /* Bootstrap Overrides
    You can override bootstrap application default colours at root, by using the !important flag
    This will change ALL implementations of the bootstrap colour tags
    You can also override bootstrap colours for individual elements, do this when you don't want the changes to apply globally. */

    --bs-black: var(--dark)!important;
    --bs-link-hover-color-rgb: var(--dark)!important;
    --bs-primary: var(--dark)!important;
    --bs-background-blue: var(--secondary)!important;
    --bs-emphasis-color: var(--primary)!important;
    --bs-heading-color: var(--primary)!important;
    --bs-medium-grey: var(--primary)!important;
    --bs-highlight-rgb: var(--secondary)!important;
    --bs-highlight: var(--secondary)!important;
  }

  /* Universal Elements */
    a {
        color:var(--secondary);
        background: transparent;
    }

    a:hover {
        opacity: .7;

    }

    body {
        font-family: var(--primary-font);    
        color: var(--dark);
    }

  /* End Universal Elements */


  /* Header */
    .logo-container > a > img {
        width: 60%;

        display: block;
        margin: auto;
    }

    .navbar-main {
        background: var(--dark)!important;
        display: flex;
        justify-content: space-between;
    }

    .navbar-brand {
        display: none;
    }

    .nav-item__language {
        display:none!important;
    }

    .c-btn__signin > a {
        background: var(--light)!important;
    }
    
    .header-links {
        display: none;
    }

    /* Desktop Header */
    @media only screen and (min-width:48.001rem){

        .mobilenav {display: none;}
    

    }
    /* Mobile Header*/
    @media only screen and (max-width:48rem){
        .navbar-toggler{
            filter: invert(1);
        }
        .c-header__main > nav > div {
            margin: auto;
            display: block!important;
        }
        .logo-container > a > img{
            width: 50%!important;
        }

        .desktopnav { 
            display: flex;
            justify-content: space-between;
            position: absolute;
            top: 0;
            width: 100%;
        }
        header.c-header__main nav.navbar{
            padding: 0.25rem 1rem .75rem !important;
        }
 

    }

  /* End Header */

  /* End Header */


  /* Footer */

    .bottom-footer {
    padding-top:20px;
    }

    footer {
        background: var(--dark);
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
    }

    .middle-footer-logo > img {
    width: 75%;
    }

    .middle-footer-logo {
        display: flex;
        justify-content: center;
    }

    .copy_text {
        color:var(--light)
    }
    /* Desktop Footer */
    @media only screen and (min-width:48.001rem){
 

    }
    /* Mobile Footer*/
    @media only screen and (max-width:48rem){
 

    }

    /* End Footer */ 


  /* Main Content */

  .btn-primary {
    --bs-btn-color: var(--light)!important;
    --bs-btn-bg: var(--secondary)!important;
    --bs-btn-border-color: var(--grey)!important;
    --bs-btn-hover-color: var(--light)!important;
    --bs-btn-hover-bg: var(--dark)!important;
    --bs-btn-hover-border-color: none;
    --bs-btn-focus-shadow-rgb: 95, 95, 95;
    --bs-btn-active-color: var(--light)!important;
    --bs-btn-active-bg: var(--dark)!important;
    --bs-btn-active-border-color: var(--dark)!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 24, 0.125);
    --bs-btn-disabled-color: var(--light)!important;
    --bs-btn-disabled-bg: var(--grey)!important;
    --bs-btn-disabled-border-color: var(--grey)!important;
}


.btn.btn-outline-primary:hover, .btn.btn-outline-primary:active {
    color: var(--light) !important;
    border: 1px solid transparent !important;
    background: var(--primary) !important;
}
.btn.btn-primary:hover{
    color: var(--light);
    background: var(--primary)!important;
}

#heading_preorder, .c-content__heading {
    color: var(--primary)
}


.c-profile__group .c-profile__dropdown span {
    color: var(--light)!important;
}


.c-product__tabs .nav-tabs .nav-item .nav-link:hover {
    color: var(--primary)!important;

}

    /* Desktop Main Content */
    @media only screen and (min-width:48.001rem){
 

    }
    /* Mobile Main Content*/
    @media only screen and (max-width:48rem){
 

    }

  /* End Main Content */

  /*Payment Page CSS*/
body.is-simplified .c-utility-nav {
    display: none;
  }
  body.is-simplified .c-site-banner {
    display:block!important;
  }
  body.is-simplified .c-branding {
      width: 100%!important;
      text-align: center!important;
      background-color: var(--bs-black);
  }

  body.is-simplified .c-site-banner {
    background-color: var(--bs-black);

}

  
  body.is-simplified .c-header {
      position: absolute!important;
      top: 0;
      z-index:999;
  }
  
  body.is-simplified .c-branding__logo--large{
    height: 77px!important;
    width: 317px!important;
  }
  
  
  @media (max-width: 47.9999em){
    body.is-simplified .c-branding__logo {
        background: url(../../XImages/base_images/logo.png) no-repeat center center;
        background-size: contain;
        display: block;
        margin: 0 auto;
    }
    body.is-simplified .c-branding__logo--large {
      display:none;
    }
    body.is-simplified .c-branding__logo--small {
      display:block;
    }
    body.is-simplified .c-copyright__item{
      font-size: .92857rem!important;
      margin-top: 3px!important;
    }
    body.is-simplified .c-footer__container {
      padding: 34px 0;
  }
    
  }
  @media (min-width: 47.9999em){
    body.is-simplified .c-branding__logo {
        background: url(../../XImages/base_images/logo.png) no-repeat center center;
        background-size: contain;
        display: block;
        margin: 0 auto;
    }
    body.is-simplified .c-branding__logo--large {
      display:block;
    }
    body.is-simplified .c-main__layout {
      padding-top:8rem;
    }
    body.is-simplified .c-branding__logo--small {
      display:none;
    }
  }
  
  body.is-simplified .c-footer {
    background: var(--bs-black);
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    text-align: center;
    padding: 50px 0;
  }
  
  body.is-simplified .c-copyright__item{
    opacity: 1;
    line-height: 1.3;
    font-size: 15px;
    margin-top: 15px;
    color: var(--secondary)!important;  
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  body.is-simplified nav.c-footer-nav {
    display: none;
  }
  
  body.is-simplified .c-footer__layout {
      position: relative;
  }
  
  @media (max-width: 47.9999em){
    body.is-simplified .c-mnky-copyright {
        text-align: right!important;
        top: 100%;
        position: absolute;
        right: 0;
    }
  }

  .c-mnky-copyright__link:hover{
    background-color:transparent
  }

  body.is-simplified .c-mnky-copyright{
    background-color:transparent;
    display:none

  }
  body.is-simplified .c-footer__container{padding-top:20px}