@charset "UTF-8";



/*



Theme Name: Kanda Multi-Page Theme







Author: Kanda Consulting







Description: WordPress theme, for a multi-page website, designed and built by Kanda Consulting.







Version: 1.0







*/







/*****************************







FONTS







Calibri Regular







font-family: calibri, sans-serif;



font-weight: 400;



font-style: normal;







Poppins 



font-family: poppins, sans-serif;



font-weight: 400;



font-style: normal;







font-family: poppins, sans-serif;



font-weight: 500;



font-style: normal;







font-family: poppins, sans-serif;



font-weight: 700;



font-style: normal;



















*******************************/







@font-face {



    font-family: 'HelveticaNeueLTPro';



     src: url('fonts/HelveticaNeueLTPro-Bd.otf');



} 















/*****************************







VARIABLES







*******************************/







:root{







    /* colours */







    --primary-color:#053849;



    --brand-green:#B5BE35;



    --brand-peach:#F68D62;



    --brand-light-blue:#4BC4D4;



    --brand-teal:#6EC6A8;



    --secondary-color:#244C5A;



    --light-grey:#EEEEEE;



    --highlight-color:#244C5A1A;



    











    /* fonts */







    --primary-font:'Hanken Grotesk', sans-serif;



    --secondary-font:'Hanken Grotesk', sans-serif;











    /* colors of page elements */







    --footer-text-color:#ffffff;







    /* header social media */







    --header-social-media-color:#1a1a1a;







    /* pop-up */



    --pop-up-background-color:#75787B61;



    --pop-up-text-color:#1a1a1a;



    --pop-up-text-link-color:var(--primary-color);







    /* header */







    --nav-text:var(--primary-color);



    --nav-hover-text:var(--primary-color);



    --nav-active-text:var(--primary-color);



    --nav-current-page-border:var(--primary-color);



    --mobile-button-color:var(--primary-color);







    /* page banners */







    --homepage-banner-heading-color:#ffffff;



    --page-banner-heading-color:#ffffff;



    --page-banner-heading-font-size:72px;















    /* buttons */







  



    --button-font:var(--secondary-font);



    --button-hover-color:var(--secondary-color);



    --button-text-color:#ffffff;







    --green-button:var(--brand-green);



    --peach-button:var(--brand-peach);



    --pink-button:var(--brand-light-blue);



    --button-background-color:var(--primary-color);







 















    /* style rules: size, line height etc */



    --text-color:var(--primary-color);



    --text-size:20px;



    --text-line-height:28px;



    --section-heading-size:64px;



    --box-shadow:0px 5px 20px 0px rgba(0,0,0,0.150);



    --box-shadow-hover:0px 5px 20px 0px rgba(0,0,0,0.150);



    --footer-color:#66808A;







    /* Join the Conversation */







    --subheading-font-size:24px;















}







button, .button, .wpcf7-submit {



    font-family: var(--button-font);
    font-weight:700;
    color:white;
    padding:20px 40px;
    background-color: var(--primary-color);
    display:inline-block;
    border:0px;
    transition: all 0.3s;
    font-size:18px;

}
/*Accessibility focus styles*/
.skip {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    
    display:flex;
    background-color:var(--secondary-color);
    color:white;
    font-family:var(--primary-font);
    padding:10px 10px;
  } 
  .skip:focus {
    position: static;
    width: 100px;
    height: auto;
    border-radius: 0px;
    outline: 2px solid red;
  }
header nav ul li a:focus-visible{
    outline:2px solid red;
}
.header_email p > a:focus-visible{
    outline:2px solid red;
}
header .logo a:focus-visible{
    outline:2px solid red;
}


.mobile_button:focus-visible, .mobile_button:focus{
    outline:3px solid red;
    border-radius: 0;
}



button:focus-visible, .button:focus-visible,.wpcf7-submit:focus-visible{
    outline:4px solid red;
}

.question_two .label_wrap:focus-visible, .question_three .label_wrap:focus-visible{
    outline:3px solid red;
}

 .mailing_list_form form .email_input:focus-visible{
    outline:2px solid red;
}

 .email_link:focus-visible, .privacy_text p a:focus-visible, .footer_menu section nav ul li a:focus-visible{
    outline:2px solid red;
}
.filter_container input:focus-visible {
    outline:2px solid red;
}
/*to be transferred to other two websites   */
.btn-link:focus-visible, select:focus-visible, input:focus-visible, .exhibition_page_read_more_link a:focus-visible, .post_text a:focus-visible{
    outline:3px solid red;
    border-radius:0px;
}

/* button/link hover */



.contact_button_area h3{
    font-size:32px !important;
}



button:hover, .button:hover, .contact_button_area a:hover {



    text-decoration: none;



    color:var(--primary-color);



    background-color:var(--brand-teal);



    cursor: pointer;







}



.brand-primary{



    background-color: var(--primary-color);



}



a.brand-primary:hover{



    background-color:white;



    color:var(--primary-color);



}

.link-banner.brand-primary a:hover{

    background-color: white;

    color:var(--primary-color);

}

.brand-white{



    background-color:white;



    color:#1a1a1a;



}



a.brand-white:hover{



    background-color:white;



    color:var(--primary-color);



}







.brand-green{



    background-color: var(--brand-green);

    color:var(--primary-color);

    



}



a.brand-green:hover{



    background-color:white;



    color:var(--primary-color);



}



.brand-peach{



    background-color: var(--brand-peach);

    color:var(--primary-color);

    

}



a.brand-peach:hover{



    background-color:white;



    color:var(--primary-color);



}



.brand-light-blue{



    background-color:var(--brand-light-blue);

    color:var(--primary-color);

    



}



a.brand-light-blue:hover{



    background-color: white;



    color:var(--primary-color);



}



/*****************************







GENERAL CSS RULES







*******************************/







html, body{



    scroll-behavior: smooth;



}







* {



    margin:0px;



    padding:0px;



}











ul li {



    list-style-type: disc;



}







ol li {



    list-style-type: decimal;



}







p, ul li, ol li, td {



    line-height: var(--text-line-height);



    font-size: var(--text-size);



    font-family: var(--primary-font);

    font-weight:400;
    color:var(--primary-color);


}











/* headings  */







h1, h2, h3, h4, h5, h6 {



    font-family: var(--secondary-font);



}







h1 {



    font-size: 58px;



    font-weight:600;



}







h2 {



    font-size: 50px;  



    font-weight:600;



}







h3 {



    font-size: 24px;  



    font-weight:500;



}







h4 {



    font-size: 28px; 



    font-weight:500; 



}


strong, b{
    font-weight: bold;
}




h5 {



    font-size: 24px; 



    font-weight:400; 



    line-height:30px; 



}







h6 {



    font-size: 20px; 



    font-weight:400; 



}







@media screen and (max-width:991px) {







    h1 {



        font-size: 38px!important;



    }



    



    h2 {



        font-size: 40px!important;  



    }



    



    h3 {



        font-size: 22px!important;  



    }



    



    h4 {



        font-size: 24px!important;  



    }



    



    h5 {



        font-size: 18px!important;   



        line-height:22px;



    }



    



    h6 {



        font-size: 20px!important;  



    }











}



















/*****************************







CSS RULES THAT ARE SPECIFIC (E.G. NAVIGATION MENU BUTTONS)







*******************************/















.sub-posts header nav ul li.menu-item-1892::before{



    content:'';



    display:block;



    height:3px;



    width:100%;



    background-color: #fff;



    margin-bottom:40px;



}



.menu-item-1892 a{



    background-color: var(--secondary-color);



    color:white;



    padding:5px 10px;



    border-radius:5px;



}







section nav .menu-item-1892 a{



    background-color:var(--secondary-color);



    color:white;



    padding:5px 8px;



    border-radius: 5px;



}







.menu-item-1892 a:hover {



    color:var(--primary-color);



}







