/* Styles for RealyInvest */


body{
	background-color: #FAFAFA;
	font-family: 'Work Sans', sans-serif;
}

p{
	font-family: 'Work Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6{
	
	font-weight: 500;
}

.bg-primary{
	background: #049AE0 !important;
}
.btn-main{
	color: #ffffff;
	background: #049AE0 !important;
}
.btn-outline-secondary{
	 color: #999EA3;
	 border-color: #B9B9B9;
	 border-radius: 100px;
}


.navbar{
		z-index: 99999;
}


/* ------
Card
--------- */

.card{
	border: none;
	background: #FFFFFF;
	box-shadow: 0 8px 14px 0 rgba(224,229,238,0.50);

	margin: 15px 0;
}
.card-body p{
	color: #6E777E;
	font-size: 17px;
	line-height: 26px;
}




/* ------
Sidebar
--------- */

 

a {
  color:#222222;
}

.wrapper, .row {
   height: 100%;
   margin-left:0;
   margin-right:0;
}

.wrapper:before, .wrapper:after,
.column:before, .column:after {
    content: "";
    display: table;
}

.wrapper:after,
.column:after {
    clear: both;
}

.column {
    height: 100%;
    overflow: auto;
    *zoom:1;
}



.box {
  	bottom: 0; /* increase for footer use */
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    /*background-image:url('http://lorempixel.com/1024/760/nature/3/');*/
    /*background-size:cover;*/
    /*background-attachment:fixed;*/
    background-image: -webkit-linear-gradient(313deg, #2DBCD3 0%, #2A94F0 100%);
	background-image: -o-linear-gradient(313deg, #2DBCD3 0%, #2A94F0 100%);
	background-image: linear-gradient(43deg, #2DBCD3 0%, #2A94F0 100%);
	margin-top: 70px;
}

.divider {
	margin-top:32px;
}

#main {
    background-color:#FAFAFA;
}
#main .img-circle {
  margin-top:18px;
  height:70px;
  width:70px;
}

#sidebar, #sidebar a {
    color:#ffffff;
    background-color:transparent;
}
#sidebar a.logo {
  display:block;
  padding:3px;
  background-color:#fff;
  color:#777777;
  height:40px;
  width:40px;
  margin:15px;
  font-size:26px;
  font-weight:700;
  text-align:center;
  text-decoration:none;
  text-shadow:0 0 0;
}
#sidebar img{
	text-align: center;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

#sidebar h5{
	/* Learning Center: */
	text-transform: uppercase;
	opacity: 0.8;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0.93px;
	margin-top: 16px;
	text-align: center;
}
#sidebar ul.navbar-nav {
	margin: 40px 0;

}
#sidebar ul.navbar-nav li{
	border-top: 1px solid #56BAE9;
}
#sidebar ul.navbar-nav li:last-child{
	border-bottom: 1px solid #56BAE9;
}
#sidebar ul.navbar-nav li a{
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 14px;
	text-align: center;
	letter-spacing: 1px;
	padding: 1rem;
}

#sidebar-footer {
	position:absolute;
	display: block;
	bottom:5px;
	width: 90%;
	left: 33%; 
	-webkit-transform: translateX(-31.5%);
	transform: translateX(-31.5%);
	text-align: center;
}
	#sidebar-footer  a{
		font-size: 14px;
		opacity: .7;
	}


 



/* ------
Article
--------- */
.article{
	padding: 30px;
	margin-top: 30px;
	background: #FFFFFF;
	box-shadow: 0 8px 14px 0 rgba(224,229,238,0.50);
}

.article-cat{
	font-size: 14px;
	font-weight: 500;
	color: #049AE0;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.article .article-content{
	font-size: 18px;
	line-height: 28px;
	 
	margin: 20px 0;
	-webkit-font-smoothing: antialiased;
}
.article .article-content .title-lg, 
.article .article-content .title-md, 
.article .article-content .title-sm, 
.article .article-content .title-xs{
	font-weight: 600;
}
.article .article-content p{
	color: #6E777E;
	margin-top: 29px;
}
/*
.article .article-content .photo-caption{
	color: #868e96;
	font-size: 80%;
	font-style: italic;
}*/
.article .article-content .list {
	margin: 40px 0 20px;
}
.article .article-content .list p{
	color: #6E777E;
	margin-top: 29px;
}
.article .article-content .list ul li{
	color: #6E777E;
	list-style: none;
}
.article .article-content .unordered-list li{padding-left: 1em; 
  text-indent: -.7em;}
