/*
Author: Marty Hosch
Theme: DBA Elementor 2019
*/ 

.single-work .post-tags {
	display:none;
}
#dba_work_header {
	background-attachment: fixed;
}



/************************
 * 
 * Homepage Callouts
 *
 ************************/

.dba-callout {
    transform: rotate(-90deg);
    transform-origin: top left;
}

.dba-callout p {
    display: inline-block;
    margin:0;
    margin-left: 20px;
}
.dba-callout hr {
    display: inline-block;
    width:40px;
    border: none;
    border-top: 1px solid white;
    margin-bottom: 4px
}
.dba-callout-bbbhc {
    transform: rotate(90deg);
    transform-origin: top right;
}

.dba-callout-bbbhc p {
    margin:0;
}


/************************
 * 
 * General Content
 *
 ************************/

bold, strong, b {
	font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}
ul {
    padding-left:20px;
}
li:not(last-child) {
    padding-bottom:10px;
}
header div.elementor-widget-container div {
    display: inline-block;
}
.dba_large_menu ul li a i  {
    display:none;
}
.btn_playPause a, 
.btn_volume a {
	width:60px;
	text-align: center;
}

#dba-hamburger .fa-times {
    position: absolute;
    top:20px;
    left:27px;
    opacity: 0;
}
#dba_mobile_menu {
    position:fixed;
    top:-450px;
    width:100%;
	transition:top 0.5s;
}
#dba_mobile_menu.menu_active {
	top:100px;
}
.fa-arrow-alt-square-right, .fa-arrow-alt-square-down {
    padding-left:20px;
    opacity: 0.5;
}
#dba_menu_overlay {
    position: fixed;
    top:0;
    left:0;
    min-width: 100vw;
    opacity: 0;
    display:none;
}
.dba-button > .elementor-button-icon .fa.fa-plus {
    font-size: 12px;
}
#dba_header_block {
    width: 215px;
    position: absolute;
    top: -175px;
}

#dba_header_block .elementor-widget-wrap{
	align-items: center;
}
.dba_secondary_header .elementor-widget-wrap>.dba_header_block {
    width:215px;
    height:215px;
    position: absolute;
    bottom:-40px;
    left:20%;
}
#dba_photo_header {
	background-color: black;
}
.post-navigation__prev--label, .post-navigation__next--label {
    display: none;
}
del {
    font-family: Raleway-Regular;
}
.copyright p {
    padding:0;
    margin:0;
}


/************************
 * 
 * Inline Video Content
 *
 ************************/

.dba_video_section .dba_content {
    position: absolute;
    top:0;
	height:100%;
}

.dba_slide_title:not(:first-child) {
    opacity:0;
}

#dba_video_header {
    z-index: 0;
}

.dba_video_section .video-wrapper, 
.dba_video_section .video-wrapper .elementor-wrapper, 
.dba_video_section .dba_overlay .overlay {
    overflow:hidden;
}
.dba_video_section .dba_overlay {
	position: absolute;
	top:0;
	left:0;
}
.dba_video_section .elementor-widget-wrap {
	align-items:center;
	justify-content: center;
}

.dba_video_section .video-wrapper .elementor-open-inline .elementor-custom-embed-image-overlay {
	z-index:2;
	background-position: center;
}
.dba_video_section .video-wrapper:not(:last-child) {
    margin-bottom: 0;
}
.dba_work_video.dba_video_section .elementor-container {
    min-height:initial;
}


/************************
 * 
 * Leaders
 *
 ************************/

#dba_leaders .elementor-post__thumbnail__link {
    margin:0;
}
#dba_leaders .elementor-post__text {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}
#dba_leaders .dba_overlay {
    background-color: #10A3BD;
    background-color: rgba(16,163,189,0.67);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity:0;
    transition: opacity 0.33s;
}
#dba_leaders .elementor-post__thumbnail__link:hover .dba_overlay {
    opacity:1;
}


/************************
 * 
 * Work/Case Study Page
 *
 ************************/

#dba_work_header_column {
    position: fixed;
}
#dba_work_video .elementor-custom-embed-play, #dba_work_gallery .elementor-custom-embed-play {
    background-color: #F33555;
    background-color: rgba(243,53,85,0.85);
    padding: 30px 30px 27px;
}
#dba_work_gallery .swiper-pagination-bullet {
    margin:0 15px;
}
.post-navigation__prev--label, .post-navigation__next--label {
    display: none;
}


/************************
 * 
 * Jobs (JSON from Google Hire)
 *
 ************************/

