/* CLEAR */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
/* BASE */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
/* LINKS */
a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
/* TYPOGRAPHY */
@font-face {
  font-family: "Museo 900";
  src: url("../fonts/MuseoSans-900.eot");
  src: url("../fonts/MuseoSans-900.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MuseoSans-900.woff") format("woff"),
    url("../fonts/MuseoSans-900.ttf") format("truetype"),
    url("../fonts/MuseoSans-900.svg#MuseoSans-900") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Museo 700";
  src: url("../fonts/MuseoSans-700.eot");
  src: url("../fonts/MuseoSans-700.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MuseoSans-700.woff") format("woff"),
    url("../fonts/MuseoSans-700.ttf") format("truetype"),
    url("../fonts/MuseoSans-700.svg#MuseoSans-700") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Museo 500";
  src: url("../fonts/MuseoSans-500.eot");
  src: url("../fonts/MuseoSans-500.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MuseoSans-500.woff") format("woff"),
    url("../fonts/MuseoSans-500.ttf") format("truetype"),
    url("../fonts/MuseoSans-500.svg#MuseoSans-500") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Museo 300";
  src: url("../fonts/MuseoSans-300.eot");
  src: url("../fonts/MuseoSans-300.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MuseoSans-300.woff") format("woff"),
    url("../fonts/MuseoSans-300.ttf") format("truetype"),
    url("../fonts/MuseoSans-300.svg#MuseoSans-300") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Museo 100";
  src: url("../fonts/MuseoSans-100.eot");
  src: url("../fonts/MuseoSans-100.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MuseoSans-100.woff") format("woff"),
    url("../fonts/MuseoSans-100.ttf") format("truetype"),
    url("../fonts/MuseoSans-100.svg#MuseoSans-100") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Roman";
  src: url("../fonts/AvenirLTStd-Roman.eot");
  src: url("../fonts/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AvenirLTStd-Roman.woff") format("woff"),
    url("../fonts/AvenirLTStd-Roman.ttf") format("truetype"),
    url("../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Medium";
  src: url("../fonts/AvenirLTStd-Medium.eot");
  src: url("../fonts/AvenirLTStd-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AvenirLTStd-Medium.woff") format("woff"),
    url("../fonts/AvenirLTStd-Medium.ttf") format("truetype"),
    url("../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Light";
  src: url("../fonts/AvenirLTStd-Light.eot");
  src: url("../fonts/AvenirLTStd-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AvenirLTStd-Light.woff") format("woff"),
    url("../fonts/AvenirLTStd-Light.ttf") format("truetype"),
    url("../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Book";
  src: url("../fonts/AvenirLTStd-Book.eot");
  src: url("../fonts/AvenirLTStd-Book.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AvenirLTStd-Book.woff") format("woff"),
    url("../fonts/AvenirLTStd-Book.ttf") format("truetype"),
    url("../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong,
.strong {
  font-weight: bold;
}
dfn,
em,
.em {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
*,
p {
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  word-break: none;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body p {
  word-wrap: normal !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
}
pre {
  margin: 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C""\201D""\2018""\2019";
}
q:before,
q:after {
  content: "";
  content: none;
}
small,
.small {
  font-size: 75%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}
/* LISTS */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0;
}
menu {
  padding: 0 0 0 40px;
}
ol,
ul {
  padding: 0;
  list-style-type: none;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* EMBEDDED CONTENT */
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
/* FIGURES */
figure {
  margin: 0;
}
/* FORMS */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/* TABLES */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.clearfix,
.cf,
.comment-respond {
  zoom: 1;
}
.clearfix:before,
.clearfix:after,
.cf:before,
.comment-respond:before,
.cf:after,
.comment-respond:after {
  content: "";
  display: table;
}
.clearfix:after,
.cf:after,
.comment-respond:after {
  clear: both;
}
span.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style: italic;
}

/* MOBILE GRID STYLES */
@media (max-width: 767px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
}
/* PORTRAIT TABLET TO LANDSCAPE */
@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }
  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }
  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }
  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
}
/* LANDSCAPE TO SMALL DESKTOP */
@media (min-width: 1030px) {
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }
  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }
  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }
  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%;
  }
  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%;
  }
  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%;
  }
  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%;
  }
  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%;
  }
  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%;
  }
  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%;
  }
  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%;
  }
  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%;
  }
  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%;
  }
  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%;
  }
  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%;
  }
}
/* BOX SIZING */
.last-col {
  float: right;
  padding-right: 0 !important;
}
/* IMPORTING MODULES */
.alert-help,
.alert-info,
.alert-error,
.alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}
.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}
.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}
.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}
.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}
/* BUTTON DEFAULTS */
.blue-btn,
.comment-reply-link,
#submit {
  display: inline-block;
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: white;
  font-size: 0.9em;
  font-size: 34px;
  line-height: 34px;
  font-weight: normal;
  padding: 0 24px;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
.blue-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.blue-btn:focus,
.comment-reply-link:focus,
#submit:focus {
  color: white;
  text-decoration: none;
}
.blue-btn:active,
.comment-reply-link:active,
#submit:active {
  top: 1px;
}
.blue-btn,
.comment-reply-link,
#submit {
  background-color: #2980b9;
}
.blue-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.blue-btn:focus,
.comment-reply-link:focus,
#submit:focus {
  background-color: #2574a8;
}
.blue-btn:active,
.comment-reply-link:active,
#submit:active {
  background-color: #2472a4;
}
/* INPUTS */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #5c6b80;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  /*max-width: 400px;*/
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #eaedf2;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  background-color: #f7f8fa;
}
input[type="text"].error,
input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
  color: #e43f46;
  border-color: #e43f46;
  background-color: white;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFW…7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4;
}
input[type="text"].success,
input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: white;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2;
}
input[type="text"][disabled],
input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6;
}
input[type="password"] {
  letter-spacing: 0.3em;
}
textarea {
  max-width: 100%;
  line-height: 1.5em;
}
select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
}

/*FLEX GRID CLASSES*/

.fx {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.fx-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.fx-center-top {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.fx-center-bottom {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.fx-rw {
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
}
.fx-cl {
  flex-flow: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  -moz-flex-flow: column;
}
.fx-space {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.fx-left {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.fx-right {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.cover {
  background-size: cover !important;
}
/* GENERAL STYLES */
body {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #5c6b80;
  -webkit-font-smoothing: antialiased;
}
/* LINK STYLES */
a,
a:visited {
  color: #111111;
}
a:hover,
a:focus,
a:visited:hover,
a:visited:focus {
  color: #111111;
}
a:link,
a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
/* ONDAWEB WORDPRESS BODY CLASSES */
label.error {
  color: red;
  position: absolute;
  margin-left: -23px;
  margin-top: 9px;
}
/**
ANIMAÇÕES
**/
.animate {
  overflow: hidden;
}
.fadeInRight {
  position: relative;
  right: 100px;
  opacity: 0;
  transition: 0.6s 0.8s;
}
.fadeInLeft {
  position: relative;
  left: 100px;
  opacity: 0;
  transition: 0.6s 0.8s;
}
.animate h2.page-title,
.animate h1.page-title,
.animate h2,
.animate h3,
.animate h1,
.animate img,
.animate a {
  bottom: -30px;
  position: relative;
  opacity: 0;
  transition: 0.4s;
}
.animate p {
  bottom: -50px;
  position: relative;
  opacity: 0;
  transition: 0.4s;
}
.fadeInUp {
  bottom: -50px;
  position: relative;
  opacity: 0;
  transition: 0.6s;
}
.box-link:nth-child(2),
.time-1 {
  -webkit-transition-delay: 0.4s; /* Safari */
  transition-delay: 0.4s;
}
.box-link:nth-child(3),
.time-2 {
  -webkit-transition-delay: 0.6s; /* Safari */
  transition-delay: 0.6s;
}
.box-link:nth-child(4),
.time-3 {
  -webkit-transition-delay: 0.8s; /* Safari */
  transition-delay: 0.8s;
}
.box-link:nth-child(5),
.time-4 {
  -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 1s;
}
.box-link:nth-child(6),
.time-5 {
  -webkit-transition-delay: 1.2s; /* Safari */
  transition-delay: 1.2s;
}
.box-link:nth-child(7),
.time-6 {
  -webkit-transition-delay: 1.4s; /* Safari */
  transition-delay: 1.4s;
}
.box-link:nth-child(8),
.time-7 {
  -webkit-transition-delay: 1.6s; /* Safari */
  transition-delay: 1.6s;
}
/**
END ANIMAÇÕES
**/
#menu-principal {
}
#menu-principal li {
}
#menu-principal li a {
  color: #000;
}
#menu-principal .current-menu-item a {
  color: #000;
  text-decoration: none;
}
#menu-principal .current-menu-item a:before {
  content: "";
  width: 100%;
  height: 4px;
  background: var(--secondary);
}
#menu-principal .current-menu-item a,
#menu-principal a:hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
#menu-principal .current-menu-item a:before,
#menu-principal a:hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: var(--secondary);
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#menu-principal .current-menu-item a:hover:before,
#menu-principal a:hover:before,
#menu-principal .current-menu-item a:focus:before,
#menu-principal a:focus:before,
#menu-principal .current-menu-item a:active:before,
#menu-principal a:active:before {
  right: 0;
}
:root {
  --primary: #008ac7;
  --secondary: #e21834;
}
.copyright {
  text-align: center;
}
.copyright img {
  position: relative;
  top: 3px;
}
ul.bxslider {
  margin: 0px;
}
#pesquisar {
  position: relative;
}
#pesquisar button {
  position: absolute;
  top: 0;
  right: 18px;
  z-index: 999;
  height: 30px;
  border: 0;
  background: transparent;
}
#pesquisar input {
  z-index: 9;
  height: 30px;
  width: 170px;
  padding: 0 10px;
  margin: 0;
  border-radius: 30px;
  background-color: #f1f1f1;
}
#searchform {
  width: 190px;
}
#pesquisar input:focus,
#pesquisar input:active {
  outline: none;
}
#pesquisar button:focus {
  outline: none;
}
.redes ul {
  margin: 0;
}
.content-menu {
  margin: 20px 0;
  width: 100%;
  transition: 0.5s;
}
.redes li {
  margin: 0 10px;
  height: 30px;
}
.redes a {
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: 0.5s;
}
.redes {
  margin-right: 30px;
}
.cls-1 {
  transition: 0.5s;
}
.redes a:hover svg .cls-1 {
  fill: #e21834;
  transition: 0.5s;
}
.header {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 90px;
  background: #fff;
  box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
  transition: 0.3s;
}
.header-home {
  width: 100%;
  height: 120px;
  background: #fff;
  position: relative;
  transition: 0.3s;
}
.header .nav li:hover > ul {
  top: 50px !important;
}
#logo {
  position: relative;
  background-color: #fff;
  width: 138px;
}
.logotipo {
  position: absolute;
  width: 138px;
  height: 165px;
  background: #fff;
  z-index: 999999;
  transition: 0.3s;
}
.logotipo img {
  width: 100%;
  height: auto;
  transition: 0.3s;
}
.menu-redes {
  transition: 0.3s;
}
.header .content-menu {
  margin: 10px 0;
  transition: 0.3s;
}
.header .logotipo {
  width: 60px;
  height: 72px;
  transition: 0.3s;
}
.header .nav li a {
  padding: 0.55em;
}
.home-slider {
  height: 450px;
}
.historia-slider {
  height: 450px;
}

