/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.cal-box {
  	display: flex;
  	flex-wrap: wrap;
  	gap: 20px;
	transition: all 0.3s ease-in-out;
	border: 2px solid #fff;
	padding: 20px;
}
.cal-box:hover {
	background: #6c8ccb;
}
/* Cột trái: 30%, Cột phải: 70% */
.cal-left {
  width: 300px;
 
	transition: all 0.3s ease-in-out;
	text-align: center;
	border-right: 2px solid #fff;
}

.cal-right {
  flex: 1;
  
	transition: all 0.3s ease-in-out;
}

/* Responsive: dưới 768px thì chuyển về 1 cột */
@media (max-width: 768px) {
  .cal-left,
  .cal-right {
    flex: 0 0 100%;
  }
}