/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* /////////////////

GENERAL STYLES

///////////////// */

#main {
    padding: 0px 0 0px 0;
}
@media (min-width:650px) {
    .min-height-500 {
        min-height: 500px;
    }
}
@media (max-width:649px) {
    .min-height-500 {
        min-height: 300px;
    }
}
.max-width-650 {
    max-width: 650px;
}
.margin-left-auto {
    margin-left:auto;
}
.id-link {
    display: none;
}
body.home .id-link {
    display: inline;
}
body:not(.home) h1 {
    line-height: normal;
}

/*  Header   */
header {
    .branding {
        margin: auto;
        a img, img{
	        width: 380px;
        }
    }
    ul#primary-menu {
        display: none;
    }
}

/*  Mobile Header   */
.mobile-navigation, .mobile-mini-widgets {
    display: none;
}
.mobile-header-bar .mobile-branding {
    margin:auto;
}

@media (max-width: 992px) {
	.mobile-header-bar .mobile-branding img {
        width: 300px;
        margin-top: 20px;
    }
}

@media (max-width:500px) {  
    .mobile-header-bar .mobile-branding img {
        height: 100px;
        width: auto !important;
        padding-top: 0px;
    }




}


body :is(h3, h4, h6) {
	color: #003087;
}

/* Accessibility - Focus Appearance */
body#the7-body {
    *:focus-visible {
	    border:2px solid black !important;
	    outline: 2px solid white !important;
    }
    a.dt-btn:focus-visible {
        clip-path: unset!important;
        border: 2px solid white !important;
        animation: none!important;
        transition: none!important;
        outline: 2px solid black!important;
        outline-offset: 2px;
    }
}

/* /////////////////

Primary + Secondary Button Styles

///////////////// */

body {

  .default-btn-shortcode.dt-btn {
    --btn-red: #ED0000;
    --btn-blue: #003087;

    display: inline-flex !important;
    align-items: center;
    gap: 12px;
    position: relative;

    padding: 15px 28px 15px 36px !important;

    background: var(--btn-red) !important;
    color: #fff !important;

    border: none !important;
    border-radius: 0 !important;

    font-size: 0 !important;
    font-weight: 700 !important;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-decoration: none !important;

    overflow: hidden;

    clip-path: polygon(
      0 0,
      calc(100% - 18px) 0,
      100% 50%,
      calc(100% - 18px) 100%,
      0 100%,
      18px 50%
    );

    transition:
      background-color .3s ease,
      color .3s ease,
      transform .3s ease;
  }

  .default-btn-shortcode.dt-btn span {
    position: relative;
    z-index: 3;
    color: inherit !important;
    font-size: 1rem !important;
  }

  .default-btn-shortcode.dt-btn::before {
    content: "";
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    position: relative;
    z-index: 3;

    background-image: url("https://accelerateincubator.com/wp-content/uploads/2026/06/accelerate-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    transition: transform .7s ease;
  }

  .default-btn-shortcode.dt-btn::after {
    content: "";
    position: absolute;

    top: -4px;
    bottom: -4px;
    left: -60px;
    right: -60px;

    background: #ffffff;

    transform: translateX(-120%) skewX(-18deg);
    transform-origin: left center;

    transition: transform .8s ease;

    z-index: 1;
    pointer-events: none;
  }

  .default-btn-shortcode.dt-btn:hover {
    color: var(--btn-red) !important;
  }

  .default-btn-shortcode.dt-btn:hover::after {
    transform: translateX(0) skewX(-18deg);
  }

  .default-btn-shortcode.dt-btn:hover::before {
    background-image: url("https://accelerateincubator.com/wp-content/uploads/2026/06/accelerate-icon-color.png");
    transform: translateX(4px) scale(1.08);
  }

  /* ===========================
     Secondary Button
  =========================== */

  .default-btn-shortcode.dt-btn.download-program-button {
    background: var(--btn-blue) !important;
    color: #fff !important;
  }

  .default-btn-shortcode.dt-btn.download-program-button span {
    color: #fff !important;
  }

  .default-btn-shortcode.dt-btn.download-program-button::before {
    background-image: url("https://accelerateincubator.com/wp-content/uploads/2026/06/accelerate-icon.png");
  }

  .default-btn-shortcode.dt-btn.download-program-button::after {
    background: #ffffff;
  }

  .default-btn-shortcode.dt-btn.download-program-button:hover {
    color: var(--btn-blue) !important;
  }

  .default-btn-shortcode.dt-btn.download-program-button:hover span {
    color: var(--btn-blue) !important;
  }

  .default-btn-shortcode.dt-btn.download-program-button:hover::before {
    background-image: url("https://accelerateincubator.com/wp-content/uploads/2026/06/accelerate-icon-color.png");
    transform: translateX(4px) scale(1.08);
  }

  /* Mobile */
  @media (max-width: 768px) {
    .default-btn-shortcode.dt-btn {
      padding: 13px 24px 13px 34px !important;
    }

    .default-btn-shortcode.dt-btn span {
      font-size: 14px !important;
    }
  }
}




/* /////////////////

Home Page Styles

///////////////// */

/*     Hero Section    */

section#Hero_Content.vc_section {
	position: relative !important;
	overflow: hidden !important;

	background-image: url('https://accelerateincubator.com/wp-content/uploads/2026/06/hero-background-dark.jpg?id=181') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

section#Hero_Content.vc_section::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	width: 70% !important;
	height: 100% !important;
	display: block !important;

	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0.9) 0%,
		rgba(0, 0, 0, 0.65) 45%,
		rgba(0, 0, 0, 0) 100%
	) !important;

	z-index: 1 !important;
	pointer-events: none !important;
}

