/*
 Theme Name:   ViV Child
 Template:     vivcore
*/

/* BANNER */
#home-top-banner{ background-position:right top!important; padding:130px 0 30px;}
div.banner-text{ padding:50px 30px 40px;}
#home-top-banner h2{ color:#314042; font-size:25px; font-weight:400; margin-bottom:25px;}
#home-top-banner h2:last-child{ margin-bottom:0;}
#home-top-banner h2 strong{ font-weight:600;}
#home-top-banner h1{ background-color: rgba(255, 255, 255, 0.7); color:#c1272d; font-size:30px; line-height:34px; padding:15px 20px 14px; text-align:center; text-transform:uppercase;}
#home-top-banner .viv-but3-1 a{ display:block; line-height:normal; margin:0 auto; max-width:320px; padding:14px 25px 13px; text-align:center; width:100%;}
#home-top-banner .viv-but3-1 a:hover{ background:#c1272d; border-color:#c1272d;}

/* OUR PROGRAM */
#home-our-program .vc-container{ max-width:1238px; padding:30px 15px 0;}
#home-our-program .home-our-program-top, .home-stories-top{ margin:0 auto 35px; max-width:1020px; padding-bottom:50px; text-align:center; width:100%;}
.section-title{ font-size:30px; font-weight:500; line-height:36px; margin-bottom:20px; text-align:center; text-transform:uppercase;}
.section-title strong{ border-bottom:3px solid #a62825; display:inline-block; font-weight:500; padding:0 10px 12px;}
.home-our-program-top p, .home-stories-top p{ color:#000; font-weight:normal; font-size:21px; line-height:36px;}
#home-our-program .vc_row.home-our-program-row{ margin:0 -15px;}
.home-our-program-row > .vc_col-has-fill{ margin-bottom:70px;}
.home-our-program-row > .vc_col-has-fill > .vc_column-inner{ padding:35px 30px 0;}
.home-our-program-row .wpb_single_image{ margin:-98px 0 18px;}
.home-our-program-row .wpb_single_image .vc_figure{ display:block;}
.home-our-program-row .wpb_single_image .vc_single_image-wrapper{ background:#a62825; border-radius:50%; height:126px; margin:0 auto; max-width:126px; overflow:hidden; padding:15px; text-align:center; width:100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.home-our-program-row .health-recovery-icon .vc_single_image-wrapper{ background:#7a9fa5;}
.home-our-program-row .prevention-icon .vc_single_image-wrapper{ background:#3c575a;}
.home-our-program-row .wpb_single_image img{ margin:0 auto;}
.wpb_single_image.housed-icon img{ max-width:60px; width:100%;}
.wpb_single_image.health-recovery-icon img{ max-width:90px; width:100%;}
.wpb_single_image.prevention-icon img{ max-width:77px; width:100%;}
.home-our-program-row h3{ color:#000; font-size:25px; font-weight:normal; line-height:normal; margin:0 0 10px; text-transform:uppercase;}
.home-our-program-row p{ color:#000; font-weight:normal; font-size:19px; line-height:26px;}

/* OUR MODAL */
#home-our-modal{ padding:20px 0 50px; text-align:center;}
#home-our-modal > .vc-container{ padding:0;}
#home-our-modal .section-title{ padding-bottom:20px;}
#home-our-modal .vc_col-sm-4{ margin-bottom:50px;}
body .vc_row.our-modal-row{ margin:0 -15px;}
.our-modal-row .vc_column_container > .vc_column-inner{ padding:0;}
#home-our-modal .vc-hoverbox-inner{ display:block; min-height:350px!important;}
#home-our-modal .vc-hoverbox-block{ background-position:center top; background-repeat:no-repeat; padding:60px 0 0;}
#home-our-modal .vc-hoverbox-back{ background: url(images/house-flip-img.png) no-repeat left top; background-color:transparent!important; background-size:cover; z-index:9;}
#home-our-modal .vc-hoverbox-block-inner h2{ color:#fff; display:inline-block; font-weight:normal; line-height:30px; position:relative;}
#home-our-modal .vc-hoverbox-block-inner h2 strong{ display:block; font-weight:normal; text-transform:uppercase;}
#home-our-modal .vc-hoverbox-back .vc-hoverbox-block-inner{ color:#fff; margin:0 auto; text-align:left; width:76%; padding:0 20px;}
#home-our-modal .vc-hoverbox-back .vc-hoverbox-block-inner p{ font-weight:normal; font-size:15px;}
#home-our-modal .viv-but3-1 a{ background:#a62825; border:2px solid #fff; max-width:250px; padding:16px 25px; width:100%;}
#home-our-modal .viv-but3-1 a:hover{ background:#e0080b; border-color:#e0080b;}

/* OUR STORIES */
#home-stories{ padding:25px 0 80px;}
.home-stories-row{ padding-top:25px;}
.home-stories-row .home-left-story{ border-right:1px solid #b3b3b3; padding-right:89px;}
.home-stories-row .home-right-story{ padding-left:89px;}
.home-stories-row .wpb_content_element{ margin-bottom:0;}
.home-stories-row img{ display:block;}
.play-video{ cursor:pointer;}

/* PROGRAMS IN FOCUS */
section#programs-focus{ margin:0;}
#programs-focus.vc_section.vc_section-has-fill{ padding:0;}
#programs-focus .wpb_content_element{ margin:0;}
.program-focus-img img{ display:none;}
.program-focus-img .vc_column-inner{ background-position:right top!important;}
div.in-focus-img{ height:285px; left:-60px; margin-top:-142px; position:absolute; top:50%; width:285px;}
div.in-focus-text{ max-width:1000px; padding:40px 0 48px 220px; width:100%;}
.in-focus-text h3{ color: #fff; font-size:29px; font-weight:500; line-height:32px; margin:0 0 5px; text-transform:uppercase;}
.in-focus-text h2{ color:#fff; font-size:32px; font-weight:normal; margin:0 0 20px;}
.in-focus-text p{ color: #fff; font-size:22px; font-weight:normal; padding-bottom:20px;}
.in-focus-text .viv-but3-1 a{ border-width:2px; padding:18px 35px;}

/* NEWS & EVENTS */
#post-event-home-row{ padding:45px 0 60px}
#post-event-home-row div.vc-container{ max-width:1400px; padding:0 40px;}
#post-event-home-row .section-title{ padding-bottom:15px;}
#post-event-home-row .viv-slider-wrap2{ margin:0;}
#post-event-home-row .viv-slider-wrap{ padding:0 20px;}
#post-event-home-row .viv-slider-wrap:after{ background:#b3b3b3; content:"'"; display:block; height:1px; left:0; position:absolute; text-indent:-9999px; top:50%; width:100%;}
#post-event-home-row .swiper-slide .col-md-4{ padding:5px 35px;}
#post-event-home-row .one-grid-post-i-d img{ display:block;}
#post-event-home-row .one-grid-post-c-t{ color:#000; font-size:20px; line-height:1.4;}
#post-event-home-row .viv-slider-wrap2 .swiper-button-prev, #post-event-home-row .viv-slider-wrap2 .swiper-button-next{ margin:0;}

/* INSIDE PAGES */
#viv-main-content h1, #viv-main-content h2, #viv-main-content h4, #viv-main-content h6{ margin-top:0;}
#page-title-bar #page-title-info{ padding:0;}
#page-title-info-inner.viv-container{ background:#a62825; display:inline-block; margin:0; max-width:860px; padding:15px 65px; width:100%;}
.page-housing #page-title-bar h1{ background:url(images/housing-banner-icon.png) no-repeat left center; background-size:50px; padding-left:70px;}
.page-health-recovery #page-title-info-inner.viv-container, .page-recovery #page-title-info-inner.viv-container{ background:#7a9fa5;}
.page-health-recovery #page-title-bar h1, .page-recovery #page-title-bar h1{ background:url(images/health-recovery-banner-icon.png) no-repeat left center; background-size:50px; padding-left:70px;}
.page-prevention #page-title-info-inner.viv-container{ background:#3c575a;}
.page-prevention #page-title-bar h1{ background:url(images/prevention-banner-icon.png) no-repeat left center; background-size:50px; padding-left:70px;}
div#viv-content.viv-container.wide_margin{ margin-top:0; max-width:900px;}
div.wide_margin #viv-main-content{ max-width:900px; padding:0;}
#viv-main-content h3{ font-size:28px; margin-top:0;}
#viv-main-content h5{ font-size:22px; margin-top:0;}
main.viv-text ul{ list-style:disc; margin-bottom:18px; padding-left:15px;}
main.viv-text ul li{ margin-bottom:2px;}
.viv-text .wpb_wrapper .wpb_content_element:last-child{ margin-bottom:0;}
div.heading-row-icon{ width:15%;}
div.heading-row-text{ width:85%;}
.heading-row-top.vc_row-has-fill > .vc_column_container > .vc_column-inner{ padding:20px 15px;}
div.heading-row-bottom.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, div.heading-row-bottom.vc_row-has-fill > .vc_column_container > .vc_column-inner{ padding:30px 20px 20px;}
.viv-text .heading-row-bottom ul{ font-size:0; list-style:none; padding:0 10px;}
.heading-row-bottom ul li{ display:inline-block; font-size:18px; padding:5px 20px; position:relative; vertical-align:middle; width:50%;}
.heading-row-bottom ul li:after{ background:#a62825; border-radius:50%; content:"'"; height:7px; left:0; position:absolute; text-indent:-9999px; top:16px; width:7px;}

/* FOOTER */
.main-footer{ background:#3c575a; font-size:14px; font-weight:normal; margin-top:35px; padding:35px 15px 0;}
.main-footer .vc-container{ max-width:1300px;}
#footer-top-sec{ color:#fff; padding-bottom:20px;}
.main-footer .wpb_content_element{ margin-bottom:15px;}
.main-footer h4{ margin:0;}
.main-footer .menu li{ line-height:normal; margin-bottom:2px;}
.main-footer a{ color:#fff; display:inline-block;}
.main-footer .viv-soc-wrap{ font-size:0;}
.main-footer .viv-soc-wrap a{ background:#fff; border-radius:50%; display:inline-block; font-size:14px; height:30px; margin:0 8px 5px 0; padding-top:7px; text-align:center; width:30px;}
.main-footer .viv-soc-wrap a svg, .main-footer .viv-soc-wrap a svg path{ display:inline-block; fill:#3c575a; height:16px; width:16px;}
#footer-bottom-sec.vc_row-has-fill > .vc_column_container > .vc_column-inner{ padding-top:0;}
#footer-copy-row{ background-color:#fff; font-size:11px; line-height:70px;}
#footer-copy-row > .vpi-container{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
#footer-copy-left{ color:#000; width:70%;}
.main-footer #footer-copy-left a{ color:#b41a1f;}
.main-footer #footer-copy-left a:hover{ color:#000;}
#footer-copy-right{ width:30%;}
#footer-copyright-right{ background-image:url(images/viv-logo.png); background-size:271px auto; float:right; height:35px; width:271px;}
#footer-copyright-right:hover{ background-position:0 -35px;}
#footer-copyright-right img{ display:none;}
.staff-member-content .viv-but{ background:none; border:none; color:#cc0000; display:inline-block; font-size:18px; font-weight:300; line-height:28px; padding:0; text-transform:none;}
.staff-member-content .wpb_content_element{ margin-bottom:0;}
.staff-member-list{ padding-bottom:30px;}
.staff-member-content .wpb_text_column p{padding:0 0 15px;}

.viv-text blockquote:after{ background-image:url(images/quote-left-red.svg); background-color:#fff;}

/* DONATE POPUP */
.donate-pop{ padding:50px 0;}
.donate-pop-top{ background: url(images/pop-img.jpg) no-repeat center; background-size:cover; border-radius:30px 30px 0 0; padding:45px 25px;}
.donate-pop-top h2{ font-size:50px; font-weight:700; line-height:44px;}
.donate-pop-con{ background:#9a342c; border-radius:0 0 30px 30px; color:#fff; padding:30px 25px 10px;}
.donate-pop-con .wpb_content_element{ margin:0;}
.donate-pop-con p{ font-size:20px; line-height:33px; padding:0 0 20px;}
.donate-pop-con .viv-but3-1{ padding:12px 0;}
.donate-pop-con .viv-but3-1 .viv-but{ border-radius:6px; border-width:2px; display:block; font-family: 'Montserrat', sans-serif; font-size:20px; padding:13px 15px; text-transform:none;}
.donate-pop-con .viv-but3-1 .viv-but:hover{ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);}
.pum-theme-4570 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close{ background: url(images/Pop-close.png) no-repeat center; background-size:45px; border-radius:0; height:65px; padding:10px; right:-50px; text-indent:-9999px; width:65px;}

/* 16-02-2023 */
.vc_images_carousel{ padding-bottom:25px;}
.vc_images_carousel ol.vc_carousel-indicators{ bottom:0; height:10px; line-height:normal;}

/* RESPONSIVE */
@media(max-width:1599px){

#home-top-banner{ padding:80px 0 30px;}
div.in-focus-img{ height:235px; margin-top:-117px; width:235px;}
div.in-focus-text{ padding-left:175px;}
.in-focus-text h3{ font-size:26px; line-height:30px; margin:0 0 3px;}
.in-focus-text h2{ font-size:28px; margin:0 0 13px;}
.in-focus-text p{ font-size:19px;}
.in-focus-text .viv-but3-1 a{ font-size:18px; padding:14px 28px;}
#post-event-home-row .viv-slider-wrap2 .swiper-button-prev{ left:-40px;}
#post-event-home-row .viv-slider-wrap2 .swiper-button-next{ right:-40px;}
}

@media(max-width:1380px){

#home-top-banner{ padding:50px 0 30px;}
#home-top-text{ padding:0 25px;}
#home-top-text.vc_column_container > .vc_column-inner, .home-banner-row > .vc_column_container > .vc_column-inner{ padding:0;}
body .home-banner-row{ margin:0 -15px;}
div.banner-text{ padding:50px 30px 10px;}
#home-top-banner h2{ font-size:22px; line-height:29px; margin-bottom:15px;}
#home-top-banner h1{ font-size:27px; line-height:31px; padding:15px 15px 14px;}
#home-our-modal .vc-container{ max-width:1169px;}
#home-our-modal .vc-hoverbox-inner{ min-height:290px!important;}
#home-our-modal .vc-hoverbox-block{ background-size:100%; padding:30px 0 0;}
#home-our-modal .vc-hoverbox-block-inner h2{ font-size:21px; line-height:25px;}
#post-event-home-row .swiper-slide .col-md-4{ padding:5px 25px;}
div.in-focus-img{ height:200px; margin-top:-100px; width:200px;}
div.in-focus-text{ padding-left:135px;}
.in-focus-text h3{ font-size:24px; line-height:27px;}
.in-focus-text h2{ font-size:26px; margin:0 0 10px;}
.in-focus-text p{ font-size:18px; padding-bottom:15px;}
.in-focus-text .viv-but3-1 a{ font-size:16px; padding:13px 28px;}
#home-stories{ padding:15px 0 70px;}
.home-stories-top{ padding:0 15px;}
.home-stories-row{ padding-top:5px;}
.home-stories-row .home-left-story{ padding-right:49px;}
.home-stories-row .home-right-story{ padding-left:49px;}
}

@media(max-width:1199px){

#home-top-banner .vc_col-sm-2{ display:none;}
.home-banner-row .wpb_content_element{ margin-bottom:15px;}
div.banner-text{ padding:50px 0 10px;}
#home-top-banner h1{ font-size:25px; line-height:29px;}
#home-our-modal .vc-hoverbox-inner{ min-height:230px!important;}
#home-our-modal .vc-hoverbox-back .vc-hoverbox-block-inner{ width:80%;}
#home-our-modal .vc-hoverbox-back .vc-hoverbox-block-inner p{ font-size:13px; line-height:18px;}
#post-event-home-row .swiper-slide .col-md-4{ padding:5px 15px;}
div.in-focus-img{ height:170px; margin-top:-85px; width:170px;}
div.in-focus-text{ padding-left:100px;}
.in-focus-text h3{ font-size:22px;}
.in-focus-text h2{ font-size:22px; line-height:30px;}
.in-focus-text p{ font-size:15px;}
.in-focus-text .viv-but3-1 a{ font-size:14px; padding:12px 28px;}
.donate-pop-top{ padding:35px 10px;}
.donate-pop-con{ padding:20px 10px 10px;}
.donate-pop-top h2{ font-size:45px; line-height:40px;}
.donate-pop-con p{ font-size:18px; line-height:30px;}
.pum-theme-4570 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close{ background-size:30px; height:50px; right:-30px; top:20px; width:50px;}
}

@media(max-width:1099px){

#home-top-banner h2{ font-size:20px; line-height:27px;}
#home-top-banner h1{ font-size:22px; line-height:26px;}
#home-stories{ padding:5px 0 50px;}
.home-stories-row{ padding:0;}
.home-stories-row .home-left-story{ padding-right:25px;}
.home-stories-row .home-right-story{ padding-left:25px;}
}

@media(max-width:992px){

#home-top-banner{ background-position:right -140px top!important; padding:30px 0;}
div.banner-text{ padding:190px 0 0; width:100%;}
#home-top-text{ padding:0 20px;}
#home-top-banner .vc_col-sm-5{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width:50%;}
.home-banner-row .wpb_content_element{ margin-bottom:0;}
#home-top-banner h2{ font-size:18px; line-height:25px;}
#home-top-banner h1{ font-size:19px; line-height:25px;}
#home-top-banner .viv-but3-1 a{ font-size:17px; line-height:19px; padding:14px 15px 13px;}
#home-our-program .vc-container{ padding:10px 15px 0;}
.home-our-program-top p{ font-size:19px; line-height:32px;}
.home-our-program-row > .vc_col-has-fill > .vc_column-inner{ padding:35px 20px 0;}
.home-our-program-row h3{ font-size:23px;}
.home-our-program-row p{ font-size:17px; line-height:24px;}
#home-our-modal .vc_col-sm-4{ float:none; margin:0 auto 30px; -ms-flex: 0 0 420px; flex: 0 0 420px; max-width: 420px; width:100%;}
#home-our-modal .vc-hoverbox-inner{ min-height:322px!important;}
#home-our-modal .vc-hoverbox-back .vc-hoverbox-block-inner p{ font-size:15px; line-height:normal;}
#post-event-home-row .swiper-slide .col-md-4{ padding:5px;}
div.program-focus-img{ min-height:430px; width:100%;}
div.program-focus-text{ width:100%;}
div.in-focus-img{ height:auto; margin:0; position:static; width:25%;}
div.in-focus-text{ padding-left:0; width:75%;}
.in-focus-text h3{ font-size:25px; line-height:30px;}
.in-focus-text h2{ font-size:27px; line-height:32px;}
.in-focus-text p{ font-size:18px;}
.in-focus-text .viv-but3-1 a{ font-size:16px; padding:14px 28px;}
.main-footer ul a{ padding:0;}
#footer-copy-row{ line-height:normal; padding:10px 0; text-align:center;}
#footer-copy-row > .vpi-container{ display:block;}
#footer-copy-left, #footer-copy-right{ float:none; padding:5px 0; width:100%;}
#footer-copyright-right{ float:none;}
div#viv-content.viv-container.wide_margin{ max-width:100%; padding:50px 10px 40px;}
div.wide_margin #viv-main-content{ max-width:100%; padding:0;}
.page-housing #page-title-bar, .page-health-recovery #page-title-bar, .page-recovery #page-title-bar, .page-prevention #page-title-bar, .page-philosophy-of-care #page-title-bar{ padding-top:0; padding-bottom:0;}
.page-housing #page-title-bar h1, .page-health-recovery #page-title-bar h1, .page-recovery #page-title-bar h1, .page-prevention #page-title-bar h1{ padding:11px 0 11px 70px;}
.donate-pop-top{ padding:35px 0;}
.donate-pop-con{ padding:20px 0 10px;}
.donate-pop-top h2{ font-size:40px; line-height:36px;}
.donate-pop-con p{ font-size:16px; line-height:normal; padding:0 0 15px;}
.donate-pop-con .viv-but3-1 .viv-but{ font-size:18px;}
.pum-theme-4570 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close{ background-size:25px; height:45px; right:20px; top:0; width:45px;}
}

@media(max-width:979px){

#page-title-info-inner.viv-container{ padding:15px 25px;}
}

@media(max-width:767px){

#home-top-banner{ background-position:right -300px top!important; position:relative;}
#home-top-banner:after{ background-color: rgba(0, 0, 0, 0.4); content:"'"; display:block; height:100%; left:0; position:absolute; top:0; width:100%;}
#home-top-text{ position:relative; z-index:9;}
#home-top-banner h2{ color:#fff!important;}
div.banner-text{ padding:60px 0 15px;}
#home-top-banner h1{ padding:10px 15px 9px;}
.home-our-program-row > .vc_col-has-fill{ margin-bottom:60px;}
.home-our-program-row > .vc_col-has-fill > .vc_column-inner{ padding:35px 20px 20px;}
.home-our-program-row .wpb_single_image .vc_single_image-wrapper{ height:106px; max-width:106px;}
.wpb_single_image.housed-icon img{ max-width:45px;}
.wpb_single_image.health-recovery-icon img{ max-width:65px;}
.wpb_single_image.prevention-icon img{ max-width:60px;}
#post-event-home-row{ padding:30px 0;}
div.program-focus-img{ min-height:0;}
div.program-focus-img > .vc_column-inner{ background:none!important; padding:0 0 35px;}
.program-focus-img img{ display:block;}
.program-focus-text.vc_column_container > .vc_column-inner{ padding:0 5px;}
div.in-focus-img{ margin:0 auto; max-width:260px; padding:0 15px; width:100%;}
div.in-focus-text{ padding:35px 0 40px; width:100%;}
.main-footer .viv-soc-wrap{ margin-bottom:20px;}
.home-stories-row .home-left-story{ border:none; padding:0;}
.home-left-story .wpb_content_element{ border-bottom:1px solid #b3b3b3; padding-bottom:25px;}
.home-stories-row .home-right-story{ padding:25px 0 0;}
.viv-text .heading-row-bottom ul{ padding:0;}
.heading-row-bottom ul li{ display:block; padding:0 0 5px 20px; width:100%;}
.heading-row-bottom ul li:after{ top:12px;}
.main-footer{ padding:35px 0 0;}
#footer-top-sec > .vc_column_container{ padding:0;}
.donate-pop-con .viv-but3-1{ padding:9px 0;}
.donate-pop-con .viv-but3-1 .viv-but{ font-size:16px; padding:11px 15px;}
}

@media(max-width:640px){

.donate-pop > .vc_column_container > .vc_column-inner{ padding:0 8px;}
.donate-pop div[class*="vc_col-sm-"]{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; width:100%;}
.donate-pop-top h2{ font-size:35px; line-height:31px;}
}

@media(max-width:575px){

#home-top-banner .vc_col-sm-5{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
#home-top-banner h1{ margin:0 0 20px;}
}

@media(max-width:550px){

#post-event-home-row div.vc-container{ padding:0 10px;}
#post-event-home-row .viv-slider-wrap2{ margin:0 auto; max-width:400px; width:100%;}
#post-event-home-row .viv-slider-wrap2 .swiper-button-prev{ left:-20px;}
#post-event-home-row .viv-slider-wrap2 .swiper-button-next{ right:-20px;}
.in-focus-text h3{ font-size:23px; line-height:28px; margin-bottom:5px;}
.in-focus-text h2{ font-size:25px;}
div.heading-row-icon, div.heading-row-text{ width:100%;}
.heading-row-icon .wpb_single_image img{ max-width:70px; width:100%;}
}

@media(max-width:479px){

#home-our-modal .vc_col-sm-4{ -ms-flex: 0 0 370px; flex: 0 0 370px; max-width: 370px;}
#home-our-modal .vc-hoverbox-inner{ min-height:305px!important;}
#home-our-modal .vc-hoverbox-back .vc-hoverbox-block-inner p{ font-size:13px; line-height:19px;}
.donate-pop-top{ padding:28px 0;}
.donate-pop-top h2{ font-size:30px; line-height:28px;}
}

@media(max-width:400px){

html body{ padding:86px 0 0;}
.logo-div #logo{ max-width:160px;}
.et-fixed-header .logo-div #logo{ max-width:160px;}
#home-top-banner{ background-position:right -450px top!important;}
#viv-main-header #burger-menu{ top:17px;}
div.banner-text{ padding:0 0 15px;}
#home-our-modal .vc_col-sm-4{ -ms-flex: 0 0 320px; flex: 0 0 320px; max-width: 320px;}
#home-our-modal .vc-hoverbox-inner{ min-height:240px!important;}
#home-our-modal .vc-hoverbox-back .vc-hoverbox-block-inner p{ font-size:13px; line-height:19px;}
}