/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        3.19.9
*/


/* =Theme customization starts here
------------------------------------------------------- */

/*----------Mailchimp SignUp----------*/

.mc4wp-form-fields input[type=email] {
    font-family: 'Cabin Regular',Helvetica,Arial,Lucida,sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 1px 15px rgba(0, 0, 0, 0);
    float: left;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background: white;
    border: 0px;
    margin-right: 20px;
    font-size: 15px;
    width: 45%!important;
}

.mc4wp-form-fields input[type=submit] {
    font-family: 'Cabin Regular',Helvetica,Arial,Lucida,sans-serif;
    border-radius: 5px;
    float: left;
    color: #fff!important;
    letter-spacing: 1px;
    background-color: #4EDDCF!important;
    border: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    border: 0px;
    width: 35%!important;
}

.mc4wp-form-fields input[type=submit]:hover {
    background-color: #3AA49A!important;
    color: white!important;
    cursor: pointer;
}

/*----------Mailchimp SignUp Tablet Settings----------*/

@media only screen and (max-width: 980px) {

.mc4wp-form-fields input[type=email] {
    width: 100%!important;
    margin-right: 0px;
}

.mc4wp-form-fields input[type=submit] {
        width: 100%!important;
    margin-top: 10px;
}
}

/*----------Mailchimp SignUp Mobile Settings----------*/

@media only screen and (max-width: 623px) {

.mc4wp-form-fields input[type=email] {
    width: 100%!important;
    margin-right: 0px;
}

.mc4wp-form-fields input[type=submit] {
    width: 100%!important;
    margin-right: 0px;
    margin-top: 10px;
}
}

/*----------Other----------*/

.vertical-align-video {
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*---------Rounded corners-------*/

.ss-rounded-corners {
    border-radius: 5px;
    box-shadow: 0 14px 14px rgba(0,0,0,0.10), 0 10px 10px rgba(0,0,0,0.10);
}

/*---------pa-hide-background-image-mobile-------*/

/*regular sections*/
@media only screen and (max-width: 980px) {
div.et_pb_section.pa-hide-background-image-mobile {
background-image: none!important;
}

/*parallax sections*/
div.pa-hide-background-image-mobile span {
background-image: none!important;
}
}

/*---------Center align on mobile-------*/

@media only screen and (max-width: 623px) {

.center-align {
  text-align: center!important;
}

h1,h2,h3,h4 {
  text-align: center!important;
}

/*---------Center align buttons on mobile-------*/

@media only screen and (max-width: 623px) {

  .button-mobile-centre {
    width: 100%;
    text-align:center!important;
}

/*---------Remove background image on tablet + mobile-------*/

@media only screen and (max-width: 980px) {

.above-the-fold {
  background: none !important;
}

/*---------Navbar width-------*/

.et_header_style_left .logo_container {
    z-index: 99!important;
    max-width: 972px!important;
}

/*---------Drop down menu-------*/

#top-menu li li {
  margin-bottom: 8px!important;
  margin-top: 8px!important;
}

#top-menu li li:hover {
  color: #161720!important;
  background: #F5F6FD!important;
  opacity: 1!important;
  border-radius: 5px!important;
}

.nav li ul{
    border-color: transparent!important;
    margin-top: 15px!important;
    border-radius: 5px!important;
  }

/*---------Search box---------*/

#searchsubmit {
	font-family: 'Cabin Regular',Helvetica,Arial,Lucida,sans-serif;
	background: #4D58DE!important;
	color: #ffffff!important;
	border: none!important;
	padding: 10px 20px!important;
	font-size: 12px!important;
	border-radius: 5px!important;
	text-transform: uppercase!important;
	font-weight: 700!important;
	letter-spacing: 1px!important;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
  border: 1px solid #cecfe0!important;
  color: #161720!important;
  padding: 8px!important;
  font-size: 12px!important;
  border-radius: 5px!important;
}