@media screen and (max-width:1103px) {



    



    header nav ul li.current_page_item::before, .sub-posts header nav ul li.menu-item-1892::before {



        content:'';



        display:none;



    



    }







}







/*****************************







REPEATED CLASSES







*******************************/y







.clearfix {



    clear:both;



}







.container {



    max-width: 950px;

    margin-left:75px;

    padding-left: 15px;



    padding-right: 15px;



}
.mailing_list_container .container{
    max-width:1300px;
   
}
@media screen and (min-width:1700px){
    .container{
        margin-left:15%;
    }

    .mailing_list_container .container{
        max-width:1300px;
        
    }
}









header .container{



    max-width: 1200px;



    padding-left: 15px;



    padding-right: 15px;



}





.section_padding_jtc{
    padding-top:70px;
    text-align: left;
}





.section_padding{



    padding-top:90px;



    text-align: left;



    width:100%;



}



.padding_bottom {



    padding-bottom:125px;



}



.heading,.content_text_block h1, .content_text_block h2 {



    margin-bottom:25px;



}







.heading h2,.content_text_block h1, .content_text_block h2 {



    font-size: var(--section-heading-size);






    color:var(--primary-color);



}
.content_text_block h3{
    color:var(--primary-color);
}

#welcome_home .heading h2{
    font-size:48px;
 
}
@media screen and (max-width:991px){
    #welcome_home .heading h2{
        font-size:36px !important;
    }
}





.full_width_image {



    width: 100%;



}







.divider-container {



    display: flex;



    justify-content: center;



    margin-top:110px;



}







.divider {



    margin-bottom: 0px;



}







.back_to_hub_container {



    margin-top: 60px;



  }







.back_to_hub_link {



    padding:20px 30px;


/* 
    width: fit-content; */



    color:var(--primary-color);


    background: var(--brand-green);
    font-family: var(--button-font);



    border-radius:3px;
    /* margin-top:-28px; */
    font-size:20px;
    font-weight:bold;
    border:1px solid var(--brand-green);
}







.back_to_hub_link:hover {


    background-color:var(--primary-color);



    color:#fff !important;

    border:1px solid white;

    text-decoration: none;



}







.error_message {



    color:red;



}







.full_width_section {



    width:100%;



}







.full_width_image {



    width:100%;



}











/* overlay */







.overlay {



    height: 100vh;



    width: 100%;



    position: fixed;



    top: 0px;



    left: 0px;



    background-repeat: repeat;



    z-index: 99999;



    overflow: scroll;



    background-image: url('img/overlay_popup.png');



    background-repeat: repeat;



}











/* 



==========================================







HEADER SOCIAL MEDIA







For the social media and email section at the top of the page







=========================================



*/







.header_social_media_banner {



    padding:5px 15px;



    background-color: var(--brand-teal);



    /* display: flex;



    justify-content: center; */
text-align: center;


    position: relative;



    z-index: 2;



   



}







.header_social_media_container {



    display:flex;



    padding-right:10px;



}







.header_social_media_container svg {



    margin:5px;



    width:initial;  



}







.header_social_media_container svg path {



    fill:var(--header-social-media-color);



}







.header_email p {



    margin-top:5px;



    margin-bottom:5px;


}



.header_email p > a {



    color:var(--header-social-media-color);
    text-decoration: none;


}


.header_email p > a:hover{
    color:var(--primary-color);
}




@media screen and (max-width:600px) {







    .header_social_media_banner {



        display:block;



    }







    .header_email {



        margin-left:0px;



        text-align: center;



    }







    .header_social_media_container a {



        display:inline-block;



    }







    .header_social_media_container {



        display:block;



        text-align: center;



        padding-right:0px;



    }







    .header_email p {



        margin-left:0px;



        margin-top:0px;



        word-break: break-all;



    }



}











/* 



==========================================







HEADER AND NAVIGATION







=========================================



*/







header {



    width: 100%;



    height: auto;



  



    z-index: 10;



    background-color:#ffffff;



    position: relative;



    transition: all 0.3s ease-in-out;  



    -webkit-box-shadow:  0px 1px 25px rgba(36, 76, 90, 0.15); 



    box-shadow:  0px 1px 25px rgba(36, 76, 90, 0.15);



}







header .container {



    padding-left: 0px;



    padding-right: 0px;



}
.jtc_container_fluid{
    max-width:1200px;
    padding-right:90px;
}
@media screen and (max-width:1700px){

}
@media screen and (max-width:1200px){
    .jtc_container_fluid{
        padding:15px;
    }
    
}




/* logo */







header .logo {



    float: left;



   margin-top:40px;



    padding-left: 75px;



    margin-bottom:40px;



}


@media screen and (max-width:1300px){
    header .logo{
        padding-left:0px;
    }
}




header .logo img {



    max-width:300px;



    width:100%;



}

@media screen and (max-width:425px){
    header .logo{
        margin-top:38px;
    }

    header .logo img {

        max-width:230px;

    }

}





header .logo a {



    color:var(--nav-text);



}







header .logo a:hover {



    text-decoration: none;



}







/* nav */







header nav {



    float:right;  



}







header nav ul {



    margin-bottom:0px;



}







header nav ul li {



    display: inline-block;



    padding-right:27px;



}







header nav ul li a {



    font-family: var(--secondary-font);



    color:var(--nav-text);

    font-weight:400;

    font-size: 18px;

}







header nav ul li a:hover {



    color:var(--nav-hover-text);



    text-decoration: none;



 



}







header nav ul li.current_page_item a {



    color:var(--nav-active-text);

    font-weight:700;



}







header nav ul li.current_page_item::before{



    content:'';



    display:block ;



    height:3px;



    width:100%;



    background-color: var(--nav-current-page-border);



    margin-bottom:45px;



}







@media screen and (max-width:1103px){



    header nav ul li.current_page_item::before{



        content:'';



        display:none;



    }



    



}







/* Mobile menu */







.mobile_button {


    padding:15px;
    width: 40px;



    position: relative;



    -webkit-transform: rotate(0deg);



    -moz-transform: rotate(0deg);



    -o-transform: rotate(0deg);



    transform: rotate(0deg);



    -webkit-transition: .5s ease-in-out;



    -moz-transition: .5s ease-in-out;



    -o-transition: .5s ease-in-out;



    transition: .5s ease-in-out;



    cursor: pointer;



    margin-top:40px;



    float:right;



    /* margin-right:25px; */



    display:none;



    



  }







.mobile_button span {



    display: block;



    position: absolute;



    height: 4px;



    width: 100%;



    background: var(--mobile-button-color);



    border-radius: 9px;



    opacity: 1;



    left: 0;



    -webkit-transform: rotate(0deg);



    -moz-transform: rotate(0deg);



    -o-transform: rotate(0deg);



    transform: rotate(0deg);



    -webkit-transition: .25s ease-in-out;



    -moz-transition: .25s ease-in-out;



    -o-transition: .25s ease-in-out;



    transition: .25s ease-in-out;



}







/* for the animation when mobile button is clicked clicked */







.mobile_button span:nth-child(1) {



    top: 0px;



}



  



.mobile_button span:nth-child(2), .mobile_button span:nth-child(3) {



    top: 10px;



}



  



.mobile_button span:nth-child(4) {



 top: 20px;



}



  



.mobile_button.open span:nth-child(1) {



    top: 18px;



    width: 0%;



    left: 50%;



}



  



.mobile_button.open span:nth-child(2) {



    -webkit-transform: rotate(45deg);



    -moz-transform: rotate(45deg);



    -o-transform: rotate(45deg);



    transform: rotate(45deg);



}



  



.mobile_button.open span:nth-child(3) {



    -webkit-transform: rotate(-45deg);



    -moz-transform: rotate(-45deg);



    -o-transform: rotate(-45deg);



    transform: rotate(-45deg);



}



  



