/*
Theme Name:     divi-child
Description:    Denmark DIVI version
Author:         admin
Template:       Divi
Edit Log: 		v.0.0.1
				CE_10.15.15

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/*hello world*/

/*--------------------------------------------------------------------------------/** SITEWIDE STYLING **/
body.iphone .et_pb_slide .et_pb_section_video_bg video::-webkit-media-controls-start-playback-button { display:none !important; -webkit-appearance: none; }

/*---------- 00.Menu Styling----------*/
#top-menu {font-weight:normal;font-size:2em;letter-spacing:.08em;font-family: 'Benton Sans Book';}
.et_fixed_nav #main-header, .et_fixed_nav #top-header {position: relative !important;}
.et_pb_button {border: none !important;}
span.bebas {color: #000000;font-size: .5em !important;}
#clients-section {padding-bottom:4% !important;}
ul.services {list-style: outside url("https://denmarktheagency.com/wp-content/uploads/2015/bullet.png") disc;}
h1.bioName {color: #999999 !important;font-family: "Benton Sans Book";font-size: 3.5em !important;font-weight: lighter;}
h2.bioTitle {font-size: 1em !important;letter-spacing: 0.1em;padding-bottom: 3% !important;text-transform: uppercase;}
h1.whatStories {font-size:3em !important;text-align:center;text-shadow: 0px 0px 10px rgba(0, 0, 0, .2);}

/*---------- 00.Fonts & header tags ----------*/
h1, h2, h3, h4, p.AboutFocus { font-family: 'Benton Sans';color:#f3a608 !important;}
.btn_font {font-family: 'Benton Sans';letter-spacing: .25em;}
h1 {font-size:3em;}
p {font-family: 'Benton Sans Light';}
.et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark h2, .et_pb_bg_layout_dark h3, .et_pb_bg_layout_dark h4, .et_pb_bg_layout_dark h5, .et_pb_bg_layout_dark h6 {color: #f39f00!important;}
.clients_divider {border-top-color: #a3a3a3;border-top-style: dashed;border-bottom: medium none;}
h1.videoWhatStories {text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25) !important;}


/*---------- 00.Footer Styling----------*/
.footer-logo {max-width: 240px;}
ul.footer_menu {margin: 0;padding: 0 !important;text-decoration: none;font-size: 0.88em;}
ul.footer_menu li {display: inline;}
ul.footer_menu a { border-right: none;display: inline-block;padding: 0 .5em;color: #e4e4e4;height: 1.2em;line-height: 1.2em;}
ul.footer_menu a:hover {color:#f3a608}
ul.footer_menu a.begin {padding-left:0;}
ul.footer_menu a.end {border:none;}
#footer-social {text-align:right;float:right;}
#footer-copyright {text-align:right;font-size:.75em;color:#999999;}	
#footer-copyright a {color:inherit !important;}	
span.mobileCopyright {display:none;}
span.wbenc {color: #666;font-size: 0.8em;font-style: italic;}
span.wbenc img {vertical-align:middle;}
.footer-custom {background-color: #000000 !important;}
.caseStudy_footer {background-color:#444444 !important}
#footer-menu {margin-left:10%}

/*--------------------------------------------------------------------------------/** INDIVIDUAL PAGE STYLING **/

/*---------- 01.Home Section  -------------------------*/
h1.home-slider_type {font-size:3.25em;letter-spacing:.0;text-align:center;font-family:'Benton Sans' !important;text-shadow: 1px 1px 5px rgba(0,0,0, 0.25);}
h1.homeTitle {  font-size: 3em;letter-spacing: .1em;line-height: 1.1em;font-family:'Benton Sans Book' !important;}
p.homeTitle {font-size:1.2em;line-height: 1.65em;font-weight:normal;font-family:'Benton Sans Book' !important;}
h1.clients {font-size: 1.38em;letter-spacing: 0.1em;padding: 1% 0;}
p.clients {color: #000000;font-size: 1.6em;letter-spacing:.1em;font-weight: lighter;}
p.loud {font-size:1.6em;line-height:1.8em;color:inherit;font-weight: lighter;text-align:left !important;}
#main-header {padding: 0 0 3em 0;box-shadow: none;}
#et-main-area { }
.et_pb_cta_1.et_pb_promo .et_pb_button {padding: 0 3.4em;}


.client-logos {width: 20%;float: left;}
.blurb {padding:5% 12%;}

#tabletClients {display:none;}
#mobileClients {display:none;}
.logoToggleBtn {color:#cccccc;text-transform:uppercase ;text-align:center;}
.et_pb_button  {cursor: pointer;}
h2.home_th {font-family: 'Benton Sans';font-size: .75em !important;}
p.home_th {font-family: 'Benton Sans';font-size: 2em !important;line-height: .85em !important;}

div#homepageSlider, #homepageSlider .et_pb_slides, #homepageSlider .et_pb_slide {
height: 37em !important;
}

/*---------- 02.Work Section - Case Studies ----------*/
h3.company {
        font-size: 0.5em !important;
    letter-spacing: 0.1em;
    padding-bottom: 3% !important;
    text-transform: uppercase;
}
h2.campaign {
        color: #ffffff !important;
    font-family: "Benton Sans Book";
    font-size: 1.5em !important;
    font-weight: lighter;
}
h4.industry {
    color: #999999 !important;
    font-size: 0.6em !important;
    padding-top: 0 !important;
	display:none;
}


h1.caseStudy_title {font-size:2em;letter-spacing: 0.1em;line-height: 1.2em;padding: 2% 0;text-transform:uppercase;}
h1.caseStudy_sections {color: #f3a608 !important;font-size: 1em;letter-spacing: 0.25em;line-height: 1em;}
h3.caseStudy_sectionDescriptions {
    color: #000000 !important;
    font-family: 'Benton Sans Light';
    font-size: 2em;
    font-weight: lighter;
    letter-spacing: 0.01em;
    line-height: 1.35em;
    padding-bottom: 2%;
}
p.caseStudy_sectionDescriptions-reverse {
    color: #ffffff !important;
    font-family: 'Benton Sans Light';
    font-size: 2em;
    font-weight: lighter;
    letter-spacing: 0.01em;
    line-height: 1.35em;
    padding-bottom: 2%;
}
h4.caseStudy_sub {font-family:'Benton Sans Light';color:#888888 !important;font-size:2em;}


p.sectionDescriptions {
    font-family: 'Benton Sans Light' !important;
    font-size: 1.15em;
    font-weight: lighter;
    letter-spacing: 0;
    line-height: 1.75;
	color: #000000;
}

p.sectionDescriptions-reverse {
    font-family: 'Benton Sans Light' !important;
    font-size: 1.15em;
    font-weight: lighter;
    letter-spacing: 0;
    line-height: 1.75;
	color: #ffffff;
}

p.virtuous_paragraphs {
color: #ffffff !important;
    font-family: 'Benton Sans Light';
    font-size: 1.4em;
    font-weight: lighter;
    letter-spacing: 0.1em;
    line-height: 1.35;
    padding: 6% 0 0 0;
}


p.caseStudy_sectionDescriptions {
    color: #666666 !important;
    font-family: 'Benton Sans Light';
    font-size: 1.75em;
    font-weight: lighter;
    letter-spacing: 0.1em;
    line-height: 1.25;
    padding: 2% 36% 0 0;
}
p.storiesQuote {font-size: 1.5em;line-height: 1.325em;}
p.storiesColumn {/*font-family: "uniform_condensedregular";*/font-size: 1em;color:#ffffff;}
p.storiesColumn a {color: #ffffff !important;}
p.storiesColumn a:hover {color: #f39f00 !important;}
span.person {color: inherit;font-size: .75em;font-style:italic;}

h2.storiesColumn {font-family: "Benton Sans";font-size: 1em;letter-spacing: 0.2em;}
.storiesColumns {padding-left:15%;}
#work {padding:0;margin:0;}
.caseStudy_3i {padding: 0 25% 0 0;}
.storiesRow {text-align: left;}
.caseStudy-footer_4col {text-align: left;}



/*---------- 03.ABOUT Section  ----------*/
#movingMountains {background-position:top;}
#leaders {padding:0;margin: 0;}
h1.leaders {color: #f3a608 !important;}
#OrchestratedServices {background-position:top;}


.services-col {padding:26% 0;}
p.bio_quotes {  
    font-size: 2.6em;
    font-weight: lighter;
    line-height: 1.2em;
    margin: 4% 10%;
    padding: 0;
    text-align: center !important;
	color: #f3a608 !important;}

/*---------- 04. BIOS Section  ----------*/
	
.et_pb_bg_layout_dark {color: #fff!important;}


#focusPortrait {border-bottom: 1em solid #f3a608;}

#sidebarBio {padding: 0 10% 0 0;text-align:left;}
#sidebarBio p {font-size:1em;}

a.sidebarName {color: #777777;font-size: 1em;letter-spacing: 0;font-family: 'Benton Sans';}
a.sidebarName:hover {color:#f39f00;}
p.sidebarLinks {color: #2b2e33;line-height: 1.4em;margin: 1em 0;}
#servicesVirtuous {padding: 2% 0;}


/*---------- 05. CONTACT Section  ----------*/
p.aboutContact {font-size: 1em;line-height: 2em;padding: 3em 10em 0 !important;}
.contact-right {padding-left: 14%;border-left: 1px dashed #959595;}
.contact-left {}
.contact a {color:#f3a608;}
.contact a:hover {color:#ffd9a3;}
p.contact-address {font-family: "Benton Sans Book";font-size: 1.5em;letter-spacing: 0.01em;line-height: 1.2em;}
.contact strong {color:#9e9e9e;}
h1.address {font-size:1.5em;letter-spacing: 0.1em;padding:0;line-height:1.2em;text-transform:uppercase;}

p.contacts {font-size:inherit;line-height: 1.5em !important;} 
p.address {font-size:inherit;line-height: 2em !important;}
span.contact_section {color: #f3a608 !important;font-size: 1em;letter-spacing: 0.25em;line-height: 2em;font-family: "Benton Sans";}
span.address {font-size:inherit;font-size: 1.5em;}
p.contacts a {font-size:inherit;color:#484a4c !important;} 
p.contacts a:hover {color:#f3a608 !important;}
p.address a {font-size:inherit;}

p.WBENC {font-size:.75em;line-height: 1.75em;}
#contact_emails {padding:2% 0;}
#contact_introduction {padding-right: 10% !important;margin-right:0% !important;}


/*---------- 05. INSIGHTS Section  ----------*/
#section-insights-main .et_pb_post a { max-height: 465px; overflow: hidden; }
#section-insights-main .et_pb_post a img { width: 100%; }


/*---------- 06. SINGLE.PHP Posts  ----------*/
.post-meta-parent {color:#faaf4c;font-weight:bold;text-transform:uppercase;font-size:1.5em;letter-spacing:.5px;}


/*--------------------------------------------------------------------------------/** FadeBox Effect **/
.fadebox-col {padding: 0!important;line-height: 1em;}
.fadebox-col .et_pb_column {display: table;height: 100%;overflow: hidden;margin-bottom: -5px;}
.fadebox-col-reverse .et_pb_column:first-child {float: right;}
.fadebox-col-reverse .et_pb_column:nth-child(2){float: left;}

.fadebox-text {width: 100%;height: 100%;display: table-cell;vertical-align: middle;padding: 0 15%;background-color: #24261d;color: #fff;}
.fadebox-text h1, .fadebox-text h2, .fadebox-text h3 {color: #f39f00!important;}
.fadebox-photo {width: 100%;background-color: #24261d;-webkit-transition: opacity .4s,-webkit-transform .4s;transition: opacity .4s,transform .4s;}
.fadebox-photo:hover {-moz-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.fadebox-photo img {width:100%;margin: -2px 0;-webkit-transition: opacity .4s,-webkit-transform .4s;transition: opacity .4s,transform .4s;}
.fadebox-photo img:hover {opacity: .5;}

/*--------------------------------------------------------------------------------/** Work Page: Fade **/
.fadebox-overlay-section .et_pb_row, .fadebox-overlay-col {padding: 0;margin: 0 0 -1px 0;line-height: 1em;}
.fadebox-overlay-text {width: 100%;}
.fadebox-overlay-text .box {cursor: pointer;width: 100%;height: 100%;float: left;margin: 0;position: relative;overflow: hidden;}
.fadebox-overlay-text .box, .fadebox-overlay-text .box a {margin: 0;}
.fadebox-overlay-text .box h2 {font-size: 3em;padding-bottom: 0;}
.fadebox-overlay-text .box p {line-height: 1.2em;font-size: 1.2em;}
.fadebox-overlay-text .box img {width: 100%;height:100%;-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out;transition: all 300ms ease-out;}
.fadebox-overlay-text .box:hover img {-moz-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.fadebox-overlay-text .box a, .fadebox-overlay-text .box {display: table-cell;vertical-align: bottom;line-height: 0 !important;}


/*--------------------------------------------------------------------------------/* Caption Common Style */
.fadebox-overlay-text .box .caption {background-color: rgba(36, 38, 29, 0.75);position: absolute;color: #fff;z-index: 100;left: 0;}
.fadebox-overlay-text .box .fade-caption {position: absolute;top: 0;left: 0;opacity: 0;width: 100%;height: 100%;text-align: left;padding: 6%;-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;	transition: all 300ms ease-out;
}
.fadebox-overlay-text .box:hover .fade-caption {opacity: 1;}
.fadebox-overlay-text p .fade-caption {display: none;}
.fadebox-overlay-text {display:table;}
.fadebox-overlay-text .box a, .fadebox-overlay-text .box {display: table-cell;vertical-align: bottom;line-height: .75em;}
.fadebox-overlay-text .box-cell {display: table-cell;vertical-align: bottom;position: absolute;bottom: 15px;font-size: 2em;padding: 5%;}



.logos-tablet {display:none;}
.logos-mobile {display:none;}
.mobileBreak {display:none;}
/*--------------------------------------------------------------------------------/* Responsive Styling */


@media only screen and (min-width: 1350px) {	}

@media only screen and (min-width: 981px)
{
#logo {
    max-height: 62%;
	margin-bottom: 10%;
}
}

/*---TABLETS RESPONSIVE---*/
@media (max-width: 980px) {
.box-cell {background-color: rgba(36, 38, 29, 0.75);}
.fadebox-overlay-text .box .fade-caption {opacity:1 !important;background-color: transparent !important;}
.section-fadeBoxCallouts {padding:0 !important;}
.fadebox-col > .et_pb_column {display: block;height: auto;}
.fadebox-col-reverse .et_pb_column {float: none;}
.fadebox-text {padding: 50px;}
#footer-social {display:none;}
#footer_menu {display:none;}
ul.footer_menu {display:none;}
.contact-right {padding:5% 0;margin:0;border:none;}
.caseStudy-footer_4col {padding: 10% 0 0 0;}
#footer-copyright {display:none;}
.caseStudy_3i {padding:0;}
#page-container {padding:5% 0 0 0;}
.blurb {padding:5% 0;}
.single #page-container, .page #page-container, .et_fixed_nav #main-header, .et_fixed_nav #top-header { padding:0px !important; margin: 0px !important;}
.et_header_style_left #logo,
	.et_header_style_split #logo {
		max-width: 50%;
		margin-bottom: 5%;
	}

.logos-mobile {display:none;}
.logos-tablet {display:inline;}
.logos-desktop {display:none;}
.client-logos {width: 33.33%;float: left;}
.mobileBreak {display:inline;}
}

/*---PHONES RESPONSIVE---*/
@media (max-width: 568px) {
.fadebox-overlay-text .box h2.campaign {font-size: 1em !important;}
.fadebox-overlay-text .box .fade-caption {padding:0;}
.fadebox-overlay-text .box-cell {background-color: rgba(36, 38, 29, 0.75);}

.fadebox-photo img {margin: -10px 0 0 0;}
h3.company {font-size: 0.5em !important;}
.client-logos {width: 50%;float: left;}
h1.whatStories {font-size:2em !important;}

.logos-mobile {display:inline;}
.logos-tablet {display:none;}
.logos-desktop {display:none;}
}

/*--fonts--*/


#what-is-danish:before {
content: url(https://denmarktheagency.com/wp-content/uploads/2017/10/danish-image-small.png);
 display: block;
 height: 125%;
 position: absolute;
 top: 50px;
 left: -250px;
 width: 100%;
 z-index: 100;
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
#what-is-danish:before {
 height: 100%;
 width: 75%;
left: -400px;
}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
#what-is-danish:before { 
height: 50%;
 width: 50%;
left: -400px;
}
}

@media only screen and (max-width : 767px) {
#what-is-danish:before { 
height: 25%;
 width: 25%;
left: -555px;
}
}


.gotham p, .gotham a{
font-family: "Gotham";
color: #3c3c3b
}


.gotham-white p {
font-family: "Gotham";
color: #ffffff
}

.gotham-ultra {
font-family: "Gotham Ultra";
}

.nettopro {
font-family: "NettoPro";
}

.nettopro p{
font-family: "NettoPro";
color: #3c3c3b
}

.nettopro-red p{
font-family: "NettoPro";
color: #d84434
}

.nettopro h1{
font-family: "NettoPro";
font-size: 1em;
}

.verveine {
font-family: "Verveine";
}

.verveine p{
font-family: "Verveine";
}

.verveine-white p {
    font-family: "Verveine";
    color: white;
}


#top-full-page-header span.et_pb_fullwidth_header_subhead {
    margin-top: 5%;
    font-family: "Gotham";
    color: #3c3c3b;
    line-height: 1.2em;
}

#top-full-page-header .header-content img{
padding-left: 7%;

}

#top-full-page-header .header-content p{
    margin-top: 5%;
    font-family: "Gotham";
    color: #3c3c3b
}


#maindanishlogo {
padding-left: 7%;
}

#danish-contact .gform_fields .gfield input[type="text"] {
    background-color: white !important;
}

#danish-contact #gform_fields_2 span label {
    display:none;
}

#danish-contact .gfield_label {
font-family: "Gotham";
}

#danish-contact label {
font-family: "Gotham";
}

.contact-form-phone {
    margin-bottom: 3%;
}

#gform_submit_button_2 {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #f99f31;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: none;
}

#gform_submit_button_2:hover {
  background: #f99f31;
  background-image: -webkit-linear-gradient(top, #f99f31, #f29727);
  background-image: -moz-linear-gradient(top, #f99f31, #f29727);
  background-image: -ms-linear-gradient(top, #f99f31, #f29727);
  background-image: -o-linear-gradient(top, #f99f31, #f29727);
  background-image: linear-gradient(to bottom, #f99f31, #f29727);
  text-decoration: none;
    border: none;
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {

}

@media only screen and (min-width: 768px) and (max-width: 960px) {
#maindanishlogo {
padding-left: 12%;
}
}

@media only screen and (max-width : 767px) {
#maindanishlogo {
max-width: 50%;
}
    
#danish-contact label {
font-size: 14px;
}

#bjcontact {
line-height: 1.5em;
}
}