/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 4.27.4
Description: This is child theme of divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Text Domain:  divi-child
Template: Divi
*/


/* 
.contact-form input[type=submit]{
	cursor: pointer;
	
} */
.contact-form .submit-btn>p{
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    background-color: #FF5733;
    padding: 13px 20px !important;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 0;
    border: 1px solid #FF5733;
    height: 49px;
	cursor:pointer;
}
.contact-form .submit-btn>p::before {
    position: absolute;
    content: "";
    border-radius: 30px;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.contact-form .submit-btn>p:hover::before{
	width:100%;
} 


body.um-page-account .container{padding-top:0 !important;}
.um-page-account.logged-in .entry-title{text-align: left;}
.um-page-account .um.um-account.um-editing.um-um_account_id{margin: 0 !important;}
.um-page-account form{display:flex; flex-wrap:wrap;}
.um-page-account .entry-content .um-account-side{box-shadow: 0px 2px 8px #0000000F; border-radius: 10px; background-color: #1a1a1a; padding: 20px 20px; height: 100%; width: 28%;}
.um-page-account .entry-content .um-account-main{width: calc(100% - 28% - 30px);  margin-left: 30px; box-shadow: 0px 2px 8px #0000000F; border: 1px solid #e3dfdf; border-radius: 10px; background-color: #fff; padding: 30px 30px;}
.um-page-account .um-account-name a{color: #ffffff;}
.um-page-account .um a.um-link{color: #ffffff; opacity:0.7;}
.um-page-account .um-account-side li{background:transparent; margin-bottom:0 !important;}
.um-page-account .um-account-side li a{padding: 12px 0; border-bottom:1px solid rgb(255 255 255 / 5%) !important; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.um-page-account .um-account-side li:last-child a{border-bottom:none !important;}
.um-page-account .um-account-side li a:hover, .um-page-account .um-account-side li a.current{color: #ffffff; background-color: #FF5733; padding: 12px 15px; border-radius: 4px;}
.um-page-account .um-account-side li a:hover span.um-account-arrow, .um-page-account .um-account-side li a.current span.um-account-arrow{right:10px;}
.um-page-account .um-account-side li a span.um-account-title{color: #ffffff; padding-left:0;}
.um-page-account .um-account-side li a.current:hover span.um-account-icon, .um-page-account .um-account-side li a span.um-account-icon{border-right: none; padding: 0 15px 0 0;}
.um-page-account .um-account-side li a span.um-account-icon i{color: #ffffff;}
.um-page-account .um-account-side li a span.um-account-arrow{right: 0; top: 15px; opacity: 1; color: #ffffff; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.um-account-main .um-account-tab.um-account-tab-general div.um-account-heading, .um-account-main .um-account-tab.um-account-tab-password div.um-account-heading{margin:0px 0px 10px 10px !important;}
.um-account-main div.um-account-heading{font-size: 20px; line-height: 24px;	color: #000000; margin:0px 0px 10px 0 !important;}
.um-account-main div.um-account-heading i{font-size: 23px; color: #5a5858;}
.um-page-account .um-account-tab.um-account-tab-general .um-field, .um-page-account .um-account-tab.um-account-tab-password .um-field{padding: 15px 10px 15px 10px; width: 50%; float: left;}
.um-page-account .um-account-main .um-col-alt-b{clear: both; padding-left: 10px;}
.um-page-account .um-account-tab-calender-enquiy .um-field input#contact_form_setting{width: auto;}

.um-button.um-button-red{font-size: 14px !important; font-weight: 700 !important; color: #ffffff; background-color: #FF5733 !important; overflow: hidden !important; transition: all .4s ease-in-out; position: relative; z-index: 0; border: 1px solid #FF5733 !important; display: flex; align-items: center; justify-content: center; border-radius: 100px !important; max-width: 170px; margin-top: 20px; box-shadow:none;}
.um-button.um-button-red:hover{color: #ffffff; background-color: #000000 !important;border: 1px solid #000000 !important;}

.view-toggle form{display:flex; align-items:center; margin:0 10px 0 0; position:relative;}
.memeber-search{border: 1px solid #707070; background-color: #fff; height: 50px; width: 100%; padding:0 85px 0 12px; color: #000; border-radius: 10px; min-width: 90px; font-size: 16px;}
.view-toggle input[type=submit] {cursor:pointer; font-size: 14px; font-weight: 700; color: #ffffff; background-color: #FF5733; border: 1px solid #FF5733; overflow: hidden; transition: all .4s ease-in-out; position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; border-radius: 10px; position: absolute; right: 0; top: 0; padding: 15px 20px; height: 50px;}
.view-toggle input[type=submit]:hover{color: #ffffff; background-color: #000000; border: 1px solid #000000;}

.delete-post-btn, .edit-event, .delete-event, button{cursor: pointer;}
.um-page-user .um-profile-body.insert-blog #user-post-list .content .delete-post-btn:hover{color: #ffffff !important; background-color: #FF5733 !important; border: 1px solid #FF5733 !important;}
.um-page-user .um-profile-body.insert-blog #user-post-list .content a.edit-blog:hover, #load-more-post:hover{background-color: #000000 !important; border: 1px solid #000000 !important;}
.edit-event{color: #FF5733; background-color: #fff; transition: all 0.3s ease-in-out; border: 1px solid #FF5733; font-size: 14px; border-radius: 5px; padding: 7px 11px; font-weight: normal; margin-right: 5px;}
.edit-event:hover{background-color:#FF5733; color:#fff;}
.um-page-user .um-profile-body.insert-blog #user-post-list .column img{height: 280px;    object-fit: cover;}
.um-page-user .um-profile-body.insert-blog .delete-post-btn{padding: 15px 22px !important;}
.um-page-user .um-profile-body.insert-blog a.edit-blog{height: 51px;}

#load-more-event.btn-primary {margin: auto; font-size: 16px; font-weight: 700; color: #ffffff; background-color: #FF5733; padding: 13px 22px; border-radius: 30px; overflow: hidden; transition: all 0.3s ease-in-out; position: relative; z-index: 0; border: 1px solid #FF5733; display: flex; align-items: center; justify-content: center; min-width: 225px;}
#load-more-event.btn-primary:hover{color: #ffffff; background-color: #000000; border: 1px solid #000000;}


@media (max-width:1199px){
.um-page-account .entry-content .um-account-side{width:35%;}
.um-page-account .entry-content .um-account-main{width: calc(100% - 35% - 30px);}
}
@media (max-width:991px){
.um-page-account .entry-content .um-account-side{width:100%;}
.um-page-account  div.uimob800 .um-account-side ul{border:1px solid rgb(255 255 255 / 5%);}
.um-page-account div.uimob800 .um-account-side li a{color: #ffffff !important; }
.um-page-account .um-account-side li a:hover, .um-page-account .um-account-side li a.current{color: #ffffff !important; background-color: #FF5733 !important;}
.um-page-account .entry-content .um-account-main{width:100%; margin:30px 0 0; max-width: 100%; padding:20px;}

.um-page-user .status-publish .um-profile-nav .um-profile-nav-item a{border-radius: 0;}
}
@media (max-width:767px){
.logged-in .entry-title{font-size: 30px;}
.um-page-account div.uimob500 .um-account-meta, .um-page-account .um-account-meta.radius-1.uimob340-show.uimob500-show{margin-bottom: 0; width: 100%; box-shadow: 0px 2px 8px #0000000F; border-radius: 10px; background-color: #1a1a1a;  padding: 20px 20px;}
.um-page-account .um-account-tab.um-account-tab-general .um-field, .um-page-account .um-account-tab.um-account-tab-password .um-field{padding:20px 0 0 0; width: 100%; float: none;}
.um-page-account .um-account-main .um-account-tab.um-account-tab-general div.um-account-heading, .um-account-main .um-account-tab.um-account-tab-password div.um-account-heading{margin:0px 0px 10px 0 !important;}
.um-page-account .um-account-nav a{height: 54px; line-height: 54px; color: #000000 !important; border-radius: 4px;}
.um-page-account .um-account-nav a.current{color: #ffffff !important; background-color: #fd5234;}
.um-page-account .um-account-nav a.current span.ico{left: 10px;}
.um-page-account .um-account-nav a.current span.arr{right: 10px;}
.view-toggle form{margin: 0; width: 100%;}
.grid-view-btn, .list-view-btn{display: none !important;}
.entry-content .view-toggle:has(.list-view-btn){display: flex;}
.um-page-user .um-profile-body.insert-blog #user-post-list .column img{height: 150px;}
}
@media (max-width:530px){
.um-page-account .entry-content .um-account-main{padding:15px 15px;}
}
@media(max-width:462px){
	.contact-form.iframeForm iframe{
		height:860px!important
	}
}
.calendarTable-wrap{
	overflow:auto
}

 @media(max-width:767px){
 	.calendarTable table{
		white-space:normal;
		border:0!important
	}
	.calendarTable table thead{
		display:none;
	}
	.calendarTable table tbody{
		display:flex;
		flex-wrap:wrap;
		gap:15px
	}
	.calendarTable table tbody tr{
		display: flex;
        flex-wrap: wrap;
        width: 100%;
        border: solid 1px #eee;
        border-radius: 10px;
        overflow: hidden;
        background: #f9f9f9;
	}
	.calendarTable table tbody tr td{
		flex:0 0 auto;
		width:33.33%;
		        font-size: 13px;
	}
	.calendarTable table tbody tr td::before{
		content: attr(data-heading);
		display:block;
        font-weight: bold;
	}
	.calendarTable table tbody tr td:nth-child(1), .calendarTable table tbody tr td:nth-child(2), .calendarTable table tbody tr td:nth-child(3){
		border-top:0;
	}
	 .program-schedule .calendarTable .filter-container .filter-dropdown{
		padding: 14px 20px 10px 10px;
	} 
	 .program-schedule .calendarTable .filter-container{
		display:grid;
		grid-template-columns:repeat(2, 1fr)
	}
	
}
 @media(max-width:576px){
	.calendarTable table tbody tr td:nth-child(3){
		border-top: solid 1px #eee;
	}
	.calendarTable table tbody tr td{
		width:50%;
		padding: 6px 15px;
		        line-height: 1.2;
	}
	.calendarTable table tbody tr td::before{
		margin-bottom:5px
	}
}