/**
 * @file
 * Colors and appearance styles.
 *
 * Component styles in this file are simple overrides for easy updating.
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
 */
/*  == Fonts ================================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap');

@font-face {
    font-family: 'Clarendon black';
    src: url(/themes/enfoque/css/fonts/Clarendon/clrndnk-webfont.woff2) format('woff2'),
         url(/themes/enfoque/css/fonts/Clarendon/clrndnk-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
  font-family: 'FontAwesome';
  src: url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/

html {
  font-size: 16px;
}

body {
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
  /**
   * Default font size for site should be set on body element in rem units.
   * This is better for some accessibility technologies. Although it's not true
   * under all circumstances, think of 1rem as being equal to 16px.
   */
  font-size: 1.1rem;
  line-height: 1.4;
  color: #000000;
  background: #ffffff;
}


a {
  color: inherit; /*#00afcd;*/
}

a:focus,
a:hover {
  text-decoration: none;
}

a:active {
  background: #000000;
}

blockquote,
figcaption {
  border-left-color: #bbbbbb;
}

pre,
code {
  color: #ffffff;
}

code {
  border-color: #bbbbbb;
  background: #dee2ea;
}

pre code {
  border-left-color: #bbbbbb;
  background: transparent;
}

code p {
  display: inline;
  margin: 0;
  padding: 0;
}

/**
 * Table tags
 */
td {
  border-color: #dee2ea;
}

th {
  border-right-color: #bbbbbb;
  background: #dee2ea;
}

th:last-child {
  border-right-color: #dee2ea;
}

/* Sort arrow color */
table [aria-sort="descending"] a:after {
  border-top-color: #000000;
}

table [aria-sort="ascending"] a:after {
  border-bottom-color: #000000;
}

/**
 * Fieldsets.
 */
fieldset {
  background-color: #ffffff;
  border-color: #bbbbbb;
}

legend {
  font-size: 1.1875em;
  font-weight: normal;
}

fieldset .fieldset-legend {
  text-transform: uppercase;
}

/**
 * Small Text Components
 */
.marker {
  background: #000000;
}

.more-help-link a:before {
  color: #ffffff;
  background: #06748b;
}

/**
 * Icon - External Link
 * Add following markup:
 * <span class="icon-external-link"><span class="icon-external-link-arrow"></span></span>
 */
.icon-external-link {
  border-color: #06748b;
}

.icon-external-link-arrow {
  background: #06748b;
  /* Should be bg color */
  border-color:  #ffffff;
}

.icon-external-link-arrow:before {
  border-color: #06748b;
}

.icon-external-link-arrow:after {
  border-bottom-color: #06748b;
}

/**
 * Link list arrow color
 */
.links li:before,
.links li:after {
  border-color: #06748b;
}

/**
 * Header Region
 * More layout styles included since they will effected by logo and
 * site name word size
 */
.l-header {
  background: #ffffff;
}

.l-header-inner {
  color: #fffffe;
  padding: 0;
}

@media (min-width: 34em) {
  .l-header-inner {
    min-height: 6.125rem;
    padding-right: .9375rem;
    padding-left: .9375rem;
  }
}

.l-header a {
  color: #fffffe;
  text-decoration: none;
}

.header-menu a:hover,
.l-header a:active {
  text-decoration: underline;
  background: unset;
}

.block-system-header {
  /* Helps center .header-identity-wrapper on smaller screens */
  text-align: center;
}

@media (min-width: 34em) {
  .header-identity-wrapper {
    /* Helps center .header-identity-wrapper on smaller screens */
    display: inline-block;
  }
}

@media (min-width: 48em) {
  .header-identity-wrapper {
    text-align: left;
  }
}

.header-site-name-wrapper {
  font-size: 1.25rem;
}

@media (min-width: 34em) {
  .header-site-name-wrapper {
    font-size: 1.5em;
  }
}

@media (min-width: 62em) {
  .header-site-name-wrapper {
    font-size: 1.75em;
  }
}

.header-logo-wrapper2 { /*anulado*/
  max-width: 6rem;
  height: 3.5rem;
  /* Keeps logo in same container as text but avoids padding */
  margin: -1.25rem 1rem -1rem -1.25rem;
}

@media (min-width: 48em) {
  .header-logo-wrapper2 {
    height: 4.25rem;
    /* Keeps logo in same container as text but avoids padding */
    margin: -1.75rem 1.25rem -1.25rem -1.25rem;
  }
}

.l-header .site-name {
  font-weight: 200;
  text-align: center;
}

.header-site-name-link {
/*  background: #06748b; */
  padding: 1.25rem 1.25rem 1rem;
  line-height: 1.25rem;
  text-align: center;
}

@media (min-width: 34em) {
  .header-site-name-link {
    background: transparent;
    display: inline-block;
  }
}

