/******************************************************************
Theme Name: DMP Productions. 2017
Theme URI: http://origindev.com/wordpress/dmp
Description: dmp custom Wordpress theme
Author: Origin Development
Author URI: http://www.origindevelopment.com
Version: 1.0
Tags:
*/


.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE USELESS */
.bypostauthor {}    /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */



/* images */

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
}


/* pullquotes */

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33;
}


/* ==========================================================================
    davidmichaelproductions.com custom stylesheet
========================================================================== */

* {
	font-family: Garamond, 'EB Garamond', Georgia, serif;	
}

nav {
z-index:9999!important;	
}

.page-front-page {
	background:	url(img/bg_front-page.png) fixed repeat;
}

.navbar-dmp {
	height:100px;	
	background:linear-gradient(to bottom,  #f6f6f6 0%,#ffffff 100%);
	position:relative;
	margin:0;padding:0;
}

.navbar-fixed-top {
	margin-top:-35px;	
}

.navbar-dmp .logo img
{
	display:block;
	height:70px;
	margin-top:15px;
}

.navbar-fixed-top .logo img
{
	height:50px;
	margin-top:45px;
}

.navbar-dmp .no-hover {
	position:relative;
	width:80px;
	background-red;
}

.navbar-dmp .social {
	margin-top:50px;
	margin-left:20px;	
}

.navbar-dmp .no-hover ul {
	display:block!important;	
}

#marquee img
{
	display:block;
	width:100%!important;
	height:100%!important;
	max-height:955px;
	min-height:650px!important;
	background-position:center center;
	background-color:#0E0E0E;
	background-size:cover;
	/* !important are fixes for admin customize display */
}

.featured-section h1 {
	font-size:63px;
	font-weight:300;
	text-transform:uppercase;
	margin:100px 0 50px 0;	
}

.featured-section .callout {
	margin:40px auto;
	font-size:40px;
}

#google-map {
width:100%;
	height:300px;
}

/* CONTENT
------------------------------------------------------------ */


.container h1
{
	color:#285AFF;
	background:#E1E1E1;
	background: linear-gradient(to right,  #E1E1E1 0%,#ffffff 100%); /* W3C */
	border-radius:10px;
	font-weight:300;	
	font-size:42px;
	padding:10px;
	letter-spacing:-1px;
}

.container h2
{
	font-weight:300;
}

.container p
{
	color:#777;
	font-size:21px;
}

.container ul
{
	color:#777;
	font-size:21px;
	line-height:26px;	
}

.container hr {
	border:0px;
	height:1px;
	background: #DCDCDC; /* Old browsers */
	background: linear-gradient(to right,  #ffffff 0%,#DCDCDC 45%,#DCDCDC 55%,#ffffff 100%); /* W3C */
}

.container .gallery-item {
	position:relative	
}

.container .gallery-item dt
{
	display:block;
	width:95%;
	border:1px solid #CCC;
	border-radius:4px;
}

.container .gallery-item a
{
	display:block;
	position:relative;
	background:#000000;
	overflow:hidden;
	border-radius:8px;
	border:5px solid #FFF!important;
}

.container .gallery-caption {
	display:block;
	position:absolute;
	bottom:15%;
	left:6px;
	z-index:99;
	background:rgba(0,0,0,0.5);
	font-size:18px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	line-height:40px;	
	padding:0 10px;
}

.container .gallery-item a:after
{
	display:block;
	width:50px;
	line-height:50px;
	border-bottom-left-radius:25px; 
	background:#cc0000;
	position:absolute;
	top:-80px;right:-80px;
	color:#FFF;
	font-size:25px;
	text-align:center;
	content:"\f0c1";
	font-family:"FontAwesome";	
}



.container .gallery-item img
{
	border:0;padding:0;margin:0;
	background:#000000;
	width:100%;
	height:auto;
	transform: scale(1.1);
}

.container .gallery-item a:hover img
{
	opacity:0.5;
	transform: scale(1.2);
	
}

.container .gallery-item a:hover:after
{
	top:0;right:0;	
}

.container .vimeo-embed {
	padding-bottom: 56.25%;
	position:relative;	
	z-index:0;
}

.container iframe {
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;	
}

footer  a {
	color:#fff;	
}

footer {
	color: #BBB;
    background: #0E0E0E;
    padding: 50px 0 24px 0;
    margin-top: 50px;
}

footer .nav
{
	list-style:none;
	margin:0;padding:0;
	color:#FFF;	
}

footer .nav > li > a
{
	display:block;
	line-height:38px;	
	font-size:14px!important;
	text-indent:10px;
	padding:0;
	color:#FFF;	
}

footer .nav > li > a:before
{
		font-family: 'FontAwesome';
		color:#333;
		content:"\f054 ";
		margin-right:5px;
}


footer .nav > li > a:hover
{
	background: rgba(100, 100, 100, 0.1);
	line-height:40px;
	margin:-1px 0;	
}

footer .nav > li + li
{
	border-top:1px solid rgba(255, 255, 255, 0.1);	
}

footer .footer-img {
	height:30px;	
}

footer small {
	font-size:13px;	
}

footer .copyright {
	margin-top:30px;	
}

footer .address
{
	font-size:16px;
	line-height:24px;
	margin:0;
	font-family: Garamond, 'EB Garamond', Georgia, serif;
	border:0px solid #FFF;
	color: #BBB;
    background: #0E0E0E;
	MARGIN:0;PADDING:0;
}

footer .email
{
	margin:0;
	font-size:14px;
	line-height:24px;
	color:#FFF;
}

/* SLIDER
------------------------------------------------------------ */

#bones-slider {
	width:100%;
	height:auto;
	max-height:500px;
	position:relative;
	margin-bottom:40px;
	overflow:hidden;
	background-color:#000;
	background-position:50% 50%;
	background-size: cover;
}

#bones-slider .slides {
	display:inline-block;
	list-style:none;
	margin:0;padding:0;text-indent:0;
	width:100%;
}

