/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*------------- MISC -------------*/


#main > .fusion-row {}
	#main > .fusion-row #content {}

.fusion-tb-header {}
	.fusion-tb-header .logo {
		position: absolute;
		top: -25px; }

.frm_submit {
	text-align: center; }
	.frm_submit .frm_button_submit {
		text-transform: uppercase;
		font-weight: 700 !important; }

.frm_message {
	text-align: center;
	/*color: #5A8551 !important;*/
	border-width; 2px !important;
	border-color: #c8c8c8 !important;
	/*border-color: #5a8551 !important;*/
	border-style: dashed !important;
	border-radius: 0 !important;
	padding: 35px 0 !important;
	margin-bottom: 60px !important; }

.frm_error_style {
	text-align: center;
	color: #CD1F27;
	border-width; 2px !important;
	border-color: #CD1F27 !important;
	border-style: dashed !important;
	border-radius: 0 !important;
	padding: 35px 0 !important; }

.recaptcha { /* recaptcha badge */
	visibility: hidden !important; }

.text-link-dark,
.text-link-light {
	text-decoration: underline; }
	.text-link-dark:hover,
	.text-link-light:hover {
		opacity: .7 !important }
	.text-link-dark {
		color: #141617 !important; }
	.text-link-light {
		color: #ffffff !important; }

/*------------- HOME -------------*/

.home .fusion-tb-header {
	display: none; }

.fusion-portfolio {
	margin-bottom: 0 !important; }

/*------------- PORTFOLIO -------------*/

.post-type-archive-avada_portfolio .fusion-tb-header {
	display: none; }

.portfolio-project-hero img {
	max-height: 1000px !important;
	width: auto !important; }

.portfolio-project-title-icon {
	position: absolute;
	z-index: 100;
	top: -13px;
	left: calc(50% - 25px);
	width: 50px;
	height: 40px;
	background-color: #ffffff;
	background-image: url("https://509designco.com/wp-content/uploads/2025/09/icon-horseshoe.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center; }

/*.portfolio-grid {}
	.portfolio-grid .fusion-image-wrapper,
	.portfolio-grid .fusion-gallery-image {
		opacity: 1 !important;
		transition: opacity 0.3s ease-in-out !important; }
	.portfolio-grid .fusion-image-wrapper:hover,
	.portfolio-grid .fusion-gallery-image:hover {
		opacity: .75 !important; }*/

.portfolio-grid {}
	.portfolio-grid .fusion-gallery-image {
		background-color: #000000; }
		.portfolio-grid .fusion-gallery-image a {
			opacity: 1 !important;
			transition: opacity 0.3s ease-in-out !important; }
		.portfolio-grid .fusion-gallery-image a:hover {
			opacity: .6 !important; }
				.portfolio-grid .fusion-rollover h4 .fusion-rollover-title-link:after {
					content: '»';
					color: #ffffff; }


#swipebox-close {
	top: 10px;
	right: 30px;
	background-color: #000000; }

#swipebox-overlay {
	background: rgba(0,0,0,.85); }
	#swipebox-overlay .slide {
		padding: 50px 15px 70px 10px; }

#swipebox-bottom-bar {
	background: none; }

#swipebox-prev,
#swipebox-next {
	background-color: #000000; }

#swipebox-bottom-bar.visible-bars {
	transform: translate3d(0, -60px, 0); }

/*------------- PROJECT -------------*/

.project-details {}
	.project-details dl {
		margin-top: 0; }
		.project-details dl dt {
			font-weight: bold; }
		.project-details dl dd {
			display: list-item;
			list-style-type: disc;
			padding-left: 0;
			margin-left: 1em; }

/*------------- RESPONSIVE -------------*/

@media only screen and (max-width: 767px) {
	
	.portfolio-grid {}
		.portfolio-grid .fusion-portfolio-content-wrapper {
			background-color: #000000; }
			.portfolio-grid .fusion-image-wrapper {
				opacity: 1 !important;
				transition: opacity 0.3s ease-in-out !important; }
			.portfolio-grid .fusion-image-wrapper:hover {
				opacity: .6 !important; }
		.portfolio-grid .fusion-rollover {
			opacity: 1;
			align-items: flex-end;
			text-align: left;
			background: none !important; }
			.portfolio-grid .fusion-rollover .fusion-rollover-content {
				width: 100%;
				padding: 0; }
			.portfolio-grid .fusion-rollover h4 {
				padding-bottom: 40px; }
				.portfolio-grid .fusion-rollover h4 .fusion-rollover-title-link {
					background: rgba(0,0,0,.65);
					padding: 10px 20px;
					font-size: 15px;
					letter-spacing: 0.025em !important; }
	
}

@media only screen and (max-width: 640px) {
	
	.fusion-tb-header {}
	.fusion-tb-header .logo {
		width: 90px !important;
		top: 0; }
	
}