@import url("https://fonts.googleapis.com/css?family=Roboto|Poppins|Indie+Flower|Knewave|Lobster|Merienda|Great+Vibes|Satisfy&display=swap");
/* $font-title: 'Merienda',
sans-serif; */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
html {
  min-height: 100%;
}

body {
  font-family: "Roboto", sans-serif;
  color: #333;
}

img {
  max-width: 100%;
  max-height: 100%;
}

.container-personal {
  min-width: 100%;
  min-height: 100%;
}

.container_pages {
  margin-bottom: 20px;
  height: 100vh;
}

#page-content-wrapper {
  width: 100%;
}

footer {
  bottom: 0;
  color: white !important;
  height: 2em;
  left: 0;
  position: relative;
  font-size: small;
  width: 100%;
}

button:focus {
  outline: none;
}

.pagination-container {
  float: right;
}

.main {
  margin-top: 55px;
}

.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.img-circle {
  width: 50px;
  height: 50px;
}

.imgHome {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.associazioneHomeImg {
  min-width: 250px;
  min-height: 250px;
  display: flex;
}

.scuolaHomeImg {
  display: flex;
  min-width: 250px;
  min-height: 250px;
}

.card_shadow {
  box-shadow: 0 0 8px 1px #888888;
  margin: 0px 10px 0px 10px;
}

/*--------------------------------------------Colors*/
#news {
  color: rgb(255, 255, 255);
  background-color: rgba(73, 0, 0, 0.9411764706);
  box-shadow: 0 0 12px 5px #888888;
}

.gliamiciColor {
  background-color: rgb(52, 54, 53) !important;
}

/************************** Text Formatting******/
a.text-light:hover {
  text-decoration: none;
}

.blog-post-title {
  font-weight: bold !important;
}

.text-primary {
  color: #7B253F !important;
}

.slider_bar {
  height: 20px;
}

.carousel-indicators li {
  background-color: black;
}

.personal_card {
  margin-bottom: 24px;
  border-radius: 5px;
  background: white;
  padding: 15px;
  border: 0.5px solid rgba(0, 0, 0, 0.2196078431);
  min-height: 250px !important;
}

.cart-mobile {
  float: right;
  display: flex;
}

#navbar {
  transition: top 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
  box-shadow: rgb(136, 136, 136) 0px 1px 7px 1px;
  min-height: 60px;
}

.navbar-grey-transparent {
  background-color: rgba(73, 80, 87, 0.4) !important;
}

.navbar-text {
  color: white !important;
  font-weight: 800;
}

.navbar-hovered:hover {
  background-color: rgba(255, 255, 255, 0.7215686275);
  color: white;
  border-radius: 10px;
}

.navbar.navbar-dark .navbar-toggler {
  color: #fff;
}

.changeSiteBtn {
  margin: 25px;
}