/* Desktop: mantém seu CSS atual */
.banner-container {
  height: 100%;
}

.banner-slider {
  background-size: cover !important;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ddd;
}

/* Mobile: ajustes para telas pequenas */
@media (max-width: 768px) {
  .banner-container {
    height: auto; /* deixa altura proporcional ao conteúdo */
  }

  .banner-slider {
    min-height: 250px; /* altura mínima confortável no mobile */
    background-size: cover !important;
    background-position: center center;
  }

  .banner-slider .content-slide {
    padding: 10px;
  }

  .banner-slider .title-banner h1 {
    font-size: 18px;
    line-height: 1.2;
  }

  .banner-slider .date-category a {
    font-size: 12px;
  }
}

.filter {
  position: absolute;
  z-index: 1;
  background-image: linear-gradient(to right, #00000091, transparent);
  width: 50%;
  height: 100%;
}
.content-slide {
  position: relative;
  z-index: 2;
}
.title-banner h1 {
  font-family: "Museo 900";
  font-size: 35px;
  color: #fff;
  transition: 0.5s;
  margin: 0;
  line-height: 40px;
}
.title-banner a,
.date-category a {
  text-decoration: none;
  transition: 0.5s;
}
.title-banner a:hover h1,
.date-category a:hover {
  color: var(--secondary);
  transition: 0.5s;
}
.date-category a {
  font-family: "Museo 100";
  font-size: 14px;
  color: #fff;
}
.title-banner {
  width: 660px;
  max-width: 100%;
}
.date-category {
  margin-bottom: 10px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--secondary) !important;
}
.swiper-pagination-bullet {
  width: 16px !important;
  height: 16px !important;
  background: #fff !important;
  outline: none !important;
  opacity: 1 !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 40px !important;
}
.title {
  display: inline-block;
  margin-top: 30px;
}
.title h1 {
  font-family: "Museo 900";
  font-size: 40px;
  color: #000;
  margin-bottom: 15px;
}
#filtro-colunas {
  background-image: linear-gradient(to right, var(--primary), var(--secondary));
  height: 54px;
  border-radius: 30px;
  margin-bottom: 30px;
}
.colunas-filtros {
  width: 100%;
  padding: 0 60px;
}
.cada-cat {
  margin: 0 20px;
}
.cada-cat a {
  text-decoration: none;
  color: #fff;
  font-family: "Museo 700";
  font-size: 14px;
  transition: 0.5s;
}

.cada-noticia {
  width: 500px;
  max-width: 100%;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  height: fit-content;
}
.cada-noticia:nth-child(2n) {
  width: 500px;
  height: fit-content;
  max-width: 100%;
  margin-bottom: auto;
}
.cada-noticia:first-child {
  width: 650px;
  height: fit-content;
  max-width: 100%;
}
.cada-noticia:nth-child(4n) {
  width: 650px;
  height: fit-content;
  max-width: 100%;
}
.img-noticia {
  width: 100%;
  height: 300px;
}
.cada-noticia:nth-child(2n) .img-noticia {
  height: 300px;
}
.cada-noticia:first-child .img-noticia {
  height: 360px;
}
.cada-noticia:nth-child(4n) .img-noticia {
  height: 360px;
}

@media (max-width: 768px) {
  .cada-noticia {
    flex: 1 1 100%; /* ocupa toda a largura do container */
    margin-bottom: 20px;
  }

  .cada-noticia .img-noticia img {
    width: 100%;
    height: auto; /* mantém proporção */
  }

  .cada-noticia .title-noticia h1 {
    font-size: 16px;
  }

  .cada-noticia .resumo-noticia p {
    font-size: 14px;
  }

  .cada-noticia .cat-date-noticia p {
    font-size: 12px;
  }
}

.img-noticia img {
  height: 100%;
  border-radius: 30px;
  object-fit: contain;
}
.cat-date-noticia p {
  font-family: "Museo 100";
  font-size: 14px;
  color: #000;
}
.title-noticia h1 {
  font-family: "Museo 900";
  font-size: 30px;
  line-height: 32px;
  color: #000;
  margin: 0;
}
.title-noticia {
  min-height: 50px;
  max-height: 130px;
  overflow: hidden;
}
.resumo-noticia p {
  font-family: "Avenir Roman";
  font-size: 18px;
  color: #000;
}
.button-post {
  margin-bottom: 20px;
}
.button-post a {
  text-decoration: none;
  color: #000;
  font-family: "Museo 700";
  font-size: 18px;
  transition: 0.5s;
}
.button-post a:hover {
  transition: 0.5s;
  color: var(--secondary);
}
.button-post a:hover .seta {
  width: 15px;
  transition: 0.5s;
  opacity: 1;
}
.seta-dereita {
  transition: 0.5s;
}
.button-post a:hover .seta-direita {
  fill: var(--secondary);
  transition: 0.5s;
}
.seta {
  display: inline-block;
  width: 0;
  opacity: 0;
  transition: 0.5s;
}
.link-archive {
  margin-bottom: 60px;
  margin-top: 20px;
}
.link-archive a {
  text-decoration: none;
  color: #000;
  font-family: "Museo 700";
  font-size: 18px;
  transition: 0.5s;
}
.link-archive a:hover {
  transition: 0.5s;
  color: var(--secondary);
}
.seta-grande {
  margin: auto;
  width: 39px;
  margin-top: 7px;
  height: 29px;
}
.cor-seta {
  transition: 0.5s;
}
.link-archive a:hover .cor-seta {
  fill: var(--secondary);
  transition: 0.5s;
}
#newslatter {
  background-image: linear-gradient(to right, var(--primary), var(--secondary));
  width: 100%;
  display: inline-block;
}
.text-news {
  width: 614px;
  max-width: 100%;
  margin: 40px 0;
}
.text-news h1 {
  font-family: "Museo 900";
  font-size: 40px;
  color: #fff;
  margin: 0;
  line-height: 1.2em;
}
#newslatter input.nome,
#newslatter input.telefone,
#newslatter input.email {
  width: 290px;
  border-radius: 30px;
  padding: 0 25px;
  height: 50px;
  outline: none;
  font-family: "Museo 700";
  font-size: 16px;
  color: #000;
  margin: 0;
}
#newslatter span.nome,
#newslatter span.telefone,
#newslatter span.email {
  margin: auto;
}
#newslatter .button-enviar {
  width: 200px;
  height: 50px;
  border-radius: 30px;
  border: 0;
  color: #fff;
  font-family: "Museo 700";
  font-size: 18px;
  background: var(--primary);
  outline: none !important;
  transition: 0.5s;
  margin: 0 auto;
}
#newslatter .button-enviar:hover {
  background: #fff;
  color: var(--primary);
  border: 3px solid var(--primary);
  transition: 0.5s;
}
.wpcf7-not-valid-tip {
  color: #fff !important;
  margin-left: 20px;
}
form.wpcf7-form.init {
  margin-bottom: 40px;
}
#info-footer {
  width: 100%;
  display: inline-block;
  background-color: #fff;
}
.content-info-footer {
  border-bottom: 1px solid #f1f1f1;
  padding: 20px 0;
}
.endereco p,
.telefone-footer p,
.email-footer a {
  font-family: "Avenir Roman";
  font-size: 16px;
  color: #000;
  transition: 0.5s;
  text-decoration: none;
}
.email-footer a:hover {
  transition: 0.5s;
  color: var(--secondary);
}
.email-footer a:hover .icon-mail {
  fill: var(--secondary);
  transition: 0.5s;
}
.endereco svg,
.telefone-footer svg,
.email-footer svg {
  margin-right: 15px;
}
.icon-mail {
  transition: 0.5s;
}
#inner-footer {
  background-color: var(--primary);
  width: 100%;
  display: inline-block;
}
.copyright {
  font-family: "Avenir Roman";
  font-size: 14px;
  color: #fff;
}
.copyright img {
  margin-left: 5px;
}
.assessoria {
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
}