@media (min-width: 48em) {
  .header-site-name-link {
    padding: 1.75rem 1.25rem 1.25rem; /* Attempts to line up baselines */
  }
}

.header-site-slogan {
  line-height: 1.25rem;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  text-align: center;
}

@media (min-width: 34em) {
  .header-site-slogan {
    height: 3.5rem;
    padding: 1.5625rem 1rem 0.9375rem; /* Attempts to line up baselines */
    float: left;
  }
}

@media (min-width: 48em) {
  .header-site-slogan {
    height: 4.25rem;
    padding: 2.0625rem 1.25rem 0.9375rem; /* Attempts to line up baselines */
    font-size: 1rem;
  }
}

/**
 * Menus in header area
 * More layout styles included since they'll be effected by menu item count
 * and word size
 */
.header-menu {
  /* Center menu at mobile */
  text-align: center;
}

.header-menu > .links {
  /* Center menu at mobile */
  display: inline-block;
}

.l-header .menu,
.l-header .menu > li {
  text-align: left;
}

.l-header .menu > li {
  font-size: 1em;
}

@media (min-width: 34em) {
  .l-header .menu > li {
    font-size: 1.125em;
  }
}

@media (min-width: 62em) {
  .l-header .menu > li {
    font-size: 1.375em;
  }
}

/**
 * Responsive menu styles
 */
.menu-dropdown ul {
  background: rgba(0, 0, 0, 0.25);
  border-bottom-color: #ffffff;
}

.js .menu-dropdown > li {
  border-bottom-color: #bbbbbb;
}

.menu-dropdown a.disabled {
  color: #bbbbbb;
}

@media (min-width: 48em) {
  .menu-dropdown a.disabled {
    color: #bbbbbb;
  }

  .js .menu-dropdown ul ul {
    border-left-color: #ffffff;
  }

  .js .menu-dropdown > li:hover {
    background-color: #000000; /*114a75;*/
  }

  .js .menu-dropdown > li.has-children > a:hover,
  .js .menu-dropdown > li.has-children > a:focus {
    background-color: #cc0014;
  }

  .menu-dropdown a span.sub-arrow {
    border-top-color: #fffffe;
  }

  .menu-dropdown ul {
    background: #ffffff;
  }

  .menu-dropdown ul a,
  .menu-dropdown ul a:hover,
  .menu-dropdown ul a:focus,
  .menu-dropdown ul a:active,
  .menu-dropdown ul a.highlighted {
    color: #fffffe;
  }

  .menu-dropdown ul a:hover,
  .menu-dropdown ul a:focus,
  .menu-dropdown ul a:active,
  .menu-dropdown ul a.highlighted {
    background: #cc0014;
  }

  .menu-dropdown ul a.disabled {
    background: #fffffe;
    color: #000000;
  }

  .menu-dropdown ul a span.sub-arrow {
    border-left-color: #fffffe;
  }

  .menu-dropdown span.scroll-up,
  .menu-dropdown span.scroll-down {
    background: #fffffe;
  }

  .menu-dropdown span.scroll-up:hover,
  .menu-dropdown span.scroll-down:hover {
    background: #000000;
  }

  .menu-dropdown span.scroll-up-arrow,
  .menu-dropdown span.scroll-down-arrow {
    border-bottom-color: #ffffff;
  }

  .menu-dropdown span.scroll-down-arrow {
    border-top-color: #ffffff;
  }

  [dir="rtl"] .menu-dropdown span.sub-arrow {
    border-right-color: #ffffff;
  }
}


/**
 * Footer styles
 */
.l-footer {
  border-top: 0.25rem solid #bbbbbc;
  /* If footer text wraps, remove line-height & add padding styles to blocks */
  line-height: 3;
  padding: 0.5em 0 1em;
  margin: 5em 0 0;
  background-color: #fffeff;
  color: #000100;
}

/**
 * Powered by Backdrop Block
 */
.l-footer .block-system-powered-by a {
  text-decoration: none;
}

.l-footer .block-system-powered-by a:hover {
  text-decoration: underline;
}

.drop-lounging {
  /* To make Drop larger/smaller, adjust the width below. */
  width: 7em;
}

.drop-lounging:before {
  /* Uncomment below to remove Drop, or remove markup from block--system--powered-by.tpl.php */
  /* display: none; */
  background-image: url(/themes/enfoque/images/drop-lounging.png);
}

/**
 * Breadcrumb
 */
.breadcrumb {
  background: #dee2ea;
}

.breadcrumb a {
  color: #010000;
}

/* Arrow color */
.breadcrumb li:after {
  border-color: #ffffff;
}


/**
 * Tabledrag
 */
.draggable a.tabledrag-handle {
  background: #000000;
}

.draggable.drag td:after {
  background: #dee2ea;
  opacity: 0.3;
}

