/* ////////////////////////////////////////

Your custom css here

/////////////////////////////////////////*/


button:hover{
	cursor: pointer;
	box-shadow: none !important;
}

button:focus {
	cursor: pointer;
	box-shadow: none !important;
}

button:active {
	cursor: pointer;
	box-shadow: none !important;
}


button.closeBtn.btn.btn-outline-primary.btn-rounded.btn-md{
	box-shadow: none !important;
}

.form-control:focus{
	box-shadow: inset 0 0 3px rgb(153, 0, 0);
	-moz-box-shadow: inset 0 0 3px rgb(153, 0, 0);
	-webkit-box-shadow: inset 0 0 3px rgb(153, 0, 0);
}

.vidCenter {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

i.fab.fa-facebook.fa-2x, i.fab.fa-twitter.fa-2x {
  	transition-duration: 0.4s;
}
i.fab.fa-facebook.fa-2x:hover {
	/*color: rgb(153, 0, 0);*/
	color: #ff0000;

}
i.fab.fa-facebook.fa-2x:active {
	color: #ff0000;
}

a:hover {
	color: #ff0000;
}

i.fab.fa-twitter.fa-2x:hover{
	color: #ff0000;
}
i.fab.fa-twitter.fa-2x:active{
	color: #ff0000;
}


 button.closeBtn.btn.btn-outline-primary.btn-rounded.btn-md{
	background-color: #e5e5e5;
	color: rgb(0, 0, 0);
	border: none;
	border-radius: 0px;
}
 button.closeBtn.btn.btn-outline-primary.btn-rounded.btn-md:hover{
	background-color: #909090;
	color: rgb(0, 0, 0);
 }

 button.closeBtn.btn.btn-outline-primary.btn-rounded.btn-md:active{
	background-color: #ff0000;
	color: rgb(255, 255, 255);
	border: none;
	border-radius: 0px;
 	}

::-moz-selection { /* Code for Firefox */
	background: rgb(153, 0, 0);
}

::selection {
	background: rgb(153, 0, 0);
}

 /*Contact Page*/

#submit-button{
	background-color: #e5e5e5;
	color: rgb(0, 0, 0);
	border: none;
	border-radius: 0px;
}

#submit-button:hover{
  	background-color: #909090;
	color: rgb(0, 0, 0);
 }

  #submit-button:active{
	background-color: #ff0000;
	color: rgb(255, 255, 255);
	border: none;
	border-radius: 0px;
}

.text-danger{
	color: #ff0000;
}

/*/////////////////////
 Modal responsiveness
///////////////////////*/

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

div.modal-content {
	overflow: hidden;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="m.col-"]{
	float:left;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.m.col-1 {width: 33.33%;}
.m.col-2 {width: 33.33%;}
.m.col-3 {width: 33.33%;}


  .mr-4 {
    display: block;
}

@media only screen and (min-width: 280px) and (max-width: 768px) {
  .closeBtn {
    text-align: center;
	}
  img.top-image{
  	width: 75%;
    }
    p.headline-subtitle{
    	/*font-size: 90%;*/
    	width: 80%;
    }
    .neonLogo{
    	visibility: hidden;
    }
    #portfolio-filters{
    	visibility: hidden;
    }
}

    [class*="m.col-"]{
    width: 100%;
    text-align: center;
    float: left;
 	 }
  }
}
img.top-image{
	width: 100%;
	height: auto;
}

i.far.fa-envelope{
	padding-right: 20px;
	color: #ff0000;
}

i.fas.fa-times{
	padding-right: 20px;
	color: #ff0000;
}

#neon{
	color: #ff0000;
}
#neon:hover{
	color: #000000;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.goingviral_logo {
	width: 100%;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.demo-vids {
	margin-top: 12px;
}
/*/////////////////////
portfolio
/////////////////////*/

lite-youtube {
	display: block;
	margin-left: auto;
	margin-right: auto;
}