.mobile_button.open span:nth-child(4) {



    top: 18px;



    width: 0%;



    left: 50%;



}











.scroll-down {



    width: 100%;



    z-index: 999;



    background-color:#ffffff;



    position: fixed;



    top:0;



    transition: all 0.3s ease-in-out;



    



}







@media screen and (max-width:1103px) {



    .mobile_button {



        display:block;



    }







    header nav {



      width: 100%;



      display:none;



      background-color:#ffffff;



      margin-right:0px;



      margin-top: 11px;



  }

 







  header nav ul li {



      text-align: center;



      display:block;



      margin-bottom:15px;



      padding-right:0px;



      



  }



  header nav ul li:first-child {



    margin-top:10px!important



}



  /* header nav ul li:last-child {



      margin-bottom:0px!important



  } */







  header nav ul li a {



      padding:0px;



  }











 



}











/* Exhibition navigation */







.menu_virtual_Exhibition nav {



    margin-top:48px;



}







/* static pages (Contact page, Cookie Policy page etc */







.header_static nav {



    margin-top:48px;



}






@media screen and (max-width:991px) {
     .header_static nav{
    margin-top:0px;
  }
}




/* 



==========================================







POP UPs







For pop-ups of content, for text content at the top of the page, and for clickable images







=========================================



*/







/* for top of the page, text pop-up */







.pop_up {



    background-color:var(--pop-up-background-color);



    padding:25px;



    color:var(--pop-up-text-color);



    text-align: center;



    padding:60px;



}







.pop_up_close {



    text-align: right;



    font-size: 20px;



 }







 .pop_up_close i:hover {



    color:var(--primary-color);



    cursor: pointer;



}







.pop_up_content {



    margin-top:15px;



}







.pop_up_content .content_text_block a {



    color:var(--pop-up-text-link-color)!important;



    text-decoration: none;



    font-weight: bold;



}







.pop_up_content .content_text_block a:hover {



    color:var(--secondary-color)!important;



}







/* for clickable images - COME BACK TO */











.image_overlay_container {



    width:100%;



    margin:auto;



    margin-top: 150px;



    margin-bottom: 150px;



    padding-left:5%;



    padding-right:5%;



}







.overlay_image {



    margin-top:10px;



}







.overlay_image img {



    width:100%;



}







.overlay_close {



    margin-left: 15px;



    font-size: 20px;



    color: white;



    font-weight: bold;



    text-align: right;



}







.overlay_close i:hover {



    color:var(--primary-color);



    cursor: pointer;



}







@media screen and (max-width:1000px) {



    .image_overlay_container {



        padding-left:15px;



        padding-right:15px;



    }



}



















/* 



==========================================







IMAGE BANNERS







For homepage and all pages, the image banner at the top of the page







=========================================



*/







/* homepage banner */







.homepage_banner {



    height:700px;



    width:100%;



    position: relative;



    background-size:cover;



    background-repeat: no-repeat;



    background-position: left center;



    z-index: 1;



    text-align: center;



    margin-top:0px;

        background-color: var(--primary-color);


}



.homepage_banner .container{

    max-width:1200px;

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

    .homepage_banner{

        height:800px;

    }
   

}



.homepage_banner_text_block {



    position:absolute;



   /* left:50%; */



   top:25%;

    left:75px;

   /* transform: translate(-50%,-50%); */

   max-width:750px;

    



  text-align:left;



    /* margin: 0 auto; */



 



    color:#ffffff;



    animation: animate 1s ease-in-out;



}



@keyframes animate {



    0%{



        top:50%;



        opacity:0;



    }



    100%{



        top:25%;



        opacity:1;



    }



}



.homepage_banner_logo {



    max-width:600px;



    /* margin: 0 auto; */



   



}











.homepage_banner_logo img {



    width:100%;



}


.homepage-banner-heading{
    font-size:7.5rem;
    line-height:8.25rem;
}



/* .homepage_banner_text_block h1, .homepage_banner_text_block h2 {



    color:var(--homepage-banner-heading-color);



    font-family: var(--secondary-font);




} */



.homepage_banner_text_block h2{



    margin-top:30px;
    font-size:32px;
    line-height: 36px;

    color:var(--brand-teal);
    font-weight:500;

    font-family: var(--primary-font);







}

.s_illustration{

    position: absolute;

    right:0;

    left:auto;

    top:60%;

    overflow-x:hidden;

    height:100%;
    
}

.s_illustration img{

    height:100%;



}
@media screen and (max-width:1400px){
    .s_illustration{
        display: none;
    }
}

/* @media screen and (max-width:1100px){

    .s_illustration{

        left:60%;

    }

} */

/* @media screen and (max-width:800px){

 .s_illustration{

        left:50%;

    } 

}*/

@media screen and (max-width:540px) {

    .homepage_banner {



       height:auto;



       padding-top:75px;



       padding-bottom:75px;



       margin-top: 0px;



    }







    .homepage_banner_text_block {



        position: relative;



        transform: none;



        z-index: 1;



        



    }



    .homepage_banner_logo img{



        max-width:280px;



    }

    /* .s_illustration{

        left:50%;

    } */





}

@media screen and (max-width:1000px){
    .homepage-banner-heading{
        font-size:4.5rem !important;
        line-height:5rem;
    }
    .homepage_banner_text_block{
        left:15px;
    }
    .homepage_banner_text_block h2{
        font-size:2rem !important;

    }   
}


@media screen and (min-width:1700px){
    .homepage_banner_text_block{
        margin-left:15%;
        left:0px;
    }
   
}
@media screen and (max-width:500px){
    .homepage_banner_text_block{
        left:0;
    }
    .homepage_banner_text_block h2{
        font-size:1.5rem !important;
    }
}


/* all other pages */







.page_banner {



    height:280px;



    width:100%;



    background-size:cover;



    position: relative;



    background-position:bottom center;



    background-image:url('img/overlay.png');



}







.page_banner .container {



    height:280px;



    position: relative;



    max-width:1200px;



}







.banner_heading {



    margin: 0;



    position: absolute;



    bottom: 7%;



    left: 0%;



    -ms-transform: translate(0%, -0%);



    transform: translate(0%, -0%);    



    line-height: 38px;



    color:var(--text-white);



    letter-spacing: 0px;



    padding-left:15px;



    padding-right:15px;



}







.banner_heading h1 {



    font-family: var(--secondary-font);



   color:var(--page-banner-heading-color);



   font-size: var(--page-banner-heading-font-size);



   /* text-transform: uppercase; */



}











/*****************************







CONTENT TEXT BLOCK







All rules for content text block







*******************************/







/* Headings */



.content_text_block h1, .content_text_block h2, .content_text_block h3, .content_text_block h4, .content_text_block h5, .content_text_block h6 {



    margin-bottom:1rem;



}



.content_text_block h5{



    color:var(--primary-color);



}



/* Links */



.content_text_block a {



    font-weight: bold;



    color:var(--primary-color);



}







.content_text_block a:hover {



    color:var(--secondary-color);



    text-decoration: none;



}







/* Images */



.content_text_block img {



    width: 100%;



    display:block;



    height:auto;



    margin-top:30px;



}







.content_text_block img:hover {



    opacity: .6;



    cursor: pointer;



}







.content_text_block .wp-video {



    width:100%!important;



    display:block!important;



    height: auto!important;



}







/* Maps and embedded media */



.content_text_block iframe {



    width:100%;



    margin-bottom:1rem;



    display:block;



}







.wp-caption {



    width:100%!important;



    margin-bottom:1rem;



}







.wp-caption-text {



    text-align: center;



    margin-top:10px;



}







/* Downloadable documents */



.content_text_block h6 a {



    color:white;



    padding: 20px 40px;



    



    display: block;



    background-color: var(--primary-color);



    font-size: 18px;



    text-align: center;



    margin: auto;



    display:inline-block;



    word-wrap: anywhere;



    font-weight: initial;

    font-weight:500;

}







