/*
Theme Name: Cao đẳng y tế
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  ***************/


}


/* === Child theme UI improvements (responsive & legibility) === */
:root{
  --primary:#0f7ea3;
  --text:#1a1a1a;
  --muted:#666;
  --radius:8px;
}

html{scroll-behavior:smooth}
body, .nav > li > a{font-family:"Helvetica", Arial, sans-serif; font-weight:400; color:var(--text)}
h1,h2,h3,h4,h5,h6{font-family:"Helvetica", Arial, sans-serif; font-weight:700; line-height:1.25}

img{max-width:100%; height:auto; display:block}
figure{margin:0}
a{color:var(--primary); text-decoration:none}
a:hover{text-decoration:underline}

.container, .row .col-inner{max-width:1200px; margin-left:auto; margin-right:auto}
.section{padding:clamp(24px, 4vw, 56px) 0}

.button, .is-btn, .btn, .primary{background:var(--primary); color:#fff; border-radius:var(--radius); padding:10px 16px; display:inline-block}
.button:hover, .is-btn:hover, .btn:hover, .primary:hover{filter:brightness(0.95); text-decoration:none}

/* Header / Logo */
#logo img{max-height:72px}
@media (max-width: 767px){
  #logo img{max-height:56px}
}

/* Top menu readability */
.header-main .nav > li > a{
  text-align:center;
  line-height:1.2;
  background:var(--primary);
  padding:10px 8px;
  border-radius:6px;
  color:#fff;
  display:block;
  white-space:normal;
}
.header-main .nav > li{margin:0; padding-left:2px; padding-right:2px}

/* Hero images scale nicely */
.hero, .banner, .ux-slider, .slider, .banner-bg{
  position:relative;
}
.banner-bg, .bg, .bg-img{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

/* Cards / boxes */
.box, .card, .col-inner{
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}

/* Tables */
table{width:100%; border-collapse:collapse}
th, td{padding:10px 12px; border-bottom:1px solid #eee}
thead th{background:#f8f8f8; text-align:left}

/* Forms */
input[type="text"], input[type="email"], input[type="tel"], select, textarea{
  width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:6px; outline:none
}
input:focus, select:focus, textarea:focus{border-color:var(--primary); box-shadow:0 0 0 3px rgba(15,126,163,.12)}

/* Utilities */
.mt-2{margin-top:8px} .mt-3{margin-top:16px} .mt-4{margin-top:24px}
.mb-2{margin-bottom:8px} .mb-3{margin-bottom:16px} .mb-4{margin-bottom:24px}
.p-2{padding:8px} .p-3{padding:16px} .p-4{padding:24px}

/* Mobile tweaks */
@media (max-width: 767px){
  .header-main .nav > li{width:50%}
  .header-main .nav > li > a{padding:10px 6px}
  .section{padding:20px 0}
}

/* Accessibility */
:focus-visible{outline:3px solid rgba(15,126,163,.35); outline-offset:2px}
/* Ngăn hiện thanh cuộn trong các khối slider */
.ux-slider, .slider, .row-slider, .logo-slider, .flickity-viewport{ overflow: hidden; }