#bones-slider .slides li {
	position:absolute;
	top:0; left:105%;
	height:100%;
	width:100%;	
	z-index:-1;
}

#bones-slider .slides li.active {
	position:relative;
	z-index:2;
	left:0%;	
}



#bones-slider .slides img {
	width:100%;
	background-color:#0E0E0E;
	max-height:500px;
	background-position:50% 50%;
	background-size: cover;
}

/* loading thing */
#bones-slider .loader {
	width:100%;
	height:5px;
	position:absolute;
	top:0;left:0;
	background:red;
	z-index:5;	
	background:rgba(255,255,255,0.5)
}

/* slider navigation */

#bones-slider .nav {
	position:absolute;
	bottom:10%;left:0;
	width:95%;
	list-style:none;
	margin:0 2.5%;
	padding:0;
	text-align:center;
	z-index:10;
	opacity:0;

}

#bones-slider .nav li {
	display:inline-block;
	position:relative;
	bottom:-85%;

}

#bones-slider .pip a {
	display:block;
	width:20px;
	height:20px;
	margin:2px;
	border-radius:10px;
	color:transparent;
	border:3px solid #FFF;
	background:#CCC;
	box-shadow: inset 3px 2px 22px 0px rgba(0,0,0,0.31);
	padding:0;
}


#bones-slider .pip a:hover,
#bones-slider .pip.active a{
	background:#666666;	
}

#bones-slider li.prev,
#bones-slider li.next {
	display:block;
	width:40px;
	height:40px;
	background:rgba(0,0,0,0.8);
	border-radius:20px;
	position:absolute;
	top:-100px;
	left:0px;
	overflow:hidden;	
}

#bones-slider li.prev a,
#bones-slider li.next a {
	display:block;
	text-align:center;
	line-height:43px;
	color:#FFF;
	font-family:"FontAwesome";
	font-size:26px;
	padding:0;margin:0;
}

#bones-slider li.prev a::before {
	content:"\f053";
	display:block;
	width:35px;
}

#bones-slider li.next a::before {
	content:"\f054";
	display:block;
	width:45px;
}

#bones-slider li.next {
	right:0px;
	left:auto;	
}

 
#bones-slider:hover .nav {
	opacity:1;	
}

.social
{
	list-style:none;
	margin:0;padding:0;text-indent:0; 
}


.social > li
{
	display:block;
	position:relative;
	float:left;
	width:30px;
	height:30px;
	overflow:hidden;
	border-radius:15px;	
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	margin:1px 5px 1px 0;
	font-family:"FontAwesome"!important;
}