.content_text_block h6 a:hover {



    background-color:var(--brand-teal);



    color:var(--primary-color);



    text-decoration: none;



}











/* 



==========================================







COMPANY INFORMATION







These are for small company logos with supporting content







=========================================



*/







.company_information_container {



    margin-bottom: 25px;



    margin-top: 45px;



  }











/* logo */



.company_logo {



    display: flex;



    height: 300px;



    justify-content: center;



    align-items: center;



    box-shadow:var(--box-shadow);



    -webkit-box-shadow:var(--box-shadow);



    border-radius:5px;



    width:100%;



 }







 .company_logo img{



    max-width:240px;  



 }







 .company_logo:hover {



    box-shadow:var(--box-shadow);  



    -webkit-box-shadow:var(--box-shadow);



}







.company_logo a:hover img {



    cursor: pointer;



    opacity: .4!important;



}







/* company info */







.company_info_container {



    height: 300px;



    position: relative;







 }







 .company_info {



    text-align:left !important;



    padding-left:20px;  



    margin: 0;



   position: absolute;



   top: 50%;



   left: 50%;



   -ms-transform: translate(-50%, -50%);



   transform: translate(-50%, -50%);



   width: 100%;



}







.company_info h1,.company_info h2,.company_info h3,.company_info h4,.company_info h5,.company_info h6 {



    color:var(--primary-color);



}







@media screen and (max-width:1100px) {







    .company_info {



        position: static;



        transform: none;



    }







 }



 



 @media screen and (max-width:767px) {



    .company_info {



        text-align: center!important;



        margin-top:25px;



    }







    .company_info_container {



       height:auto;



    }



}







@media screen and (max-width:600px) {



 



    .company_logo {



        float:none;



        margin:auto;



    }







    .company_info {



        float:none;



        width:100%;



        margin-top:25px;



    }







}







@media screen and (max-width:400px) {







    .company_logo img {



        max-width:none;



        width:90%;



    }







 }











/* 



==========================================







ICONS







These are for small graphics with text under them







=========================================



*/







.icons {



    margin-top:25px;



}







.icon {



    max-width: 165px;



    margin: auto;



}







.icon img {



    width: 100%;



}







.icons p {



    text-align: center;



    margin-top: 30px;



}











/* 



==========================================







SLIDESHOW







For images that get rotated through







=========================================



*/







.carousel {



    margin-top:25px;



}



.carousel-caption{



    position: relative;



    margin: 0 auto;



    right: 0;



    left: 0;



    padding-bottom: 0px;



}



.carousel-caption p {



    margin-top: 0px !important;



    width: fit-content;



    text-align: center;



    margin: auto;



    margin-top: auto;



    margin-bottom: auto;



    margin-bottom: 15px;



    padding: 10px;



    padding-right: 15px;



    padding-left: 15px;



    font-family: var(--primary-font);



    background-color: white;



    border-radius: 10px;



    color:var(--text-color);



}



.carousel-indicators{



    bottom:20%;



}







.carousel-indicators li {



    background-color:white;



    opacity: 1;



    list-style: none!important;



    list-style-type: none;



}







.carousel-indicators li:hover {



    background-color:var(--primary-color);



    cursor: pointer;



    opacity: 1!important;



}







.carousel-indicators .active {



    background-color:var(--primary-color);



    opacity: 1!important;







}







.carousel-control-next-icon, .carousel-control-prev-icon {



    background-size: cover;



    width: 70px;



    height: 70px;



    margin-top:-60px;



  }



  .carousel-control-next, .carousel-control-prev,.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{



    opacity:1;



  }







  .carousel-control-next-icon {



    background-image: url('img/slideshow_arrow_next.png');



  }







  .carousel-control-prev-icon {



    background-image: url('img/slideshow_arrow_prev.png');



  }
  .carousel-control-prev-icon:hover, .carousel-control-prev-icon:focus-visible{
    background-image: url(img/hover_slideshow_prev.png);
  }
  .carousel-control-prev-icon:focus-visible,.carousel-control-next-icon:focus-visible {
    border:2px solid red;
    opacity: 1;
  }
  .carousel-control-prev:focus .carousel-control-prev-icon, .carousel-control-next:focus .carousel-control-next-icon{
    background-image: url(img/hover_slideshow_prev.png);
    outline: 2px var(--primary-color) solid;
    outline-offset: 0;
    box-shadow: 0 0 0 4px red;
    opacity: 1;
  }
  
  .carousel-control-next-icon:hover ,.carousel-control-next-icon:focus-visible {
    background-image:url(img/hover_slideshow_next.png);
    }
    










  @media screen and (max-width:600px) {







    .carousel-control-next-icon, .carousel-control-prev-icon {



        background-size: cover;



        width: 35px;



        height: 35px;



      }







      .carousel-caption p {



          margin-bottom:0px;



          padding:5px;



          padding-left:15px;



          padding-right:15px;



      }







  }







/* 



==========================================







OPTIONAL CONTENT BLOCK







For content that is initially hidden in a section







=========================================



*/







.optional_content_link {



    padding-top:10px;



    padding-bottom:10px;







}







.optional_content_link p {



    margin-bottom:0px;



    font-weight: 600;



    font-family: var(--secondary-font);



}







.optional_content_link p i {



    margin-left:5px;



}







.optional_content_block {



    display:none;



}







.optional_content_link:hover {



    cursor: pointer;



}







.optional_content_block, .optional_content_block_visible {



    margin-top:25px;







}











/* 



==================







LATEST NEWS BLOCK ON FRONT PAGE







===================



*/







.latest_news_section {



    height:100%;



    position: relative;



    width:100%;



    background-size: cover; 



    background-color:var(--primary-color);



    color:var(--text-white);



    padding-top:130px;



    text-align: center;



    color:white;



    padding-bottom:130px;



    margin-top:130px;



   



}







.latest_news_content .content_text_block a {



    color:#fff;



}







.latest_news_content .content_text_block a:hover {



    color:var(--secondary-color);



}











@media screen and (max-width:768px){







    .latest_news_section{



        padding-top:70px;



        padding-bottom:70px;



    }



}











/* 



==================







NEWS BLOCKS







===================



*/







.latest_news_list_container {



    display:flex;



    background-color:var(--white);



    border-top-left-radius:3px;



    border-bottom-left-radius:3px;



    border-top-right-radius: 3px;



    border-bottom-right-radius:3px;



    overflow: hidden;



    box-shadow:var(--box-shadow);



    -webkit-box-shadow:var(--box-shadow);







}







.post_thumbnail_container {



    flex:25%;



    overflow:hidden;



    



}







.post_thumbnail{



    background-size:cover;



    background-repeat: no-repeat;



    background-position: center;



    height:250px;



    transform:scale(1);



    transition:all 0.5s linear;



    



}







.post_thumbnail:hover{



    transform:scale(1.2);



    transition:all 0.5s linear;



    -o-transition: all 0.5s linear; /* opera */



    -ms-transition: all 0.5s linear; /* IE 10 */



    -moz-transition: all 0.5s linear; /* Firefox */



    -webkit-transition: all 0.5s linear; /*safari and chrome */



    border-top-left-radius:10px;



    border-bottom-left-radius:10px; 



}







.post_text {



    flex:75%;



    text-align: left;



    margin-top:30px;



    padding:20px;



}







.post_text h5 {



    color:var(--primary-color);



    font-size: var(--subheading-font-size);



    



}







.post_text p {



    color:#000;



    margin-bottom:0px;



}







.post_text a {



    margin-top:15px;



    display:block;



}







.post_text a:hover {



    text-decoration: none;



}







.post_text a:hover p {



    color:var(--primary-color);



    



}











.view_news_page_button {



    display: flex;



    justify-content: center;



    margin:auto;



    background-color:var(--secondary-color);



    margin-top: 30px;



}







