#master .brimstone-content-widget-slider { @media (min-width: 701px) { padding-left: 0; padding-right: 0; } .slider { .slide-inner { position: relative; .div-link { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .slide-background-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .content-text { line-height: $font__line-height-heading; * { margin-top: 0; } } .entry-footer { bottom: auto; top: 0; left: 5px; z-index: 999; } } .slide-inner { &, &:hover, &:active, &:focus, &:visited { .no-custom-color { .content-text { * { color: $color__text-heading; } } } .custom-color { .content-text { * { color: inherit; } } } } } .content-text { h2 { @include rem('font-size',$font__h2-size + 25); } p { @include rem('font-size',$font__small-size); letter-spacing: 0.07em; } hr { @include rem('max-width',110px); } p, div, h1, h2, h3, h4, h5, h6, hr { margin-top: 0; @include rem('margin-bottom',20px); } } @media (max-width: 900px) { .content-text { h2 { @include rem('font-size',$font__h2-size); } h3 { @include rem('font-size',$font__h3-size - 6px); } h4 { @include rem('font-size',$font__h4-size - 3px); } p { @include rem('font-size',$font__tiny-size); } p, div, h1, h2, h3, h4, h5, h6, hr { @include rem('margin-bottom',10px); } } } } } .brimstone-content-widget-slider { .slider { position: relative; height: 550px; @media (min-width: 1400px) { height: 600px; } .slide-item { overflow: hidden; .slide-inner { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; .content-wrapper { position: absolute; padding: 20px; text-align: center; top: 50%; right: 0; left: 0; width: 100%; max-width: none; margin: 0 auto; @include crossBrowser('transform',translateY(-50%)); &.text-background-color { padding: 30px; } .content-text + .button-text { margin-top: 30px; @media (min-width: 900px) { margin-top: 40px; } } .content-text > *:first-child { margin-top: 0; } .content-text > *:last-child { margin-bottom: 0; } } } } .slide-item, .slide-overflow, .slide-gutter, .slide-inner { width: 100%; height: 100%; display: block; } } .slider-wrapper { .bx2-wrapper, .bx2-viewport { width: 100%; height: 100% !important; display: block; } .slide-gutter { box-sizing: border-box; } .slide-overflow { overflow: hidden; } &.slider-control-light .post-edit-link, &.slider-control-light .bx2-wrapper .bx2-controls-direction a { color: rgb(255, 255, 255 ); color: rgba(255, 255, 255, 1); } &.slider-control-light .post-edit-link:hover, &.slider-control-light .bx2-wrapper .bx2-controls-direction a:hover, &.slider-control-light .bx2-wrapper .bx2-controls-direction a:focus { color: rgb(255, 255, 255 ); color: rgba(255, 255, 255, 0.9); } &.slider-control-light .bx2-wrapper .bx2-pager.bx2-default-pager a { background-color: rgb(255, 255, 255 ); background-color: rgba(255, 255, 255, 0.3); } &.slider-control-light .bx2-wrapper .bx2-pager.bx2-default-pager a:hover, &.slider-control-light .bx2-wrapper .bx2-pager.bx2-default-pager a.active, &.slider-control-light .bx2-wrapper .bx2-pager.bx2-default-pager a:focus { background-color: rgb(255, 255, 255 ); background-color: rgba(255, 255, 255, 1); } } } @media screen and (max-width : 991px) { .brimstone-content-widget-slider { .slider { height: 450px; } } } @media screen and (max-width : 568px) { #master .brimstone-content-widget-slider { .slider { height: 350px; .slide { width: 100%; .slide-inner { .content-wrapper { &.text-background-color { padding: 20px; } } } .slide-gutter { padding: 0; } } } } }