.item-dmm-blog {
  border:1px solid #eee; 
  flex-grow : 1; 
  padding: 0 9px 5px 9px;
  background:#cad8cd;
  background:#f7f7f7;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
}

.smspfixed img {
    margin-bottom: 1em;    
}

@media only screen and (min-width: 768px) {
    .smspfixed img {
        width:50%;
        height: auto;
        float: left;
        margin-right: 2em;    
    }
}

.item-dmm-blognews {
    background-color: #c2cfcd;
    border-radius: var(--t4-border-radius) !important;
}

.page-link.active, .active > .page-link {
    background-color: #265c4b;
    border-color: #265c4b;
}

.page-link {
    color: #265c4b;
}

.front-section{border:1px solid #ff0000;}

.smsp-slideshow {
    border-top: 4px solid #ffd426;
    border-bottom: 4px solid #ffd426;
}

.btn.btn-success {
    border-color: #101f18;
}

.t4-main-body {
  /* background: url(../../images/background_smsp.jpg); */
  background: #dee9e7;
  background-repeat: repeat;
}

.article-page-DMM {
  /* background: rgba(202, 216, 205, 0.8);
  background: #f7f7f7;  */
  padding:1rem;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

.t4-section {
    /* border-bottom: 1px solid #939393; */
}

.front-page-dmm {
    background: #dee9e7;
}

.smsp-front-blog {
    /* border: 1px solid #a1a1a1; */
    border-radius: 6px;
    background: #5192824d;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.smsp-front-text {
    /* border-top: 1px solid #a1a1a1; */
}

.smsp-front-title {font-weight: 600;}

.smsp-front-news-title {
    font-size: 1.25rem !important;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    margin-left: 0.75rem;
    font-weight: 600;
}

.t4-masthead {
    color: #fff;
    /* background: url(../../images/grassy_piece.png) no-repeat 75% 100%, linear-gradient(#9cbd7d, #425b2a);  */
    text-shadow: 1px 1px 0 rgb(0 0 0 / 80%);
    border-top: 3px solid #ffd426;
    border-bottom: 3px solid #ffd426;
}

.t4-masthead-inner {
    padding: 2rem 0;
}

.t4-header {
    /* background-image: linear-gradient(#ccc, #fff); */
    background: #0C7661;
    position: sticky;
    top: 0;
    z-index: 100;
}

/* Main Menu */

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    color: #fff;
}

.t4-megamenu .nav > .dropdown > .nav-link .item-caret, .t4-megamenu .nav > .dropdown > .dropdown-toggle .item-caret {
    border-top: 4px solid #fff;
}

.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li.active > .nav-link {
    color:  #f2d560;
}

.t4-megamenu .navbar-nav > li.active > a .item-caret, .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
    border-top-color: #f2d560;
}

@media (max-width: 991.98px) {
.nav-breakpoint-lg .t4-megamenu {
    background: #589a8d;
}
  
.t4-megamenu .dropdown-menu {
    background: #589a8d;
}
  
} 

.breadcrumb-item.active {
    color: #f2d560;
}

.breadcrumb .divider:before {
    color: #2e2e2e;
}

.t4-main-body {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.DMM-page-header {
    border-bottom: 2px solid #000;
    margin-bottom: 1em;
}

.DMM_Horse_block{ 
  margin-top:0.5em;
  margin-bottom:0.5em;   
}

.DMM-Title {margin-top:0;}

.border-bottom {
    border-bottom: 1px solid #939393 !important;
}

.bg-smsp {
    /* background: #E3F3EF; */
    background: rgb(141 181 173);
    color: #fff;
    border-bottom: 2px solid #aba489b8;
}

.caption {
    background-color:#9c8b16;
    background-color:#589a8d;
    color: #eee;
    font-size: .925rem;
  	font-weight:bold;
}

.category-desc {
    padding: 0rem;
    border:none;
}

.breadcrumb {
    padding: 0.1rem 0;
    margin-bottom: 1rem; 
}


.t4-section.t4-breadcrumbs {
    border-top: none;
    background: #589a8d;
    border-bottom: 2px solid #0c7661;
    border-top: 2px solid #ffd426;;
}

.t4-footer {
    border-top: none;
}

/*   AI STUFF  */

/* Palette based on logo */
:root {
  --stud-green: #007e65;   /* primary green/teal */
  --stud-green-dark: #095645;
  --stud-gold: #D7A436;    /* accent from yellow stripe */
  --stud-dark: #212529;    /* dark grey for text/dark buttons */
}

/* Base button style for the front-page stud nav */
.stud-nav-row .stud-nav-btn {
  width: 70%;
  border-radius: 999px;
  font-weight: 600;
  padding: 0.55rem 1rem;
  font-size: 0.95rem;
  border-width: 2px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.10);
  transition: background-color 0.2s ease, color 0.2s ease,
              border-color 0.2s ease, box-shadow 0.2s ease,
              transform 0.2s ease;
  border: 2px solid #ffd426;            
}

/* Green "primary" buttons (pony categories) */
.stud-nav-btn-primary {
  background-color: var(--stud-green);
  border-color: var(--stud-green);
  color: #fff;
}

.stud-nav-btn-primary:hover,
.stud-nav-btn-primary:focus {
  background-color: var(--stud-green-dark);
  border-color: var(--stud-green-dark);
  color: #fff;
  box-shadow: 0 6px 16px rgba(0,0,0,0.18);
  transform: translateY(-1px);
}

/* Dark buttons (News / About / Contact) */
.stud-nav-btn-dark {
  background-color: #b9d7c9;
  border-color: var(--stud-dark);
  color: var(--stud-dark);
}

.stud-nav-btn-dark:hover,
.stud-nav-btn-dark:focus {
  background-color: var(--stud-dark);
  border-color: var(--stud-dark);
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(0,0,0,0.18);
  transform: translateY(-1px);
}

/* Optional: subtle gold focus ring for accessibility */
.stud-nav-row .stud-nav-btn:focus-visible {
  outline: 2px solid var(--stud-gold);
  outline-offset: 2px;
}
