/*
Theme Name:   GTS Blog
Theme URI:    https://gts.com
Description:  GTS Blog child theme based on SiteOrigin Unwind. Matches the GTS main site color scheme.
Author:       GTS
Template:     siteorigin-unwind
Version:      1.0.0
Text Domain:  gts-blog
*/

/* ============================================================
   GTS COLOR VARIABLES
   Primary:   #1b3864  (dark navy blue)
   Secondary: #25ade3  (sky blue)
   ============================================================ */

/* ============================================================
   GOOGLE FONTS — Match GTS main site (Manrope + Inter)
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

/* ============================================================
   BASE TYPOGRAPHY
   ============================================================ */
body,
button,
input,
select,
textarea {
  font-family: "Manrope", sans-serif;
  color: #3a3a3a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Manrope", sans-serif;
  color: #1b3864;
  font-weight: 700;
}

/* ============================================================
   LINKS — Replace green #24c48a with GTS secondary #25ade3
   ============================================================ */
a {
  color: #25ade3;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #1b3864;
}

/* ============================================================
   BLOCKQUOTE — Replace green border with GTS primary
   ============================================================ */
blockquote {
  border-left: 3px solid #1b3864;
}

/* ============================================================
   BUTTONS — Replace green with GTS colors
   ============================================================ */
.button,
#page #infinite-handle span button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce.single-product .cart button {
  font-family: "Manrope", sans-serif;
  background: #fff;
  border-color: #1b3864;
  color: #1b3864;
  border-radius: 4px;
  letter-spacing: 0.5px;
  transition: 0.3s ease-out;
}

.button:hover,
#page #infinite-handle span button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce.single-product .cart button:hover {
  background: #1b3864;
  border-color: #1b3864;
  color: #fff;
}

.button:active,
.button:focus,
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #1b3864;
  color: #1b3864;
}

/* ============================================================
   SITE MASTHEAD / HEADER
   ============================================================ */
#masthead {
  border-bottom: 1px solid rgba(27, 56, 100, 0.15);
  margin-bottom: 60px;
}

/* Sticky bar background */
#masthead .sticky-bar {
  background: #1b3864;
}

/* Top bar */
#masthead .top-bar {
  background: #1b3864;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Sticky menu border */
.sticky-menu.sticky-bar-out #masthead .sticky-bar {
  border-bottom: 1px solid rgba(27, 56, 100, 0.2);
  background: #1b3864;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
}

/* ============================================================
   MAIN NAVIGATION
   ============================================================ */
.main-navigation > div li a {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.82rem;
}

.main-navigation > div li:hover > a,
.main-navigation > div li.focus > a {
  color: #25ade3;
}

/* Dropdown menus */
.main-navigation > div ul ul {
  background: #fff;
  box-shadow: 0 4px 20px rgba(27, 56, 100, 0.15);
}

.main-navigation > div ul ul a {
  font-family: "Manrope", sans-serif;
  color: #1b3864;
  font-weight: 600;
  border-bottom: 1px solid rgba(27, 56, 100, 0.08);
}

.main-navigation > div ul ul a:hover {
  color: #25ade3;
}

/* ============================================================
   MOBILE NAVIGATION
   ============================================================ */
#mobile-navigation ul li {
  background: #f0f4f9;
  border-bottom: 1px solid rgba(27, 56, 100, 0.1);
}

#mobile-navigation ul li a {
  font-family: "Manrope", sans-serif;
  color: #1b3864;
  font-weight: 600;
}

#mobile-navigation ul ul li {
  background: #fff;
}

/* Menu toggle icon */
.menu-toggle .svg-icon-menu path {
  fill: #fff;
}

/* ============================================================
   SOCIAL & SEARCH ICONS
   ============================================================ */
.search-toggle .open .svg-icon-search path,
.search-toggle .close .svg-icon-close path {
  fill: rgba(255, 255, 255, 0.9);
}

.social-search .v-line {
  background: rgba(255, 255, 255, 0.3);
}

/* ============================================================
   SITE LOGO / TITLE
   ============================================================ */
.site-title a {
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
}

.site-title a:hover {
  color: #25ade3;
}

.site-description {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Manrope", sans-serif;
}

/* ============================================================
   PAGINATION — Replace green with GTS secondary
   ============================================================ */
.pagination .page-numbers:hover,
.pagination .current {
  background: #25ade3;
  border-color: #25ade3;
  color: #fff;
}

/* ============================================================
   POST NAVIGATION
   ============================================================ */
.post-navigation a:hover {
  color: #25ade3;
}

.post-navigation {
  border-top: 2px solid rgba(27, 56, 100, 0.1);
  border-bottom: 2px solid rgba(27, 56, 100, 0.1);
  font-family: "Manrope", sans-serif;
}

/* Comment/Posts navigation */
.comment-navigation a:hover,
.posts-navigation a:hover,
.post-navigation a:hover {
  border-color: #25ade3;
  color: #25ade3;
}

/* ============================================================
   SCROLL TO TOP
   ============================================================ */
#scroll-to-top {
  background: #25ade3;
  border-radius: 50%;
}

#scroll-to-top:hover {
  background: #1b3864;
}

/* ============================================================
   WIDGETS
   ============================================================ */
#secondary .widget a:hover,
#colophon .widget a:hover,
#masthead-widgets .widget a:hover {
  color: #25ade3;
}

/* Widget titles */
#secondary .widget .widget-title,
#colophon .widget .widget-title,
#masthead-widgets .widget .widget-title {
  color: #1b3864;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
}

/* Heading strike lines */
.heading-strike:before,
.heading-strike:after {
  background-color: rgba(27, 56, 100, 0.15);
}

