/*
Theme Name: youngStartup Ventures
Theme URI: https://youngstartup.com
Author: Yaakov Shore
Author URI: https://dewofyouryouth.com
Description: A full responsive website for youngStartup Ventures
Version: 1.0
Text Domain: youngStartup
*/

/*
font imports
*/

@import url('https://fonts.googleapis.com/css?family=Allerta+Stencil|Open+Sans:300,400,700,800');

html {
    scroll-behavior: smooth;
}

/* body:not(.page-id-42) {
    padding-top: 50px;
} */


nav {
    background-color: #ffffff;
    width: 100%;
}

section {
    padding: 0 0;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.bg-light,
.fixed-top {
    background-color: #fff !important;
    color: #fff !important;
    max-width: 100%;
}

.btn {
    text-transform: uppercase;
}

.btn-info {
    color: #FFFFFF;
    border: none;
    font-weight: bold;
    padding: 10px 25px;
    letter-spacing: 1.6px;
    background: linear-gradient(to right, #17cee2, #0094E8);
}
.btn-info-red {
    color: #FFFFFF;
    border: none;
    font-weight: bold;
    padding: 10px 25px;
    letter-spacing: 1.6px;
    background: #ff2945 !important;
}


.octicon.octicon-chevron-right {
    vertical-align: initial;
    letter-spacing: -1.3px;
}

.btn-info:hover {
    background: linear-gradient(to left, #00E7FF, #0094E8);
}

.btn-primary {
    font-weight: bold;
    transition-duration: 500ms;
}

/* .btn-primary:hover,
.btn-primary.disabled {
    color: #007bff !important;
    background-color: transparent;
} */

/* General styling for homepage */



/*styling for homepage video header (id-42)*/

.page-id-42 .jumbotron {
    position: relative;
    overflow: hidden;
    height: 625px;
    margin-bottom: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    width: 100%;
}

#video-wrapper {
    position: absolute;
}

#video-wrapper {
    margin-top: 100px;
    position: absolute;
    height: auto;
    width: 100%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 1;
}

#myVideo {
    position: absolute;
    margin: 0;
    /* margin-top: 92px; */
    padding: 0;
    right: 0;
    top: -100px;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index: 0;
}

.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
    display: block;
    height: auto;
    width: 100%;
    height: 100%;
    max-width: 100%;
    z-index: 100;
}

.page-id-42 .tagline {
    text-align: left;
    padding-top: 65%;
    z-index: 10;
    position: relative;
}



.tagline>h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: rgb(255, 255, 255);
    line-height: 1.2 !important;
    font-size: 3rem;
}

.keynote {
    font-family: 'Open Sans', sans-serif;
}

/* Home page testimonial slider */
.hbspt-form{
    font-family: 'Roboto Condensed', sans-serif !important
}

#testimonials {
    color: #FFFFFF;
    padding-bottom: 40px;
    /* background: linear-gradient(to right, #21d8ea, #167ac6); */
    background: #f5f5f5;
    font-family: 'Roboto Condensed', sans-serif !important


}
#newP{
    font-family: 'Roboto Condensed', sans-serif !important
}

#sponsors{
    font-family: 'Roboto Condensed', sans-serif !important
}
.testimonial-slide {
    border-radius: 10px;
    margin: 20px 0px;
}

.testimonial-slide h1 {
    color: #FFFFFF;
    font-size: 3rem;
}

.tsml {
    margin: 30px 0px;
    box-shadow: 2px 7px 7px rgba(64, 58, 58, 0.75);
}

.sldr {
    padding-right: 0px;
    padding-left: 0px;
}

.t-slider-dtl {
    color: #ffffff;
    font-size: 1.3rem;
}

/* Stying for homepage hub graphic */

#hub-container {
    display: grid;
    grid-template-areas:
        ". . top-icon . ."
        ". center center center ."
        "left-icon center center center right-icon"
        ". center center center ."
        ". center center center ."
        ". btm-left .  btm-right .";
    text-align: center;
    max-width: 100%;
    padding: 25px;
}

.center-hub {
    grid-area: center;
    text-align: center;
}

#mobile-hub {
    display: none;
}

#vc {
    grid-area: top-icon;
    padding: 20px;
}

#vc>img {
    padding-left: 10px;
}

#startups {
    grid-area: left-icon;
    padding: 20px;
}

