/*
Theme Name:     evbiologics
Template: neve
Author:         ThemeIsle
Description:    Child of Neve
Text Domain:    neve
*/
/*Note that a lot of CSS is in customize theme section*/

/*Typography*/
.white h2 {
    color: #ffffff !important;
}
a:focus, a:hover {
    text-decoration: none;
}
.two-col-text-section h3 {
    color: #54595F !important;
}

/*Navigation*/
i.fas.fa-align-justify {
    transform: scale(1.2,1);
}
.menu-item:last-child a {
    padding-right: 0 !important;
}
.hfe-nav-menu-icon {
	padding: 2px 2px 0;
	margin-top: 1px;
}
/*Carousel*/
.carousel-elementor .elementor-row:after {
    content: '';
}

/*Old Homepage*/
.dot-line .elementor-divider:before {
    width: 20px;
    height: 20px;
    background-color: #429ecb;
    content: "";
    display: inline-block;
    position: absolute;
    top: -10px;
    border-radius: 10px;
}
.dot-line.dot-white .elementor-divider:before {
    background-color: #ffffff;
}

/*Contact Us Popup*/
input#gform_submit_button_1 {
    padding: 15px 30px;
    background-color: #429ecb;
    letter-spacing: 2px;
		border-radius:0;
}
h3.gform_title {
    font-size: 32px !important;
}

/*Misc*/
#images-preloader{
	visibility:hidden;
	height:0;
}
/*Header*/
.header-column-container > .elementor-element-populated{
    max-width: 740px;
}
.header-column-container {
    min-height: 450px;
}
/*Single Posts*/
.rpwwt-widget a {
    line-height: 1.3;
    margin-bottom: 10px;
}
.container.single-post-container {
    max-width: 1000px !important;
}
.nv-single-post-wrap {
    max-width: none !important;
}
h1.title.entry-title {
    display: none;
}
ul.nv-meta-list {
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 0;
    font-weight: 600;
}

/*Update */
div#rpwwt-wp-widget-recent-posts-widget-with-thumbnails a {
    clear: both;
    display: block;
    font-size: 24px;
    font-weight: 600;
}
.rpwwt-post-author {
    display: inline-block;
    margin-right: 5px;
    font-weight: 600;
}
.rpwwt-post-date:before {
    content: " / ";
}
.rpwwt-post-date {
    display: inline-block;
    font-weight: 600;
}
.rpwwt-post-excerpt {
    margin-bottom: 40px;
}
.rpwwt-widget ul li {
    overflow: hidden;
    margin: 0 0 1.5em;
    border-bottom: 1px solid #28538d;
}
section#update-header-section div#update-header-column {
    min-height: auto !important;
}

/*Sections*/
#pathway-illustration .carousel-col {
    width: 14.28% !important;
}
section#homepage-illustration {
    padding: 110px 0 80px;
}

/*Footer Boxes*/
.footbox-h4 h4 {
    font-size: 15px;
    line-height: 1.4em;
}
.footbox-h4 .elementor-widget-container{
    padding: 0 0 20px 10px !important;
}
.footbox-h2 .elementor-widget-container {
    padding: 250px 0 10px 10px !important;
}
.footer-box:hover h2.elementor-heading-title, .footer-box:hover h4.elementor-heading-title {
    color: white !important;
}

footer#site-footer {
    font-size: 15px;
}

div#footer-text {
    max-width: 1000px;
}
.ev-columns {
    padding: 10px;
    columns: 2;
    padding-right: 30%;
    column-gap: 40px;
}
/*For Non Mobile*/
@media (min-width: 768px){
    div#popmake-81 {
        padding: 18px 30px 18px 41px !important;
    }
.gform_wrapper .gform_heading, .gform_wrapper span.gform_description {
        margin-bottom: 0 !important;
    }
}

/*For IPAD*/
@media (min-width: 767px) and (max-width: 1024px){
    .footbox-h4 h4 {
        font-size: 18px;
        line-height: 1.4em;
    }
    .footbox-h2 .elementor-widget-container {
        padding: 200px 0px 0px 20px !important;
    }
}

