/*
Theme Name:  DXE-Salient-Child
Version:     1.0
Description: DXE a custom Ultra Responsive Multi-Purpose Theme.
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author:      DiehGo
Author URI:  https://themeforest.net/user/themenectar
Template: salient
License:     Custom license
License URI: http://themeforest.net/licenses/terms/regular
Text Domain: dxe-salient-child
*/

/*-------------------------------------------------------------------------*/
/* Note: The theme CSS files are loaded through the /css/ folder. 
/*-------------------------------------------------------------------------*/


/*Menu Styling*/

.dxe_menu{
    top: 185px!important;
    height: calc(100% - 15em);
}

.dxe_menu--items{
    height: calc(100% - 11em);
}

.dxe_menu--text .contact-info{
    display: flex;
    flex-direction: column;
    padding-bottom: 1em;
}

.dxe_menu--text .contact-info a > i{
    padding-right: .75em;
}

/** 
Typing Text Styling
*/

.typewriter h1 {
    color: #F3EEEA;
    font-family: Roboto Condensed;
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .15em solid #D93D66; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    letter-spacing: 0px; /* Adjust as needed */
    animation: 
      typing 3.5s steps(30, end),
      blink-caret .5s step-end infinite;
  }
  
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: #D93D66 }
  }


/**
Contact Form
*/

.contact-form-dxe input:focus,
.contact-form-dxe textarea:focus{
	border-color:#F2637E!important;
}

.light .wpcf7 div.wpcf7-response-output{
	position: absolute;
    bottom: 0;
    background-color: transparent;
    border: none;
    color: #F2637E!important;
}

.light .wpcf7-form .wpcf7-not-valid-tip{
	color: #F2637E!important;
}

.contact-form-dxe{
	background-color:#04060D;
	padding:2em;
}

.contact-form-dxe h2{
	padding-bottom:.5em;
}

.contact-form-dxe input,
.contact-form-dxe textarea
{
	width:100%;
	border-radius:0;
}

/*Cool Timeline*/

.cool-timeline .timeline-post .timeline-content h2.content-title,
.timeline-post .timeline-content .content-details p,
.cool-timeline .timeline-year .icon-placeholder span,
.cool-timeline-wrapper .cool-timeline .timeline-post .timeline-meta .meta-details{
    font-family: 'Roboto Condensed'!important;
}

.cool_timeline .timeline-main-title{
	display:none;
}

/**
Homepage
*/

.nectar-fancy-ul ul {
    margin-left: 0;
    columns: 3;
}

#contact-mobile{
    display: none;
}

@media screen and (max-width: 768px) {
    .dxe_menu{
        top:inherit!important;
    }
    .contact-mobile-hide{
        display: none!important;
    }
    #contact-mobile{
        display: block;
    }
    #slide-out-widget-area.slide-out-from-right .inner {
        display: flex;
        flex-direction: column-reverse;
    }
    .contact-info{
        display: flex;
        flex-direction: column;
    } 
    #slide-out-widget-area.slide-out-from-right.material-open .inner>div{
        padding: 0!important;
    }
    .nectar-fancy-ul ul {
        columns: 2;
    }    
}