.toppadding {padding-top: 50px;}
.toppadding-sm {padding-top: 30px;}
.toppadding-lg {padding-top: 80px;}

.bottompadding {padding-bottom: 50px;}
.bottompadding-sm {padding-bottom: 30px;}
.bottompadding-lg {padding-bottom: 80px;}

.relative {position: relative;}
.absolute {position: absolute;}

.img {
	display: block;
	margin: auto;
}

.portfolio-overlay-override a {
	width: 100% !important;
	height: 100% !important;
	margin: auto !important;
	position: unset !important;
	background: none;
}

.portfolio-overlay-override a:hover {
	background: none;
}

/*for portfolio layout no empty space*/
.portfolio-container {
  display: flex;
  flex-wrap: wrap; /* Wrap items to the next row when they don't fit */
  justify-content: unset; /* how remaining items are distributed according to the page width*/
}

/*force <p> or <span> to this size when put within frame with heading block class*/
.heading-block .subtitle{
	font-size: 24px; color: #777; font-weight: 300;
}

/* text overflow becomes ".." & shown when hover */
.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.truncate:hover {
white-space: normal;
overflow: visible;
text-overflow: inherit;
z-index: 9999;
background-color: #fff; /* Optional background color */
}


/*whatsapp*/
	
#whatsapp {
	z-index: 299;
	position: fixed;
	right: 80px;
	bottom: 50px;
	cursor: pointer;
	background-color: #39b54a;
	font-size: 20px;
	text-align: center;
	color: #FFF;
	border-radius: 6px;
	padding: 6px 20px;
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	border: 1px solid #009245;
}

#whatsapp > img {
	width: 20px;
	padding-bottom: 3px;
	margin-right: 8px;
}


body:not(.device-touch) #whatsapp {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}

.stretched #whatsapp { bottom: 30px; }

#whatsapp:hover { background-color: #00456b; }

/*whatsapp responsive*/
@media (max-width: 479px) {
		#whatsapp {
			width: 100%;
			right: 0;
			bottom: 0 !important;
			height: 60px;
			padding: 10px;
		}
	}

@media (max-width: 991px) {
	#primary-menu > div > ul {
    margin-top: 0px !important;
}
}