.filiado,
.midias {
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 50px;
}
.midias h3,
.filiado h3,
.assessoria h3 {
  font-family: "Museo 900";
  font-size: 20px;
  color: #000;
  text-align: center;
}
#parceiros {
  width: 100%;
  display: inline-block;
  background-color: #fff;
}
.content-filiado,
.content-midias,
.content-assessoria {
  width: 97%;
  margin: auto;
}
.cada-parceiro {
  width: 100px;
  margin: 5px;
}
.cada-parceiro img {
  width: 100px;
  height: 50px;
  object-fit: contain;
}
.content-assessoria .cada-parceiro {
  width: 150px;
}
.content-assessoria .cada-parceiro img {
  width: 150px;
}
.content-parceiros {
  margin: 20px auto !important;
}
.sub-menu li:first-child {
  position: relative;
}
.sub-menu li:first-child:after {
  content: url("../images/detalhe-menu.svg");
  top: -32px;
  position: absolute;
  width: 40px;
  right: calc(50% - 20px);
}
.nav li:hover > ul {
  top: 69px !important;
}
.sub-menu .current-menu-item a:before {
  content: url("../images/seta-menu.svg") !important;
  position: absolute;
  z-index: unset !important;
  left: 12px !important;
  right: unset !important;
  bottom: unset !important;
  background: unset !important;
  height: unset !important;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.nav li ul.sub-menu,
.nav li ul.children {
  position: relative;
  left: calc(50% - 106px);
  width: 212px;
  border: 0 !important;
  background-image: linear-gradient(
    to bottom right,
    var(--primary),
    var(--secondary)
  );
  border-radius: 0px 0px 20px 20px;
  padding: 15px 0;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  border-right: 0;
  padding: 8px 0;
  padding-left: 34px !important;
  width: 100% !important;
  padding-right: 15px;
  border-bottom: 0 !important;
  font-family: "Avenir Medium";
  font-size: 18px;
  color: #fff !important;
}
.nav li ul.sub-menu li,
.nav li ul.children li {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.sub-menu li a:before {
}
.sub-menu li a:hover:before {
  content: url("../images/seta-menu.svg") !important;
  position: absolute;
  z-index: unset !important;
  left: 12px !important;
  right: unset !important;
  bottom: unset !important;
  background: unset !important;
  height: unset !important;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.banner-page {
  position: relative;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;

  background-color: #ddd;
}
.title-page {
  z-index: 2;
}
.title-page h1 {
  font-family: "Museo 900";
  font-size: 40px;
  color: #fff;
}
.text-diretoria h1 {
  font-family: "Museo 900";
  font-size: 40px;
  color: #000;
  margin-top: 60px !important;
}
.text-diretoria h2,
.text-secretaria h2 {
  font-family: "Museo 500";
  font-size: 40px;
  color: #333;
}
.text-diretoria p,
.text-secretaria p {
  font-family: "Avenir Roman";
  font-size: 18px;
  color: #333;
}
.wrapper {
  width: 840px;
  max-width: 100%;
  margin: auto;
}
#secretaria {
  width: 100%;
  display: inline-block;
  background-color: #f2f9fc;
}
.nome-diretor h4 {
  font-family: "Museo 900";
  font-size: 20px;
  color: #000;
  text-align: center;
  margin-bottom: 5px !important;
  margin-right: 80px !important;
}
.funcao-diretor span,
.funcao-secretaria span {
  font-family: "Museo 500";
  font-size: 18px;
  color: #333;
}
.linha-funcao {
  width: 80%;
  height: 3px;
  background-color: #333;
  margin: auto;
}
.funcao {
  width: auto;
  display: inline-block;
}

.cada-diretor {
  width: calc(100% / 4);
  text-align: center;
  margin-bottom: 40px;
}

.img-diretor {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.img-diretor img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.info-diretor {
  width: 230px;
  margin: auto;
  text-align: center;
}

/* Tablet: 2 colunas */
@media (max-width: 1024px) and (min-width: 769px) {
  .cada-diretor {
    width: calc(50% - 20px); /* 2 colunas com gap */
    margin-bottom: 30px;
  }

  .img-diretor,
  .img-diretor img {
    width: 200px;
    height: 200px;
  }

  .info-diretor {
    width: 200px;
  }

  .cada-secretaria {
    width: calc(50% - 20px); /* 2 colunas com gap */
    margin-bottom: 30px;
  }

  .img-secretaria,
  .img-secretaria img {
    width: 200px;
    height: 200px;
  }

  .info-secretaria {
    width: 200px;
  }
}

/* Mobile: 1 coluna */
/* Mobile: 1 coluna */
@media (max-width: 768px) {
  .content-diretores {
    flex-direction: column;
    gap: 20px;
    margin: 30px auto !important;
  }

  .cada-diretor {
    width: 100% !important;
    margin-bottom: 30px;
  }

  .img-diretor {
    width: 100%;
    max-width: 230px; /* limite máximo da imagem */
    aspect-ratio: 1 / 1; /* garante que seja quadrada para virar círculo */
    border-radius: 50%; /* deixa circular */
    overflow: hidden;
    margin: 0 auto;
  }

  .img-diretor img {
    width: 100%;
    height: 100%; /* preenche o container sem distorcer */
    object-fit: cover; /* mantém proporção e centraliza o conteúdo */
  }

  .info-diretor {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
  }

  .local-diretor p,
  .local-secretaria p {
    margin-right: 0 !important;
    text-align: center;
    font-size: 14px;
  }

  .content-secretaria {
    flex-direction: column;
    gap: 20px;
    margin: 30px auto !important;
  }

  .cada-secretaria {
    width: 100% !important;
    margin-bottom: 30px;
  }

  .img-secretaria {
    width: 100%;
    max-width: 230px; /* limite máximo da imagem */
    aspect-ratio: 1 / 1; /* garante que seja quadrada para virar círculo */
    border-radius: 50%; /* deixa circular */
    overflow: hidden;
    margin: 0 auto;
  }

  .img-secretaria img {
    width: 100%;
    height: 100%; /* preenche o container sem distorcer */
    object-fit: cover; /* mantém proporção e centraliza o conteúdo */
  }

  .info-secretaria {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
  }

  .nome-secretaria h4 {
    margin: 0 !important;
  }
}

.text-secretaria {
  margin-top: 60px !important;
}
.content-secretaria {
  margin-bottom: 60px !important;
}
.cada-secretaria {
  width: calc(100% / 4);
}

.info-secretaria {
  width: 230px;
  margin: auto;
  text-align: center;
}

.load-post,
#totop {
  display: none;
}
#totop {
  display: none;
  transform: rotate(180deg);
  margin: 0 20px;
}
#button-load {
  text-decoration: none;
  transition: 0.5s;
}
#button-load:focus {
  color: transparent !important;
}
#button-load .seta-baixo,
#totop .seta-baixo {
  fill: #000;
  transition: 0.5s;
}
#button-load:hover .seta-baixo,
#totop:hover .seta-baixo {
  transition: 0.5s;
  fill: var(--secondary);
}
.img-historia {
  width: 560px;
  height: 362px;
  max-width: 100%;
  border-radius: 30px;
}
.img-historia img {
  width: 560px;
  height: 362px;
  max-width: 100%;
  object-fit: cover;
  border-radius: 30px;
}
.resumo-historia {
  width: 500px;
  max-width: 100%;
}
.resumo {
  padding: 40px 60px;
}
.resumo h1 {
  font-family: "Museo 500";
  font-size: 30px;
  color: #000;
}
.resumo p {
  font-family: "Avenir Roman";
  font-size: 18px;
  color: #333;
}
.fancybox-opened {
  z-index: 99999999 !important;
  width: auto !important;
  max-width: 100%;
  height: auto !important;
}
.fancybox-inner {
  overflow: hidden !important;
  width: 1000px !important;
  height: 600px !important;
}
.fancybox-inner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-boletins .fancybox-inner img,
.home .fancybox-inner img {
  width: 100%;
  height: auto;
  object-fit: initial;
  max-height: 5000px !important;
}
.page-template-page-boletins .fancybox-inner,
.home .fancybox-inner {
  overflow: auto !important;
}
.fancybox-opened .fancybox-skin {
  height: 100% !important;
  width: 100% !important;
}
#fancybox-buttons.top {
  display: none !important;
}
.fancybox-overlay {
  z-index: 999999 !important;
}
.cada-historia {
  margin: 40px 0;
}
.button-mais {
  margin: 40px auto !important;
}
#timeline {
  margin-top: 20px;
}
.title-500 h1 {
  font-family: "Museo 500";
  color: #050505;
  font-size: 35px;
}
#page-historia p,
#single-historia p {
  font-family: "Avenir Roman";
  font-size: 18px;
  color: #333;
}
#page-historia,
#single-historia {
  margin-top: 80px;
}
.cada-historia:nth-child(2n) .content-cada-historia {
  flex-direction: row-reverse;
}
.content-galeria-historia {
  margin: 40px auto !important;
}
.cada-img-galeria {
  width: 350px;
  height: 220px;
  max-width: 100%;
  border-radius: 30px;
  margin-bottom: 30px !important;
  margin: 0;
}
.cada-img-galeria img {
  width: 350px;
  height: 220px;
  max-width: 100%;
  border-radius: 30px;
  object-fit: cover;
  filter: grayscale(1);
  transition: 0.5s;
}
.cada-img-galeria a {
  transition: 0.5s;
  text-decoration: none;
}
.cada-img-galeria a:focus {
  color: none;
}
.cada-img-galeria a:hover img {
  filter: grayscale(0);
  transition: 0.5s;
}
.voltar {
  margin-bottom: 40px;
}
.content-galeria-historia:after {
  content: "";
  width: 350px;
  max-width: 100%;
}
.content-filtro-historia {
  width: 800px;
  max-width: 100%;
  margin: auto;
}
#filtro-documentos {
  margin: 40px 0;
}
.cada-doc {
  width: fit-content;
  max-width: 100%;
  margin-bottom: 30px;
}
.cada-doc .button-post {
  margin: 0;
  margin-top: 15px !important;
}
.title-data-documentos h1 {
  font-family: "Museo 900";
  font-size: 22px;
  color: #050505;
  margin: 0;
}
.title-data-documentos span {
  font-family: "Museo 300";
  font-size: 14px;
  color: #333;
}
.temas-documentos span {
  font-family: "Museo 300";
  font-size: 14px;
  color: #439ec6;
  margin: 10px;
}
.temas-documentos span:first-child {
  margin-left: 0 !important;
}
.pdf,
.doc {
  position: relative;
}
.pdf:after {
  content: url("../images/pdf.svg");
  margin-left: 15px;
  height: 41px;
  position: absolute;
}
.doc:after {
  content: url("../images/doc.svg");
  margin-left: 15px;
  height: 41px;
  position: absolute;
}
.title-data-documentos {
  width: 100%;
}
html {
  scroll-behavior: smooth;
}
.dep {
  width: 420px;
  max-width: 100%;
}
#dep-juridico {
  margin: 60px 0;
}
section#horario {
  width: 100%;
  background-image: linear-gradient(to right, var(--primary), var(--secondary));
  margin: 60px 0;
  display: inline-block;
}
#horario .title-500 h1 {
  color: #fff;
}
.content-atendimento {
  width: 100%;
  display: inline-block;
  padding: 60px 0;
}
.horario {
  margin: 0 auto;
}
.horario h3 {
  font-family: "Museo 500";
  font-size: 30px;
  color: #fff;
  text-align: center;
  margin: 0;
}
.horario p {
  font-size: "Avenir Roman";
  font-size: 20px;
  color: #fff;
  text-align: center;
}
.cada-horario {
  width: calc(100% / 3);
}
.content-horario {
  padding: 30px 0;
}
.borda-horario {
  width: 75%;
  margin: auto;
  height: 1px;
  background-color: #fff;
  margin-bottom: 30px;
}
.content-text-horario p {
  font-size: "Avenir Roman";
  font-size: 20px;
  color: #fff;
}
#relacionados {
  padding: 60px 0;
  width: 100%;
  display: inline-block;
  background-color: #f2f9fc;
}
#relacionados .title-noticia h1 {
  font-size: 30px;
}
.cada-relacionado {
  width: calc(100% / 2);
}
p {
  font-family: "Avenir Roman";
  font-size: 18px;
  color: #333;
}
.cada-relacionado .title-noticia {
  max-height: unset !important;
}
.cada-relacionado a:hover h1 {
  transition: 0.5s;
  color: var(--secondary);
}
.cada-relacionado a {
  transition: 0.5s;
  text-decoration: none;
}
.cada-relacionado .title-noticia h1 {
  transition: 0.5s;
}
.cada-medico {
  width: 250px;
  margin: 10px 0;
}
.img-medico {
  width: 234px;
  height: 234px;
  margin: auto;
  border-radius: 100%;
}
.img-medico img {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  object-fit: cover;
}
.nome-funcao-medico {
  padding: 0 15px;
}
.nome-funcao-medico h3 {
  font-family: "Museo 900";
  font-size: 20px;
  color: #000;
}
.nome-funcao-medico p {
  color: #050505;
  text-align: center;
}
.content-medicos:after {
  content: "";
  width: 250px;
}
.content-text-horario {
  width: 990px;
  margin: auto;
  max-width: 100%;
}
.container-galeria-med {
  width: 650px;
  max-width: 100%;
  height: 450px;
  border-radius: 30px;
}
.content-text-salas {
  width: 470px;
  max-width: 100%;
  margin: 0 auto;
  margin-right: 145px;
}
.cada-sala {
  margin: 50px 0;
}
.cada-sala:nth-child(2n) {
  flex-direction: row-reverse;
}
.cada-sala:nth-child(2n) .content-text-salas {
  margin-left: 145px;
  margin-right: auto;
}
.slide-galeria-med img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-pagination.pagination-galeria-med.swiper-pagination-clickable.swiper-pagination-bullets {
  bottom: 15px !important;
}
#dep-medico,
#dep-aposentados {
  margin: 60px 0;
}
.horario h3:before {
  content: url("../images/relogio.svg");
  margin-right: 15px;
}
#dep-aposentados .cada-horario {
  width: 100%;
}
.coluna-esquerda {
  width: 47%;
  margin-right: auto;
}
.coluna-direita {
  width: 47%;
}
#convenios,
#colonia-ferias,
#festas-lazer {
  margin: 60px 0;
}
#convenios p strong {
  font-family: "Museo 900";
  color: #000;
  padding-left: 0;
}
#convenios .content-colunas p {
  padding-left: 15px;
}
#convenios .content-colunas a {
  transition: 0.5s;
  text-decoration: none;
}
#convenios .content-colunas a:hover {
  transition: 0.5s;
  color: var(--secondary);
}
#colonia-ferias .cada-horario {
  width: calc(100% / 2);
}
.page-id-134 #colonia-ferias .cada-horario {
  width: calc(100% / 3);
}
#festas-lazer #galeria-historia {
  margin-top: 60px;
}
.page-id-232 .cada-img-galeria:first-child,
.page-id-232 .cada-img-galeria:first-child img {
  width: 100%;
  height: 300px;
}
#colonia-ferias .horario h3:before {
  display: none;
}
.button-acordos {
  width: 200px;
  height: 50px;
  background-color: var(--secondary);
  border-radius: 30px;
  transition: 0.5s;
}
.button-acordos p {
  font-family: "Museo 700";
  color: #fff;
  transition: 0.5s;
}
.content-button-acordos a {
  text-decoration: none;
  transition: 0.5s;
  border-radius: 30px;
}
.content-button-acordos a:hover p {
  transition: 0.5s;
  color: var(--secondary);
}
.content-button-acordos a:hover .button-acordos {
  border: 2px solid var(--secondary);
  background-color: #fff;
  transition: 0.5s;
}
#acordos-fabrica {
  margin: 70px 0;
}
.img-post {
  width: 360px;
  max-width: 100%;
}
.img-post img {
  width: 360px;
  max-width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 30px;
}
.text-post {
  width: 490px;
  max-width: 100%;
  margin-left: 25px;
}
.title-post h1 {
  font-family: "Museo 900";
  color: #050505;
  font-size: 25px;
  margin: 0;
}
.resumo-post p {
  margin: 5px 0;
}
.cada-post {
  margin-bottom: 30px;
}
.cada-post:first-child .img-post {
  width: 500px;
  max-width: 100%;
}
.cada-post:first-child .img-post img {
  max-width: 100%;
  width: 500px;
  height: 370px;
  object-fit: cover;
}
.cada-post:first-child .title-post h1 {
  font-size: 35px;
  line-height: 39px;
}
.cada-post:first-child .text-post {
  width: 500px;
  max-width: 100%;
}
.img-autor {
  width: 115px;
  height: 115px;
  margin: 0 30px;
  border-radius: 100%;
}
.img-autor img {
  width: 115px;
  height: 115px;
  object-fit: cover;
  border-radius: 100%;
}
.autor-data-post {
  width: 840px;
  max-width: 100%;
  margin-right: auto;
  border-bottom: 1px solid #f1f1f1;
}
.nome-autor span {
  font-family: "Museo 100";
  color: #050505;
  font-size: 14px;
}
.nome-autor h3 {
  font-family: "Museo 700";
  font-size: 18px;
  color: var(--secondary);
  margin: 0;
}
.autor-data-post .cat-date-noticia p {
  margin: 0;
}
#single-posts {
  margin-top: 20px;
}
#single-posts .wrapper h2 {
  font-family: "Museo 900";
  color: #050505;
  font-size: 30px;
  margin: 0;
  margin-bottom: 30px !important;
}
#single-posts .wrapper img {
  /* width: 100%;
  height: auto;*/
  border-radius: 20px;
}
#single-posts .wrapper h3 {
  font-family: "Museo 700";
  font-size: 20px;
  color: var(--primary);
}
#single-posts .wrapper h3:before {
  content: "|";
  font-size: 21px;
  color: var(--secondary);
  margin-right: 10px;
}
.rodape-post span {
  font-size: "Museo 100";
  color: #050505;
  font-size: 14px;
}
.rodape-post a {
  font-family: "Museo 700";
  font-size: 14px;
  margin-left: 5px;
  transition: 0.5s;
  color: #000;
  text-decoration: none;
}
.rodape-post a:hover {
  transition: 0.5s;
  color: var(--secondary);
}
.rodape-single .button-post,
.rodape-single .voltar {
  margin-bottom: 0;
}
.data-post {
  margin-top: 12px;
}
.rodape-single {
  padding: 30px 15px !important;
  margin: 30px auto;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.addtoany_list a img {
  filter: brightness(0);
}
.addtoany_list {
  margin: auto;
  width: fit-content;
  display: flex !important;
}
.widgettitle {
  border-bottom: 0 !important;
  text-align: center;
  font-size: "Museo 100";
  color: #050505;
  font-size: 18px;
}
.addtoany_list a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
}
.sidebar {
  margin-top: 0 !important;
  margin-bottom: 30px;
}
#relacionados .title {
  margin: 0;
  width: 100%;
}
#relacionados .title h1 {
  text-align: center;
}
.title-logo h1 {
  font-size: 16px;
  transition: 0.2s;
  font-family: "Museo 900";
  color: var(--secondary);
}
.title-logo {
  width: 70%;
  transition: 0.2s;
  margin-left: auto;
}
#logo {
  width: 50%;
}
.header .title-logo {
  width: 85%;
}
.header #logo {
  width: 40%;
}
.title-300 h1 {
  font-family: "Museo 300";
  font-size: 40px;
  color: #050505;
  margin: 20px auto;
}
.imagem-boletim img {
  width: 100%;
  height: auto;
}
.imagem-boletim {
  width: 202px;
  margin-right: 30px;
}
/* .title-boletim {
  width: 100%;
  max-width: 450px;
} */
.title-boletim {
  width: 100%;
  max-width: 450px;
}

