/*------------------------------------*/
/* Custom Styles for EqueryDirect.com */
/*------------------------------------*/



/* GLOBAL STYLES */

a {
	color: blue;
}

a:hover,
a:focus {
	color: #bfc7cd;
	text-decoration: none;
}

html,body {
	height: 100%;
	max-width: 100%;
}

body {
	font-family: 'Roboto', sans-serif;	
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Hind', sans-serif;
}

footer {
  	background-color: #0E151A;
	bottom: 0;
	color: #E5E8F5;
	margin-top: 20px;
	padding: 9px 0px 5px 0px;
	position: relative;
	text-align: center;
	width: 100%;
}

footer a {
	color: #fff;
}

textarea {
	resize: vertical;
}




/* CUSTOM NON-GOOGLE FONTS */
@font-face {
    font-family: "Courier Bold";
    src: url(../fonts/courbd.ttf) format("truetype");
}




/* ALPHABETICAL CLASS AND ID STYLES */



/* Account Page Heading */
.acct-pg-heading {
	background-color:#d5dee4;
	background-image: radial-gradient(circle farthest-side at center top, #d5dee4, #222 350%);
	padding: 5px;
	width: 100%;
}


/* Account Page Item*/
.acct-pg-section {
	width: 100%;
}

.acct-pg-section-sm {
	/*height: 100%;*/
	min-height: 230.5px;
	width: 100%;
}


/* Account Page Row */
.acct-pg-row {
	margin-bottom: 40px;
}


/* Add Margin-Bottom */
.add-margin-bottom {
	margin-bottom: 40px !important;
}


/* Add Shadow */
.add-shadow {
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
}


/* Alert Messages */
.alert-msg {
	margin: auto;
	width: 90%;
}


/* Carousel */
.carousel {
    width: 100%;
}

.carousel-indicators {
    visibility: hidden;
}



/* Center element and text */ 
.center {
	text-align: center;
	margin: 0 auto;
}

.center-div {
	margin: 0 auto;
}


/* Change Email or Password Box */
.change-email-pass-box {
	margin-top: 40px;
}


/* Character Counter */
.char-counter {
	font-weight: bold;
}


/* Colored rows */
.color-row{
	background-color:#d5dee4;
	background-image: radial-gradient(circle farthest-side at center top, #d5dee4, #222 350%);
	margin: 0px;
	padding: 20px 10px;
	width: 100%;
}


/* Company List */
.company-list-col {
	list-style: none;
}


/* Confirm jumbotron */
.confirm-jumbo {
	margin-top: -20px;
}


/* Contact box */
.contact-box {
	margin-left: auto;
	margin-right: auto; 
}

/* Content box */
.content-box {
	background-color: #d5dee4;
	background-image: radial-gradient(circle farthest-side at center top, #d5dee4, #222 600%);
	margin: auto;
	width: 90%;
}


/* Contact form validation */
input.valid, textarea.valid {
	border: 1px #449D44 solid;
	font-weight: bold;
}
label.error {
	font-weight: bold;
	color: red;
	padding: 1px;
	margin-top: 2px;
}

input.error, textarea.error {
	border: 1px #C9302C solid;
}


/* Default Link */
.default-link a:link {
	color: #0000EE; 
}
.default-link a:hover,
.default-link a:focus {
	color: black;
}
.default-link a:visited { 
	color: #551A8B; 
}


/* Display In-line Block */
.in-line {
	display:inline-block;
}


/* Divider */
.divider {
	background-color: #c1d7e9;
	display: block;
 	height: 2px;
 	width:100%;
 	margin: 10px 0;
}


/* FAQ */
.accordion-title {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight: 400;
}

.panel-title > a:hover {
	text-decoration: none;
}

.panel-default > .panel-heading {
    background-color: #BDCBD5;
	background-image: linear-gradient(to top, #BDCBD5 0px, #e1e7ec 100%);
	background-repeat: repeat-x;
	border-color: #e1e7ec;
	cursor: pointer;
}


/* Forgot Password Box */
.forgot-pw-box {
	margin-top: 40px;
}


/* Front page top row */
.front-page-top-row,
.account-page-top-row {
	margin-bottom: 40px; 
	margin-top:-20px;
}


/* Header background image */
.header-img{
	background: url("../img/bannerImg2.jpg") no-repeat scroll center center / cover;
	height: 525px;
	margin-top: -20px;
	width: 100%;
}


/* Header wrapper */
.headerWrapper{
	background-color: black;
	padding-top: 10px;
}


/* List Group ---bootstrap override */
.list-group {
	margin-bottom: 0px;
}


/* Login & Register Box */
.login-reg-box {
	margin: 20px auto;
	max-width: 450px;
}

.login-reg-box a {
	color: white;
}

.login-reg-box a:hover {
	color: black;
}


.login-button-block {
	float: right;
}

/* Navigation */
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }

.navbar {
	background-color: black;
	border: none;
	color: white;
}

.navbar-default .navbar-nav > li > a {
    color: white;
    font-size: 1.12em;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #bfc7cd;
}

.nav-padding {
	padding-right: 5px;
}


/* ReCaptcha */
.g-recaptcha div {
    margin: 10px auto;
}


/* Row ---bootstrap override */
.row {
	max-width: 100%;
}


/* Submission Edit Form */
.sub-edit-form-label {
	padding-left: 5px;
}


/* Submission Library Items */ 
.sub-lib-item {
	background: url("../img/paper-texture2.jpg") no-repeat scroll center center / cover;
	color: #333;
	font-family: "Courier New", Courier, monospace;
	margin: 100px auto;
	padding: 10px 25px;
}

.sub-lib-item > p {
	font-size: 1.4em;
}


.sub-lib-item > h2,
.sub-lib-item > h3,
.sub-lib-item > h4 {
	font-family: "Courier Bold", "Courier New", Courier, monospace;
}


/* Testimonial on front page */
.testimonial-slider {
	height:275px; 
	margin-bottom: -50px;
	margin-top:80px;	
}

.testimonial-text{
	font-size: 1.2em;
	font-style:italic;
	padding-left: 20px; 
	padding-right: 20px;
}


/* User Submission List for Member Home Page */
.date-last-edited {
	font-size: .75em; 
	padding-left: 10px	
}

.sub-title-display {
	font-size: 1.5em; 
	padding-right:10px;
}


/* Well ---bootstrap override */
.well {
	background-color: #C0CDD7;
}


/* Wrapper - Push Footer Down */
.wrapper-push {
	min-height: 90%;
}



/* MEDIA QUERIES */


/* Bootstrap's "Small" Size Screen */
@media only screen and (max-width : 768px) {
	
	/* Account Page TOP Row Column Spacing */
	#acct-info-col,
	#purchase-col {
		margin-bottom: 40px;
	}
	
	.login-button-block,
	.logout-button-block {
		margin: auto;
		text-align: center;
	}
		
}

/* For Submission Form */
@media only screen and (max-width : 990px) {

	.push-down-mobile {
		margin-top: 20px;
	}

}



@media screen and (max-height: 575px){

	#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

}