@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&display=swap');
.bottom-gap {
	margin-bottom:1rem;
}
img.i-thumb {
	margin:0 auto;
}
.w3l-homeblock1 .list-view.list-view1 .grids5-info, .w3l-blog-slider .list-view.list-view1 .grids5-info {
    grid-template-columns: 25% 70%;
}
.d-block {
    margin: auto;
}
img.grey {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.j-img img{
	max-width:70%;
}
.member-name {
	font-family: 'Oswald', sans-serif;
	font-size:2.5em;
	margin:1rem 0 1.5rem 0;
	color:#000;
}
ul.fa-social-icons {
	margin:1rem 0;
}
ul.fa-social-icons li a {
	border:solid 1px;
	text-align:center;
	border-radius: var(--border-radius);
}
ul.fa-social-icons a.noicon {
	width:100%;
	padding:0 15px;
}
.facebook i, a.facebook:hover {
	color:#3b5998;
}
.twitter i, a.twitter:hover {
	color:#1DA1F2;
}
.google i, a.google:hover {
	color:#db4a39;
}
.linkedin i, a.linkedin:hover {
	color:#0e76a8;
}
.github i, a.github:hover {
	color:#4078c0;
}
.dribbble i, a.dribbble:hover {
	color:#ea4c89;
}
.portfolio-image {
	text-align:center;
	margin:3rem 0 0 0;
}
.portfolio-name, .copy-right h6 {
	font-family: 'Comfortaa', cursive;
}
.link-button {
	padding: 2px 5px;
	border:solid 1px;
	border-radius: var(--border-radius);
}
.featured-thumb {
	max-height:300px;
	overflow:hidden;
	border-radius: var(--border-radius);
}
.grids5-info:last-child {
	border-bottom:none;
}
.dycontent p, .dycontent ul {
	margin:1rem 0;
	text-align:justify;
}
.dycontent ul, .dycontent ol {
	padding-left:1em;
}
.dycontent ul li, .dycontent ol li {
	list-style-type: inherit;
	font-size: 16px;
    line-height: 26px;
    color: var(--font-color);
    font-family: 'Open Sans', sans-serif;
}
.input-label {
	margin:1rem 0;
	font-size:80%;
}
.pos-sticky {
	border:solid 1px var(--font-color);
	border-radius: var(--border-radius);
	padding:1rem;
}
/**/
.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 5px;
    border-radius: var(--border-radius);
  	border: 1px solid #ddd;
    transition: .2s;
	margin-bottom: 16px;
}

.choose-file-button {
    flex-shrink: 0;
    /*background-color: #f93;*/
	color: var(--font-color);
    margin-right: 10px;
	padding: 10px 35px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    transition: 0.3s ease-in;
	border: 1px solid #ddd;
    border-radius: var(--border-radius);
	cursor:pointer;
}

.file-message {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    widows: 100%;
    cursor: pointer;
    opacity: 0
}