tr.draggable .handle,
tr.draggable .handle .handle-inner {
  background: #000000; /* Resize icon color */
}

tr.draggable .handle:before {
  border-bottom-color: #000000; /* Resize icon color */
}

tr.draggable .handle:after {
  border-top-color: #000000; /* Resize icon color */
}

tr.draggable .handle .handle-inner:before {
  border-left-color: #000000; /* Resize icon color */
}

tr.draggable .handle .handle-inner:after {
  border-right-color: #000000; /* Resize icon color */
}

abbr.tabledrag-changed {
  background: #ff0000;
}

/**
 * Backdrop Form Styles
 */
.form-item-radio label,
.form-radios label,
.form-item-checkbox label,
.form-checkboxes label {
  font-weight: 400;
}

.form-item .description,
.password-strength,
.password-match {
  border-left-color: #bbbbbb;
}

.field-suffix .machine-name-value {
  border-color: #dee2ea;
  font-family: Consolas, 'Lucida Console', 'Courier New', monospace;
}

select.form-select {
  font-weight: 400;
  border-color: #bbbbbb;
  color: #000000;
  background: #ffffff;
}

select.form-select:focus {
  color: #000000;
  border-color: #14b9d7;
}

input.form-submit,
button.form-submit,
.button {
  text-align: center;
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 0.025em;
  line-height: 2.875;
  background: #000000;
}

.button:hover,
.button:focus,
input.form-submit:hover,
input.form-submit:focus {
  color: #000000;
  background: #000000;
}

.button:active,
input.form-submit:active {
  color: #000000;
  background: #000000;
}

.button,
input.form-submit,
input.button-primary,
button.button-primary,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: white;
  background: #06748b;
  border: none;
}

input.button-primary:hover,
input.button-primary:focus,
button.button-primary:hover,
button.button-primary:focus {
  color: white;
  background-color: #cc0014;
}

input.button-primary:active,
button.button-primary:active {
  box-shadow: inset 0 0 0 0.125em #cc0014;
  background-color: #06748b;
  color: white;
}

input.button-secondary,
button.button-secondary {
  color: #000000;
  background-color: white;
  box-shadow: inset 0 0 0 0.125em #000000;
}

input.button-secondary:hover,
input.button-secondary:focus,
button.button-secondary:hover,
button.button-secondary:focus {
  color: white;
  background-color: #000000;
}

input.button-secondary:active,
button.button-secondary:active {
  color: white;
  background-color: #000000;
  box-shadow: inset 0 0 0 0.125em #000000;
}

input.button-danger,
button.button-danger {
  color: #ff0000;
  box-shadow: inset 0 0 0 0.125rem #ff0000;
  background: transparent;
}

input.button-danger:hover,
input.button-danger:focus,
button.button-danger:hover,
button.button-danger:focus {
  color: #ffffff;
  background-color: #ff0000;
}

input.form-button-disabled,
input.form-button-disabled:active,
input.form-submit[disabled],
button.form-submit[disabled],
.button[disabled] {
  background: #000000;
  border-color: #000000;
  text-shadow: none;
  color: #000000;
}

input.button-danger[disabled],
button.button-danger[disabled],
input.button-secondary[disabled],
button.button-secondary[disabled] {
  background: #000000;
  box-shadow: inset 0 0 0 0.125rem #000000;
  color: #000000;
}

input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-date,
input.form-time,
input.form-email,
input.form-url,
input.form-color,
input.form-number,
input.form-search,
input.form-file,
textarea.form-textarea {
  border-color: #bbbbbb;
  font-weight: 400;
  color: #000000;
  background: #ffffff;
}

input.form-text:focus,
input.form-tel:focus,
input.form-date:focus,
input.form-time:focus,
input.form-email:focus,
input.form-url:focus,
input.form-color:focus,
input.form-number:focus,
input.form-search:focus,
input.form-file:focus,
textarea.form-textarea:focus {
  color: #000000;
  border-color: #14b9d7;
}

.form-disabled input.form-autocomplete,
.form-disabled input.form-text,
.form-disabled input.form-tel,
.form-disabled input.form-date,
.form-disabled input.form-time,
.form-disabled input.form-email,
.form-disabled input.form-url,
.form-disabled input.form-color,
.form-disabled input.form-number,
.form-disabled input.form-search,
.form-disabled input.form-file,
.form-disabled textarea.form-textarea,
.form-disabled select.form-select,
input.form-autocomplete[disabled],
input.form-text[disabled],
input.form-tel[disabled],
input.form-date[disabled],
input.form-time[disabled],
input.form-email[disabled],
input.form-url[disabled],
input.form-color[disabled],
input.form-number[disabled],
input.form-search[disabled],
input.form-file[disabled],
textarea.form-textarea[disabled],
select.form-select[disabled] {
  background-color: #000000;
  color: #bbbbbb;
}