.view_news_page_button:hover {



    background-color:var(--primary-color);



}























@media screen and (max-width:600px) {







    .latest_news_list_container{



        flex-direction:column !important;



        border-top-left-radius:10px;



        border-top-right-radius: 10px;



    }







    .post_text {



        margin-top:0px;



    }







}



















/* 



==========================================







SOCIAL MEDIA BLOCK







=========================================



*/







.social_media_section{



    padding-top:130px;



    text-align: center;  



}







.social_media_icons{



    display:flex;



    justify-content: center; 



}







.social_media_icons .facebook svg, .social_media_icons .insta svg, .social_media_icons .twitter svg{



    fill:var(--primary-color);



    margin:0px 20px 0px 20px;



    transition: .5s ease-in-out;



}







.social_media_icons svg:hover{



    transform:scale(1.2);



    transition: .5s ease-in-out;



}











@media screen and (max-width:768px){



    .social_media_section{



       padding-top:70px;



        



    }



}







/* 







=======================







LINK BANNER







The banner under a page's content, for linking to another page







======================



*/







.link_banner {


    padding:65px;
    padding-left:90px;
    color:var(--white);
    /* background-attachment: fixed; */



    text-align: center;



    position: relative;



    text-align:left;

  
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}



.link_banner_margin{



    margin-top:130px;  



}



.link_banner .heading{



    margin-bottom:20px;



}



.link_banner_heading h2{



    color:white;

    padding-bottom:15px;

}



.link_banner_heading h3{


    padding-bottom:15px;
    font-weight:400;



}



/* .link_banner_content .button {



    background-color:#ffffff;



}







.link_banner_content .button:hover {



    background-color:var(--primary-color);



} */
@media screen and (min-width:1700px){
    .link_banner{
        padding-left:15%;
    }
}


@media screen and (max-width:540px){



    .link_banner{



        padding:50px 15px;



    }



}











/* 



==========================================







MAILING LIST







=========================================



*/

.sign_up_section, .disclaimer_section{
    padding-left:15px;
   
}
@media screen and (min-width:1700px){
    .sign_up_section, .disclaimer_section{
        
    }
}

@media screen and (max-width:768px) {
    .sign_up_section, .disclaimer_section{
        padding-left:15px;
    } 
}


.mailing_list_container {



    padding-right:15px;



    padding-left:15px;



    /* text-align:center; */



    margin:0 auto;



    background-color:var(--light-grey);



    padding-bottom:130px;







}


.p-input-label{
margin-bottom: 0px;
}

p .input-label{
    font-weight:bold;
    
}


.mailing_list_section  {



    padding-top:130px;



}







.mailing_list_form form .email_input{



    background: #FFFFFF;



    -webkit-appearance: none;



    box-shadow:var(--box-shadow-hover);
    border:2px solid var(--primary-color);



    /* border-radius: 10px; */



  



    padding:14px 20px 18px 20px;



    max-width:425px;



    width:100%;



}







.mailing_list_form form button{



    /* text-transform: uppercase; */



    margin-left:10px;







}







.g-recaptcha div {



    margin: auto;



      margin-top: auto;



    margin-top: 25px;



  }







  .disclaimer_info {



      margin-top:15px;



  }



/*  update */



.question_one,.question_two,.question_three{


    display:block;
    margin-bottom:30px;



}



  .label_wrap{



    background-color: var(--primary-color);



    color:white;



    width:fit-content;



    /* margin:0 auto; */



    padding:9px  15px 9px 15px;



    font-family: var(--secondary-font);



    font-weight:400;



    font-size:18px;



    line-height: 20px;



  }



  .label_wrap img{



    width:15px;



  }







  .drop_down_options{



    margin-top:20px;



  }







  .drop_down_options label {



    max-width:230px;



    margin:auto;



    /* display:block; */



    display: inline;



    text-align: center;



    padding-right:30px;



    padding-bottom:30px;



  }







  .drop_down_options label input{



    



    cursor:pointer;



     



    background-color: var(--primary-color);



  



















  }







  .checkmark{



    /* display: block; */



    width: 100%;



    font-size: 18px;



    cursor:pointer;



    background-color: transparent;







   







  }







  .drop_down_options input:checked ~ .checkmark{



    



  











    



  }











  input[type='radio']:after {



    width: 15px;



    height: 15px;



    border-radius: 15px;



    top: -2px;



    left: -1px;



    position: relative;



    background-color: #d1d3d1;



    content: '';



    display: inline-block;



    visibility: visible;



    border: 2px solid white;



}







input[type='radio']:checked:after {



    width: 15px;



    height: 15px;



    border-radius: 15px;



    top: -2px;



    left: -1px;



    position: relative;



    background-color: var(--primary-color);



    content: '';



    display: inline-block;



    visibility: visible;



    border: 2px solid white;



}











  #first_question_options,#second_question_options,#third_question_options{



    display:none;



  }

@media screen and (max-width:1130px){
    .mailing_list_form button{
        margin-top:20px;
        margin-left:0px !important;
    }
}

  @media screen and (max-width:700px){



    .drop_down_options label{



        display:block;



        padding-bottom:10px;



        padding-right:0px;



    }



}



  @media screen and (max-width:650px) {







    .mailing_list_form form .email_input {



        width:100%;



        max-width:initial;



    }







    .mailing_list_form form button {



        /* text-transform: uppercase; */



        margin-top: 20px;



        margin-left:0px;



      }







  }







  @media screen and (max-width:590px){



    #mailing_list_signup form button{



        margin-top:10px;



        



    }



}











/* 



==================







FOOTER







===================



*/











footer {



    background-color:var(--primary-color);



    color:white;



    padding:130px 10px 130px 10px;



    



}







footer .container{
    max-width:1300px;
    padding-left:15px;
    margin-left:75px;
}
@media screen and (min-width:1700px){
    footer .container{
        margin-left:15%; 
    }
}

@media screen and (max-width:1400px){
    footer .container{
        margin-left:0px;
    }
    .container{
        margin-left:0px;
    }
}





/* footer contact info */







.contact_button_area {



    border:2px solid #ffffff99;



    padding:40px;



    /* border-radius:10px; */



    



}

.contact_button_area p{
    color:white;
}

@media screen and (max-width:540px){



    .contact_button_area{



        padding-left:15px;



    }



}



.contact_button_area a{



    background-color:white;



    color:var(--text-color);



    



}







/* footer other info */







.footer_info{



    padding-left:3rem;



    padding-top:1.5rem;



}







.footer_info img {



    margin-bottom:30px;



    max-width:350px;



    width:100%;



}







.footer_social_media_section {



    display:flex;



    justify-content: left;



}







.footer_social_media_section svg {



    margin:10px 10px 10px 0px;



}







.footer_social_media_section path {



    fill:var(--footer-text-color);



}







.email_link {



    color:#fff;
    text-decoration: underline;
    word-wrap: break-word;

}







.email_link:hover {



    color:var(--brand-teal);



    text-decoration: none;



}




.privacy_text p {
    color:#fff;
}


.privacy_text p a {



    color:#fff;   
 text-decoration: underline;


}







.privacy_text p a:hover {



    color:var(--brand-teal);



    text-decoration: none;



}







/* footer nav */







.footer_menu section {



    width: 100%;



    /* height: 110px; */



    z-index: 10;



    position: relative;



    transition: all 0.3s ease-in-out;



}







.footer_menu section nav {



    float: left;



}







.footer_menu section nav ul li {



    display: inline-block;



    padding-right: 20px;



  }







.footer_menu section nav ul li a {



    font-family: var(--secondary-font);



    color:#FFFFFF;



}







.footer_menu section nav ul li.current_page_item a  {



    color:var(--brand-teal);
    font-weight: bold;

text-decoration: underline;

 }







 .footer_menu section nav ul li a:hover {



    color:var(--brand-teal);



    text-decoration: none;



}







