JezK

Edit File: navigation.css

* {
    margin: 0;
    padding: 0;
    font-family: Montserrat;
    color: black;
}
body{
    width: 100%;
}
h1,h2,h3,h4,h5,h6{
    padding-top: 10px;
    font-weight: bold;
    color: #20BEC7;
}
.ast-page-builder-template .site-content > .ast-container{
	max-width: 100%;
	padding: 0;
}
p{
    padding-top: 10px;
}
.header{
    background-color: #323232;
    color: #20BEC7;
    padding:30px 60px;
    text-align: center;
}
span{
    color: white;
}

ul{
    margin-left:20px
}
.cards{
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.card-single{
   display: flex;
   flex-direction: column;
   text-align: center;
   position: relative;
    /* box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3); */
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow:   0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}
.card-single .icons{
      position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 28px;
    color: #20BEC7;
    background: white;
    border-radius: 30px;
}
.card-text{
    padding: 20px;
}
.countries{
  height: 45px;
  border-radius: 5px;
  width: 21%;
  margin-right: 10px;
}
.checkbox-input{
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 10px;
}
.buttons{
  background-color:#20BEC7;
  color: white;
  padding:10px 20px;
  border-radius: 20px;
  border: 0px;
  display: block;
}
.view-button{
  display: flex;
  justify-content: start;
}
.images{
  padding: 10px;
  margin-top:20px;
  border-radius: 5px;
  margin-right: 30px;
  box-shadow: 0px 0px 29.9135px rgba(104, 104, 104, 0.07);
}
.participate-list{
  width:32%
}
table{
  margin-top: 20px;
  color: black;
}
table tr{
  margin-top: 10px;
  height: 30px;
}

.time{
  width: 10%;

}
.desc{
  width:60%;
  font-weight: 500;
}
/* -------------------------------- */

.floating-form {
    width:100%;
    margin-top: 15px;
  }
  
  /****  floating-Lable style start ****/
  .floating-label { 
    position:relative; 
    margin-bottom:30px; 
   
  }
  .floating-input , .floating-select {
    font-size:14px;
    padding:4px 20px;
    display:block;
    width:100%;
    height:35px;
    background-color: white !impotant;
    border-radius: 5px;
    border:1px solid #757575;
  }
  
  .floating-input:focus , .floating-select:focus {
       outline:none;
       border-bottom:1px solid #000; 
  }
 
   label {
    color:#999; 
    font-size:14px;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:10px;
    top:7px;
    padding-left: 5px;
    padding-right: 5px;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
    background-color: white;
  } 
  
  .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
    top:-8px;
    font-size:14px;
    color:#263238;
  }
  
  .floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
    top:-10px;
    font-size:14px;
    color:#263238;
  }
  .bread_crumbs{
  font-size: 13px;
  }
  .bread{
  color: #20bec7;
  }
  
  /* active state */
  .floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width:50%;
  }
  
  *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  .floating-textarea {
     min-height: 30px;
     max-height: 260px; 
     overflow:hidden;
    overflow-x: hidden; 
  }
  
  /* highlighter */
  .highlight {
    position:absolute;
    height:50%; 
    width:100%; 
    top:15%; 
    left:0;
    pointer-events:none;
    opacity:0.5;
  }
  .profile_card{
      display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-gap: 1rem;
    }
  .participate_companies{
    display: grid;
    grid-template-columns:32% 32% 32%;
    margin-top: 1rem;
  }
  .gold_members{
   display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .silver_members{
   display: grid;
    grid-template-columns:50% 50%;
  }
  .gold_img{
    height: 100px;
    padding: 1rem;
    text-align: center;
  }
  .modal-body p {
    text-align: justify;
}
.event_reg{
display: flex; 
justify-content: space-between;
}

@media (max-width:767px){
.header {
    padding: 30px 30px;
}
.profile_card {
   display: block; 
}
.cards{
justify-content: center;
}
.event_reg {
    display: inline-flex;
    flex-direction: column-reverse;
}
}
.images_flex{
	display:flex;
    align-items:center;
    justify-content:center;
}

div#card-element {
    border: 1px solid rgba(0, 0, 0, 0.23);
    padding: 6px 3px;
    border-radius: 4px;
}

.member_type{
color:#20BEC7 !important;
}

.member_margin{
margin: 1rem 1rem 1rem 0rem;
}
.ast-builder-html-element p{
margin: 0 !important;
padding-top: 5px !important;
}
.ast-builder-html-element p a{
color: white;
}