#angel-investors {
    grid-area: right-icon;
    padding: 20px;
}

#service-firms {
    grid-area: btm-left;
    padding: 20px;
}

#corp-vcs {
    grid-area: btm-right;
    padding: 20px;
}

.hub-ttl,
.hub-ttl-btm {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #25A8DF;
    font-size: 1.3rem;
}

.hub-ttl img {
    padding-top: 10px;
    display: inline-block;
    margin: auto;
    width: 110px;
}

.hub-ttl-btm img {
    padding-bottom: 10px;
    display: inline-block;
    margin: auto;
    width: 110px;
}

.menuContainer {
    position: relative;
    left: 10%;
    width: 100%;
}


.page-id-42 .bg-light,
.fixed-top {
    background-color: rgb(255, 255, 255) !important;
    color: #fff !important;
}


.fixed-top.nav-link {
    color: #000 !important;
}


.fixed-top.active {
    background-color: #fff !important;
    box-shadow: 0 0 10px rgb(0, 0, 0);
}

.menuContainer {
    position: relative;
    left: 10%;
}

.navbar-nav>li {
    margin: 5px;
}

.navbar-nav>li>a {
    /* padding: 10px; */
    font-size: 1.3rem;
    text-decoration: none;
    font-weight: 300;
    color: #fdfdfd;
    -webkit-transition: all 2s;
    /* Safari */
    transition: all 1s ease-in-out;
}


.navbar-nav>li>a:hover,
.dropdown-item:hover {
    color: #000 !important;

}

.navbar-brand {
    padding-right: 50px;
}


/* Present link on nav */

nav #menu-item-287 {
    margin-left: 10px;
    padding-left: 46px;
    box-shadow: inset 2px 0px 0px 0px #f1f1f1;
}


/*styling for event pages*/

.post-template-single-event-main .fixed-top {
    background-color: #000 !important;
}

.post-template-single-event-main-testing .fixed-top {
    background-color: #000 !important;
}

.bg-dark {
    background-color: black !important;
}

.navbar-dark .navbar-nav .nav-link {
    transition: color 1s ease;
    color: #fff !important;
    /* font-size: 1.3rem; */
    font-weight: 400;
}

.navbar-dark .navbar-nav .nav-link:hover {
    text-decoration: none;
    color: #0275d8 !important;
}

.navbar-dark .navbar-nav li.nav-item.active a {
    color: #0275d8 !important;
}

/* Carousel Style */

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 100px;
    width: 100px;
    outline: black;
    background-size: 100%, 100%;
    background-image: none;
}

.carousel-control-next-icon:after {
    content: '>';
    font-size: 55px;
    color: grey;
}

.carousel-control-prev-icon:after {
    content: '<';
    font-size: 55px;
    color: grey;
}

#testimonials .carousel.slide {
    height: 449px;
}

.quoteContainer {
    padding: 10px 30px;
}

.octicon {
    font: normal normal normal 30px/1 octicons;
}

/* .quoteContainer p {
    font-size: 50px;
} */



/* End Carousel */


.text-info {
    color: white !important;
    font-weight: bold;
    font-size: 1.7rem;
}



#subscribe-form {
    background-color: #f2f2f2;
    border-top: #e7e6e6 solid .05px;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 0px 0px 0px;
}

._form-branding,
._form-title {
    display: none;
}


/* Styling for event list page */

.event:not(:last) {
    border-bottom: solid 2px #000000;
}

.city-thumb {
    max-width: 150px;
    border-radius: 5px;
    box-shadow: 5px 7px 7px rgba(.15, 0, 0, .25);
}

#vc-logos {
    font-weight: 800;
    font-size: 16px;
    align-content: center;
    text-align: center;
    margin: 40px auto;
}

.vc-logo-img {
   vertical-align: center;
}

#logos-section {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    width: 84%;
    margin: auto
}

#logos-section>div {
    /* padding: 50px 20px; */
}

#logos-section>div:hover {
    /* border-radius: 25px; */
    /* box-shadow: 3px 3px 20px 0px rgba(.15, 0, 0, .25); */
    transition-duration: 1s;
}

.logos-here {
    border: 1px solid #F6F6F6;
    padding: 0 12px;
    margin-bottom: 24px;
    margin-right: 24px;
    text-decoration: none;
    filter: grayscale(1);
    width: 296px;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.logos-here:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 10px 22px 50px 0 rgba(0, 0, 0, 0.04);
    filter: none;
    transform: translate3d(0, -2px, 0);
}