.social > li a
{
	display:block;
	width:30px;
	line-height:30px;
	text-indent:8px;
	background:#FFF;
	color:transparent;
	font-size:0px;
	font-family:"FontAwesome"!important;
}

.social > li a::before
{
	color:#666;
	font-size:18px;
}

.social > li a::after
{
	color:#FFF;
	display:block;
	float:none;
	width:30px;
	height:30px;
	font-size:18px;
	margin-top:5px;
}

.social > li a.linkedin::after 	{content:"\f0e1";background-color:#1A92BD!important;
	font-family:"FontAwesome"!important;}
.social > li a.linkedin::before {content:"\f0e1";
	font-family:"FontAwesome"!important;}


.social > li:hover a
{
	margin-top:-41px;	
}



/* contact form */

.wpcf7 h2,
.contact-page h2 {
	color:#C00;
	padding:8px;
	margin:15px 0 10px 0;
	background:#E1E1E1;
	background: linear-gradient(to right,  #E1E1E1 0%,#ffffff 100%); /* W3C */
	border-radius:10px;
	font-weight:300;	
	font-size:24px;
	letter-spacing:-1px;
}

.wpcf7 input[type=submit] {
	border:0;
	line-height:40px;
	width:150px;
	text-align:center;
	color:#FFF;
	background:#C00;
	border-radius:5px;
	float:right;
}

.wpcf7 input,
.wpcf7 textarea {
	font-size:16px!important;	
	padding:5px!important;
	font-family:Verdana, Geneva, sans-serif;
}

.wpcf7 input[type=text],
.wpcf7 input[type=email]  {
	width:100%;
	border:1px solid #CCC;
	border-radius:5px;	
}

.wpcf7 .col {
	width:48%;
	float:left;
	height:68px;
	margin-right:2%!important;	
}

.wpcf7 .col  + .col {
	margin-right:0%!important;
	margin-left:2%!important;	
}

.wpcf7 textarea {
	width:100%;
	height:120px;
	border:1px solid #CCC;
	border-radius:5px;		
}

.contact-page ul {
	list-style:none;
	margin:0;padding:0;	
}

.contact-page li{
	line-height:40px;	
}

.contact-page ul > li:before {
	/*first list*/	
	content:'';
	font-family:"FontAwesome";
	display:block;
	float:left;
	color:#FFF;
	font-size:14px;
	text-align:center;
	background-color:#C00;
	border-radius:15px;
	width:25px;
	line-height:25px;
	margin-right:10px;
	position:relative;
	top:9px;
}

.contact-page ul li + li:before {
	/*second list - phone*/	
	content:'';
}

.contact-page ul li + li + li:before {
	/*third list - fax*/	
	content:'';
}

.contact-page ul li + li + li + li:before {
	/*fourth list - email*/	
	content:'';
}


.contact-page ol {
	list-style:none;
	margin:0;padding:0;text-indent:0;	
}

.contact-page ol > li:before {
	content:'';
	font-family:"FontAwesome";	
	margin-right:10px;
	font-size:25px;
	position:relative;
	top:6px;
}

/* ANIMATION */


.social a {
  transition-property: margin-top;
  transition-duration: 0.3s;
}

#header .logo img {
	transition-property: width, height, margin;	
	transition-duration: 0.2s;
}

#content .gallery-item img,
#content .gallery-item a:after {
	transition-property:all;
	transition-duration: 0.2s;
	transition-timing-function:ease-out;
}


.scroll-return {
	transition-property:all;
	transition-duration: 0.2s;
	transition-timing-function:ease-out;	
}


#bones-slider .nav {
	transition-property:opacity;
	transition-duration: 0.3s;
	transition-timing-function:ease-out;	
}

#bones-slider .slides li {
	transition-property:left;
	transition-duration: 0.5s;
	transition-timing-function:ease-out;		
}

.return-to-top {
	position:fixed;
	bottom:0;
	right:040px;
	background:rgba(0,0,0,0.5);
	border-radius:10px 10px 0 0;
	font-size:20px;
	text-align:center;
	width:40px;
	height:40px;
	display:none;	
}

.return-to-top a {
	color:#FFF;	
	width:40px;
	height:40px;
	display:block;
	text-align:center;
	line-height:40px;
}

.navbar-fixed-top + .return-to-top {
	display:block;	
}