.form-error input.form-autocomplete,
.form-error input.form-text,
.form-error input.form-tel,
.form-error input.form-date,
.form-error input.form-time,
.form-error input.form-email,
.form-error input.form-url,
.form-error input.form-color,
.form-error input.form-number,
.form-error input.form-search,
.form-error input.form-file,
.form-error textarea.form-textarea,
.form-error select.form-select {
  border-color: #ff0000;
}

.form-type-checkboxes.form-error,
.form-type-radios.form-error {
  border: 0.125rem solid #ff0000;
}
/* Display border on a single checkbox, but not on checkboxes within a group. */
.form-type-checkbox.form-error {
  border: 0.125rem solid #ff0000;
}
.form-type-checkboxes.form-error .form-type-checkbox.form-error {
  border: none;
}

ul.action-links a {
  background-color: transparent;
  line-height: 1.875;
}

[dir="rtl"] ul.action-links a {
  background-position: right center;
}

/**
 * Collapsible Fieldsets
 */
.js fieldset.collapsible .fieldset-legend a:before {
  border-top-color: #000000;
}

/**
 * Teaser
 */
.view-mode-teaser + .view-mode-teaser {
  border-top-color: #bbbbbb;
}

/**
 * Pager
 */
.pager-first,
.pager-previous,
.pager-ellipsis,
.pager-current,
.pager-next,
.pager-last,
.pager-item {
  background: #586172;
/*  color: #ffffff;*/
}

.pager-ellipsis {
  color: #586172;
}

.pager-first a,
.pager-previous a,
.pager-next a,
.pager-last a,
.pager-item a {
  color: #ffffff;
}

.pager-first a:hover,
.pager-previous a:hover,
.pager-next a:hover,
.pager-last a:hover,
.pager-item a:hover {
  background: #000000;
}

.pager-current {
  background: #ffffff;
}

.pager-first a:before,
.pager-first a:after,
.pager-previous a:before,
.pager-next a:before,
.pager-last a:before,
.pager-last a:after {
  /* Mobile chevron color */
  border-color: #ffffff;
}

/**
 * Progress Bar
 * See system module
 */
.progress {
  font-weight: bold;
}

.progress .bar {
  border-color: #000000;
  background: #000000;
}

.progress .filled {
  background: #586172;
}

/* Progress Bar Animation */
.progress .filled:after {
  border-color: #000000;
}

/**
 * Dialog overrides
 */
.ui-dialog {
  border-color: #ffffff;
}

.ui-dialog .ui-dialog-titlebar {
  background: #ffffff;
  color: #ffffff;
}

.ui-dialog .ui-dialog-titlebar-close {
  background: #000000;
}

/* Close X color */
.ui-dialog .ui-dialog-titlebar-close .ui-icon:before,
.ui-dialog .ui-dialog-titlebar-close .ui-icon:after {
  background: #ffffff;
}

/**
 * Custom Hero Component
 */
.block-hero {
  font-size: 1em;
}

@media (min-width: 25em) {
  .block-hero {
    padding: 2rem 3rem 3rem;
    font-size: 1.3em;
  }
}

@media (min-width: 34em) {
  .block-hero {
    font-size: 1.5em;
  }
}

/* Default background when hero doesn't have image */
.block-hero-no-image {
  background-color: #06748b;
  background-image: url(/themes/enfoque/images/texture.png);
  background-repeat: repeat;
  background-position: center center;
  background-blend-mode: luminosity; /* Colorizes bg image */
}

.no-background-blend-mode .block-hero-no-image:before {
  /* If we don't have blend-modes, use a more saturated version of overlay color */
  /* Semi-transparent overlay has similar effect as luminosity */
  background: #0000ff;
  opacity: 0.5;
}

.block-hero .block-title {
  font-weight: 200;
  line-height: 1.2;
  font-size: 2.3em;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  
  
}

@media (min-width: 34em) {
  .block-hero .block-title {
    font-size: 2.625em;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
    
  }
}

/**
 * Primary admin tabs
 */
nav.tabs:before {
  /* Background behind primary tabs */
  background-color: #586172;
}

ul.primary {
  font-size: 0.9375em;
  text-transform: uppercase;
}

ul.primary li a,
ul.primary li a:visited,
ul.primary li a:hover,
ul.primary li.active a,
.expand-dropdown-tabs-control,
.responsive-tabs-mobile .expand-dropdown-tabs-control:before,
.responsive-tabs-mobile .expand-dropdown-tabs-label {
  border-color: #586172; /* Should be color of bg behind tabs */
  color: #010000;
  background-color: #dee2ea;
}

ul.primary li.active a,
ul.primary li.active a.active,
ul.primary li.active a:active,
ul.primary li.active a:visited,
.responsive-tabs-mobile .expand-dropdown-tabs-label {
  color: #000001;
  background-color: #ffffff;
  font-weight: bold;
}