@media (max-width: 768px) {
  /* ajusta para telas menores, ex: mobile */
  .title-boletim {
    display: flex;
    flex-direction: column;
    justify-content: center; /* centraliza verticalmente */
    align-items: center; /* centraliza horizontalmente */
  }
  .title-boletim h1 {
    text-align: center;
  }
}

.title-boletim img {
  display: none;
}
.title-boletim h1 {
  font-family: "Museo 900";
  font-size: 28px;
  color: #050505;
}
.cada-boletim {
  margin: 20px 0;
}
.buttons-pdf {
  width: 120px;
}
.baixar-pdf svg {
  margin-left: 5px;
  margin-right: 9px;
}
.ler-online svg {
  margin-right: 6px;
}
.baixar-pdf a,
.ler-online a {
  font-family: "Museo 700";
  font-size: 18px;
  transition: 0.5s;
  text-decoration: none;
  color: #050505;
}
.baixar-pdf a:hover,
.ler-online a:hover {
  transition: 0.5s;
  color: var(--secondary);
}
.baixar-pdf a:hover .cls-1,
.ler-online a:hover .cls-1 {
  transition: 0.5s;
  fill: var(--secondary);
}
section#boletins {
  margin: 60px 0;
}
.img-coluna {
  width: 560px;
  max-width: 100%;
  height: 300px;
  border-radius: 30px;
}
.img-coluna img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  object-fit: cover;
}
.text-coluna {
  width: 600px;
  margin-right: auto;
  height: 300px;
  max-width: 100%;
}
.resumo-coluna .nome-autor h3 {
  font-size: 15px;
  color: #000;
}
.resumo-coluna .img-autor img {
  width: 40px;
  height: 40px;
}
.resumo-coluna .img-autor {
  width: 40px;
  height: 40px;
  margin-left: 0;
  margin-right: 15px;
}
.resumo-coluna p {
  font-family: "Avenir Roman";
  font-size: 18px;
  color: #333;
}
.title-coluna h1 {
  font-family: "Museo 900";
  font-size: 25px;
  margin: 0;
  color: #050505;
}
.resumo-coluna .button-post {
  margin-top: 22px;
  margin-left: auto;
}
.cada-coluna {
  margin-bottom: 30px;
}
.cada-coluna:nth-child(2n) .coluna {
  flex-direction: row-reverse;
}
.cada-coluna:nth-child(2n) .text-coluna {
  margin-right: 0;
  margin-left: auto;
}
.cada-cat a:hover {
  transition: 0.5s;
  color: #000;
}
section#single-posts h1 {
  font-family: "Museo 900";
  font-size: 30px;
  color: #050505;
}
.content-title-galeria {
  width: 50%;
  height: 300px;
}
.cada-galeria a {
  transition: 0.5s;
  text-decoration: none;
}
.cada-galeria a:hover {
  text-decoration: underline;
  transition: 0.5s;
  text-decoration-color: var(--secondary);
}
.title-galeria {
  padding: 0 100px;
}
.title-galeria h1 {
  font-family: "Museo 900";
  font-size: 30px;
  color: #050505;
  text-align: center;
}
.img-galeria {
  width: 50%;
  height: 300px;
  border-radius: 30px;
}
.img-galeria img {
  width: 100%;
  border-radius: 30px;
  height: 100%;
  object-fit: cover;
}
.cada-galeria:nth-child(2n) .content-title-galeria {
  order: 2;
}
.cada-galeria {
  margin: 30px 0;
}
#galeria {
  margin: 60px 0;
}
.dep p {
  margin: 0;
  font-family: "Museo 100";
  color: #fff;
  font-size: 18px;
  padding-left: 5px;
}
section#galeria-fotos {
  margin: 60px 0;
}
section#galeria-videos {
  margin-bottom: 60px;
}
.cada-video iframe {
  width: 100% !important;
  border-radius: 30px;
}
.cada-video {
  width: 50%;
  height: 315px;
  margin-bottom: 30px !important;
  max-width: 560px;
}
.content-videos:after {
  content: "";
  width: 560px;
}
.content-galeria:after {
  content: "";
  width: 350px;
}
#contato {
  margin-top: 60px;
}
.fixo,
.celular {
  width: 300px;
}
.fixo a,
.celular a {
  font-family: "Museo 500";
  font-size: 30px;
  transition: 0.5s;
  display: flex;
  align-items: center;
  color: #050505;
  text-decoration: none;
}
.fixo a:hover,
.celular a:hover {
  transition: 0.5;
  color: var(--secondary);
}
.fixo img,
.celular img {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}
.form-contato h1 {
  margin: 60px 0;
}
div#wpcf7-f326-p324-o1 input {
  height: 50px;
  background-color: #f5f5f5;
  margin: 10px 0;
  color: #050505;
  padding: 0 20px;
  border-radius: 25px;
}
div#wpcf7-f326-p324-o1 input::placeholder {
  font-family: "Museo 500";
  font-size: 20px;
  color: #050505;
}
div#wpcf7-f326-p324-o1 p {
  margin: 0;
}
textarea {
  max-width: 100%;
  min-height: 186px;
  line-height: 1.5em;
  padding: 10px 20px;
  border-radius: 25px;
  margin: 0;
}
div#wpcf7-f326-p324-o1 textarea::placeholder {
  font-family: "Museo 500";
  font-size: 20px;
  color: #050505;
}
div#wpcf7-f326-p324-o1 .ddd {
  width: 20%;
}
div#wpcf7-f326-p324-o1 .ddd input,
div#wpcf7-f326-p324-o1 .fixo input,
div#wpcf7-f326-p324-o1 .celular input {
  margin: 5px 0;
}
div#wpcf7-f326-p324-o1 .fixo,
div#wpcf7-f326-p324-o1 .celular {
  width: 39%;
}
input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  height: 50px;
  border-radius: 30px;
  border: 0;
  color: #fff !important;
  font-family: "Museo 700";
  font-size: 18px;
  background: var(--primary) !important;
  outline: none !important;
  transition: 0.5s;
  margin: 0 auto;
}
input.wpcf7-form-control.wpcf7-submit:hover {
  background: #fff !important;
  color: var(--primary) !important;
  border: 3px solid var(--primary);
  transition: 0.5s;
}
.content-redes-contato {
  background-image: linear-gradient(to right, var(--secondary), var(--primary));
  width: 100%;
  display: inline-block;
}
.title-redes h1 {
  color: #fff;
}
.redes-contato {
  width: 30%;
}
.title-redes {
  width: 50%;
}
.redes-contato .cls-1 {
  fill: #fff;
}
.mapa {
  width: 100%;
  height: 495px;
}
.mapa iframe {
  width: 100% !important;
  height: 495px !important;
}
.content-boletim-home .content-link-archive {
  width: 100%;
  max-width: 400px;
}
section#guia,
section#socio {
  width: 100%;
  display: inline-block;
  height: 370px;
  position: relative;
  margin-bottom: -6px;
}
section#socio img {
  width: 50%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: 1;
  right: 0;
}
section#guia img {
  width: 50%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: 1;
}
.filter-socio {
  position: absolute;
  z-index: 2;
  background: linear-gradient(
    0.25turn,
    #ed5e72,
    #ed5e72,
    #ed5e72,
    #ed5e72,
    transparent
  );
  width: 67%;
  height: 100%;
  left: 0;
}
.filter-guia {
  position: absolute;
  z-index: 2;
  background: linear-gradient(
    0.25turn,
    transparent,
    #439ec6,
    #439ec6,
    #439ec6,
    #439ec6
  );
  width: 70%;
  height: 100%;
  right: 0;
}
.title-guia {
  z-index: 10;
  width: 45%;
  margin-top: 20px;
}
.title-socio {
  z-index: 10;
  width: 47%;
  margin-top: 15px;
}
.img-guia,
.img-socio {
  width: 100%;
  height: 100%;
  z-index: 10;
}
.title-guia h1,
.title-socio h1 {
  font-family: "Museo 900";
  font-size: 45px;
  color: #fff;
}
.title-socio p {
  font-family: "Museo 900";
  font-size: 20px;
  color: #fff;
  margin: 0;
}
.button-guia {
  margin-top: 60px;
  width: 200px;
  height: 50px;
  transition: 0.5s;
  border-radius: 30px;
  background-color: var(--secondary);
}
.button-guia a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-family: "Museo 700";
  font-size: 18px;
  color: #fff;
  transition: 0.5s;
}
.button-guia a:hover {
  transition: 0.5s;
  color: var(--secondary);
}
.button-guia:hover {
  transition: 0.5s;
  border: 3px solid var(--secondary);
  background-color: #fff;
}
.button-socio {
  margin-top: 45px;
  width: 200px;
  height: 50px;
  transition: 0.5s;
  border-radius: 30px;
  background-color: var(--primary);
}
.button-socio a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-family: "Museo 700";
  font-size: 18px;
  color: #fff;
  transition: 0.5s;
}
.button-socio a:hover {
  transition: 0.5s;
  color: var(--primary);
}
.button-socio:hover {
  transition: 0.5s;
  border: 3px solid var(--primary);
  background-color: #fff;
}
section#boletim-home {
  margin-bottom: 30px;
}
.basic-yop-poll-container {
  background-color: transparent !important;
  border: none !important;
}
#enquete {
  width: 100%;
  display: inline-block;
  background-image: linear-gradient(to right, var(--secondary), var(--primary));
}
.basic-question-title h5 {
  font-family: "Museo 900" !important;
  font-size: 35px !important;
  color: #fff !important;
  font-weight: bold !important;
  text-transform: none !important;
  margin-bottom: 30px !important;
}
.basic-answer-content.basic-text-horizontal {
  width: 88%;
}
span.basic-text {
  font-size: 18px !important;
  font-family: "Avenir Roman" !important;
  color: #fff !important;
  font-weight: normal !important;
}
label.basic-gdpr-consent-text {
  font-size: 17px !important;
  font-family: "Avenir Roman" !important;
  color: #fff !important;
  font-weight: normal !important;
}
#enquete .title h1 {
  margin-bottom: 0;
  color: #fff;
}
a.button.basic-vote-button {
  background: #046793 !important;
  border: unset !important;
  border-style: unset !important;
  border-color: unset !important;
  padding: 13px 73px !important;
  color: #ffffff;
  font-size: 17px !important;
  border-radius: 30px !important;
  font-weight: normal !important;
  font-family: "Museo 700";
  transition: 0.5s;
  margin-right: 0 !important;
}
a.button.basic-vote-button:hover {
  background: #fff !important;
  border: 3px solid #046793 !important;
  color: #046793 !important;
  transition: 0.5s;
}
.basic-yop-poll-container .basic-vote {
  margin-right: unset !important;
  display: flex !important;
  justify-content: center;
}
.col-md-12 {
  margin-bottom: 30px;
}
header.error-page {
  height: 50vh;
}
.archive-title span {
  font-family: "Museo 900";
  font-size: 40px;
}
.search-title a {
  transition: 0.5s;
  color: #050505;
  font-size: 25px;
}
.search-title a:hover {
  transition: 0.5s;
  color: var(--secondary);
}
#page-search {
  margin-bottom: 60px;
}
.pop-up-fora {
  -webkit-box-align: center;
  align-items: center;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999999999 !important;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.fecha-pop-up {
  position: absolute;
  z-index: 999;
  right: 0;
  width: 30px;
  display: flex;
  justify-content: center;
  height: 30px;
  align-items: center;
  cursor: pointer;
}
.fecha-pop-up span {
  font-size: 20px;
  color: #000;
  font-family: "Museo 900";
  font-weight: bold;
}
.pop-up-conteudo {
  width: 98%;
  max-width: 550px;
  position: relative;
  display: -webkit-box;
  display: flex;
  pointer-events: auto;
}
.pop-up-conteudo img {
  width: 100%;
  height: auto;
}
.whats a:before {
  content: "";
  background: url(../images/contato-celular.png) no-repeat center left;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 13px;
  background-size: 100%;
  position: relative;
  top: 6px;
}
.whats {
  padding: 0 2em;
  color: #000;
}
.whats h3 {
  margin-bottom: 4px;
  font-weight: 600;
  margin-top: 29px;
}
.whats p {
  margin-top: 0 !important;
}
.title-noticia a {
  text-decoration: none;
}
.title-post a {
  text-decoration: none;
}
.nome-diretor2 h4 {
  font-family: "Museo 900";
  font-size: 20px;
  color: #000;
  text-align: center;
  margin-bottom: 10px !important;
  margin-right: 2px !important;
}

.local-diretor p {
  font-family: "Museo 500";
  font-size: 16px;
  color: #333;
  text-align: center;
  margin-top: 5px !important;
}

.t-white,
.t-white a,
.t-white h2,
.t-white h1,
.t-white h3,
.t-white h1.page-title {
  color: #fff;
}
.center {
  text-align: center;
}
/* LAYOUT & GRID STYLES */
.wrap {
  width: 96%;
  margin: 0 auto;
}

/* H1, H2, H3, H4, H5 STYLES */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
  text-decoration: none;
}
h1,
.h1 {
  font-size: 2.5em;
  line-height: 1.333em;
}
h2,
.h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}
h3,
.h3 {
  font-size: 1.125em;
}
h4,
.h4 {
  font-size: 1.1em;
  font-weight: 700;
}
h5,
.h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/* NAVIGATION STYLES */
.nav {
  border-bottom: 0;
  margin: 0;
}
.nav li {
}
.nav li a {
  display: block;
  color: black;
  text-decoration: none;
  padding: 0.75em;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  padding-left: 30px;
}
/* POSTS & CONTENT STYLES */
#content {
}
.hentry {
  border-radius: 0;
  margin-bottom: 0;
}
.hentry header {
  padding: 0;
}
.hentry footer {
  padding: 0;
}
.hentry footer p {
  margin: 0;
}
.single-title,
.page-title,
.entry-title {
  margin: 0;
}
.byline {
  color: #9fa6b4;
  font-style: italic;
  margin: 0;
}
.entry-content {
  padding: 0;
}
.entry-content p {
  margin: 0 0 1.5em;
}
.entry-content table {
  width: 100%;
  border: 1px solid #eaedf2;
  margin-bottom: 1.5em;
}
.entry-content table caption {
  margin: 0 0 7px;
  font-size: 0.75em;
  color: #9fa6b4;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.entry-content tr {
  border-bottom: 1px solid #eaedf2;
}
.entry-content tr:nth-child(even) {
  background-color: #f8f9fa;
}
.entry-content td {
  padding: 7px;
  border-right: 1px solid #eaedf2;
}
.entry-content td:last-child {
  border-right: 0;
}
.entry-content th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #eaedf2;
  border-right: 1px solid #eaedf2;
}
.entry-content th:last-child {
  border-right: 0;
}
.entry-content blockquote {
  padding: 0;
  font-style: italic;
  font-size: 20px;
  max-width: 800px;
  margin: 1em auto;
}
.entry-content blockquote p {
  margin: 1em 0 !important;
}
.entry-content blockquote:before {
  content: "";
  background: url(../images/abre-aspa.png) no-repeat center center;
  display: inline-block;
  width: 100%;
  height: 32px;
}
.entry-content blockquote:after {
  content: "";
  background: url(../images/fecha-aspa.png) no-repeat center center;
  display: inline-block;
  width: 100%;
  height: 32px;
}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
.entry-content iframe {
  max-width: 100%;
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #323944;
  color: #f8f9fa;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px;
}
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}
.tags {
  margin: 0;
}
/* PAGE NAVI STYLES */
.pagination,
.wp-prev-next {
  margin: 1.5em 0;
}
.pagination {
  text-align: center;
}
.pagination ul {
  display: inline-block;
  background-color: white;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 3px;
}
.pagination li {
  padding: 0;
  margin: 10px 5px;
  width: 40px;
  border-radius: 100%;
  height: 40px;
  color: #008ac7;
  float: left;
  display: inline;
}
.pagination a,
.pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  display: block;
  padding: 6px 0 0;
  color: #008ac7;
  width: 40px;
  height: 40px;
  transition: 0.2s;
  border: 2px solid #008ac7;
  border-radius: 100%;
}
.pagination a:hover,
.pagination a:focus,
.pagination span:hover,
.pagination span:focus {
  background-color: #008ac7;
  color: white;
}
.pagination .current {
  cursor: default;
  color: #fff;
  background: #008ac7;
}
.pagination .current:hover,
.pagination .current:focus {
  cursor: default;
  color: #fff;
  background: #008ac7;
}
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}
a.next:before {
  content: "\f054";
  font-family: "FontAwesome";
}
a.prev:before {
  content: "\f053";
  font-family: "FontAwesome";
}
/* COMMENT STYLES */
#comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #f8f9fa;
}
.commentlist {
  margin: 0;
  list-style-type: none;
}
.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #f8f9fa;
}
.comment .comment-author {
  padding: 7px;
  border: 0;
}
.comment .vcard {
  margin-left: 50px;
}
.comment .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.comment .vcard time {
  display: block;
  font-size: 0.9em;
  font-style: italic;
}
.comment .vcard time a {
  color: #9fa6b4;
  text-decoration: none;
}
.comment .vcard time a:hover {
  text-decoration: underline;
}
.comment .vcard .avatar {
  position: absolute;
  left: 16px;
  border-radius: 50%;
}
.comment:last-child {
  margin-bottom: 0;
}
.comment .children {
  margin: 0;
}
.comment[class*="depth-"] {
  margin-top: 1.1em;
}
.comment.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.comment:not(.depth-1) {
  margin-top: 0;
  margin-left: 7px;
  padding: 7px;
}
.comment.odd {
  background-color: white;
}
.comment.even {
  background: #f8f9fa;
}
.comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
.comment-reply-link {
  font-size: 0.9em;
  float: right;
}
.comment-edit-link {
  font-style: italic;
  margin: 0 7px;
  text-decoration: none;
  font-size: 0.9em;
}
/* COMMENT FORM STYLES */
.comment-respond {
  padding: 1.5em;
  border-top: 1px solid #f8f9fa;
}
#reply-title {
  margin: 0;
}
.logged-in-as {
  color: #9fa6b4;
  font-style: italic;
  margin: 0;
}
.logged-in-as a {
  color: #5c6b80;
}
.comment-form-comment {
  margin: 1.5em 0 0.75em;
}
.form-allowed-tags {
  padding: 1.5em;
  background-color: #f8f9fa;
  font-size: 0.9em;
}
#submit {
  float: right;
  font-size: 1em;
}
#comment-form-title {
  margin: 0 0 1.1em;
}
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}
.nocomments {
  margin: 0 20px 1.1em;
}
/* SIDEBARS & ASIDES */
.widget ul li {
}
.no-widgets {
  background-color: white;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #cccccc;
  border-radius: 2px;
  margin-bottom: 1.5em;
}
/* FOOTER STYLES */
.footer {
  clear: both;
  background-color: #323944;
  color: #f8f9fa;
}
/* LARGER MOBILE DEVICES */
@media only screen and (min-width: 481px) {
  /* NAVIGATION STYLES */
  .menu {
  }
  .menu ul {
  }
  .menu ul li {
  }
  .menu ul li a {
  }
  /* POSTS & CONTENT STYLES */
  .entry-content {
  }
  .entry-content .alignleft,
  .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright,
  .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter,
  .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
}