.footer_back_to_top {



    position: absolute;



    top:5%;



    right:10%;



}















@media screen and (max-width:1103px){







    footer {



        padding-top:50px;



        padding-bottom:50px;



    }







    .footer_menu section nav ul li {



        display: block;



        padding-right:20px;



        margin-top:15px;



    



    }



    .footer_info {



        padding-left:1rem;



    }



    .footer_back_to_top {



        top:auto;



        bottom:0%;



    }



}







/*****************************







JOIN THE CONVERSATION







*******************************/







/* banner */







.join_the_conversation_page_banner {



    height:280px;



    background-size:cover;



    color:white;



    

background-position: bottom center;

}







.join_the_conversation_page_banner .container {



    height:280px;



    position: relative;



    max-width:1200px;



}







.join_the_conversation_banner_heading {



    position: absolute;



    bottom:40px;



    left:0px;



    padding-left:15px;



    padding-right:15px;



}







.join_the_conversation_banner_heading h2, .join_the_conversation_banner_heading h3 {



    font-family: var(--secondary-font);



    color: var(--page-banner-heading-color);  



}







.join_the_conversation_banner_heading h2 {



    font-size: var(--page-banner-heading-font-size);



    /* text-transform: uppercase; */



}







.join_the_conversation_banner_heading h3 {



    margin-bottom:0px;



}











/* sub menu */



.have_your_say_menu{



    display:none;



}







.have_your_say_menu li {



    background-color: var(--primary-color);



    color:white;



    display:inline-block;



    padding:10px;



    padding: 2px 15px;



    border-radius: 5px;



    margin-right:5px;



    margin-bottom:15px;



}







.have_your_say_menu li a {



    color:white;



    opacity: .4;



}







.have_your_say_menu li a:hover {



    opacity:1!important;



    text-decoration: none;



}







.active_have_your_say_link a {



    opacity:1!important;



}







.typeform_have_your_say_link {



    background-color:var(--secondary-color)!important;



}







.join_the_conversation_intro_content {



    margin-bottom:35px;



}











/* typeform buttons and form */











.typeform_buttons {



    margin-bottom:25px;



}







.typeform_link {



    color:white;



    display: block;



    margin-top:20px;



    width: max-content;



    margin: auto;



    margin-top:25px;



 }







 .typeform_link .button {



    text-transform: initial;



 }







.typeform_link:hover div {



    background-color:var(--secondary-color);



    color:white;



    text-decoration: none;



}











.typeform {



    margin-bottom:25px;



}







/* exhibition hub page buttons */







.exhibition_page_link_container {



    border-radius: 3px;



    box-shadow: var(--box-shadow);



    -webkit-box-shadow: var(--box-shadow);



    margin-bottom:35px;



    padding-left:0px;



    padding-right:0px;



    







}







.exhibition_page_link_content_image {



    width:100%;



    height: 207px;



    border-top-right-radius: 3px;



    border-top-left-radius: 3px;



    background-position: center;



    background-size:cover;



    background-repeat: no-repeat;







}



















.exhibition_page_content {



    border-bottom-left-radius: 3px;



    border-bottom-right-radius: 3px;



    padding:30px;



    text-align: left;



}







.exhibition_page_content h6 {



    color:var(--primary-color);



}







.exhibition_page_read_more_link a {



    color:black;



    text-decoration: none;



}







.exhibition_page_read_more_link a p {



    /* text-transform: uppercase; */



    font-size: 18px;



    margin-bottom:0px;



    font-family: var(--secondary-font);



}







.exhibition_page_read_more_link a:hover p {



    color:var(--primary-color);



}







.exhibition_page_read_more_link {



    float:right;



}







.exhibition_page_read_more_link img {



    width:167px;



}







@media screen and (max-width:800px) {







    .join_the_conversation_page_banner {



        width:100%;



        color:white;



        padding-top: 50px;



        padding-bottom: 50px;



        background-size:cover;



        height:250px;







    }







    .join_the_conversation_page_banner .container {



        height: 200px;



    }







    .join_the_conversation_banner_heading {



        position: absolute;



        bottom:10px;







    }











}







/* exhibition pages */







.exhibition_link_container {



    margin-top:100px;

    display:none;

}







.exhibition_section_link {



    box-shadow: var(--box-shadow);



    -webkit-box-shadow:var(--box-shadow);



    border-radius: 10px;



}







.next_section_link {



    margin-bottom:0px;



}







.exhibition_section_link .previous_exhibition_page_image, .exhibition_section_link .next_exhibition_page_image {



    background-size: cover;



    height: 200px;



    border-top-left-radius: 10px;



    border-top-right-radius: 10px;



    margin-right: -15px;



    margin-left: -15px;



    background-position: center;



}







.exhibition_section_content {



    padding: 20px;



}







.exhibition_section_text {



    font-weight: 700;



    position: absolute;



    top: -12%;



    font-family: var(--secondary-font);



    font-size: 22px;



  }







  .exhibition_next_text {



    right: 0;



    left: auto;



  }







  .exhibition_previous_text {



    left: 0%;



    right: auto;



  }







  @media screen and (max-width:767px) {



    /* .exhibition_section_text {



        position: static;



    } */



    .exhibition_section_text{



        margin-top:20px;



    }



    .next_section_link {



        margin-top:50px;



    }







}







.exhibition_section_content h6 {



    color: var(--primary-color);



}







.exhibition_read_more_link a p {



    font-family: var(--secondary-font);



    color: black;


/* 
    text-transform: uppercase; */



    margin-bottom: 0px;



    font-size:18px;



  }







  .exhibition_read_more_link {



    padding-bottom: 20px;



  }







  .previous_exhibition_link {



    float: left !important;



  }







  .next_exhibition_link {



      float:right!important;



  }







  .exhibition_read_more_link a:hover {



    text-decoration: none;







  } 



.exhibition_read_more_link a:hover p {



    color:var(--primary-color);



    



}











/* 



==================







TIMELINE







Page with blocks, showing progression of a project







=========================



*/







.timeline {



    position: relative;



    max-width: 1200px;



    margin: 0 auto;



    margin-top:25px;



    margin-bottom:25px;



    text-align:left;



    padding-left:15px;



    padding-right:15px;



}



  







.after_timeline_content_container .content_text_block, .after_timeline_date h6 {



    opacity: .4!important;



}







.timeline_content_container .content_text_block {



    box-shadow: var(--box-shadow);



    -webkit-box-shadow: var(--box-shadow);



    border-radius:10px;



    padding:48px;



    margin-bottom:45px;



}







.current_timeline_content_container .content_text_block {



    background-color:var(--highlight-color);



     border-left:4px solid var(--primary-color); 



     border-top-left-radius: 0px;



     border-bottom-left-radius: 0px;



}



  



.highlighted_timeline_block {



   display:flex;



   justify-content: right;



}











.highlighted_timeline_block p {



    align-items: center;



    font-family: var(--secondary-font);



    margin-top:30px;



    font-size:18px;



    margin-right:20px;



}







.highlighted_timeline_block svg {



    transform: rotate(90deg);



}







.timeline_icon {



    width:45px!important;



    margin-top:21px!important;



    height:45px!important;



}







.timeline_icon:hover {



    opacity: 1!important;



    cursor:default!important;



}











/* Fix the circle for containers on the right side */







.right::after {



 left: -13px;



}



  



/* The actual content */







.timeline_content {



    background-color: #f2f2f2;



    position: relative;



    border-radius: 6px;



    color: black;



}







.timeline_content .content_text_block {



      margin-top:15px;



      margin-bottom: 0px;



}







.timeline_content .content_text_block:last-child {



     margin-bottom:0px!important;



  }







@media screen and (max-width:600px) {







    .timeline {



        margin-top:25px;



    }







    .timeline_content {



        padding: 20px 15px;



    }



     



}



  







.timeline_container {



    position: relative;



}







