/* Style adjustments for Respectance theme */

/* General */
body {
	font-family: "Raleway", sans-serif;
	background-color: #f8f6fa;
}
.h4, h4 {
	font-weight: bold;
	color: #953264;
}

h2 {
	color: #8e305f;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.32);
	padding: 10px 0 30px 0;
}
.scroll-top {
	background-color: #852d59;
}
.header-top-navigation ul li a:active, .header-top-navigation ul li.active a {
	color: #f1f1f1;
}
.header-top-navigation ul li:hover a, .header-top-navigation ul li.active a {
    color: #f3f3f3;
}
.small-text {
	font-size: 10px;
    color: #ada998;
}
a {
	color: #0066d4;
}
.mobile-header-profile {
	z-index: 17;
}
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Bol ads */
.bol_sitebar_box {
	width: 100% !important;
}
.right-div-preview {
	width: 133px !important;
}

/* Top menu */
.htexp-dropdown {
    top: 100%;
    left: 0;
    width: 500px;
    height: auto;
    padding: 15px;
    position: absolute;
    background-color: #fff;
    border-radius: 0 0 2px 2px;
    z-index: 999;
    display: none;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.2);
}
.htexp-dropdown a {
	padding: 0px !important;
}


/* Pagination */
img.lazy {
	display: block;
	
	/* optional way, set loading as background */
	background-image: url('/assets/images/homepage/lazyload-spinner.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* Widgets */
.widget-title {
	margin-bottom: 30px;
}
.sidebar-menu th, .sidebar-menu td {
	padding: 10px;
    vertical-align: top;
	border: 0px;
}

.unorder-list .like-button {
	font-size: 16px;
}

.small-side-text {
	position: relative;
	float: right;
	color: #c1c1c1;
}
.widget-candle-bg {
	background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.88)), url("/assets/images/homepage/candles-bg.jpg");
}
.candle-list-wrapper li {
    margin-bottom: 15px;
}

/* Social media icons */
.icon-button {
	background-color: white;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 2.0rem;
	height: 3.6rem;
	line-height: 3.6rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 3.6rem;
	z-index: 1;
}

.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 3.6rem;
	margin: -1.8rem;
}
.icon-button i {
	background: none;
	color: white;
	height: 3.6rem;
	left: 0;
	line-height: 3.6rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 3.6rem;
	z-index: 10;
}
.icon-button .fa-twitter {
	color: #4099ff;
}
.icon-button .fa-facebook {
	color: #3B5998;
}
.icon-button .fa-whatsapp {
	color: #25d366;
}
.icon-button:hover .fa-twitter,
.icon-button:hover .fa-facebook,
.icon-button:hover .fa-whatsapp {
	color: white;
}
.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}
.whatsapp span {
	background-color: #25d366;
}

/* Memory post */
.post-meta {
	padding: 0px;
	clear: both;
}

.post-comments {
	margin-top: 30px;
	background-color: #f7f7f7;
    padding: 15px;
    border: 1px solid #e1e1e1;
	border-top: 3px solid #e1e1e1;
}

.post-comments .post-desc {
	margin-top: 10px;
}

/* Placeholders */
.top-search-box input::placeholder { /* Chrome, Firefox */
  color: #f8f6fa;
  opacity: 1;
}

.top-search-field input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #f8f6fa;
}

.top-search-field input::-ms-input-placeholder { /* Microsoft Edge */
 color: #f8f6fa;
}
.top-search-box input {
	color: #f8f6fa;
}

/* Colored buttons */

.btn-rspt {
	color: #fff;
    padding: 10px;
    margin: 3px;
	font-weight: bold;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.2);
}

.btn-rspt:hover {
	color: #f5eeee;
}