/* TABLET & SMALLER LAPTOPS */
@media only screen and (min-width: 768px) {
  .wrap {
    width: 960px;
    max-width: 100% !important;
  }
  .nav {
    border: 0;
  }
  .nav ul {
    background: #323944;
    margin-top: 0;
  }
  .nav li {
    float: left;
    position: relative;
  }
  .nav li a {
    border-bottom: 0;
  }
  .nav li a:hover,
  .nav li a:focus {
    color: white;
    text-decoration: underline;
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    margin-top: 0;
    border: 1px solid #ccc;
    border-top: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8999;
    transition: 0.3s;
    opacity: 0;
  }
  .nav li ul.sub-menu li,
  .nav li ul.children li {
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    width: 180px;
    border-bottom: 1px solid #ccc;
  }
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li ul.sub-menu li ul,
  .nav li ul.children li ul {
    top: 0;
    left: 100%;
  }
  .nav li:hover > ul {
    top: auto;
    visibility: visible;
    opacity: 1;
  }
  .sidebar {
    margin-top: 2.2em;
  }
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }
  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  .widget ul li {
    margin-bottom: 0.75em;
  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
  .footer-links ul li {
  }
}

/* DESKTOP */
@media only screen and (min-width: 1030px) {
  .wrap {
    width: 1200px;
    max-width: 100%;
  }
  #shiftnav-toggle-main {
    display: none;
  }
  .shiftnav-wrap {
    padding-top: 0 !important;
  }
  .shiftnav-disable-shift-body {
    padding-top: 0 !important;
  }
}

