/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
:root {
	font-size: 16px;
}
@media (max-width: 1024px){
	.menu-item-social{
		float: left;
		width: 33.33%;
	}
}

.fa-facebook-square:hover {
	background: radial-gradient(#ffffff 3%, #2E89FF 30%);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotate 6s linear infinite;
}

.fa-whatsapp:hover {
	background: radial-gradient(#ffffff 3%, #2fd56d 30%);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotate 6s linear infinite;
}
.fa-linkedin:hover {
	background: radial-gradient(#ffffff 3%, #0a66c2 30%);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotate 6s linear infinite;
}
.fa-instagram:hover {
    background: radial-gradient(#ffd600 7%, #ff7a00 17%, #ff0069 28%, #d300c5 46%, #7638fa 60%);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotate 6s linear infinite;
}
.fa-youtube:hover {
	background: radial-gradient(#ffffff 3%, #ff0000 30%);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotate 6s linear infinite;
}
.fa-tiktok:hover {
	background: radial-gradient(#ae233e 3%, #30dad5 30%);
/*     background: radial-gradient(#30dad5 7%, #ae233e 17%, #ffffff 28%, #ae233e 46%, #30dad5 60%); */
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rotate 6s linear infinite;
	text-shadow: #ffffff -3px -2px 0px;
}
@keyframes rotate {
        0%{background-position:50% 0%}
        25%{background-position:0% 50%}
        50%{background-position:50% 100%}
        75%{background-position:100% 50%}
        100%{background-position:50% 0%}
}
@keyframes infiniteScroll {
  from {transform: translateX(0) }
  to {transform: translateX(calc(0px - 400%));}
}
/*  */
/* body {
	background-image: url("http://animacjenascianie.pl/wp-content/uploads/2025/01/bg40.png");
    background-size: cover;
    background-attachment: fixed;
	background-position: top center;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: var(--e-global-color-954ca05);
} */
.ctsit__portfolio-wrapper {
    display: flex;
    flex-direction: column;
}
.ctsit__portfolio-block {
    display: flex;
    flex-direction: column;
}
.ctsit__portfolio-title {
    font-family: var(--e-global-typography-0fe3e19-font-family), Sans-serif;
    font-size: var(--e-global-typography-0fe3e19-font-size);
    font-weight: var(--e-global-typography-0fe3e19-font-weight);
    line-height: var(--e-global-typography-0fe3e19-line-height);
    letter-spacing: var(--e-global-typography-0fe3e19-letter-spacing);
    word-spacing: var(--e-global-typography-0fe3e19-word-spacing);
    color: var(--e-global-color-1e78642);
}
.ctsit__portfolio-anchor {
    font-family: var(--e-global-typography-b637966-font-family), Sans-serif;
    font-size: var(--e-global-typography-b637966-font-size);
    font-weight: var(--e-global-typography-b637966-font-weight);
    line-height: var(--e-global-typography-b637966-line-height);
    letter-spacing: var(--e-global-typography-b637966-letter-spacing);
    word-spacing: var(--e-global-typography-b637966-word-spacing);
    fill: var(--e-global-color-primary);
    color: var(--e-global-color-primary);
    background-color: #FFFFFF00;
    border-style: none;
    border-radius: 0px 0px 0px 0px;
    padding: 0px;
}
.ctsit__portfolio-anchor span {
    padding-left: 5px;
}