ul.primary li a:hover,
ul.primary li a:focus,
.expand-dropdown-tabs-control:hover,
.expand-dropdown-tabs-control:focus,
.responsive-tabs-mobile .expand-dropdown-tabs-control:hover:before,
.responsive-tabs-mobile .expand-dropdown-tabs-control:focus:before,
.responsive-tabs-mobile .expand-dropdown-tabs-control.js-active:before,
.expand-dropdown-tabs-control.js-active {
  color: #000001;
  background: #000000;
}

ul.primary li a:active,
.expand-dropdown-tabs-control:active,
.responsive-tabs-mobile .expand-dropdown-tabs-control:active:before {
  background: #dee2ea;
  box-shadow: inset 0 0 0 0.125em #000000;
}

/**
 * Secondary admin tabs
 */
ul.secondary {
  font-size: 0.8125em;
  font-weight: bold;
  background-color: #ffffff;
}

ul.secondary li a {
  border-color: #000000;
  color: #000000;
}

ul.secondary li a:hover,
ul.secondary li a:focus,
ul.secondary li.active a,
ul.secondary li.active a.active {
  color: #000000;
  background: #000000;
}

ul.secondary li a:active {
  color: #000000;
  background: #000000;
  box-shadow: inset 0 0 0 0.125em #ffffff;
}

/**
 * Contextual Links font-size
 */
.contextual-links-wrapper {
  font-size: 0.9rem;
}

/**
 * Unpublished indicator.
 */
.unpublished-indicator {
  line-height: 1.6rem;
  background-color: #ff0000;
  color: #ffffff;
  padding: .75rem;
}

/**
 * Responsive tabs
 */
.responsive-tabs-mobile ul.primary {
  background: #ffffff;
}

.expand-dropdown-tabs ul.responsive-tabs-dropdown li a,
.expand-dropdown-tabs ul.responsive-tabs-dropdown li a:hover {
  border-top-color: #ffffff;
}

.expand-dropdown-tabs-control:before {
  content: '...';
  font-weight: bold;
}

.responsive-tabs-after .expand-dropdown-tabs-control {
  border-left-color: 2px solid #000000;
}

.expand-dropdown-tabs-label {
  text-transform: uppercase;
}

.expand-dropdown-tabs-control:hover .expand-dropdown-tabs-label,
.responsive-tabs-mobile.js-active .expand-dropdown-tabs-label {
  background: #000000;
}

.responsive-tabs-mobile.expand-dropdown-tabs .expand-dropdown-tabs-label,
.responsive-tabs-mobile.expand-dropdown-tabs:hover .expand-dropdown-tabs-label {
  background: #ffffff;
}

.responsive-tabs-mobile .expand-dropdown-tabs-control.js-active {
  background: #ffffff;
}

.responsive-tabs-mobile .expand-dropdown-tabs-control:before {
  background: #dee2ea;
}

.responsive-tabs-mobile.expand-dropdown-tabs .expand-dropdown-tabs-control:before {
  background: #ffffff;
}

.responsive-tabs-mobile .expand-dropdown-tabs-control:after {
  border-right-color: #000000;
}

.expand-dropdown-tabs .expand-dropdown-tabs-control:after {
  border-top-color: #000000;
}

.responsive-tabs-mobile ul.primary,
.responsive-tabs-mobile.expand-dropdown-tabs ul.primary {
  background: #ffffff;
}

.responsive-tabs-mobile ul.primary,
.expand-dropdown-tabs.responsive-tabs-mobile ul.primary {
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 4px;
}

.responsive-tabs-mobile ul.primary li {
  border-bottom-color: #ffffff;
}

.responsive-tabs-mobile ul.primary a:after {
  background: #000000;
}

.responsive-tabs-mobile-header-padder {
  background: #586172;
}

/**
 * Comments
 */
.comments .indented:before {
  top: -1em;
  left: 0;
  width: 0.5em;
  height: 1.5em;
  border-left-color: #dee2ea;
  border-bottom-color: #dee2ea;
}

.comments .indented:after {
  border-top-color: #dee2ea;
  border-right-color: #dee2ea;
}

.comment-header:before {
  border-bottom-color: #dee2ea;
  border-left-color: #dee2ea;
  background: #ffffff;
}

.comment .comment-text {
  border-color: #dee2ea;
}

.comment-title {
  padding: 1em 1.25em 0.25em;
}

.comment-title h3 {
  font-size: 1.125em;
}

.comment-time {
  font-size: 0.875em;
}

.comment-footer {
  background: #dee2ea;
}

/**
 * Font related override utility classes
 */
.color-inverse {
  color: #ffffff;
}

.font-size-xxxxlarge {
  font-size: 2.625rem;
}

.font-size-xxxlarge {
  font-size: 2.25rem;
}