.article .article-content .unordered-list li::before {
  content: "\f363 ";
  font-family: Ionicons; 
  color: #049AE0; /* or whatever color you prefer */
  margin-right: 8px;
}
.article .article-content .numbered-list .number{
	margin: 20px 0;
	clear: both;
}
.article .article-content .numbered-list .number span{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 18px;
	padding: 4px 0;
	display: inline-block;
	text-align: center;
	width: 40px;
	height: 40px;
	background-image: -webkit-linear-gradient(313deg, #2DBCD3 0%, #2A94F0 100%);
	background-image: -o-linear-gradient(313deg, #2DBCD3 0%, #2A94F0 100%);
	background-image: linear-gradient(43deg, #2DBCD3 0%, #2A94F0 100%);
	color: #ffffff;
	margin-right: 15px;
	float: left

}

.article .article-content .numbered-list .number .header{
	line-height: 32px;
}

.article .article-content .numbered-list .number p{

}





.article .article-title{
	margin-bottom: 20px;
	font-weight: 600;
}
.article .article-img{
	max-width: 100%;
}


.article-author{
	text-align: center;
}
.article-author a:hover{
	text-decoration: none;
}
.article-author img{
	margin-bottom: 4px;
	border-radius: 100px;
	height: 50px;
	width: 50px; 
	object-fit:  cover;
}
.article-author-name{
	margin-bottom: 0;
	color: #6E777E;
	font-weight: 500;
	font-size: 16px;
}
.article-author-position{
	/* Co-Founder: */
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #6E777E;
	letter-spacing: 0;
}


.share-this{
	text-align: center;
	border-top: 1px solid #E5E5E5;
	padding-top: 30px;
}
.share-this h6{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	color: #6E777E;
}


.related{
	margin-top: 30px;
}
.related .related-title{
	padding-left: 15px;
}
.related .card-title{
	font-size: 19px;
}

.comment{
	margin-top: 30px;
}

.comment form{
	border-radius: 3px;
	margin-top: 20px;
	border: 1px solid #e9eaea;
}
.comment form input:focus, .comment form textarea:focus{
	box-shadow: none;
}
.comment .comment-info{
	padding: 30px;
	background: #ffffff;
}
.comment form textarea{
	margin-top: 15px;
}

.comment form .comment-submit{
	text-align: right;
	background: #e9eaea;
	padding: 10px;
	border-radius: 0 0 3px 3px;
}

.comment-response{
	margin: 30px 0;
}
.comment-response p{
	color: #6E777E;
}
.comment-response .comment-date{
	font-size: 14px;
	opacity: .8;
}
.comment-response .comment-reply{
	margin: -5px 0 20px;
}
.comment-response img{
	height: 40px;
	width: 40px;
	object-fit: cover;
}
.comment-response form{
	margin: 0 0 30px 0;
}

/* ------
Profile
--------- */
.profile{
	margin: 30px 0 40px;
	background: #FFFFFF;
	box-shadow: 0 8px 14px 0 rgba(224,229,238,0.50);
}

.profile .profile-user{
	background: #242832;
	text-align: center;
	padding: 15px;


}
.profile .profile-user img{
	border-radius: 100px;
	height: 120px;
	width: 120px;
	object-fit: cover;
}
.profile .profile-user-name{
	color: #ffffff;
	margin: 16px 0 8px;
}

.profile .profile-user-position{
	font-size: 13px;
	color: #6E777E;
	letter-spacing: 0;
}
.profile .profile-desc {
	max-width: 540px;
	margin: 0 auto;
}
.profile .profile-desc p{
	color: #6E777E;
	line-height: 21px;
    column-count: 1;
    font-size: 13px;
    text-align: left;
}
.profile .profile-desc .label{
	font-size: 12px;
	letter-spacing: 1px;
	color: #ddd;
	text-align: center;
	text-transform: uppercase;
}

.profile .profile-desc hr{
	border-color: rgba(230, 230, 230, .1);
}

.profile .profile-article{
	padding: 15px;
}

.profile .profile-article h6{
	 margin: 15px 0;
}


/* ------
Footer
--------- */
.footer{
	border-top: 1px solid #ddd;
	padding-top: 15px;

}
.footer p{
	color: #999EA3;
	text-align: center;
	font-size: 14px;
}
.footer ul li a{
	font-size: 14px;
	color: #999EA3;
	text-align: center;
}


 /* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */


@media (max-width: 480px) {
	.profile-article .grid-item{
		padding: 0;
	}
	 #main{
		padding-left: 0;
		padding-right: 0;
	}
	.footer{
		margin-top: 60px;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.box{
		margin-top: 0;
	}
 
 }

@media (max-width: 992px) {
	#sidebar{
		display: none;
	}
	.box{
		margin-top: 60px;
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.card-body{
		padding: 40px 45px;
	}
	.column .padding {
	    padding: 40px 20px;
	}
	.article{
		padding: 120px 100px 70px;
		margin-top: 0;
	}
	.article-inner{
		padding: 50px 150px;
	}
	.article .article-title{
		margin-bottom: 60px;
	}
	.article .article-content{
		font-size: 18px;
		line-height: 30px;
		margin: 38px 0;
	}
	.related, .commments{
		margin-top: 60px;
	}
	.share-this{
		margin-top: 60px;
		padding-top: 60px;
	}
	.share-this h6{
		margin-bottom: 20px;
	}
	.article-author{
		margin-top: 100px;
	}
	.profile .profile-user{
		padding: 48px;
	}
	.profile .profile-article h6{
	 margin: 30px 0 30px;
}
	.profile .profile-article{
		padding: 40px 60px 60px;
	}

	.profile .profile-desc p{
    column-count: 2;
	}



}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.navbar{
		display: none;
		z-index: 99999;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }