/*
 Theme Name:     Pearl Jade Marketing Development
 Description:    A Custom Theme by Pearl Jade Marketing
 Author:         Pearl Jade Marketing
 Author URI:     https://pjademkt.com/
 Template:       Divi
 Version:        1.0.0
*/
 

p.et_had_animation,
p.et_animated,
h3.et_had_animation,
h3.et_animated{
	opacity: 1 !important;
  animation-duration: 0s !important;
}

.et_pb_scroll_top.et-pb-icon{
    background: #094634;
    border-radius: 8px 0px 0px 8px;
}


@media only screen and (max-width: 767px) {
    .mec-calendar .mec-calendar-table-head .mec-calendar-day-head{
    	width: 34px !important;
    }
}

 
/* =Theme customization starts here
------------------------------------------------------- */
.tiktok-embed p{
    display: none !important;
}

blockquote.tiktok-embed{
    border-left: 0px solid !important;
    padding-left: 0px !important;
    margin: 0px !important;
}

/*** wrap row in a flex box ***/
.custom-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}

/*** custom classes that will designate the order of columns in the flex box row ***/
@media (max-width: 765px) {
    .first-on-mobile {
        -webkit-order: 1;
        order: 1;
    }

    .second-on-mobile {
        -webkit-order: 2;
        order: 2;
    }
    
    .third-on-mobile {
        -webkit-order: 3;
        order: 3;
    }

    .fourth-on-mobile {
        -webkit-order: 4;
        order: 4;
    }
}
    
.et_pb_group_carousel .et_pb_group_carousel_arrow {
    bottom: 20px !important; /* Adjust as needed */
    top: auto !important;
    transform: translateY(100%); /* Moves it below the div */
}

.et_pb_group_carousel .et_pb_group_carousel_arrow.et_pb_group_carousel_arrow_prev{
    margin-left: 40%;
}

.et_pb_group_carousel .et_pb_group_carousel_arrow.et_pb_group_carousel_arrow_next{
    margin-right: 40%;
}

@media only screen and (max-width: 765px) {
    .et_pb_group_carousel .et_pb_group_carousel_arrow.et_pb_group_carousel_arrow_prev{
    	margin-left: 20%;
    }

    .et_pb_group_carousel .et_pb_group_carousel_arrow.et_pb_group_carousel_arrow_next{
        margin-right: 20%;
    }
}

/* MENU
.menu a{
   text-shadow: 0em 0.1em 0.1em var(--gcid-secondary-color); 
}
*/

/* BLOG */
article.et_pb_post{
    padding-bottom: 0px !important;
}

.et_pb_post .et_pb_image_container img {
    height: 115px !important;
    object-fit: cover;
    border-radius: 10px;
}

.et_pb_posts .et_pb_image_container{
    margin-bottom: 10px !important;
}

.et_pb_post .entry-featured-image-url{
    margin-bottom: 0px !important;
}

/* Form */
.als-story-form input[type=text]:focus,
.als-story-form input[type=email]:focus,
.als-story-form input[type=tel]:focus,
.als-story-form input[type=radio]:focus,
.als-story-form input[type=checkbox]:focus,
.als-story-form textarea:focus,
.als-story-form submit:focus{
	outline-color: #29765F !important;
}

.als-story-form input[type=text],
.als-story-form input[type=email],
.als-story-form input[type=tel]{
    border-radius: 50px !important;
    font-size: 16px !important;
    height: 50px !important;
    padding: 5px 20px 0px !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    background: #29765F !important;
}

#field_3_7 label,
.gchoice_3_8_1 label{
    color: #ffffff !important;
}

#input_3_6 label{
    color: #ffffff !important;
    font-size: 18px;
}

.als-story-form input[type="radio"] {
  accent-color: #ffffff !important;
}

.als-story-form input[type="radio"]:checked::before{
  content: "";
  width: 10px;
  height: 10px;
  background: #ffffff; /* dot color */
  border-radius: 50%;
}

#input_3_6 .gchoice{
    border: 2px solid #ffffff;
    padding: 10px;
    border-radius: 50px;
}

.als-story-form textarea{
    border-radius: 20px !important;
    font-size: 16px !important;
    padding: 5px 20px 0px !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    background: #29765F !important;
}

.als-story-form .gfield-choice-input{
    border: 2px solid #ffffff !important;
    background: #29765F !important;
    width: 25px !important;
    height: 25px !important;
}

.als-story-form input[type="checkbox"]:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #ffffff; /* dot color */
}

.als-story-form .gform_button{
    background-color: #CEF17B !important;
    border-radius: 50px !important;
    color: #094634 !important;
    border: 2px solid #094634 !important;
    padding: 15px 60px 10px 60px !important;
    font-size: 18px !important;
}

