/*
Theme Name: Divi_child
Description: Divi Childtheme

/*
 Theme Name:   Divi-child
 Theme URI:    https://www.elegantthemes.com
 Description:  Divi Child-Theme
 Author:       WASH United
 Author URI:   https://menstrualhygieneday.org/
 Template:     Divi
 Version:      1.0.0
 Tags:         responsive-layout
 Text Domain:  Divi-child
*/

#main-header {
        margin-top: -2px;
}

/*------------------------------------------------*/
/*-----------------[Custom Button]----------------*/
/*------------------------------------------------*/


.btn-red2 {
	    text-align: center !important;
color: #ffffff !important;
	font-weight: bold;
	font-size: 16px;
    border-radius: 5px;
    background-color: #e0428e;
  display: inline-block;
	padding: 8px 15px 8px 15px;
	  transition: .3s;

}

.btn-red {
      text-align: center !important;
color: white !important;
  font-weight: bold;
  font-size: 16px;
    border-radius: 5px;
    background-color: #e0428e;
  display: inline-block;
  padding: 8px 15px 8px 15px;
    transition: .3s;

}

.btn-red:hover {
	    text-align: center !important;
color: #ffffff !important;
    background-color: rgba(224,66,142,0.8);
	  transition: .3s;
	border: none; 
}


.btn-white {
	    text-align: center !important;
color: #23bae8 !important;
	font-weight: bold;
	font-size: 16px;
    border-radius: 5px;
    background-color: white;
  display: inline-block;
	padding: 8px 15px 8px 15px;
	  transition: .3s;

}

.btn-white:hover {
	    text-align: center !important;
color: #23bae8 !important;
    background-color: #ffffff;
	  transition: .3s;
	border: none; 
	 -moz-box-shadow: 2px 2px 5px #23bae8;
  -webkit-box-shadow: 2px 2px 5px #23bae8;
  box-shadow: 2px 2px 5px #23bae8;

}

/*

.btn-white {
	    text-align: center !important;
color: #23bae8 !important;
	font-weight: bold;
	font-size: 16px;
    border-radius: 5px;
	border: 2px solid transparent;
    background-color: #ffffff;
  display: inline-block;
	padding: 6px 15px 6px 15px;
	  transition: .3s;

}

.btn-white:hover {
	    text-align: center !important;
	  transition: .3s;
	border: 2px solid #23bae8; 
}

*/

/*------------------------------------------------*/
/*-----------------[Event Forms]----------------*/
/*------------------------------------------------*/


label {
  font-size: 90%;
}

.input-event[type=text] {
  width : 100%;
  font-size: 100%;
  padding: 10px 0px 10px 5px;
  margin: 5px 0px 20px 0px;
    border: none;
    background-color: #ebe9e9;
  box-sizing: border-box;
   -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}


.input-event[type=number]::-webkit-inner-spin-button,
.input-event[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.input-event-mail[type=email]::-webkit-inner-spin-button,
.input-event-mail[type=email]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type="email"],
input[type="number"]
 {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  width : 100%;
  font-size: 100%;
  padding: 10px 0px 10px 5px;
  margin: 5px 0px 20px 0px;
    border: none;
    background-color: #ebe9e9;
  box-sizing: border-box;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus 
 {
border-top: 1px solid #7c7c7c;
    border-left: 1px solid #7c7c7c;
    border-right: 1px solid #7c7c7c;
        border-bottom: 1px solid #7c7c7c;
    -moz-box-shadow: 0 0 5px #7c7c7c;
  -webkit-box-shadow: 0 0 5px #7c7c7c;
  box-shadow: 0 0 5px #7c7c7c;   
}

textarea {
  width : 100%;
    font-size: 100%;
  padding: 10px 0px 10px 5px;
  margin: 5px 0px 20px 0px;
    border: none;
    background-color: #ebe9e9;
  box-sizing: border-box;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

textarea:focus {
  border-top: 1px solid #7c7c7c;
    border-left: 1px solid #7c7c7c;
    border-right: 1px solid #7c7c7c;
        border-bottom: 1px solid #7c7c7c;
      -moz-box-shadow: 0 0 5px #7c7c7c;
  -webkit-box-shadow: 0 0 5px #7c7c7c;
  box-shadow: 0 0 5px #7c7c7c;
    }

select {
    width: 100%;
    height: 40px;
      font-size: 100%;
      margin: 5px 0px 20px 0px;
    padding: 10px 0px 10px 5px;
    border: none;
    color: #000000;
    background-color: #ebe9e9;  
}


.formclick input[type="submit"],
.formclick input[type="button"]
{
  padding: 10px 10px 10px 10px;
  color: #FFF;
  margin: 0px 0px 30px 0px;
  background: rgba(224, 66, 142, 0.6);
  text-align: center;
  font-style: normal;
  border: none;
  font-family: inherit;
  font-size: 100%;
}

.formclick input[type="submit"]:hover,
.formclick input[type="button"]:hover
{
  background: rgba(224, 66, 142);
}

button, input, select, textarea, .formclick {
  font-family: inherit;
  font-size: 100%;
}