.btn-invite-green {
    background: #5ba03b;
    background: -webkit-linear-gradient(to right, #86da60, #5ba03b);
    background: linear-gradient(to right, #86da60, #5ba03b);
}

.btn-invite-green-bigger {
	font-size: 18pt;
}

.btn-invite-blue {
    /* background: #2193b0;  /* fallback for old browsers */
    /* background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);  /* Chrome 10-25, Safari 5.1-6 */
    /* background: linear-gradient(to right, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background: #68caef;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #01aef0, #68caef);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #01aef0, #68caef); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.btn-rsptactions {
	margin-top: 10px;
	color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.submit-btn, .edit-btn, .btn-share, .post-share-btn { 
	background-color: #65c15d !important; /* was #a33c70 , was 64ac43, was 0066d4 */
	border-radius: 3px;
}
.submit-btn:hover, .edit-btn:hover, .btn-share:hover, .green-btn:hover, .post-share-btn:hover {
	color: #f1f1f1;
}
.edit-btn {
	padding: 11px 18px;
}

/* Follow */
.follow {
	background-color: #6f6f6f !important;
}
.unfollow {
	background-color: #88bf62 !important;
}
.profile-edit-panel {
	text-align: center;
}

/* DADA */
.heart {
	font-size: 24px !important;
    color: #dc0b0b !important;
}

/* Password reset */
.submit-btn-pwdrequired {
	background-color: #dc4734;
	color: #fff;
	cursor: pointer;
}
.submit-btn-pwdrequired:disabled {
	background-color: #dedede !important;
	color: #b1b1b1;
}

#infobox-pwdcheck-req {
	display:none;
}
#infobox-pwdcheck-req > h1 {
	margin: 0;
	padding: 5px;
	font-size: 14px;
	color: #555;
}
#infobox-pwdcheck-req > ul {
	margin: 0;
	padding: 0 5px;
}
#infobox-pwdcheck-req:before {
	content: "\25C0";
	position: absolute;
	top: 20px;
	left: -10px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-shadow: none;
	display: block;
}
.invalid{color:#fc2e2e}
.valid{color:#1da711}

/* Homepage */

.profile-banner-invite {
    position: relative;
    top: 35%;
    color: #fff;
    text-align: center;
    font-family: 'Raleway', sans-serif;
}

.profile-banner-invite h1 {
	color: #fff;
	text-shadow: 1px 1px 1px rgb(144, 107, 153);
    /*font-style: italic;*/
	font-size: 2.1em;
	line-height: 2.3em;
}
.main-wrapper {
	margin-bottom: 30px;
}

.frnd-content {
	width: calc(100% - 50px);
}
.msg-time {
	position: relative;
	float: right;
}
.fontsize-10pt {
	font-size: 10pt;
}

.appstore-logo {
	width: 125px;
}

/* Header menu */
.header-top-navigation ul li a {
	color: white;
	font-weight: 400;
}

.langflags {
	color: #444444 !important;
}

/* Footer logo */
.footer-logo {
	width: 290px;
	height: 70px;
	margin: -15px auto 20px auto;
	background: url("/assets/images/homepage/footer-logoslogan.png");
}

/* Adjusted margins for tablets */
@media only screen and (max-width: 991.98px) and (min-width: 768px) {
	.container {
		max-width: 740px !important;
	}
	.widget-area {
		margin-top: 0px;
	}
	.profile-banner-large {
		height: 250px !important;
		background-position: center;
	}
	.profile-picture {
		width: 180px;
		height: 180px;
	}
	.profile-picture img {
		height: 180px;
		width: 180px;
		object-fit: cover;
	}
}

@media only screen and (min-width: 767.98px){
	.profile-banner-large {
		height: 300px;
		background-position: center;
	}
	.content-banner-large {
		height: 120px;
	}
	.home-section {
		margin-top: 20px;
	}
	.footer-copyright p {
		line-height: 14px;
		font-size: 10pt;
	}
	.flowers-bg {
		background: url("/assets/images/homepage/flowers.png");
		background-repeat: no-repeat;
		background-position: right bottom;
		right: 0;
		bottom: 0;
		height: 100%;
		position: fixed;
		width: 268px;
		height: 153px;
		z-index: -17;
	}
	.card-columns {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
}

@media only screen and (max-width: 767.98px){
	.profile-banner-large {
		height: 220px;
	}
	.content-banner-large {
		height: 70px;
	}
	.home-section {
		margin-top: 20px; /* Was 0 */
	}
	.footer-copyright p {
		line-height: 14px;
		font-size: 8pt;
	}
	.container {
		max-width: 700px;
	}
	.card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 1200px){
	.profile-picture {
		width: 270px;
		height: 270px;
	}
	.profile-picture img {
		height: 270px;
		width: 270px;
		object-fit: cover;
	}
}

.homepage-default-bg {
	background-position: top;
}



/* Content pages */
.main-wrapper {
	padding-bottom: 10px;
}

.about-description {
	padding: 25px;
}

.btn-link-a {
	padding: 5px;
}

/* Forms */

label {
	color: #852e5a;
	font-weight: bold;
}

.form-check-label {
	color: black;
	font-weight: normal;
}

.form-control {
	font-size: 10pt;
}

.signup-inner--form:before {
	background: none;
}
.signup-inner--form {
	padding: 20px;
    xmargin: 40px;
    margin-top: 20px;
	margin-bottom: 20px;
	border: 10px solid #efefef;
	-webkit-box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.1);
	box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.1);
}

.signupwidget-inner--form:before {
	background: none;
}
.signupwidget-inner--form {
	padding: 0px;
}
.widget-area .submit-btn {
	margin: 0px;
	padding: 10px;
}
.widget-area .form-control {
	margin-bottom: 2px;
}
.gray {
	color: #ada998;
}

/* Add memory */
.share-field-big {
	height: 100px !important;
}

/* Social media login */

/* Shared */
.loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}