.timeline_date {



      width:25%;



      float:left;



      position: relative;



      padding-right: 50px;



}







.timeline_content_container {



    float:right;



    width:75%;



}











/* The circles on the timeline */







.timeline_date::after {



    content: '';



    position: absolute;



    width: 20px;



    height: 20px;



    right: -8px;



    background-color: var(--primary-color);



    border: 3px solid var(--primary-color);



    margin-top:0%;



    border-radius: 50%;



    z-index: 1;



}







.timeline_content_container::after {



    content: '';



    position: absolute;



    width: 2px;



    background-color: var(--primary-color);



    top: 0;



    bottom: 0;



    left: 0px;



    margin-left: -3px;



}







.timeline_content_container {



      background-color:transparent;



      padding-left:50px;



      position: relative;



}











/* Media queries - Responsive timeline on screens less than 600px wide */







@media screen and (max-width: 670px) {



    .timeline_content_container .content_text_block{



        margin-bottom:0px;



        padding:20px;



    }







    .timeline_content_container{



        width:100%;



        padding-left:20px;



    }







    .timeline_content_container::after{



        margin-left:0px;







    }







    .timeline_date{   



        width:100%;



        margin-bottom:40px;



        margin-top:40px;



    }







    .timeline_date::after{



        right:auto;



        left:-9px;



        margin-top:15%;



    }



}











/* 



==================







FAQs







page with questions and answers in an accordion







=========================



*/











/* filter section */







.filter_container input {



    padding:16px 30px  18px 30px;

    border:2px solid var(--primary-color);

    width: 340px;

    box-shadow:var(--box-shadow);

    -webkit-box-shadow:var(--box-shadow);

    



    /* border-radius: 5px; */



}







.filter_container button {



    margin-left:5px;



}







.filter_container button:hover {



    cursor:pointer;



    background-color:var(--brand-teal);







}











.filter_no_matches_result {



    margin-top:20px;



    display:none;



}











.accordion {



    margin-top: 50px;



    margin-bottom:150px;



    box-shadow:var(--box-shadow);



    -webkit-box-shadow:var(--box-shadow);



    border-radius: 10px;



}







/* .mb-0 {



    font-size: inherit!important;
   



} */







.card {



    background-color:transparent;



    border: 0px;



}







.card-body {



    background-color:var(--highlight-color);



    padding: 30px;



    border-left:3px solid var(--primary-color);



}











.card-body .content_text_block {



    margin-bottom:0px;



    margin-top:0px;



}







.card-header {



    background-color:transparent;



    margin-top:10px;



    position: relative;



    z-index: 2;



   



}







.mb-0 button {



    color:var(--primary-color);



    padding: 0px;



    width:100%;



    font-weight:400;



    white-space: normal;  



    text-transform: initial;  







}







.mb-0 button .faq-button p{



   



    margin-bottom: 0px;



    padding-left: 30px;



    text-align:left;



    margin-left:0;



    font-family: var(--secondary-font);



    



   



}



.mb-0 button .faq-button .faq-icon {



    text-align: right;



}











.mb-0 button .faq-button .faq-icon i {



    border-radius:50%;



    padding:6px 7px;



    border:2px solid var(--primary-color);



    font-size:10px;



}







.mb-0 button .faq-button .faq-icon i::before {



    color:var(--primary-color);



}







.mb-0 button:hover, .mb-0 button:hover .faq-button .faq-icon i::before {



    color:var(--secondary-color)!important;



}















.minus-button{



    display: none;



}



.mb-0 button .faq-button img{



     



    width:30px;



    



}







.mb-0 button:hover {



    color:var(--button-hover-color);



    text-decoration: none;



}



.hover-icon-color{



    border:2px solid var(--button-hover-color) !important;



}



.leave-icon-color{



    border:2px solid var(--primary-color) !important;



}











.btn-link {



    color:white;



    transition:none!important;



}







.btn-link i {



    margin-right:25px;



}







.btn-link:hover {



    color:white;



}











.btn-link:hover, .btn-link:active, .btn-link:visited, .btn-link:focus {







    color:white;



    text-decoration:none!important;







}







.faq-button:focus, .faq-button:visited, .faq-button:active {



    color:var(--primary-color)!important;



}















@media screen and (max-width:768px){



 



    .mb-0 button .faq-button p{



        text-align: center;



        padding-left:0px;



       



    }



    .mb-0 button .faq-button .faq-icon{



        text-align: center;



    }



    .mb-0 button .faq-button i{



        margin-top:0px;



    }







    .btn-link i {



        margin-left:0px;



        margin-right:0px;



    }



}







@media screen and (max-width:630px) {







    .filter_container input {



        width:100%;



    }







    .filter_container button {



        margin-top:15px;



    }







}







@media screen and (max-width:575px) {







    .mb-0 button .faq-button i{



        margin-top:5px;



    }







}







@media screen and (max-width:375px) {







   







    .card-header {



        padding: 10px;



    }







}











/* 



==================







DOCUMENT LIBRARY







===================



*/



.documents_container {



    width:100%;



}











.document_group {



    padding-top:45px;



    padding-bottom:125px;



}







.document_group h2 {



    margin-bottom:30px;



}











.document_link_container {



    width: 100%;



    display: inline-table;



    margin-bottom:25px;



    box-shadow:var(--box-shadow);



    -webkit-box-shadow:var(--box-shadow);



    border-radius: 5px;



    transition: all 0.2s ease-out;



}







.document_link_container:hover{



    border-left:5px solid var(--primary-color);



    background-color:var(--highlight-color);



    box-shadow:none;



    transition: all 0.2s ease-out;



}



.document_name{



    color:var(--primary-color);



    text-align: left;



    



}



.document_name h6 {



    margin-top:5px;



    margin-bottom: 0px;



    padding-left:50px;



}







.document_name, .document_file_size , .document_date {







    border-right:1px solid rgba(26, 26, 26, 0.2);



    padding:15px;



}







.document_name {



    width:35%;



}







.document_file_size {



    width:20%;



}







.document_date {



    width:20%;



}







.download_icon {



    width:25%;



    padding:15px;



}







.download_icon img {



    float: right;



    padding-right:50px;



}







@media screen and (max-width:768px){



    .document_file_size , .document_date{



        display: none;



    }



    .document_name{



        width:70%;  



    }







    .download_icon{



        width:30%;   



    }







    .document_name h6 {



        padding-left:0px;



    }



    .download_icon img {



        padding-right: 10px;



    }



}











/* 



==================







CONTACT







Page with a native contact form







=========



================



*/



.wpcf7-form{



    box-shadow: var(--faqs-box-shadow);



    -webkit-box-shadow: var(--box-shadow);



    padding:40px;



    margin-top:60px;



    padding-top:80px;



    margin-bottom:60px;



    text-align: left;



}


.wpcf7-not-valid{
    border:2px solid red !important;
}




.wpcf7-form-control-wrap {



    width:100%;



    display:block;



}







.wpcf7-form-control {



    width:80%;



    display:block;



    padding:15px;



}







.wpcf7-form p label {



    width:80%;



    display:block;



}



.wpcf7-form p label:first-of-type {



 margin-top:50px;



}



.wpcf7-form p label, .wpcf7-form-control{



    display:inline !important;



   



}



.wpcf7-form p label span input, .wpcf7-form p label span textarea {



    width:100%;



    display:block;



    padding:15px;



    background-color:var(--highlight-color);



    border:0px;



    







    



}







.wpcf7-form p label {



    margin-top:35px;



}







.wpcf7-form-control-wrap {



    margin-top:10px;



}











.wpcf7-submit {



    max-width: 160px;



    margin-top: 35px;



    margin: auto;



    width: 100%;



    border: 0px;



    margin-bottom: 25px;



    text-transform: uppercase;



    border-radius:0px;







}







