body {font-family: 'Open Sans', sans-serif;
font-size: 16px;
}


p {font-family: 'Open Sans', sans-serif;
font-size: 16px;
	margin: 0;
}


	

.bodywrapper{
    background:black;
}

a {
    color: #fff !important;
	font-family: 'Open Sans', sans-serif;
}



a:hover {
    color: #860303;
    text-decoration: none;
}

a:focus {text-decoration: none;}

.credits li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #455560;
   font-family: 'Open Sans', sans-serif !important;
    font-weight: normal;
}


#post-10 .entry-title  {display: none;}



.credits h3 {
    margin-top: 25px;
	color: #fff;
}


.credits h3:first-child {
    margin-top: 0px;
}


.container-fluid.jeff-wrap {
    background: #000;
}

.entry-content {
    margin: 0 !important;
}


.container-fluid.jeff-wrap {
    background: #000;
	padding: 0;
	
}



.col-md-3.credits {
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: scroll;
	position: fixed;
	height: 100vh;
	top: 0;
	overflow-x: hidden;
	left: 0;
   Max-width: 100%;
}







html {
    background: #000;
}



.credits .image-show {    position: fixed;
    top: 0;
    left: 4000px;
    z-index: -50;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
height: 100%;
	width: 100%;
	object-fit: cover;

}




.credits li a:hover + img  {
	left: 0;
    height: 100%;
    width: 100%;
	object-fit: cover;
	
}


.credits li a {
    font-size: 18px;
    text-transform: lowercase;
	
	
	  -webkit-transition: color 300ms;
  transition: color 300ms;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
	
}



.credits li a:hover {
    color:  #000 !important;
	
	
}


.credits li a:before{
	
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f0eba7;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	
	
}

.credits li a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


.jeff-logo {
	font-family: 'Archivo Black', sans-serif;
    font-size: 20px;
    top: 50 !important;
    left: 50;
    width: 100%;
    text-align: center;
    top: 44%;
	 animation-name: example;
  animation-duration: 40s;
	z-index: -100;
Float: left;
Display:inline-block;
Color:#ece8be;



}

