.header_bottom{
            background-color: rgba(255,255,255,0);
            }

            
                .header_bottom,
                .header_top{
                border-bottom: 0;
                }

                .header_bottom {
                box-shadow: none;
                }

                .header_top .right .inner > div:first-child,
                .header_top .right .inner > div,
                .header_top .left .inner > div:last-child,
                .header_top .left .inner > div {
                border: none;
                }

            
        
        
        
        
        
        
        
        
                    .content .content_inner > .container > .container_inner,
            .content .content_inner > .full_width > .full_width_inner{
            padding-top: 0px;
            }
        
                    .content .content_inner > .container > .container_inner.default_template_holder{
            padding-top: 44px;
            }
        
                    @media only screen and (max-width: 1000px){
            .content .content_inner > .container > .container_inner,
            .content .content_inner > .full_width > .full_width_inner,
            .content .content_inner > .container > .container_inner.default_template_holder{
            padding-top: 44px !important;
            }
            }
        

        

        
        
        
        
        
        
                    header.fixed.scrolled .header_bottom,
            header.fixed.scrolled .header_top,
            header.fixed_hiding.scrolled .header_bottom,
            header.fixed_hiding.scrolled .header_top{
            background-color: rgba(2,2,2,0.1) !important;
            }
        
        
        
        

        
        
        
        
                    header.sticky .header_top{
            background-color: rgba(0,0,0,0.1);
            }
        
        
        

        
                        .content{
            margin-top: 0;
            }
        
        @media only screen and (max-width: 1000px){
        .content_wrapper{
        margin-top: 40px;
        }
        }

        

        header .header_bottom.left_menu_position .logo_wrapper{
        width: 175px;
        }

                
        
        
                
        
        
        
        
        

        
        
        
            .logo_wrapper,
            .side_menu_button,
            .header_bottom_right_widget_holder,
            .shopping_cart_inner,
            .side_menu .close_side_menu_holder{
            height: 60px;
            }

            
                .content.content_top_margin{
                                    margin-top: 136px !important;
                                }
            
            header:not(.centered_logo) .header_fixed_right_area {
            line-height: 60px;
            }

            .vertical_menu_enabled .content.content_top_margin {
            margin-top: 0px !important;
            }

        


                    header.scrolled .logo_wrapper,
            header.scrolled .header_bottom_right_widget_holder,
            header.scrolled .side_menu_button{
            height: 60px;
            }

            header.scrolled nav.main_menu ul li a {
            line-height: 60px;
            }

            header.scrolled .drop_down .second{
            top: 60px;
            }
        
        
                    header.sticky .logo_wrapper,
            header.sticky .side_menu_button,
            header.sticky .header_bottom_right_widget_holder,
            header.sticky .shopping_cart_inner,
            .side_menu.sticky .close_side_menu_holder{
            height: 60px !important;
            }
        
                    header.sticky .header_bottom,
            header.fixed.scrolled .header_bottom,
            header.fixed_hiding.scrolled .header_bottom{
            box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            }
        
        
        
                    @media only screen and (max-width: 1000px){
            .mobile_menu_button, .logo_wrapper, .side_menu_button, .shopping_cart_inner, .header_bottom_right_widget_holder,
            .side_menu .close_side_menu_holder{
            height: 40px !important;
            }
            }
        
                    @media only screen and (min-width: 1000px){
            header.fixed_hiding .q_logo a,
            header.fixed_hiding .q_logo{
            max-height: 28px;
            }
            }
            
                    @media only screen and (min-width: 1000px){
            header.fixed_hiding .holeder_for_hidden_menu{
            max-height: 60px;
            }
            }
            
        
        
        
                            nav.main_menu > ul > li > a{
            line-height: 60px;
            }
        
        
        


        


        
                    .drop_down .second{
            border-top: 0 !important;
            }
        
                
        
        
                    nav.main_menu > ul > li > a{
             color: #ffffff;                                                                                     }
        
                    .header_bottom #lang_sel > ul > li > a,
            .header_bottom #lang_sel_click > ul > li > a,
            .header_bottom #lang_sel ul > li:hover > a{
             color: #ffffff !important;                                                                                     }
        
        

        
        


        


        

        

        

        

        

        
        
                
                


        




        
        

        
        

        
        
        

        
        
                            
                            

        

        
        
        

        
        
        
        
        
        
        
        
        
        
        
        
        
        
        


                                
                        
                    header.sticky nav.main_menu > ul > li > a > span.item_inner,
            header.light.sticky nav.main_menu > ul > li > a > span.item_inner,
            header.dark.sticky nav.main_menu > ul > li > a > span.item_inner{
             color: #ffffff;                                                                                                 }
        
                    header.sticky .side_menu_button a,
            header.sticky .side_menu_button a:hover{
             color: #ffffff;             }
        
        
        
                
                    @media only screen and (max-width: 1000px){
            .header_bottom,
            nav.mobile_menu{
            background-color: #000000 !important;
            }
            }
        
        
        


                
        


                
        


        
        
                    h1{
                                        font-family: 'Playfair Display', sans-serif;
                                                                                                }
                            h2{
                            font-family: 'Playfair Display', sans-serif;
                        font-size: 42px;             line-height: 46px;                                                             }
            h2, h2 a{
                        }
                                        

        
        

        
        
        
        
        
        
        
        
                
        
        
        
        
        
        
        
        
        
        
        
        
        

        

        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
                
        
                
        
        
        

        
                        
        
        
        

        
        
        

        
        
        
        
        
        
        
        
        
        
        
        
        
        

        
        
                        
        
                
        
        
        
        
        

        

        
                        
                        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        

        



        


        

        
        
        
        
        
        

        
        
        
        
        
        
        

        
        
        
        
        
        
        
        
        
        
        
                
                                        

        

        
        

        
        

        
        
        
        
        
        
        
        
        
        
        

        
        
        
        

        


        

        
        

        
        
        
        
        
        
        
                            #back_to_top > span{
            font-size: 14px;            }
            
        
        

        
        
                
        
        
        
        
        

        
        
        
        

        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        

        
        

        
        

        
        
        
        
        
        
        

        
        
        
        

        
        .q_team.below_image:not(.social_style_center) .q_team_social_holder_between.center{
        right: calc(50% - 23px);
        }


        

        
        
        

        

        
        
        


        
        

        
        
        
        
        
        
        
        


                        
        
        

        
        

        


        
        



        
        
        
        

        
        
        

        
        
        


        
        
        

        
        
        
        
        
        
        
                                

        
                
                                                                
        
        
        
        



        
        
                
        
        
        
        
        
        
        
        
        

                

        
        
        
        
        
        
        
        
        
            
            
            
        

                        

        
        
        
        
        
        
        

        
        
        
        

        
        
        
                

                    @media only screen and (max-width: 1000px){
            .mobile_menu_button span,
            .side_menu_button > a,
            .mobile_menu_button span{
            color: #ffffff;
            }

            .popup_menu .line,
            .popup_menu .line:after,
            .popup_menu .line:before{
            background-color: #ffffff;
            }
            }
        
                    @media only screen and (max-width: 1000px){
            .mobile_menu_button span:hover,
            .side_menu_button > a:hover,
            .mobile_menu_button span:hover{
            color: #ffffff!important ;
            }
            .popup_menu:hover .line,
            .popup_menu:hover .line:after,
            .popup_menu:hover .line:before{
            background-color: #ffffff;
            }
            }
        
        
        
        
        
        
        


        




        
        


        
        
        

        




        
        
        
        

        
        
        

        
        


        
        
        

        
        

        
        


        



        
        

        
        

        
        
        
        

        
        
        
        
        
            nav.popup_menu > ul > li > a,
            nav.popup_menu > ul > li > h6{
             color: #ffffff;                             font-family: 'Nixie One', sans-serif;
                         font-size: 32px;              line-height: 64px;                                                  letter-spacing: 24px;             }
        
                    .popup_menu.opened .line:after,
            .popup_menu.opened .line:before{
            background-color: #ffffff;
            }

        
                    nav.popup_menu > ul > li > a:hover,
            nav.popup_menu > ul > li > h6:hover{
              color: #ffffff;                        }

        
        
            nav.popup_menu ul li ul li a,
            nav.popup_menu ul li ul li h6{
             color: #ffffff;                             font-family: 'Nixie One', sans-serif;
                         font-size: 22px;              line-height: 44px;                                                  letter-spacing: 14px;             }
        
                    nav.popup_menu ul li ul li a:hover,
            nav.popup_menu ul li ul li h6:hover{
              color: #ffffff;                        }

        
                    nav.popup_menu ul li ul li ul li a{
            color: #ffffff            }
        
                    nav.popup_menu ul li ul li ul li a:hover{
              color: #ffffff;                        }
        
                    
                        .popup_menu_holder{
              background-color: rgba(255,255,255,0.6);              background-image:url('https://twigandthistle.co.nz/wp-content/uploads/2020/10/FS-Menu-Back.jpg');              }
        
        
                    .projects_holder article .portfolio_description{
            background-color: transparent;
            }

            .projects_holder.standard article .portfolio_description,
            .projects_holder.standard_no_space article .portfolio_description {
            padding-left: 0;
            padding-right: 0;
            }

            .masonry_with_space .projects_holder article .portfolio_description {
            padding: 35px 0 43px;
            }
        
        
        
        
        
        
        
        
                
        
        



        
        
        
        


        
        
        
        
        
        

        
        
        
        
        
        
        
        

        
        
        
        
                                
            
            
                                    
            
            
                                    
            
            
            
                                                                                                                                                                                                                                                                                                            
                        

        
        


        
        
        



                
        

        

        
        
        

        
        

        
        
        
        
        
        
        
        
        

        

        
        
        

        
        

        

        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        


        
        

        
        
        


        
        

        
        
        
        
        

        
        
        
        
        
        
        
        
        
        
                
        
        
        .preload_background{
                    background-image: url("https://twigandthistle.co.nz/wp-content/themes/cabin/img/preload_pattern.png") !important;
                }

        
        
        
        
        
        
        

        
        
        
        


        
        
        
        

        
        .portfolio_single .portfolio_navigation .portfolio_prev a,
        .portfolio_single .portfolio_navigation .portfolio_next a{
                }

        .portfolio_single .portfolio_navigation .portfolio_prev a:hover,
        .portfolio_single .portfolio_navigation .portfolio_next a:hover{
                }

        
        

        
            .portfolio_single .portfolio_button a{
                        }