/* header css start*/

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Montserrat:ital,wght@0,400;0,700;1,400;1,500;1,600&family=Noto+Serif:wght@500&family=Nunito+Sans&family=Open+Sans:wght@500&family=Poppins:wght@400;500;600&family=Raleway:wght@500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&family=Montserrat:ital,wght@0,500;1,300&family=Raleway:ital,wght@0,300;0,500;1,300&family=Ubuntu:ital,wght@1,500&display=swap');

html, body{
    /* font-family: 'Nunito Sans', sans-serif; */
    font-family: "Lato","Tahoma","arial",sans-serif!important;
     /* font-family: 'Comfortaa', cursive; */
   overflow-x:hidden;
  
}
 p, h1, h2, h3, h4, h5, h6{
  /* font-family: 'Montserrat', sans-serif;  */
  font-family: "Oswald", Georgia, "Times New Roman", Times, serif!important;
} 
p{
    font-size: 16px!important;
    line-height:1.5!important;

}

blockquote{
    border-left: 3px solid #707070!important;

}
.logo-ethnic{
    padding: 1em;
}
.logo-ethnic img{
    width:100%;
}
.login_btn{
  color: white!important;
    font-weight: 700!important;
    padding: 10px 30px!important;
    box-shadow: 6px 6px 20px #d4d3d3!important;
    border: 1px solid #8e8888!important;
    background: linear-gradient(to right, #6d868d, #44565b)!important;
    transition: .2s ease-in-out!important;
    border-left: 3px #202223 solid!important;
    border-right: 3px #202223 solid!important;
    cursor: pointer;
}

header.fixed-header-top{position: sticky; top:0px; z-index:4;}
header.fixed-header-top .row:first-of-type{display: flex;}
.navig-bar-top{background-color: #fff;}
.navig-bar-top h1{
    font-size: 40px;
    font-weight:700;text-align: left;
}
.swiper-wrapper{
    height: auto!important;
}
.search-bar .navbar-form{padding-right:0px;}
.search-bar{display: flex;
    justify-content: right;
    align-items: center;}
.search-bar .inner-div{
    background: #6d868d;
    border-radius: 20px;
    width: 80%;
}
.search-bar .input-group{width:95%;}
.search-bar .input-group .btn, .search-bar  .form-control{border-radius:14px!important;}

.nav-bar-links{background-color:#6d868d;}
.nav-bar-links .navbar-nav>li>a {
    text-shadow: 0 1px 0 rgba(255,255,255,.25);
    color: white;
    padding-inline: 10px;
    font-size: 15px;
}
.navbar{margin-bottom:0px!important;}
.nav-bar-links .navbar-nav>li>a:hover {
    color: #6d868d;
   
}
.navbar-nav {
    margin: 0 !important;
}
.navbar-inverse .navbar-nav>.active>a{background-color: #edebeb!important;
    color: black!important;
}
.navbar-collapse ul>li>a{
    color: white !important;
    cursor: pointer;
}
.navbar-collapse ul>li>a:hover{
    color: #c6c6c6 !important;
    cursor: pointer;
}
.navbar-inverse{
background-color: transparent!important;
color:white;
border: none !important;
}

.navbar-nav .menu-item-has-children ul.sub-menu{display: none;}

.navbar-nav .menu-item-has-children:hover ul.sub-menu{display: block;
    position: absolute;
    background: #edebeb;
    width: max-content;
    padding: 1em 0em;
    margin-top:0px;
    max-height: 460px;
    overflow: auto;

   }

 .navbar-nav .menu-item-has-children:hover ul.sub-menu li:hover a{color:white!important;}
.navbar-nav .menu-item-has-children ul.sub-menu li a{color:#272727!important;margin:5px 0;}

.navbar-nav .menu-item-has-children ul.sub-menu li{padding: 0.5em 3em;
}
.navbar-nav .menu-item-has-children ul.sub-menu li:hover{background:black;
}
.navbar-nav .menu-item-has-children>a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
 }

 .navbar-nav .menu-item-has-children>a::after{
    content:"\f13a ";
    font-family: FontAwesome;
    color: #ebebeb;
    margin-left: 5px;
    font-size: 13px;
  
 }

/* header css end */

/* Inner Content css */
.flex_column{
display: flex;
}


.hding-banner {
    position: absolute !important;
    top: 40%;
    left: 20%;
}
.mission-head.col-sm-12 {
    border-bottom: 3px dashed #6b889140;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.yoga-banner, .category_banner{
     background: url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/home_new.jpg") no-repeat bottom ;
    background-size:cover;
     position: relative; 
    min-height: 350px;
    background-position:bottom;
}

.hding-banner h1{text-align: left;
    font-size: 45px;
    font-weight: bold;
    color: #ebebeb;
    font-family: 'serif';
    letter-spacing: 5px;
    text-transform: uppercase;
   
}
.row-ovrlap{position:relative;
top:-50px;}
.fst-div{background: #6d868d;
    border-radius: 20px;
    padding: 35px 20px;
    color:white;
}  
.thrd-div h4{
  color:black!important;
}
.fst-div h3,.scnd-div h4, .thrd-div h4, .two .centr-txt h3, .fr-div h3, .fifth-div h3{font-size: 17px;
    line-height: 1.7;
text-align: center;
color: #f4f4f4;}
.scnd-div{margin-top:10px;background: #010f3e;
    border-radius: 20px;
    color:white;

padding:32px 20px;}

.centr-txt h3{
    padding: 1em;
}

 .row-ovrlap .two .centr-txt {
    position: absolute;
    bottom: 0px;
    top:220px;
} 
.row-ovrlap .two{
 /* background: url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/BOX.png") no-repeat center ; */
    /* background:black; */
    background: url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/black_box.jpg") no-repeat center ;
    background-size:cover;
    background-position: top;
    background-position: 65% 100%;
}
.row-ovrlap .fst-div, .row-ovrlap  .scnd-div, .row-ovrlap  .thrd-div, .row-ovrlap  .two, .row-ovrlap  .fr-div, .row-ovrlap  .fifth-div{
  box-shadow: 5px 5px 10px #ab9898;
}
.thrd-div{margin-top: 10px;
  background: #edebeb;
  border-radius: 20px;
  padding: 32px 20px;
  color: black;
  margin-left: 10px;}

.two{background-color: black;
border-radius: 20px;
margin:0px 30px;width:30%!important; color:white;}

.three .fr-div{background: #edebeb;
    border-radius: 20px;
padding:20px;
    color:white;}
.fr-div h3{
  color: black;
}
.three .fifth-div{margin-top:10px;background: #010f3e;
        border-radius: 20px;
        color:white;padding:28px 20px;}
.row-ovrlap{display: flex;}

.trending-post h1, .members h1, .blogs-post h1{font-weight:bold;font-size: 30px; text-transform: uppercase;text-align: center;
    margin-bottom: 1em;
    margin-top: 0px;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
   
}
.trending-post .card{
    cursor: pointer;
}
.trending-post .card-left, .trending-post .card-right{padding:0px;}

.trending-post .card-right .crd-text{padding:0px 20px;margin:auto;
  color: white;text-align: center;}
.card-default{display: flex;}

.card-right h2,.card-right2 h2 {font-size: 25px;
    font-weight: bold;line-height:1.5;}

.card-7-5{display: flex;}
.card-right, .card-right2 {
  background-color: #6d868d;
  display: flex;
  transition: 0.5s all;
}

.card-right:hover, .card-right2:hover {background-color: white;border:1px solid black;}
.card-right:hover h2,  .card-right2:hover{
  color:black;
}

.card-right p, .card-right2 p{line-height: 23px;
    color: white;}
 .card-right:hover p, .card-right2:hover p{line-height: 23px;
        color: black;}
.row_user, .row_user2{background: #fffbf9;
    margin: 10px 0px!important;
    display: flex;
    padding: 5px 0px;
}

.row_user span{color:black;font-size:15px;}
.row_user img{width:100%;margin:auto;}
.row_user .col-md-9, .row_user .col-md-3, .row_user2 .col-md-9, .row_user2 .col-md-3{margin:auto;}
.members h1, .blogs-post h1{text-align: center;}
.members, .trending-post, .impactss{margin:5rem 0;background-color: #dfdddd;padding: 5rem 0 5rem;}

.members .m1{background: #6d868d;
    border-radius: 30px;padding:20px 10px;
    margin: 20px 20px;
    display: flex;
    flex-direction: column;

}
.row_members .m1 img{
    border-radius: 50%;

}
.members div.col-md-12{text-align: center;}
.row_members .m1 .col-md-8{margin:auto;text-align:center;}
.row_members {display: flex;
    justify-content: center;
    margin: 30px 0px;
   
}
.row_members h5, .row_members h4{font-weight: bold;color:white;}

.row_members h4{color:rgb(246, 246, 246);font-size: 17px;}

.row_members .rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    }
    .row_members  .rating input{
     display: none!important;
    }
    .row_members .rating > label {
    position: relative;
    width: 1.1em;
    font-size: 20px;
    color: #000000;
    cursor: pointer;
    }
    .row_members .rating > label::before{
    content: “\2605”;
    position: absolute;
    opacity: 0;
    }
    .row_members .rating > label:hover:before,
    .row_members .rating > label:hover ~ label:before {
    opacity: 1 !important;
    }
    .row_members .rating > input:checked ~ label:before{
    opacity:1;
    }
    .row_members .rating:hover > input:checked ~ label:before{
    opacity: 0.4;
     }
/* 
.members .membr-btn{font-size: 20px;
    font-weight: 700;
    padding: 10px 30px;
    margin-top: 20px;
    box-shadow: 6px 6px 20px #8e8888;
    border: 1px solid #8e8888;}

    .members .membr-btn:hover{
        background-color: #6d868d;
        color:white;

    } */
    .members .membr-btn, .news-section .membr-btn , .blogs .membr-btn, .hms-hdng-con .membr-btn{
        color: white;
    font-weight: 700;
    padding: 10px 30px;
    box-shadow: 6px 6px 20px #8e8888;
    border: 1px solid #8e8888;
    background: linear-gradient(to right, #6d868d, #44565b);
    transition: .2s ease-in-out;
    border-left: 3px #202223 solid;
    border-right: 3px #202223 solid;
    }

    .podcast .membr-btn,  .podcast .membr-btn:hover{
        width: 100%;
    border-radius: 35px;
    background: #f1f3f4;
    color: #444444;
    border: 0;
    box-shadow: none;
    padding: 16px;

    }
    
    
    .members .membr-btn:hover , .news-section .membr-btn:hover, .blogs .membr-btn:hover, .hms-hdng-con .membr-btn:hover{
       
        background: white;
        color:#151515;
        border-left: 3px solid black;
        border-right: 3px solid black;
    }
    
.d_inline_flex{
        display: inline-flex;
 }

.row_impact .col-md-12>h4, .row_impact .col-md-6>h4, .row_impact .col-md-12>p  {text-align: center;font-weight:500; line-height: 1.5;padding: 4px 0px;font-size: 17px;}
.row_impact .col-md-12>p{font-weight:500;}

.row_impact .col-md-12:first-child, .row_impact .col-md-6:nth-child(2){background-color: #6d868d;color:white;padding:28px 21px;text-align: center;transition: 0.5s all;}
.row_impact .col-md-12:first-child:hover, .row_impact .col-md-6:nth-child(2):hover{background-color: #dfdddd;color:rgb(23, 22, 22);transition: 0.5s all;}

.row_impact .col-md-12:nth-child(2), .row_impact .col-md-6:first-child{background-color: #dfdddd;color:rgb(23, 22, 22);padding:23px;text-align: center;transition: 0.5s all;}
.row_impact .col-md-12:nth-child(2):hover,.row_impact .col-md-6:nth-child(1):hover {background-color: #6d868d;color:white;    transition: 0.5s all;}

.row_impact .col-md-12:first-child h4{text-align: center;
    font-weight: 500;
    line-height: 1.5;}
.row_impact .col-md-12:first-child p {text-align: left;}

.main-impact-div .row{margin-left:0px; margin-right:0px;}
.impactss .row.row_impactss{display: flex;}

.main-impact-div h2{text-align: center;
    font-weight: 700;
    margin-bottom: .5em;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
}

.row_impactss .main-impact-div{padding:0px 0px;margin:auto;}
.row.row_impactss .main-impact-div .c22 .row{display: flex;justify-content: center;}
.row_impactss .col-md-4{padding:0px;}
.impactss .row .col-md-3, .impactss .row .col-md-5, .impactss .row .col-md-4{min-height:280px;overflow:hidden;}
.row_impact2 .col-md-12:first-child h1{font-weight: 800!important;text-align: center;margin:32px;}


 /* blogs css */

 .blogs{
    /* background: #edebeb; */
    COLOR: #151515;
    padding:  2em 0;
 }
.blogs-post, .btns_section{margin:5rem 0;}

.blogs-post h1{margin:2rem 0 5rem 0;}

.blogs-post .imgg_div{height:200px; overflow:hidden;}

.blogs-post .col-md-4 {
    background-color: #dfdddd;
    padding: 30px;
    width: 32%;
    margin: 0px 7px;
}

.blogs-post .row.main_row{display: flex;justify-content: center;}
.blogs-post .txt-div h3{text-align:center;font-weight:700;}

.blogs-post .txt-div p{text-align: center;}

/* blogs css ends */

.btns_section .left-txt,.btns_section .btnss{margin:auto;}
.btns_section .btnss{ display: flex;}

.btns_section .left-txt h1{font-weight: 700;}
.btns_section .left-txt p{font-size:21px;}

.btns_section .row.row_main{display: flex;justify-content: center;}
.btns_section .btnss .btn-email{
    width: 49%;
    padding: 12px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid silver;
    border-radius: 6px;
    
}

.btns_section .btnss .btn-email:hover{
   background-color:rgb(240, 240, 240);
}
.btns_section .btnss .btn-joinus {
    width: 49%;
    margin-left:1%;
    padding: 12px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid silver;
    border-radius: 6px;
    color:white;
    background: linear-gradient(to right, #6d868d, #44565b);
    transition: .2s ease-in-out;
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-left: 3px #202223 solid;
    border-right: 3px #202223 solid;
}

.btns_section .btnss .btn-joinus:hover { background: #a1b5bb;
    color: #151515;
    border-left: 3px solid black;
    border-right: 3px solid black;}
/* Inner content css ends*/


/* footer css*/
.quick-links-col img{width:40%;max-width: 40%;}

footer {
  background-color: #dfdddd;
  padding: 5em 0 0;
}
footer .quick-links-col h1{
    font-size: 40px;
    font-weight:700;text-align: left;
}
footer .quick-links-col h3, .social-links-col h3{
    font-weight:700;text-align: left;
    line-height: 2;
}
.social-links-col ul li img{
  height:32px; width:32px;
}
footer .main_row_footer{display: flex; justify-content: center;}
.quick-links-col ul, .social-links-col ul{padding-left:5px;}

 .quick-links-col ul li, .social-links-col ul li{list-style: none;display:flex;margin:10px 0px;align-items: center;}
.social-links-col ul li i{
  font-size: 30px;
}
 .quick-links-col ul li a, .social-links-col ul li a{text-decoration: none;
font-size:16px; font-weight: 600;
color:#6d868d; cursor: pointer;line-height:25px;}

.social-links-col ul li a{margin-left:10px;}
 .newsletter_col{margin:100px 0px;}
.quick-links-col ul li a:hover, .social-links-col ul li a:hover{color:#4e4e4e;padding-left:5px;}

.newsletter_col h3{
   font-weight:700;text-align: left;
}

.cpyrgt-section{background: #6d868d;padding: 10px;}
.row_copyright ul{list-style: none;
    display: flex;justify-content: end;
margin-bottom: 0px;}

    .row_copyright ul li{    padding: 0px 10px;
    }
 .row_copyright ul li a:hover{text-decoration: none; color:#c6c6c6 ;}
.row_copyright .cpyright, .row_copyright ul li a{font-size: 18px;
    font-weight: bold;
    color: #e5e5e5!important; 
margin:0;}
.newsletter_col p{font-size: 20px;}

footer .btn-signup{font-size: 17px;
    font-weight: bold;
    border: 1px solid #c5c5c5;
    padding: 7px 30px;
    background: #f2f2f2;
    color: #333333;

}
footer .btn-signup:hover{background-color: transparent;}
.row.row_copyright {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
/* footer css end */

/* about us css */
.who_we .row{
    display: flex;

}
/* .who_we .col-md-6{
    margin:auto;
} */
.who_we .heading_text h5 {
  margin-bottom: 20px;
  margin-top: 0;
}
.about_us {
    background: url(https://ethnichealth.org.nz/wp-content/themes/ethnic/images/home_new.jpg);
    background-position: bottom;
    background-blend-mode: multiply;
    background-size: cover;
    min-height: 400px;
    position: relative;
}
.about_us h2{
color: rgb(255, 255, 255);
font-size: 40px;
font-weight: 700;
margin-top:0;
position: relative;
top:20vh;
}
.who_we .heading_text h5{
    color: #151515;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;

}
.our_vision .row{
    display: flex;
    margin:0;
}

.our_vision .text_side, .our_vision .img_side{
    margin:auto;
}
.m-coomon5 {
  margin: 5em 0;
}
.text_side h2{font-size: 25px;
font-weight: bold;
text-transform: uppercase;
margin-top:0;
}
.text_side p{
    font-size: 20px!important;
}
.who_we .heading_text h4{
    font-size: 35px;
    color: #001f49;
    font-weight: 500;
    line-height: 40px;
    padding: 20px 0;

}
.right_headingtxt p {
    font-size: 18px !important;
    color: #151515;
    margin-bottom: 0px;
}
.right_headingtxt p b {
    color: #6d868d;
}
.pl-90{
    padding-left: 90px !important;
}
.pr-90{
    padding-right: 90px !important;
}
.pt-50 {
    overflow-t: ;
    padding-top: 50px;
}
.scoring h5 {
  font-size: 40px;
  color: white;
  margin: 20px 0;
  border-right: 1px solid #dfdede;
  padding-left: 20px;
}
.scoring .d_block{
    display: block;
    font-size: 22px;
}
.scoring p {
  font-size: 16px;
  color: white;
  margin: 44px 0 0;
}
.btn-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 10px;
    transition: .5s;
}

.btn-slide2 {
    border: 2px solid #6d868d;
}


.btn-slide2:hover {
    background-color: #6d868d;
}

 .btn-slide2:hover span.circle2 {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
 }

.btn-slide2:hover span.circle2 {
    color:#6d868d;
}

.btn-slide2:hover span.title2 {
    left: 40px;
    opacity: 0;
}

.btn-slide2:hover span.title-hover2 {
    opacity: 1;
    left: 40px;
}

.btn-slide2 span.circle2 {
    display: block;
    background-color: #0099cc;
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 42px;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}
.circle2 i{
    margin: 12px 14px;
}
.btn-slide2 span.circle2 {
    background-color: #6d868d;
}

.btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    position: absolute;
    left: 90px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #30abd5;
    transition: .5s;
}

.btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    color: #6d868d;
    left: 80px;
  }

.btn-slide2 span.title-hover2 {
    left: 80px;
    opacity: 0;
}

 .btn-slide2 span.title-hover2 {
    color: #fff;
}
.right_headingtxt .row
{
 margin:0;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        background: #6b8891;
}
.scnd_row{
    margin-top: 10px !important;
}
.first_row{
margin-top:20px!important;
}
.double_color{
    background-color: #010f3e;
    color: white;
    
}

.our_people .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    margin: 3% 0 0;
}
.purpse-head h1 {
    position: relative;
    padding: 0;
    color: #000000;
    line-height: 1;
    letter-spacing: 0.3px;
    font-size: 30px;
    font-family: Oswald, Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px !important;
}
.who_we.m-coomon5 {
    padding: 7em 0 0;
    margin-top: 0;
}
section.our_mission {
    padding: 5em;
    background: #dfdddd;
}
.who_br {
    padding-left: 30px;
}
.our_people h4, .approach h4{
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color:#151515;
    text-transform: uppercase;
    padding: 0 1em;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;

}

.approach .icon-boxes .icon-box {
    text-align: center;
    border-radius: 10px;
    background: #eee;
    box-shadow: 5px 14px 15px rgba(0, 0, 0, 0.1);
    padding: 40px 30px;
    width: 100%;
    min-height: 440px;

}

.approach .icon-box p{
    font-size: 15px;
    line-height: 1.8;
}
.approach .icon-boxes .icon-box h5{
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 30px 0;
}
.approach .icon-boxes{
    MARGIN:2EM 0;
}
.approach .why-us .icon-boxes .icon-box p {
    font-size: 15px;
    color: #848484;
}
.approach .icon-boxes .icon-box i {
    font-size: 40px;
    color: #1977cc;
    margin-bottom: 30px;
}
.our_people .card {
    padding: 15px;
    background: linear-gradient(171.38deg, #F9FBFC 3.36%, #fff 95.69%);
    box-shadow: 0px 0px 20px rgba(25, 25, 26, 0.3);
    border-radius: 7px;
    text-align: center;
    margin: 18px 0 0;
    position: relative;
    z-index: 1;
}


.our_people .card_img img {
    width: 100%;
    height: 320px;
    border-radius: 7px;
    object-fit: cover;
}

.our_people .card_body {
    padding: 15px 25px;
    position: absolute;
    bottom: -50px;
    background: #6d868d;
    left: 0;
    right: 0;
    width: 80%;
    margin: auto;
    z-index: 999;
    border-radius: 7px;
    transform: translateY(0px);
    transition: 0.5s all;
}
.card:hover .card_body {
    transform: translateY(-90px);
}
.our_people .card_title {
    text-transform: capitalize;
    color: #FFF;
    font-size: 22px;
    margin-bottom: 10px !important;
}

.our_people .designation {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin: 0;
}
.strategy {
    padding: 5% 0;
}


.strategy h4 {
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 1em;
    color: #000;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
    margin-top: 0;
}
.row.value-rw {
    padding-right: 30px;
}
.ml-30{
    margin-left: 27px;

}
.white_boxes {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 15px;
    min-height: 180px;
    max-height: 180px;
    background: #6b8891;
    vertical-align: middle;
}

.white_boxes i {
    font-size: 37px;
    margin-bottom: 8px;
}
.white_boxes h4 {
    font-weight: bold;
    color: #001f49;
    font-size: 27px;
    margin-bottom: 10px;
}
.white_boxes p {
    font-size: 16px !important;
    text-align: left;
    color: #fff;
}
.mtop-30{
    margin-top:20px;
}
.main_content{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.about-section {
    position: relative;
    padding: 0em 0;
}
.about-section .image-1 img {
    height: 460px;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}
.about-section .inner-column {
    text-align: center;
}
.content-abt .container {
    background: #fff;
    margin-top: -300px;
    position: relative;
    z-index: 99;
    border-radius: 40px;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.text p {
    color: #000;
    text-align: center;
}
.content-abt .download {
    text-align: center;
}
.about-section .lightbox-image {
    width: 100%;
}
.about-section .content-column {
    position: relative;
   
}

.about-section .content-column .inner-column {
    position: relative;
 
}

.about-section .sec-title {
    margin-bottom: 25px;
}

.sec-title .title {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 24px;
    color: #151515;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: left;
    text-transform: uppercase;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;

}

.sec-title h2 {
    position: relative;
    display: block;
    font-size: 28px;
    line-height: 1.28em;
    color: #222222;
    font-weight: 600;
    padding-bottom: 18px;
}

/* .sec-title h2:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 50px;
    height: 3px;
    background-color: #d1d2d6;
} */

.sec-title P{
    font-size: 18PX;
    line-height: 2;
}
.about-section .text ul{
    list-style: disc;

}

.strategy_plan .text{
    font-size: 15px;
    line-height: 1.8;
    box-shadow: 13px 0px 10px silver;
    padding: 1em 2em;
}

.strategy_plan .row{display: flex;
flex-wrap: wrap;}

 .strategy_plan .text{
    margin:auto;
}
.strategy_plan{
    padding: 2em 0;
    margin: 2em;
}
.strategy_plan .content{
    background-color: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    
    color: white;
}
.approach .icon-boxes .icon-box:hover{
    background-color: #6d868d;
    color:white;
}
.strategy_plan .content h4{
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #151515;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
}
/* .about-section .text ul li{
    font-size: 17px;
    line-height: 2;
    color:black;
} */

.text_side  ul{
    padding-left:1em;
    list-style: inherit;
}
.text_side  ul li{
    font-size: 15px;
    line-height: 2;
    color:black;
}
.about-section .text {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
    color: #848484;
    font-weight: 400;
   
}
/*.about-section .row{ margin-top:3em; }*/

.about-section .content-column{
  box-shadow: 5px 5px 20px silver;
    padding: 2em;
}
.about-section .btn-box a {
    padding: 15px 50px;
}

.about-section .image-column {
    position: relative;
}

.about-section .row{
    display: flex;
    flex-wrap: wrap;
}
.about-section .image-column .inner-column {
    position: relative;
    padding-left: 0;
    padding-bottom: 0px;
}
/*.about-section .image-column .image-2 img, .about-section .image-column .image-1 img {
    box-shadow: 1px 1px 15px rgb(15 15 15 / 57%);
   margin:auto;
    width:100%;
}*/
/* .about-section .image-column .inner-column:after {
  content: '';
  position: absolute;
  width: calc(40% + 80px);
  height: calc(100% + 100px);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  background: transparent;
  z-index: -1;
  border: 30px solid #6d868d;
} */

.white_boxes {
  transform: rotateY(0deg);
  transition: 0.5s ease;
}
.white_boxes:hover {
  transform: rotateY(20deg);
}
/* about us end */



/* Our Pillars css */
.pillars-bannner {
    /* background: linear-gradient(to right, #0000007d, #393b3cde), url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/pillars-banner.jpg") no-repeat center;
   min-height:350px;
    background-size: cover; */
    display: none;
}
.row.hding-div{margin: 0px;}
.pillars-bannner .row.hding-div h1{font-size:45px;font-weight: bold;text-align:center;color:white;
margin-top:2em;}

.pillar_1 {
    padding: 20px 20px;
    margin: 10px;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 10px solid #ececec;
    box-shadow: 5px 6px 11px #534a4acc;
}

.pillar_1{background-color:  #6b8891;
transform: scale(1);
transition: all .3s ease;
}
/* .pillar_1:nth-child(2){background-color: #06217c;}
.pillar_1:nth-child(3){background-color: #65b8a8;}
.pillar_1:nth-child(4){background-color:#000;} */
/*.pillar_1:hover{box-shadow: 5px 5px 20px silver;
background-color: transparent;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 40px solid #6b8891;
transform: scale(1.1);

}*/

.pillar_1:hover h1, .pillar_1:hover p{
    color:black!important;
}
.our_people {
    padding: 0 0 5em 0;
}
.pillars-txt {
    padding: 8em 0;
}
.pillar_1 .txt h1{text-align: center;
    font-weight: 700;
    color: white;
    font-size: 23px;}
.pillar_1 .txt p {
    text-align: center;
    font-size: 16px !important;
    color: white;
    font-weight: bold;
    transition: .6s all;
}

.pillar_1 .sm-img{background: white;
    border-radius: 50%;
    padding: 10px;
    width: 70%;
    margin: 20px auto 0px;
    display: none;
}
.row_heading-pillars {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}
.pillars-txt .hding-pilars {
    text-align: center;
    margin-bottom: 2rem;
}

 /* .pillars-txt{
    background:  url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/bg-pillars.png") no-repeat center;
} */

.hding-pilars H1{
    font-size: 30px;
    font-weight: bold;
    color: #151515;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
    text-align: center;
    text-transform: uppercase;
}
.btnn-section {
    background-color:  #6b8891;
    padding:5rem 0;
}
.btnn-section .row_btn_txt .col_txt h1{font-weight: bold;color:white;}
.btnn-section .row_btn_txt .col_txt p{color: white;
    font-size: 18px;}

.row_btn_txt{display: flex;}

.row_btn_txt .col_txt, .row_btn_txt .col_imgg{margin:auto;}

.row_btn_txt .col_imgg{display: flex;
    justify-content: center;}

.row_btn_txt .col_imgg img{width: 80%!important;
    filter: drop-shadow(2px 4px 6px black);}

.btnn-section .btn-view-more{padding: 12px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid rgb(59, 58, 58);
    border-radius: 6px;
    background: #dfdddd;}

    .btnn-section .btn-view-more:hover{
        background: transparent;
        color:white;
        border:1px solid white ;
    }


/* Our Pillars css ends*/

/* Get Involved css starts */
section.joinus_banner{
    /* background: linear-gradient(to right, #000000bd, #393b3c00), url(https://ethnichealth.org.nz/wp-content/themes/ethnic/images/healthy-banner.png) no-repeat top; */
    background: linear-gradient(to right, #000000bd, #393b3c00), url(https://ethnichealth.org.nz/wp-content/themes/ethnic/images/home_new.jpg) no-repeat bottom;
    background-size: cover;
    min-height: 350px;
    position: relative;
}

.joinus_banner .joinus_heading h1{
    font-weight: 700;
    font-size: 50px;
    color: white;
   
}


.joinus_banner .btn-get-started{
    font-size: 21px;
    font-weight: 700;
    padding: 13px 30px;
    margin-top: 20px;
    box-shadow: 6px 6px 20px #8e8888;
    border: 1px solid #8e8888;
    background: black;
    color: white;
    border-radius: 35px;
}
.btn-get-started:hover{color: #beb4b4!important;}

a,a:hover,a:focus,a:active {
    text-decoration: none!important;
    outline: none;
    cursor: pointer;
}

a,a:active,a:focus {
    color: #333;
    text-decoration: none!important;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
img {
max-width: 100%;
height: auto;
}
span, a, a:hover {
display: inline-block;
text-decoration: none;
color: inherit;
}
.why_us .section-head, .blogs .section-head {
  margin: 0px 0px 20px;
  text-align: center;
}
.section-head h1, .pricing-section .sec-title h1 {
  position: relative;
  padding: 0;
  color: #151515;
  line-height: 1;
  letter-spacing: 0.3px;
  font-size: 30px;
  font-family: Oswald, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px !important;
}

.why_us .section-head h4 span {
font-weight: 700;
padding-bottom: 5px;
color:#2f2f2f
}
.why_us p.service_text{
color:#cccccc !important;
font-size:16px;
line-height:28px;
text-align:center;    
}
.why_us .section-head p, p.awesome_line{
color:#818181;
font-size:26px;
line-height:28px;
text-align:center;  
}

.why_us .extra-text {
font-size:34px;
font-weight: 700;
color:#2f2f2f;
margin-bottom: 25px;
position:relative;
text-transform: none;
}
.why_us {
  padding: 5em 0;
}

.why_us .item {
background: #fff;
text-align: center;
padding: 15px 25px;
-webkit-box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
border-radius: 20px;
border:5px solid rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
min-height: 300px;
}
.why_us .item:hover{
background: #6b8891;
box-shadow:0 8px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.why_us .item:hover .item, .item:hover span.icon{
background:#fff;
border-radius:10px;
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.why_us .item:hover h6, .item:hover p{
color:#fff;
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.why_us .item .icon {
font-size: 40px;
margin-bottom:25px;
color: #6b8891;   
width: 90px;
height: 90px;
line-height: 96px;
border-radius: 50px;
}
.why_us .item .feature_box_col_one{
background:rgba(247, 198, 5, 0.20);
color:#6b8891
}
.why_us .item .feature_box_col_two{
background:rgba(255, 77, 28, 0.15);
color:#6b8891
}
.why_us .item .feature_box_col_three{
background:rgba(0, 147, 38, 0.15);
color:#6b8891
}
.why_us .item .feature_box_col_four{
background:rgba(0, 108, 255, 0.15);
color:#6b8891
}
.why_us .item .feature_box_col_five{
background:rgba(146, 39, 255, 0.15);
color:#6b8891
}
.why_us .item .feature_box_col_six{
background:rgba(23, 39, 246, 0.15);
color:#6b8891
}
.why_us .item p{
font-size:18px!important;
line-height:26px;
text-align: center;
}
.why_us .item h3 {
margin-bottom:20px;
color:#2f2f2f;
font-weight: bold;
}
.why_us .mission p {
margin-bottom: 10px;
font-size: 15px;
line-height: 28px;
font-weight: 500;
}
.why_us .mission i {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #6b8891;
border-radius: 50%;
color: #fff;
font-size: 25px;
}
.why_us .mission .small-text {
margin-left: 10px;
font-size: 13px;
color: #666;
}
.why_us .skills {
padding-top:0px;
}
.why_us .skills .prog-item {
margin-bottom: 25px;
}
.why_us .skills .prog-item:last-child {
margin-bottom: 0;
}
.why_us .skills .prog-item p {
font-weight: 500;
font-size: 15px;
margin-bottom: 10px;
}
.why_us .skills .prog-item .skills-progress {
width: 100%;
height: 10px;
background: #e0e0e0;
border-radius:20px;
position: relative;
}
.why_us .skills .prog-item .skills-progress span {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: #6b8891;
width: 10%;
border-radius: 10px;
-webkit-transition: all 1s;
transition: all 1s;
}
.why_us .skills .prog-item .skills-progress span:after {
content: attr(data-value);
position: absolute;
top: -5px;
right: 0;
font-size: 10px;
font-weight:600;    
color: #fff;
background:rgba(0, 0, 0, 0.9);
padding: 3px 7px;
border-radius: 30px;
}

/* membership css */
.pricing-section .sec-title{
    position:relative;
    margin-bottom:70px;
  }
  
  .pricing-section .sec-title .text{
    position: relative;
    font-size: 16px;
    line-height: 28px;
    color: #888888;
    margin-top: 30px;
  }
  
  .pricing-section .sec-title.light h2,
  .pricing-section .sec-title.light .title{
    color: #ffffff;
    -webkit-text-fill-color:inherit; 
  }
  .pricing-section .pricing-section {
      position: relative;
      padding: 20px 0 80px;
      overflow: hidden;
  }
  .pricing-section .pricing-section .outer-box{
    max-width: 1100px;
    margin: 0 auto;
  }
  
  
  .pricing-section .pricing-section .row{
    margin: 0 -30px;
  }
  
  .pricing-section .pricing-block{
    position: relative;
    padding: 0 30px;
    margin-bottom: 40px;
  }
  
  .pricing-section .pricing-block .inner-box{
    position: relative;
    background-color: #ffffff;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    padding: 0 0 30px;
    max-width: 370px;
    margin: 0 auto;
    border-bottom: 20px solid #010f3e;
  }
  
  .pricing-section  .pricing-block .icon-box{
    position: relative;
    padding: 50px 30px 0;
    background-color: #010f3e;
    text-align: center;
  }
  
  .pricing-section .pricing-block .icon-box:before{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 75px;
    width: 100%;
    border-radius: 50% 50% 0 0;
    background-color: #ffffff;
    content: "";
  }
  
  
  .pricing-section  .pricing-block .icon-box .icon-outer{
    position: relative;
    height: 150px;
    width: 150px;
    background-color: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    padding: 10px;
  }
  
  .pricing-section  .pricing-block .icon-box i{
    position: relative;
    display: block;
    height: 130px;
    width: 130px;
    line-height: 120px;
    border: 5px solid #010f3e;
    border-radius: 50%;
    font-size: 50px;
    color: #010f3e;
    -webkit-transition:all 600ms ease;
    -ms-transition:all 600ms ease;
    -o-transition:all 600ms ease;
    -moz-transition:all 600ms ease;
    transition:all 600ms ease;
  }
  
  .pricing-section .pricing-block .inner-box:hover .icon-box i{
    transform:rotate(360deg);
  }
  
  .pricing-section .pricing-block .price-box{
    position: relative;
    text-align: center;
    padding: 10px 20px;
  }
  
  .pricing-section .pricing-block .title{
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
  }
  
  .pricing-section .pricing-block .price{
    display: block;
    font-size: 30px;
    color: #222222;
    font-weight: 700;
    color: #010f3e;
  }
  
  
  .pricing-section .pricing-block .features{
    position: relative;
    max-width: 200px;
    margin: 0 auto 20px;
  }
  
  .pricing-section .pricing-block .features li{
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #010f3e;
    font-weight: 500;
    padding: 5px 0;
    padding-left: 30px;
    border-bottom: 1px dashed #dddddd;
  }
  .pricing-block .features li:before {
      position: absolute;
      left: 0;
      top: 50%;
      font-size: 16px;
      color: green;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      /* content: "\f05d"; */
      margin-top: -8px;
  }
  .features>li.true i{
    font-size: 15px;
    color: lightgreen;
  }
  .features>li.false i{
    font-size: 15px;
    color: red;
  }
  
 .pricing-block .features li a{
    color: #010f3e;
  }
  
  .pricing-block .features li:last-child{
    border-bottom: 0;
  }
  
  .pricing-block .btn-box{
    position: relative;
    text-align: center;
  }
  
  .pricing-block .btn-box a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 500;
    padding: 8px 30px;
    background-color: #010f3e;
    border-radius: 10px;
    border-top:2px solid transparent;
    border-bottom:2px solid transparent;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 300ms ease;
  }
  
  .pricing-block .btn-box a:hover{
    color: #ffffff;
  }
  
  .pricing-block .inner-box:hover .btn-box a{
    color:#010f3e;
    background:none;
    border-radius:0px;
    border-color:#010f3e;
  }
  
  .pricing-block:nth-child(2) .icon-box i,
  .pricing-block:nth-child(2) .inner-box{
    border-color: #6b8891;
  }
  
  .pricing-block:nth-child(2) .btn-box a,
  .pricing-block:nth-child(2) .icon-box{
    background-color: #6b8891;
  }
  
  .pricing-block:nth-child(2) .inner-box:hover .btn-box a{
    color:#6b8891;
    background:none;
    border-radius:0px;
    border-color:#6b8891;
  }
  
  .pricing-block:nth-child(2) .icon-box i,
  .pricing-block:nth-child(2) .price{
    color: #6b8891;
  }
  
  .pricing-block:nth-child(3) .icon-box i,
  .pricing-block:nth-child(3) .inner-box{
    border-color: #010f3e;
  }
 
  
  .pricing-block:nth-child(3) .btn-box a,
  .pricing-block:nth-child(3) .icon-box{
    background-color: #010f3e;
  }
  
  .pricing-block:nth-child(3) .icon-box i,
  .pricing-block:nth-child(3) .price{
    color: #010f3e
  }
  
  .pricing-block:nth-child(3) .inner-box:hover .btn-box a{
    color:#010f3e;
    background:none;
    border-radius:0px;
    border-color:#010f3e;
  }
  

  /* blogs and publications */

  .research_banner{
    background: url(https://ethnichealth.org.nz/wp-content/themes/ethnic/images/home_new.jpg);
    background-position: bottom;
    background-size: cover;
    min-height: 350px;
    position: relative;
}
section.blogs, .research_articles, .Publications, .heading-section{margin:3rem;}
.blogs .blogss-div{border: 1px solid silver;
    padding: 15px;
    box-shadow: 5px 5px 40px #d7d7d8;
    background-color: white;
    color: black;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.blogs .blogss-div:hover{
    background-color: #6b8891;
    color: white;
}
.main-col-blog{margin-top:3em;}
 .section-head p{font-size: 18px!important;text-align: center;line-height: 1.5;}

.blogs .h3{
  margin: auto;
  text-align: left;
  margin-top: 240px;
  padding-left: 30px;
  
  font-family: 'Merriweather', serif;
  font-size: 24px;
}


.blogs .button {
        background-color: #6b8891;
        color: white;
        padding: 10px 18px;
        border-radius: 3px;
        text-align: center;
        text-decoration: none;
        display: block;
        margin-top: 20px;
         margin-left: 0px; 
        
        font-size: 15px;
        font-weight: bold;
        cursor: pointer;
        font-family: 'merriweather';
    
}
.blogs .button:hover{background-color: black;
color:white;}

.img-blogss img {
	position: relative;
    min-height: 250px;
    width:100%;
  
}
.img-blogss img:hover{
    -webkit-filter:opacity(.6) drop-shadow(0 0 0 rgb(0, 0, 0));
    filter: opacity(.6) drop-shadow(0 0 0 rgb(0, 0, 0));
}

.mind-labs .descrption{
    background: white;
    padding: 10px;
    min-height: 425px;
    position: relative;
}
.mind-labs .descrption:hover{
    transform: scale(1.1);
    transition: all .3s ease;
}
.mind-labs .descrption:hover{
    background-color: #6d868d;
    color:white;
}
.mind-labs .descrption:hover p{
    color:white;
}
.top_tag{
    margin-bottom: 2em;
    color: #01065f;
    font-weight: bold;
}
.descrption h5, .descrption p{
    font-size: 18px;
    line-height: 1.5;
}
.section-common-heading{
    font-weight: bold;
}
.datee{
    margin-top:2em;
    color: #01065f;
    font-weight: bold;
    position: absolute;
    bottom: 10px
}
.descrption a{
    color: #020202;
    display: flex;
}

.descrption a i{
    font-size: 20px;
    
    margin-left: 6px;

}
.mind-labs .blogss-div:hover{
    transform: translateY(-15px);
    transition: .3s;
}

.mind-labs .blogss-div{
   
    transition: .3s;
   
}
.mind-labs .img-blogss img {
   
    min-height: 200px;
    border-radius: 15px;}

/* .mind-labs .blogss-div{
    background: white;
    /* padding: 15px; 
} */

/* 
.img-blogss img:hover{-webkit-transform: scale(1.3);
	transform: scale(0.9);} */

.row_blogs{display: flex; justify-content: start; flex-wrap: wrap;}

/* Typography */

.masthead {
	color: var(--primary);
	mix-blend-mode: multiply;
	text-align: center;
	font-variation-settings: "WONK" 1, "SOFT" 30;
	--tt-key: masthead;
	--tt-max: 1200;
	--tt-ease: ease-in-out;
	margin: 0.5em 0 -0.5em;
}
@keyframes masthead {
	0% {
		font-size: 1rem;
		margin-bottom: -0.45em;
		font-weight: 600;
	}
	100% {
		font-size: 6.5rem;
		margin-bottom: -0.375em;
		font-weight: 500;
	}
}

.primary-headline {
	--tt-key: primary-headline;
	--tt-ease: cubic-bezier(1, 0, 1, 1);
	--tt-max: 585;
	line-height: 1;
	font-variation-settings: "SOFT" 0, "WONK" 1;
	margin: 0.5rem 0;
    font-size: 20px;
}
@keyframes primary-headline {
	0% {
		font-size: 1rem;
		font-weight: 500;
	}
	100% {
		font-size: 4rem;
		font-weight: 300;
	}
}
article.trending-entry{margin-bottom:20px;}
.meta {
	
	margin: 0.25rem 0;
	font-size: 15px;
    border-bottom: 2px solid silver;
    padding: 10px 0;
    color: #6d868d;
    font-weight: bold;
}
.entry:hover .meta{
    color:white;
}
.entry-lede time::after {
    content: "";
    display: block;
    width: calc(100% + (var(--gutter) * 2));
    height: 1px;
    margin-left: calc(var(--gutter) * -2);
    background: var(--primary);
    mix-blend-mode: multiply;
    margin-top: 0.67rem;
}
.entry-summary {
	margin: 0.25rem 0;
}
.research_articles .mt-5{
    margin:20px 0;
  }
  .research_articles .entry{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 17px;
    margin-top:2em;
    cursor: pointer;
    transform:scale(1);
    transition: all .3s ease;
    border-radius: 0px;
    min-height: 490px;
    max-height: 490px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .research_articles .entry:hover{
   
    background: #6d868d;
    color: white;
    transform:scale(1.1);
    transition: all .3s ease;
    z-index:1;
   
  }
  .research_articles .entry:hover h1{
    color:white;
  }
/* Layout */

.main {
    margin-top:20px;
}

.entry {
	margin-bottom: var(--gutter);

}

.entry,
.entry-content {
	display: flex;
	flex-direction: column;
}

.entry-img {
	aspect-ratio: 5 / 3;
	object-fit: cover;
    filter:opacity(0.9)
}

.entry-date {
	order: -1;
}

/* Module overrides */

.entry .entry-headline{margin: 10px 0px 5px;
font-size: 18px; line-height: 1.5;
font-weight: bold;
color: #151515;
}
.entry-lede time {
	margin-bottom: 1rem;
    font-size: 15px;
}

.entry-lede time::after {
	content: "";
	display: block;
	width: calc(100% + (var(--gutter) * 2));
	height: 1px;
	margin-left: calc(var(--gutter) * -2);
	background: var(--primary);
	mix-blend-mode: multiply;
	margin-top: 0.67rem;
}
h1.main-title{
	font-size: 2.5em;
	margin-bottom: 0;
}
h3.title{
	font-size: 1.8em;
	margin-top: 10px;
	max-width: 250px;
}
.genre{
	text-transform: uppercase;
	font-size: 12px;
	opacity:0.6;
}

p.sub-title{
	margin-top: 5px;
	margin-bottom: 30px;
	width: 250px;
	font-size: 14px;
	line-height: 18px;
	color: #4f4f4f;
	font-weight: lighter;
}
.container:before{display: none!important;}

.container{
	width: 960px;
	margin: auto;
}
.news {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(4, 1fr);
  	grid-template-rows: repeat(3,200px);
}
.Publications .box{
	background-color: #272051;
	border-radius: 10px;
	padding: 20px;
	color:white;
	position: relative;
}
.read-btn{
	background-color: white;
	font-size: 12px;
	padding: 8px 20px;
	border-radius: 15px;
	position: absolute;
	bottom: 15px;
	transition: transform .2s ease-in-out;
	
}
.read-btn:hover{
        transform: translateX(5px);
    }
.Publications .box{
	background-position: center;
	transition: box-shadow .2s ease-in-out;
}
.box1{
	grid-column: 1/3;
	background-image: url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/publication_1.png");
	box-shadow: 3px 3px 20px 0px rgba(59,168,163,0.25);
}
.box1:hover{
        box-shadow: 3px 3px 20px 0px rgba(59,168,163,0.55);
    }
.box1 .read-btn{
        color:#7bb0ad;
}
.box2{
	grid-column: 3 / 4;
  	grid-row: 1 / 3;
  	background-image: url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/publication_1.png");
    background-position: center;
  	box-shadow: 3px 3px 20px 0px rgba(2,48,76,0.25);
}
.box2:hover{
        box-shadow: 3px 3px 20px 0px rgba(2,48,76,0.55);
    }
    .box2 .read-btn{
        color:#152532;
    }
.box3{
	grid-column: 4 / 5;
  	grid-row: 1 / 3;
  	background-image: url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/publication_3.png");
    background-position:center;
    background-size: cover;
  	box-shadow: 3px 3px 20px 0px rgba(73,34,2,0.25);

}
.box3:hover{
        box-shadow: 3px 3px 20px 0px rgba(73,34,2,0.55);
    }
    .box3 .read-btn{
        color:#cd935b;
    }
.box4 {
	grid-column: 1 / 2;
	grid-row: 2 / 4;
	background-image: url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/publication_4.png");
    background-position: center;
	box-shadow: 3px 3px 20px 0px rgba(60,162,186,0.25);

}
.box4:hover{
        box-shadow: 3px 3px 20px 0px rgba(60,162,186,0.55);
    }
    .box4 .read-btn{
        color:#43acc9;
    }
.box5 {
	grid-column: 2 / 3;
	grid-row: 2 / 4;
	background-image: url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/publication_5.png");
    background-position: center;
    background-size: cover;
	box-shadow: 3px 3px 20px 0px rgba(255,131,199,0.25);

}
    .box5:hover{
        box-shadow: 3px 3px 20px 0px rgba(255,131,199,0.55);
    }
    .box5 .read-btn{
        color:#fea0a5;
    }
.box6 {
	grid-column: 3 / 5;
	grid-row: 3 / 4;
	background-image:url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/publication_6.png");
	box-shadow: 3px 3px 20px 0px rgba(60,162,186,0.25);
}
    .box6:hover{
        box-shadow: 3px 3px 20px 0px rgba(60,162,186,0.55);
    }
    .box6 .read-btn{
        color:#63bdfe;
    }

.trending-entry-headline{font-size: 17px;}
/* Breakpoints */

@media (min-width: 30em) {
	
	.main,
	.entry-lede {
		padding: 25px;
		display: grid;
        background-color: #f5f5f5;
	}

	.entry,
	.trending {
		grid-column-start: 3;
		grid-column-end: span 10;
	}

	.entry-lede {
		column-gap: var(--gutter);
		grid-template-columns: var(--grid);
		grid-column-start: 1;
		grid-column-end: span 14;
		margin-bottom: 4rem;
	}

	.entry-lede > .entry-img {
		aspect-ratio: auto;
		grid-column-start: 1;
		grid-column-end: span 10;
	}

	.entry-lede .entry-content {
		grid-column-start: 3;
		grid-column-end: span 11;
		margin: -2.5rem calc(var(--gutter) * -1) 0;
		background: var(--background-alt);
		padding: 0.5rem var(--gutter) 1rem;
	}
}
@media (min-width: 50em) {

	.main::before,
	.main::after {
		content: "";
		display: block;
		grid-column-start: 8;
		grid-column-end: 26;
		grid-row-start: 2;
		grid-row-end: 3;
		background: var(--background-alt);
		margin: 0 calc(var(--gutter) * -1);
		z-index: -1;
	}
	.main::after {
		grid-column-start: 2;
		background-color: var(--primary);
		height: 1px;
		mix-blend-mode: multiply;
	}

	.entry {
		grid-column-end: span 9;
		margin-bottom: var(--gutter);
	}
	.entry:nth-child(n + 2) {
		margin-top: 0;
		grid-row-start: 2;
	}
	.entry:nth-child(2) {
		grid-column-start: 8;
        padding: 0 20px;
    background-color: white;
}
	
	.entry:nth-child(3) {
		grid-column-start: 19;
        padding: 0 20px;
    background-color: white;
    margin-left:10px;
    
	}

	.entry-lede {
		column-gap: var(--gutter);
		grid-template-columns: var(--grid);
		grid-column-start: 1;
		grid-column-end: span 30;
		margin-bottom: 4rem;
	}

	.entry-lede > .entry-img {
		aspect-ratio: auto;
		grid-column-start: 1;
		grid-column-end: span 13;
	}

	.entry-lede .entry-content {
		grid-column-start: 14;
		grid-column-end: span 12;
		margin: 0.5rem 0;
		padding: 4rem;
		background: none;
	}

	.trending {
		grid-row-start: 2;
		grid-column-start: 1;
		grid-column-end: span 6;
		margin-top: var(--gutter);
		transform: translatex(calc(var(--gutter) * -1));
	}
}


/* news and stories css */

.story_banner{
    background: url(https://ethnichealth.org.nz/wp-content/themes/ethnic/images/home_new.jpg) !important;
    background-position: bottom;
    background-size: cover;
    min-height: 350px;
    position: relative;
} 
.nav-tabs-section{margin-top: 5rem;}
.nav-tabs-section .nav-tabs a.nav-link {color: #6b8891!important;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    padding: 0 25px;
    border-bottom: 2px solid #fff;
    border: 0;
    background: none;}

.nav-tabs-section .nav-tabs a.nav-link:hover, .nav-tabs-section .nav-tabs a.nav-link:focus, .nav-tabs-section .nav-tabs a.nav-link.active a{color: #6b8891!important; border-bottom: 2px solid #6b8891 }

.nav-tabs-section .section-01{float: left;
    width: 100%;}
    
 .section-01 h3 {
        border-bottom: 2px solid #6b8891;
        color: #222;
        float: left;
        width: 100%;
        padding: 0 0 6px;
        margin: 0 0 18px;
        text-align: left;
        background-color: white;
}
.text-time {
    color: #aeaeae;
    font-weight: 600;
}
.section-01 .title-small{margin:10px 0px;}

.news-auther span{font-size: 12px;}
.section-01 .side-bar .nav-tabs .nav-link.active, .side-bar .nav-tabs .nav-link:hover {
    border-bottom: 2px solid #ff0000;
    text-transform: uppercase;
    color: #222;
}

.side-bar .fix-head{
    position: sticky;
    top: 0;
    z-index: 1;
}

/* .news-section .btn-primary{
background: #7bb0ad!important;
color:white;
font-weight:bold;
border:none;}

.news-section .btn-primary{
    color:white;
    border:1px solid #7bb0ad ;} */


.news-section .d-flex p{line-height: 30px;
    font-size: 15px;
}
.side-bar{height:400px; overflow: auto;}

.row.trending_news{margin-bottom: 15px;}
.nav-tabs-section .tab-content{margin:30px 0px;}

.stories-section{
    background: #6b8891;
    margin: 5rem 0px;
    padding: 3em 0;
}

.stories-section .section-head h1{ color:white;}
.stories-section .panel-body img{height:220px;}

.stories-section .btn.btn-latest{
    background-color:transparent;
    border-style:solid;
    border-color:#6b8891;
    color:#6b8891;
  border-radius:0;
  margin:5px;
}

.stories-section .btn.btn-latest:hover{
    background-color:#6b8891;
    color:#fff;
  border-radius:0;
  margin:5px;
}

.stories-section .btn.btn-heart{
    background-color:transparent;
    border-style:solid;
    border-color:#6b8891;
    color:#6b8891;
  border-radius:0;
  margin:5px;
}

.stories-section .btn.btn-heart.active{
    background-color:#6b8891;
    color:#fff;
  border-radius:0;
  margin:5px;
}

.stories-section .fa.fa-heart{
  color:#6b8891;
}

.stories-section #right-bar{
  color:#fff;
}

.stories-section .img:hover {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
}

.stories-section a{
  color:#fff;
}


/* events and courses css */
.events_slider .swiper {
    width: 100%;
   
  }
  .row_sideBar a{color:initial;}
  .swiper-pagination{
    position: relative!important;
    top:30px!important;
  }

  .events_slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    justify-content: center;
    align-items: center;
  }
  .events_slider {
    padding: 2em 0 3em ;
  }
  .events_slider .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
.events-banner .container-fluid{padding:0px;}
.events-banner .header {
    display: flex;
   
    justify-content: space-between;
    text-align: left;
    max-width: 1144px;
    margin-right: auto;
    margin-left: auto;
    color: #F8F8F8;
    align-items: flex-start;
}
.events-banner .img-txt{position: absolute;
    top: 35em;
    left: 5%;}

.events-banner .img-txt h1{font-weight: bold;
    color: #d1d1d1;
    opacity: 0.7;
    letter-spacing: 2px;
}

.header-info {
    flex: 1 1 auto;
    padding: 0;
    padding-right: 36px;
}

.header-title h1, .header-title {
    color: #F8F8F8;
    font-weight: 600;
    font-size: 40px;
    line-height: 44px;
  
}
 .header-description p {
    color: #FFF;
    max-width: 680px;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: normal;
}

.header-description a {
    color:#fff;
    border-bottom: 1px solid white;
    font-weight: 600;
    transition-property: color, border;
    transition-duration: 1s;
}

.header-description a:hover {
    color: #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    transition-duration: .1s;
}

.header-promo {
   margin:auto;
    display: table-cell;
    text-align: center;

}

.button-sub-text {
    width: 100%;
    color: #bebebe;
    display: inline-block;
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 18px;
}


.button-cta a {
    color: #FFF;
    background-color: #EB3656;
}
.button-global a {
    text-transform: uppercase;
    height: auto;
    font-size: 13px;
    line-height: 0px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.4px;
    border-radius: 9999px;
    border: none;
    background-color: #d1cdcd;
    color: #050404;
    transition-property: color, background-color;
    transition-duration: 1s;
    font-weight: 700;
}

.header-promo i.fa-paper-plane{
    margin-left:10px;
    font-size: 17px;
}

.archive-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 2em 0;
  
}
.mind-labs .section-head {
    margin: 0px 0px 0px;
    text-align: center;
}
.events-section{
    background:#ffffff;
    padding: 2em 0 0;
}
.mind-labs {
  background: #edebeb;
  margin-bottom: 5em;
  padding: 5em 0 3em;
}
.mind-labs .row.text-right h4{
    color:#6d868d;
}

.pricing-section .row{display: flex;
flex-wrap: wrap;

}
.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 0px !important;
  margin-bottom: 15px !important;
}
.hms-hdng-con-lft{
    padding-left: 2em;
}
.hms-hdng-con-rht{
  padding-right: 2em;
}

.pricing-section p.haas-rc-col-content{
    font-size: 17px;
    line-height: 2;
}

.pricing-section .row .img-div{margin: auto;}
.pricing-section .img-div img{border-radius: 20px;
    box-shadow: 0px 0px 10px black;}

.mind-labs h3{
    font-weight: bold;
    color:#151515;
    text-transform: capitalize;
}
.thumb-image {
    width: 100%;
    max-width: 360px;
    max-height: 480px;
    height: auto;
    overflow: hidden;
}

.thumb-image a {
    background-color: #EEEEEE;
    position: relative;
    display: block;
     overflow: hidden; 
}

.thumb-info {
    background: #e1e1e170;
    width: 100%;
    padding: 10px 0 14px 0;
    border-top: 0;
    border: 1px solid #c0bfbf;
    min-height: 106px;
}
.grid-col{
    padding-inline: 10px;
  
}
.grid-col .thumb-inspiration {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.stats .category{
    background: #bd94eb4f;
}

.thumb-title {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.thumb-name h4 a {
    color: #444;
    font-weight: 600;
    font-size: 15px;
    transition-property: color;
    transition-duration: 1s;
}

 .stats span{
    background: #94ebbf4f;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 10px;
    margin-top:5px;

}
.thumb-link{
    display: flex;
    justify-content: center;
    align-items: end;
}
.thumb-link .arrow {
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20px;
    height: auto;
}

.thumb-link .arrow a {
    color: #BBB;
    display: inline-block;
    padding-top: 8px;}

.row_courses{display: flex;flex-wrap: wrap;margin-top:2em;} 

.pricing-section{
    padding: 2em 0;
}
.courses_list {padding:0 0 4em 0;
  }
.courses_list .card {
    position: relative;
    height: auto;
    margin: 10px 0;
    transition: 0.25s ease-in;
    background: #fbfbfb;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 11px 0px;
    display: flex;
    flex-wrap: wrap;
    cursor:pointer;
    }
   
    .courses_list .col_img, .courses_list .col_content{margin:auto;}
    .courses_list .card:hover {
        transform: scale(1.01);
    }
.courses_list .col_videos {
    margin-top: 10px;
    padding: 0 12px;
    padding-left: 20px;
}
    .courses_list .card:hover {
        background-position: top;
    }

    .courses_list .col_content h5{font-weight: bold;
      font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
      line-height: 1.5;}

    .courses_list .clip-star {
        background: gold;
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
        display: inline-block;
        height: 15px;
        width: 15px;

      }

    .courses_list .star_div{display: flex;justify-content: space-between;}
    .courses_list .drop-downicon .btn{height: auto;
        font-size: 11px;
        padding: 3px 7px;
    }
    .courses_list .fa-caret-down{color: #c3c6d1;
        margin-left: 6px;}

        .why_us .item .icon i{
            margin:25px;
        }

.video_content {
    padding-top: 20px;
}
.video_content h3 {
    font-weight: bold;
    text-align: left;
    font-size: 22px;
}
 .courses_list p{color:#8e8e8e;}

 .courses_list .col_list {
    overflow: auto;
    max-height: 637px;
}

.video-sec img {
    height: 330px;
}
.video_content .tutor_profile{padding: 20px 0px;}

.video_content .tutor_profile img{width:80px;}

.video_content .tutor_profile h5{margin-top: 0;
    margin-bottom: 5px;
    font-weight: bold;}
    
/* events and courses css ends here */


/* contact us css starts */

.contact_us{
    
    /* background-image:linear-gradient(to bottom, #332f2f, #0101018f), url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/contact_us.jpeg"); */
   
    background-size: cover;
    background-position: center;
    position: relative;
    position: relative;
    z-index: 3;
    padding-top: 50px;
    padding-bottom: 50px;}


.contact_us .section-header {
    margin-bottom: 50px;
    text-align: center;
  }

  .contact_us  .section-header h2 {
    color: #FFF;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
  }
  
  .contact_us .section-header p {
    color: #FFF;
    font-size: 19px;
  }
  
  .row.row_contact_info  {
    display: flex;
    flex-wrap: wrap;
 position: relative;
    justify-content: space-between;
  }

  .contact-info-item {
    display: flex;
    box-shadow: 1px 0px 10px #cbcbcb;
    min-height: 17vh;
    background-image: linear-gradient(to bottom, #332f2f, #0101018f), url(https://ethnichealth.org.nz/wp-content/themes/ethnic/images/contact_bg.jpg);
    color: white;
    padding: 1em;
    border-radius: 0;
    background-position: 70% 85%;
    align-items: center;
    margin-bottom: 20px;
}
.row_contact_info .col-md-6{
  min-height: 470px;
  display: flex;
    flex-direction: column;
    /* justify-content: space-evenly; */
}
  
.contact-info-icon {
    max-height: 70px;
    width: 100%;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    max-width: 70px !important;
}

  .contact-info-icon i {
    font-size: 30px;
    line-height: 70px;
    color:#789aa6;
  }
  
  .contact-info-content {
    margin-left: 20px;
  }
  
  .contact-info-content h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: bold;
  }
  
  .contact-info-content p {
    color: #fff;
    font-size: 16px;
  }

  .contact-form {
    background-image:linear-gradient(to bottom, #332f2f, #0101018f), url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/contact_bg.jpg");
    background-color: #fff;
    background-size: cover;
    background-position: bottom;
    padding: 40px;
    padding-bottom: 20px;
    padding-top: 20px;
    box-shadow: 12px 15px 30px #918d8d;

  }
  
  .contact-form h2 {
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 10px;
    color: #333;
  }
  
  .contact-form .input-box {
    position: relative;
    width: 100%;
    margin-top: 10px;
  }

  .contact-form .input-box input,
.contact-form .input-box textarea{
  width: 100%;
  padding: 5px 0;
  font-size: 16px;
  margin: 10px 0;
  border: none;
  border-bottom: 2px solid #333;
  outline: none;
  resize: none;
}

.contact-form .input-box span {
  position: absolute;
  left: 0;
  padding: 5px 0;
  font-size: 16px;
  margin: 10px 0;
  pointer-events: none;
  transition: 0.5s;
  color: #666;
}

.contact-form .input-box input:focus ~ span,
.contact-form .input-box textarea:focus ~ span{
  color: #e91e63;
  font-size: 12px;
  transform: translateY(-20px);
}

.contact-form .input-box input[type="submit"]
{
  width: 100%;
  background: #00bcd4;
  color: #FFF;
  border: none;
  cursor: pointer;
  padding: 10px;
  font-size: 18px;
  border: 1px solid #00bcd4;
  transition: 0.5s;
}

.contact-form .input-box input[type="submit"]:hover
{
  background: #FFF;
  color: #00bcd4;
}

.contact_field{
    padding: 20px;
}

.contact_field h3{
   color: #FFF;

    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
}
.contact_field p{
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}
.contact_field .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    background: transparent;
    color: white;
    border-radius: 0px;
    margin-bottom: 20px;
    padding: 20px
    
}
.contact_field .form-control:focus{
    box-shadow: none;
    outline: none;
    border-bottom: 2px solid #789aa6;
}
.contact_field .form-control::placeholder{
    font-size: 13px;
    letter-spacing: 1px;
}
button.contact_form_submit {
    background: linear-gradient(to top right, #ffffff8c -5%, #cdcdcd 100%);
    border: none;
    color: #151515;
    padding: 10px 15px;
    width: 100%;
    margin-top: 25px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid transparent;
    border-left: 3px solid black;
    border-right: 3px solid black;
}
button.contact_form_submit:hover{
    background:transparent;
    border:1px solid white;
    color:white;
}

/* membership-account css */
.entry-header h1.entry-title{
	text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #6d868d;
    padding-top: 20px;
    margin-top:0;
}

.entry-content #pmpro_account #pmpro_account-membership , .entry-content #pmpro_account #pmpro_account-profile, .entry-content #pmpro_account #pmpro_account-invoices {
    box-shadow: 1px 5px 25px #cfcfcf;
}

.entry-content #pmpro_account .pmpro_box, .entry-content{padding: 1em 4em;border-top:0;}

.pmpro_box h2{font-size: 24px;border-bottom: 1px solid silver;
    padding: 5px 0px; margin-top:0px;}

table.pmpro_table{border: 1px solid #cac3c3;}

#pmpro_account-membership table.pmpro_table>thead>tr>th:first-child, #pmpro_account-membership table.pmpro_table>tbody>tr>td:first-child{width:50%;}

#pmpro_account-membership table.pmpro_table>thead>tr>th:nth-child(2), #pmpro_account-membership table.pmpro_table>thead>tr>th:nth-child(3), #pmpro_account-membership table.pmpro_table>tbody>tr>td:nth-child(2), #pmpro_account-membership table.pmpro_table>tbody>tr>td:nth-child(3){width:25%;}

table.pmpro_table th{padding: 5px 10px;
    color: white;
    background: #6d868dc4;
    border-right: 1px solid white;}

 table.pmpro_table td{padding: 5px 10px;border: 1px solid #cac3c3;}

 .pmpro_box .pmpro_actionlinks{margin-top:10px;}




/* admin login and profile css */
.pmpro_login_wrap form#loginform, .pmpro_member_profile_edit_wrap form#member-profile-edit{width: 25%;
    padding: 30px;
    background: #f5f5f5;
    margin: auto;
    border-radius: 5px;
    box-shadow: 7px 20px 20px #cecece;}

.pmpro_login_wrap form#loginform .login-username input, .pmpro_login_wrap form#loginform .login-password input, .pmpro_member_profile_edit_wrap form#member-profile-edit input[type=text]{border: 0;
    border-bottom: 1px solid #6d868d;
    width: 100%;
    max-width:100%;
    margin-top: 10px;
    max-height: 30px;
    height: 30px;}

    .pmpro_login_wrap form#loginform  input:focus-visible, .pmpro_member_profile_edit_wrap form#member-profile-edit input:focus-visible{outline:0;}
    .pmpro_login_wrap form#loginform .button-primary, .pmpro_member_profile_edit_wrap .pmpro_submit input[type=submit]  {background: #6d868d;
        color: white;
        font-size: 16px;
        padding: 5px 10px;
        border-radius: 4px;
        border: 0;
    width:100%;}  

    .pmpro_member_profile_edit_wrap .pmpro_submit input[type=button]{
        width:100%;
    }

    .pmpro_member_profile_edit_wrap .pmpro_submit input[type=submit]:hover, .pmpro_login_wrap form#loginform .button-primary:hover{
      background:#3a4965;
    }

/* billing css */

.pmpro_billing_wrap p{text-align: center;}

/* membership checkout css */

 .pmpro_checkout_gateway-stripe #pmpro_pricing_fields, #pmpro_level-1 #pmpro_pricing_fields,  #pmpro_level-2 #pmpro_pricing_fields{padding: 20px;
    margin-top: 0em;
    border: 1px solid #dadada;
    box-shadow: 5px 5px 20px #c9c9c9;}

#pmpro_form .pmpro_checkout h2{margin:0em 0 0 0;font-size: 24px;}

.pmpro-levels .pmpro_actions_nav {
    margin-top: 5px;
}

/* level2 css */
#pmpro_billing_address_fields{
    width: 70%;
    margin: auto;
}
#pmpro_billing_address_fields h2{text-align: center;margin-top:0px!important;}

#pmpro_billing_address_fields .pmpro_checkout-fields{
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 30px 30px 30px 30px;
    background: #ffffff;
    margin: 1em 0;
    box-shadow: 7px 20px 20px #cecece;
    border: 1px solid #cecece;
}

#pmpro_billing_address_fields .pmpro_checkout-fields input, #pmpro_billing_address_fields .pmpro_checkout-fields select{
    border: 0;
    border-bottom: 1px solid #6d868d;
    width: 80%;
    max-width:80%;
    margin-top: 10px;
    max-height: 30px;
    height: 30px;
}
#pmpro_billing_address_fields .pmpro_checkout-fields input:focus-visible, #pmpro_billing_address_fields .pmpro_checkout-fields select:focus-visible{outline:0;}


/* cancel membership css */
#pmpro_cancel{text-align: center;
    width: max-content;
    margin: auto;
    padding: 0px 0 2em;}

#pmpro_cancel p{font-size: 20px;
    margin: 1em;}

/* invoice css */

.pmpro_invoice_wrap{
    border: 1px solid silver;
    padding: 20px ;
}

.pmpro_invoice_wrap h2{font-size: 20px;
    font-weight: bold;}
.pmpro_invoice_wrap .pmpro_a-print{font-size: 16px;}

.pmpro_invoice_wrap hr{border-top: 2px solid #dedede;margin-top: 15px;
    margin-bottom: 15px;}

#post-138 .entry-content .pmpro_invoice_wrap{border:none;padding: 0px;}

/* change password css and lost password */
.entry-content h2{
    font-size: 24px;
margin-top:0px;}

#post-141 .entry-content h2{
    text-align: center;
}
.pmpro_change_password_wrap, .pmpro_lost_password_wrap{
    width: 25%;
    padding: 30px;
    background: #f5f5f5;
    margin: auto;
    border-radius: 5px;
    box-shadow: 7px 20px 20px #cecece;
}

.pmpro_change_password_wrap input, .pmpro_lost_password_wrap input{ border: 0;
    border-bottom: 1px solid #6d868d;
    width: 95%;
    max-width:95%!important;
    margin-top: 10px;
    max-height: 30px;
    height: 30px;}

.pmpro_change_password_wrap input[type=submit], .pmpro_lost_password_wrap input[type=submit]{background: #6d868d;
    color: white;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 4px;
    border: 0;
    width: 100%;}
.pmpro_change_password_wrap input[type=button], .pmpro_lost_password_wrap input[type=button]{width:100%;}
.pmpro_change_password_wrap hr{margin:0;}

.pmpro_change_password_wrap input:focus-visible, .pmpro_lost_password_wrap input:focus-visible{outline:0;}

.pmpro_lost_password_wrap .pmpro_actions_nav a{font-size: 16px;}

/* welcome css */

.pmpro_logged_in_welcome_wrap{
    text-align: center;
    width: max-content;
    margin: 0 auto 2em;
    padding: 0 20px 20px;
    border: 1px solid silver;
    border-radius: 10px;
    box-shadow: 5px 5px 1px #d3d2d2;

}

.pmpro_logged_in_welcome_wrap h3.pmpro_member_display_name{font-size: 24px;
    font-weight: bold;}


/* comments */
footer.entry-footer, #comments{padding: 1em 4em!important;}

.comments-area h2{font-size: 24px;}

.comment-list{padding-left:0px;}

.comment-list li footer.comment-meta{padding: 10px;}
.comment-list li .comment-content{margin: 1em 0; word-wrap: break-word;}
p.comment-form-comment{display: flex;flex-wrap: wrap;}

p.comment-form-comment label{margin-right:10px;}

p.comment-form-comment textarea#comment{border: none;
    background: #f4f4f4;
    border-bottom: 1px solid silver;}

.comment-respond form#commentform input[type=submit]{margin-left: 6em;}


/* category uncategorised */
#post-1 header.entry-header{padding: 0em 4em;}

header.page-header{margin-bottom: 0px;}

header.page-header h1.page-title{font-size: 30px;
    color: #6d868d;
    font-weight: bold;
    text-align: center;
margin-top:0px;}

.entry-content .pmpro_success, .pmpro_error{width: 25%;
    margin: 0 auto 1em!important;
   }

/* billing form css */
#post-134 .pmpro_billing_wrap ul li{text-align: center;font-size: 20px;}
#post-136 #pmpro_level-1 #pmpro_user_fields, #post-136 #pmpro_level-2 #pmpro_user_fields{width: auto;
    padding: 20px;
    margin-top: 1em;
    border: 1px solid #dadada;
    box-shadow: 5px 5px 20px #c9c9c9;}

#post-136 .pmpro_checkout-fields input:focus-visible{outline:0;
    border-bottom:2px solid #6d868d;}

#post-136 .pmpro_checkout-fields  input{border: 0;
    border-bottom: 1px solid #6d868d;
    width:100%;
    margin-top: 0px;
    max-height: 30px;
    height: 30px;}

#post-136 #pmpro_level-1 #pmpro_user_fields .pmpro_checkout-fields, #post-136 #pmpro_level-2 #pmpro_user_fields .pmpro_checkout-fields{display: grid;
    grid-template-columns: 50% 50%;
}
#post-136 form.pmpro_form .pmpro_submit{text-align: center;}

section.not-found p, section.not-found form.search-form{text-align: center;}

section.not-found form.search-form label input[type=search]{border: 1px solid silver;margin-bottom: 1em ;}
#post-317 .post-thumbnail, #post-317 .entry-content{text-align: center;}


/* privacy and policy */
.privacy_policy .privacy-content h4{font-weight: bold;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    line-height: 25px;}
.privacy_policy .privacy-content p{line-height: 25px;
}

.privacy_policy .privacy-content{padding: 2em;
    border: 1px solid silver;
    margin-bottom: 5em;
    box-shadow: 3px 3px 20px silver;}

/* terms and conditions */

.terms-container .row{margin-left:0px; margin-right:0px;}
  .terms-title h1{
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 10px;  
  }
  
  .terms-container .terms-body {padding: 2em;
    border: 1px solid silver;
    box-shadow: 3px 3px 20px silver;margin-bottom:5em;}

  .terms-body h4 {
    line-height: 25px;
    font-weight: bold;
    
  }
  
  .terms-body h3{
    color: #262626;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0px;
  }
  
  .terms-body p{
    line-height: 25px
  }
  
  .terms-body a{
    color: #6b8891;
  }
  
  .terms-body a:hover{
    color: #EB573D;
    text-decoration: none;
  }
  
  .terms_footer h3 {
    margin-top: 60px;
    margin-bottom: 125px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1.5;
    color: #262626;
  }
  
  .terms_footer h3 a:link {
    color: #6b8891; 
    text-decoration: none;
  }

  .terms_footer h4{text-align: center;
    margin-top: 2em;}


/* podcasts */
.podcast{
    margin: 2em;
    padding: 2em 0;
}

  .podcast h3{
    position: relative;
    padding: 0;
    color: #6b8891;
    line-height: 1;
    letter-spacing: 0.3px;
    font-size: 30px;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  .goof-date{
    font-size: 16px;
    line-height: 1.5;
  }
  .goof-player{
    width:100%;
    margin-top:1em;
  }
  .news_time{
    color:#8f8f8f;
  }
  .goof-title{
    font-weight: bold;
    line-height: 1.5;
  }
  .padding_section{
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 10px;
    margin-top:1em;
    cursor: pointer;
    position: relative;
    max-height: 550px;
    min-height: 550px;
    overflow: hidden;
    transform: scale(1);
    transition: all .3s ease;
    border-radius: 0;

  }
  .padding_section:hover{
    transform: scale(1.01);
    transition: all .3s ease;
    z-index:1;
    background-color: #6d868d;
    color: white;
 
    
  }

  .padding_section img{
    width: 100%;
    height: 200px !important;
    object-fit: cover;
  }
  .padding_section:hover .tag{color: black;background:white;}
  .padding_section .tag{
    padding: 3px 10px;
    border-radius: 5px;
    position: relative;
    background: #bfbaec6e;
   }
  .margin-top_5{
    margin-bottom: 3%;
  }
  
.margin-top_5 a, .research_articles a{
  color:inherit;
}
  .background_color{
    background-color: white;
  }


  .our_vision{
    margin:5em 0;
    /* background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.171)), url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/vision_bg_new.png") no-repeat center ; */
    background-color: #edebeb;
    background-size:cover;
    /* min-height: 400px; */
    position: relative;
    min-height: auto;
    position: relative;
    padding: 3em 0;
  }
  .OurMission .heading{
    position: relative;
    /* left: 20%;
    bottom: 15%; */
    margin:auto;
  }
 .mission_1 p {
    margin-top: 10px;
    color: #333;
    text-align: left;
    padding-left: 40px;
}
  /* .mission_1{
    padding: 1em 1em;
    box-shadow: -3px 0px 14px #6b8891;
    min-height: 256px;
    text-align: center;
    margin:3em 0;
   
  } */ 

  .border_div{
    padding: 1em;
   
 
  }
  .border_div p, .our_mission .section-head p{
    font-size: 27px!important;
    color: black;
    text-align: center;

  
}
.OurMission .heading h1 {
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    text-align: left;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
    margin-bottom: 1em;
    margin-top: 0px;
    color: black;
}
  .text_side .bg-info-soft {
    background-color: #edebeb;
    width: 65%;
    padding: 3em 2em;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    text-align: left;
    margin-left:5em;
}
.bg-info-soft h4{line-height: 1.5;}
  .our_vision_content
  {
    background: white;
    padding: 42px 69px;
    text-align: center;
   
    
  }
  .our_vision_content h3{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 30px;
  }
  .our_vision_content h3 i{
    margin-left: 0.6em;
  }
  .our_vision_content h5{
    font-size: 30px;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
    font-weight: 600;
  }
.white_boxes h4 {
    text-align: left;
    margin-left: 0;
    font-family: inherit;
    letter-spacing: normal;
}

/* .our_vision_content:hover{
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.5);
 
} */

.about_us h2
{top:15vh;}
.approach h4{
  margin-bottom: 40px;
}
.approach .box p {
    line-height: 25px;
    font-size: 15px;
    margin: 18px 0px;
    color:#000;
}
.approach .content h3 {
    text-align: center;
    font-size: 70px;
    color: #d7d0d0;
}
.approach .content h2 {
    text-align: left;
    font-size: 22px;
    text-transform: capitalize;
    margin: 0px;
  color:#000;
  font-weight: 600;
}
.approach .box a {
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #000;
    padding: 11px 20px;
    margin: 5px 0px;
    display: inline-block;
    transition: 0.4s;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-36px);
}



.approach .box:last-child {
margin: 0px;
}

.approach .box .content {
    padding: 20px;
    background-color: #eee;
    color: #fff;
    min-height: 200px;
    position: relative;
    transition: 0.4s;
}
.approach .box .content:before {
display: block;
content: "";
position: absolute;
top: -2px;
left: -2px;
bottom: -2px;
background-color: red;
right: -2px;
z-index: -1;
transform: skew(2deg, 2deg);
}


.approach .box .content:after {
display: block;
content: "";
position: absolute;
top: 0px;
left: 0px; width: 50%; height: 100%;
bottom: 0px;
background:rgba(255,255,255,0.02);
right: 0px; z-index: -1;

}

.approach .box .content:hover a{transition: 0.4s;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);}


 .approach .box:nth-child(1) .content:before {background: linear-gradient(315deg, #6d868d, #6d868d);}
.approach .box:nth-child(2) .content:before {
    background: linear-gradient(315deg, #6d868d, #6d868d);
}
.approach .box:nth-child(3) .content:before {
    background: linear-gradient(315deg, #6d868d, #6d868d);
}

.approach .box:nth-child(4) .content:before {
    background: linear-gradient(315deg, #6d868d, #6d868d);
}

/* topic page design */
.category_banner h2{
    color: rgb(255, 255, 255);
    font-size: 40px;
    font-weight: 700;
    margin-top: 0;
    position: relative;
    top: 15vh;
}
.topic_page{
    padding: 3em 0;
}
.topic_page .section-head h1{
    color:black;
}

 

.grid-starts{
    column-width: 300px;
    column-gap: 5px;
    padding: 5px;
  }
  
  .grid-starts img {
    width: 100%;
    cursor: pointer;
  }
  
  .grid-starts .lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    background: #7f8c8d;
    perspective: 1000;
  }
  
  .grid-starts .filter {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(20px);
    opacity: 0.5;
    background-position: center;
    background-size: cover;
  }
  
  .grid-starts .lightbox img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateY(0deg);
    max-height: 95vh;
    max-width: calc(95vw - 100px);
    transition: 0.8s cubic-bezier(0.7, 0, 0.4, 1);
    transform-style: preserve-3d;
  }
  
  
  [class^="arrow"] {
    height: 200px;
    width: 50px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
  }
  
  [class^="arrow"]:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 15px;
    height: 15px;
  }
  
  .grid-starts .arrowr {
    right: 0;
  }
  
  .grid-starts .arrowr:after {
    border-right: 1px solid white;
    border-bottom: 1px solid white;
  }
  
  .grid-starts .arrowl {
    left: 0;
  }
  
  .grid-starts .arrowl:after {
    border-left: 1px solid white;
    border-top: 1px solid white;
  }
  
  .grid-starts .close {
    position: absolute;
    right: 0;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.4);
    margin: 20px;
    cursor: pointer;
  }
  
  .grid-starts .close:after,
  .grid-starts .close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #e74c3c;
  }
  
  .grid-starts .close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  
  .grid-starts .close:before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  
  .grid-starts .title {
    font-size: 20px;
    color: #000;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 20px 0;
  }

  .stack-card .content {
    padding: 16px;
    
    overflow: hidden;
    position: absolute;
    top: 0;
    color: #ffffff;
}
.stack-card img {
    width: 100%;
    margin-bottom: 0;
    display: block;
    filter:brightness(0.5);
    max-height: 450px;
    
}
.stack-card{
    background-color:  black!important;
    position: relative;
    min-height: 250px;
}

.stack-card:not(:first-child){
  margin-top:5px;
}
.stack-card:hover{
   
    transition: all .3s;
    background-color: #6d868d85;
    color: white;
    z-index: 1;
}

.stack-card .content:hover a {
    transition: 0.4s;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.stack-card .content a{
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #fffefe;
    padding: 6px 15px;
    margin: 15px 0px 15px;
    display: inline-block;
    transition: 0.4s;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-36px);
    font-size: 15px;

}
.stack-card .content span{
    background:#101010ab;;
    padding: 5px;
    font-size: 12px;

}

.stack-card:hover img{
    opacity: 0.5 !important;
    transition: 0.6s;
    background-color: black;

}

/* category list */
.blog_container a{
  color:initial!important;
}
.category_list .blog_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
    margin: auto;
    padding: 2em 0;
  }
  .category_list .card {
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 100%;
    position: relative;
    transform: scale(1);
    transition: all .3s ease;
    cursor: pointer;
  }
.category_list .card:hover {
    background-color: #6d868d;
    transform: scale(1.01);
    z-index: 1;
}
  .category_list .card:hover h4,   .category_list .card:hover span ,  .category_list .card:hover p ,.category_list .card:hover h5 ,.category_list .card:hover small, .category_list .card:hover figcaption, .padding_section:hover .user-info small, .padding_section:hover .news_time{
   color:white ;

  }
  .category_list .card:hover .tag {
    background-color: #fff;
    color:#6d868d;
}
  .category_list  .card-header img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  .category_list .card-body {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 20px;
    height: 320px;
    overflow:hidden;
  }
  .category_list .tag {
    background-color: #ccc;
    color: #fff;
    border-radius: 0;
    font-size: 12px;
    margin: 5px;
    padding: 2px 10px;
    text-transform: capitalize;
  }
  .category_list .tag {
    background-color: #6d868d;
  }
  .category_list .time, .padding_section .time {
    margin: 10px 0 15px;
    color: #001f65;
    font-weight: bold
  }
 .figcaption {
    font-style: italic;
    font-size: 15px;
    margin:10px 0 20px;
}
  .category_list .card-body h4 {
    margin: 10px 0;
    font-weight: bold;
    line-height: 1.5;
  }
  .category_list .card-body p {
    font-size: 14px;
    margin: 0 0 10px 0;
    font-weight: 500;
    color: rgb(70, 68, 68);
  }
  .category_list .user, .padding_section .user {
    display: flex;
    margin-top: auto;
    position: relative;
    bottom: 0;
   
  }
.category_list .user img, .padding_section .user img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}
  .category_list .user-info h5 , .padding_section .user-info h5{
    margin: 0;
  }
  .category_list .user-info small, .padding_section .user-info small{
    color: #888785;
  }
  @media (max-width: 940px) {
    .category_list .blog_container {
      grid-template-columns: 1fr;
      justify-items: center;
    }
  }

/* .category_list .leftBox {
    box-sizing: border-box;
  }
  
  .category_list .leftBox .content {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 40px;
    transition: 0.5s;
  }
  
  .category_list .leftBox .content:hover {
    background-color: #e91e63;
  }
  
  .category_list .leftBox .content h1 {
    margin: 0;
    padding: 0;
    font-size: 50px;
    text-transform: uppercase;
  }
  
  .category_list .leftBox .content p {
    margin: 10px 0 0;
    padding: 0;
  }
  

  .tags ul li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 0 6px;
}
 .tags span {
    color: #333;
    display: inline-block;
    font-size: 18px;
    margin: 0 10px 5px 0;
}
.tags ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.tags ul li a {
    background-color: #f5f5f5;
    border-radius: 20px;
    color: #777;
    padding: 2px 18px 3px;
}
  .category_list .events_list ul {
    margin: 0;
    padding: 40px;
    list-style: none;
  }
  
  .category_list .events_list ul li {
    background-color: #fff;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 30% 1fr;
    grid-template-rows: 1fr;
    grid-gap: 0;
    grid-template-areas:
      "time time"
      "detail detail";
    margin-bottom: 20px;
  }
  
  
  .category_list .events_list ul li .time {
    grid-area: time;
    position: relative;
    padding: 8% 25%;
    background-color: #262626;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: 0.5s;
  }
  
  .category_list .events_list ul li:hover .time {
    background-color: #6d868d;
  }
  
  .category_list .events_list ul li .time h2 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 60px;
    line-height: 40px;
    text-align: center;
  }
  
  .category_list .events_list ul li .time h2 span {
    font-size: 30px;
  }
  
  .category_list .events_list ul li .details {
    grid-area: detail;
    padding: 20px 20px 32px;
    background-color: #edebeb;
    box-sizing: border-box;
  }
  
  .category_list .events_list ul li .details h3 {
    margin: 0;
    padding: 0;
    font-size: 22px;
  }
  
  .category_list .events_list ul li .details p {
    margin: 10px 0 0;
    padding: 0;
    font-size: 16px;
  }*/
  
  .category_list {
    padding: 2em 0;
    /* background: linear-gradient(268deg, rgb(69 69 69 / 19%), rgb(0 0 0 / 67%)), url(https://ethnichealth.org.nz/wp-content/themes/ethnic/images/listing_bg.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 47% 33%; 
  }

   .category_list .section-head h1,   .category_list .section-head p{
    color:#151515;}
    
  
  /* .events_list .details a{

    text-transform: uppercase;
    text-decoration: none;
    margin: 15px 0px 15px;
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    font-size: 15px;
    color: white;
    font-weight: 700;
    padding: 10px 30px;
    box-shadow: 6px 6px 20px #8e8888;
    border: 1px solid #8e8888;
    background: linear-gradient(to right, #6d868d, #44565b);
    transition: .2s ease-in-out;
    border-left: 3px #202223 solid;
    border-right: 3px #6d868d solid;
    transform: translateY(-32px);
   

}
  .events_list .details:hover a {
    transition: 0.4s;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
} */


/* detail page */
.sidebars-area {
  background: #fff;
  padding: 20px;
}
.single-sidebar-widget {
  margin-bottom: 30px;
}
.editors-pick-post .post-lists .single-post {
  padding: 15px 0px;
  border-bottom: 1px solid #a6a5a5;
}
.editors-pick-post .post-lists .detail h6 {
  line-height: 1.4em !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
.editors-pick-post .meta {
  margin: 0px 0px;
}
.editors-pick-post .details {
  padding-bottom: 20px;
  border-bottom: 1px solid #a6a5a5;
}
.editors-pick-post .details h4{
  color:#151515;
}
.editors-pick-post .details h4:hover {
  color: #5fabcc;
}

.editors-pick-post .meta li {
  display: inline-block;
  color: #777777;
  margin-right: 10px;
  font-weight: 300;
  font-size: 15px;
}
.editors-pick-post .meta li a, .editors-pick-post .meta li .lnr {
  color: #777777;
}
.sidebars-area .meta{
  border-bottom:0;
}

.single-sidebar-widget .title {
  background: #6d868d;
  color: #fff;
  padding: 12px 20px;
  margin-bottom: 20px;
  font-size: 15px;
    font-weight: bold;
}
.single-post-wrap {
  padding: 20px;
  background: #fff;
}

.mt-10 {
  margin-top: 10px;
}

.single-post-wrap .tags li {
  display: inline-block;
  background: #6d868d;
  color: #fff;
  padding: 4px 30px;
  font-weight: 300;
}
.single-post-wrap .meta {
  margin: 10px 0px;
}
.pb-20 {
  padding-bottom: 20px;
}
.single-post-wrap .meta li {
  display: inline-block;
  color: #777777;
  margin-right: 10px;
  font-weight: 300;
  font-size: 15px;
}
.single-post-wrap .meta li a, .single-post-wrap .meta li .lnr {
  color: #777777;
}
.single-post-wrap blockquote {
  border-left: 2px solid #f6214b;
  padding-left: 20px;
  font-style: italic;
}
.single-post-wrap .navigation-wrap {
  margin-top: 50px;
  display: flex;
}

.justify-content-between {
  justify-content: space-between !important;
}
.single-post-wrap .navigation-wrap a {
  font-size: 12px;
  font-weight: 300;
  background: #6d868d;
  color: #fff;
  padding: 12px 24px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.flex-column {
  flex-direction: column !important;
  margin-right:0 !important;
  margin-left:0px !important;
}
.single-post-wrap .comment-sec-area h6 {
  padding: 25px 0px ;
  font-weight: bold;
    font-size: 16px;
}
.d-flex {
  display: flex !important;
}
.single-post-wrap .comment-sec-area .comment-list {
  padding-bottom: 30px;
}
.single-post-wrap .comment-sec-area .thumb {
  margin-right: 20px;
}
.single-post-wrap .comment-sec-area .thumb img{
  width:60px; height: 60px;
}
.single-post-wrap .comment-sec-area a {
  color: #222;
}
.single-post-wrap .comment-sec-area .date {
  font-size: 13px;
  color: #cccccc;
}
.single-post-wrap .comment-sec-area .comment {
  color: #777777;
}
.single-post-wrap .comment-sec-area .btn-reply {
  background-color: #6d868d;
  color: #fff;
  padding: 8px 30px;
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.comment-form {
  background: #ecf0f1;
  text-align: center;
  padding: 30px 20px;
  margin-top: 0;
}
.comment-form h4 {
  text-align: left;
  margin-bottom: 50px;
}
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.comment-form  .name {
  padding-left: 0px;
}
.comment-form  .email {
  padding-right: 0px;
}

.comment-form .form-control {
  padding: 12px;
  background: #fff;
  border: none;
  border-radius: 0px;
  width: 100%!important;
  font-size: 13px;
  color: #777777;
}
.comment-form .primary-btn {
  border-radius: 0px !important;
  border: 1px solid transparent;
  color: #fff;
  font-weight: 600;
  background: #6d868d;
    padding: 10px;
}

.single-post-wrap .tags li a {
  color: #fff;
  font-size: 15px;
    font-weight: bold;
}
.single-post-wrap h3 {
 
  margin-top: 20px;
    color: #4c4c4c;
    font-weight: 600;
}
.detail_page .tags ul, .detail_page .tags{
  display: flex;
}
.detail_page .tags ul li a{
  color:black!important;
}
.detail_page .tags ul li{
  padding: 5px 10px;
    background: #dfdddd;
    color: white;
    border-radius: 7px;
    margin-left: 10px;}

.detail_page .article-title {
    font-size: 20px;
    font-weight: bold;
    color: #444444;
  }
  
  .detail_page .article-read-more,
  .detail_page .article-info {
      font-size: .875rem;
  }
  
  .detail_page .article-read-more {
      color: #1792d2;
      text-decoration: none;
      font-weight: 700;
      font-size: 13px;
  }
  .detail_page .article-read-more:hover,
  .detail_page .article-read-more:focus {
      color: #143774;
      text-decoration: underline;
  }
  .detail_page .article-info {
      margin: 2em 0;
      font-size: 13px;
  }

  .detail_page main{
    max-width: 65%;
    padding: 2em;
   
  }
  .detail_page .article-body{
    width: 100%;

    font-size: 18px;
  }
  .detail_page .sidebar{
    max-width: 35%;
    padding: 2em;
  }
  .detail_page .article-featured {
    border-bottom: #707070 1px solid;
    padding-bottom: 2em;
    margin-bottom: 2em;
}
.c-aside-list{
    margin-top: 2em;
}

.c-aside-list li{
    font-size: 18px;
    line-height: 1.5;
    margin: 10px 0
}
.detail_page .article-recent {
    display: flex;
    flex-direction: column;
    margin-bottom: 2em;
}

.detail_page .article-recent-main {
    order: 2;
}

.detail_page .article-recent-secondary {
    order: 1;
}
.detail_page .row_details{
    display: flex;
    justify-content: center;
  

}
.detail_page{
    /* padding: 2em 0;
    background: linear-gradient(to right, #6d868d52, white); */
}
.detail_page .sidebar-widget h3{
    font-size: 18px;
}

/* become member */
.become_members{
    /* background-image: linear-gradient(268deg, rgb(0 0 0 / 80%), rgb(0 0 0 / 80%)),url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/top-view-fresh-foods-spices-vegetables-cooking-white-table.jpg"); */
    padding-bottom: 5em;

}


.form_div #submitbtn:hover{
    background: transparent;
    color: white!important;
    border:1px solid white;
   
}

.form_div{
    /* background-image: linear-gradient(268deg, rgb(0 0 0 / 80%), rgb(0 0 0 / 80%)),url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/become_bg.jpg"); */
    background-image:linear-gradient(to bottom, #332f2f, #0101018f), url("https://ethnichealth.org.nz/wp-content/themes/ethnic/images/contact_bg.jpg");
    background-color: #fff;
    background-size: cover;
    background-position: bottom;
    border: 2px solid #dedddd ;
    background-position: 100% 35%;
}
.form_div .wp_nonorganisational_form, .form_div .wp_organisational_form, .form_div .profile_page {
    
    display: grid;
    grid-template-columns: 48% 48%;
    grid-column-gap: 4%;

    padding: 40px;
    margin-top:1em;
}
#wp_signup_form	.form-control {
  /* height: 40px; */
  border: 0;
  background: #ffffff00;
  border-bottom: 1px solid white !important; 
  /* border-radius: 10px; */
  color: white!important;
  border-radius: 0px !important;
  color: #f1f1f1ad !important;
  margin-bottom: 10px !important;
}
.form_div #submitbtn{
    padding: 8px 24px;
font-size: 17px;
margin-top: 1em;
    background: white;
    color: black;
    border:1px solid white;
    width: 30%;
    text-align: center;
    /* border-radius: 10px; */
    
}
.submit-div{
    display: flex;
    justify-content: center;
    margin-bottom: 3em;
}

.become_members .section-head h1{
    color: #151515;
    margin: 2em 0 1em;
}
.become_members label,  .form_div label{
    color:#dedddd;
}

/* event detail */
.event_detail{
    margin: 2em 0;
    padding: 3em 0;
}
.event_detail .nav-tabs{
    border:0;
}

.event_detail .nav-tabs>li>a{
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: bold;
  color: #000000bf;
}
.event_detail .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border-bottom: 4px solid #6d868d!important;
    color: white!important;
    background: linear-gradient(to right, #6d868d, #44565b)!important;
}

.event_detail .tab-content>.active{
  padding: 2em;
    background-color: whitesmoke;
    box-shadow: 6px 6px 10px silver;
    min-height: 550px;
}
.event_detail .tab-content{
    margin-top:2em;
}
.register_btn_sticky{
  position: sticky;
    top: 63px;
   
    background: #fff;
    padding: 12px 15px;
    border-radius: 10px;
   
}
.reg_fee
{
  padding: 1em;
  display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dde5ea;}

.register_sect span{
  display: flex;
    align-items: center;
    color: #151515;
    font-weight: 600;
    font-size: 20px;
}

.box_sticky{
   padding: 1em;
   background-color: whitesmoke;
   box-shadow: 6px 6px 10px silver;
   min-height: 550px;
}
.event_desc .tab-pane .text-left h3{
  color: #475a5f;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 1px;
}
/* .event_desc .tab-pane{
  padding: 2em;
    background-color: whitesmoke;
    box-shadow: 6px 6px 10px silver;
    min-height: 550px;
} */
.register_btn:hover{
  background: white!important;
  color: #151515!important;
  border-left: 3px solid black;
  border-right: 3px solid black;
  border:1px solid black;
}
.register_btn{
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 5px 30px!important;
  min-width: auto;
  font-size: 18px!important;
  color: white;
  border: 1px solid #8e8888;
  background: linear-gradient(to right, #6d868d, #44565b)!important;
  transition: .2s ease-in-out;
  border-left: 3px #202223 solid!important;
  border-right: 3px #202223 solid!important;}



  .box_sticky .item{
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  font-size: 20px;
  }
  .box_sticky .item span{
    font-size: 16px;
    font-weight: 500;
    width: calc(100% - 40px);
    line-height: 110%;
    padding-left: 10px;
    color: #151515;
    display: block;
    margin-left: 15px;
  }

  .box_sticky .item span strong
  {display: block;
    margin-top: 6px;
    font-weight: 600;
    font-size: 16px;
    color: #151515;}

    #exampleModal .positionn .form-title{
      padding:10px 40px 0px;
      color: white;
      letter-spacing: 0.3px;
      font-size: 30px;
      font-family: Oswald, Georgia, "Times New Roman", Times, serif;
      font-weight: 700;
      text-align: center;
  }
  #exampleModal .positionn form{
      padding:0px 40px;
  }
  
  #exampleModal .positionn  input, .positionn select{
    height: 40px;
    border: 0;
    background: #ffffff00;
    border-bottom: 1px solid white;
    border-radius: 10px;
    color: #999;
    width: 100%;
    margin-bottom: 1em;
  }
  .positionn input :hover {
      background-color: red;
  }
  #exampleModal .close{
    opacity: 1!important;
    color: white!important;
  }


  #exampleModal .positionn button{
      color:#ffffff;
      background-color: #4caf50;
      height:40px;
      width:25%;
      margin-top:15px;
      cursor: pointer;
      border:none;
      border-radius:2%;
      outline:none;
      text-align:center;
      font-size:16px;
      text-decoration:none;
      -webkit-transition-duration:0.4s;
      transition-duration:0.4s;
  }
  #exampleModal .positionn button:hover{
      background-color:#333333;
  }
  #exampleModal .modal-footer, .modal-header{
    border-top:0!important;
    border-bottom:0!important;
    text-align: center!important;
  }
  #exampleModal .modal-content{
    background-image: linear-gradient(268deg, rgb(0 0 0 / 80%), rgb(0 0 0 / 80%)),url(https://ethnichealth.org.nz/wp-content/themes/ethnic/images/become_bg.jpg);
    background-position: 100% 35%;
     background-size: cover;
    background-position: center;
    padding: 40px;
    padding-bottom: 20px;
    padding-top: 20px;
    box-shadow: 12px 15px 30px #918d8d;
  }
  #exampleModal .modal-footer BUTTON{
  min-width: 25%!important;
  }

  #exampleModal .modal-footer .btn-primary:hover{
    background: transparent;
    color: white!important;
    border: 1px solid white;
  }
  #exampleModal .modal-footer .btn-primary{
  padding: 8px 24px;
    font-size: 17px;
    margin-top: 1em;
    background: white;
    color: black;
    border: 1px solid white;
    width: 30%;
    text-align: center;
    border-radius: 10px;
  }

  #success_mg .form-title{
    text-align: center;
    font-size: 26px;
    color: green;

  }

  #success_mg  .form-group{
    text-align: center;
    margin-top: 2em;
    font-size: 20px;
  }

  .regular-field a{
    font-size: 20px!important;
    color: #151515!important;
  }


  .row_form_login{
    display: flex;
    justify-content: center;
  }
  .member_login, .member_confirm{
    display: flex;
    justify-content: center;
    padding: 40px;
    margin-top: 1em;
    flex-direction: column!important;
  }
  .member_login #submitbtn, .member_confirm  #submitbtn{ 
    width: 100%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
  }

  .mind-labs p{
    text-align:justify!important;
  }
  .mind-labs ol {
    list-style: none;
    counter-reset: list;
    padding: 0 1rem;
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: center;
  }
  
  .mind-labs li {
    position: relative;
    counter-increment: list;
    max-width: 100%;
    margin: 2rem auto;
    padding: 2rem 1rem 1rem;
    box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3);
    border-radius: 0.25rem;
    overflow: hidden;
    background-color: white;
  }
  .mind-labs li:hover{
    background-color: #6d868d;
    color:white;
  }
  
  .mind-labs li::before {
    
    content: '';
    display: block;
    width: 100%;
    height: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, grey , black);
  }
  .mind-labs li:hover h3::before{
    background-color: white;
    color: #6d868d;
  }
  .mind-labs li:hover h3{
    color: white!important;
  }
  
  .mind-labs h3 {
    display: flex;
    align-items: baseline;
    margin: 0 0 1rem;
    color:grey;
  }
  
  .mind-labs  h3::before {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    margin-right: 1rem;
    width: 4rem;
    height: 4rem;
    content: counter(list);
    padding: 1rem;
    border-radius: 50%;
    background-color: #6d868d;
    color: white;
  }


  .get_in_touch{
color:#6d868d;
  }

  div.bhoechie-tab-container {
  
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 20px;
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
}
div.bhoechie-tab-menu {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group {
  margin-bottom: 0;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
  display: none;
}
div.bhoechie-tab-content {
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding: 3rem;
  height: auto;
    margin: 10px 0;
    transition: 0.25s ease-in;
    background: #fbfbfb;
    box-shadow: 5px 5px 20px silver;
}
div.bhoechie-tab-content h3{
  font-size: 20px;
    color: #040446;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
}
div.bhoechie-tab-content h1{
  font-size: 22px;
    font-weight: bold;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
}
div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa {
  background-color: transparent;
  color: black;
  border:0;
  padding: 0;
}
div.bhoechie-tab-menu div.list-group>a.active:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #fbfbfb;
}


/* aproach design neew */
.left_right_font h3 {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5;
}
.text_face_ceneter {
  text-align: center;
}
.left_right_font p {
  padding: 10px 0 0 0;
  font-weight: 500;
  color: #777;
}
.round_circle_box {
  background: linear-gradient(to right, #000e6c, #1a1a1a);
  border-radius: 50%;
  box-shadow: 5px 5px 10px #d6cfcf;
  position: relative;
  border: 5px solid #fff;
}
.logo_center img {
  position: absolute;
  top: 42%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.top_left img {
  position: absolute;
  left: 30px;
  height: 80px;
  width: 80px;
  background: #47c660;
  border-radius: 50px;
  border: 6px solid #fff;
  padding: 6px;
}
.top_right img {
  position: absolute;
  right: 30px;
  height: 80px;
  width: 80px;
  background: #ec7050;
  border-radius: 50px;
  border: 6px solid #fff;
  padding: 6px;
}
.bottom_left img {
  position: absolute;
  left: -26px;
  height: 80px;
  width: 80px;
  background: #f9af40;
  border-radius: 50px;
  border: 6px solid #fff;
  padding: 6px;
  bottom: 95px;
}
.bottom_right img {
  position: absolute;
  right: -26px;
  height: 80px;
  width: 80px;
  background: #6d6e72;
  border-radius: 50px;
  border: 6px solid #fff;
  padding: 6px;
  bottom: 95px;
}
.center_under_logo img {
  position: absolute;
  height: 80px;
  width: 80px;
  background: #36a29e;
  border-radius: 50px;
  border: 6px solid #fff;
  padding: 6px;
  bottom: -33px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.p-t-40 {
  padding-top: 100px;
}
.marquee {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 60px;
  overflow-x: hidden;
  padding: 10px 0;
  background: #0000006e;
  top: 25px;
}

.track {
  position: absolute;
  white-space: nowrap;
  width:100%;

  will-change: transform;
  animation: marquee 32s linear infinite;
}
.track .content{
  color:white;
  font-size: 25px;
  font-weight: bold;
  font-family: "Oswald", Georgia, "Times New Roman", Times, serif;
}
@keyframes marquee {
  from { transform: translateX(100%); }
  to { transform: translateX(-100%); }
}


/*.strategy img{
  filter:drop-shadow(2px 4px 6px black);
}*/

.fa-tag{
  margin-right:5px;
}

.detail_page .comment-body, .detail_page .comment-form{
  background: #f9fafa;
    box-shadow: 0px 3px 10px grey;
    padding: 1.5em;
    margin-left: 15px;
    margin-bottom: 15px;
}
.detail_page footer{
  background: none;
  display: flex;
    justify-content: space-between;
}
p.logged-in-as{
  text-align: left;
  margin-bottom: 2em;
}

.detail_page footer .comment-metadata{
  display: flex;
    gap: 20px;
}
.detail_page .comment-author img{
  border-radius:50%;
}
.detail_page .comment-author .fn{
  text-transform: capitalize;
}
.detail_page #comments{
  padding: 0px!important;
}

.detail_page .comments-area h2{
  line-height: 2;
  text-transform: capitalize;
  margin-left: 15px;
    margin-bottom: 15px;
}
.detail_page .comment-respond h2{
  display: flex;
    justify-content: space-between;
    align-items: center;
}
.detail_page p.comment-form-comment{
  display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
}
.detail_page .comment-respond #comment{
  width: 100%;
    min-height: 100px!important;
}
.detail_page .comment-respond #comment:focus-visible {
  outline: 0;
}
.detail_page .form-submit{
  text-align: left;
    margin-top: 1em
}

.detail_page .o-media-figure img{
  border-radius: 50%;
}
.detail_page .comment-respond form#commentform input[type=submit]{
  color: white!important;
    font-weight: 700!important;
    padding: 10px 30px!important;
    box-shadow: 6px 6px 20px #d4d3d3!important;
    border: 1px solid #8e8888!important;
    background: linear-gradient(to right, #6d868d, #44565b)!important;
    transition: .2s ease-in-out!important;
    border-left: 3px #202223 solid!important;
    border-right: 3px #202223 solid!important;
    margin-left:0px;
}


.category_list .cat_sec{
  display: flex;
    flex-wrap: wrap;

}


body.page-template-profile-page .section-head a{
  margin: 10px 0;
  font-weight: bold;
  font-size: 20px;

}
.detail_page p.comment-form-author, .detail_page p.comment-form-email, .detail_page p.comment-form-url, .detail_page p.comment-form-cookies-consent{
  text-align:left;
  margin-top:1.5em;
}

.detail_page .comments-area label{
  min-width: 15%;
  text-align: left;
}
.detail_page .comments-area input{
border: 1px solid #dadada;
    background: white;
    padding: 5px;
}
.detail_page .comments-area input:focus-visible{
  outline: 0;
}
#wpcf7-f1029-o1 .wpcf7-form-control-wrap, #wpcf7-f882-o1 .wpcf7-form-control-wrap{
   width:100%;
}
.wpcf7-not-valid {
  border-bottom: 1px solid #ff0000!important;
}


#wpcf7-f1029-o1 .wpcf7-submit, #wpcf7-f882-o1 .wpcf7-submit{
  padding: 8px 24px;
    font-size: 17px;
    margin-top: 1em;
    background: white!important;
    color: black!important;
    border: 1px solid white!important;
    text-align: center!important;
    font-weight: bold;
    text-transform: uppercase;
}
#wpcf7-f1029-o1 .wpcf7-submit:hover , #wpcf7-f882-o1 .wpcf7-submit:hover{
  background: transparent!important;
  color: white!important;
  border: 1px solid white;
}
.wpcf7-response-output{
  color: white;
  text-align: center;
}