@keyframes example {
  0% {color:#571845 ;}
	10% {color:#900c3e ;}
	20% {color:#c70039 ;}
	30%{color:#ff5733 ;}
	40%{color:#ffc300 ;}
	50%{color:#fea702 ;}
	60%{color:#fe6464 ;}
	70%{color:#bb5191 ;}
	80%{color:#56508c ;}
	90%{color: #00405c;}
	100%{color: #1b998b ;}
	

	
	
	
}



.contact {
    background: #000;
}



i.far.fa-envelope {
    font-size: 60px;
    position: absolute;
    right: 19px;
    bottom: 10px;
}


i.far.fa-envelope:hover{color:#f0eba7}


.animated-heading-1 {
    background-image: url(/wp-content/uploads/2020/06/Demo.gif);
    width: 100%;
    background-repeat: no-repeat;
    height: 70px;
}


.animated-heading-2 {
    background-image: url(/wp-content/uploads/2020/06/MV.gif);
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
}

.animated-heading-3 {
    background-image: url(/wp-content/uploads/2020/06/Shorts.gif);
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
}


.animated-heading-4 {
    background-image: url(/wp-content/uploads/2020/06/Art.gif);
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
}

.animated-heading-5 {
    background-image: url(/wp-content/uploads/2020/06/Editor.gif);
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
}

.animated-heading-6 {
    background-image: url(/wp-content/uploads/2020/06/Etc.gif);
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
}

.animated-heading-7 {
    background-image: url(/wp-content/uploads/2023/02/Contact.gif);
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
}

.animated-heading-8 {
    background-image: url(/wp-content/uploads/2023/05/Film.gif);
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
}


.credits ul {
    margin-top: 10px;
    margin-left: 0;
    margin-bottom: 10px;
	margin-right:  0;
    padding-left: 0;
}

p {margin: 0 !important;}

article#post-10 {
    background: #000;
}





.bio-text {
    float: right;
    width: 70%;
    padding-left: 15px;
}


img.jeff-portrait {
    width: 30%;
    float: left;
}


.modal-dialog {
    max-width: 100%;
    width: 60%;
}

.bio-text p {
    padding-top: 15px;
}

.bio-text p:first-child {
    padding-top: 0px;
}






@media only screen and (min-width: 1286px) and (max-width: 1437px){
	.credits li a {
		font-size: 16px;}
	
	
	
	
	
}


@media only screen and (min-width: 1146px) and (max-width: 1285px){
	.credits li a {
		font-size: 14px;}
	
	
	
	
	
}



@media only screen and (min-width: 992px) and (max-width: 1145px){
	.credits li a {
		font-size: 12px;}
	
	
	
	
	
}




@media only screen and (min-width: 992px) and (max-width: 1158px){
	
	.jeff-logo {
		font-size: 60px;}
	
	
	
	
}
	
	
	
@media only screen and (max-width: 992px){
	.desktop {display: none;}
	
	.jeff-logo.mobile-logo {
    font-size: 35px;
    padding-top: 20px;
    border-bottom: 1px solid;
    background: #000;
    padding-bottom: 20px;
    top: 0;
    position: fixed;
Z-index: 1000 !important;
}
	
	
	
	.mobile-list {
    text-align: center;
    margin-top: 135px;
		padding-left: 20px;
			padding-right: 20px;
}
	
	
	i.far.fa-envelope {
    font-size: 40px;
    position: fixed;
    right: 19px;
    bottom: 10px;
}
	
	.mobile-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
	
	
	.mobile-list .animated-heading-1{
		
		background-position: center;
		display: block;
    margin-bottom: 20px;
    margin-top: 29px;
		
		
	}
	
	
	.mobile-list .animated-heading-2{
		
		background-position: center;
		display: block;
    margin-bottom: 20px;
		   margin-top: 20px;
		
		
	}
	
	.mobile-list .animated-heading-3{
		
		background-position: center;
		
		display: block;
    margin-bottom: 20px;
		   margin-top: 20px;
		
		
	}
	
	.mobile-list .animated-heading-4{
		
		background-position: center;
		display: block;
    margin-bottom: 20px;
		   margin-top: 20px;
		
	}
	
	.mobile-list .animated-heading-5{
		
		background-position: center;
		display: block;
    margin-bottom: 20px;
		   margin-top: 20px;
	}
	
	

		.mobile-list .animated-heading-6{
		
		background-position: center;
		display: block;
    margin-bottom: 20px;
		   margin-top: 20px;
	}
	

	
		.mobile-list .animated-heading-7{
		
		background-position: center;
		display: block;
    margin-bottom: 20px;
		   margin-top: 20px;
	}
	

	
		.mobile-list .animated-heading-8{
		
		background-position: center;
		display: block;
    margin-bottom: 20px;
		   margin-top: 20px;
	}
	
	
	.modal-dialog {
		max-width: 40%;}
	
	
	
	
	
	
	img.jeff-portrait {width: 100%;}
	
	.bio-text {
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-top: 20px;
    padding-right: 10px;
}
	
	
	
	
	.modal-dialog {
    max-width: 100%;
		width: 100%;
		padding-left: 0;
		margin-left: 0;
		
		
		
}
	
	
	
	
	
	
	
	
	
	
}


@media only screen and (min-width: 992px){
	
	.mobile {
   display: none;
}
	
	
	
	
	
}



.modal-header {
    padding-bottom: 0;
    padding-top: 0;
}

.modal-header button.close {
    padding-top: 0px;
    padding-bottom: 30px;
    font-size: 30px;
}



h5#exampleModalLabel {
    width: 100%;
    text-align: center;
    padding-top: 16px;
    margin-left: 31px;
    color: #000;
}





/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) { @media {


.col-md-3.credits {
padding-top: 40px;
padding-bottom: 40px;
overflow: scroll;
position: fixed;
height: 100vh;
top: 0;
background: none;
left: 0;
width: 100% !Important;
max-width: 100%;
}

    
}}




/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .safari_only {
.col-md-3.credits {
padding-top: 40px;
padding-bottom: 40px;
overflow: scroll;
position: fixed;
height: 100vh;
top: 0;
background: none;
left: 0;
width: 100% !Important;
max-width: 100%;
}
 

}




.video-header {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}




video#myVideo {
    position: absolute;
    top: 66%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/* 



.col-md-3.credits::-webkit-scrollbar {
    background-color: #f0eba7;
    border-radius: 1px;
    border: 1px solid #000;
}

	*/





html::-webkit-scrollbar {
	
	display: none;
    width: 0!important;
	
	
}


	
.col-md-3.credits::-webkit-scrollbar {
   Width: 8px;
background: #000;
 overflow-x: hidden;


}


.col-md-3.credits::-webkit-scrollbar-thumb{

Background:#ece8be;



}


.mobile-list li {

    font-size: 23px;
Padding-bottom:3px;



}