/*---------------------------------------------------------------------------------

 Theme Name:   VCNY
 Theme URI:    https://www.veinclinicsny.com/
 Description:  Divi Child theme
 Author:       VCNY
 Author URI:   https://www.veinclinicsny.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
 

/*--------------------------------
 * BLOG TEMPLATE
---------------------------------*/

/*
 * General Typography
 */

.blog-text a span {
  color: #455A64;
}

.blog-text a:hover span {
  text-decoration: underline;
  text-decoration-color: #455A64;
}

.blog-text a {
  color: #480C68;
  font-weight: bold;
}

.blog-text a:hover {
  text-decoration: underline;
  text-decoration-color: #480C68;
}

.content-link-white a {
  color: #fff;
  text-decoration: underline;
}
.content-link-white a:hover {
  text-decoration: none;
}

.content-link-black a {
  color: #000;
  text-decoration: underline;
}
.content-link-black a:hover {
  text-decoration: none;
}

/*
 * Hero
 */

.blog-hero-row h1 {
  font-size: min(70px, max(5vw, 40px)) !important;
}

/*
 * Featured Posts
 */

.blog-posts-module .et_pb_image_container {
  margin: 0px;
}

@media screen and (max-width: 980px) {
  .blog-posts-module .column:not(:last-child) {
    padding-bottom: 30px;
  }
}


@media screen and (min-width: 768px) and (max-width: 980px) {
  .blog-posts-module .column {
    width: 500px;
  }
}

/*
 * Featured Posts
 */

.blog-featured-posts-title span {
  font-family: 'Helvetica - Bold',Helvetica,Arial,Lucida,sans-serif;
}

/*--------------------------------
- VIDEO POPUP OVERLAY
- Customization for video popup
---------------------------------*/
.mfp-close {
    top: -50px !important;
}
.youtube-video-popup .et-pb-icon{
    color: #fff;
    font-size: 150px;
}
.youtube-video-popup a{
  	color: #fff !important;
}

.play-button--red a::after{
  	font-family: "ETModules";
    content: "\e0a3";
    color: #f00;
    font-size: 70px;
    margin: auto 0;
    position: absolute;
    top: 45%;
    left: 45%;
}


 /*
 * Form - start
 */

    /*
    * Form base class
    */

    .vtc-form--base .vtc-form {
        display: grid;
        grid-row-gap: 15px;
    }

    .vtc-form--base .vtc-form input,
    .vtc-form--base .vtc-form select,
    .vtc-form--base .vtc-form option,
    .vtc-form--base .vtc-form input::placeholder,
    .vtc-form--base .vtc-form button,
    .vtc-form--base .vtc-form__disclaimer,
    .vtc-form--base .screen-reader-text {
        font-family: "Acumin Regular", sans-serif;
        font-size: 16px;
    }

    .vtc-form--base .vtc-form input,
    .vtc-form--base .vtc-form select,
    .vtc-form--base .vtc-form button {
        width: 100%;
        height: 50px;
        border-radius: 5px;
    }

    .vtc-form--base .vtc-form input,
    .vtc-form--base .vtc-form select {
        padding: 10px 20px;
        color: #4e4e4e;
        background-color: #fff;
        border: solid 1px #5F5F5F;
    }

    .vtc-form--base .vtc-form input::placeholder {
        color: inherit;
        opacity: .8;
    }

    .vtc-form--base .vtc-form button {
        font-size: 18px;
        color: #ffffff;
        cursor: pointer;
        border: none;
        margin: 20px auto;
        background-color: #7b68ee;
        border: solid 2px #7b68ee;
    }

    .vtc-form--base .vtc-form__disclaimer {
        font-size: 14px;
        line-height: 1.2em;
        color: #fff;
        text-align: center;
        margin: 0;
    }

    .vtc-form--base .vtc-form button:hover {
        background-color: transparent;
        border: solid 2px #7b68ee;
        color: #7b68ee;
    }

    .vtc-form--base .vtc-form__disclaimer {
        color: #666;
    }

    .vtc-form--base .vtc-form__disclaimer a {
        color: #2ea3f2;
    }

    .vtc-form--base .vtc-form__disclaimer a:hover {
        text-decoration: none;
    }
	.vtc-form .vtc-form__error-message {
		background: pink;
		padding: 5px;
		border-radius: 5px;
	}

    /*
    * Blue form
    */

    .vtc-form--blue .vtc-form input,
    .vtc-form--blue .vtc-form select {
        border: none;
        box-shadow: 0px 3px 6px #00000029;
    }

    .vtc-form--blue .vtc-form button {
        background-image: linear-gradient(90deg, #001bf9 0%, #007ffe 100%);
        box-shadow: 0px 20px 40px #00000033;
        border: none;
        border-radius: 25px;
        max-width: 360px;
    }

    .vtc-form--blue .vtc-form button:hover {
        background-image: linear-gradient(259deg, #7af1ff 0%, #7af1ff 100%);
        color: #036571;
        border: none;
    }

    .vtc-form--blue .vtc-form__disclaimer {
        color: #fff;
    }

    .vtc-form--blue .vtc-form__disclaimer a {
        color: inherit;
        text-decoration: underline;
    }

    .vtc-form--blue .vtc-form__disclaimer a:hover {
        text-decoration: none;
    }

    /*
    * Blog form
    */

    .vtc-form--blog .vtc-form input,
    .vtc-form--blog .vtc-form select {
        border: none;
        box-shadow: 0px 3px 6px #00000029;
    }

    .vtc-form--blog .vtc-form button {
        background: transparent linear-gradient(245deg, #293FFF 0%, #4954FF 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 40px #00000033;
        border: none;
        border-radius: 25px;
        max-width: 360px;
    }

    .vtc-form--blog .vtc-form button:hover {
        background: transparent linear-gradient(90deg, #A572B1 0%, #B618D0 100%);
        color: #fff;
        border: none;
    }

    .vtc-form--blog .vtc-form__disclaimer {
        color: #fff;
    }

    .vtc-form--blog .vtc-form__disclaimer a {
        color: inherit;
        text-decoration: underline;
    }

    .vtc-form--blog .vtc-form__disclaimer a:hover {
        text-decoration: none;
    }

    /*
    * Form - end
    */

/*
 * Fix white text on blog posts:
 */
.type-post .et_pb_module.et_pb_text,
.type-post .et_pb_module.et_pb_text h3{
    color: #455A64!important;
}