/*
Theme Name: Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0.0
Description: Divi Child Theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
*/


/* =Theme customization starts here
------------------------------------------------------- */

/* Indent bulleted text */
.et_pb_text ul, .et_pb_text ol { margin-left: 30px; }


/* Dropdown nav widths */
.nav li ul {
	width: 340px;
}
#top-menu li li a {
        width: 300px;
}
.et-menu li li a {
        width:340px;
}
.nav li	ul {
        width: 340px;
}
#top-header {
    z-index: 100;
}
header ul.sub-menu li {
    padding: 0 !important;
}
/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
        display: inline-block;
}
.pa-inline-buttons {
        text-align: center !important;
}
.our-program .db-custom-icon img {
        width: 21px;
}
body.page #page-container .et_pb_section .custom-btn-icon-size.et_pb_button:after {
        
        background-position: center right 2.8em;
}
body.page #page-container .custom-btn-icon-size.et_pb_bg_layout_light.db-custom-extended-icon:after {
    background-size: 16.8px !important;
}

/*<<!!----------------------------- Header CSS Here -------------------------------!!>>*/
.header .menu .et_pb_menu__wrap {
    justify-content: end;
}
header .menu nav ul li {
    padding: 0 31px !important;
}
header .menu nav ul li ul li {
    padding: 0 !important;
}
header .menu nav ul li ul li a{
    text-transform: capitalize !important;
    line-height: 50px !important;
}
.Claret-menu ul li a:hover {
    background-color:#95273D !important;
     opacity: 1 !important;
}
header .menu nav ul li ul.sub-menu li a:hover{
    
   color: #FFF !important;
}

header .menu nav ul li:first-child{
        padding-left: 0 !important;
}
header .menu nav ul li:last-child{
        padding-right: 0 !important;
}

.donate-btn.et_pb_button:after {
    background-size: 20px 24px;
    background-position: center right 23px;
}
.help-btn.et_pb_button:after {
    background-size: 17px 20px;
    background-position: center right 23px;
}
/*<<!!----------------------------- Home Page CSS Here-------------------------------!!>>*/

.program-box p{
        display: -webkit-box; -webkit-box-orient: vertical;
        text-overflow: ellipsis; overflow: hidden;
        -webkit-line-clamp:  2;
}
.latest-news .news article{
        padding: 0 !important;
}
.latest-news .news .et_pb_image_container{
        margin: 0 !important; margin: 0 auto !important;
        max-width: 380px; width: 100%;
}
.latest-news .news .et_pb_image_container img{
        max-width: 380px !important;
        height: 230px; width: 100%;
        /*object-fit: cover;*/
}
.latest-news .news p.post-meta {
    margin-bottom: 15px !important;
}
.latest-news .news .post-content-inner {
    margin-bottom: 17px;
    min-height: 90px;
}

.latest-news .news .post-content-inner p{
        display: -webkit-box; -webkit-box-orient: vertical;
        text-overflow: ellipsis; overflow: hidden;
        -webkit-line-clamp:  3;
}

.news-post .et_pb_title_container {
    display: flex;
    flex-direction: column-reverse;
}
.related-col .et_pb_blurb_description span strong {
    font-weight: 700;
    font-size: 18px !important;
    line-height: 35px !important;
} 
.news-post ul.et_pb_social_media_follow_0_tb_body:before {
    content: 'Share:';
    position: absolute;
    left: 0px;
    color: #95273D;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
}
.news-post .et_pb_title_featured_container img {
    border-radius: 10px !important;
}
/*<<!!----------------------------- Annual-Section--------------------------------!!>>*/

/*<<!!----------------------------- Footer CSS Here-------------------------------!!>>*/
.subscribe-form .ff-el-group:not(.ff_submit_btn_wrapper){
    width: 100%; margin-right: 10px !important;
}
.subscribe-form input {
    height: 54px;  border-radius: 100px!important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-indent: 24px;
}


.subscribe-form fieldset {
    display: flex;  justify-content: space-between;
}
.subscribe-form button,.send-form button {
    background: #95273D !important;
    border-radius: 100px !important;
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 12px !important;
    border: 1px solid #D04561 !important;
    height: 54px;
  
}
.subscribe-form button{
      padding: 0 75px 0 30px !important;
}

