/*
 * Start Bootstrap - Full Width Pics (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 *
 * Modified for Auto ModList
 */

body {
    /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-size: 12px;
	background: #444444;
	color: #FFFFFF;
	padding-top: 50px;
	background-image: url("../garageDoorTextureDark.png");
	background-repeat: repeat;
}

.bg-dark {
    background-color: #7fa7bc !important;
}

.navbar-brand {color: white;}
.navbar-brand:hover {color: white;}

vehiclesection {
    padding: 0px 0;
	position: absolute;
    left: 0px;
	right: 0px;
    top: 0px;
    z-index: 20;
}

loadingoverlay {
	margin: auto;
	position: fixed; 
    width: 100%;
    height: 100%; 
    background: rgba(51,51,51,0.7);
    z-index: 10; 
}

.pageLoadingOverlay {
		margin-top: 100;
}

.loadingCentered {
	backgound: red;
		margin-left: auto; 
	margin-right: auto;
}

.mods-text-section {
    padding: 10px 10px 10px 10px;
}

.date-text {
}

.no-paddding {
  padding-left: 0;
  padding-right: 0;
}

.shade-background {
	background: rgb(25, 25, 25); /* Fall-back for browsers that don't support rgba */
    background: rgba(25, 25, 25, .7);
	color: #FFFFFF;
}

.section-heading {
    margin: 55px 30px 0px 15px;
    padding-top: 5px;
    font-size: 150%;
}

.section-sub-heading {
    margin: 55px 80px 0px 10px;
    font-size: 150%;
}

.mod-section-heading {
    margin: 0px 0px 0px 0px;
    font-size: 150%;
}

.mod-section-heading a {
	color: white;
}

.mod-section-description {
    margin: 0px 0px 0px 10px;
    font-size: 100%;
}

.mod-section-heading {
    margin: 10px 30px 0px 10px;
    font-size: 200%;	
}

.mods-heading {
	margin: 0px 0px 0px 0px;
	font-size: 150%;
}

footer {
	color: black;
	padding: 10px 10px 10px 10px;
}

.mod-image-container {
	position: relative;
}

.mod-image-thumb-container {
	background: #fff;
}

.mod-image-contained {
	position: relative;
}

.mod-image-description-contained {
    top: 0;
    left: 0;
	width: 100%;
    position: absolute;	
}

.user-profile-circle {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  margin: 10px 0px 0px 0px;
  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.user-profile-name {
    display: inline-block; 
    margin: 10px 10px 10px 10px; 
    vertical-align: text-bottom;
  font-size: 200%;
}

.user-profile-name-location-instagram {
  font-size: 110%;
}

.user-profile-name-bio {
    vertical-align:top;
    margin: 10px 10px 0px 0px;
    padding: 10px 20px 0px 0px;
    font-size: 110%;
}

.profile-header-section-container {
}

.profile-header-section-container a {
	color: white;
}

.profile-bio-section-container {
    background-color: #fff;
    padding: 0px 10px 0px 10px;
    margin-top: 0%;
    color: #444444;
}


@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(0.3); opacity: 0; }
    50% { -webkit-transform: scale(1.0); opacity: 1; }
    90% { -webkit-transform: scale(0.5); opacity: 0.5; }
	100% { -webkit-transform: scale(1.0); opacity: 1; }
}

@keyframes pulse {
    0% { transform: scale(0.3); opacity: 0; }
    50% { transform: scale(1.0); opacity: 1; }
    90% { transform: scale(0.5); opacity: 0.5; }
	100% { transform: scale(1.0); opacity: 1; }
}

#vehicleModCount {
    background-color: #FF9000;
  
	width: 44px;
    height: 44px;
	
	margin-right: 20px;
	margin-top: -12px;
	border-style: solid;
	border-width: medium; 
    
    box-shadow: 2px 2px 2px 0px #888888;
	
	text-shadow: 1px 1px #444444;
	
    font-size: 24px;
    color: #fff;
    text-align: center;

    -webkit-animation: pulse 2s 1 ease-in-out;
    -o-animation: pulse 2s 1 ease-in-out;
    -ms-animation: pulse 2s 1 ease-in-out; 
    -moz-animation: pulse 2s 1 ease-in-out; 
    animation: pulse 2s 1 ease-in-out;
}

#modCountLabel {
	color: #fff;
	text-shadow: 1px 1px #888888;
}

.grayTextShadow {
	text-shadow: 1px 1px 2px #646464;
}

.whiteLine {
    border: 1px solid #ffffff;
    margin: 0px;
    padding: 0px;
}

.user-profile-name-bio-list {
    background-color: #fff;
    margin-bottom: 0px;
}

.modal-full {
    min-width: 90%;
}

/*
.modal-full .modal-content {
    min-height: 100vh;
}
*/

/** Fix flickering bug caused by modal popup code inside li **/
.list-group-item, .list-group-item:hover{ z-index: auto; }

.rounded-circle {
    
}