/* Askwisy Style Sheet */


#askwisy_logo_banner {
	height: 60px;
	width: auto;
}
#top-nav {
	/* box-shadow: 0px 6px 8px #888888; */
	padding-left: 100px;
	z-index: 100;
}
#aw-portal-nav {
	width: 280px;
	background-color: #f8f9fa;
}
#aw-portal-table thead {
	background-color: #2B66B1;
	color: #FFF;
}

#aw-footer {
	background-color: #2B66B1;
	color: #FFF;
}

#aw-footer .footer_links a {
	color: #FFF;
	text-decoration: underline;
}

.back {
	z-index: -100;
}

.blue {
	color:#2B66B1;
}

.white {
	color: #FFFFFF;
}

.banner {
	background-color: #000000;
}

.border-gradient {
  border: 10px solid;
  border-image-slice: 1;
  border-width: 5px;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.border-gradient-left {
  border-image-source: linear-gradient(to left, #2B66B1, #7CC142, #fed600);
}

.border-gradient-right {
  border-image-source: linear-gradient(to right, #2B66B1, #7CC142, #fed600);
}

h1, .text-green {
	color: #7CC142;
}

h1 {
	color:#2B66B1;
}

.p-lg {
	font-size: 22px;
}
.p-md {
	font-size: 18px;
}


.quote {
	font-style: italic;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #222;
	font-size: 20px;
	display: inline;
}
.quote-mark-up {
	width: 30px;
	height: auto;
	display: inline;
}
.quote-mark-down {
	width: 30px;
	height: auto;
	display: inline;
}

.center {
	text-align: center;
}

.demo {
	height: 500px;
}

#aw-carousel {
	margin-bottom: 0px;
}


#carousel_card1 {
    background: #000 url("../art/1576073375-m.jpeg");
    background-repeat:no-repeat;
    background-size: contain;
    background-position: right;

}	
	
.card-m {
	overflow: hidden;
}	
  

.sep-green {
	border-top: solid 3px #7CC142;
	margin-top: 40px;
	margin-bottom: 50px;
	padding: 20px;
	font-size: 36px;
	color: #7CC142;
	align-content: center;
	text-align: center;
}

/* Bootstrap color override for primary buttons */
.btn-primary {
	color:#fff;
	background-color:#2B66B1;
	border-color:#2B66B1}
.btn-primary:hover{
	color:#fff;
	background-color:#0b5ed7;
	border-color:#0a58ca
}
.btn-outline-primary {
	color:#000;
	background-color:#f8f9fa;
	border-color:#2B66B1}
.btn-outline-primary:hover{
	color:#fff;
	background-color:#2B66B1;
	border-color:#2B66B1
}

/* Custom CSS to adjust floating label position and textarea padding */
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-select ~ label {
  transform: scale(.85) translateY(-1.2rem) translateX(.15rem); /* Increased translateY */
}

@media all {
	.form-floating > .form-control.textarea-adjust {
		padding-top: 1rem; /* Increased padding-top */
	}
}

@media (max-width: 397px) {
	.form-floating > .form-control.textarea-adjust {
		padding-top: 2rem; /* Increased padding-top */
	}
}

@media (max-width: 383px) {
	.form-floating > .form-control.textarea-adjust {
		padding-top: 3rem; /* Increased padding-top */
	}
}

@media (max-width: 220px) {
	.form-floating > .form-control.textarea-adjust {
		padding-top: 4rem; /* Increased padding-top */
	}
}

@media (max-width: 768px) {
   	#carousel_card1 {
       	background: #000;	
		z-index: 0;
   	}	
}