/*styling for event page banner*/
.page-template-page-vc-submissions .jumbotron,
.page-template-page-event-form .jumbotron,
.post-template-single-event-sponsors .jumbotron,
.ysv_speaker-template-default .jumbotron,
.page-template-page-community .jumbotron,
.page-template-page-event-form .jumbotron,
.post-template-single-present .jumbotron,
.post-template-single-registration .jumbotron,
.post-template-single-venue .jumbotron,
.post-template-single-event-main .jumbotron,
.post-template-single-event-main-testing .jumbotron,
.post-template-single-new-agenda .jumbotron,
.post-template-single-agenda .jumbotron,
.post-template-single-event-no-logo .jumbotron {
    background-position: 50% 0%;
    -webkit-background-size: contain, cover !important;
    -moz-background-size: contain, cover !important;
    -o-background-size: contain, coverr !important;
    background-size: contain, cover !important;
    padding: 40px 120px 0px 120px;
    margin: 0;
    color: white;
    border-radius: 0;
}

.wp-block-column.venue {
    margin: 0;
}

.get-motto {
    padding-top: 10px;
    color: #25A8DF;
    text-align: center;
}

.get-motto-row {
    margin: 30px 0;
}

.get-motto:not(:first-child) {
    box-shadow: inset 2px 0px 0px 0px #25A8DF;
}

.page-template-page-vc-submissions .container-fluid,
.post-template-single-event-sponsors .container-fluid,
.ysv_speaker-template-default .container-fluid,
.page-template-page-event-form .container-fluid,
.page-template-page-community .container-fluid,
.post-template-single-present .container-fluid,
.post-template-single-event-main .container-fluid,
.post-template-single-event-main-testing .container-fluid,
.post-template-single-venue .container-fluid,
.post-template-single-registration .container-fluid,
.post-template-single-agenda .container-fluid,
.post-template-single-new-agenda .container-fluid,
.post-template-single-event-no-logo .container-fluid {
    margin: 0;
    padding-right: 0;
    padding-left: 0;


}

.wp-post-image {
    height: auto;
    width: 100%;
    margin-bottom: 20px;
}

.single-testimonial .wp-post-image,
.single-ysv_speaker .wp-post-image,
.single-ysv_moderator .wp-post-image,
.single-ysv_sponsor .wp-post-image {
    width: 200px;
}

.next-event {
    margin: 0;
    background: #111;
    color: #f2f2f2;
    padding: 10px;
    padding-bottom: 0;
}


/* Speakers Section on Event Home Page */

#speakers {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0px;
}

#speakers>div {
    text-align: center;
    margin-bottom: 25px;
    padding: 0 10px;
}

.speaker img {
    width: 90%;
    margin-bottom: 10px;
}

.speaker h1 {
    font-family: sans-serif;
    color: #00b0f0;
    margin-bottom: 0;
}

.speaker p {
    margin-top: 2px;
    font-family: sans-serif;
    text-transform: capitalize;
}

.vc-logo {
    max-height: 50px;
    width: auto;
}

.callForTopPic {
    width: 45%;
}

/* #speakers {
        position: relative;
        font-size: 16px;
        width: 100%;
        display: inline-table;
        align-content: center;
        text-align: center;
        margin: 20px auto
    }

.singular-speaker {
        display: inline-block;
        height:100%;
        vertical-align: top;
        margin-bottom: 30px !important;
    }

.singular-speaker img {
        padding: 5px;
        width: 100%;
    } */


/* Numbers Section */

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .7;
}

#numbers {
    padding: 30px;
    background: fixed;
    position: relative;
    background-size: cover;
    color: white;
}

#numbers-no-script {
    padding: 30px;
    background: url(https://youngstartup.com/wp-content/uploads/2019/04/newbg-1-e1554902871824.jpg) fixed;
    position: relative;
    background-size: cover;
    color: white;
}

.icon {
    font-size: 3rem;
}

.counter-div {
    font-size: 2.2rem;
    font-weight: bold;
}


