/*

Theme Name: X - Child Theme: Cameo2015
Theme URI: http://www.jmgraphicdesign.com
Author: JM Graphic Design
Author URI: http://www.jmgraphicdesign.com
Description: Make all of your modifications to Renew in this child theme.
Version: 1.0.0
Template: x

*/

@import url( '../x/framework/css/site/stacks/integrity-light.css' );

/*GETS RID OF NAVBAR SHADOW*/
/* CURRENTLY COMMENTED OUT
.x-navbar {
  border-bottom: 0px;
  background-color: transparent;
  -webkit-box-shadow: 0 0em 0em 0;
  box-shadow: 0 0em 0em 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: none;
  transform: none;
}

.x-logobar {
border-bottom: 0px;
}
*/

/*FONT SIZE ADJUSTMENTS*/
h1, .h1 {
font-size: 200%;
margin-top: 0.5em;
}
h2, .h2 {
font-size: 180%;
margin-top: 0.4em;
}
h3, .h3 {
font-size: 170%;
margin-top: 0.3em;
}
h4, .h4 {
font-size: 140%;
margin-top: 0.2em;
}
h5, .h5 {
font-size: 120%;
margin-top: 0.2em;
}

/*Margin for Paragraphs*/
p {
margin: 0em 0.8em 1em;
}

/*Margin for Headings*/
h1, h2, .h1, .h2, {
margin: 0em 0.7em 0.4em;
}

/*Margin for Headings*/
h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
margin: 0em 0.5em 0.4em;
}

/*Fix for blog heading font size*/
.h-landmark {
  padding-bottom: 8px;
  letter-spacing: 2px;
  line-height: 1;
}
.p-landmark-sub {
  letter-spacing: 0.5px;
  line-height: 1.3;
  font-size: 1.2em;
}

/*FIX FOR Headings on mobiles*/
@media screen and (max-width: 730px){
h1, .h1 {
font-size: 120%;
margin-top: 0.4em;
}
h2, .h2 {
font-size: 115%;
margin-top: 0.3em;
}
h3, .h3 {
font-size: 110%;
margin-top: 0.2em;
}
h4, .h4 {
font-size: 105%;
margin-top: 0.2em;
}
h5, .h5 {
font-size: 102%;
margin-top: 0.2em;
}
}
/*FIX FOR MENU SPACING*/
.x-navbar .x-nav>li>a {
  letter-spacing: 0px;
}

/* =========================================================
   RevSlider universal layout fix
   Forces sliders to reserve vertical space in document flow,
   stopping page content from rendering underneath them.
   ========================================================= */

/* 1. Outer wrapper containers — keep them in normal flow */
.x-slider-revolution-container,
rs-fullwidth-wrap,
[id^="rev_slider_"][id$="_forcefullwidth"] {
    position: relative !important;
    width: 100%;
    display: block;
    overflow: hidden;
}

/* 2. The forcer element MUST be visible to push content down */
rs-fw-forcer {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    /* don't override height — RevSlider sets it inline per slider */
}

/* 3. Module wrapper — keep absolute positioning (slider needs it),
      but make sure parent has reserved space via the forcer above */
rs-module-wrap {
    max-height: none !important;
}

/* 4. Safety: stop main content collapsing into the slider area */
.x-slider-revolution-container.below + .x-main,
.x-slider-revolution-container + .x-main {
    position: relative;
    z-index: 1;
}