/*
Theme Name: 	RedArt Child
Theme URI: 		http://redart.dttheme.com/
Template: 		redart
Version: 		1.0
Author:			designthemes
Author URI: 	http://themeforest.net/user/designthemes/
Description: 	Child Theme for RedArt WordPress Theme.
*/
@import url("../redart/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
/*===========================COMMENTS FOR ALEXIS================================================================ 
 * Ok so sorry I moved the css block about a bit.... old habbits die hard :P But I left title comments so you should have no problem
 * finding what you need :) 
 * if you/your Mom want to change the pre-loader image size you need to change the width and height accordingly on both the .loader-container class
 * and the .loader-title::before class. .loader-wrapper does not need changing and will break it if altered. Hope that makes sense and feel free to 
 * ask if I am not explaining very well XD. Have fun :) 
===========================COMMENTS FOR ALEXIS================================================================ */

/*===========================PRELOADER STYLES START================================================================*/
.loader-wrapper { 
	position: fixed !important; 
	left: 0px !important; 
	top: 0px !important; 
	width: 100% !important; 
	height: 100% !important; 
	z-index: 999999999 !important; 
	background: #000000 !important; 
	overflow: hidden !important; 
}

.loader-container { 
	position:absolute !important; 
	width: 170px !important;
	height: 50px !important;
	top:50% !important; 
	left:50% !important; 
	transform: translate(-50%, -50%) !important; 
	-moz-transform: translate(-50%, -50%) !important; 
	-webkit-transform: translate(-50%, -50%) !important; 
	-o-transform: translate(-50%, -50%) !important; 
	-ms-transform: translate(-50%, -50%) !important;
}

.loader-title:before {
    background: url("https://elenartkoss.com/wp-content/uploads/2022/04/Logo-slogan-preloader.png") no-repeat scroll 100% 100% !important;
	bottom: 0 !important;
	right: 0 !important;
	left: 0 !important;
	top: -50% !important;
	content: "" !important; 
	height: 196px !important;
	width: 196px !important;
	margin: auto !important; 
	opacity: 0.8 !important; 
	position: absolute !important;    
	z-index: -1 !important; 
	animation: 2s linear 0s normal none infinite running floating !important; 
	-webkit-animation: 2s linear 0s normal none infinite running floating !important; 
	-moz-animation: 2s linear 0s normal none infinite running floating !important; 
	-ms-animation: 2s linear 0s normal none infinite running floating !important; 
	-o-animation: 2s linear 0s normal none infinite running floating !important;
}
/*===========================SCROLL TO TOP BUTTON STYLES START================================================================*/

/*
#toTop { background-image: url(https://elenartkoss.com/wp-content/uploads/2022/03/Logo-slogan-1.png); }
#toTopHover { background-image: url(http://elenartkoss.site/wp-content/uploads/2022/03/Logo-slogan-1.png); }
*/

/*===========================PORTFOLIO STYLES START================================================================*/

/*
.dt-sc-portfolio-container {
	background: none;
}
*/

.container .dt-sc-portfolio-container .portfolio figure::after {
	border-width: 0px !important;
}

/*
.dt-sc-portfolio-container .portfolio figure, .related-portfolios .portfolio figure {
	
}
*/

.related-portfolios .portfolio figure {
	border-bottom-color: #81632b;
    border-top-color: #b48b3d;
    border-left-color: #b48b3d;
    border-right-color: #81632b;
}

.related-portfolios .portfolio figure::after {
    border-width: 0px;
}

.portfolio figure::after {
    border: 0px !important;
}