.item-boxes {
    overflow: auto;
    padding: 20px;
    border-radius: 4px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.item-boxes,
.item-boxes .icon {
    text-align: center;
    margin-bottom: 15px
}

.item-boxes .icon {
    width: 60px;
    height: 60px;
    border: 1px solid #4676fa;
    display: inline-block;
    border-radius: 5px;
    margin-top: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.item-boxes .icon i {
    font-size: 30px;
    line-height: 60px;
    color: #4676fa
}

.item-boxes h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.item-boxes:hover {
    background: #fff;
    box-shadow: 5px 28px 48px 0 rgba(.15, 0, 0, .25)
}

/* Styling for video section */
.vid-div {
    display: flex;
    flex-direction: column;
    margin: 0;
    margin-bottom: 50px;
    padding: 0 10px;
}

#videos {
    background-color: #efeded;
    color: #525F7F;
    text-align: center;
}

#events-vid-sec {
    background: linear-gradient(to left, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .5) 100%), url(https://www.youngstartup.com/wp-content/uploads/2019/01/bg_2.jpg) fixed;
    background-size: cover;
    color: white;
    text-align: center;
}


#videos .text-primary,
#industries .text-primary,
#next-event .text-primary {
    color: #25A8DF !important;
}

#events-vid-sec h1,
#videos h1,
#industries h1,
#next-event h1 {
    text-transform: uppercase;
}

#events-vid-sec>.container #videos>.container {
    text-align: center;
    padding: 30px;
}

.feather {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding-bottom: 5px;
}

.feather:hover {
    color: #fff;
}