.font-size-xxlarge {
  font-size: 1.8125rem;
}

.font-size-xlarge {
  font-size: 1.625rem;
  font-weight: 400;
}

.font-size-large {
  font-size: 1.4375rem;
}

.font-size-medium {
  font-size: 1.25rem;
}

.font-size-normal {
  font-size: 1rem;
}

.font-size-small {
  font-size: 0.875rem;
}

.font-size-xsmall {
  font-size: 0.75rem;
}

.font-weight-bold {
  font-weight: 600;
}

.font-weight-normal {
  font-weight: 400;
}

.font-weight-light {
  font-weight: 200;
}

.font-style-italic {
  font-style: italic;
}

.font-style-normal {
  font-style: normal;
}

/*  */

/**
 * Status messages
 * Uncomment background-image styles to override, URL will need to be
 * updated to work in a sub-theme.
 */

/* Neutral or Good status message colors */
.messages.status {
  color: #234600;
  background-color: #e9eebc;
}
div.messages.status:before {
  /* background-image: url(/misc/message-32-ok.png); */
  background-color: #cfde56;
}

/* Warning status message colors */
.messages.warning {
  color: #555;
  background-color: #faf5c9;
}
div.messages.warning:before {
  /* background-image: url(/misc/message-32-warning.png); */
  background-color: #fce400;
}

/* Error status message colors */
.messages.error {
  color: #f00;
  background-color: #f9edec;
}
div.messages.error:before {
  /* background-image: url(/misc/message-32-error.png); */
  background-color: #f00;
}

/* Info status message colors */
.messages.info {
  color: #004570;
  background-color: #bdf;
}
div.messages.info:before {
  /* background-image: url(/misc/message-32-info.png); */
  background-color: #0074bd;
}

/**
 * SVG overrides for status messages
 * Using linear-gradient so the style only applies to browsers that can render
 * SVGs.
 */
div.status:before {
  /* background-image: -webkit-linear-gradient(transparent, transparent), url(/misc/message-ok.svg); */
  /* background-image: linear-gradient(transparent, transparent), url(/misc/message-ok.svg); */
}

div.warning:before {
  /* background-image: -webkit-linear-gradient(transparent, transparent), url(/misc/message-warning.svg); */
  /* background-image: linear-gradient(transparent, transparent), url(/misc/message-warning.svg); */
}

div.error:before {
  /* background-image: -webkit-linear-gradient(transparent, transparent), url(/misc/message-error.svg); */
  /* background-image: linear-gradient(transparent, transparent), url(/misc/message-error.svg); */
}

/*------- AGREGADOS ------*/

a {
  text-decoration: none;
}

a:focus,
a:hover {
  text-decoration: underline;
}

a:active {
  background: #dddddd;
}

/* layout margenes */
@media (min-width: 1024px) {
  .row {
/*    margin-right: 3rem;
    margin-left: 3rem; */
    max-width: 1225px;
    margin-right: auto;
    margin-left: auto;
  }
}

/*----- TOP-HEADER ------*/
.l-top-header, .l-footer {
  background: #00AFCD;
  color: #fff;
}

.l-top-header .search-box {
  text-align: right;
  font-size: 0.83rem;
}
.l-top-header .search-box .form-item {
  margin: 0.6rem 0;
}
.l-top-header2 .search-box input {
/*  margin-right: 10px;*/
  width: 70%;
}

.l-top-header .search-box input {
  width: 0px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
/*  font-size: 16px;*/
  background-color: white;
  background: transparent;
  background-image: url(/themes/enfoque/images/search-icon.png);
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  -webkit-transition: background;
  transition: background;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  border: none;
}

.l-top-header .search-box input:focus {
  width: 60%;
  background-image: url(/themes/enfoque/images/search-icon-gris.png);
  background-color: white;
}

/*----- HEADER ------*/

.l-header {
  border-bottom: 6px double #00AFCD;
}

.l-header a {
  color: inherit;
}

.header-logo-wrapper {

}
@media (min-width: 48em) {
  .header-logo-wrapper2 {
    height: 4.25rem;
    /* Keeps logo in same container as text but avoids padding */
    margin: -1.75rem 1.25rem -1.25rem -1.25rem;
  }
}

@media (min-width: 62em) {
  .header-site-name-wrapper2 {
    font-size: 3.75rem;
  }
}


@media (min-width: 62em) {
.l-header .menu > li {
    font-size: 1rem;
  }
}

@media (min-width: 34em) {
.l-header .menu a, .header-menu a {
/*    padding: 2.5rem 1.25rem;*/
  }
}
@media (min-width: 48em) {
  .js .menu-dropdown > li:hover {
    color: #fff;
  }
  .js .menu-dropdown > li:active {
    color: #fff;
  }
}