.row-flexible-center {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.process-state-left {
  overflow: hidden;
}
.process-state-left ol.carousel-indicators {
  position: static;
  margin: 0;
  text-indent: initial;
  width: 100%;
  text-align: left;
}
.process-state-left ol li {
    background: #fff;
}
.process-state-left .carousel-indicators .active {
    background-color: #6b8891;
}
.process-state-left ol.carousel-indicators li {
    text-indent: 0;
    font-size: 5px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    vertical-align: unset;
    position: relative;
    z-index: 1;
    border-radius: 100% !important;
    border: 3px solid #a9babf !important;
    width: 25px !important;
    height: 25px !important;
    background-color: #ffffff ;
}
.process-state-left ol.carousel-indicators li span {
  border: 2px solid #bfc4cd;
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 50%;
  margin-right: 20px;
  vertical-align: middle;
  position: relative;
  background-color: #fff;
  transition: .5s;
}
.process-state-left ol.carousel-indicators li span img {
  height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.top-caption-carusal h3 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 21px !important;
}
.process-state-left ol.carousel-indicators li h3 {
    font-size: 17px;
}


.process-state-left ol.carousel-indicators li {
    margin: 0 0 15px;
    color: black;
    font-style: italic;
    display: flex;
    box-shadow: 5px 5px 10px silver;
    padding: 1em;
    justify-content: left;
}
.process-state-right .carousel-inner:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #6b8891b8;
    position: absolute;
    filter: brightness(.3);
}
.process-state-right  .carousel-inner {
    background-image: url("https://web.archive.orghttps://ethnichealth.org.nz/wp-content/themes/ethnic/images/contact_bg.jpg");
    height: 360px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.process-state-right  .carousel-inner {
    background-image: url("https://web.archive.orghttps://ethnichealth.org.nz/wp-content/themes/ethnic/images/contact_bg.jpg");
    height: 330px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.process-state-left ol.carousel-indicators li span {
  border-radius: 0;
  border: none;
  background-color: transparent;
  margin-right: 0;
  margin-left: 5px;
}
.process-state-left ol.carousel-indicators li i {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.55;
  color: #fff;
}
.ats-cb ul li span a, .ats-cb ul li span h5, .process-state-left ol.carousel-indicators li i {
  font-style: normal;
  letter-spacing: normal;
  font-stretch: normal;
}



.bloging_member .grid_gallery .blogss-div {
  min-height: 200px;
  max-height: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #f8f8f8;
  color: white;
  border: 2px solid #6d868d;
  box-shadow: 9px 8px 0px #6d868d;
  padding: 0;
  margin-right: 10px;
  width: 47%;
  margin: 2em 2em 0em 0;
  transition: 0.5s all; 
}
.bloging_member .grid_gallery .blogss-div:hover{
  background: linear-gradient(45deg, black, #3a7e96bd);
  color:white;
}
.bloging_member .grid_gallery .blogss-div:hover h4 a,.bloging_member .grid_gallery .blogss-div:hover i, .bloging_member .grid_gallery .blogss-div:hover h5, .bloging_member .grid_gallery .blogss-div:hover p{
  color:white;
}
.bloging_member .grid_gallery .blogss-div .detail_nm {
  font-weight: 600;
  font-size: 18px;
}
h5.detail_desi {
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  font-weight: 600;
}
.bloging_member .grid_gallery .blogss-div:hover h4:first-child {
  color: #fff;
}


.bloging_member .grid_gallery .blogss-div:hover .detail_desi{
  border-bottom: 1px solid #fff;

}
.bloging_member .grid_gallery .blogss-div .col-md-4{
  padding:0;
}
.bloging_member .grid_gallery .blogss-div .col-md-8{
  padding:1em;
}
.bloging_member .grid_gallery .blogss-div .mask {
  width: 196px;
  height: 196px;
  object-fit: cover;
}
.bloging_member{
  padding: 5em 0;
}
.bloging_member #serch_btn{
  color: white!important;
    font-weight: 700!important;
    box-shadow: 6px 6px 20px #d4d3d3!important;
    border: 1px solid #8e8888!important;
    background: linear-gradient(to right, #6d868d, #44565b)!important;
    transition: .2s ease-in-out!important;
    border-left: 3px #202223 solid!important;
    border-right: 3px #202223 solid!important;
}

.pillar_1 i{width: 69px;
    height: 69px;
    box-shadow: 10px 7px 12px -9px rgb(0 0 0);
    border: solid 0.9px var(--white);
    background-image: radial-gradient(circle at 81% 100%, #ececec, #ececec 85%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33.6px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #292929;
    border-radius: 50%;
    margin: auto;
    margin-top: -50px;
    border: 1px solid #6b8891;}

    /* .mission_1 p{
        margin: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, black, #3a7e96bd);
        font-size: 15px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.47;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        left: 0;
        right: 0;
        bottom: -110%;
        top: 100%;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px;
        transition: .5s;
    
    } */

.mission_1 {
    width: 100%;
    padding-bottom: 20px;
    position: relative;
    margin-top: 2em;
    min-height: 115px;
    border-bottom: 1px solid #ccc;
    display: flex;
align-items: center;
}
/* .mission_1:hover p {
  top: 0;
} */
.mission_1 .mission_img {
       box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(0px); 
    transition: .5s all;
}
.mission_1:hover .mission_img {
  transform: translateY(-12px);
}
.mission_img img {
    width: 70px !important;
    max-width: unset;
    padding: 10px;
}
.flexibleity-row-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.common-heading {
  margin-bottom: 30px;
}
.common-heading p {
  font-size: 20px!important;
  color: #0c1612;
  line-height: 1.5;
  font-weight: 400;
}
.grid-images ul {
  list-style: none;
  width: 100%;
  padding: 0px 0px;
  margin: 0px;
  margin-left: 30px;
  float: left;
  position: relative;
  background-size: contain;
  background-position: left center;
  padding-left: 0px;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}
.grid-images ul:before {
  content: "";
}
/*.grid-images ul li:nth-child(1), .grid-images ul li:nth-child(3) {
  top: 20px;
}*/
.grid-images ul li {
    width: calc(45% - 20px);
    float: right;
    margin: 10px;
    position: relative;
    overflow: hidden;
}
.grid-images ul li:hover img {
    transform: scale(1.05);
}
.grid-images ul li img {
width: 100%;
border-radius: 4px;
transform: scale(1);
transition: all .5s ease;
}


.grid-images ul li h5 {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  display: flex;
  align-items: center;
  padding: 20px;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  transition: .5s;
} 
.grid-images ul li .on-hover {
  position: absolute;
  background: linear-gradient(900deg,rgba(0,0,0,.5) 27%,#f9bb00 100%);
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  text-align: center;
  top: 100%;
  transition: .5s;
  padding: 15px;
  border-radius: 4px;

}

.grid-images ul li .on-hover h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  color: #fff;
}
.grid-images ul li .on-hover p {
  font-size: 16px;
  color: #fff;
  line-height: 1.3;
}
.grid-images ul li:hover .on-hover {
  top: 0px;
}
/* .grid-images ul li:hover h5 {
  opacity: 0;
} */

body.page-template-non-become-a-member .modal-footer,  body.page-template-become-a-member .modal-footer{
  background: #f65656;
    text-align: center;
}

body.page-template-non-become-a-member .modal-footer button, body.page-template-become-a-member .modal-footer button{
    background: none;
    color: white;
    font-size: 20px;
    font-weight: bold;
}
.wpcf7-not-valid-tip{
  color: #ff4a4a;
    letter-spacing: 2px;
}
.non_become_div .checkmark-circle, .become_div .checkmark-circle{
  width: 150px;
    height: 150px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.non_become_div .checkmark-circle .background , .become_div .checkmark-circle .background{
  width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #1ab394;
    position: absolute;
}
.non_become_div .checkmark-circle .checkmark , .become_div .checkmark-circle .checkmark{
  border-radius: 5px;
}
.non_become_div .checkmark-circle .checkmark.draw:after, .become_div .checkmark-circle .checkmark.draw:after{
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  animation-delay: 300ms;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-name: checkmark;
  -moz-animation-name: checkmark;
  animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.non_become_div .checkmark-circle .checkmark:after , .become_div .checkmark-circle .checkmark:after{
  opacity: 1;
  height: 75px;
  width: 37.5px;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  border-right: 15px solid #fff;
  border-top: 15px solid #fff;
  border-radius: 2.5px !important;
  content: '';
  left: 35px;
  top: 80px;
  position: absolute;
}

.non_become_div .regular-field{
  display: flex;
    gap: 30px;
    justify-content: center;
    margin-top: 1em
}
.non_become_div .regular-field a{
  color:green;
  font-weight: bold;
}
.emailAlert span{
  color:#ff4a4a!important;
  font-size: 15px!important;
    margin-top: 10px!important;
}
.cat_sec .tag:first-child, .cat_sec .tag:nth-child(4){
  background-color: #bfbaec6e;
  color:black;
}
.cat_sec .tag:nth-child(2), .cat_sec .tag:nth-child(5){
  background-color: #ecbad56e;
  color:black;
}
.cat_sec .tag:nth-child(3), .cat_sec .tag:nth-child(6){
  background-color: #5ec4cf4f;
  color: black;
}

.register_btn_sticky .reg_fee span, .register_btn_sticky .box_sticky .item, .register_btn_sticky .box_sticky strong{
  color:#475a5f!important;
  font-family: "Oswald", Georgia, "Times New Roman", Times, serif!important;

 
}

body.page-id-1088  .entry-content{
  margin: 5em auto;
    box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
    width: max-content;
    height: auto;
    display: flex;
    flex-direction: column;
}
body.page-id-1088 .entry-title{
  display: none;
}
body.page-id-1088  .entry-content strong {
  font-size: 30px;
    text-align: center;
    letter-spacing: 2px;
    color: #366875;
    margin: 0;
    margin-bottom: 20px;}

 body.page-id-1088  .entry-content p{
  margin: 0;
    text-align: center;
 }
 #lostpasswordform legend{
   border-bottom: 0;
   COLOR:WHITE;
   text-align: CENTER;
   font-family: "Oswald", Georgia, "Times New Roman", Times, serif!important;

 }

 #lostpasswordform .extra-space{
  color: white;
    text-align: center;
    font-size: 17px!important;
 }
 #lostpasswordform .no-margin{
  margin-top: 3em;
 }
 #lostpasswordform .no-margin input{
  border: none;
    border-bottom: 1px solid #ccc;
    background: transparent;
    color: white;
    border-radius: 0px;
    margin-bottom: 20px;
    padding:5px 10px;
    width: 100%;
 }
 #lostpasswordform{
  padding: 2em;
 }
 #reset-pass-submit{
  margin: auto;
  padding: 8px 24px;
    font-size: 15px;
    margin-top: 1em;
    background: white!important;
    color: black!important;
    border: 1px solid white!important;
    text-align: center!important;
    font-weight: bold;
    text-transform: uppercase;
    width:100%;
 }

 .invalid_msg{
text-align: center;
    color: #ff6363;
    margin-top: 2em;

   
 }

 .profile-header-container .img-circle{
  width: 100px;
 }

 .navig-bar-top .text-right{
  display: flex;
    gap: 10px;
    flex-direction: row-reverse;
    margin-left: 10em;
 }

 .detail_page .sidebar span, .detail_page .sidebar span a{
  line-height: 2;
    display: inline-block;
    text-decoration: none;
    color: inherit;
    font-size: 15px;
    font-weight: bold;
    color: #6d868d;
 }
 .reg_box .item:hover{
  transform: translateX(10px);
  transition: all .3s ease;
 }
 .som-password-sent-message{
  padding: 15px!important;
    border: 0!important;
    border-radius: 4px!important;
    background-color: transparent!important;
    color: #ff6666!important;
    letter-spacing: 1px;
    position: relative!important;
    display: table!important;
    width: 100%!important;
    MARGIN: 1EM 0!important;
    TEXT-ALIGN: CENTER!important;
 }
 .remember_div{
  display: flex;
    justify-content: space-between;
 }
 .remember_div a{ color: #ffffff;}
.vision_div p {
    margin-bottom: 0 !important;
    font-size: 20px !important;
    text-align: left;
}
.mt-40{
    margin-top: 40px;
}
.mission-head h1 {
    position: relative;
    padding: 0;
    color: #000;
    line-height: 1;
    letter-spacing: 0.3px;
    font-size: 30px;
    font-family: Oswald, Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px !important;
}

.value-rw {
    position: relative;
    z-index: 99;
    
}
.purpse-head p {
    text-align: left;
}
.top-caption-carusal p {
    color: white;
    font-size: 16px!important;
    font-family: "Oswald", Georgia, "Times New Roman", Times, serif!important;
}
.top-caption-carusal {
    position: absolute;
    width: 100%;
    top: 0px;
    padding: 4em;
}
.top-caption-carusal h5 {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: 3.23px;
  color: #fff;
  margin: 0;
}
.top-caption-carusal h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.28;
  margin: 5px 0;
}
.approach .carousel-inner>.item {
    max-height: 390px!important;
    /* background: linear-gradient(to right, #6d868d, #44565b)!important; */
    background: linear-gradient(to right, #000000, #000000)!important;
}
.approach .carousel-inner > .item img {
    filter: brightness(.3);
    height: 390px;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}
#wp_signup_form .form-control:focus {
    border-color: unset;
    outline: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.page-id-1143 strong, .page-id-1143 p {
    text-align: center;
}
.input-div input {
    width: 100% !important;
}
.search_icn button.btn.btn-default {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
}

#wp_signup_form .form-group input:-webkit-autofill,
#wp_signup_form .form-group input:-webkit-autofill:hover, 
#wp_signup_form .form-group input:-webkit-autofill:focus,
#wp_signup_form .form-group textarea:-webkit-autofill,
#wp_signup_form .form-group textarea:-webkit-autofill:hover,
#wp_signup_form .form-group textarea:-webkit-autofill:focus,
#wp_signup_form .form-group select:-webkit-autofill,
#wp_signup_form .form-group select:-webkit-autofill:hover,
#wp_signup_form .form-group select:-webkit-autofill:focus {
  -webkit-text-fill-color:#f1f1f1ad !important;
  -webkit-box-shadow: 0 0 0px 1000px #0000 inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
  background: transparent !important;
  caret-color: #f1f1f1ad !important;
 }


.wpcf7-form input:-webkit-autofill,
.wpcf7-form input:-webkit-autofill:hover, 
.wpcf7-form input:-webkit-autofill:focus,
.wpcf7-form textarea:-webkit-autofill,
.wpcf7-form textarea:-webkit-autofill:hover,
.wpcf7-form textarea:-webkit-autofill:focus,
.wpcf7-form select:-webkit-autofill,
.wpcf7-form select:-webkit-autofill:hover,
.wpcf7-form select:-webkit-autofill:focus {
  -webkit-text-fill-color:#f1f1f1ad !important;
  -webkit-box-shadow: 0 0 0px 1000px #0000 inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
  background: transparent !important;
  caret-color: #f1f1f1ad !important;
 }




#lostpasswordform input:-webkit-autofill,
#lostpasswordform input:-webkit-autofill:hover, 
#lostpasswordform input:-webkit-autofill:focus,
#lostpasswordform textarea:-webkit-autofill,
#lostpasswordform textarea:-webkit-autofill:hover,
#lostpasswordform textarea:-webkit-autofill:focus,
#lostpasswordform select:-webkit-autofill,
#lostpasswordform select:-webkit-autofill:hover,
#lostpasswordform select:-webkit-autofill:focus {
  -webkit-text-fill-color:#f1f1f1ad !important;
  -webkit-box-shadow: 0 0 0px 1000px #0000 inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
  background: transparent !important;
  caret-color: #f1f1f1ad !important;
 }

 input#somfrp_user_info {
    outline: -webkit-focus-ring-color auto 0px;
}
a.view-btn {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #6d868d;
    color: #6d868d;
    font-size: 16px;
    font-weight: bold;
}
a.view-btn:hover{
background-color: #6d868d;
color: #fff;
}
/*
     FILE ARCHIVED ON 04:00:30 May 07, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:46:45 Jun 19, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.158
  exclusion.robots: 0.147
  exclusion.robots.policy: 0.132
  esindex: 0.014
  cdx.remote: 13.291
  LoadShardBlock: 112.262 (3)
  PetaboxLoader3.resolve: 80.413 (3)
  PetaboxLoader3.datanode: 69.744 (4)
  load_resource: 70.005
*/