#event-vid1 {
    background: linear-gradient(to left, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .5) 100%), url(https://www.youngstartup.com/wp-content/uploads/2018/07/vid1-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#event-vid2 {
    background: linear-gradient(to left, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .5) 100%), url(https://www.youngstartup.com/wp-content/uploads/2018/07/vid2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#event-vid3 {
    background: linear-gradient(to left, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .5) 100%), url(https://www.youngstartup.com/wp-content/uploads/2018/07/vid3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}


.event-vid {
    width: 100%;
    padding-top: 80px;
    height: 200px;
    -moz-box-shadow: inset 0 0 10px #efeded;
    -webkit-box-shadow: inset 0 0 10px #efeded;
    box-shadow: inset 20px 0 0 #efeded;
    cursor: pointer;
    /*   filter: grayscale(100%); */
}

.vid-div .event-vid {
    box-shadow: none;
}

.gradient-css {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 110px;
    height: 35px;
    cursor: pointer;
    margin: 0 auto;
    border: 2.3px solid #00E7FF;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    font: normal 20px/30px "Advent Pro", Helvetica, sans-serif;
    font-weight: bold;
    color: #00E7FF;
    text-align: center;
    vertical-align: middle;
    -o-text-overflow: clip;
    text-overflow: clip;
    letter-spacing: 1px;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
    transition: .5s;
}

.gradient-css:hover {
    color: rgba(255, 255, 255, 1);
    background: linear-gradient(to left, #00E7FF, #25A8DF);

}

.gradient-css:active {
    background: linear-gradient(to left, #00E7FF, #3273dc);

    background: linear-gradient(to left, #00E7FF, #3273dc);


    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.event-vid-btn {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 110px;
    height: 35px;
    cursor: pointer;
    margin: 0 auto;
    border: 2.3px solid #ff0000;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    font: normal 20px/30px "Advent Pro", Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -o-text-overflow: clip;
    text-overflow: clip;
    letter-spacing: 1px;
    background: #ff0000;
    -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
    transition: .5s;
}

.event-vid-btn:hover {
    color: #ff0000;
    background: rgba(0, 0, 0, 0);

}

.event-vid-btn:active {
    background: rgba(0, 0, 0, 0);



    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}


/* Styling for industries */


.industries {
    margin: 15px;
    padding: 0;
    border-radius: 5px;
    text-align: center;
    /* -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.75); */
}

.industries .fas {
    font-size: 3rem;
    padding: 20px 5px 40px;
    background: #dd664f;
    /* -webkit-linear-gradient(#00E7FF, #3273dc); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.industry-name {
    width: 100%;
    height: -webkit-fill-available;
    max-height: 35px;
    vertical-align: middle;
    margin: 0;
    border-radius: 0 0 5px 5px;
    color: #fff;
    /* font-weight: bold; */
    background: Black;
    /* background: linear-gradient(to right, #17CEE2, #3273dc); */
}

.industries img {
    padding: 0 70px 10px;
    filter: blur(5px);
}

.industry-name span {
    padding: 0px;
    font-size: 88%;
    vertical-align: middle;
    line-height: .1;
}


/*Styling for footer*/

footer {
    background-color: black;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 40px 0px 20px 0px;
}

footer .footerlink {
    color: #00C2E9;
    list-style: none;
    font-weight: 300;
    font-family: 'Roboto Condensed', sans-serif;
    padding-left: 0;
}

footer h4,
footer h5 {
    color: #000;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
}

footer p {
    color: #525F7F;
    font-family: 'Open Sans', sans-serif;
}

footer ul {
    margin-top: 15px;
    line-height: 2;
}

footer hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.sub-menu {
    list-style: none;
    padding-left: 10px;
}

footer .footerlink a {
    color: #00C2E9;
    font-size: 1rem;
    padding: 5px 0;
    line-height: 2;
    font-weight: 400;
}



footer .footerlink a:hover {
    text-decoration: underline;
    color: #0083b3;
}

.container.footer-padding {
    padding:0
}

.sm-icon {
    font-size: 2rem;
    padding-left: 0;
    padding-right: 5px;
    display: inline-block;
    text-align: left;
}

.sm-icon>a {
    color: #00b0f0;
}

.sm-icon>a:hover {
    color: #0083b3;
}

/* Styling for home page next event section */
#next-event {
    background: rgb(239, 237, 237);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(239, 237, 237, 0.8) 0%, rgba(239, 237, 237, 0.8) 100%),
        url(https://www.youngstartup.com/wp-content/uploads/2018/12/goldengate_bw.jpg) fixed;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(239, 237, 237, 0.8) 0%, rgba(239, 237, 237, 0.8) 100%),
        url(https://www.youngstartup.com/wp-content/uploads/2018/12/goldengate_bw.jpg) fixed;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(239, 237, 237, 0.8) 0%, rgba(239, 237, 237, 0.8) 100%),
        url(https://www.youngstartup.com/wp-content/uploads/2018/12/goldengate_bw.jpg) fixed;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: right top;
    background-size: cover;
    position: relative;
    padding: 100px 0;
    color: #525F7F;
}

#next-event-W {
    background: rgb(239, 237, 237);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(239, 237, 237, 0) 0%, rgba(239, 237, 237, 0) 100%) fixed;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(239, 237, 237, 0.07) 0%, rgba(239, 237, 237, 0) 100%) fixed;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(239, 237, 237, ) 0%, rgba(239, 237, 237, 0) 100%) fixed;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: right top;
    background-size: cover;
    position: relative;
    padding: 100px 0;
    color: #525F7F;
}

#next-event-W-digital {
    background: rgb(239, 237, 237);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(239, 237, 237, 0) 0%, rgba(239, 237, 237, 0) 100%) fixed;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(239, 237, 237, 0.07) 0%, rgba(239, 237, 237, 0) 100%) fixed;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(239, 237, 237, ) 0%, rgba(239, 237, 237, 0) 100%) fixed;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: right top;
    background-size: cover;
    position: relative;
    padding: 100px 0;
    color: #525F7F;
}

