@font-face {
  font-family: "TiemposHeadline Bold";
  font-display: swap;
  src:
    url("/wp-content/themes/assetManagement2/css/fonts/tiempos-headline-bold.woff2")
      format("woff2"),
    url("/wp-content/themes/assetManagement2/css/fonts/tiempos-headline-bold.otf")
      format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "bbva_icons";
  src: url("/wp-content/themes/assetManagement2/css/fonts/bbva_icons_sp.eot");
  src:
    url("/wp-content/themes/assetManagement2/css/fonts/bbva_icons_sp.ttf")
      format("truetype"),
    url("/wp-content/themes/assetManagement2/css/fonts/bbva_icons_sp.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ico-"],
[class*=" ico-"] {
  font-family: "bbva_icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
    background-color: #f7f8f8;
}

body > header.container-fluid {
  background-color: #f7f8f8;
}

body > header.container-fluid .main-nav {
  background: #ffffff;
  padding: 0 calc(calc(100vw - 1232px) / 2);
  border-radius: 16px;
  margin: 24px;
  display: flex;
  height: 80px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  width: calc(100% - 48px);
}

.brand img {
  filter: var(
    --header-logo,
    brightness(0) saturate(100%) invert(12%) sepia(40%) saturate(6514%)
      hue-rotate(221deg) brightness(97%) contrast(136%)
  );
  height: 29px;
}

body > header.container-fluid .brand #logo .brand-tagline {
  color: #001391;
}

body > header.container-fluid .imagen-destacada .title-noted .title {
  font-size: 4.8rem;
  line-height: 52px;
  margin-bottom: 24px;
  margin-top: 24px;
  color: #070e46;
  font-family: "TiemposHeadline Bold", Helvetica, Arial, sans-serif;
}


body > header.container-fluid .imagen-destacada {
  background-image: none;
  border-radius: 16px;
  height: 150px;
}


body > header.container-fluid .container{
    padding: 0;
    background: #f7f8f8;
}

.container-fluid .container{
  font-family: "BentonSansBBVA Book", Helvetica, Arial, sans-serif;
  line-height: 2.4rem;
  border-radius: 16px;
  margin-top:24px;
  background: #ffffff;
  padding: 24px;
}

body > header.container-fluid .imagen-destacada .title-noted {
  width: 100%;
}

.container-fluid.footer-full .container {
  background-color: #001391;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0;
}
.container-fluid.footer-full .container .col-sm-8,
.container-fluid.footer-full .container .col-md-12,
.footer-full nav ul {
  padding: 0% !important;
}


h2 {
  font-family:"BentonSansBBVA Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 34px;
  font-weight: 500;
  color: #070e46;
}

h3 {
  font-family:
    "BentonSansBBVA Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 34px;
  font-weight: 500;
  margin-bottom: 24px;
  margin-top: 24px;
  color: #070e46;
}

h4 {
  font-family:
    "BentonSansBBVA Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 34px;
  font-weight: 500;
  margin-bottom: 24px;
  margin-top: 24px;
  color: #070e46;
}

p {
  font-family: "BentonSansBBVA Book", Helvetica, Arial, sans-serif;
  line-height: 2.4rem;
  color: #070e46;
  margin-top: 24px;
  margin-bottom: 24px;
}

a {
    color: #001391;
}

a:hover {
   color: #070e46;
}

ul,
ol {
  font-family: "BentonSansBBVA Book", Helvetica, Arial, sans-serif;
  line-height: 2.4rem;
  color: #070e46;
  margin-top: 24px;
  margin-bottom: 24px;
}

ul li:before,
ul li li li:before,
ul li li li li li:before {
  font-family: "bbva_icons";
  content: "\e93f";
  font-size: 15px;
  color: #070e46;
  margin-left: -24px;
}

footer {
  background-color: #001391;
  border-radius: 16px;
  margin: 24px;
  width: calc(100% - 48px);
  padding: 1.8125em 0;
}


.footer-full nav ul {
	padding-left: 15px;
	 padding-bottom: 0;
}


@media (max-width: 768px) {
  body > header.container-fluid nav.navbar .navbar-header {
    background-color: #ffffff;
    border-radius: 16px;
    margin: 0px 16px 40px 16px;
    width: calc(100% - 32px);
    display: flex;
    height: 80px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
	  padding: 24px;
  }

  body.admin-bar > header.container-fluid .main-nav {
	display: none;
  }	
  body > header.container-fluid nav.navbar {
    background-color: #f7f8f8;
  }
  footer {
    background-color: #001391;
    border-radius: 16px;
    margin: 16px;
    width: calc(100% - 32px);
  }
  p, h3, h4, ul,  ol {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  h2 {
    margin-bottom: 16px;
  }

  .container-fluid .container{
    margin-top: 48px;
  }
}


@media (max-width: 1176px) {
	    body > header.container-fluid nav.navbar {
          background-color: #f7f8f8;

    }
}

@media (max-width: 1280px) {
    body > header.container-fluid .main-nav {
        padding-left: 24px;
    }
}