/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */



time.published{ display:none;}
.single-post p{ text-align:justify;} 
.call_now{ padding:8px 20px; color:#fff; font-weight:bold;
	background-image: linear-gradient(180deg, var(--e-global-color-primary) 0%, var(--e-global-color-accent) 100%);
	 text-decoration:none !important; border-radius:15px;}
.call_now:hover{ color:#fff;
	background-image: linear-gradient(180deg, var(--e-global-color-accent) 0%, var(--e-global-color-primary) 100%);
}

.single .entry-title{ font-size:24px;}


@media only screen and (max-width: 600px) {

.single-post .entry-content img{width:100%; float:left; margin:0 0 10px 0 ;}
	
}



#topbar-template{ width:100% !important;}
.planner_event{overflow-y: scroll;   max-height: 350px; }


#top-bar{
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}
#top-bar-content{
    width: 100% !important;
}

#footer .container{
	width: 100% !important;
    max-width: 100% !important;
}

.elementor .profile_pic{
	border-radius: 20px;
    border: 2px solid #ddd;
    padding:5px;
}
.elementor .profile_name{
    position: relative;
    float: left;
}
.elementor-widget-text-editor .elementor-widget-container p:first-of-type img {
    float:left;
    margin-bottom:10px;
}

.full-width{ width:100%; float:left; } 
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{ float: left; padding: 0 10px; }

form input[type=number] { width:100% !important; float: left !important; max-width: none !important; }

input{ width:100% !important; float: left !important; }

form span{ margin: 10px 0 !important; width:100%; float:left; }

#site-navigation-wrap .dropdown-menu>li>a {
color: #000;
}


@media (min-width: 576px) {
  .col-sm-1  { flex: 0 0 auto; width: 8.33333333%; }
  .col-sm-2  { flex: 0 0 auto; width: 16.66666667%; }
  .col-sm-3  { flex: 0 0 auto; width: 25%; }
  .col-sm-4  { flex: 0 0 auto; width: 33.33333333%; }
  .col-sm-5  { flex: 0 0 auto; width: 41.66666667%; }
  .col-sm-6  { flex: 0 0 auto; width: 50%; }
  .col-sm-7  { flex: 0 0 auto; width: 58.33333333%; }
  .col-sm-8  { flex: 0 0 auto; width: 66.66666667%; }
  .col-sm-9  { flex: 0 0 auto; width: 75%; }
  .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-sm-12 { flex: 0 0 auto; width: 100%; }
}


@media (min-width: 768px) {
  .col-md-1  { flex: 0 0 auto; width: 8.333333%; }
  .col-md-2  { flex: 0 0 auto; width: 16.666667%; }
  .col-md-3  { flex: 0 0 auto; width: 25%; }
  .col-md-4  { flex: 0 0 auto; width: 33.333333%; }
  .col-md-5  { flex: 0 0 auto; width: 41.666667%; }
  .col-md-6  { flex: 0 0 auto; width: 50%; }
  .col-md-7  { flex: 0 0 auto; width: 58.333333%; }
  .col-md-8  { flex: 0 0 auto; width: 66.666667%; }
  .col-md-9  { flex: 0 0 auto; width: 75%; }
  .col-md-10 { flex: 0 0 auto; width: 83.333333%; }
  .col-md-11 { flex: 0 0 auto; width: 91.666667%; }
  .col-md-12 { flex: 0 0 auto; width: 100%; }
}

 .col-sm-12 { flex: 0 0 auto; width: 100%; }

.form-group textarea{
width: 100%; Float: left;
}







.planner_wrapper {
    display: grid;
    gap: 5px;
    font-family: 'Segoe UI', sans-serif;
    margin-top:15px;
    overflow-y: scroll;
    max-height:455px;
}

.event_card {
    display: flex;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: 0.3s;
}

.event_card:hover {
    transform: translateY(-3px);
}

.event_date {
    background: linear-gradient(135deg, #4CAF50, #2E7D32);
    color: #fff;
    padding: 10px;
    text-align: center;
    min-width: 120px;
}

.event_date .day {
    display: block;
    font-size: 14px;
}

.event_date .date {
    font-size: 18px;
    font-weight: bold;
}

.event_list {
    padding: 0 10px;
    flex: 1;
}

.event_item {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    color:#000;
}

.event_item:last-child {
    border-bottom: none;
}