/*
 Theme Name:   Dynamic Divi Child Theme
 Theme URI:    https://diviengine.com/
 Description:  Dynamic Divi Child Theme
 Author:       Divi Engine
 Author URI:   https://diviengine.com/
 Template:     Divi
*/

 
/*---------Theme customization starts right here-------------*/


/*----------MOBILE MENU HAMBURGER CHANGES TO "X" ON CLICK----------*/
        
		div.mobile_nav.opened .mobile_menu_bar:before {
        font-family: "ETmodules";
        content: "\4d"; 
    }

/*------------Color and size of both the open and close hamburgers-----------------*/
    div.mobile_nav.opened .mobile_menu_bar:before, div.mobile_nav.closed .mobile_menu_bar:before {
        color: #039C06; 
        font-size:40px !important;
    }

/*---Phone Icon In Main Menu---*/
#top-menu a[href^=tel]:before { 
    font-family: "ETmodules" !important;
    position: relative;
    top: 2px;
    margin-right: 5px;
    content: "\e090";
}

/*-----Main Menu Search Field Customization-----*/
.et-search-field {
    background: #8DC53E!important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	border-radius: 10px !important;
	padding-left: 10px !important;
	max-width: 300px !important;
}

/*---------------Set Main Sub Menu Width (For Translate Icons sub menu sizing)----------------------------------------------*/
.nav li ul { width: 130px; padding: 10px 0px; }#top-menu li li a { width: 110px; 
	padding: 0px 0px;
}




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

.pa-inline-buttons {
    text-align: center !important;
}

/*------------------ Set Scroll Top Anchor Color & Position -----------------*/
.et_pb_scroll_top.et-pb-icon {
    background: #8DC53E none repeat scroll 0 0;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    bottom: 150px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    padding: 5px;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    z-index: 99999;
}


/* Change the footer bottom bar padding */
#main-footer #footer-bottom { 
	padding-top: 0px !important; 
	padding-bottom: 0px !important;
}
/* Change the footer credits padding */
#main-footer #footer-info { 
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/*-----------------------Center Footer Menu Links-----------------------*/
.bottom-nav {
text-align: center;
}

.bottom-nav {
  padding: 0px 0 !important;
}

/*-----------------------Vertical Align---------------------------*/
    .vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 


/*---------------------Text instead of an icon in toggle module------------------*/
#page-container .et_pb_toggle_title:before {
    font-family: inherit!important;
    content: 'Read More';
}




/*--------The Events Calendar Customizations------------*/

.tribe-events .tribe-events-calendar-list__event-title {
	text-align: left !important;
}

.tribe-events .tribe-events-calendar-list__event-datetime {
  color: #757474 !important;
}

.events-calender-button {
    background-color: black;
    padding: 10px;
	color: #fff;
}

#tribe-events-pg-template,
.tribe-events .tribe-events-l-container {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}


 .tribe-events-single-event-title {
    font-size: var(--tec-font-size-9) !important;
    line-height: var(--tec-line-height-0);
  }


.tribe-events-related-events-title {
    font-size: var(--tec-font-size-6) !important;
    line-height: var(--tec-line-height-1) !important;
  }

.tribe-filter-bar--horizontal.tribe-filter-bar .tribe-filter-bar__form
body {
	line-height: 2.8em !important;
}

.tribe-events-filters-horizontal .tribe-events-filters-content {
	border-color: transparent!important;
	background: transparent!important;
	line-height: 2.8em !important;
}


.logged-out div.tribe-events-meta-group.tribe-events-meta-group-organizer {
  display: none;
}

/*------Hide Previous & Next Tours buttons---------*/

.tribe-events .tribe-events-c-nav__list-item {
  display: none;
}


/*------Hide Calendar Subscribe Button--------------*/
.tribe-events .tribe-events-c-subscribe-dropdown__container {
  display: none;
}

 /*---------Tour Leader page customizations--------*/
.tribe-common img {
  	border-style: none;
  	height: auto;
  	-ms-interpolation-mode: bicubic;
  	max-width: 100%;
 	border-radius: 10px;
}

.tribe-common--breakpoint-medium.tribe-events .tec-events-c-view-box-border {
  padding: 10px 30px 10px 10px;
}

.tribe-events-pro-organizer__meta .tec-events-c-view-box-border {
  	border-radius: 10px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

 /*-----------------GRAVITY FORMS STYLES--------------------*/

/*-----Center Subscribe Button-----------*/
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_page_footer input.button {
	margin: 0 auto;
	text-align: center;
	height: 30px;
}

/*-----Radius Fields - Placeholder Text Color - Background Color - Field Height------*/
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="email"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="url"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="password"], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea {
     background-color: #fff;
     color: #000000;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
	 height: 30px;
}
/*---Vertical Center SUBSCRIBE label on button-------*/
body .gform_wrapper .gform_footer input[type=submit] {padding-top:0px;
padding-bottom:14px;	}

/*-----Adjust Default Padding Under Subscribe Button-----*/
body .gform_wrapper {
  max-width: 100%;
  margin: 0;
  padding-bottom: 0px;
}

/*------Set Submit Button Hover Color-------------*/
body .gform_wrapper .gform_footer input[type=submit]:hover {
	color: #000000;
	background-color: #8DC53E;
}