.als-story-form .gform_button:hover{
    background-color: #094634 !important;
    color: #CEF17B !important;
    border: 2px solid #CEF17B !important;
}

.als-story-form .gform-footer{
   justify-content: center; 
}

/* EVENT & MESSAGE FORM */
.gform-theme--foundation .gform_fields{
    row-gap: 15px !important;
}

.event-form input[type=text]:focus,
.event-form input[type=email]:focus,
.event-form input[type=tel]:focus,
.event-form input[type=radio]:focus,
.event-form input[type=checkbox]:focus,
.event-form textarea:focus,
.event-form submit:focus,
.message-form input[type=text]:focus,
.message-form input[type=email]:focus,
.message-form textarea:focus,
.message-form submit:focus{
	outline-color: #F0F8E9 !important;
}

.event-form input[type=text],
.event-form input[type=email],
.event-form input[type=tel],
.message-form input[type=text],
.message-form input[type=email]{
    border-radius: 50px !important;
    font-size: 16px !important;
    height: 50px !important;
    padding: 5px 20px 0px !important;
    border: 2px solid #094634 !important;
    color: #094634 !important;
}

.message-form textarea{
    border-radius: 30px !important;
    font-size: 16px !important;
    height: 75px !important;
    padding: 5px 20px 0px !important;
    border: 2px solid #094634 !important;
    color: #094634 !important;
}

.message-form .gfield_required{
    display: none;
}

#field_4_4 label{
    font-size: 16px;
    padding-left: 20px;
}

#field_4_4 textarea{
    padding-top: 20px !important;
}

#field_4_4 textarea::placeholder{
    color: #909090;
}

.ginput_container_date #input_2_5{
    width: 100% !important;
}

.event-form .gfield-choice-input,
.message-form .gfield-choice-input{
    border: 2px solid #094634 !important;
    background: #F0F8E9 !important;
    width: 25px !important;
    height: 25px !important;
}

.event-form .gchoice label{
    color: #707070 !important;
}

.event-form input[type="checkbox"]:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #094634; /* dot color */
}

.event-form .gform_button,
.message-form .gform_button{
    background-color: #CEF17B !important;
    border-radius: 50px !important;
    color: #094634 !important;
    border: 2px solid #094634 !important;
    padding: 15px 60px 10px 60px !important;
    font-size: 18px !important;
}

.event-form .gform_button:hover,
.message-form .gform_button:hover{
    background-color: #094634 !important;
    color: #CEF17B !important;
    border: 2px solid #CEF17B !important;
}

.event-form .gform-footer{
   justify-content: center; 
}


/* CONTACT FORM */
.contact input[type=text]:focus,
.contact input[type=email]:focus,
.contact input[type=tel]:focus,
.contact input[type=radio]:focus,
.contact input[type=checkbox]:focus,
.contact textarea:focus,
.contact submit:focus{
	outline-color: #F0F8E9 !important;
}

.contact input[type=text],
.contact input[type=email],
.contact input[type=tel]{
    border-radius: 50px !important;
    font-size: 16px !important;
    height: 50px !important;
    padding: 5px 20px 0px !important;
    border: 2px solid #094634 !important;
    color: #094634 !important;
}

.contact .gfield-choice-input{
    border: 2px solid #094634 !important;
    background: #F0F8E9 !important;
    width: 25px !important;
    height: 25px !important;
}

#input_1_6 .gfield_label,
#input_1_7 .gfield_label{
    text-transform: uppercase;
}

#field_1_6 .gchoice,
#field_1_7 .gchoice{
    border: 2px solid #094634;
    background: #ffffff;
    padding: 10px 20px 10px 10px;
    border-radius: 50px;
}

#input_1_6 label,
#input_1_7 label{
    color: #094634 !important;
    font-size: 18px;
}

.contact input[type="radio"]:checked::before{
  content: "";
  width: 10px;
  height: 10px;
  background: #094634; /* dot color */
  border-radius: 50%;
}

.contact textarea{
    border-radius: 20px !important;
    font-size: 16px !important;
    padding: 5px 20px 0px !important;
    border: 2px solid #094634 !important;
    color: #094634 !important;
}

.contact input[type="checkbox"]:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #094634; /* dot color */
}

.contact .gform_button{
    background-color: #CEF17B !important;
    border-radius: 50px !important;
    color: #094634 !important;
    border: 2px solid #094634 !important;
    padding: 15px 60px 10px 60px !important;
    font-size: 18px !important;
}

.contact .gform_button:hover{
    background-color: #094634 !important;
    color: #CEF17B !important;
    border: 2px solid #CEF17B !important;
}

.contact .gform-footer{
   justify-content: center; 
}