/*body { font-family: 'SuraSans-Regular', sans-serif; color: #53565A; position: relative; height: 100vh;}*/

h1, h2, h3, h4, h5, h6 { font-family: 'SuraSans-Negrita'; font-weight: 700;}

.container { width: 1140px !important;}

.page-header { display: none;}

.content h5 { color: #0033A0;}
.content .content-title h5 { font-size: 28px;}
.content .content-title span { font-size: 18px;}
.content .content-cards .card-body { padding: 20px; height: 255px;}
.content .content-cards.inner .card-body { padding: 20px; height: auto;}
.content .content-list ul { list-style-image: url(/demos/salud-mental/images/ic-idea.svg); padding-left: 46px;}
.content .content-list ul.file-check { list-style-image: url(/demos/salud-mental/images/check-item.svg); padding-left: 20px;}
.content .content-list ul li { margin-bottom: -14px;}
.content .content-list ul.file-check li { padding: 0 0 19px;}
.content .content-list ul.file-check li:first-child { margin-bottom: 12px; padding: 0;}
.content .content-list ul.file-check li:first-child span { margin-bottom: 10px;}
.content .content-list ul.file-check li:last-child { padding: 0; margin-bottom: -7px;}
.content .content-list ul.file-check li span { top: -3px;}
.content .content-list ul li span { position: relative; top: -26px; display: block; margin-bottom: 4px;}
.content .content-list ul li a { font-size: 17px; color: #0033A0;}
.content .content-list ul li a:hover { cursor: pointer; text-decoration: underline;}

.content .content-list .alert { margin-top: -16px !important; background: #efefef; border: 1px solid #e1e3e6;}

.content .card-news .card, .content .card-city .card { border: 1px solid transparent;}
.content .card-news .card:hover, .content .card-city .card:hover { border: 1px solid #002D541F; box-shadow: 0px 15px 51px #002D5421;}
.content .card-news .media-body { line-height: 21px;}
.content .card-news .media-body a.btn, .content .content-cards .card a.btn { background: #ffffff; border: 2px solid #00AEC7 !important; font-family: "SuraSans-Negrita"; color: #00AEC7; text-transform: uppercase;}
.content .card-news .media-body a.btn:hover, .content .content-cards .card a.btn:hover { background: #00AEC7; color: #ffffff;}

.content .card-city { margin: 0 auto; text-align: center; max-height: 9999px; overflow: hidden; transition: max-height .25s ease-out;}
.content .card-city-collapse { position: relative; max-height: 690px;}
.content .card-city-collapse:after { content: ""; display: block; position: absolute; bottom: 0px; width: 100%; height: 320px; background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);}
.content .card-city-btn button.btn { background: #ffffff; padding: 10px; border: 1px solid #002D541F; box-shadow: 0px 5px 20px #002D5414;}

.content .content-cards .card { border: 1px solid #002D541F; box-shadow: 0px 5px 20px #002D5414;}
.content ul li span { position: relative; top: -3px; display: block; margin-bottom: 4px;}

div#prevention, div#management, div#strategies, div#rehabilitation { display: none;}

.banner-salud-m { background: url(/demos/salud-mental/images/banner/banner-salud-mental.jpg); background-size: cover; background-position: center bottom; position: relative; padding: 0 5rem; height: 322px; margin-top: -40px; border-radius: 8px;}
.banner-salud-m:after { content: ""; position: absolute; background: #27313C99; width: 100%; height: 100%; top: 0; left: 0; border-radius: 8px;}
.banner-salud-m .display-4, .banner-salud-m .lead { position: relative; top: 25%; font-size: 3rem; color: #ffffff; z-index: 1;}
.banner-salud-m .display-4:before { content: ""; background: #E3E829; display: block; width: 100px; height: 6px; border-radius: 33px;}
.banner-salud-m .lead { font-size: 40px; margin-top: 15px; margin-bottom: 0;}

@media (max-width: 991.98px){
  #menu_superior ul.nav-child.unstyled.small.dropdown-menu.show { padding: 10px 10px; text-align: center;}
  div#navbarNav { box-shadow: 0px 60px 20px rgba(0, 0, 0, 0.25); position: absolute; top: 60px; text-align: center; width: 100vw; right: -15px; display: block!important; background: #f1f3f4; padding: 20px 0px; transition: all 250ms linear; z-index: 9999; left: 50%; transform: translate(-75%, 0);}
  div#navbarNav.collapse:not(.show) { padding: 0px; display: none!important; height: 0px;}
  div#subnavbarNav { position: absolute; top: 32px; text-align: center; width: 100vw; right: -200px; background: #00339a; padding: 20px; z-index: 999; left: 50%; transform: translate(-37.5%, 0);}
  div#subnavbarNav li,div#navbarNav li { padding:8px 0px!important;}

  .nav-header .pull-right { display: none;}

  #roksearch_search_str { width: 100%; cursor: pointer; border-radius: 5px!important; background-position: 98% 50%!important; max-width: 90%;}

  .boton-ingresar-micrositios { justify-content: center!important;}

  ul.menu_principal_responsive { display: flex; margin: 0px; padding: 0px; flex-wrap: wrap; justify-content: center;}
  ul.menu_principal_responsive li { display: flex; list-style: none; width: auto; min-width: 20%; border: 1px solid #0033A0; margin: 1%; min-height: 30px; border-radius: 5px; align-items: center; justify-content: center; text-align: center; font-family: "SuraSans-Regular"; font-size: 15px;}
  ul.menu_principal_responsive li a { color:#0033A0!important; padding: 10px; width: 100%; height: 100%;}

  div#accesos_menup_resposive { margin-bottom: 15px;}
}

@media screen and (max-width: 1024px) {
  .content-cards .row, .content-cards .row .card { margin-left: 0px !important; margin-right: 0px !important;}
  .content-cards .row:first-child .card-body { height: 205px;}
  /** .content-cards .row:last-child .card-body { height: 300px;} **/

  .content .card-news .media-body { display: block !important;}
  .content .card-news .media-body span { display: block; width: 100% !important; margin-bottom: 10px;}
}

@media screen and (max-width: 769px) {
  .content-cards .row, .content-cards .row .card { margin-left: 0px !important; margin-right: 0px !important;}
  .content-cards .row .card { margin-bottom: 13px;}
  .content-cards .row:first-child .card-body { height: 276px;}
  .content-cards .row:last-child .card-body { height: 300px;}
}

@media (max-width: 767.98px) {

}

@media (max-width: 575.98px) {
  .content .row .col-md-6 div { padding-left: 0px !important; padding-right: 0px !important;}
  .content .row .col-md-6:first-child div { margin-bottom: 15px;}
  .content .card-news .media-body { display: block !important;}
  .content .card-news .media-body span { display: block; width: 100% !important; margin-bottom: 10px;}
  .content-cards .row:first-child .card-body, .content-cards .row:last-child .card-body { height: auto !important;}

  #supersalud { left: 0;}
	#supersalud img { width: 30px;padding: 5px;}
	#roksearch_results { width: 100%; left: 0px!important;}

  .footer .col2 > div { text-align: center; margin-top: 40px;}
  #redes_sociales table { display: table; margin: 0 auto;}
  p.copy_eps { text-align: center;}
}

@media (max-width: 360px) {
	#supersalud img { margin-top: 38px;}
}