/* Google Font: Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root{
  --brand-primary: #0B3D91;
  --brand-primary-dark: #08306b;
}

/* Roboto παντού */
body {
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  text-transform: none;
  letter-spacing: normal;
}


/* Fix CAPS + spacing σε section headings */
section h3{
  margin-bottom: 75px;
  text-transform: none !important;
  font-family: 'Roboto', sans-serif !important;
  font-style: normal;
  font-weight: 400;
}

/* ===== Agency color overrides ===== */

.text-primary{
  color: var(--brand-primary) !important;
}

.bg-primary{
  background-color: var(--brand-primary) !important;
}

a{
  color: var(--brand-primary) !important;
}
a:hover,
a:focus,
a:active,
a.active{
  color: var(--brand-primary-dark) !important;
}

.btn-primary{
  border-color: var(--brand-primary) !important;
  background-color: var(--brand-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary{
  border-color: var(--brand-primary-dark) !important;
  background-color: var(--brand-primary-dark) !important;
}

/* .btn-xl (Agency) */
.btn-xl{
  border-color: var(--brand-primary) !important;
  background-color: var(--brand-primary) !important;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl{
  border-color: var(--brand-primary-dark) !important;
  background-color: var(--brand-primary-dark) !important;
}

/* navbar */
.navbar-default .navbar-brand{
  font-family: 'Roboto', sans-serif !important;
  color: var(--brand-primary) !important;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active{
  color: var(--brand-primary-dark) !important;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus{
  color: var(--brand-primary) !important;
}

.navbar-default .navbar-nav>.active>a{
  background-color: var(--brand-primary) !important;
}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus{
  background-color: var(--brand-primary-dark) !important;
}

/* portfolio hover overlay: rgba του primary (#0B3D91 => 11,61,145) */
#portfolio .portfolio-item .portfolio-link .portfolio-hover{
  background: rgba(11, 61, 145, .9) !important;
}

/* timeline image background uses primary */
.timeline>li .timeline-image{
  background-color: var(--brand-primary) !important;
}

/* contact focus border uses primary */
section#contact .form-control:focus{
  border-color: var(--brand-primary) !important;
}

/* social buttons hover background uses primary */
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active{
  background-color: var(--brand-primary) !important;
}

/* selection background uses primary */
::selection{ background: var(--brand-primary) !important; }
::-moz-selection{ background: var(--brand-primary) !important; }

/* mobile tap highlight (webkit) */
body{ -webkit-tap-highlight-color: var(--brand-primary); }


/* ===== FORCE WHITE NAVBAR TEXT (Agency) ===== */

/* brand / logo */
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff !important;
}

/* menu links – normal state */
.navbar-default .navbar-nav > li > a {
  color: #ffffff !important;
}

/* hover / focus */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff !important;
}

/* active item */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff !important;
  background-color: transparent !important;
}

/* AFTER SCROLL (navbar-shrink) */
.navbar-default.navbar-shrink .navbar-brand,
.navbar-default.navbar-shrink .navbar-nav > li > a,
.navbar-default.navbar-shrink .navbar-nav > li > a:hover,
.navbar-default.navbar-shrink .navbar-nav > li > a:focus {
  color: #ffffff !important;
}

/* mobile toggle icon */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

/* ===== NAVBAR ACTIVE INDICATOR (underline) ===== */

/* μηδενίζουμε το "κουτί" active, κρατάμε διαφάνεια */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent !important;
}

/* underline indicator */
.navbar-default .navbar-nav > li > a {
  position: relative;
}

.navbar-default .navbar-nav > .active > a:after,
.navbar-default .navbar-nav > li > a:hover:after,
.navbar-default .navbar-nav > li > a:focus:after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 10px;
  height: 2px;
  background: #ffffff;
  opacity: 0.9;
}

/* ===== NAVBAR BACKGROUND COLOR ===== */

/* initial state (πάνω στο hero) 
.navbar-default {
  background-color: var(--brand-primary-dark) !important;
  border-color: transparent;
}
*/
/* after scroll */
.navbar-default.navbar-shrink {
  background-color: var(--brand-primary-dark) !important;
}

/* ===== FIX BUTTON TEXT COLOR ===== */

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff !important;
}

/* αν υπάρχει .btn-xl */
.btn-xl,
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active {
  color: #ffffff !important;
}

#contact h3,
#contact h4 {
    color: #fff;
}