/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}

/* Google */
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}

.profile-thumb-2 {
	width: 80px;
	height: 80px;
}

.profile-thumb-2 img {
	height: 80px;
	width: 80px;
	object-fit: cover;
}

.profile-thumb-middle {
	width: 40px;
	height: 40px;
}

.profile-thumb-middle img {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	object-fit: cover;
}

/* Explore cards */
.card-columns {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}

/* Tribute search results */

.gallery-thumb-middle {
	width: 40px;
	height: 40px;
}

.gallery-thumb-middle img {
	height: 40px;
	width: 40px;
	border-radius: 15%;
	object-fit: cover;
}









/* NOT YET CHECKED */

	.widget-title:before {
		background-color: #953264;
	}
	.mobile-header {
		padding: 5px;
	}
	
	
	.purple-accent {
		color: #953264;
	}
	
	
	.home-small-margins {
		padding: 10px;
		margin-top: 10px;
	}
	.avatar-in-memory {
		border: 1px solid #f1f1f1;
		-webkit-box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.1);
		box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.1);
		margin: 5px;
		width: 77px;
		height: 77px;
	}
	
	.tribute-gallery-sidebar {
		max-width: 50px !important;
		max-height: 50px !important;
	}
	.profile-banner-small:before {
		border: 0px;
	}
	.header-top {
	    background: linear-gradient(to bottom, #af437a 0%,#8e3160 100%);
		/*background: linear-gradient(to bottom, #9e4270 0%,#842d59 100%);*/
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af437a', endColorstr='#8e3160',GradientType=0 );
		xborder-bottom: solid 1px #8e3160;
	}
	.mobile-logo, .mobile-header, .mobile-header-profile {
	    background: linear-gradient(to bottom, #af437a 0%,#8e3160 100%);
		/*background: linear-gradient(to bottom, #9e4270 0%,#842d59 100%);*/
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af437a', endColorstr='#8e3160',GradientType=0 );
		xborder-bottom: solid 1px #b34479;
	}
	.header-top, mobile-header {
		border-bottom: solid 1px #8e3160;
	}
	
	.main-menu-inner ul li a {
		color: #000;
	}
	.top-search-btn {
		color: #fff;
	}
	.card {
		-webkit-box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.1);
		box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.1);
	}
	.profile-counters li {
		display: inline-block;
	}
	.profile_picture_candleimg {
		position: absolute;
		top: 5%;
		left: 75%;
		width: 46px !important;
		height: 72px !important;
	}
	.profile-menu-wrapper {
		margin: 10px;
	}