@media (min-width: 768px) {
  .changeSiteBtnMobile {
    display: none;
  }
}
@media (max-width: 992px) {
  .navbar-grey-transparent {
    background-color: rgba(0, 0, 0, 0.44) !important;
  }
  .navbar-text {
    color: white !important;
    font-weight: 500;
  }
  .navbar-header {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .navbar-grey-transparent {
    background-color: #343a40 !important;
  }
  .navbar-text {
    color: white !important;
    font-weight: 500;
  }
  .navbar-header {
    width: 100%;
  }
  .changeSiteBtn {
    display: none;
  }
}
.wide_logo {
  display: inline-block !important;
  font-family: Great Vibes, sans-serif !important;
}

/*.....................................................Contact Form*/
.contact-heading {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  margin-top: 25px;
  margin-bottom: 20px;
}

.center-form {
  padding-top: 10px;
  margin: 0 auto;
  max-width: 80%;
}

.form-control {
  margin-bottom: 5px;
  display: initial;
}

.send-email-btn {
  float: right;
}

.element-content-text {
  color: black;
}

/*.....................................................Left Aside Bar*/
.contact-elements {
  text-align: center;
}

.contact-element-icon {
  text-transform: uppercase;
  color: #dadad3;
  font-size: 36px;
}

.contact-element-icon:hover {
  color: white;
}

.contact-element-icon a {
  font-weight: bold;
}

.contact-element-icon > .active > a,
.contact-element-icon > .active > a:focus,
.contact-element-icon > .active > a:hover {
  color: white;
  background: transparent;
}

.contact-body-text {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  margin: 40px;
  margin-bottom: 20px;
  font-size: 16px;
  text-align: center;
}

.contact-form-input {
  margin-bottom: 5px;
}

.links-list {
  list-style: none;
}

.links-list-footer {
  color: white;
}

.links,
.contact-footer {
  margin: 10px 0 10px 0;
}

.footer-social-links {
  padding: 5px;
  align-items: center;
  margin: 0;
  text-align: center;
  display: flex;
}

.footer-social-links li a i {
  width: 32px;
  height: 32px;
  padding: 12px 0;
  border-radius: 50%;
  font-size: 13px;
  line-height: 7px;
  color: #fafafa;
  background: #8f8f8f;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.footer-social-links li a i:hover {
  background: #e84610;
}

/* Index CSS */
.indexHr {
  background-image: url(/media/img/hr_divider.png);
  color: #FF0000;
  height: 25px;
  width: 75%;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
}

.full-width-header {
  height: 100%;
  text-align: center;
  position: block;
  overflow: hidden;
}

.logo-header {
  max-height: 100%;
  background-color: rgba(73, 0, 0, 0.9411764706);
  margin-top: 72px;
}

.jumbotron-container {
  margin: auto;
  position: relative;
  height: 100%;
  width: 100%;
}

.page-jumbotron {
  width: 100%;
  height: 100%;
  padding: 8%;
  text-align: center;
  margin: auto;
  color: white;
  position: inherit;
  background: rgba(245, 245, 220, 0);
}

.logo-carousel {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  opacity: 0.8;
}

.piumeDelVentoHomePage,
.associazioneHomePage {
  border: 1px solid;
  border-radius: 10px;
  box-shadow: 1px 0px 3px 4px #888888;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.5098039216);
}

.piumeDelVentoHomePage:hover,
.associazioneHomePage:hover {
  box-shadow: 0 0px 10px 9px #888888;
}

@media (min-width: 992px) {
  .piumeDelVentoHomePage,
  .associazioneHomePage,
  .imgHomePage {
    min-height: 350px;
    max-height: 350px;
  }
}
.homePageDiv {
  margin: 20px;
}

.homeBody {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.opening-time {
  border-bottom: 1px solid #530e0f;
}

.main_card {
  border-radius: 5%;
  max-width: 80%;
  text-align: center;
  margin: auto;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

.card_text_main {
  font-size: 48px;
  color: #530e0f;
  font-weight: 800;
}

.main_card_icon {
  font-size: 32px;
  color: #530e0f;
}

.img-blogpost {
  max-width: 60%;
}

.firma-card {
  background: #fff;
  border: 1px solid;
  border-color: rgba(199, 189, 189, 0.2509803922);
  margin: 1rem auto;
  border-radius: 5px;
  box-shadow: 0 4px 6px -1px rgb(198, 207, 234);
  margin-bottom: 1.6%;
  overflow: hidden;
}

.firma-resim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}

.firmalar {
  background: rgba(241, 244, 245, 0.7803921569);
}

.cardGallery:hover {
  box-shadow: 0px 0px 19px 10px rgba(102, 102, 102, 0.43);
}

.card-title-gallery {
  background: rgba(0, 0, 0, 0.6784313725);
  max-height: 30%;
}

@media (max-width: 768px) {
  .image-flip {
    margin-bottom: 150px;
  }
  .firma-logo {
    width: calc(33.66667% - 0.75rem);
    height: 6.5rem;
    margin: 5px 0.375rem;
  }
  .firma-resim {
    position: relative;
    z-index: 0;
    height: 200px;
  }
  .img-padding-no {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.card-img-full-size {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.card-img-overlay {
  color: white;
  box-sizing: border-box;
  padding: 0 !important;
  border-radius: 5px;
  box-shadow: none;
}

.card-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: bold;
}

.card-text-overlay {
  font-size: 0.9rem;
  line-height: 1.5;
  background: rgba(83, 14, 15, 0.86);
  position: absolute;
  bottom: 0;
  height: 100px;
  width: 100%;
  padding: 1.3em;
}

.card-news-shadow:hover {
  box-shadow: 0 0 8px 1px #888888;
}

/* FontAwesome for working BootSnippet :> */
section {
  padding: 60px 0;
}

section .section-title {
  text-align: center;
  margin-bottom: 50px;
  text-transform: uppercase;
}

#team .card {
  border: none;
  background: #ffffff;
}

.frontside {
  position: relative;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
  margin-bottom: 30px;
}

.frontside {
  backface-visibility: hidden;
  -webkit-transition: 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 1s;
  -moz-transform-style: preserve-3d;
  -o-transition: 1s;
  -o-transform-style: preserve-3d;
  -ms-transition: 1s;
  -ms-transform-style: preserve-3d;
  transition: 1s;
  transform-style: preserve-3d;
}

.frontside .card {
  min-height: 312px;
}

.card-title-doc {
  color: red !important;
}

.frontside .card .card-body img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.imgResizingGallery {
  max-height: 250px;
  min-height: 250px;
}

.gallery {
  position: relative;
  z-index: 2;
  padding: 10px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  transition: all 0.5s ease-in-out;
}

.gallery.pop {
  filter: blur(10px);
}

.gallery figure {
  flex-basis: 33.333%;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
}

.gallery figure img {
  width: 100%;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}

.gallery figure figcaption {
  display: none;
}

.popup {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  opacity: 0;
  transition: opacity 0.5s ease-in-out 0.2s;
}

.popup.pop {
  opacity: 1;
  transition: opacity 0.2s ease-in-out 0s;
}

.popup.pop figure {
  margin-top: 0;
  opacity: 1;
}

.popup figure {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
  margin-top: 30px;
  opacity: 0;
  animation: poppy 500ms linear both;
}

.gallerySizeImg {
  min-height: 250px;
  max-height: 250px;
}

.popup figure img {
  height: auto !important;
  position: relative;
  z-index: 2;
  border-radius: 15px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 6px 30px rgba(0, 0, 0, 0.4);
}

.popup figure figcaption {
  position: absolute;
  bottom: 50px;
  z-index: 2;
  width: 100%;
  border-radius: 0 0 15px 15px;
  padding: 100px 20px 20px 20px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
}

.popup figure figcaption small {
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  margin-top: 12px;
  text-indent: 3px;
  opacity: 0.7;
  letter-spacing: 1px;
}

.popup figure .shadow {
  position: relative;
  z-index: 1;
  top: -15px;
  margin: 0 auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 98%;
  height: 50px;
  opacity: 0.6;
  filter: blur(15px) contrast(2);
}

.popup .close {
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: url(#close);
  border-radius: 25px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.popup .close svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 720px) {
  .popup figure {
    top: 72%;
    left: 301px;
    width: 81%;
    right: -100%;
  }
}
@keyframes poppy {
  0% {
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, -94.672, -91.573, 0, 1);
  }
  4.3% {
    transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, -122.527, -121.509, 0, 1);
  }
  4.7% {
    transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, -134.908, -134.843, 0, 1);
  }
  6.81% {
    transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, -197.77, -200.879, 0, 1);
  }
  8.61% {
    transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, -245.972, -246.757, 0, 1);
  }
  9.41% {
    transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, -265.038, -262.804, 0, 1);
  }
  10.21% {
    transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, -282.462, -275.93, 0, 1);
  }
  12.91% {
    transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, -328.332, -298.813, 0, 1);
  }
  13.61% {
    transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, -336.934, -299.783, 0, 1);
  }
  14.11% {
    transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, -342.273, -299.395, 0, 1);
  }
  17.22% {
    transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, -361.606, -281.592, 0, 1);
  }
  17.52% {
    transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, -362.348, -278.88, 0, 1);
  }
  18.72% {
    transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, -363.633, -267.15, 0, 1);
  }
  21.32% {
    transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, -358.864, -240.617, 0, 1);
  }
  24.32% {
    transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -345.164, -216.073, 0, 1);
  }
  25.23% {
    transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, -340.193, -210.948, 0, 1);
  }
  28.33% {
    transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, -322.647, -202.048, 0, 1);
  }
  29.03% {
    transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, -318.884, -201.771, 0, 1);
  }
  29.93% {
    transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, -314.277, -202.202, 0, 1);
  }
  35.54% {
    transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, -293.828, -216.499, 0, 1);
  }
  36.74% {
    transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, -291.489, -220.242, 0, 1);
  }
  39.44% {
    transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, -288.62, -227.228, 0, 1);
  }
  41.04% {
    transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, -288.247, -229.999, 0, 1);
  }
  44.44% {
    transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, -289.763, -232.215, 0, 1);
  }
  52.15% {
    transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, -297.363, -226.449, 0, 1);
  }
  59.86% {
    transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, -301.813, -222.759, 0, 1);
  }
  61.66% {
    transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, -302.102, -222.926, 0, 1);
  }
  63.26% {
    transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, -302.171, -223.276, 0, 1);
  }
  75.28% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, -300.341, -225.696, 0, 1);
  }
  83.98% {
    transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.61, -225.049, 0, 1);
  }
  85.49% {
    transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.599, -224.94, 0, 1);
  }
  90.69% {
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -299.705, -224.784, 0, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, -225, 0, 1);
  }
}
.badge {
  background: white;
  width: 100px !important;
  position: absolute;
  padding-top: 6px;
  float: right;
  right: 11px;
  top: 10px;
  width: 80px;
  height: 25px;
  text-align: center;
}

