/*
 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:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Header */

.nav li ul {
    padding: 0px 0 !important;
}

#top-menu li a:hover {
    color:#6897c9 !important;
}

#top-menu li li {
    padding: 0px !important;
}
#top-menu li li a {
    width: 240px !important;
}

#top-menu li li a:hover {
    background: #6897c9 !important;
    color: white !important;
}

#top-menu li.current-menu-item > a {
    color: #6897c9 !important;
}

#top-menu li.current-menu-ancestor > a {
    color: #6897c9 !important;
}

.nav li ul .current-menu-item a {
    color: #6897c9 !important;
}

/* Body */

h2 {
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 700;
}

#intro h1, .page-intro h1 {
    color: white;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 25px;
}

#intro a {
    color: white;
}

#intro a:hover {
    text-decoration: underline;
}

#features h3 {
    color: white;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 30px;
}

#features a {
    color: white;
    font-weight: 700;
    text-decoration: underline;
}

.page-content h2, .page-content h3 {
    color: #6897ca;
}

article .post-meta {
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px !important;
    font-size: 12px !important;
}

article .entry-title {
    padding-bottom: 0px;
    margin-bottom: 10px;
}

#left-area .post-meta {
    padding-bottom: 15px;
    font-weight: 700;
    font-size: 14px !important;
    font-style: italic;
    margin-top: 20px;
}

/* Sidebar */

#sidebar .post-date {
    display: block;
    font-size: 11px;
    font-weight: 300;
}

#sidebar h4 {
    font-size: 20px;
}

/* Contents */

.entry-content ul {
    margin-left: 20px;
}

.cf-info {
    padding-right: 50px;
    margin-top: 35px;
    margin-right: 100px;
}

.cf-info h2 {
    color: #565551;
}

/* Contact Form */

.contact-form {
    background: #f2f4f3;
    padding: 40px 30px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 3px #bdbdbd;
}

.contact-form input, .contact-form textarea {
    padding: 10px;
    font-size: 14px;
    box-shadow: 0px 0px 5px 2px #dcdcdc;
}

.nf-form-fields-required {
    display: none;
}
.contact-form .nf-field-container {
    margin-bottom: 10px !important;
}
.contact-form .nf-field-element textarea {
    height: 180px !important;
}

.contact-form input[type=button] {
    background: #6897c9;
    width: 100% !important;
    color: white;
    font-size: 15px;
    font-weight: 700;
}

/* Footer */

#footer-bottom {
    display: none;
}

#footer-widgets {
    padding: 5% 0 0;
}

#main-footer p {
    font-size: 14px;
    line-height: normal;
}

/* Media Queries for Desktop */

@media screen and (min-width: 981px) {

  #page-container {
    padding-top:104px !important;
  }

#main-header {
    top: 0px !important;
  }

.admin-bar #main-header {
    top: 32px !important;
  }

.et_pb_gutters3 .footer-widget {
    margin-right: 5.5%;
    margin-bottom: 3%;
}

}

/* Media Queries for Tablets and Mobiles */

@media all and (max-width:768px) {

.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 100% !important;
    max-height: 100% !important;
}
	
.cf-info {
    margin: 60px 0 30px !important;
    padding: 30px 0!important;
}

.contact-form {
    margin: 0 !important;
}

div.et_pb_section.et_pb_section_3 {
    background-position: center center !important;
}

#intro h1, .page-intro h1 {
    font-size: 28px !important;
}
h2 {
    font-size: 22px !important;
}

.et_pb_section_2 {
    padding: 20px 0 !important;
}

.et_pb_text_3, .et_pb_text_4, .et_pb_text_2 {
    padding-right: 20px !important;
}
	
.et_pb_text_5 {
    padding-right: 0px!important;
    margin-top: 60px!important;
    margin-right: 0px !important;
}

#features h3 {
    font-size: 20px !important;
    padding-bottom: 15px !important;
}

#media_image-2 a img {
    width: 50% !important;
}

}