/*
 Theme Name:     Divi Child - Phytest
 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
------------------------------------------------------- */

/*remove bottom bar of menu*/
#main-header { box-shadow: none !important; }

.nav li ul {
    border-image: linear-gradient(to right, #299CBB, #6F4CA7) 3;
}
/*active menu font color*/
li.current-menu-item>a {
    color: #682b88;
}

/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}


/* GRAVITY FORM STYLES */
.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {
    border-top-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border: 0;
    padding: 16px;
}

.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    padding: 16px;
}

body .gform_wrapper input[type="text"] {
    background-color: #f2f4f4;
}

.gform_wrapper .gform_button {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #682b88;
    padding-top: 15px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 15px;
    border: 0;
    color: #ffffff;
}

.gform_wrapper .gform_button:hover {
    background-color: #25e491;
    transition: all .5s ease;
}

.gform_wrapper .align-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.gform_footer {
    text-align: right;
}

/* Dropdown fields */
.ginput_container select {
  font-weight: normal;
  width: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat center right 2%;
  background-color: #ffffff;
    margin-bottom: 10px;
    border-radius: 4px;
    appearance: none;
}

/*horizontal scroll disable*/
body {
max-width: 100%;
overflow-x: hidden;
}

/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
color: #000000;
}
/*change hamburger menu color*/
span.mobile_menu_bar:before{
  color:#000000;
}


/* CUSTOMIZE SIDEBAR COMPONENTS */
.wp-block-latest-posts__post-title {
  text-decoration: none;
	background:
    linear-gradient(
      to right,
      rgba(242, 244, 244, 1),
      rgba(242, 244, 244, 1)
    ),
    linear-gradient(
      to right,
      rgba(104, 43, 136, 1),
      rgba(47, 108, 147, 1),
      rgba(0, 174, 200, 1)
  );
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
.wp-block-latest-posts__post-title:hover {
  background-size: 0 3px, 100% 3px;
	color: #000000 !important;
}

.wp-container-1 wp-block-social-links has-icon-color has-icon-background-color {
	color: #682b88 !important;
}

/*blog image layout to the left*/
@media only screen and (min-width: 1080px) {
    .dt-blog .et_pb_post.has-post-thumbnail .entry-featured-image-url {
        float: left;
        width: 30%;
        margin-right: 4%;
    }
    .dt-blog .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {
        padding-left: 34%;
    }
}