/***
TABLE OF CONTENTS

HEADING - Site name, logo, main menu
SIDEBAR - Submenu, searchbar, subsidiary navigation, utility links
MAINCONTENT - Layouts, pages, articles, posts, comments, images
FOOTER - Copyright, text links
RESPONSIVE - Tablet, mobile 
***/

/***
COLOR PALETTE

#717A9D - Green logo
#333E6B - Dark blue
#CCCFDC - Light blue grey
***/

/* ---------------------------------------- COMMON ---------------------------------------- */
/*html, body, .site-container  {
	height: 100%;
}*/

/* ---------------------------------------- HEADING ---------------------------------------- */


/* ---------- logo ---------- */

.header-image .site-header .wrap .title-area {
}

.home.header-image .site-header .wrap .title-area {
    background-position: 20px 20px;
}

/* ---------- tagline ---------- */


.home header .wrap {
  position: relative;
}

/* header */
h2.site-description {
    display: none;
}


/* ---------- menu ---------- */



.nav-primary > li {
    text-shadow: 1px 1px #000000;
}

.sub-menu li {
    text-shadow: 0 0 #000000;
}

.site-header #nav_menu-3 .genesis-nav-menu > li > a {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}


.site-header .genesis-nav-menu li.current_page_item a, 
.site-header .genesis-nav-menu li.current-cat a, 
.site-header .genesis-nav-menu li.current-menu-item a,
.site-header .genesis-nav-menu li.current-menu-parent a {
    text-decoration:overline;
}


.home .site-header .genesis-nav-menu li.current_page_item a, 
.home .site-header .genesis-nav-menu li.current-cat a, 
.home .site-header .genesis-nav-menu li.current-menu-item a,
.home .site-header .genesis-nav-menu li.current-menu-parent a {
    color:#fff;
}

.home .site-header .genesis-nav-menu a {
    color:#fff;
}
.home .site-header .genesis-nav-menu {
    text-shadow:1px 1px rgba(51,51,51,.5) 
}


/* ---------------------------------------- MAINCONTENT ---------------------------------------- */


/* ---------- home page ---------- */



.home .site-title a {
    color:#fff !important;
    text-shadow: 2px 2px 2px #333;

}

.home .site-title {
    max-width: 335px;
}

.home header.site-header {
    background-attachment: fixed;
    background-position: top center;
    min-height: 450px;
    background-repeat: no-repeat;
    -webkit-animation: fadein 10s; /* Safari and Chrome */
    -moz-animation: fadein 10s; /* Firefox */
    -ms-animation: fadein 10s; /* Internet Explorer */
    -o-animation: fadein 10s; /* Opera */
    animation: fadein 10s;
    background-color: transparent;
    background-image: url("http://www.djccommunications.com/site_djc/wp-content/uploads/dynamik-gen/theme/images/nyc_scroll2.jpg");

}

        @keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Firefox */
        @-moz-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Safari and Chrome */
        @-webkit-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Internet Explorer */
        @-ms-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }​

        /* Opera */
        @-o-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }​

div#djc_header_image_box {
    background-image: url("http://www.djccommunications.com/site_djc/wp-content/uploads/dynamik-gen/theme/images/photo-nyc.jpg");
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}


.home.header-image .site-header .wrap .title-area {
    /* height: 350px;*/
    background: url("http://www.djccommunications.com/site_djc/wp-content/uploads/dynamik-gen/theme/images/djc_logo_home.png") 20px 20px no-repeat;

}
/*

.ez-home .nav-primary {
    position: absolute;
    top: 0;
    z-index: 1000;
    overflow: visible;
    left: auto;
    right: 20px;
}

*/


.home.full-width-content .site-header .wrap {
    width: 100%;
    min-height: 450px;
    max-width: 1600px;
}



.ez-home .menu-primary a {
    color: #fff;
}


/* do i need this */
#djc_header_image {
        background-image: url(../wp-content/uploads/2016/07/nyc-min.jpg);

}

div#header_text_tag_line {
    background-color: rgba(0, 0, 0, 0) ;
    font-size: 60px !important;
    float: none;
    position: absolute;
    bottom: 45px;
    left: 0;
    width: 100%;
    text-align: center;
}

#words-in-header > p {
    color: #fff;
    /* font-size: 40px; */
    font-size: 3.5rem;

    text-shadow: 1px 1px #000;
}

.home #text-2 p {
    margin-bottom: 25px;
}



/* ---------- LAYOUT - About, Services pages ---------- */
.label-about-page.full-width-content .site-inner {
    max-width: none;
    padding: 0;
}


.label-about-page.full-width-content .content-sidebar-wrap {
    width: 100%;
}

