/*
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
*/

.fancy-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-color: #f7f7f7 !important;
}
.fancy-header .fancy-title {
    font-size: 30px;
    line-height: 36px;
    color: #1471b8;
    text-transform: none;
}

p {
    letter-spacing: .25px;
    line-height: 1.7
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #cc0000
}

a.connectLink {
    letter-spacing: .35px;
    font-size: 16px
}

#heroSection {
    min-height: 600px
}

#heroSection h2,
#heroSection h4 {
    color: #fff!important;
    text-shadow: 0 0 8px rgba(13, 45, 93, .9)!important;
    text-decoration: none!important
}

.serviceOverlay {
    min-height: 250px
}

.serviceOverlay h4 {
    color: #fff;
    text-shadow: 1px 3px 5px rgba(13, 45, 93, .2)
}

.ult-content-box-container.threecolServices {
    overflow: hidden
}

.testimonial-name:before {
    content: '— ';
    color: #1471b8
}

img#footerLogo {
    width: 150px
}

.footer .widget-title {
    color: #16468e;
    font-size: 20px
}

.custom-nav>li>a {
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0;
    margin: 0
}

#footerButtons {
    margin-bottom: 50px
}

#footerButtons button {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 36px
}

div#footerCTA {
    margin: 0 auto!important;
    padding: 0!important;
    background-color: #1471b8;
    color: #fff
}

div#footerContent {
    max-width: 1200px;
    margin: 0 auto
}

div#footerCTA h3 {
    color: #fff;
    line-height: 1.2
}

#footerCTA .vc_column-inner {
    margin: 0 20px
}

.mobile-header-bar .mobile-branding img {
    max-width: 65%;
    height: auto
}

.custom-nav {
    margin: 0;
    font-family: Source Sans Pro, sans-serif
}

#footerIcons {
    text-align: left;
    margin-bottom: 30px!important
}

#footerIcons .fa {
    width: 35px;
    height: 35px;
    margin-right: 12px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    border: 0;
    transition: all .2s ease;
    color: #fff!important;
    background-color: transparent
}

#footerIcons .fa:hover {
    opacity: 1;
    background-color: #950f13;
    cursor: pointer;
    color: #fff!important
}

#footerIcons .circle {
    border-radius: 50%
}

#footerIcons .custom-team-color {
    color: #fff;
    background: #b01117
}

#footerContent a, a:hover {
    text-decoration: none !important;
}

@media only screen and (max-width:767px) {
    #heroSection {
        min-height: 480px
    }
    #heroSection h2 {
        font-size: 22px;
        line-height: 1.4
    }
    #heroSection .ult-content-box {
        margin-bottom: 100px!important
    }
    #footerContent p {
        text-align: center
    }
    #footerContent h3 {
        text-align: center;
        font-size: 22px;
        line-height: 1.2
    }
    #footerButtons .ubtn-ctn-center {
        margin-bottom: 25px
    }
}