.subscribe-form button:hover,.send-form button:hover{
        background: #000 !important;
        border:1px solid #000 !important;
}

.subscribe-form button:before {
    content: '';  position: absolute;
    background: url(https://vancouverislandmentalhealthsociety.org/wp-content/uploads/2023/04/send-icon.svg); top: 17px;
    width: 18px; height: 18px; right: 35px; background-position: center;
}
.copyright-text a {
        color: #074C83;
        font-weight: 600;
}
.copyright-text .et_pb_text_inner {
    font-size: 14px;
}
.footer-menu ul {
    display: block !important;
}
.footer h6:before {
    content: '';  position: absolute;
    background: #D04561;  bottom: -6px;
    left: 0;  width: 30px;  height: 1px;
}
.foot-bottom-menu .et_pb_menu__wrap {
    justify-content: end;
}
.footer ul li a {
    text-transform: capitalize;
}
.top-row .footer-menu ul li:hover a {
    padding-left: 18px;
}
.top-row .footer-menu ul li:hover a:before {
    content: '';  position: absolute;
    left: 0;  top: 6px; background: #000;  width: 8px;  height: 1px;
}
.bottom-row .foot-bottom-menu li:before {
    content: '';  position: absolute;
    right: 0;  top: 9px;  width: 1px;
    height: 15px;  background: #000;
}
.bottom-row .foot-bottom-menu li:last-child:before{
        display: none;
}
.button-row .et_pb_column {
    min-height: 515px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
/*-----Contact-Form-Css-------*/

.send-form .fluentform input{
    height:54px;
}
.send-form .fluentform input,.send-form textarea {
    font-size: 16px !important;
    font-family: 'poppins';
    font-weight:600;
    line-height: 24px !important;
    text-indent: 7px;
    
}

.send-form button:before {
    content: '';  position: absolute;
    background: url(https://vancouverislandmentalhealthsociety.org/wp-content/uploads/2023/04/send-icon.svg); top: 17px;
    width: 18px; height: 18px; right: 76px; background-position: center;
}
.send-form button {
     padding: 0 105px 0 70px !important;
    margin-top: 15px;
}

.send-form .ff-message-success {
    border: 1px solid #008080 !important;
    color: #008080 !important;
    text-align: center !important;
    font-weight: 700;
}

.post-2116 .post-content {
    margin-bottom: 30px;
}
/*-----Contact-Form-Css-End------*/
/***************blog aman css-------*/
.blog-post .et_pb_blog_grid h2.entry-title {
    min-height: 70px;
}
.pa-blog-load-more .et_pb_post h2.entry-title {
    min-height: 70px;
}
.blog-detail-col2 .et_pb_post {
    background: transparent;
}
.blog-detail-col2 p.post-meta {
    height: 15px;
}
.blog-detail-col2 p {
    padding-bottom: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/***************blog-detail aman css-------*/
.blog-detail-row .et_pb_column_1_tb_body {
    margin-right: 30px !important;
}
.blog-detail-col2 .et_pb_bg_layout_light {
    padding:0px 30px;
}
/*-----blog-page-Css-Start------*/
ul.postsbycategory {
list-style: none;
}
.postsbycategory li {
padding-bottom:5px;
}
.postsbycategory img {
margin-right:5px
}
.wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 1240px;
    margin: 0 auto;
}
.wrapper div {
    width: 33%;
    padding: 0 15px;
    margin-bottom: 25px;
}
.wrapper div img {
    width: 100%;
}
.wrapper div h2 {
    font-weight: 700;
}
.page-id-4127 .entry-content {
    flex-direction: column-reverse;
    display: flex;
}

/*-----blog-page-Css-End------*/

@media(max-width:1800px){
        header .menu nav ul li {
            padding: 0 13px!important;
        }
        .button-row .et_pb_column {
                padding: 30px !important;
                width: 33.33% !important;
        }
        body .logo-col{
                margin-right: 0 !important;
        }
        body .menu-col{
                width: 50% !important;
        }
        body .social-col{
                width: 14% !important;
        }
        body    .btn-col {
            width: 17% !important;
        }
        body .header .et_pb_button {
            font-size: 12px !important;
            padding-left: 23px !important;
        }
        .header ul li a {
            font-size: 12px !important;
        }
       body .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
        top: calc(100% + 30px) !important;
        left: 12px !important;
       }
       header .social-col {
         margin-right: -25px !important;
        }
        ul#menu-primary-navigation li {
            margin-right: 7px;
            margin-left: 7px;
        }
        ul#menu-primary-navigation .sub-menu li{
            margin-right: 0;
            margin-left: 0;
        }
}
@media(max-width:1440px){
	 body    .btn-col {
            width: 20% !important;
        }
	}
