/*
 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
*/

body {
	overflow-x:hidden;
}

html:after {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1101;
  background-image: var(--grain-overlay);
  opacity: .1;
  pointer-events: none;
}

.section-title {
position:relative;}

.section-title span{
      position: relative;
  opacity: 0;
  filter: blur(4px);

}
.section-title[in-viewport="true"] span {
      animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

body {
opacity:0;
 animation: body-fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes bounce {
  100% {
    top: -20px;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #ccc, 0 3px 0 #ccc, 0 4px 0 #ccc,
      0 5px 0 #ccc, 0 6px 0 #ccc, 0 7px 0 #ccc, 0 8px 0 #ccc, 0 9px 0 #ccc,
      0 50px 25px rgba(0, 0, 0, 0.2);
  }
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes body-fade-in {
  100% {
    opacity: 1;
  }
}

.brxe-ivedbw.brxe-block .brxe-qzcetb.brxe-block:before  {
content: "";
  position: absolute;
  background-image: var(--kid-photo);
  width: 100px;
  background-size: contain;
  top: 5px;
  left: 5px;
  z-index: 0;
  height: 100px;
	max-height:70%;
  background-repeat: no-repeat;
	transition:all 0.4s ease-out 0s;
}

.brxe-ivedbw.brxe-block:hover .brxe-qzcetb.brxe-block:before  {
  top: 5px;
  left: -35px;
  transform: rotate(-30deg);
}

.brxe-qzcetb.brxe-block img{
	z-index:2;
}




.wp-block-file {
  padding: 10px;
  background: #ffffff;
  border: 1px solid;
  border-radius: var(--radius-m);
  box-shadow: 5px 5px 10px -5px rgba(var(--colors-dark-rgb),0.4);
  margin-top: var(--spacing-s);
  display:grid;
  grid-template-areas: "object object object" "link link button";
  align-items:center;
}



.wp-block-file object {
  grid-area:object;
  border-bottom:1px solid var(--colors-dark);
   border-radius: var(--radius-m);
}

.wp-block-file a[id^='wp-block-file'] {
  grid-area:link;
  text-decoration: none;
  overflow:hidden;
	text-overflow:ellipsis;
  
}

.wp-block-file .wp-block-file__button  {
  grid-area: button;  
  width:100px;
  margin-left:auto;
  text-align:center;
}


.rotate-animation-infinite {


	animation:rotate 1s linear alternate infinite;

	
	}

/* Button Design Customizations */
 .brxe-button.bricks-button.bricks-background-light.circle i {
  background-color: var(--colors-secondary);
  padding: 10px;
  border-radius: 100%;
  transform: translateX(8px);
transition:all 0.4s ease-in-out 0s;
}

 .brxe-button.bricks-button.bricks-background-light.circle:hover i {
   background-color: var(--colors-primary);
   transform:scaleY(-1) translateX(8px);
   transform-origin:center;
   color:#ffffff;
   box-shadow: 0 0 5px rgba(0,0,0,0.30);
   
}



table.brick-table thead th{
  background-color:var(--colors-secondary);
  color:var(--colors-light);  
}

table.brick-table thead th:first-child {
  border-radius:var(--radius-xl) 0 0 var(--radius-m);
}

table.brick-table thead th:last-child {
  border-radius:0 var(--radius-xl) var(--radius-m) 0;
}

table.brick-table tbody tr:last-child td:first-child {
  border-radius:var(--radius-xl) 0 0 var(--radius-xl);
}

table.brick-table tbody tr:last-child td:last-child {
  border-radius:0 var(--radius-xl) var(--radius-xl) 0;
}


table.brick-table thead th,
table.brick-table tbody td{
  padding:10px;
}


table.brick-table tbody tr:not(:last-child) td {
  border-bottom:1px solid rgba(var(--colors-dark-rgb),0.1);
}

table.brick-table tbody td:not(:last-child) {
  border-right:1px solid rgba(var(--colors-dark-rgb),0.1);
}

table.brick-table tbody tr:hover td {
  background-color:rgba(var(--colors-dark-rgb),0.05);
}



.form-group-error-message.show {
  font-size: 1rem;
  padding: var(-gap-m);
  margin-top: var(-gap-m);
  width: auto;
  min-width: unset;
  position: absolute;
  top: -10px;
  right: 10px;
  border-radius:var(--radius-m);
  box-shadow:5px 5px 5px -7px;
}

.form-group {
  position:relative;
}

@keyframes rotate {
	0% {
		transform:rotate(0);
	}
	50% {
		transform:rotate(4deg);
	}	
	100% {
		transform:rotate(-5deg);
	}
	
}

@keyframes bounce {
    0%, 5%, 95%, 100% {
        left: 0%;
        transform: translate(0, 0);
    }
    45%, 55% {
        left: 100%;
        transform: translate(-100%, 0);
    }
}




/* Cards Design */

.bricks-widget-wrapper {
  background:var(--colors-light);
  padding: var(--spacing-l);
  border-radius: var(--radius-xl);
  box-shadow: 0 0 30px -15px rgba(var(--colors-dark-rgb),0.2);
}

.bricks-widget-wrapper .wp-block-heading {
  font-size:var(--h4);
  margin-bottom:var(--gap-s);
}