/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/


h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
	}


#Top_bar.is-sticky #logo img.logo-sticky {
    /* display: none; */
    }
	
	
.slider_pagination a.selected, .slider_pagination .slick-active a {
    width: 8px;
    height: 8px;
    top: 2px;
    border-radius: 5px;
	}
	
.slider_pagination a.selected:after, .slider_pagination .slick-active a:after {
    width: 8px;
    height: 8px;
    left: 0;
    top: 0;
    background: transparent !important;
    transform: none;
	}

.itenerary-table table {
    border: 1px solid rgba(0,0,0,.08);
	}

.itenerary-table table th, table td {
    text-align: left;
    }
	




.day-block {
  margin-bottom: 100px;
	}

.day-block h3 {
    font-size: 22px;
    border-left: 4px solid #477f8f;
    padding-left: 10px;
	}

.timeline-item {
    display: flex;
    gap: 20px;
    margin-bottom: 1px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border-radius: 0;
	}

.timeline-item .time {
  min-width: 80px;
	}

.timeline-item.highlight {
  background: #477f8f;
  color: #fff;
	}

.timeline-item.highlight .time {
  color: #fff;
	}

.note {
  margin-top: 30px;
  font-size: 13px;
  color: #777;
  text-align: center;
	}

.tooltip {
    text-decoration: underline;
    text-decoration-color: #19b4e0;
    text-decoration-thickness: 1px;
	border-bottom: none;
	}

.tooltip-img .tooltip-content, 
.tooltip:after, .tooltip:before {
    background: #ffffff;
    color: #023957;
}

.tooltip.tooltip-img .tooltip-content {
    box-shadow: 0 0 15px rgba(0,0,0,.12);
	}

.tooltip.tooltip-img .tooltip-content {
    width: 260px;
	padding: 9px 9px 4px;
	}

/* foo gallery */




/* -- end foo gallery -- */


#Footer {
    background-position: 50% 130px;
    background-size: 900px;
	}

.footer-copy-center #Footer .footer_copy .social {
    display: none;
	}
	
.footerlogo {
    width: 220px;
    display: block;
    margin: 50px auto 0px;
    filter: grayscale(1) brightness(100);
	}
	
.footeraddress {
	text-align: center;
	}
	
.social-mmj {
	float: none;
    margin: 0;	
	}

.social-mmj li {
    display: inline-block;
    margin-right: 6px;
	}

.social-mmj li a, .social-menu-mmj a {
    color: #122733 !important;
	background: #477f8f;
	border-radius: 100%;
	width: 30px;
    height: 30px;
    font-size: 16px;
	display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
	margin: 0 6px;
	}

.social-mmj li a:hover, .social-menu-mmj a:hover {
    color: #ffffff !important;
	background: #ab052d;
	}


.footerdeco1  {
	width: 40px;
	margin-top: 75%;
	margin-left: 10px;
	}
	
.footerdeco2  {
	width: 40px;
	margin-top: 75%;
	margin-right: 10px;
	float: right;
	}
	
#Footer .footer_copy .one {
    padding-top: 0px;
    }
	

.trp-floating-switcher {
    right: 0px;
    border-radius: 0;
    bottom: 20px;
	}
	
.trp-language-item {
    padding: 7px 7px;
	}
	


.pitchslidenav-down span.button_label  {
	font-size: 0 !important;
	}

/* RESPONSIVENESS */


@media (max-width: 480px) {

.day-block {
    margin-bottom: 100px;
    border: 1px solid #ddd;
    padding-top: 20px;
	}

.day-block h3 {
    line-height: 23px;
	}

.timeline-item {
    box-shadow: none;
    border-bottom: 1px dashed #aaaaaa;
    padding: 18px 15px;
    display: block;
    background: transparent;
    margin-bottom: 0;
	}

.timeline-item.highlight {
    border-bottom: none;
	}

.timeline-item .time {
    display: block;
    margin-bottom: 5px;
	}

.tooltip.tooltip-img .tooltip-content {
    width: 190px;
	}

#Footer {
    background-image: none;
	}


.footerlogo {
    margin: 0px auto -20px;
	}


.footerdeco1 {
    margin-top: 0;
    margin-left: 0px;
	}

.footerdeco2 {
    margin-top: 0;
    margin-right: 0px;
	float: none;
	display: none;
	}

.trp-floating-switcher {

    bottom: 80px;
	}

.trp-language-item {
    padding: 6px 11px;
	}

	
/* 1. Move buttons panel from top → bottom */
.fg-portrait.fg-panel-buttons-top:not(.fg-medium, .fg-panel-no-mobile) .fg-panel-buttons {
    align-self: flex-end !important;
}

/* 2. Move caption to just above the buttons (both at bottom) */
.fg-portrait.fg-panel-buttons-top:is(.fg-panel-info-top, .fg-panel-info-right, .fg-panel-info-bottom, .fg-panel-info-left):not(.fg-medium, .fg-panel-no-mobile) .fg-panel-info {
    grid-row: 3 / 6 !important;
    align-self: flex-end !important;
    margin-bottom: 37px;
}

/* 3. Fix flex direction so caption content stacks correctly */
.fg-panel-info-visible:is(.fg-panel-info-top, .fg-panel-info-right, .fg-panel-info-bottom, .fg-panel-info-left):not(.fg-medium, .fg-panel-no-mobile) .fg-panel-info {
    flex-direction: column;
}



}