/*
Theme Name:     Divi Theme Child
Description:    Child theme untuk web bisnis
Author:         Jasa Pembuatan Web Support MLM
Author URI:     http://arisbudiman.com
Template:       Divi
Version:        1.0
*/
 
@import url("../Divi/style.css");

/* ------- Insert custom styles below this line ------- */

/*------------- Scrool to top ------------*/
        .et_pb_scroll_top.et-visible {
          margin: 0px 5px;
          bottom: 2% !important;
          border-radius: 50%;
        }
        .et_pb_scroll_top.et-hidden{
          margin: 0px 5px;
          bottom: 2% !important;
          border-radius: 50%;
      }
        .et_pb_scroll_top.et-pb-icon{
          background-color: rgba(238,60,73,1) !important;
          color: #fff !important;
      }



  /*------------------------------------------------------------------*/
 /*-------------[0.3] MENU CTA BUTTON ------------*/
/*-----------------------------------------------------------------*/

        #et-top-navigation .et_pb_button {
            margin-top: 0px;
            font-size: inherit;
            font-weight: inherit;
        }
        .cta-menu {
            position: relative;
            font-size: 15px;
            padding: 0.2em 1.4em;
            border: 2px solid #c78e35;
            border-radius: 0px;
            background: transparent;
        }
        .cta-menu:hover{
            color: #fff;
            border-color: #c78e35;
            background: transparent;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
        }

        @media only screen and (min-width: 981px) {
        .et-fixed-header #top-menu li a {
            margin: 0.4em 0;
        }
        }



/*---------------------------------------------------------------------------------------------------------*/
/*-------------------------------------[0.6] TESTIMONIAL -----------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

        img.size-full.wp-image-11511.aligncenter.round {
            margin-top: 5%;
            border-radius: 50%;

        }

        p.testimonial-desc{
            font-size: 11px !important;
            text-transform: uppercase !important;
            font-weight: bold !important;
        }

/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------[0.7] SIDEBAR STYLE -----------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/


/* Sponsor widget style */
.cb_sponsor_widget h4 {
            background: #f4f4f4;
            padding: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;}
    .cb_sponsor_widget p {
	padding: 0 10px 0 10px;
            background: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;}

/* List Member widget style */
.cb_list_widget h4 {
            background: #f4f4f4;
            padding: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;}
    .cb_list_widget marquee {
        background: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;}
	.cb_list_widget li {
	margin: 0 10px 0 10px; }


/* Login widget style */
.widget_theme_my_login h4 {
            background: #f4f4f4;
            padding: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;}
    .tml-user-links {
            background: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;}
	.tml-user-links li {
	padding: 0 10px 0 10px; }
	.tml tml-login {
	padding: 0 10px 0 10px; }

/* Navigation Menu widget style */
.widget_nav_menu h4 {
            background: #f4f4f4;
            padding: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;}
    .menu-menu-member-container {
	padding: 10px;
            background: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;}

/* Recent Post widget style */
.widget_recent_entries h4 {
            background: #f4f4f4;
            padding: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;}
    .widget_recent_entries ul {
            background: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;}
	.widget_recent_entries li {
	margin: 0 10px 0 10px; }

/* Button style */
.button {
    background-color: #000000;
    border: none;
    color: white;
    padding: 7px 35px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
    }

.button:hover {
    background-color: #f94322;
    color: white;
}

/* Form style */
input[type=text], select, textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

input[type=password], select, textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

label {
    padding: 8px 8px 8px 0;
    display: inline-block;
}

input[type=submit] {
    background-color: #ff4400;
    color: white;
    padding: 7px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}

input[type=submit]:hover {
    background-color: #ff6600;
}
.kotak {
    border-radius: 5px;
    padding: 20px;
}

.col-25 {
    float: left;
    width: 30%;
    margin-top: 6px;
}

.col-75 {
    float: left;
    width: 70%;
    margin-top: 6px;
}

/* Clear floats after the columns */
.baris:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .col-25, .col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
    }
}

/* tombol whatsapp melayang */
.float-whatsapp svg{position:absolute;right:11px;top:12px;width:250px;height:50px}
.float-whatsapp svg path{fill:#fff}
.float-whatsapp {z-index:999;cursor:pointer;width:220px;height:50px;position:fixed;bottom:1.7rem;left:0.8rem;}

/* notification box */
.alert {
  padding: 20px;
  background-color: #c7aa35;
  color: white;
  max-width: 500px;
  margin: auto;
}