.label-about-page.full-width-content .content {
    width: 100%;
    padding: 0; 
}


.label-common-page h1.entry-title {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    background: #333E6B;
    padding: 10px 0 10px 40px;
    color: #ffffff;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 28px;
    letter-spacing: .3rem;
}

.label-about-page .all_sections {
    height: 350px;
}

.label-about-page .all_sections_wrap {
    max-width: 1100px;
    margin: 0 auto;
    height: 100%;
}

.label-about-page .all_sections h3 {
    font-size: 24px !important;
    letter-spacing: .2rem;
}

.label-about-page .all_sections p {
    font-size: 16px !important;
}

.label-about-page .image_block.left {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}
.label-about-page .back-image-about {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*z-index: -100;*/
    background-size: cover;
}

.label-about-page h3 {
    padding: 10px;
    margin: 0;
}

.label-about-page p {
    padding: 0 10px !important;
}

.label-about-page .image_block,
.label-about-page .video_block {
    float: right;
    height: 100%;
    width: 50%;
    overflow: hidden;
    position: relative;
    margin-left: 10px;
}

.back-image-about {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*z-index: -100;*/
    background-size: cover;
}


/* ---------- PAGE About ---------- */

.page-id-7.label-common-page .entry-content {
    margin-top: 55px;
}


.page-id-7 #first_section h3 {
    color: #fff !important;
}


.page-id-7 div#first_section {

    background-color: #06071b;
}

#image-about-1.back-image-about {
    background-image: url("http://www.djccommunications.com/site_djc/wp-content/uploads/2016/08/2016-debate.jpg")
}

#image-about-2.back-image-about {
    background-image: url("http://www.djccommunications.com/site_djc/wp-content/uploads/dynamik-gen/theme/images/emergency-plan_modified-min.png")
}

#image-about-3.back-image-about {
    background-image: url("http://www.djccommunications.com/site_djc/wp-content/uploads/2016/08/paparazzi.jpg")
}


.page-id-7 #first_section p {
    color: #fff;
    text-shadow: 1px 1px #000;
    /* padding: 40px; */
}

.page-id-7 div#second_section {
    background-color: #CCCFDC;
}

.page-id-7 div#third_section {
    background-color: #ffffff;
}



/* ---------- PAGE More services ----------*/

.page-id-9.label-common-page .entry-content {
    margin-top: 55px;
}

.page-id-9 div#first_section {

    background-color: #06071b;
    height: 313px;
}


.page-id-9 #first_section h3 {
    color: #fff !important;
}

.page-id-9 #first_section p {
    color: #fff;
    text-shadow: 1px 1px #000;
    /* padding: 40px; */
}

.page-id-9 div#second_section {
    background-color: #CCCFDC;
}

.page-id-9 div#third_section {
    background-color: #ffffff;
}

.page-id-9 #image-about-2.back-image-about {
    background-image: url("http://www.djccommunications.com/site_djc/wp-content/uploads/2016/08/NeilNewshour.jpg")
}

/* client page */

.page-id-13 {
    background-image: none;
    background-color: #fff;
}

div#client_logos_wrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    /* margin: 0 auto; */
    /* border: 1px solid black; */
    /* box-sizing: border-box; */
    justify-content: center;
}

#client_logos_wrap a {
    display: block;
    width: 150px;
    height: 150px;
    line-height: 150px;
    margin: 20px 40px;
    /*border: 1px solid;*/
    text-align: center;
    /* vertical-align: middle; */
    box-sizing: border-box;
    position: relative;
}

#client_logos_wrap a::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    -moz-transition: opacity .5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    -o-transition: opacity .5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    transition: opacity .5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

#client_logos_wrap a:hover::after {
	opacity: .5;
}


#client_logos_wrap img {
    max-width: 150px;
    max-height: 150px;
    vertical-align: middle;
}

#client_logos_wrap img:hover {
opacity: .5;
}

#client_logos_wrap img:after {
    /* content: ""; */
    /* display: block; */
    /* height: 100%; */
    /* width: 3px; */
    /* background: palegoldenrod; */}



/* common page stuff - relabel this */
.label-common-page header.entry-header {
    position: absolute;
    width: 100%;
    left: 0;
}

.label-common-page .entry-content {
    margin-top: 70px;
}

/* management team */
.page-id-11 hr {
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* PAGE----------------  News page */

.page-id-15 h4 {
    margin-left: calc(33% + 10px) !important;
    font-weight: bold !important;
    color: #333e6b !important;
}
.page-id-15 .article_title a {
    color: #333;
    -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
    transition: background .15s cubic-bezier(.33,.66,.66,1);
    padding:3px;
    border-radius: 2px;
}

.page-id-15 .article_title a:hover {
    background: #dcdfec;
}




.article_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* margin-bottom: 10px; */
}

