/*
Theme Name:       ADS Group Theme (Divi child theme)
Theme URI:        http://nerdery.com
Description:      Customized Divi Child Theme for ADS Group
Author:           The Nerdery
Author URI:       http://nerdery.com
Template:         Divi
Version:          1.0.0
Template Version: 1.9.1
*/

@import url(../Divi/style.css);
@import url(https://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic);

body {
    font-family: 'Muli', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

#footer-widgets {
    padding-top: 0;
}

.footer-widget {
    margin-bottom: 0;
}

.et_pb_blurb_content p a,
.testimonial-footer a,
.learnMore {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.footer-widget .et_pb_portfolio .et_pb_portfolio_item h2 a:after,
.et_pb_blurb_content p a:after,
.testimonial-footer a:after,
.learnMore:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    position: relative;
    top: -1px;
    width: 7px;
    height: 20px;
    background: transparent url(content/assets/images/icon-sprite.png) -6px -40px no-repeat scroll;
}

.footer-widget .et_pb_portfolio .et_pb_portfolio_item h2,
.footer-widget .et_pb_portfolio .et_pb_portfolio_item h2 a {
    font-size: 14px;
    color: #D16E18;
    padding-bottom: 1em;
    line-height: 1.7em;
    margin-top: 0;
}

.footer-widget .et_pb_portfolio .et_pb_portfolio_item h2 a:hover {
    color: #e8920f;
}

.section_secondary .footer-widget .et_pb_post {
    border-bottom: none;
    padding-bottom: 0;
}

/* ---------------------------------------------------------------------
 H List
------------------------------------------------------------------------ */

.hList:before,
.hList:after {
    content: "";
    display: table;
}

.hList:after { clear: both; }

.hList > * { float: left; }

.hList_tight > * + * { margin-left: 10px; }
.hList_std > * + * { margin-left: 15px; }
.hList_loose > * + * { margin-left: 20px; }

.entry-content ol.hList,
.entry-content ul.hList {
    list-style: none;
    padding: 0;
    line-height: auto;
}

/* ---------------------------------------------------------------------
 V List
------------------------------------------------------------------------ */

.vList > * { display: block; }

.vList_tight > * + * { margin-top: 5px; }
.vList_std > * + * { margin-top: 10px; }
.vList_loose > * + * { margin-top: 20px; }

.vList_bullets { list-style: disc inside; }
.vList_bullets > * {
    margin-left: 1em;
    display: list-item;
    text-indent: -1em;
}

.vList_push { margin-bottom: 30px; }

/* ---------------------------------------------------------------------
 Split
------------------------------------------------------------------------ */

.split:before,
.split:after {
    content: "";
    display: table;
}

.split:after { clear: both; }

.split-left { float: left; }

.split-right { float: right; }

/* ---------------------------------------------------------------------
 Media Block
------------------------------------------------------------------------ */

.media:before,
.media:after {
    content: "";
    display: table;
}

.media:after { clear: both; }

.media-item {
    float:left;
    margin-right: 10px;
    font-size: 0;
}

.media-item_wide { margin-right: 25px; }

.media-item_flip {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

.media-bd:before,
.media-bd:after {
    content: "";
    display: table;
}

.media-bd:after { clear: both; }

/* ---------------------------------------------------------------------
 Buttons
------------------------------------------------------------------------ */

.btn,
.et_pb_promo_button,
.et_pb_bg_layout_light .et_pb_promo_button,
.et_pb_contact_submit,
.et_pb_contact_reset,
.form-submit input,
.comment-reply-link {
    display: inline-block;
    margin: 0;
    border: none;
    padding: 13px 14px;
    color: #ffffff;
    font: 300 16px/1 "Muli", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    cursor: pointer;
    background: #ea9d27;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.btn:hover,
.et_pb_promo_button:hover,
.et_pb_bg_layout_light .et_pb_promo_button:hover,
.et_pb_contact_submit:hover,
.comment-reply-link:hover {
    color: #ffffff;
    background: #f6ad3e;
}

.btn:active,
.et_pb_promo_button:active,
.et_pb_bg_layout_light .et_pb_promo_button:active,
.et_pb_contact_submit:active,
.comment-reply-link:active {
    color: #ffffff;
    background: #da9326;
}

.et_pb_contact_reset {
    margin-right: 5px;
    background-color: #58585a;
}

.et_pb_contact_reset:hover {
    background: #8a8a8b;
}

.et_pb_contact_reset:active {
    background: #000000;
}

.mix-btn_med { font-size: 14px; }

.mix-btn_sm {
    padding: 10px 14px;
    font-size: 12px;
}

.mix-btn_tiny {
    padding: 7px 6px;
    font-size: 10px;
}

.mix-btn_wide { width: 100%; }

.btn_secondary {
    background: #88888a;
}

.btn_secondary:hover {
    background: #9f9fa0;
}

.btn_secondary:active {
    background: #757577;
}

.btn_secondary.disabled,
.btn_secondary[disabled] {
    opacity: 1;
    background: #dcdcdc;
}

/* ---------------------------------------------------------------------
 Icons
------------------------------------------------------------------------ */

.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    vertical-align: middle;
    background: transparent url(content/assets/images/icon-sprite.png) 0 0 no-repeat scroll;
}

.icon_linkedIn .icon { background-position: 0 0; }
.icon_facebook .icon { background-position: -20px 0; }
.icon_twitter .icon { background-position: -39px 0; }
.icon_vimeo .icon { background-position: -79px 0; }
.icon_instagram .icon { background-position: -60px 0; }
.icon_youtube .icon {
    width: 46px;
    background-position: -99px 0;
}

.icon_adsgroup .icon {
    width: 92px;
    height: 9px;
    background: transparent url(content/assets/images/adsgroup-logo_footer.png) 0 0 no-repeat scroll;
}
.icon_studio120 .icon {
    width: 52px;
    height: 10px;
    background: transparent url(content/assets/images/studio120-logo_footer.png) 0 0 no-repeat scroll;
}
.icon_copycats .icon {
    width: 50px;
    height: 19px;
    background: transparent url(content/assets/images/copycats-logo_footer.png) 0 0 no-repeat scroll;
}
.icon_ondemand .icon {
    width: 67px;
    height: 11px;
    background: transparent url(content/assets/images/ondemand-logo_footer.png) 0 0 no-repeat scroll;
}

/* ---------------------------------------------------------------------
 Header
------------------------------------------------------------------------ */

.header {
    -webkit-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.3);
}

.logo {
    padding-top: 13px;
}

.loginBtn {
    float: right;
}

.btn_login {
    padding: 6px 8px 7px;
    font-size: 12px;
    background: #88888a;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.btn_login:hover { background: #9f9fa0; color: #ffffff; }
.btn_login:active,
.btn_login:focus { background: #757577; color: #ffffff; }

/* ---------------------------------------------------------------------
 Main Navigation
------------------------------------------------------------------------ */

#et-top-navigation { margin: 0; }

.navigation { margin-top: 40px; }

.navigation:before,
.navigation:after {
    content: "";
    display: table;
}

.navigation:after { clear: both; }

.navigation > * {
    float: left;
    padding: 0 37px 20px 0;
    position: relative;
}

.navigation > *:last-child { padding-right: 0; }

.navigation > * > * {
    padding-bottom: 0;
    font-size: 16px;
    color: #211e1f;
}
#top-menu a { position: static; }
#top-menu li > a { padding-bottom: 0; }

#top-menu .menu-item-has-children > a:first-child:after {
    content: " ";
    display: inline-block;
    width: 9px;
    height: 5px;
    position: absolute;
    top: 10px;
    right: 20px;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0) url(content/assets/images/icon-sprite.png) -45px -48px no-repeat scroll;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.navigation > * > *:hover { color: #000000; }
.navigation > * > *:active,
.navigation > * > *:focus { color: #ea9d27; }

.navigation > *.current_page_item > *,
.navigation > *.current-menu-parent > * { color: #ea9d27; }

.navigation > * > .sub-menu { display: none; }

.navigation > *:hover .sub-menu { display: block; }

.nav li ul,
.sub-menu {
    border-top: 2px solid #ea9d27;
    padding: 20px;
    position: absolute;
    top: 41px;
    left: -20px;
    z-index: 999;
    width: 200px;
    text-align: center;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 4px 0 #cccccc;
    -moz-box-shadow: 0 1px 4px 0 #cccccc;
    -ms-box-shadow: 0 1px 4px 0 #cccccc;
    -o-box-shadow: 0 1px 4px 0 #cccccc;
    box-shadow: 0 1px 4px 0 #cccccc;
}

#et_mobile_nav_menu { margin-top: 21px; }
.et_mobile_menu { top: 76px; }

#et_mobile_nav_menu .sub-menu {
    border: none;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    text-align: left;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

/* ---------------------------------------------------------------------
 Full Width Feature / Slider
------------------------------------------------------------------------ */

.feature,
.et_pb_slide {
    position: relative;
    width: 100%;
    min-height: 502px;
}

.feature .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slide_description {
    width: 479px;
    height: 222px;
    padding: 15px 16px 25px;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: left;
    background: rgba(0, 0, 0, 0.5);
}

.feature .et_pb_slide_content { padding-bottom: 18px; }

.feature .et_pb_slide_description h2 {
    font-size: 44px;
    padding-bottom: 5px;
}

.feature .et_pb_slide_content > p {
    line-height: 1.275;
    padding-bottom: 0;
}

.feature a.et_pb_more_button {
    display: inline-block;
    margin: 0;
    border: none;
    padding: 21px 14px;
    color: #ffffff;
    font: 300 16px/1 "Muli", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    line-height: 0;
    cursor: pointer;
    background: #ea9d27;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.feature a.et_pb_more_button:hover {
    background: #f6ad3e;
}

.feature a.et_pb_more_button:active {
    background: #da9326
}

/* ---------------------------------------------------------------------
 Text Styles
------------------------------------------------------------------------ */

.et_pb_text h1 { font-size: 44px; }
.et_pb_text h2 {
    padding-bottom: 8px;
    font-size: 38px;
    line-height: 1.157894736842105;
}
.et_pb_text h3 { font-size: 34px; }
.et_pb_text h4 { font-size: 24px; }
.et_pb_text h5 {
    font-size: 20px;
    padding-bottom: 15px;
}
.et_pb_text h6 { font-size: 18px; }

.et_pb_text p {
    padding-bottom: 8px;
    color: #58585a;
    font-size: 16px;
    line-height: 1.4;
}

.et_pb_column_1_4 .et_pb_text p {
    font-size: 12px;
}

/* ---------------------------------------------------------------------
 Sections
------------------------------------------------------------------------ */

.et_pb_section { padding: 0; }

.section_main { padding: 14px 0 21px; }

.section_companies {
    border-top: 2px solid #ededed;
    padding: 30px 0 14px;
    background: #f5f5f5;
}

.section_secondary {
    border-top: 2px solid #242424;
    padding: 17px 0 0;
    background: #2e2e2e;
}

/* ---------------------------------------------------------------------
 Company Blurbs
------------------------------------------------------------------------ */

.et_pb_main_blurb_image {
    margin-bottom: 2px;
    min-height: 56px;
}

.blurb_adsgroup .et_pb_main_blurb_image { margin: 5px 0 -2px; }

.blurb_copycat .et_pb_main_blurb_image { margin: -12px 0 7px; }

/* ---------------------------------------------------------------------
 Our Work
------------------------------------------------------------------------ */

.section_work .et_pb_image { margin-bottom: 0; }

/* ---------------------------------------------------------------------
 Services Landing Page
------------------------------------------------------------------------ */

.section_services .et_pb_text { overflow: hidden; }

/* ---------------------------------------------------------------------
 News / Blog Page
------------------------------------------------------------------------ */

.newsContainer .et_pb_post {
    margin: 0 30px 30px 0;
    border: none;
    padding: 19px 0 24px;
    width: 395px;
}

.newsContainer .et_pb_image_container { margin: -19px 0 10px; }

/* ---------------------------------------------------------------------
 Contact us Arithmetic size fix
------------------------------------------------------------------------ */

.et_pb_contact_right { width: auto; }

/* ---------------------------------------------------------------------
 Secondary / Pre-Footer
------------------------------------------------------------------------ */

.section_secondary .et_pb_text { margin-bottom: 0; }

.section_secondary .et_pb_blurb { margin-bottom: 0; }

.section_secondary .et_pb_post { margin-bottom: 47px; }

/* ---------------------------------------------------------------------
 Contact Blurb
------------------------------------------------------------------------ */

.blurb_contact h4 {
    padding-bottom: 10px;
    font-size: 20px;
}

.blurb_contact .et_pb_blurb_content p {
    position: relative;
    padding: 0 0 0 28px;
    line-height: 1.428571428571429;
}

.blurb_contact .et_pb_blurb_content p:first-of-type { padding-bottom: 12px; }

.blurb_contact .et_pb_blurb_content p + p { padding-bottom: 4px; }

.blurb_contact .et_pb_blurb_content p:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent url(content/assets/images/icon-sprite.png) 0 0 no-repeat scroll;
}

.blurb_contact .et_pb_blurb_content p:before {
    top: -1px;
    background-position: -20px -20px;
}

.blurb_contact .et_pb_blurb_content p:first-of-type:before {
    top: 3px;
    background-position: 0 -20px;
}

.blurb_contact .et_pb_blurb_content p:last-of-type:before { background-position: -40px -20px; }

/* ---------------------------------------------------------------------
 Custom Testimonial Layout
------------------------------------------------------------------------ */

.testimonial {
    margin-bottom: 0;
    border: none;
    padding: 0;
    color: #ffffff;
    background-color: transparent;
}

.testimonial:before { content: ""; }

.testimonial p {
    padding-bottom: 0;
    font-style: italic;
    font-weight: 300;
    font-size: 12px;
}

.testimonial .et_pb_testimonial_author { padding-top: 0; }

.testimonial-footer p a { font-size: 14px; }

/* ---------------------------------------------------------------------
 Footer
------------------------------------------------------------------------ */

.footer {
    border-top: 2px solid #1a1a1a;
    padding: 23px 0 32px;
    background: #1f1f1f;
}

.footer-navigation {
    margin-bottom: 6px;
    overflow: hidden;
}
.footer-navigation > * { float: left; }
.footer-navigation > * + * { margin-left: 26px; }
.footer-navigation a {
    font-size: 14px;
    color: #939388;
}

.footer-navigation a:hover {
    /*color: #adada1;*/
    color: #939388;
}

.footer-navigation a:active {
    color: #85857b;
}

.footer-social { margin-bottom: 9px; }

.footer-legal { font-size: 11px; }

/* ---------------------------------------------------------------------
 Custom Play Button for Embedded Media Player
------------------------------------------------------------------------ */

.et_pb_text .mejs-overlay-button {
    margin: -30px 0 0 -30px;
    display: inline-block;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    vertical-align: middle;
    background: transparent url(content/assets/images/icon-sprite.png) 0 -60px no-repeat scroll;
}

.et_pb_text .mejs-overlay:hover .mejs-overlay-button {
    background: transparent url(content/assets/images/icon-sprite.png) 0 -60px no-repeat scroll;
}

.career-group .single-career,
.art-template-group .single-art-template {
    text-align: center;
    width: 118px;
    float: left;
    border: 1px solid #EAEAEA;
    padding: 10px;
    height: 118px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.career-group .single-career img,
.art-template-group .single-art-template img {
    max-width: 100px;
    max-height: 50px;
}

.career-group .single-career p,
.art-template-group .single-art-template p {
    font-size: 13px;
}

.art-template-group .single-art-template ul.hList.hList_tight > * + * {
    margin-left: 9px;
}

a.small-button, a.big-button, a.icon-button {
    border: none;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    text-shadow: none;
    color: white !important;
    font-family: "Muli", Helvetica, Arial, sans-serif;
}

a.smallorange, a.bigorange {
    background: none;
    background-color: #EA9D27;
}

a.smallorange:hover, a.bigorange:hover {
    background: none;
    background: #F6AD3E;
    color: #FFF !important;
}


.wp-pagenavi a:hover {
    color: #e8920f !important;
}

.wp-pagenavi a:active,
.wp-pagenavi span.current {
    color: #d16e18 !important;
}

#top-menu a:hover {
    color: #666666 !important;
}

#top-menu li.current-menu-item > a:hover {
    color: #d16e18 !important;
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {
    #et-top-navigation .loginBtn .btn_login {
        display: none;
    }
}

/*-------------------[640px]------------------*/
@media only screen and ( max-width: 640px ) {
    .et_pb_slide_description {
        width: 100% !important;
    }
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
    .et_pb_slide_content, 
    .et_pb_more_button { 
        display: block !important; 
    }
}