section#Hero_Content.vc_section > .vc_row {
	position: relative !important;
	z-index: 2 !important;
}


@media (max-width:500px) {
   section#Hero_Content.vc_section { 
	    background-position: calc(100% - 40%) center !important;
	    background-image: linear-gradient(#00000000 0%, #000000 100%), url('/wp-content/uploads/2026/06/hero-background-mobile.jpg') !important;
	    justify-content: end;
	    padding-bottom: 20px;
    }
    section#Hero_Content.vc_section {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;  
        background: #000000; 
    }

	section#Hero_Content.vc_section::before {
	    content: '' !important;
	    position: absolute !important;
	    left: 0 !important;
	    bottom: 0 !important;
	    width: 100% !important;
	    height: 90% !important;
	    display: block !important;
	    background: linear-gradient(358deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.65) 35%, rgba(0, 0, 0, 0) 50%) !important;
	    z-index: 1 !important;
	    pointer-events: none !important;
    }

}

#Hero_Content h1 {
    line-height: 1.05;
    margin-bottom: 20px;
    color:#ffffff;
    font-size: 62px;
    
     @media (max-width:1262px) {
        font-size: 51px;
    }
    
    @media (max-width:1062px) {
        font-size: 47px;
    }
    
    @media (max-width:992px) {
        font-size: 45px;
    }
     @media (max-width:740px) {
        font-size: 42px;
	    line-height: .9em;
	    margin-bottom: 10px;
    }
     @media (max-width:595px) {
        font-size: 50px;
    }
    @media (max-width:500px) {
        font-size: 40px;
    }
    @media (max-width:400px) {
        font-size: 35px;
    }
}


#Hero_Content p {
    font-size: 1.5rem;
    color: #ffffff;
    line-height: 1.2em;
    font-weight: 300 !important;
    font-family: poppins, sans-serif;
    letter-spacing: 1px;

    @media (max-width:890px) {
		font-size: 1.2rem;
	}
	
    @media (max-width:500px) {
        font-size: 1.1rem;
        line-height: 1.2em;
    }
    @media (max-width:400px) {
        font-size: 1rem;
        line-height: 1.2em;
    }
}

@media (max-width:760px) {
	#Hero_Content .wpb_text_column.wpb_content_element {
	    margin-bottom: 0px;
	}
}

.hero-content {
        max-width: 50%;
    @media (max-width:500px){
        max-width: 100%;
        
    }        
}
.hero-buttons .wpb_wrapper {
    display: flex;
    gap: 0px;
    @media (max-width:1000px){
        flex-direction: column;
        gap:10px;
    }
}
.cohort-application {
    display: inline-flex;
    padding-block: 10px;
    font-size: 1.2rem !important;
    font-weight: 400;
    align-items: center;
    @media (max-width:500px) {
        font-size: 1rem !important;
        line-height: 1.2em;
        text-align: center;
    }
    
     @media (max-width:802px) {
        font-size: .7rem!important;
        line-height: 1.2em;
        display: flex;
        align-items: center;
    }	
    
    
}
#Hero_Content .wpb_text_column {
    @media (max-width:500px) {
        margin-bottom: 10px;
    }
}
.apply-button, .download-program-button {
    margin-right: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    @media (max-width:625px) {
        margin-right: unset;
    }
}
@media (max-width:600px) {
    .download-program-button {
        padding-inline: 5px;
    }
}
.apply-button span {
    margin-right: 15px;
}
.download-program-button:hover{
    text-decoration: underline;
    text-underline-offset: 8px;
}

