/*
 * Additional styles for UKAAN update Oct 2024
 * WATERS 
 * 
 */

html,
body {
     box-sizing: border-box;
}
 
 
 
/*
 * Default overrides
 * 
 */
 
 body {
     font-family: "Figtree", sans-serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
 
     font-size: 16px;
     line-height: 19.2px;
     text-align: left;
     
     color: var(--theme-fg);
     background: var(--theme-background);
 }
 
 p {
     line-height: inherit;
 }
 
 
 
 
 
 /*
  * GENERAL CONTAINERS
  */

.page {
    min-width: 340px;
}
 
.center-container {
    width: auto; 
    margin: 0 auto; 
    padding: 0 var(--size-2);
}

.center-block {
    margin: 0 auto; 
}
 
     .branding .center-container {
         padding: 0 var(--size-2);
     }
 
 @media screen and (min-width: 1380px){
 
     .center-container {
         width: 1280px; 
         padding: 0 var(--size-5);
     }
   
     .branding .center-container {
         padding: 0 var(--size-5);
     }
 
 }
 
 
 
 
 /*
  * BRANDING
  */
 
  .region--header {
    background: white;
  }

  .header-strip {
     display: block;
     background: black;
     min-height: 5px;
     color: white;
 }
 
 .branding-container {
     padding: 0;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-between;

     

     margin: 0 auto;
     max-width: 640px;
     width: 100%;
 }
     
     .branding-container:empty {
         display: none;
     }
 
     
 @media screen and (min-width: 1380px){
     
     .header-strip {
         display: block;
         background: black;
         height: 39px;
         color: white;
     }
 
     .branding-container {
        margin: 0 auto;
        max-width: 100%;
        justify-content: flex-start;

        padding: 23px 0;
        flex-direction: row;
     }
 
 }
 

    .top-search {
        width: auto;
        max-width: calc(100% - 199px);
    }
 
    .top-menu {
        /* outline: 2px solid green; */
        display: none;
    }

    .top-cta .btn-x,
    .top-cta .btn-contact {
        display: none
    }

    .branding-container .logo, 
    .branding-container .logo img {
        display: block;
        margin: 0;
    }

    .logo,
    .branding-container .logo {
        width: 100px;
        margin-right: auto;
    }

    .branding-container .logo img {
    width: 100px;
    }

     @media screen and (min-width: 1380px){ 

        .top-search {
            display: block;
        }

        .top-menu,
        .top-cta {
            display: flex;
            gap: var(--size-2) !important;
        }

        .logo,
        .branding-container .logo {
             width: 200px;
             margin-right: 23px;
        }
 
        .branding-container .logo img {
            width: 200px;
        }
 
     }
 
 
     .top-menu {
         flex-grow: 1;
       
     }
 
         .top-menu a {
             color: var(--theme-default);
             padding: var(--size-1) var(--size-1);
         }    
 
     @media screen and (min-width: 1380px){
       
         .top-menu a {
             padding: 9px 23px;
         } 
       
     }
 
 
 .top-search {
   display: none;
   
   border: 2px solid var(--theme-pale);
   border-radius: var(--border-radius-default);
   padding: 0;
   margin: 0;
 }
 
 @media screen and (min-width: 1380px){
   
    .top-search {
        width: 275px;
        display: block;
    }
   
 }
 
 
 
 
         .top-search fieldset {
             padding: 0;
             margin: 0;
             border: none;
             width: auto;
         }
 
         .top-search .form-row {
             display: flex;
             align-items: center;
             margin: 0 18px;
             padding: 0;
           
         }
 
         .top-search label {
             display: none;
             margin: 0;
             padding: 0;
         }
         
         .top-search [type=text] {
             width: auto;
             flex-grow: 1;
             display: inline-flex;
             align-content: center;
             justify-content: flex-start;
             height: calc( 43px - 4px );
             margin: 0;
             padding: 0;
             border: none;
             outline: none;
         }
 
         .top-search button {
           background: transparent;
             width: 26px;
             height: 20px;
             border: none;
             margin: 0;
             padding: 0;            
         }




        .top-cta .btn-x {
            width: 43px;
            padding-left: 0;
            padding-right: 0;
            height: calc( 43px - 18px );
        }

        .top-cta .btn-account {
            width: calc(115px - 46px);
            height: calc( 43px - 18px );
        }

        .top-cta .btn-contact {
            width: calc(133px - 46px);
            height: calc( 43px - 18px );
        }

        .branding-container  .nav-responsive-link.nav-responsive-link {
            height: calc( 43px - 18px );
        }
 
        @media screen and (min-width: 1380px){

            .top-cta .btn-x,
            .top-cta .btn-contact {
                display: flex;
            }
        }
 

 



 
 
.branding-container .nav-responsive-link {
    flex: 0 0 auto;
    position: static;
    font-size: 13px;
    font-weight: 700;
    /* color: white; */
    width: auto;
    height: auto;
    text-transform: uppercase;

    padding-right: 24px;
    /* background: transparent; */
    /* background: transparent url('/getfile/website_design/mobile-menu-icon.png') right center no-repeat; */
    /* background-size: 18px 13px */
}

@media screen and (min-width: 1380px){
   
    .branding-container .nav-responsive-link {
        display: none;
    }

    .branding-container h1 {
        flex: 0 0 100px;
    }
 
}

 
 
 
 
 
 /*
  * Main Menu
  */


.nav {
    border-bottom: 4px solid var(--theme-primary);
}
 
.nav ul {
    display: flex;
    flex-direction: column;  
    align-items: flex-start;
    width: 100%;
}

.nav li {
    display: block;
    flex-grow: 1;
}
 
.nav a {
    display: block;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    
    padding: 10px 10px;
    font-size: inherit; 
    color: #FFFFFF; 
    line-height: inherit;
}

.nav ul ul li a {
    font-size: inherit; 
    font-weight: 400;
    line-height: inherit;
}
 
.nav .selected > a:after {
    content: none;
}
 
@media screen and (min-width: 1380px){

    .nav ul {
        height: 48px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;        
    }

    .nav li {
        display: inline-block;
        flex-grow: 0;
    }

    .nav a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 30px;
    }

    .nav ul ul li a {
        justify-content: flex-start;
        padding-left: 30px;
        padding-right: 30px;
    }

}
 
 




.result-list {
    margin-bottom: 1em;
}

.result-list .result {
    background-image: none;
    padding-left: 1em;
}

.result-list .result__title {
    padding-bottom: 0;
}

.result-list .result__summary {
    margin-top: 0.5em;
    padding-bottom: 0;
}