/*==============================================================
# COMBINED STYLE: SUFFICE + COTO-STYLE
==============================================================*/

/*---------- Section 1: Suffice Style (Base) ----------*/
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, footer, header, nav, section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

fieldset {
    border: 1px solid #BBB;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.3;
    color: #424143;
}

p { line-height: 24px; }

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    color: #424143;
}

h1 { font-size: 48px; font-weight: normal; }
h2 { font-size: 32px; font-weight: normal; }

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #F4F7F6;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #CCCCCC;
    opacity: 0.4;
}

.breadcrumbs {
    padding: 30px 0;
    background-color: #F2F2F2;
}

.breadcrumbs .breadcrumbs-page {
    float: left;
}

.breadcrumbs .breadcrumbs-page .breadcrumbs-page-title {
    margin: 0;
    font-size: 22px;
    color: #424143;
}

a {
    text-decoration: none;
    color: #00BAF4;
    transition: color 0.25s ease-in-out;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after {
    display: table;
    content: "";
}

.clearfix::after, .container::after, .container-fluid::after, .row::after {
    clear: both;
}

body { background: #FFF; }

body.full-width #primary, body.full-width #secondary {
    float: none;
    width: 100%;
}

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

#page {
    background: #FFF;
    position: relative;
    word-wrap: break-word;
    transition: padding 0.35s;
}

#primary, #secondary { margin-top: 60px; }
#primary { float: left; width: 66.66666667%; }

@media (max-width: 768px) {
    #primary { float: none; width: 100%; }
}

#secondary {
    float: right;
    width: 33.33333333%;
    padding-left: 45px;
}

@media (max-width: 768px) {
    #secondary { float: none; width: 100%; }
}

#colophon { clear: both; }

.header-bottom {
    background-color: #F9F9F9;
    border-bottom: 0 solid rgba(255, 255, 255, 0.5);
    transition: all 0.35s;
}

.header-bottom .container { position: relative; }
.logo-container, .site-branding { display: table-cell; vertical-align: middle; }

/*---------- Section 2: Coto Style (Torino Overrides) ----------*/
/*
 Theme Name:    Polizia Locale - Città di Torino
*/

body {
  font-size: 0.875em;
}

.site-branding {
  padding-left: 60px;
}

.site-branding .site-title {
  font-size: 28px;
}

.header-bottom {
  background-color: #ffffff;
  border-top: 65px solid #1961a6;
}

a {
    text-decoration: none;
    color: #1961a6; /* Sovrascrive il celeste base */
    transition: color 0.25s ease-in-out;
}

.site-footer {
  background-color: #1961a6;
}

.site-footer .site-info {
    font-size: 0.85em;
    padding: 15px 0;
}

.site-footer .site-info, .site-footer .site-info a {
    color: #ffffff;
}

.site-footer .site-info a:hover {
    color: #ffffff;
    text-decoration: underline;
}

p:empty::before {
    display: none;
}

/**************** HEADER RESPONSIVENESS ****************/
@media (max-width: 763px) {
  .header-bottom img {
    max-width: 80%;
  }
  .logo-container {
      display: block;
  }
  .logo-container img{
        max-width: 100%;
  }
  .site-branding {
      display: none;
  }
}

@media (max-width: 600px) {
  .header-bottom .header-bottom-left-section {
      float: none;
      text-align: center;
  }
}

.breadcrumbs {
    background-color: #003882; /* Sovrascrive il grigio base */
}

.breadcrumbs .breadcrumbs-page .breadcrumbs-page-title {
    color: #ffffff;
}