/* =========================================================
   MICHEL HADJIHANNAS — SYDNEY REFINEMENT PACK
   Mood: matte / editorial / executive / restrained
   ========================================================= */

/* ---------- Global feel ---------- */
html, body {
  background: #f4f1ea;
  color: #161616;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  animation: siteFade 0.55s ease-out;
}

@keyframes siteFade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

p,
li {
  line-height: 1.72;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.widget-title {
  letter-spacing: 0.02em;
  font-weight: 600;
}

/* ---------- Header / top bar ---------- */
.site-header,
.header-clone {
  background: rgba(17,17,17,0.88) !important;
  border-bottom: 1px solid rgba(233,226,211,0.10);
}

.site-title,
.site-title a {
  color: #f4f1ea !important;
  font-size: 34px !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* ---------- Main navigation ---------- */
#mainnav ul li a,
.site-header #mainnav ul li a,
.site-header .mainnav ul li a,
.main-navigation a {
  color: #f4f1ea !important;
  font-size: 24px !important;
  letter-spacing: 0.04em;
  padding-left: 16px;
  padding-right: 16px;
  transition: color 0.25s ease, opacity 0.25s ease;
}

#mainnav ul li a:hover,
.site-header #mainnav ul li a:hover,
.main-navigation a:hover {
  color: #d8c6ae !important;
}

#mainnav ul li.current-menu-item > a,
#mainnav ul li.current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
  color: #f4f1ea !important;
}

/* ---------- General page spacing ---------- */
.page-wrap,
.site-content {
  background: transparent;
}

.content-area,
.entry-content {
  font-size: 17px;
}

.panel-grid {
  margin-bottom: 42px !important;
}

.panel-row-style {
  transition: opacity 0.35s ease;
}

/* ---------- Section titles / inner page headings ---------- */
.entry-title,
.page .entry-title,
.siteorigin-widget-tinymce h1,
.siteorigin-widget-tinymce h2 {
  color: #121212;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.siteorigin-widget-tinymce h1 {
  font-size: 44px;
}

.siteorigin-widget-tinymce h2 {
  font-size: 30px;
}

/* ---------- Buttons / calls to action ---------- */
.roll-button,
.roll-button span,
.roll-button strong,
.roll-button em,
.sydney_action_widget .roll-button,
.sydney_action_widget .roll-button span,
a.roll-button,
a.roll-button span {
  position: relative !important;
}

/* Base button look */
.roll-button,
.sydney_action_widget .roll-button,
a.roll-button {
  background: rgba(17,17,17,0.35) !important;
  border: 1px solid #8a6b52 !important;
  color: #f4f1ea !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 13px 28px !important;
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
  box-shadow: none !important;
}

.roll-button:hover,
.sydney_action_widget .roll-button:hover,
a.roll-button:hover {
  background: #8a6b52 !important;
  border-color: #8a6b52 !important;
  color: #f4f1ea !important;
  transform: translateY(-1px);
}

/* Homepage Enter replacement */
.home .roll-button,
.home .roll-button span,
.home .roll-button strong,
.home .roll-button em,
.home .sydney_action_widget .roll-button,
.home .sydney_action_widget .roll-button span,
.home a.roll-button,
.home a.roll-button span {
  font-size: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

.home .roll-button::after,
.home .sydney_action_widget .roll-button::after,
.home a.roll-button::after {
  content: "ENTER" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  text-indent: 0 !important;
  overflow: visible !important;
  color: #f4f1ea !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  width: auto !important;
  text-align: center !important;
}

/* ---------- Science / Art landing tiles ---------- */
.home .panel-grid-cell,
.page .panel-grid-cell {
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.home .panel-grid-cell:hover,
.page .panel-grid-cell:hover {
  transform: translateY(-2px);
}

.panel-grid-cell img {
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.panel-grid-cell:hover img {
  opacity: 0.94;
}

/* ---------- Links ---------- */
a {
  color: #6f5744;
  transition: color 0.25s ease;
}

a:hover {
  color: #8a6b52;
}

/* ---------- Footer ---------- */
.site-footer {
  background: #111111 !important;
  color: #d8d1c4 !important;
  border-top: 1px solid rgba(233,226,211,0.08);
}

.site-footer a,
.site-footer .site-info {
  color: #d8d1c4 !important;
}

.site-footer .site-info {
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 14px;
  letter-spacing: 0.04em;
}

/* ---------- Forms / search fields ---------- */
input[type="text"],
input[type="email"],
input[type="search"],
textarea {
  background: #f8f5ef;
  border: 1px solid #d8d1c4;
  color: #161616;
}

/* ---------- Remove loud default shadows ---------- */
.site-content .hentry,
.widget,
.roll-button,
a.roll-button {
  box-shadow: none !important;
}

/* ===== HOMEPAGE / LANDING PAGE SPACING REFINEMENT ===== */

/* tighten the hero block */
.home .panel-row-style {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

/* reduce the gap between the black intro block and the Science/Art tiles */
.home .panel-grid {
  margin-bottom: 20px !important;
}

/* make the Science / Art tiles a bit taller and more substantial */
.home .sydney_action_widget {
  min-height: 210px;
}

/* enlarge the tile titles slightly */
.home .textwidget,
.home .siteorigin-widget-tinymce {
  font-size: 18px;
  letter-spacing: 0.03em;
}

/* make ENTER buttons slightly larger */
.home .roll-button,
.home .sydney_action_widget .roll-button,
.home a.roll-button {
  padding: 15px 34px !important;
  border-width: 1px !important;
}

/* slightly darken images so text sits better */
.home .panel-grid-cell img {
  opacity: 0.92;
}

/* reduce giant empty space above the first content row if present */
.home .site-content,
.home .page-wrap {
  padding-top: 0 !important;
}

/* ===== FIX: readable text on dark inner pages ===== */
.page .entry-content,
.page .entry-content p,
.page .entry-content li,
.page .entry-content span,
.page .entry-content strong,
.page .entry-content em,
.page .entry-content blockquote,
.page .panel-grid-cell,
.page .panel-grid-cell p,
.page .panel-grid-cell li,
.page .panel-grid-cell span {
  color: #e9e2d3 !important;
}

/* headings on inner pages */
.page .entry-content h1,
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4,
.page .entry-content h5,
.page .entry-content h6,
.page .entry-title,
.page .siteorigin-widget-tinymce h1,
.page .siteorigin-widget-tinymce h2,
.page .siteorigin-widget-tinymce h3 {
  color: #f4f1ea !important;
}

/* links on inner pages */
.page .entry-content a,
.page .panel-grid-cell a {
  color: #d8c6ae !important;
}

.page .entry-content a:hover,
.page .panel-grid-cell a:hover {
  color: #f4f1ea !important;
}


/* ===== SAFER HOMEPAGE SLIDER HIDE ===== */
.home .header-slider,
.home .header-image,
.home .slides-container,
.home .flexslider,
.home .header-video {
  display: none !important;
}

/* keep header/menu visible */
.home .site-header,
.home .header-wrap,
.home .site-branding,
.home #mainnav {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* ===== HOMEPAGE: dark grounding at the bottom ===== */
.home .site-content,
.home .page-wrap,
.home #content {
  background: #000 !important;
  padding-bottom: 120px !important;
  position: relative;
}

.home #content::after {
  content: "";
  display: block;
  height: 180px;
  width: 100%;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.45) 45%,
    rgba(0,0,0,0.85) 75%,
    #000 100%
  );
}