/* Tag cloud */
#page .widget_tag_cloud a:hover {
  background: #25ade3;
  border-color: #25ade3;
  color: #fff !important;
}

/* Calendar widget */
.calendar_wrap .wp-calendar-nav a {
  color: #25ade3;
}

.calendar_wrap .wp-calendar-nav a:hover {
  color: #1b3864;
}

/* ============================================================
   BREADCRUMBS
   ============================================================ */
.breadcrumbs a:hover,
.woocommerce .woocommerce-breadcrumb a:hover {
  color: #25ade3;
}

/* ============================================================
   SITE FOOTER
   ============================================================ */
#colophon {
  background: #1b3864;
  color: rgba(255, 255, 255, 0.8);
  border-top: 3px solid #25ade3;
}

#colophon a {
  color: rgba(255, 255, 255, 0.85);
}

#colophon a:hover {
  color: #25ade3;
}

#colophon .widget .widget-title {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-bottom: 0.5em;
}

#colophon .widget a {
  color: rgba(255, 255, 255, 0.8);
}

#colophon .widget a:hover {
  color: #25ade3;
}

/* Footer credits / site info */
.site-info {
  background: #142d52;
  color: rgba(255, 255, 255, 0.6);
  font-family: "Manrope", sans-serif;
  font-size: 13px;
  padding: 16px 0;
}

.site-info a {
  color: #25ade3;
}

.site-info a:hover {
  color: #fff;
}

/* ============================================================
   ENTRY / POST CONTENT
   ============================================================ */
.entry-title a {
  color: #1b3864;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  transition: 0.3s ease-out;
}

.entry-title a:hover {
  color: #25ade3;
}

.entry-meta,
.entry-footer {
  font-family: "Manrope", sans-serif;
  color: #6b7a99;
  font-size: 13px;
}

.entry-meta a,
.entry-footer a {
  color: #6b7a99;
}

.entry-meta a:hover,
.entry-footer a:hover {
  color: #25ade3;
}

/* Category / tag links in meta */
.cat-links a,
.tags-links a {
  color: #25ade3;
  font-weight: 600;
}

.cat-links a:hover,
.tags-links a:hover {
  color: #1b3864;
}

/* Read more link */
.more-link {
  color: #25ade3;
  font-weight: 700;
  font-family: "Manrope", sans-serif;
  border-bottom: 2px solid #25ade3;
  padding-bottom: 2px;
  transition: 0.3s ease-out;
}

.more-link:hover {
  color: #1b3864;
  border-color: #1b3864;
}

/* ============================================================
   COMMENTS
   ============================================================ */
.comment-list .comment-author .fn a {
  color: #1b3864;
  font-weight: 700;
}

.comment-list .comment-author .fn a:hover {
  color: #25ade3;
}

.comment-reply-link {
  color: #25ade3;
  font-weight: 600;
}

.comment-reply-link:hover {
  color: #1b3864;
}

#respond .comment-form-comment label,
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label {
  font-family: "Manrope", sans-serif;
  color: #1b3864;
  font-weight: 600;
}

/* ============================================================
   FEATURED SLIDER (FlexSlider)
   ============================================================ */
.flexslider .flex-control-paging li a.flex-active {
  background: #25ade3;
}

.flexslider .flex-direction-nav a {
  color: #25ade3;
}

/* ============================================================
   SEARCH RESULTS PAGE
   ============================================================ */
.search-form .search-submit {
  background: #1b3864;
  color: #fff;
  border-color: #1b3864;
}

.search-form .search-submit:hover {
  background: #25ade3;
  border-color: #25ade3;
}

/* ============================================================
   PAGE HEADER (Archive / Category titles)
   ============================================================ */
.page-header .page-title {
  font-family: "Manrope", sans-serif;
  color: #1b3864;
  font-weight: 800;
}

/* ============================================================
   MASTHEAD INNER LAYOUT — make header dark blue
   ============================================================ */
.site-branding {
  padding: 18px 0;
}

/* Header design 1 (default) top bar */
.header-design-1 #masthead .top-bar,
.header-design-2 #masthead .top-bar {
  background: #1b3864;
}

/* Navigation bar background */
.main-navigation-bar {
  background: #1b3864;
}

/* ============================================================
   CUSTOM SCROLLBAR — match GTS
   ============================================================ */
* {
  scrollbar-width: thin;
  scrollbar-color: #1b3864 #f0f4f9;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f0f4f9;
}

::-webkit-scrollbar-thumb {
  background-color: #1b3864;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #25ade3;
}

/* ============================================================
   SELECTION COLOR — match GTS
   ============================================================ */
::selection {
  color: #fff;
  background-color: #1b3864;
}

/* ============================================================
   TABLES — match GTS style
   ============================================================ */
table thead tr {
  background: #1b3864;
}

table thead th {
  color: #fff;
}

table tr:nth-child(2n+2) {
  background: #f0f4f9;
}

/* ============================================================
   WOOCOMMERCE (if used)
   ============================================================ */
.woocommerce .price,
.woocommerce .amount {
  color: #1b3864;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
}

.woocommerce .star-rating span::before {
  color: #25ade3;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #25ade3;
  color: #fff;
}

/* ============================================================
   UTILITY — GTS brand accent line for section headings
   ============================================================ */
.entry-content h2,
.entry-content h3 {
  color: #1b3864;
  font-family: "Manrope", sans-serif;
}

.entry-content a {
  color: #25ade3;
  font-weight: 600;
}

.entry-content a:hover {
  color: #1b3864;
}

/* ============================================================
   RESPONSIVE ADJUSTMENTS
   ============================================================ */
@media (max-width: 768px) {
  #masthead .sticky-bar,
  .main-navigation-bar {
    background: #1b3864;
  }

  .site-title a {
    color: #fff;
  }
}