#dba_jobs li {
    overflow: hidden;
}
#dba_jobs li a {
    padding:46px 0 39px 15%;
    transition:background-color 0.3s;
}
#dba_jobs li a:hover {
    background-color: rgba(0,0,0,0.15);
}
#dba_jobs li:nth-child(4n+1) {
    background-color: #10A3BD;
}
#dba_jobs li:nth-child(4n+2) {
    background-color: #F33555;
}
#dba_jobs li:nth-child(4n+3) {
    background-color: #006A83;
}
#dba_jobs li:nth-child(4n+4) {
    background-color: #7f39ff;
}
#dba_jobs li .dba_location {
    font: 16px 'Raleway-Medium';
    line-height: 32px
}
#dba_jobs .fa-plus {
    font-size: 24px;
    margin-top: 10px;
}


/************************
 * 
 * Blog
 *
 ************************/

#dba_blog_list .elementor-post__card {
    overflow: visible;
}
#dba_blog_list .elementor-post__badge {
    top:195px;
    left: -25px;
    position: absolute;
    padding:15px 25px 12px;
}
#dba_blog_list .elementor-post__read-more {
    background-color: #222;
    padding:20px 50px 16px 25px;
    border-radius: 40px;
    -webkit-transition: background-color 0.33s; 
    -moz-transition: background-color 0.33s; 
    -o-transition: background-color 0.33s; 
    transition: background-color 0.33s;
}
#dba_blog_list .elementor-post__read-more:hover {
    background-color: #F33555;
}
#dba_blog_list .elementor-post__excerpt p:after {
    content:" ...";
}
#dba_blog_list .elementor-pagination {
    padding:30px 0;
}
#dba_blog_list span.prev, #dba_blog_list span.next {
    color:#ccc;
    border: 1px #ccc solid;
    padding:15px 15px 13px;
}
#dba_blog_list .current {
    background-color: #222;
    border: 1px #222 solid;
    padding:15px 15px 13px;
}
#dba_blog_list a.prev, #dba_blog_list a.next, #dba_blog_list a.page-numbers {
    border: 1px #222 solid;
    padding:15px 15px 13px;
    -webkit-transition: all 0.33s; 
    -moz-transition: all 0.33s; 
    -o-transition: all 0.33s; 
    transition: all 0.33s;
}
#dba_blog_list a.prev:hover, #dba_blog_list a.next:hover, #dba_blog_list a.page-numbers:hover {
    background-color: #F33555;
    border-color: #F33555;
}
.elementor-share-btn__text {
    text-align: left;
}
#dba_share_post.elementor-share-buttons--view-text .elementor-share-btn__text {
    justify-content: flex-start;
}
#dba_share_post {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
     -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
    opacity:0;
    display: none;
}

#dba_post h4 {
    font-size: 18px;
    font-family: Raleway-Regular;
}
#dba_post blockquote {
    background-color: #10A3BD;
    margin:0 0 20px 0;
    padding:65px 65px 60px;
    font-family: Raleway-Heavy;
    color:white;
}
#dba_post blockquote p {
    font-size:48px;
    line-height: 48px;
    text-transform:uppercase;
}
#dba_post blockquote cite {
    font-size: 24px;
    font-family: Raleway-Heavy;
    font-style: normal;
}

/************************
 * 
 * Landing Page and Form Fields
 *
 ************************/

#dba_lead_form {
    width:40%;
    position:absolute;
    top:-50px;
    right:0;
}

#dba_form input[type=text],
#dba_form input[type=tel],
#dba_form input[type=email],
#dba_form input[type=url], 
#dba_form textarea {
    padding:30px 15px 10px;
}

#dba_form input[type=text]::placeholder,
#dba_form input[type=tel]::placeholder,
#dba_form input[type=email]::placeholder,
#dba_form input[type=url]::placeholder,
#dba_form textarea::placeholder {
	color:#999;	
}

#dba_form .elementor-field-type-text label,
#dba_form .elementor-field-type-tel label,
#dba_form .elementor-field-type-email label,
#dba_form .elementor-field-type-textarea label {
    top: 18px;
    position: absolute;
    left: 15px;
}
#dba_form .elementor-field-type-upload label {
	font-size:16px;
	margin-bottom:10px;
	text-transform: capitalize;
	font-family: 'Raleway-Bold';
	background-color: white;
	padding: 15px 20px 13px;
	color: #333;
	border-radius: 3px;
	margin:0 20px 0 0;
}

#dba_form .elementor-field-type-checkbox {
    padding:20px 0 20px 5px;
}