/* LARGE VIEWING SIZE */
@media only screen and (min-width: 1240px) {
}

/*IPHONE 6, Galaxy S5, Nexus 5X*/
@media only screen and (max-width: 414px) {
}
@media only screen and (min-width: 376px) and (max-width: 667px) {
}
/*IPHONE 4s, 5*/
@media only screen and (max-width: 320px) {
}
@media only screen and (min-width: 321px) and (max-width: 568px) {
}
@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 1024px) {
  #logo {
    float: none;
  }
  .header {
    text-align: center;
  }
  .banner-page {
    height: 53vh;
  }
  #newslatter .button-enviar {
    margin-top: 15px !important;
  }
  .img-historia {
    width: 400px;
    height: 260px;
  }
  .img-historia img {
    width: 400px;
    height: 260px;
  }
  .borda-horario {
    width: 85%;
  }
  .content-text-horario {
    width: 85%;
  }
  .container-galeria-med {
    width: 500px;
    height: 350px;
  }
  .content-text-salas {
    width: 400px;
    margin-right: auto;
  }
  .cada-sala:nth-child(2n) .content-text-salas {
    margin-left: auto;
  }
  .cada-post:first-child .title-post h1 {
    font-size: 28px;
    line-height: 33px;
  }
  .cada-post:first-child .img-post {
    width: 400px;
    max-width: 100%;
  }
  .cada-post:first-child .img-post img {
    width: 400px;
    height: 300px;
  }
  .autor-post {
    margin-bottom: 30px;
  }
  .autor-data-post {
    width: 700px;
  }
  .cada-noticia:first-child {
    width: 440px;
  }
  .title-noticia h1 {
    font-size: 27px;
    line-height: 34px;
  }
  .img-coluna,
  .text-coluna,
  .cada-coluna:nth-child(2n) .text-coluna {
    margin: auto;
  }
  .autor-coluna {
    margin-bottom: 10px;
  }
  .cada-noticia:nth-child(4n) {
    width: 445px;
  }
  .title-socio p {
    font-size: 16px;
  }
  .content-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .fancybox-inner {
    width: 100% !important;
    height: 500px !important;
  }
  .fancybox-opened .fancybox-skin {
    width: 98% !important;
  }
  .sub-menu li:first-child:after {
    display: none;
  }
}

