/*
 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
*/
.social.dark .feather {
  width: 24px;
  height: 24px;
  stroke: var(--lightColor);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* Social Menu */

ul.social {
  list-style-type: none;
  padding: 0;
  display: flex;
}
ul.social.vertical {
  flex-direction: column;
  align-items: center;
}

ul.social li a {
  display: block;
  margin: 5px;
}

ul.social li a .feather {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transition: all 0.4s ease-in 0s;
}

ul.social li:hover .feather {
  transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
  stroke: var(--bg-secondary);
  transition: all 0.4s ease-out 0s;
}

/* Burger Menu for Offcanvas block */
.offcanvas-switch {
  cursor: pointer;
  display: block;
  position: relative;
  margin: 10px auto;
  width: 65px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.02);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.02);
  transition: all 0.4s linear 0s;
  outline: none;
}

.offcanvas-switch.is-closed {
  transition: all 0.4s linear 0s;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
}

.offcanvas-switch #top,
.offcanvas-switch #bottom {
  position: absolute;
  display: block;
  height: 4px;
  width: 36px;
  border-radius: 2px;

  background: #fff;
}

.offcanvas-switch #top {
  top: 19px;
  left: 14px;
}

.offcanvas-switch #bottom {
  top: 41px;
  left: 14px;
}

.offcanvas-switch path,
.offcanvas-switch line {
  stroke: #fff;
  stroke-linecap: round;
}

.offcanvas-switch + .menu-text {
  font-family: var(--heading_font);
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

 .offcanvas-switch + .menu-text {
  color: var(--bg-dark);
}

 .offcanvas-switch path,
 .offcanvas-switch line {
  stroke: var(--colors-dark);
  stroke-linecap: round;
}
 .offcanvas-switch #top,
 .offcanvas-switch #bottom {
  background: var(--colors-dark);
}

.offcanvas-switch #top,
.offcanvas-switch #bottom {
  -webkit-transform-origin: 34px 2px;
  transform-origin: 34px 2px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
  transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
}

.offcanvas-switch #circle {
  stroke-dasharray: 1 100 32 300;
  stroke-dashoffset: 101;
  -webkit-transition: all 750ms ease;
  transition: all 750ms ease;
}

.offcanvas-switch.is-closed #circle {
  stroke-dasharray: 1 100 190 300;
  stroke-dashoffset: 1;
}
.offcanvas-switch.is-closed #top {
  -webkit-transform: translateX(-4.5px) rotate(-45deg);
  transform: translateX(-4.5px) rotate(-45deg);
}
.offcanvas-switch.is-closed #bottom {
  -webkit-transform: translateX(-4.5px) rotate(45deg);
  transform: translateX(-4.5px) rotate(45deg);
}


/* Custom Animations */
.brx-animate-focus-in-expand {
  animation-name: focus-in-expand;
}

@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

* Animation stuff */

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  opacity:0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.epafos-inview .slideInLeft {
  animation: slideInLeft 1s forwards;
}
.epafos-inview .fadeIn {
  animation: fadeIn 1.5s forwards;
}

.epafos-inview .fadeInUp {
  animation: fadeInUp 1.5s forwards;
}

.slideInLeft {
  animation: slideInLeft 1s forwards;
}

.fadeIn {
  animation: fadeIn 1.5s forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform:translateY(40px);
  }
  100% {
    opacity: 1;
    transform:translateY(0px);
  }
}
@keyframes fadeOut {
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes slideInRightMedium {
  0% {
    opacity: 0;
    transform: translateX(30%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes slideInLeftMedium {
  0% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes flashnmove {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


@media(max-width:1275px){
  .blog-layout{
    grid-template-columns: 1fr;
  }
}

@media(max-width:986px){
  .grid-container h2 span{
    top: 170px;
  }
  .pagination-start, .pagination-end, .pagination-content{
     display:none;
  }
  .blog-container{
    margin-top: 0;
  }
}
@media(max-width:768px){
  section#masthead .container .full-image:before{
    display:none;
  }
  section#masthead .container .full-image:after {
    content: "";
    position: absolute;
    width: 70%;
    height: 30px;
    background: #f5b51d;
    bottom: -15px;
    right: 15%;
  }
}

hr {
  border-top: 1px solid rgb(60 40 40 / 20%);
  height: 1px;
  width: 10%;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  width:10%;
  margin: 5px auto 5px 0;
}
/* Mobile media/////////////////////////////////////////////////////////////////////////////////////////START */
@media (max-width: 992px) {
  #menu-box .bottom {
    display: none;
  }

  .menu-text {
    display: none;
  }

  #menu-box {
    left: 10px;
    top: 20px;
    min-height: 80px;
  }
	header {
    left: 0;
    right: 0;
    top: 0;
    background: #24445C;
    width: 100% ;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 20px;
    box-shadow: 0 10px 15px -10px rgb(0 0 0 / 80%);
    position:static;
    visibility:visible;
  }

  header .logo-images {
    display: none;
  }
	
  header .A_logo {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction:column;   
  }
 
	header .A_logo #title {
    font-size: 0.95em;
    color: var(--colors-white);
  }
  header .A_logo #subtitle {
    font-size: 0.8em;
	font-weight:500;
	letter-spacing:1px;

  }

  section#masthead {
    padding-top: 15vh !important;
  }

  section#masthead .container {
    height: auto;
    position: relative;
  }

  section#masthead .container h1 {
    position: relative;
    width: 100%;
    top: auto;
    max-width: 90vw;
    left: auto;
    padding: 0;
    font-size: 2rem;
    text-align: center;
    font-weight: 900;
    mix-blend-mode: unset;
    z-index: 2;
  }
  section#masthead .container .full-image {
    position: relative;
    min-width: auto;
    max-width: 90%;
    width: auto;
    display: block;
    height: 300px;
    margin: 0 auto;
  }
}

.container {
  width: var(--max-container);
  max-width: 100%;
  margin: 0 auto;
}


/*/////////////////////////////////////////////////////////////////////////////////////////END*/

/*
  @media(max-width:992px){
  body #offcanvas-overlay .style-menu{
  padding-left: 20px;
}
}
@media(max-width:860px){
    .offcanvas-side{
    display:none;
    }
  div#offcanvas-overlay{
    grid-template-columns: 100%;
  }
}
@media(max-width: 992px){
    .offcanvas-side h4::after{
        display:none;
    }
    .offcanvas-side{
        justify-content: flex-start;
    }
    a.menu-header-paidagogiki::after {
        display:none!important;
    }
    a.menu-header-birds::after {
     display:none!important;
    }
}

@media(max-width:860px){
    .offcanvas-side{
        margin-left: 130px;
    }
}

@media(max-width: 600px){
    #offcanvas-overlay div.offcanvas-menu{
        margin-left: 15px;
        margin-right: 15px;
    }
  
    .offcanvas-side{
        margin-left: 15px;
        margin-right: 15px;
    }
}
*/
@media(max-width:576px){
  .grid-container, .grid-container-no-desc{
    grid-template-columns: 1fr;
  }
  .titleanddescription{
    display:none;
  }
  .pagination .counter.pull-right{
    margin: 0 auto;
    width: 125px;
  }
}