/* Why Apply Section */

.why-apply-box>.vc_column-inner>.wpb_wrapper {
    border-left: 4px solid #fe000c;
    padding-left: 20px;
    min-height: 160px;
    margin-bottom: 40px;
    transform: translateY(0px);
    padding-block: 30px 1px;
    transition: 150ms ease-in-out;
}

.why-apply-box>.vc_column-inner>.wpb_wrapper:hover {
    background: rgb(252 252 252);
    transform: translate(-2px, -5px);
    transition: 200ms ease-in-out;
    box-shadow: 2px 2px 5px #00000024;
}

/* Seeking Advanced Section */
#Seeking_Advanced {
    .min-height-500 .vc_column-inner {
        background-size: 100% !important;
        transition: 1s ease-in-out;
        background-position: center;
        @media (min-width:1230px) and (max-width:1350px) {
            background-size: 120% !important;
        } 
        @media (min-width:960px) and (max-width:1229px) {
            background-size: 140% !important;
        }        
        @media (min-width:767px) and (max-width:959px) {
            background-size: 155% !important;
        }  
    }
    .min-height-500 .vc_column-inner:hover {
        background-size: 110% !important;
        @media (min-width:1230px) and (max-width:1350px) {
            background-size: 130% !important;
        }  
        @media (min-width:960px) and (max-width:1229px) {
            background-size: 150% !important;
        }        
        @media (min-width:767px) and (max-width:959px) {
            background-size: 165% !important;
        }        
    }
    .hero-buttons .wpb_wrapper {x;
        flex-direction: column;
    }
    .btn-inline-left {
        max-width: 650px;
        margin-left: auto;
    }
    .button-container {
        display:flex;
    }
    @media (min-width:1300px) {
        .button-container .vc_column-inner {
            padding-left: 5px;
        }
    }

    .apply-button {
        margin-right: 0px;
    }
    ul {
        margin-left:40px;
    }
    ul li::marker {
        color: #042c83;
    }
    h3 {
        font-size: 34px;
    }
    @media (max-width:820px) {
        .stack-820 {
            display: flex;
            flex-direction: column;
            .vc_col-sm-6 {
                width: 100%;
            }
        }

        .stack-820-reverse {
            display: flex;
            flex-direction: column-reverse;
            .vc_col-sm-6 {
                width: 100%;
            }
        }
    }
    
    @media (max-width:820px) {    
	    .apply-button, .download-program-button {
	        margin-right: 5% !important;
	        width: 90%;
	        margin-left: 5% !important;
	        margin-bottom: 10px;
	    }
    }
	    
}


/*     Innovation Section    */

#Innovation{
    background: linear-gradient(90deg,rgba(44, 54, 75, 1) 0%, rgba(14, 71, 157, 1) 100%);
    p {
        color: #ffffff;
        font-size: 1.1rem;
        line-height: 1.75;
        margin-bottom: 40px;
        font-weight: 100 !important;
    }
    @media (min-width:1200px) {
        .ult-spacer {
            height: 100px;           
        }
    }
     @media (max-width:1199px) {
        .ult-spacer {
            height: 50px;           
        }
    }
     @media (max-width:960px) {
        p {
            font-size: 1rem;
        }
    }

}


.footer .textwidget a {
    text-decoration: underline;
}


/* /////////////////

Mobile Styles

///////////////// */
@media (min-width: 768px) and (max-width: 1199px) and (orientation: landscape) {
    /* Tablet landscape only */
	
	section#Hero_Content {
	    background-position: center right -50px!important;
	}
}


@media (max-width:786px) {
    .flip-mobile {
        flex-direction: column-reverse;
    }
}

@media (max-width:500px) {
    body:not(.home) h1 {
        font-size: 2.5rem !important;
    }
    body:not(.home) h2 {
        font-size: 1.8rem !important;
        line-height: normal;
    }
}