.dateText {
  font-size: 15px;
}

.pulse {
  display: block;
  width: 100px;
  height: 46px;
  background: rgba(252, 1, 58, 0.9607843137) !important;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(255, 0, 0, 0.4);
  animation: pulse 2s infinite;
  padding-top: 19px;
}

.pulse:hover {
  animation: none;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
.marginTopNews {
  margin-top: 100px;
  padding-top: 35px;
  background-color: white;
}

/* The Modal (background) */
.modal_image {
  display: none;
  position: fixed;
  padding-top: 43px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.119);
}

/* Modal Content */
.modal-content-gallery {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 50%;
  max-width: 1200px;
}

@media (max-width: 756px) {
  .modal-content-gallery {
    width: 100%;
  }
}
/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
  width: 100%;
  height: 100%;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.3882352941) !important;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.left-column-image {
  max-width: 100%;
  margin: 0;
  padding: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

label[for] {
  cursor: pointer;
}

.grid {
  width: 100%;
  /* position: fixed; */
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(34, 34, 34, 0);
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding: 16px;
  overflow: auto;
  text-align: center;
  transition: opacity 0.75s;
}

.grid .grid-item {
  width: 25%;
  display: inline-block;
  padding: 16px;
  opacity: 0.75;
  transition: opacity 0.5s;
}

.grid .grid-item:hover {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .grid .grid-item {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .grid .grid-item {
    width: 100%;
  }
}
.grid img {
  max-width: 100%;
  max-height: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

input[type=checkbox] {
  display: none;
}

.lightbox {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100%;
  z-index: 1;
  overflow: auto;
  transform: scale(0);
  transition: transform 0.75s ease-out;
}

.lightbox img {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 96%;
  max-height: 96%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

input[type=checkbox]:checked + .lightbox {
  transform: scale(1);
}

input[type=checkbox]:checked ~ .grid {
  opacity: 0.125;
}

.school_divider {
  text-align: center;
  padding: 30px 0;
  box-shadow: 0 1em 1em -1em rgba(0, 0, 0, 0.25);
}

.card_radius {
  border-radius: 10px;
}

.image_courses_card {
  border-radius: 15px;
  padding: 10px;
}

.div_spectacles {
  margin-bottom: 1.3em;
}

.card_spectacles {
  transition: transform 0.2s ease-in-out;
  border: none;
  border-radius: 15px;
}

.card_spectacles:hover {
  transform: translateY(-5px);
}

.page_spectacles_header {
  color: #530e0f;
  padding: 2rem 0;
  margin-bottom: 1rem;
  border-radius: 0 0 20px 20px;
}

.card_spectacles_body {
  padding: 1.5rem;
}

.year_badge {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #984678;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: bold;
}

.card_spectacles_text {
  color: #6c757d;
  line-height: 1.6;
}

.year_text {
  font-size: 0.9rem;
  color: #6c757d;
  font-weight: 500;
}

a {
  text-decoration: none;
}

.team-style07 {
  background: #fff;
  text-align: center;
  padding: 30px;
  box-shadow: 0px 10px 30px 0px rgba(26, 29, 72, 0.07);
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
  min-height: 400px;
}

.team-style07 {
  background: #fff;
  text-align: center;
  padding: 30px;
  box-shadow: 0px 10px 30px 0px rgba(26, 29, 72, 0.07);
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
}

.team-style07:hover {
  background: #7B253F;
  color: white;
}

.team-style07:hover h3 a,
.team-style07:hover p {
  color: #fff;
}

.team-style07 .team-thumb {
  position: relative;
}

.team-style07 .team-thumb .team-social {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.team-style07:hover .team-thumb .team-social .styled-icons li:nth-child(1) {
  left: 40px;
  position: absolute;
  bottom: 0;
  z-index: 10;
  opacity: 1;
  transition: all 0.4s ease-in-out 0s;
}

.team-style07 .team-thumb .team-social .styled-icons li:nth-child(1) {
  position: absolute;
  opacity: 0;
  left: -10px;
  bottom: -20px;
  z-index: 10;
  transition: all 0.3s ease-in-out;
}

.team-style07 .team-thumb .team-social .styled-icons li:nth-child(2) {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  bottom: -40px;
  transition: all 0.3s ease-in-out;
}

.team-style07 .team-thumb .team-social .styled-icons li:nth-child(3) {
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: -20px;
  transition: all 0.3s ease-in-out;
}

.team-style07:hover .team-thumb .team-social .styled-icons li:nth-child(3) {
  position: absolute;
  right: 40px;
  bottom: 0;
  opacity: 1;
  transition: all 0.4s ease-in-out 0s;
}

.team-style07:hover .team-thumb .team-social .styled-icons li:nth-child(2) {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  opacity: 1;
  transition: all 0.5s ease-in-out 0s;
}

.team-style07 .team-thumb .team-social .styled-icons li a {
  background: #985678;
  color: #fff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border: none;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
}

.mb-1-9,
.my-1-9 {
  margin-bottom: 1.9rem;
}

.styled-icons a {
  border: 2px solid transparent;
  color: #333;
  display: inline-block;
  font-size: 16px;
  height: 36px;
  line-height: 2;
  margin-right: 4px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 36px;
  transition: all 0.2s ease;
  border-radius: 50%;
}

.styled-icons li {
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 0;
  padding-left: 0 !important;
}

.team-profile-img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
}/*# sourceMappingURL=main.css.map */