#next-event-NY {
    background: rgb(239, 237, 237);
    /* Old browsers */
    background: -moz-linear-gradient(to right, rgba(141, 198, 63, .6) 1%, rgba(47, 176, 164, .6) 57%, rgba(35, 152, 198, .6) 100%),
        url(https://youngstartup.com/wp-content/uploads/2018/06/NYVSBannerBG.1.jpg)no-repeat center right fixed;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(to right, rgba(141, 198, 63, .6) 1%, rgba(47, 176, 164, .6) 57%, rgba(35, 152, 198, .6) 100%),
        url(https://youngstartup.com/wp-content/uploads/2018/06/NYVSBannerBG.1.jpg)no-repeat center right fixed;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(141, 198, 63, .6) 1%, rgba(47, 176, 164, .6) 57%, rgba(35, 152, 198, .6) 100%),
        url(https://youngstartup.com/wp-content/uploads/2018/06/NYVSBannerBG.1.jpg)no-repeat center right fixed;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: right top;
    background-size: cover;
    position: relative;
    padding: 100px 0;
    color: #525F7F;
}

#next-event-NY-digital {
    background: black;
    font-family: 'Roboto Condensed', sans-serif;
    background-position: right top;
    background-size: cover;
    position: relative;
    padding: 50px 0;
    color: #525F7F;
}



#next-event-NE {
    background: rgb(239, 237, 237);
    /* Old browsers */
    background: -moz-linear-gradient(to bottom, rgba(146, 224, 238, 0.34) 0%, rgba(69, 176, 195, 0.57) 100%),
        url(https://youngstartup.com/wp-content/uploads/2018/07/NEVSBanner21.jpg) fixed;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom, rgba(146, 224, 238, 0.34) 0%, rgba(69, 176, 195, 0.57) 100%),
        url(https://youngstartup.com/wp-content/uploads/2018/07/NEVSBanner21.jpg) fixed;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(146, 224, 238, 0.34) 0%, rgba(69, 176, 195, 0.57) 100%),
        url(https://youngstartup.com/wp-content/uploads/2018/07/NEVSBanner21.jpg) fixed;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: right top;
    background-size: cover;
    position: relative;
    padding: 100px 0;
    color: #525F7F;
}


.ribbon {
    position: absolute;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#2989d8 0%, #1e5799 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    left: -21px;
}

.ribbon span::before {
    content: "";
    position: absolute;
    left: -7px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #1e5799;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #1e5799;
}

.ribbon span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #1e5799;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #1e5799;
}

/* #reg-footer{
    display: none;
} */

.closeBtnContainer {
    display: inline;
}

.closeBtn {
    padding: 0;
}

.closeBtn:hover {
    color: #666;
}

.fa-window-close:before {
    color: black;
    background-color: white;
}

/* 404 Page */

._404 {
    font-family: 'Allerta Stencil', sans-serif;
    filter: blur(1.5px) drop-shadow(0 0 0.75rem #666);
    transform: rotate(350deg);
    transform-origin: 50% 50%;
}


section .lines {
    margin: auto;
    width: 70px;
    position: relative;
    border-top: 2px solid;
    margin-top: 15px;
}

section .lines:before {
    position: absolute;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    top: -10px;
    border: 4px solid #fff;
    border-radius: 50%;
    background:#4978FA;
    left: 27px;
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}


element.style {
    visibility: visible;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.section-header .lines {
    margin: auto;
    width: 70px;
    position: relative;
    border-top: 2px solid #346afe;
    margin-top: 15px;
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#pricing>*,
::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.section-header {
    margin-bottom: 20px;
}

@media only screen and (max-width:1000px) {
    .tagline {
        padding-top: 20%;
    }

    .testimonial-slide {
        height: auto;
    }

    .testimonial-quote-icon {
        color: #fff;
        margin-bottom: 0;
    }

    .industry-name {
        height: 80px;
        padding: 0px;
        margin-bottom: -9px;
    }

    .industries img {
        display: none;
    }

    #menu-item-287 {
        margin-left: inherit;
        padding-left: inherit;
        box-shadow: none;
    }

    .page-template-page-vc-submissions .jumbotron,
    .page-template-page-event-form .jumbotron,
    .post-template-single-event-sponsors .jumbotron,
    .ysv_speaker-template-default .jumbotron,
    .page-template-page-community .jumbotron,
    .page-template-page-event-form.jumbotron,
    .post-template-single-present .jumbotron,
    .post-template-single-venue .jumbotron,
    .post-template-single-registration .jumbotron,
    .post-template-single-event-main .jumbotron,
    .post-template-single-event-main-testing .jumbotron,
    .post-template-single-new-agenda .jumbotron,
    .post-template-single-agenda .jumbotron,
    .post-template-single-event-no-logo .jumbotron {
        padding: 0;
    }

}

@media only screen and (max-width: 768px) {
    /* .singular-speaker {
        display: inline-block;
        height: 400px;
        vertical-align: top;
    } */

    .carousel-item {
        padding: 10px;
    }

    .hubwrapper {
        max-width: 100% !important;

    }


    #hub-container {
        display: grid;
        grid-template-areas:
            "ysv-logo"
            /* "top-icon" */
            "left-icon"
            "right-icon"
            "btm-left"
            "btm-right ";
        text-align: center;
        max-width: 100%;
        padding: 150px 0px;
    }

    #mobile-hub {
        grid-area: ysv-logo;
        padding: 20px;
        border-bottom: solid .5px #ccc;
        display: inline;
    }


    #vc {
        grid-area: top-icon;
        padding: 20px;
        display: none;
    }

    .center-hub {
        display: none;
    }

    /* #vc>img {
          padding-left: 10px;
      } */

    #startups {
        grid-area: left-icon;
        padding: 20px;
    }

    #angel-investors {
        grid-area: right-icon;
        padding: 20px;
    }

    #service-firms {
        grid-area: btm-left;
        padding: 20px;
    }

    #corp-vcs {
        grid-area: btm-right;
        padding: 20px;
    }

    .industry-name {
        max-height: 80px;
    }

    .menuContainer {
        left: 0;
    }

    .navbar-nav>li {
        margin: 20px 0px 10px;
    }

    nav #menu-item-287 {
        margin-left: 0;
        padding-left: 0;
        box-shadow: none;
    }

    /* .hub-ttl, .hub-ttl-btm{
        font-family: 'Open Sans', sans-serif; 
        font-weight: 700;
        color: #25A8DF;
        font-size: 1.3rem;
      }
    
      .hub-ttl img {
          padding-top: 10px;
          display: inline-block;
          margin: auto;
          max-width: 70%;
      }
    
      .hub-ttl-btm img {
        padding-bottom: 10px;
        display: inline-block;
        margin: auto;
        max-width: 70%;
    } */

    .callForTopPic {
        width: 90%;
    }
}