@media(max-width:1300px){
       body .header .et_pb_button {
                font-size: 0px !important;
                padding: 20px !important;
                border: 0 !important;
        }
        body .header .et_pb_column_0_tb_header {
           width: 25% !important;
        }
    .header .et_pb_button:after {
    background-size: 18px !important;
    background-position: center center !important;
    left: 0 !important;
     }
    body .social-col {
    width: 20% !important;
}
    body .btn-col {
    width: 7% !important;
}
    .et-menu .menu-item-has-children>a:first-child {
    padding-right: 5px;
}
    body .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% + 25px) !important;
    left: 12px !important;
    }
    header .et_pb_button_1_tb_header_wrapper .et_pb_button_1_tb_header,
header .et_pb_button_1_tb_header_wrapper .et_pb_button_1_tb_header:hover {
    padding: 20px !important;
}
header a.et_pb_button.et_pb_button_0_tb_header.donate-btn.et_pb_bg_layout_light.db-custom-extended-icon:hover {
    padding: 20px !important;
}
 .footer-box .et_pb_text_inner h2 {
        font-size: 25px !important;
        line-height: 32px !important;
    }
    header .social-col {
    margin-right: 0px !important;
}
}
@media(max-width:1199px){
        body    .btn-col {
            width: 5% !important;
        }
        body .social-col {
            width: 25% !important;
            margin-right: 20px !important;
        }
        body .menu-col{
                width: 65% !important;
        }
        .top-row .et_pb_column:first-child {
                padding-right: 60px !important;
                width: 45% !important;
                margin-right:0 !important;
        }
        .latest-news .news h2.entry-title{
                font-size: 16px !important;
        }
}
@media(max-width:1100px){
		.home-banner{
    
        padding-top: 100px !important;
        padding-bottom: 80px !important;
        }
        .home-banner .et_pb_text_1 h1 {
        font-size: 90px !important;
        line-height: 90px !important;
        }
        .related-col .et_pb_blurb_description span strong {
         font-size: 16px !important;
        line-height: 20px !important;
        }
        .footer-bottom-join {
        margin-top: 70px !important;
        }
}
@media(max-width:980px){
        body .et_pb_social_media_follow_0_tb_header {
         width: 100%;
         max-width: 180px;
        }
       body ul.et_pb_social_media_follow_0_tb_header {
        margin-left: auto!important;
         }
        body .logo-col{
                width: 34% !important;
                margin-right: 0 !important;
                margin-bottom: 0!important;
        }
        body .menu-col {
            width: 100%!important;
            margin-bottom: 0!important;
            order: 3;
            margin-right: 0 !important;
        }
        body .btn-col{
                width: 4% !important;
                margin-bottom: 0!important;
                display: flex; justify-content: center;
                max-width: 220px !important;
                
        }
        body .social-col {
                width: 59.5%!important;
                margin-right: 0px!important;
                margin-bottom: 0 !important;
        }
        .menu-col .et_mobile_nav_menu{
                margin: 0 !important;
              margin-top: 7px !important;
        }
        body .menu-col .et_pb_module {
                position: absolute;
                top: -51px; width: 100%;
                right: 0;
                padding-top: 0 !important;
                background: transparent;
        }
        .header span.mobile_menu_bar {
                background: #074c83;
                border-radius: 100px;
                height: 38px;
                width: 38px;
                display: flex;
                align-items: center;
                justify-content: center;
        }
        .header ul.sub-menu {
                width: 80%;
                z-index: 999;
        }
        .header span.mobile_menu_bar:before{
                color: #fff !important;
                top: 1px !important;
        }
        .header .menu ul {
                border-radius:10px !important;
                 padding: 0;
                 border-top: 0;
                 top: 65px;
        }
        .header .menu ul li{
                background-color: #95273D;
                border-bottom: 1px solid #ffffff14;
                position: relative;
        }
        body .header .menu ul li:hover a{
            color: #fff !important;
        }
        .header .menu ul li:first-child {
                border-radius: 10px 10px 0 0;
                border-bottom: 0;
        }
        .header .menu ul li:last-child {
                border-radius: 0 0 10px 10px;
        }
        .header .menu ul a {
                padding-left: 15px;         
                font-size: 14px !important;
        }
        body .header .help-btn{
                left: 10px !important;
        }
        .header .et_pb_button:after{
                background-size: 15px !important;
        }
      .home-banner .et_pb_text_1 h1 {
        font-size: 55px !important;
        line-height: 60px !important;
        }
    .home-banner {
    padding-top: 70px !important;
    padding-bottom: 40px !important;
}
        .top-row .et_pb_column:first-child {
            width: 100% !important;
            padding-right: 0 !important;
        }
        .footer .et_mobile_nav_menu {
            display: none;
        }
        .footer .et_pb_menu__menu {
            display: block;
        }
        .footer .top-row .et_pb_menu__wrap {
            justify-content: start;
        }
        .top-row .et_pb_column {
            width: 100% !important;
        }
        .footer .bottom-row .et_pb_menu__wrap {
            justify-content: center;
        }
        .bottom-row .et_pb_column:first-child {
            margin-bottom: 0px;
        }
        .button-row .et_pb_column {
                width: 100% !important;
                min-height: auto;
        }
        .latest-news article {
                margin: 15px;
        }
        .latest-news{
            width: 100% !important;
        }
        .latest-news .news .et_pb_image_container {
            max-width: 100%;            
        }

        body .et_pb_column .et_pb_blog_grid .column.size-1of2:nth-child(odd) {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: center;
        }
		.reverse {
        display: flex !important;
        flex-direction: column-reverse;
    }
        .board-blurb .et_pb_main_blurb_image img,.board-blurb .et_pb_main_blurb_image{
        width: 100%;
}
    .related-col .et_pb_blurb_description span strong {
    font-size: 18px !important;
    line-height: 35px !important;
}
.wrapper div {
    width: 50%;
}
body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff00!important;
}
 #mobile_menu1 .sub-menu li a {
    font-size: 12px!important;
    padding-left: 15px!important;
}  
    .et_pb_module .et_mobile_menu .menu-item-has-children.clickable>span.parent_icon {
    border-left: none !important;
}
    .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable)>a:after, .et_pb_module .et_mobile_menu .menu-item-has-children.clickable>span.parent_icon:after {
    color: #fff;
}
#mobile_menu1 ul.sub-menu {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 10px !important;
}
    .menu .sub-menu li ul.sub-menu {
     padding-left: 20px !important;
}
body .social-col, body .btn-col {
    position: relative;
    z-index: 9999;
}
}
@media(max-width:767px){
        body .btn-col {
        left: -80px;
        }
      .home-banner .et_pb_text_1 h1 {
        font-size: 33px !important;
        line-height: 40px !important;
        }
        body .header .et_pb_column_0_tb_header {
    width: 34% !important;
}
body .header .help-btn {
    left: 25px !important;
}
body .btn-col {
    width: 3% !important;
}
        .latest-news article {
                margin-bottom: 20px !important;
        }
}
@media(max-width:599px){
        .subscribe-form fieldset {
            display: block;
        }
        body .menu-col .et_pb_module {
        position: absolute;
        top: -46px;
        }
        body .btn-col {
        top: 4px;
        }
        .wrapper div {
    width: 100%;
}
.wrapper div h2 {
    font-size: 20px;
    line-height: 26px;
}
   .menu-col .et_mobile_nav_menu{
                margin: 0 !important;
              margin-top: 2px !important;
        }
        body .header .help-btn {
    left: 30px !important;
}
body .btn-col {
    left: -88px;
}
body .social-col {
    width: 54.5%!important;
}
body .btn-col {
    width: 5% !important;
}
}
    @media(max-width:479px){
    .annual-box .et_pb_column_3,.annual-box .et_pb_column_6 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.pdf-col .et_pb_column_1_2 {
    margin-top: 30px !important;
}
}
    @media(max-width:400px){
    
  .header .logo-col img{
      max-width: 150px !important;
	}
        .related-col .et_pb_blurb_description span strong {
    font-size: 16px !important;
    line-height: 35px !important;
}
}