/*
 *  Copyright 2019 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
 
 body {
  background-color: $body-bg;
  font-family: $font-family-base;
  margin: 0;
  padding: 0;
  font-size: $font-size-base;
  text-align: left;
  color: $text-color;
  line-height: $line-height-base;

  .root {
    
     max-width: $max-body-width;
     margin: 0 auto;
     padding-top:$header-height;

      @media (max-width: $screen-medium) {
          padding-top:$header-mobile-height;     
      }
  }
}

/* remove padding for experience fragment editor */

body.xf-web-container {
  .root {
    padding-top: $gutter-padding;
  }
}

/* remove padding for experience fragments imported into Adobe Target */

div.at-element-marker {
  .root{
    padding-top: $gutter-padding;
  }
}

// Headings
// -------------------------

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
line-height: $line-height-base;
color: $text-color;
}

h1, .h1,
h2, .h2,
h3, .h3 {
font-family: $font-family-serif;
font-weight: $font-weight-normal;
margin-top: $line-height-computed;
margin-bottom: calc($line-height-computed / 2);
}

h4, .h4,
h5, .h5,
h6, .h6 {
font-family: $font-family-sans-serif;
text-transform: uppercase;
font-weight: $font-weight-bold;
}

h1, .h1 { font-size: $font-size-h1; }
h2, .h2 { font-size: $font-size-h2; }
h3, .h3 { font-size: $font-size-h3; }
h4, .h4 { font-size: $font-size-h4; }
h5, .h5 { font-size: $font-size-h5; }
h6, .h6 { font-size: $font-size-h6; }

a {
  color: $link-color;
  text-decoration: none;
}

h1 a, h2 a, h3 a {
    color: $text-color;

    &:after {
        @include wkndiconstyle();
        content: $wkndicon-play3;
        font-size: $font-size-xsmall;
        position: relative;
        top: -0.5em;
        left: 0.75em;
      }
}

// Body text
// -------------------------

p {
margin: 0 0 calc($line-height-computed / 2);
font-size: $font-size-base;
line-height: $line-height-base + 1;
text-align: justify;
}


//== AEM Responsive Grid

$max_col: 12;

// Default breakpoint
.aem-Grid {
  @include generate-grid(default, $max_col);
}

// Phone breakpoint
@media (max-width: $screen-small) {
  .aem-Grid {
    @include generate-grid(phone, $max_col);
  }
}

// Tablet breakpoint
@media (min-width: ($screen-small + 1)) and (max-width: $screen-medium) {
    .aem-Grid {
        @include generate-grid(tablet, $max_col);
      }
  }

  .aem-GridColumn {
    padding: 0 $gutter-padding;
  }
  
  .responsivegrid.aem-GridColumn {
  padding-left: 0;
  padding-right: 0;
  }