.article_logo {
    width: 33%;
    text-align: right;
    margin-bottom: 20px;
}

.article_title {
    width: 67%;
    text-align: left;
    /* display: table-cell; */
    /* vertical-align: middle; */
    margin-bottom: 20px;
    padding-left: 15px;
    box-sizing: border-box;
}

.article_logo img {
    width: auto;
    max-height: 40px;
}

.page-id-15 {
    background-color: #fff;
    background-image: none;
}


/* PAGE----------------  Contact page */
.page-id-17 .first_contact_div, .page-id-17 .second_contact_div {
    display: inline-block;
    vertical-align: top;
}

.page-id-17 .first_contact_div {
    margin-right:20px
}

.page-id-17 .second_contact_div p{
    font-size:18px
}


/* ---------------------------------------- FOOTER ---------------------------------------- */
#ez-fat-footer-container-wrap, .fat-footer-inside #ez-fat-footer-container-wrap {
    background-size: cover;
    background-position: center center;
}

#text-3 p {
    /* width: 25%; */
    text-align: left;
    float: right;
    font-size: 16px;
    background-color: rgba(0,0,0,.5);
    padding: 20px;
    border-radius: 5px;
}

#text-3 p a {
    color: white !important;
}

#text-3 p a:hover {
    color: #b8c1e4 !important;
    /* text-shadow: 1px 1px #fff; */
}

footer.site-footer {
    display: none;
}




/* -------------------- Responsive -------------------- */

nav#dropdown-nav {
    background-color: #fff;
}

.home nav#dropdown-nav {
    background-color: #333E6B;
}

.home .nav-chosen-select {
    color: #ffffff;
}

.home #dropdown-nav .responsive-icon-bar  {
    background-color: #ffffff;
}

/* custom resp 1 */

@media only screen and (min-width: 1170px) {
.home header.site-header {
    background-attachment: fixed;}
}

@media only screen and (min-width:640px) {
.header-image .site-header .wrap .title-area {
    float: left;
    width: 38%;}

.site-header .widget-area {
    float: right;
    /* clear: both; */
    width: 60%;} 
}

/* custom resp 2 */


@media only screen and (max-width: 800px) {
.image_block.left,
.image_block, 
.page-id-9 .video_block {
    float: none !important;
    width: 100% !important;
    margin-right:0 !important;
    margin-left:0 !important;}

.label-common-page h1.entry-title {
    padding-left: 10px;}

.all_sections {
    height: auto !important;}

.home header.site-header {
    background-attachment: inherit; 
    background-position: top center;
    background-size: cover;
    min-height: 250px;
    height: 250px;}

.home.full-width-content .site-header .wrap {
    min-height: 250px;}

#words-in-header > p {
    font-size: 2rem;}

.page-id-11 .first {
    padding-bottom: 0;}    
}


/* Tablet Landscape Cascading @media query (1st) [?] */
@media only screen and (max-width: 1140px) {
    
header.site-header {
    min-height: inherit;}

    .title-area {
    margin: 5px 0 0 15px !important;
    height: 60px !important;
    text-align: left !important;
    padding-left: 20px !important;}

    .home .title-area {
        margin:inherit !important;
        height: inherit !important;
    }

.label-about-page .image_block, .label-about-page .video_block {
    min-height: 350px;}    
}

/* Tablet Landscape Specific @media query (2nd) */
@media only screen and (min-width:840px) and (max-width:1140px) { }

/* Tablet Portrait to Tablet Landscape Specific @media query (3rd) */

/* Tablet Portrait Cascading @media query (4th) */

@media only screen and (max-width: 839px) { }

/* Mobile Landscape to Tablet Portrait Specific @media query (5th) */

@media only screen and (min-width:480px) and (max-width:839px) { }
 
/* Mobile Portrait Specific @media query (6th) */

@media only screen and (max-width:479px) { 

.site-title {
    font-size: 3rem;}


.title-area {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 30px !important;}

h1.site-title {
    text-align: center;}

.home .site-container {
    padding-top: 50px;
}

.home .title-area {
    position: absolute;
    top: -50px;
    width: 100% !important;
    padding-left: 0 !important;
    /* padding-right: 0 !important; */
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.home .title-area {
    background: #333e6b;
}

.home .site-header .wrap {
    overflow: visible;
}

.home h1.site-title {
    font-size: 3rem;
}


.home h1.site-title {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.home div#words-in-header {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}    
}