/*
 Theme Name:   EPAFOS Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Το θέμα αυτό έχει υλοποιηθεί από την ΕΠΑΦΟΣ New Technologies. Για περισσότερες σχετικές πληροφορίες μπορείτε να απευθυνθείτε στο otrs-websites@epafos.gr.
 Author:       EPAFOS New Technologies
 Author URI:   https://www.epafos.gr/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
:root {
  --color-text: #fff;
  --color-bg: #171717;
  --color-link: #ff0000;
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
	/*cursor:none;*/
}
*,
*:hover {
	/*cursor:none!important;*/
}

.cursor {
  display:none!important;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
}
.cursor--small {
	display:none!important;
  width: 15px;
  height: 15px;
  left: -2.5px;
  top: -2.5px;
  border-radius: 50%;
	border:2px solid rgba(0,0,0,0.1);
  z-index: 11000;
  background: var(--color-text);
}
.cursor--canvas {
	display:none!important;
	
  width: 100vw;
  height: 100vh;
  z-index: 12000;
}






.attachment-template-default main {
	padding:0;
	
	.df-bg {
		background-color:#cccccc!important;
	}
}
.wp-block-file:not(.wp-element-button) {
	font-size:var(--text-sm);
}

details.wp-block-details {
  margin-bottom: 5px;
  transition: all 0.2s ease-out 0s;
  &[open] {
    padding: var(--spacing-xs);
    background: #f5f5f5 !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    summary {
      margin-bottom: var(--spacing-xs);
    }
  }
  summary {
    padding: var(--spacing-xs);
    background: var(--colors-secondary-shades-ultra-dark);
    color: var(--colors-white);
    font-weight: bold;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-out 0s;
    border-radius: var(--radius-sm);
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    &:hover {
      background: var(--colors-primary);
    }
  }
}

a.wp-block-button__link.wp-element-button,
a.wp-block-file__button.wp-element-button {
color: var(--colors-dark);
    padding: 1.9rem 2.7rem;
    font-size: 1.4rem;
    letter-spacing: -0.2px;
    border-radius: 500px;
    transition: all 0.2s 
ease-out 0s;
    background-color: hsla(var(--colors-primary-hsl), 0.2);
    font-family: 'Manrope';
    font-weight: bold;
	
  &:hover {
    color: var(--colors-dark);
    background: var(--colors-primary);
    box-shadow: 0 5px 7px -5px hsla(var(--colors-dark-hsl), 0.5);
    transform: translateY(-1px);
  }
}

pressidium-floating-button {
  transform: scale(1.5);
    left: 30px;
    bottom: 90px;
}



.sb-chat-btn {
    width:50px!important;
    height:50px!important;
}
.sb-chat-btn img {
    width: auto!important;
    height: auto!important;
    line-height: 1!important;
}

.brx-animate-txtTypewriter {
  animation: 
    typing 2s steps(40, end),
    blink-caret .75s step-end infinite;
}

.brxe-post-sharing li:hover a {
	-webkit-animation: rotate-scale-down-diag-1 0.7s linear both;
	        animation: rotate-scale-down-diag-1 0.7s linear both;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}


.open-accessibility-widget-section div {
    display: flex;
    gap: 0.5rem;
    button {
        font-size:1.2rem;
        width:100%;
    }
}



html body.bricks-is-frontend.open-accessibility-text-size-1 {
    
    font-size: calc(var(--body-font-size) * 1.1) !important;
	
}

html body.bricks-is-frontend.open-accessibility-text-size-2 {
    font-size: calc(var(--body-font-size) * 1.2) !important;
}

html body.bricks-is-frontend.open-accessibility-text-size-3 {
        font-size: calc(var(--body-font-size) * 1.3) !important;

}

html body.bricks-is-frontend.open-accessibility-text-size-4 {
        font-size: calc(var(--body-font-size) * 1.4) !important;

}

html body.bricks-is-frontend.open-accessibility-text-size-5 {
        font-size: calc(var(--body-font-size) * 1.5) !important;

}



/* Animations */

.brx-animate-flip-scale-2-ver-right {
  animation-name: flip-scale-2-ver-right;
}

.brx-animate-slit-in-vertical {
  animation-name: vertical;
}

.brx-animate-rotate-scale-down-diag-1 {
	animation-name: rotate-scale-down-diag-1;
}

.brx-animate-rotate-scale-down-diag-2 {
	animation-name: rotate-scale-down-diag-1;
}

@-webkit-keyframes rotate-scale-down-diag-2 {
  0% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
            transform: scale(1) rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
            transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 360deg);
            transform: scale(1) rotate3d(-1, 1, 0, 360deg);
  }
}
@keyframes rotate-scale-down-diag-2 {
  0% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
            transform: scale(1) rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
            transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 360deg);
            transform: scale(1) rotate3d(-1, 1, 0, 360deg);
  }
}

@-webkit-keyframes rotate-scale-down-diag-1 {
  0% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
            transform: scale(1) rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
            transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
            transform: scale(1) rotate3d(1, 1, 0, -360deg);
  }
}
@keyframes rotate-scale-down-diag-1 {
  0% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
            transform: scale(1) rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
            transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
            transform: scale(1) rotate3d(1, 1, 0, -360deg);
  }
}


@-webkit-keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
            transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
            transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
            transform: translateZ(0) rotateY(0);
  }
}
@keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
            transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
            transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
            transform: translateZ(0) rotateY(0);
  }
}


@-webkit-keyframes flip-scale-2-ver-right {
  0% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  50% {
    -webkit-transform: translateX(50%) rotateY(-90deg) scale(2);
            transform: translateX(50%) rotateY(-90deg) scale(2);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: translateX(100%) rotateY(-180deg) scale(1);
            transform: translateX(100%) rotateY(-180deg) scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@keyframes flip-scale-2-ver-right {
  0% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  50% {
    -webkit-transform: translateX(50%) rotateY(-90deg) scale(2);
            transform: translateX(50%) rotateY(-90deg) scale(2);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: translateX(100%) rotateY(-180deg) scale(1);
            transform: translateX(100%) rotateY(-180deg) scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}