@media only screen and (max-width:760px) {
    #testimonials .carousel.slide {
        height: 480px;
    }

    .testimonial-slide {
        height: 475px;
        margin: 0;
    }

    .quoteContainer {
        padding: 0;
    }

    .quoteContainer h1 {
        font-size: 1.5rem;
    }

    .rounded-circle img.tsml {
        height: 150px;
    }

    .octicon {
        font: normal normal normal 16px/1 octicons;
    }
}

@media only screen and (max-width:700px) {
    /* .singular-speaker {
        display: inline-block;
        height: 300px;
        vertical-align: top;
    } */


    .event-vid {
        margin-top: 10px;
    }

    .page-id-42 .bg-light,
    .fixed-top {
        background-color: #fff !important;
        color: #fff !important;
    }

    #video-wrapper {
        display: none;
    }

    .page-id-42 .jumbotron {
        background: url(https://youngstartup.com/wp-content/uploads/2019/02/smiley.jpg);
        border-radius: 0;
        height: 600px;
        background-position: 50% top;
        background-size: cover;
    }

    .page-id-42 .tagline {
        padding: 5px;
        padding-top: 550px;
        text-align: center;
    }

    .tagline>h1 {
        color: #f8f9fa;
        line-height: 1.2 !important;
        font-size: 1.3rem;
        font-family: 'Open Sans', sans-serif;
        text-shadow: 2px 3px 3px #00b0f0;
    }

    .get-motto:not(:first-child) {
        box-shadow: none;
    }
}

@media screen and (max-width: 1000px) {
    #speakers {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 0px;
    }
}

@media screen and (max-width: 700px) {
    #speakers {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0px;
        align-items: center;
    }
}

@media screen and (max-width: 700px) {
    #speakers {
        display: block;
        padding: 10%;
    }

    .headshot {
        padding: 30px;
    }

    #speakers p {
        font-size: 1.5rem;
    }


    .vc-logo {
        padding: 0;
        max-height: initial;
    }
}


.collageRow {
    display: flex;
    flex-wrap: wrap;

}

.collageRow div {
    margin: auto;
    padding: 0;
    overflow: hidden;
    max-height: 238px;
    max-height: 15vw;
    overflow: hidden;
}

.collageRow p {
    font-size: 15px;
    padding: 0% 14%;
}

.collageRow img {
    width: 100%;
    height: auto;

    /* max-height: 370px; */
}

.collageRow img:hover {
    transform: scale(1.1);
    transition: transform 2s cubic-bezier(0.15, 0.81, 1, 1);

    /* max-height: 370px; */
}


/* Create four equal columns that sits next to each other */
.collageColumn {


    padding: 0 4px;
}

.collageColumn div {
    width: 100%;
}