/* MOBILE */
@media only screen and (max-width: 768px) {
  .wrap {
    max-width: 95% !important;
  }
  .cada-diretor {
    width: calc(100% / 2);
  }
  .cada-secretaria {
    width: calc(100% / 2);
  }
  #newslatter input.nome,
  #newslatter input.telefone,
  #newslatter input.email {
    width: 100%;
  }
  #newslatter span.nome,
  #newslatter span.telefone,
  #newslatter span.email {
    margin: 10px auto;
  }
  .redes {
    margin: auto;
  }
  .content-button {
    width: 424px;
    max-width: 100%;
    margin: auto;
    display: flex;
    flex-flow: column;
  }
  #newslatter .button-enviar {
    margin: auto;
  }
  div.wpcf7 .ajax-loader {
    margin: auto;
  }
  .cada-relacionado {
    width: calc(100% / 1);
    margin: 15px 0;
  }
  .wrapper {
    width: 97%;
  }
  .content-text-salas {
    width: 97%;
  }
  .container-galeria-med {
    width: 97%;
  }
  .cada-sala {
    margin: 15px 0;
  }
  .text-post {
    margin-left: 0;
    margin: 0 auto;
  }
  .img-post {
    margin: 0 auto;
  }
  .cada-noticia:first-child,
  .cada-noticia:nth-child(2n) {
    width: 100%;
  }
  .autor-data-post {
    width: 550px;
    margin: 0 auto;
  }
  .title-banner h1 {
    font-size: 30px;
    line-height: 34px;
  }
  .logotipo {
    width: 105px;
    height: 124px;
  }
  /* REMOVIDO: display:none do menu-redes e menu-principal */
  .title-logo {
    width: 68%;
  }
  #logo {
    width: auto;
  }
}

