/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 9 Σεπ 2020, 1:09:23 μμ
    Author     : EIRINI
*/


h1, h2, h3{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    text-align: center;
}
.perioxi {
    background-color: #ffffff;
}
.perioxi-second {
    background-color: #dfe9d0;
}
.diathes_link{
width: 100%;
}
.arrow-div{
height: 82vh;
}
.arrow-div-small{
height: 50vh;
}

.profile-pic{
	border:#85bed3 3px solid;
    border-radius: 50%;
    width: 50%;
	transition-duration : 0.3s;
    /* height: calc(var(--variable-width));*/
}
.profile-pic:hover{
	border: 10px #85bed3 outset;
}
.profile-pic-gold{
	border:#d7c877 3px solid;
    border-radius: 50%;
    width: 50%;
	transition-duration : 0.3s;
    height: calc(var(--variable-width));
}
.profile-pic-gold:hover{
	border: 10px #d7c877 outset;
}
.profile-pic-bronze{
	border:#d6d6d6 3px solid;
    border-radius: 50%;
    width: 50%;
	transition-duration : 0.3s;
    /* height: calc(var(--variable-width));*/
}
.profile-pic-bronze:hover{
	border: 10px #d6d6d6 outset;
}

.img-samples img{
    width:100%;
    height: 100%;
    object-fit: cover;
}
.img-samples .col-6 {
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom:5px;
    height: 100px;
    overflow: hidden;
}
.arrow{
    height: 90%;
}
hr {
   margin: 10px 30px 30px 30px;
}
.the_titles{
    color:black;
    text-decoration: none;
 }
.the_titles::after {    
  background: none repeat scroll 0 0 transparent;
  top: 70%;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #85bed3;
  transition: width 0.4s ease 0s, left 0.4s ease 0s;
  width: 0;
}
.the_titles:hover::after { 
  width: 100%; 
  left: 0; 
}

/*για την σελιδα των ζευγαριων */
p {
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    margin-bottom: 5%;
}
.button-main {
  padding: 8px;
  text-align: center;
  background-color: white;
  color: #9fa6a1;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 16px;
  border-radius: 16px;
  border: 2px solid #9A9797;
  transition-duration: 0.3s;
  margin-bottom: 2%;
}
.button-main:hover {
    background-color: black;
    color: white;
    border-color: white;
}
.button-main-confirm{
    margin-left: 0;
    text-decoration: none;
}
.perioxi-footer {
    margin-bottom: 0;
}
div.stickyd {
    position:sticky;
    top:5px;
    width:100%;
    z-index:1000;
}
.accordion {
  background-color: #dfe9d0;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-bottom:3px;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.minima h1,.minima h2,.minima h3 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    color:#9fa6a1;
}
.minima h2{
    font-size:x-large;   
}
a{
    color:inherit;
    text-decoration: none;
}

textarea {
    width: 100%;
}
.button-main {
  padding: 0.6em 1.5em;
  text-align: center;
  background-color: white;
  color: #9fa6a1;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 16px;
  border-radius: 22px;
  border: 2px solid #9A9797;
  transition-duration: 0.3s;
  width: 100%;
}
.button-main:hover {
    background-color: black;
    color: white;
    border-color: white;
}
.lista-nomon a {
	display: block;
	font-size: 1.3em;
}
a {
font-family: 'Open Sans Condensed', sans-serif;
}
.accordion {
  background-color: #BED2A1;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-bottom:3px;
}

.active, .accordion:hover {
  background-color: #85bed3; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #85bed3;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}