footer .sub-heading {
	text-transform:uppercase;
	font-weight:bold;	
	margin:10px 0;
}

footer .phone,
footer .address,
footer .fax,
footer .email {
	font-size:14px!important;	
	color:#777;
}

hr {
	height:1px;
	width:90%;
	background:#CCC;
	margin:40px 0;	
}

/* CSS Document */


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	/*
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {
	.navbar-collapse {
		background:#333;
		border:1px solid #333;
	}
	
	.navbar {
		border:0px solid transparent!important;	
	}
	
	.navbar-collapse a {
		margin:0 20px;
		color:#FFF;	
		border-bottom:1px solid rgba(255,255,255,0.2);
		font-size:17px;
		font-weight:bold;
	}
	
	.navbar-collapse a:focus {
		background:#333!important;	
	}
	
	.dropdown-menu {
		display:block;
		background:none;
		position:inherit;
		border:0px solid #FFF;
		padding:0;margin:0;
		clear:both;
		float:none;
		box-shadow:none;	
	}
	
	
	.dropdown-menu a {
		color:#FFF!important;
		padding-left:10px;	
		font-weight:normal;
	}
	
	.wpcf7 p {
	font-size:13px;	
}

.wpcf7 input {
	margin-bottom:20px;	
}

.wpcf7 {
	padding-bottom:40px!important;	
}

.navbar-collapse {
	padding-bottom:0px;	
}

.page h1 {
	font-size:28px;
	margin-bottom:15px;
	margin-left:10px;	
}

.logo img {
	margin-left:10px;
	margin-bottom:10px;
}

#navbar .navbar-toggle {
	margin-top:20px;	
}

.page-about-us .wp-caption-text,
.page-services .wp-caption-text {
	display:block;
	position:absolute;
	bottom:-40px;
	left:0px;
	z-index:99;
	background:transparent;
	font-size:1em;
	color:#000;
	text-transform:uppercase;
	text-indent:0;
	font-weight:bold;
	line-height:40px;	
	padding:0;
	width:95%;
	text-align:center;
	font-size:.65em;
} 


    .featured-section h1 {
        font-size: 24px!important;
    }
    
    .featured-section .callout {
        font-size: 31px;
        padding-bottom: 40px;
        width: 100%;
    }
    
    .navbar-fixed-top {
        position: relative;
        margin: 0;
        padding: 0;
    }
    
    .return-to-top {
        display:none!important;
    }
	
	.contact-page ul {
		font-size:14px;	
	}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

#navbar .navbar-toggle span {
	background:#333;	
}
	
#navbar ul ul {
	display:none;	
}

#navbar > ul {
	line-height:100px;	
}

/* STANDARD NAV */
#navbar .nav
{
	list-style:none;
	padding:0;text-indent:0;	
	margin:0 20px 0 0;
	float:right;
}

#navbar .nav > li
{
	height:100px;
	display:block;
	float:left;
	position:relative;
	z-index:999;
}

#navbar .nav > li > a
{
	display:block;
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
	color:#666666;
	line-height:20px;
	padding:20px 15px;
	padding-top:60px;
}


#navbar .dropdown-menu
{
	display:none;
	position:absolute;
	top:100px;left:0;
	list-style:none;
	margin:0;padding:0;text-indent:0;
	min-width:300px;
	padding:5px;
	background:#FFFFFF;
	border-top:5px solid #CC0000;
}

#navbar .dropdown-menu a
{
	display:block;
	color:#777777;
	font-size:18px;
	line-height:20px;
	padding:8px;	
}

#navbar .dropdown-menu li + li
{
	border-top:1px solid #F4F4F4;	
}


#navbar .nav .menu-item-has-children > a::after
{
		content:" \f078";
		font: normal normal normal 16px "FontAwesome";

}

/* ACTIVE NAV */
#navbar .nav > .current-menu-item > a,
#navbar .nav > .current-menu-ancestor > a
{
		border-top:5px solid #CC0000;
		color:#CC0000;
		padding-top:55px;
}

#navbar .nav > li > a:hover
{
	border-top:5px solid #CC0000;
		color:#CC0000;
		padding-top:55px;
	background:#CC0000;
	color:#FFF;
}

#navbar .nav > li:hover .dropdown-menu
{
	display:block;	
}

#navbar .dropdown-menu a:hover
{
	background:#F4F4F4;	
}

}