/*Mobile*/
@media (max-width: 767px){
    /*Header*/
    img.hfe-site-logo-img {
        max-width: 200px;
    }
    h1{
        font-size: 42px !important;
    }
    .stack-on-mobile .one-col-left .elementor-column-wrap {
        padding-bottom: 0 !important;
    }
    .stack-on-mobile .one-col-right .elementor-column-wrap {
        padding-top: 0 !important;
    }
    .stack-on-mobile .one-middle-col .elementor-column-wrap {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .carousel-elementor .elementor-row:after {
        content: 'flickity';
        display:none;
    }
    .carousel-elementor .elementor-row {
        display: block;
    }
    .carousel-col {
        width: 100% !important;
        display: block;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
    }
    .carousel-col h3.elementor-image-box-title {
        font-size: 21px !important;
    }
    .carousel-col p.elementor-image-box-description {
        font-size: 18px !important;
    }
    #homepage-illustration .carousel-col {
        margin-left: 0;
        margin-right: 0;
        padding: 0 30px;
    }
    #homepage-illustration .carousel-col.plus-icon {
        max-width: 140px !important;
        padding: 70px 10px 0;
    }
    #pathway-illustration {
        padding: 40px 0 80px;
    }
    #pathway-illustration .carousel-col {
        width: 100% !important;
        margin-left:0;
        margin-right: 0;
        padding-right: 0;
    }
    section#tech-illustration {
        padding: 0;
    }
    #tech-illustration .carousel-col {
        width: 100% !important;
        display: block;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
    }
    #tech-illustration .carousel-col .elementor-column-wrap.elementor-element-populated {
        margin-left: 20px;
    }
    footer#site-footer {
        margin: 30px 0;
    }
    .footbox-h2 .elementor-widget-container {
        padding: 150px 0 0 0 !important;
    }
    .two-col-text-section h3{
        padding-bottom: 0;
    }
    .right-half-section .elementor-element-populated {
        padding: 0 0 20px !important;
    }
    span#ev-copyright {
        display: block;
    }
    .add-top-mobile {
        margin-top: 40px;
    }

    /*Flickity Button*/
    /*
    .flickity-prev-next-button {
        top: 110% !important;
        width: 30px!important;
        height: 30px!important;
    }
    .flickity-button,
    .flickity-button:hover {
        color: #28538D !important;
        background: transparent !important;
    }
    .flickity-prev-next-button.previous {
        right: 40px!important;
        left: unset!important;
    }
    */
    
}
/*Laptop*/
@media (min-width: 1025px){
    .container.single-post-container {
        margin: 40px 45px !important;
    }
}
/*Really Large Screen*/
@media (min-width: 1500px){
    .ev-columns {
        font-size: 17px;
        columns: 3;
        padding-right: 30%;
        column-gap: 40px;
    }
    
    /*Top Header*/
    #top-nav-section {
        padding: 15px 15px 15px 30px;
    }
    a.hfe-menu-item {
        font-size: 18px;
    }
    .hfe-site-logo-container img {
        width: 350px !important;
    }

    /*Header*/
    .header-column-container h1 {
        font-size: 90px !important;
    }
    .header-column-container h2 {
        font-size: 43px;
    }
    .header-column-container p {
        font-size: 25px;
        line-height: 1.4;
    }
    .header-column-container > .elementor-element-populated{
        padding: 0px 0px 0px 70px !important;
        max-width: 900px;
    }
    section#top-banner, section#update-header-section {
        padding: 110px 0;
    }
    .header-column-container {
        min-height: 500px;
	}

    /*Two Columns*/
	.two-col-text-section {
        padding: 110px 10px !important;
	}
	.carousel-col, .home-summary, section#text-inspiration p, #business-section p{
        font-size: 17px;
	}
	.one-col-left {
      padding-right: 25px;
    }
    .one-col-right {
      padding-left: 25px;
    }
    .one-middle-col {
      padding: 0 25px;
    }
	.four-col-text-section {
        padding: 0 20px !important;
    }
    
    /*Sections*/
    section#business-section .elementor-column-wrap {
        padding: 90px 30px !important;
    }
    .two-cols-rhs-gap {
        padding-right: 50%!important;
    }
    .left-half-section, .right-half-section {
        width: 50% !important;
    }
    .container.single-post-container {
        margin: 40px 55px !important;
    }
	
	/*Footer Box*/
	.footer-box .elementor-element-populated {
        padding: 0 20px 20px 20px !important;
    }
	.footer-box h4 {
        font-size: 18px !important;
    }
}
@media (min-width: 1680px){
	.footer-box h4 {
        font-size: 20px !important;
    }
}