/* ----------- REMOVE DEFAULT BUTTON STYLING ----------- */
input, button, submit { 
    border-style:solid;
  }
  button:focus {
    outline:0;
  }
  
  
  /* ----------- BASIC BUTTON CHARACTERISTICS ----------- */
  .btn{
    margin:1%  35% 1% 37%;
    border-width:1px;
    border-color:black;
    font-size:calc(0.65em + .5vmin);
    cursor:pointer;
}
  



  
  
  /* ----------- BUTTON STYLES - OUTLINE OR FULL ----------- */

  .btn-f{
    border-width:1px;
  }
  
  /* ----------- CORNER STYLES - ROUNDED OR SQUARE ----------- */

  .btn-rnd{
    border-radius:4px;
  }
  
  /* ----------- BUTTON SIZES ----------- */
  .btn-sm{
    /* padding:10px 18px; */
    padding:5px 12px; 
  }
  
  .skillsList2 h4{
    float:left;
    display:block;
    width:111px;
    text-transform:uppercase;
  }
  
  
  
  

  
  
  


  
 
  
  /* CORAL - BUTTON COLORS */
  .btn-coral{
    background-color:#000000;
    border-color:#000000;
    color:white;
  }
  .btn-coral:hover{
    background-color:#000000;
  }
 
  /* The Modal (background) */
.ebcf_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box default value 100px*/
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.ebcf_modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 12px;   /* Default value: 20px */
    border: 1px solid #888;
    width: 80%;
    height:80%; /* Scroll */
    overflow-y: scroll; /* Scroll */
}

/* The Close Button */
.ebcf_close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

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



 
  
  /* New Model - CORAL - BUTTON COLORS */
  .btn-coral{
    background-color:#000000;
    border-color:#000000;
    color:white;
  }
  .btn-coral:hover{
    background-color:#000000;
  }
 
  /* The Modal (background) */
.ebcf_modal_new {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box default value 100px*/
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.ebcf_modal-content_new {
    background-color: #fefefe;
    margin: auto;
    padding: 12px;   /* Default value: 20px */ 
    border: 1px solid #888;
    width: 80%;
    height:80%; /* Scroll */
    overflow-y: scroll; /* Scroll */
}

/* The Close Button */
.ebcf_close_new {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

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