{% extends "fm/base.twig" %}

{% block content %}

  {% include 'fm/partials/heroes/hero-internal.twig' %}
  <div class="container">
    <div class="single-txt row"> 

    <!-- #hc Banners Sidebar Top -->
    <div class="banners-sidebar-top-wrapper">
      <div class="banners-sidebar-top">
        <div id="bannersSidebarTop">
          <h3>ALGUNAS MARCAS QUE NOS ACOMPAÑAN</h3>
          {% filter shortcodes %} 
            [banner count="2" group="lateral"]
          {% endfilter %}
        </div>   
      </div> 
    </div>   
    <style> 

      #bannersSidebarTop {
        display: none;  
      } 
      @media (max-width:992px) {
        #bannersSidebarTop {
          display: flex; 
          flex-wrap: wrap;
          justify-content: space-evenly;
          width: calc(100% - 30px);
          margin:0 15px 50px 15px;
          box-sizing: border-box;
          position: relative; 
        }
        #bannersSidebarTop .banner_wrapper { 
          flex-basis: calc(50% - 16px);
          margin: 0;
          padding: 0px;
          box-sizing: border-box;
          border: 0px solid #eee; 
          margin: 0 14px 0 0;
        }
        #bannersSidebarTop .banner_wrapper .banner img {  
          width: 100%;
          max-width: 200px;
          margin: 0 auto;
          -webkit-filter: contrast(1.1);
          filter: contrast(1.1);
        }   
	.banner_wrapper {
	    margin: 0 0 50px;
	}

	.submit-horizontal--info {
	    padding-bottom: 20px;
	}

	.adv-vertical--title h3 {
	    display: none;
	}

	.mt-4, .my-4 {
	    margin: 0 !important;
	}

	#bannersSidebarTop { 
	    justify-content: flex-start;
	    border-top: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
	    padding:50px 0 20px 0;
	}
	#bannersSidebarTop h3 {
	    text-transform: uppercase;
	    font-size: 15px;
	    color: #999;
	    padding: 0 0 7px 4px;
	    font-weight: 400;
	    position: absolute;
	    top: 17px;
	}
	#bannersSidebarTop .banner_wrapper .banner img {
	    margin: 0;
	}
      }
    </style>  

      <div class="col-lg-9">
        {% include 'fm/partials/elements/post-content.twig' %}
        {% include 'fm/partials/elements/subscription-banner.twig' %}
      </div>
      <div class="col-lg-3">
        {{ function(
            [ 'CDController', 'init_controller'],
            'module',
            {
              template: 'fm_advertising',
              args: {
                direction: 'vertical',
              }
            }
        ) }}
      </div> 
    </div>
  </div>

  {{ function(
      [ 'CDController', 'init_controller'],
      'module',
      {
        template: 'fm_other_numbers',
        args: {
          magazine_id: post.post_parent,
        }
      }
  ) }}

{% endblock %}