.collageColumn div img {
    width: 50%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .collageColumn {
        flex: 100%;
        max-height: 100% !important;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .collageColumn {
        flex: 100%;
        max-height: 100% !important;
    }
}

.header-subtitle {
    text-align: center;
    padding-bottom: 1%;
    font-size: 4vw;
    font-weight: 700;
}

.site_buttons {
    border-radius: 14px !important;
    max-height: 42px !important;

}


.site_button_hover:hover {
    filter: contrast(136%);
}


.keynote-name {
    font-weight: bold;
    font-size: 16pt;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.keynote-img {}

.keynotes div {
    padding-bottom: 5%;
}

.keynotes {
    text-align: center;
}

.keynote-logo {
    padding-top: 6%;
    max-width: 70%;
}

.ticket-icon {
    width: 78px;
    padding-right: 1%;
    vertical-align: bottom;
}

.popup-register:hover {
    transition: 1.5s;
    background-color: #72EEFF !important;
}

.modal-backdrop {
    background: #72EEFF;
    opacity: 50%;
}

.submitted-message p {

    color: white;
}

.track-list h4 {
    font-weight: bold;

}

html {
    scroll-behavior: smooth;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid blue;
    border-bottom: 16px solid blue;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.VFheader {
    margin: auto;
    text-align: center;
}

.topBarIcons {
    font-size: 135%;
}

fieldset a:-webkit-any-link {
    color: white;
    cursor: pointer;
    text-decoration: underline;
}

.tickets {
    padding-top: 10%;
}

.topInnoImages {
    padding: 0;

}

.topInnoQuotes {
    text-align: center;
    padding: 2%;
    font-size: 1.3rem;
    background: #007FFF;
    color: white;
}

.numbers-slash {
    -webkit-transform: scale(1, 2);
    -moz-transform: scale(1, 2);
    -ms-transform: scale(1, 2);
    -o-transform: scale(1, 2);
    transform: scale(1, 2);
    color: #005877;
}

@media only screen and (max-width: 600px) {
    .numbers-slash {
        display: none;
    }
}

.numbers-titles {
    color: #00425A;
}


iframe.hs-form-iframe {
    width: 100% !important;
    max-height: 100% !important;
}

.nav-cta>a {
    color: #fff;
    /* font-size: 1vw; */
}

.cta-icon:hover {
    transition: all .3s ease-in-out;
    transform: scale(1.3);
}

@media screen and (max-width: 1250px) {
    .nav-cta>a {
        padding: .375rem .25rem;
        font-size: .7rem;
    }

    .navbar-nav>li>a {
        font-size: 1rem;
    }

    .navbar-brand {
        padding-right: 0;
    }
}

.popover {
    max-width: 100%;

}

@media screen and (max-width: 1000px) {
    #topmenubar {
        max-height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}



/*  block agenda-item */

@media screen and (max-width: 500px) {
    .panelists {
        padding-left: 0%;
    }

    .agenda-item-title {
        padding-left: 1px !important;
    }
}

.agenda-item-table td {
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 20px;

}

.agenda-day-header {
    /* background: #00B0F0; */
    background: #ff2945 !important;
    ;
}

.agenda-time-col {
    /* background: #41BBFF; */
    /* background: #a6a6a6; */
    background: #F5F5F5;
    min-width: 75px;
    width: 100px;
    font-weight: bold;
    text-align: center;
    /* border-radius: 10px; */
    color:black;
}

.agenda-table {
    font-weight: bold;

}

.panel-text {
    font-weight: normal;
}

.agenda-item-title {
   /* background:#1B212B; */
   background: #f5f5f5;
   color: black !important;
    font-weight: bold;
    padding-left: 3%;
    padding-right: 3%;
}

.agenda-item-description {
    font-size: 90%;
    font-weight: 400;
    padding-left: 3%;
    padding-right: 3%;
}

.keynote-wrapper {
    max-width: 170px;

}

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

.keynote-card{
    max-width: 14rem;
}

.ly{
    height:11.79rem !important
}

.jumbotron{
    border-radius:0 !important
}

.highlight-color{
    color:#4978FA !important
}

.dark-btn{
    font-family: 'Roboto Condensed', sans-serif;border-radius:0px !important;border:2px solid #3F6BFE; background-color:#191919;color:white
}
.dark-btn:hover{
    background-color:#3F6BFE !important;
    color:white !important
}

.light-btn{
    font-family: 'Roboto Condensed', sans-serif;border-radius:0px !important;border:2px solid #3F6BFE; 
    color:#3F6BFE
  }
  .light-btn:hover{
    background-color:#3F6BFE;
    color:white
  }

  .p1{
      padding: 0 !important
  }