#dba_form .elementor-field-type-checkbox label,
#dba_form .elementor-field-type-acceptance label {
    position:static;
	display: inline-block;
    width: 90%;
    color: white;
    font-size: 17px;
    vertical-align: top;
    padding-left: 5px;
	margin-top:3px;
	line-height: 20px;
}
#dba_form .elementor-field-type-checkbox>label,
#dba_form .elementor-field-type-acceptance>label,
#dba_form .elementor-field-type-select>label {
	display:none;
}
#dba_form input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none;
	display:inline-block;
    vertical-align: top;
    width:20px;
    height:20px;
    background-color: white;
    border-radius: 3px;
    cursor: pointer;
}

#dba_form select {
	font-size:16px;
	padding:15px 15px 13px;
}

.icon::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

#dba_form .elementor-field-type-checkbox input:checked::after,
#dba_form .elementor-field-type-acceptance input:checked::after {
	content: '\f00c';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 3px;
	color: #f33555;
}
#dba_form input[type=file] {
	display:none;
}

#dba_form button {
    min-height: 0;
    flex-basis: auto;
    padding: 14px 30px 10px 20px;
    transition: transform 0.33s;
}
#dba_form button:hover {
    transform: rotate(-5deg) scale(1.1);
}

#dba_form .elementor_message {
	padding: 20px;
	background-color: white;
	margin-top: 30px;
	text-align: center;
	font-size: 18px;
}

#dba_form .elementor_message_success::before {
	color:forestgreen;
}


.whitepaper_image {
    width: 50%;

    webkit-clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 75%);
    clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 75%);
    shape-outside: polygon(30% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 75%);
}


/************************
 * 
 * Medie Queries
 *
 ************************/

@media only screen and (max-width:1030px) {
    #dba_blog_section>.elementor-container {
        max-width: 740px;
    } 
	#dba_blog_list .elementor-post__badge {
        font-size:18px;
    } 
}

@media only screen and (max-width:900px) {
    #dba_lead_form {
        width:100%;
        position:static;
    }
}

@media only screen and (max-width:800px) {
	.dba_video_section .dba_content .elementor-row {
		top:40vw;
	}
	.dba_secondary_header .elementor-widget-wrap>.dba_header_block {
		left:12%;
	}
}

@media only screen and (max-width:500px) {
	#dba_post blockquote {
        margin:0 0 20px 0;
        padding:25px 25px 20px;
    }
    #dba_post blockquote p {
        font-size:36px;
        line-height: 36px;
    }
    #dba_post blockquote cite {
        font-size: 18px;
    }
}

@media only screen and (max-width:450px) {
	.dba_subhead br {
        display:none;
    }
    #dba_photo_header > .elementor-container {
        min-height: 400px;
    }
    #dba_header_block {
      width: 170px;
      top: -135px;
    }
	.dba_secondary_header .elementor-widget-wrap>.dba_header_block {
		width:170px;
		height:170px;
		bottom:-40px;
		left:5%;
	}   
	#dba_jobs li {
        padding:46px 0 39px 5%;
    }
	#dba_blog_list .elementor-post__excerpt {
        margin-bottom:30px;
    }
    #dba_blog_list .elementor-post__read-more {
        padding:15px 40px 12px 20px;
        margin-bottom:30px;
    }
    #dba_blog_list .page-numbers:not(.prev), #dba_blog_list .page-numbers:not(.next) {
        display:none;
    }
    #dba_blog_list .elementor-post {
        border-bottom:8px solid #CCC;
        margin-bottom:40px;
    }
    .post-navigation__prev--label, .post-navigation__next--label {
        display: block;
    }
    .post-navigation__prev--title, .post-navigation__next--title {
        display: none;
    }
	.whitepaper_image {
        display:none;
    }
}

@media only screen and (max-width:400px) {
    #dba_mobile_primary_nav nav a {
        font-size:28px;
    }
    #dba_mobile_primary_nav nav li:not(:last-child) {
        margin-bottom:25px;
    }
    #dba_mobile_primary_nav>div {
        margin:28px 0 25px 0;
    }
}

@media only screen and (max-width: 350px) {
    #dba_mobile_primary_nav nav a {
        font-size:24px;
    }
    #dba_mobile_primary_nav nav li:not(:last-child) {
        margin-bottom:21px;
    }
    #dba_mobile_primary_nav>div {
        margin:21px 0 18px 0;
    }
    .dba_mobile_submenu nav a {
        font-size:18px;
    }
    .dba_mobile_submenu .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container {
		margin:0;
    }
    #dba_menu-4 {
        padding-top:25px;
        padding-bottom:22px;
    }
    #dba_bbbhc_title {
		display:none;
    }
    #dba-social-icons nav a {
        font-size:21px;
    }
}
@media (min-width: 2px) {
    selector nav {
        display: block;
    }

    selector .elementor-menu-toggle,
    selector .elementor-nav-menu--dropdown {
        display: none;
    }
}