.js .menu-dropdown > li {
   background: #c4e4e8;
   margin: 0 2px;
}
.js .menu-dropdown > li:hover {
    background-color: #00afcd;
}

.js .menu-dropdown li a.active {
    background-color: #00AFCD;
    color: #fff;
}

.l-header .menu {
    margin-top: 1rem;
    float: right;
}
.l-header .menu > li {
   text-transform: uppercase;
   font-size: .80rem;
}
.l-header .menu a, .header-menu a {
    text-decoration: none;
}
/* grids 
.views-view-grid-cols-3
*/
/* For mobile phones:
[class*="col-"] {
  width: 100%;
}
*/

@media only screen and (max-width: 768px) {
  .l-top-header .search-box { display: none; }

}

/*----- home principal ------*/
.view-promoted .views-row { border-top: none;}
.grilla-view ul { list-style-type: none; margin:0; padding:0;}
.grilla-view ul2 li { padding: 1rem; border: 1px solid #cccccc; margin: 0; }
.grilla-view ul li { margin: 0 0 1rem; padding: 0; }

.col-x2 { flex: 0 0 49%; }
.col-x3 { flex: 0 0 32%; }
.col-x4 { flex: 0 0 24%; }

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; 
}

@media only screen and (max-width: 600px) {
  /* For mobile phones: */
  [class*="col-"] {
    flex: 0 0 100%;
  }
}

