
/* Custom Porto SVG Logo (initial state for animation inside slide) */
.custom-porto-svg-logo path {
		fill-opacity: 0;
		stroke-width: 1px;
		stroke: #FFF;
		stroke-dasharray: 725;
		stroke-dashoffset: 700;
		transition: ease stroke-dashoffset 5s, ease fill-opacity 1s 1.7s;
}

.custom-porto-svg-logo.active path {
		stroke-dashoffset: 0;
		fill-opacity: 1;
}

/* Custom Borders Divider */
.custom-borders-divider-style-1 > div[class*="col"] {
		border-width: 1px;
		border-style: solid;
		border-color: var(--dark);
		border-top-width: 0;
		border-right-width: 0;
		border-left-width: 0;
}

@media (min-width: 576px) {
		.custom-borders-divider-style-1 > div[class*="col"] {
				border-right-width: 1px;
		}
		.custom-borders-divider-style-1 > div[class*="col"]:nth-child(1), .custom-borders-divider-style-1 > div[class*="col"]:nth-child(3) {
				border-left-width: 1px;
		}
}

@media (min-width: 992px) {
		.custom-borders-divider-style-1 > div[class*="col"] {
				border-left-width: 0;
		}
		.custom-borders-divider-style-1 > div[class*="col"]:nth-child(1) {
				border-left-width: 1px;
		}
		.custom-borders-divider-style-1 > div[class*="col"]:nth-child(3) {
				border-left-width: 0;
		}
}



/* Custom Card Style */
.custom-card-style-1 .custom-card-img-top-wrapper .post-date {
		position: absolute;
		top: 35px;
		left: 35px;
		text-align: center;
}

.custom-card-style-1 .custom-card-img-top-wrapper .post-date .month {
		display: block;
		background: var(--grey-500);
		border-radius: 0 0 2px 2px;
		color: var(--dark);
		font-size: 0.8em;
		line-height: 1.8;
		padding: 1px 10px;
		text-transform: uppercase;
		font-family: "Poppins", Arial, sans-serif;
}

.custom-card-style-1 .custom-card-img-top-wrapper .post-date .day {
		background: var(--grey-100);
		border-radius: 2px 2px 0 0;
		color: var(--grey-500);
		display: block;
		font-size: 18px;
		font-weight: 900;
		padding: 10px;
	
}

/* Custom Grid */
.custom-grid-1 {
		margin-top: -150px;
		position: relative;
}

.custom-grid-1 .container {
		margin: 0 auto;
}

.custom-grid-1 .container .row {
		margin: 0;
}

.custom-grid-1 .container .row > * {
		padding: 0;
		background-color: var(--light);
		min-height: 150px;
		align-items: center;
		overflow: hidden;
	
}

@media (max-width: 991px) {
	    .custom-grid-1 .container .row > *:nth-child(1),
	    .custom-grid-1 .container .row > *:nth-child(2),
		.custom-grid-1 .container .row > *:nth-child(3),
	    .custom-grid-1 .container .row > *:nth-child(4),
	    .custom-grid-1 .container .row > *:nth-child(5),
		.custom-grid-1 .container .row > *:nth-child(6),
	    .custom-grid-1 .container .row > *:nth-child(7),
		.custom-grid-1 .container .row > *:nth-child(8) {
				background-color: var(--grey-eyk);
		}
		.custom-grid-1 .container .row > * {
				border: 0.031rem solid var(--grey-800);
		}
}

@media (min-width: 992px) {
		.custom-grid-1 .container .row > *:nth-child(1),
	    .custom-grid-1 .container .row > *:nth-child(2),
		.custom-grid-1 .container .row > *:nth-child(3),
	    .custom-grid-1 .container .row > *:nth-child(4),
	    .custom-grid-1 .container .row > *:nth-child(5),
		.custom-grid-1 .container .row > *:nth-child(6),
	    .custom-grid-1 .container .row > *:nth-child(7),
		.custom-grid-1 .container .row > *:nth-child(8) {
				background-color: var(--grey-eyk);
		}
	.custom-grid-1 .container .row > * {
				border: 0.031rem solid var(--grey-800);
		}
}

.custom-grid-1 .custom-grid-1-item {
		position: relative;
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-img {
		transition: opacity 300ms;
		opacity: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-49%, -49%);
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-img img {
		transition: transform 2s;
		will-change: transform;
		transform: scale(1.05);
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-img:after {
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		opacity: 0.5;
		background-color: var(--dark-400);
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-text {
		position: relative;
		z-index: 1;
}

.custom-grid-1 .custom-grid-1-item:hover .custom-grid-1-img {
		opacity: 1;
}

.custom-grid-1 .custom-grid-1-item:hover .custom-grid-1-img img {
		transform: scale(0.65);
}

.custom-grid-1 .custom-grid-1-item:hover h3 {
		color: var(--light) !important;
}



/* Elements */

/* Custom Marquee */
.custom-marquee-1 .js-marquee-wrapper,
.custom-marquee-1 .js-marquee,
.custom-marquee-1 .js-marquee > span {
		display: flex;
}

