/* Add here all your css styles (customizations) */

#logo-header {
    width: 80%;
}

#logo-footer, #logo-header {
    width: 160px;
    margin-top: -12px;
}

#logo-footer {
    margin-top: -1px;
}

body {
    font-family: 'Open Sans', 'sans-serif' !important;
    font-weight: 200 !important;
    -webkit-font-smoothing: antialiased;
    color: #ddd;
}

.header-v4 .navbar-default .navbar-nav > li > a.nodrop {
    padding-right: 30px;
}

.smaller {
    font-size: 0.85em;
    color: #aaa;
    line-height: 0.1em;
}

.da-slide p {
    font-family: 'Helvetica Neue', 'Open Sans';
    font-weight: 300;
    color: #aaa;
}

.medfont {
    font-size: 1.2em;
    font-weight: 200;
    -webkit-font-smoothing: antialiased;
}

.da-slide .da-img {
    top: 40px;
}

.da-slide p i {
    color: white;
}


.parallax-quote {
    background-image: url(../img/coach.jpg);
    background-size: cover;
}

.register-training-heading {
    text-align: center; color: #6a3c8d;
    font-size: 2.8em;
    letter-spacing: 0.12em;
    font-family: 'Open Sans';
    font-weight: 600;
}

.register-line {
    font-size: 1.65em;
    color: #452b5d;
    text-align: center;
}

.register-row {
    padding-top: 8em;
    padding-bottom: 8em;
}

.register-link {
    color: #6a3c8d;
}

.register-line > a {
    font-weight: bold;
}

.register-link:hover {
    color: #9b4bbf;
    transition: all 500ms ease;
    text-decoration: none;
    border-bottom: 1px solid #777;
    border-bottom-color: #9b4bbf;
}

.pre-flip {
    font-weight: 500;
    font-size: 1.5em;
}

.learn-video-data, .question-fader-careers {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
}

.question-fader-careers {
    min-height: 30px;
}

.question-fader-careers .flipper {

}

.highlight-white {
    color: #dadada;
}

span.flipper.animated {
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms;
    color: #87e61e;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
}

.learn-video-data > div {
    border: 1px solid #777;
}

.color-turqouise {
    color: #33bbb1
}

.color-green {
    color: #72c02c;
}

.testimonial-hidden {
    display: none;
}

.position-selector {
    cursor: pointer;
}

#tab-divider {
    border-top-width: 6px;
    border-color: #1abc9c;
    margin-top: 0px;
}

.position-details > div.row:nth-of-type(1) h3 {
    color: #1abc9c;
}
.position-details > div.row:nth-of-type(2) h3{
    color: #e74c3c;
}
.position-details > div.row:nth-of-type(3)  h3 {
    color: #3498db;
}

span.subject-block {
    display: inline-block;
    border-radius: 0.5em;
    border: 1px solid gray;
    margin: 0.5em;
    padding: 0.35em 0.75em;
}

.font1-2em{
    font-size: 1.2em;
}

div.bg {
    width: 100%;
    background-color: #3c3f41;
    padding-bottom: 60%;
    background-size: cover;
}

div.bg.cl1 {
    background-image: url(/assets/img/company-life1.jpg);
}
div.bg.cl2 {
    background-image: url(/assets/img/company-life2.jpg);
}
div.bg.cl3 {
    background-image: url(/assets/img/company-life3.png);
}
div.bg.cl4 {
    background-image: url(/assets/img/company-life4.jpg);
}

.about-us-image {
    padding-bottom: 48.2112068966%;
    background-image: url(/assets/img/team-aboutus2.jpg);
    background-size: cover;
}

img.uxdesignbrochure {
    width: 100%;
}

div.banner {
    min-height: 80px;
    border: 1px solid #3c3f41;
    overflow: hidden;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    cursor: pointer;
}

div.banner:hover {
    box-shadow: 0 0 50px 1px #525252;
    border: none;
    transition: all 500ms ease;
}

img.meetup-logo {
    width: 90%;
    animation: meetup 2000ms cubic-bezier(.01,.66,0,1.01) 2s;
    animation-fill-mode: forwards;
    transform: translateX(-100%) scale(2) rotate(-25deg);
}

@keyframes meetup {
    0% {
        transform: translateX(-100%) scale(2) rotate(-25deg);
    }

    50% {
        transform: translateX(-100%) scale(2) rotate(-25deg);
    }

    100% {
        transform: scale(1.2) rotate(25deg);

    }
}

div.banner.meetup {
    background-image: url(/assets/img/meetup-logo.png);
    background-size: auto 75%;
    background-repeat: no-repeat;
    background-position: calc(100% - 7px) center;

}

div.row.meetup {
    display: table;
}

div.meetup-info {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    /*align-items: center;*/
    height: 78px;
    justify-content: center;
    font-size: 1.8em;
}

div.meetup-info > .upcoming {
    font-size: 0.5em;
    color: #737373;
    padding: 0.5em;

    /*text-transform: uppercase;*/

    position: absolute;
    top: -5px;
    left: 15px;
}

div.meetup-info > .time {
    font-size: 0.5em;
    color: #6c6c6c;
    padding: 0.5em;
    font-family: "Courier New", Courier, monospace;
    position: absolute;
    bottom: -5px;
    left: 15px;
}

.hidden-lg.meetup-info {
    color: #545454;
}

span.meetup-title {
    color: white;
}

body.dark .topbar-v1 {
    display: none;
}