/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */

/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */

/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */

/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region Blocks - custom media query CSS example:
   * 
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
  .node-hraci-a-realizacny-tim .field-name-field-fotka .sb-image {
    text-align: center;
  }
  #block-tb-megamenu-main-menu {
  padding-left: 0px;    
  }
 
#quicktabs-view__posledny_odohrany_zapas__block .item-list ul li {
  margin: 0 0 10px 10px;
  padding: 0;
}
  
}
@media only screen and (max-width: 768px) {
 #columns .sidebar .region-inner .block {
  background-color: #FFF;
  padding: 20px 0px 10px 0px;
  margin-bottom: 10px;
  }
  #columns .sidebar .region-inner .block {
  padding: 20px 0px 10px 0px;
  }
}

@media only screen and (min-width: 768px) {
  #columns .sidebar .region-inner .block {
  padding: 18px 15px 31px 15px;
}

#columns .region-sidebar-first .region-inner .block {
    padding: 35px 16px 32px 15px;
}


  
}
@media only screen and (max-width: 990px) {
.region-menu-bar {
  padding: 10px 15px 0px 15px;
}
 ul.quicktabs-tabs li {
  display: inline-block;
}
#block-block-3 .block-inner {
  float: none;
  padding: 7px 25px 7px 205px;
  margin-left: 0px;
}
#block-block-6 .block-inner {
  float: right;
  /*padding-left: 205px; */
}
#block-block-6 {
    float: right;
}
#columns .sidebar .region-inner #block-block-9 {
  background-color: #FFF;
  padding: 20px 0px 10px 0px;
  margin-bottom: 10px;
}
#block-tb-megamenu-main-menu {
    padding-left: 0px;
}
.tb-megamenu .btn:first-child {
width: 100%;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9  MENU";
    color: #000;
}


.tb-megamenu .nav-collapse .nav > li > a:hover, .tb-megamenu .nav-collapse .nav > li > a:focus {
    color: #fff;
}
.tb-megamenu .nav-collapse .nav > li > a:hover, .tb-megamenu .nav-collapse .nav > li > a:focus {
    background-color: #d22627;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #d22627;
    color: #fff;
}

.tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu li > a:focus, .tb-megamenu .dropdown-submenu:hover > a {
    color: #d22627;

}
.fa {
    font-size: 14px;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover {
    background-color: #e54e4b;
    border-color: #444;
    color: #eee;
}


}

/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */

/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */
@media only screen and (min-width: 480px) {
.node-hraci-a-realizacny-tim .field-name-field-fotka {
float: right;
padding: 0 20px;
}
.node-hraci-a-realizacny-tim .field {
  overflow: auto;
  margin-bottom: 0px;
} 

}

@media only screen and (max-width: 480px) {
#branding {
    position: unset;
    top: 0px;
    left: 0px;
    text-align: center;
}
#block-block-6 .block-inner {
    float: none;  
    text-align: center;
}
#block-block-3 .block-inner {
    float: none;
    padding-left: 0px;
    margin-left: 0px;
    text-align: center;
} 
}

@media only screen and (min-width: 1025px) {

.five-5x20 > .row-1 > .region-five-first {
  width: 75%;
  text-align: right;
}
.five-5x20 > .row-1 > .region-five-second {
  width: 25%;
} 
.five-5x20 > .row-2 > .region-five-fourth {
  width: 20%;
}
.five-5x20 > .row-2 > .region-five-fifth {
  width: 46%;
  text-align: left;
}
.view-posledny-odohrany-zapas .region-five-first {
font-size: 18px;
padding-top: 30px;
}
.view-posledny-odohrany-zapas .region-five-fifth {
font-size: 18px;
padding-top: 30px;
}
}