/* SMALLER MOBILE */
@media only screen and (max-width: 426px) {
  .cada-diretor {
    width: 100%;
  }
  .banner-page {
    height: 22vh;
  }
  .title-page h1,
  .text-diretoria h1 {
    font-size: 35px;
  }
  .text-diretoria h2,
  .text-secretaria h2 {
    font-size: 30px;
  }
  .text-news h1 {
    font-size: 30px;
  }
  .endereco,
  .telefone-footer {
    margin: auto;
    width: 100%;
  }
  .email-footer {
    margin: 20px auto;
    width: 100%;
  }
  .title-500 h1 {
    font-size: 30px;
  }
  .resumo {
    padding: 35px 25px;
  }
  .cada-horario {
    width: 100%;
  }
  .cada-relacionado .title-noticia h1 {
    font-size: 30px;
    line-height: 34px;
  }
  .cada-medico {
    margin: 10px auto;
  }
  .cada-img-galeria {
    margin: 0 auto;
  }
  .coluna-esquerda,
  .coluna-direita {
    width: 100%;
  }
  #colonia-ferias .cada-horario,
  .page-id-134 #colonia-ferias .cada-horario {
    width: 100%;
  }
  .title-banner h1 {
    font-size: 17px;
    line-height: 20px;
  }
  #single-posts .wrapper h2 {
    font-size: 26px;
  }
  .title h1 {
    font-size: 35px;
  }
  .data-post {
    margin-top: 12px;
    margin: 10px auto;
    width: 330px;
    text-align: center;
    max-width: 100%;
  }
  .rodape-single .button-post,
  .rodape-single .voltar {
    margin: auto;
  }
  .nome-autor {
    margin: auto;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .title-noticia {
    overflow: unset;
  }
  /* REMOVIDO: display:none do menu-redes */
  .logotipo {
    width: 70px;
    height: 85px;
  }
  .title-logo {
    width: 80%;
    margin-left: auto;
  }
  /* DIMINUIR tamanho do texto para liberar espaço para o botão */
  .title-logo h1 {
    font-size: 12px;
  }
  #logo {
    width: auto;
  }
}


@media only screen and (max-width: 320px) {
  .resumo {
    padding: 0;
  }
  .cada-post:first-child .title-post h1,
  .title-post h1 {
    font-size: 22px;
  }
  .title h1 {
    font-size: 27px;
  }
  .title-logo h1,
  .header .title-logo h1 {
    font-size: 12px;
    margin-top: 15px;
  }
  .title-logo {
    width: 73%;
    margin-left: auto;
  }
  .header .title-logo {
    width: 78%;
  }
  .title-noticia {
    max-height: unset !important;
  }
  .home-slider,
  .historia-slider {
    height: 20vh;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 0px !important;
  }
  .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
  }
  .basic-question-title h5 {
    font-size: 20px !important;
  }
}

/*CUSTOMIZE SHIFNAV*/

#shiftnav-toggle-main {
  background: transparent !important;
  color: #000;
  z-index: 9999999999999999999 !important;
}
div#shiftnav-main {
  z-index: 99999999999999999 !important;
}
#shiftnav-toggle-main.shiftnav-toggle-edge-right {
  right: 20px !important;
  top: 48px !important;
}
.shiftnav.shiftnav-skin-standard-dark,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
  background: #000;
  color: #fff;
  padding-top: 20px;
}
.shiftnav.shiftnav-skin-standard-dark
  ul.shiftnav-menu
  li.menu-item
  > .shiftnav-target {
  display: block;
  color: #fff;
  border: none !important;
  text-shadow: none;
  font-size: 16px;
}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu {
  color: #fff;
  background: #111;
}
.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark
  ul.shiftnav-menu
  li.menu-item
  > .shiftnav-target:hover,
.shiftnav.shiftnav-skin-standard-dark
  ul.shiftnav-menu
  li.menu-item.shiftnav-active
  > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark
  ul.shiftnav-menu
  li.menu-item.shiftnav-in-transition
  > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark
  ul.shiftnav-menu
  li.menu-item.current-menu-item
  > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark
  ul.shiftnav-menu
  > li.shiftnav-sub-accordion.current-menu-ancestor
  > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark
  ul.shiftnav-menu
  > li.shiftnav-sub-shift.current-menu-ancestor
  > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark
  ul.shiftnav-menu.shiftnav-active-highlight
  li.menu-item
  > .shiftnav-target:active,
.shiftnav.shiftnav-skin-standard-dark
  ul.shiftnav-menu.shiftnav-active-on-hover
  li.menu-item
  > .shiftnav-target:hover {
  color: #fff;
  background: var(--secondary);
  border: none !important;
}
#shiftnav-toggle-main .shiftnav-toggle-burger,
#shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
  padding: 10px 15px !important;
}

/* RETINA (2x RESOLUTION DEVICES) */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
}
/* PRINT STYLESHEET*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
    outline: none;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}

.content-medicos {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* máximo 3 colunas */
  gap: 40px !important;
  justify-items: center !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}

.cada-medico {
  width: 100%;
  max-width: 220px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 2 colunas entre 768px e 900px */
@media (min-width: 768px) and (max-width: 900px) {
  .content-medicos {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.content-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#logo {
  flex: 1;
}

.hamburger { display: none; }
  .hamburger button {
    background: transparent;
    border: 0;
    padding: 8px;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    z-index: 10001; /* sempre acima do overlay */
  }
  .hamburger .bar {
    width: 26px;
    height: 3px;
    border-radius: 2px;
    background: #222;
    display: block;
    transition: transform .25s ease, opacity .25s ease;
  }

  @media (max-width: 767px) {

    .title-logo h1 {
    font-size: 15px; /* ou 14px, ajusta conforme necessário */
    line-height: 1.2;
    margin-left: 5px;
  }

    #inner-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .hamburger {
    display: block !important;
  }
  
    .menu-redes .content-redes { display: none; }

    /* overlay */
    #menu-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.5);
      opacity: 0;
      visibility: hidden;
      transition: opacity .3s ease;
      z-index: 9998;
    }
    #menu-overlay.active {
      opacity: 1;
      visibility: visible;
    }

    /* sidebar */
    #main-nav {
      position: fixed;
      top: 0;
      left: -260px; /* escondido fora da tela */
      width: 260px;
      height: 100%;
      background: #fff;
      box-shadow: 2px 0 10px rgba(0,0,0,0.2);
      transition: left .3s ease;
      z-index: 999999;
      overflow-y: auto;
    }
    #main-nav.active { left: 0; }

    #main-nav .nav {
      display: flex;
      flex-direction: column;
      padding: 20px;
      gap: 12px;
    }
    #main-nav .nav li a {
      display: block;
      padding: 12px;
      font-size: 16px;
      border-bottom: 1px solid #eee;
    }
  }