.collapsable {
    /* background-color: #00778b; */
    background-color: orange;
    color: #fff;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    text-align: center;
    outline: none;
    transition: 0.4s;
    font-weight: bold;
    margin-bottom: 1rem;
}
.collapsable a { color: #fff;}

.active, .collapsable:hover {
    background-color: #c4e4e8;
    color: #00AFCD;
}

/* recuadros */
.recuadro-principal {
    padding: 10px;
    border: 1px solid #00afcd;
  }
/* recuadros p.ej. contador */
.recuadro { background-color: inherit; padding: 5px; border: 2px solid #00afcd;text-align:center; float:left; width:100%;font-weight:bold;}
.contadores {width:100%; float:left; padding:10px;}
.cverde {background-color: #00afcd; color: #ededec;}
.cgris {background-color: #efefef; color: #00afcd;}

.views-row {
  margin-bottom: 20px;
}
.views-field-field-volanta, .volanta {
/*  font-weight: bold;*/
  color: #fff;
  background: orange;
  font-size: 1.1rem;
  width: 100%;
  padding-left: 5px;
}

.block { margin-bottom: 1rem;}

.block-title {
    color: #2d2d2d;
    border-bottom: 2px solid #00AFCD;
    font-size: 1.4em;
    margin-top: 0;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
    
}

.block-field-node-field-fecha-token, .block-field-node-field-canal {
   font-size: .912rem;
   font-weight: 700;
   margin-bottom: 0rem; 
 }

.field-name-field-fuente { font-size: 12px; }

.articulo2 {
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}
.articulo2 {
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}
.articulo2 {
    margin-bottom: 1.25em;
    padding: 1.25em;
    border-radius: 2px;
}

/*
.view-promoted .views-row {
    background: #F6EFDD;
}
.view-articulos article {
  border: none;
  border-bottom: 3px double #005761;
}
.views-row h2 {
  margin-top: 0;
  padding-top: 0;
  line-height: 120%;
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
  font-size: 1.83rem;
  text-transform: uppercase;
}
*/
.views-field-view-node { text-align: right; } /* enlace */
.submitted {
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
  font-size: 0.83rem;
}
/* sidebar */
.l-sidebar2 {
   font-size: 0.913;
}
.l-sidebar2 h2 {
  font-size: 1.5rem;
  text-transform: none;
}
/* borde en sidebar views */
.l-sidebar2 .view-content {
   border: 2px dashed #005761;
   margin-top: 0;
   background-color: #ffffff;
   padding: 1.25rem;
}

.more-link { text-align: right; }
.l-sidebar2 .more-link {
  padding-bottom: 1.25rem;
  border-bottom: 3px double #005761;
  margin-bottom: 0;
}
.l-sidebar2 .last .more-link {
  border: none;
  padding-bottom: 0;
}
.page-title {
  font-family: 'Oswald', sans-serif;
  font-size: 2.5rem;
  margin-top: 0;
  color: #005a58;
  color: #2d2d2d;
  line-height: 120%;
  font-weight: 700;
  
}


@media (min-width: 48em) {  /* 768px @ 16px font size */
  /* hide the button in desktop view */
  .menu-toggle-button,
  .menu-toggle-state {
    display: block;
  }
  /* Always show the menu in desktop view. */
  .menu-toggle-state:not(:checked) ~ .menu {
    display: none;
  }
}
@media (min-width: 960px) {  /* 768px @ 16px font size */
  /* hide the button in desktop view */
  .menu-toggle-button,
  .menu-toggle-state {
    display: none;
  }
  /* Always show the menu in desktop view. */
  .menu-toggle-state:not(:checked) ~ .menu {
    display: block;
  }
}
.l-header .menu a, .header-menu a {
    display: block;
    padding: 0.7rem 1.25rem;
}
@media (min-width: 48em) {
.header-site-name-link {
/*  padding: 0; */
 }
}
.header-site-name-wrapper {
    margin: -1rem;
}

.block-field-node-field-volanta {
  padding-top: 1rem;
  border-top: 1px solid #00afcd; 
  font-style: italic;
}

/* exclusivo para celulares */
@media all and (max-width: 45em) {
  html, body, textarea, p { font-size: 13px;}
.tablarepo h5 { font-size: 1rem;}
.articulo2 {
    background-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow:none;
    margin: 0;
    padding: 0;
    border-radius: 0px;
   }
blockquote {
    margin-left: 0;
    margin-right: 0;
   }
}
.articulo2 {
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

/*--- group-fields --*/
.group-autores { 
   display: flex;
   justify-content: space-evenly;
 }

.block-field-node-field-autor {
   float: left;
   margin-right: 1em;
 }
.block-field-node-field-fotografo {
 }

.vocabulary-autores {
  display: flex;
  flex-wrap: wrap;
/*  flex-direction: column-reverse;*/
  text-align: center;
  font-size: 0.86rem;
  margin: 3px 15px 15px 0;
}

.block-field-node-field-autor .vocabulary-autores {
  flex-direction: column-reverse;
  width: 100px;
}
.vocabulary-autores h2 { font-size: 0.86rem; font-weight: bold; }
.vocabulary-autores h2::before { content: "Por ";}

.editorial2 img, .vocabulary-autores2 img {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }

.editorial2 img { margin: 0 1rem 1rem; }
.views-field-field-autor { margin-top: 1rem; }
.views-field-field-autor, .views-field-field-cargo-profesion { font-size: 0.86rem; }

.field-name-field-autor .field-item::after { content: ", "; }
.field-name-field-autor .field-item:last-child:after { content: ""; }
.field-name-field-autor .field-item { display: inline; }

.field-name-field-fotografo .field-item::after { content: ", "; }
.field-name-field-fotografo .field-item:last-child:after { content: ""; }
.field-name-field-fotografo .field-item { display: inline; }

.field-name-field-tags .field-item::after { content: ", "; }
.field-name-field-tags .field-item:last-child:after { content: ""; }
.field-name-field-tags .field-item { display: inline; }

/*artículos*/
.field-name-field-copete { margin-bottom: 1rem; }
.field-name-field-autor { margin-bottom: 1rem; float: left; margin-right: 10px; }

/* miscelanea */
.clear-both { clear: both; }
.linea100 { width: 100%; clear: both; }
hr { border: 0; border-bottom: 4px double #00afcd; margin: 1rem 0; }

.flexslider { margin: 0; }
.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a {
    display: block;
}
.flex-direction-nav a:before {
    color: orange;
    text-shadow: 1px 1px 0 rgba(168, 168, 168, 0.3);
}
.flex-direction-nav a {
    opacity: 1;
    transition: none; 
    webkit-transition: none;
/*    margin: 0;*/
}
.flex-direction-nav .flex-next {
    right: 10px;
}
.flex-direction-nav .flex-prev {
    left: 10px;
}

#st-1.st-hidden {
 opacity: 1!important;
}
blockquote {
    padding: 1rem;
    margin-left: 1rem;
    margin-right: 0;
    border-left: 5px solid #cbe3e7;
}
blockquote > :first-child::before {
    font-family: FontAwesome, sans-serif;
    font-size: xxx-large;
    content: "\f10d";
    padding: 0 0.3125rem 0 0;
    margin: 0;
    text-align: left;
    width: 1.25rem;
    color: #ccc;
}

@media (min-width: 60.0625em) {
    blockquote p {
      font-size: 1.25rem;
    }
}

.rrssb .rrssb-buttons {
   margin: 1rem 0;
}

.blink {
  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/*-- agregado --*/
.tright { text-align: right; }
.tleft { text-align: left; }
.tcenter { text-align: center; }
.fright { float: right; }
.fleft { float: left; }
.fnone { float: none; }

.views-field-title {
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  
}
.views-field-title a {
   color: #000000; 
}
.views-field-created {
  font-size: .912rem;
}
.padtop10 {
  padding-top: 10px;  
}
a.on-the-web:hover {
  color: cyan;
}

.view-opinion-editorial {
  padding: 20px 10px 0;
  background: #ddd;
  text-align: center;
}
.view-opinion-editorial .views-field-field-autor {
    margin-top: 0; 
}
.view-opinion-editorial .views-field-title {
  margin-top: 5px;
}