/*
 * 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, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smartphone sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smartphone sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region blocks example:
   * In smaller screen sizes we can remove the float and widths so all blocks
   * stack instead of displaying horizonally. The selector used here 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.
   * 
   * "Float Region blocks" is an extension for floating blocks in regions, see
   * your themes appearance settings, under the Extensions tab.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */

#logo { max-width: 280px; float: left; margin-top: 30px; margin-left: 20px;  } 
#block-superfish-1 { float: right; margin-top: -60px; margin-bottom: 30px;  margin-right: 40px;}
#block-superfish-1 .sf-sub-indicator {  }

/*
.sf-depth-1 { background-color: #fff; }
.sf-depth-2 { background-color: #ff6d00; }
.sf-menu.sf-style-default a { border: none; }
*/

.sf-menu.sf-style-white a { border: none; }

.sf-menu.sf-style-white li, .sf-menu.sf-style-white.sf-navbar {
    background: none repeat scroll 0% 0% #fff;
}

.sf-menu.sf-style-default a:hover {
    background: none repeat scroll 0% 0% rgb(194, 194, 194);
    outline: 0px none;
}

.sf-menu.sf-style-white a {
    none;
    color: #1779bb;
    padding: 0.75em 1em;
    font-size: 16px;
}

ul.menu li.active-trail a {
background: none repeat scroll 0% 0% #e9e9e9;
}



#page-title { padding: 20px; padding-left: 50px; margin-top: -27px; margin-bottom: 30px;  font-size: 18px; font-weight: normal; background-color: #ff6d00; color: #fff; font-family: 'Montserrat-Regular';}
#main-content { margin-left: 0px; margin-right: 0px; }

/* Etusivun kuva */
#block-block-1 { margin: 0px; padding: 0px; }
#block-block-1 .block-inner { margin: 0px; padding: 0px; }
#block-block-9 { float: left; position: absolute; margin-top: 150px; margin-left: 40px; z-index: 99; font-size: 36px; font-family: 'OpenSansExtrabold'; color: #fff; text-shadow: 2px 2px 1px rgba(17, 17, 17, 1); line-height: 40px; }

/* Etusivun tiedot */
#block-block-2 { margin-top: -27px; padding: 10px; padding-left: 50px; padding-right: 40px; float: left; max-width: 570px; background-color: #ff6d00; color: #fff; }
#block-block-2 p { margin-top: 20px; }
#block-block-3 { min-width: 280px; min-height: 65px; margin-top: -27px; margin-left: 0px; padding-left: 80px; padding-top: 5px; padding-bottom: 33px; float: left; max-width: 600px; background-color: #3498db; color: #fff;} 
#block-block-3 img { float: left; }
#block-block-3 p { margin-top: 21px; margin-bottom: -19px; }
#block-block-3 a { color: #fff; }

/* Etusivun tekstit */
#block-block-4 { float: left; margin-top: 30px; margin-left: 40px; max-width: 400px; font-size: 13px; color: #4e4e4e; font-family: 'OpenSansRegular'; }
#block-block-4 .block-title { font-size: 18px; color: #363636; text-transform: uppercase; margin-bottom: 10px;  }
#block-block-5 { float: right; margin-top: 30px; margin-right: 40px; max-width: 400px;  font-size: 13px; color: #4e4e4e; margin-bottom: 80px; font-family: 'OpenSansRegular'; }
#block-block-5 .block-title { font-size: 18px; color: #363636; text-transform: uppercase; margin-bottom: 10px; }
#block-block-5 ul {  padding: 0px 0px 0px 10px; }

/** Sisäsivu **/
/* Sisäsivun kuva */
#block-block-10 { margin: 0px; padding: 0px; margin-left: 0px; margin-right: 0px; }
#block-block-10 .block-content { margin-left: -10px; margin-right: -10px; }

/* Sisäsivu yleiset */
.not-front .node-content { margin-left: 50px; margin-right: 50px; color: #4e4e4e; font-size: 13px; }
.not-front ul {  margin-top: -15px; padding: 0px 0px 0px 15px; }

/* Palvelut sivun kuva */
#block-block-11 { margin-right: 30px;  }

/** Footer **/
#block-block-6 { float: left; max-width: 400px;  margin-left: 30px; margin-top: 40px; color: #d5d5d5; font-size: 12px; font-family: 'OpenSansRegular'; }
#block-block-6 .block-title { color: #fff; }
/* Osoitetiedot */
#block-block-7 { float: left;  max-width: 400px;  margin-left: 235px; margin-top: 40px; color: #d5d5d5; font-size: 12px; font-family: 'Montserrat-Regular'; }
#block-block-7 img { float: left; margin-right: 5px; }
#block-block-7 .osoite { float: left; margin-left: 31px; margin-top: -15px; margin-bottom: 15px; width: 100%; font-family: 'OpenSansRegular'; }
#block-block-7 a { color: #d5d5d5; }

#block-block-8 { float: right; margin-right: 20px; margin-top: 40px; }

/* Webform */
#block-webform-client-block-6 { max-width: 400px; }
#block-webform-client-block-6 label { color: #4e4e4e; }
#block-webform-client-block-6 input { width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; border: none; border: 1px solid #ccc;  }
#block-webform-client-block-6 input.form-submit { padding: 20px; background-color: #e9e9e9; border: none; max-width: 100px;}
#block-webform-client-block-6 input.form-submit:hover {background-color: #ccc;}

#block-block-13 {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}