.wpcf7-submit:hover {



    background-color: var(--button-hover-color);



   cursor:pointer;



}







.wpcf7-spinner {



	text-align:center!important;



	margin:auto!important;



	display: block!important;



}







.wpcf7 form .wpcf7-response-output {



    text-align: center;



}







.contact_detail_section_icon {



    padding: 5px;



    border-radius: 10px;



    background-color: #f2f2f2;



    margin: auto;



    margin: auto;



    text-align: center;



    width: 40px;



    box-shadow: 0px 5px 6px 2px #ebe6e6;



}







.contact_detail_section_icon img {



    width:100%;



}







.contact_detail_section p {



    font-weight: 500;



    text-align: center;



    margin-top:10px;



}







.wpcf7-not-valid-tip {



    margin-top:5px;



    



}







.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {



    border-color:red;



}







/* @media screen and (max-width:991px) {



    .wpcf7-form p label span input, .wpcf7-form p label span textarea {



        border:2px solid var(--primary-color);



    }



} */











@media screen and (max-width:750px) {



    .wpcf7-form {



        padding-left:15px;



        padding-right:15px;



    }







    .wpcf7-form p label span input, .wpcf7-form p label span textarea {



        width:100%;



    }



}











/* 



==================







BLOG / NEWS PAGE







===================



*/







.pagination {



    margin-top:25px;



}











.pagination span {



    display:none;



}







.pagination li {



    margin-right:15px;



    list-style-type: none!important;



}







.page-link {



  color: var(--primary-color);



  background-color: transparent;



  border-color: none;



  border: 2px solid var(--primary-color);



  text-align: center;



}







.page-link:hover {



    color: #fff;



    background-color: var(--primary-color);



    border: 2px solid var(--primary-color);



}







.page-item.active .page-link {



    color: #fff;



    background-color: var(--primary-color);



    border-color: none;



    border: 2px solid var(--primary-color);



}







.page-item.active .page-link:hover {



    color:#fff;



}







.page-item:last-child .page-link {



    border-radius: initial;



}







/* post page */







.post_page {



    margin-top:65px;



}







/* archive page for blog posts and Exhibition */







.post_archive {



    margin-top:50px;



}







/*UPDATE*/







.prompt-section{
    background-color: var(--primary-color);
    background-size: cover;
    background-repeat: no-repeat;
    color:white;
   padding-top:120px;
   padding-bottom:120px;
   align-items: center;
   height:auto;
   margin-bottom:0px !important;
}


.prompt-one-border{
    border-bottom:13px solid var(--brand-green);
}
.prompt-two-border{
    border-bottom:13px solid var(--brand-peach);
}


.prompt-three-border{
    border-bottom:13px solid var(--brand-light-blue);
}



.prompt-section-padding{
    margin-top:110px;
}



.prompt-section h3{



    margin-bottom:20px;
    font-size:48px;
    


}

@media screen and (max-width:500px){
    .prompt-section h3{



    margin-bottom:20px;
    font-size:28px !important;
    


}
}

.prompt-section p{


    color:white;
    margin-bottom:30px;
    font-size:24px;
    line-height:28px;
    max-width:550px;

}



.prompt-section h3{



    /* text-transform: uppercase; */



}







.prompt-half-width-container{



   



    color:var(--primary-color);



    display: flex;



    align-items: center;



    



}



.prompt-section-half-width{



   

 



}

@media screen and (min-width:1700px){
    .prompt-section-half-width{



      



    }

}

@media screen and (max-width:1160px){



    .prompt-section-half-width{



        padding-left:15px;



    }



}



.faqs-prompt-section{



    padding-top:8rem;



    padding-bottom:8rem;

    padding-left:90px;

    background-color:#ffffff;

}


@media screen and (min-width:1700px){
    .faqs-prompt-section{
        padding-left:15%;
    }
    .archive-prompt-section{
        padding-right:15%;
    }
}
.archive-prompt-section{



    padding-top:8rem;



    padding-bottom:8rem;

    padding-left:90px;

    background-color:rgba(110, 198, 168, 0.30);



   



}



.prompt-section-half-width h3{



    /* text-transform: uppercase; */


    font-size:48px;
    margin-bottom:20px;



    padding-right:40px;



}


.archive-prompt-section p, .faqs-prompt-section p{
    font-size:24px;
    line-height:28px;
    padding-right:7%;
}
.prompt-section-half-width h5{



    padding-right:50px;



}

@media screen and (max-width:1160px){



    .prompt-section, .faqs-prompt-section, .archive-prompt-section{



        padding-top:50px;
        padding-bottom:50px;
        padding-left:15px;
        padding-right:15px;



     }



   .prompt-padding .row{



        padding-left:40px;



        padding-right:40px;



    }



}



.prompt-section-half-width .button{



    margin-top:30px;



}



/*Search Filter*/







.searchandfilter{



    display:flex;



    justify-content: left;



}



.searchandfilter select{



    padding:8px;



    border:2px solid black;



    margin-right:10px;



}



.searchandfilter input{



    background-color:var(--primary-color);



    padding:11px 28px;



    border:0px;



    color:white;



    /* text-transform: uppercase; */



}



@media screen and (max-width:490px){



    .searchandfilter input{



       margin-top:10px;



    }



}



@media screen and (max-width:380px){



     .searchandfilter{



        justify-content:center;



        text-align: center;



    }



    .searchandfilter input, .searchandfilter select{



        width:80vw;



    }



    .searchandfilter select{



        margin-bottom:8px !important;



        margin-right:0px;



    }



}



/* 







==========================================







DOCUMENTS







For a list of bullet points







=========================================







*/







.documents_post {



    margin-top:50px;



}







.downloadable_document_post {







    margin-bottom:30px;







}







.downloadable_document_post a:hover {



    text-decoration: none!important;



    



}











.document_container_post {



    border:2px solid var(--brand-green);



    border-radius: 10px;



    background-color:var(--brand-green);



    color:white;







}







.document_container_post:hover {



    cursor: pointer;



    



    text-decoration: none!important;



    border:2px solid var(--secondary-color);



    background-color:var(--secondary-color);



    transition:all 0.2s ease-in;



    color:white;



   



}







.document_container_post .document_name_post p {



    color:var(--primary-color);



    font-weight:700;



}



.document_container_post:hover .document_name_post p{



    color:#ffffff;



}











.document_name_post {



    margin-bottom:0px;



    position: relative;



    padding:15px 15px 15px 15px;



}















.document_name_post p {



    margin-bottom:0px;



    color:var(--primary-color);







}















.download_icon_post {



    width:34px;



    position: absolute;



    top: 50%;



    right: 25px;



    -ms-transform: translate(-50%, -50%);



    transform: translate(0%, -50%);















}















.document_details {







    margin-top:25px;



    display:none;



    padding:0px 15px 15px 15px;



    border: 2px solid var(--primary-color);;



    padding-top: 25px;



    margin-top: -10px;







}















.document_showing {







    background-color:var(--primary-color)!important;



    color:white!important;







}















.download_icon_post {



    width:31px;



    height: 31px;



    background-image:url('img/vector.svg');



    background-size:cover;



   





}



.downloadable_document_post:hover .download_icon_post{

    

    width:31px;



    height: 31px;



    background-image:url('img/vector-white.svg');



    background-size:cover;

}







.document_showing .document_name a .download_icon_post {







    background-image:url('img/download_icon_active.png')!important;



}















@media screen and (max-width:600px) {







    .download_icon_post {



       



        transform: none;



        margin-top:-15px;



    }







}



/* Privacy Policy */



.privacy_policy_section {

margin-top:25px;

}



.privacy_policy_accordion {

margin-top:0px;

margin-bottom:0px;

}



.privacy_policy_link_list li {

	list-style-position:inside;

}



.privacy_policy_link_list li a {

	color:var(--primary-color);

}



.privacy_policy_link_list li a:hover {

	text-decoration:none!important;

}