/*

Theme Name: DUDEOIR
Theme URI: http://theme.co/x/
Author: JM Graphic Design
Author URI: http://jmgraphicdesign.com
Description: Make all of your modifications to the dark version of Integrity in this child theme.
Version: 1.0.0
Template: x

*/

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

/*Background Colour for Top Navigation*/
.x-navbar {
  background-color:#303030;
  border-bottom-color:#FFD100;
}

/*Padding for Top Navigation*/
.x-navbar .x-nav > li > a {
padding: 0 1em;
}

/*Padding below an image*/
.x-img {
margin-bottom: 0em;
}

/*Top footer padding - needs to disappear*/
.x-colophon.top {
padding: 0% 0 0%;
}

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

/*Margin for Headings*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin: 0.2em 0.5em 0.2em;
}

/*Size Adjust for Headings*/
h1 {
font-size: 2em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.6em;
}
h4 {
font-size: 1.4em;
}
h5 {
font-size: 1.2em;
}

/*Widget Margins*/
.x-main .widget:first-child {
margin-top: 0;
margin-left: 12px;
}

/*Force Navigation to stay static on mobile*/
@media (max-width: 979px) {
.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
position: fixed;
}
}

/*class to reduce line height where needed*/
.closepara {
line-height: 0.8;
}

/* =========================================================
   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;
}