/*----------------------------------------------------------------------------------- helpers.scss -----------------------------------------------------------------------------------*/ .uppercase { text-transform: uppercase !important; } .lowercase { text-transform: lowercase !important; } .capitalize { text-transform: capitalize !important; } .nott { text-transform: none !important; } .tright { text-align: right !important; } .tleft { text-align: left !important; } .fright { float: right !important; } .fleft { float: left !important; } .fnone { float: none !important; } .ohidden { position: relative; overflow: hidden !important; } .line, .double-line { clear: both; position: relative; width: 100%; margin: $section-margin 0; border-top: $line-size solid $line-color; &.dark, .dark & { border-top-color: $line-dark; } &.line-sm { margin: $margin-small 0; } } span.middot { display: inline-block; margin: 0 5px; } .double-line { border-top: ($line-size * 3) double darken($body-bg, 10.2%); } .emptydiv { display: block !important; position: relative !important; } .allmargin { margin: $margin-base !important; } .leftmargin { margin-left: $margin-base !important; } .rightmargin { margin-right: $margin-base !important; } .topmargin { margin-top: $margin-base !important; } .bottommargin { margin-bottom: $margin-base !important; } .clear-bottommargin { margin-bottom: (-$margin-base) !important; } .allmargin-sm { margin: $margin-small !important; } .leftmargin-sm { margin-left: $margin-small !important; } .rightmargin-sm { margin-right: $margin-small !important; } .topmargin-sm { margin-top: $margin-small !important; } .bottommargin-sm { margin-bottom: $margin-small !important; } .clear-bottommargin-sm { margin-bottom: (-$margin-small) !important; } .allmargin-lg { margin: $margin-big !important; } .leftmargin-lg { margin-left: $margin-big !important; } .rightmargin-lg { margin-right: $margin-big !important; } .topmargin-lg { margin-top: $margin-big !important; } .bottommargin-lg { margin-bottom: $margin-big !important; } .clear-bottommargin-lg { margin-bottom: (-$margin-big) !important; } .nomargin {margin: 0 !important; } .noleftmargin { margin-left: 0 !important; } .norightmargin { margin-right: 0 !important; } .notopmargin { margin-top: 0 !important; } .nobottommargin { margin-bottom: 0 !important; } .header-stick { margin-top: (-$margin-base) !important; } .content-wrap .header-stick { margin-top: (-$margin-big) !important; } .footer-stick { margin-bottom: (-$margin-base) !important; } .content-wrap .footer-stick { margin-bottom: (-$margin-big) !important; } .noborder { border: none !important; } .noleftborder { border-left: none !important; } .norightborder { border-right: none !important; } .notopborder { border-top: none !important; } .nobottomborder { border-bottom: none !important; } .noradius { @include border-radius(0); } .col-padding { padding: $col-padding; } .nopadding { padding: 0 !important; } .noleftpadding { padding-left: 0 !important; } .norightpadding { padding-right: 0 !important; } .notoppadding { padding-top: 0 !important; } .nobottompadding { padding-bottom: 0 !important; } .noabsolute { position: relative !important; } .noshadow { @include box-shadow(none !important); } .notextshadow { text-shadow: none !important; } .hidden { display: none !important; } .nothidden { display: block !important; } .inline-block { float: none !important; display: inline-block !important; } .center { text-align: center !important; } .divcenter { position: relative !important; float: none !important; margin-left: auto !important; margin-right: auto !important; } .bgcolor, .bgcolor #header-wrap { background-color: $theme-color !important; } .color { color: $theme-color !important; } .border-color { border-color: $theme-color !important; } .nobg { background: none !important; } .nobgcolor { background-color: transparent !important; } @include font-weight($font-weight); @include letter-spacing($letter-spacing); .noheight { height: 0 !important; } .nolineheight { line-height: 0 !important; } .font-body { font-family: $body-font; } .font-primary { font-family: $heading-font; } .font-secondary { font-family: $secondary-font; } .bgicon { display: block; position: absolute; bottom: -60px; right: -50px; font-size: 210px; color: rgba(0,0,0,0.1); } /* MOVING BG - TESTIMONIALS */ .bganimate { -webkit-animation:BgAnimated 30s infinite linear; -moz-animation:BgAnimated 30s infinite linear; -ms-animation:BgAnimated 30s infinite linear; -o-animation:BgAnimated 30s infinite linear; animation:BgAnimated 30s infinite linear; } @-webkit-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @-moz-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @-ms-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @-o-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } .input-block-level { display: block; width: 100% !important; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vertical-middle { height: auto !important; left: 0; max-width: none !important; z-index: 2; + .video-wrap { z-index: 1 !important; @include media-breakpoint-down(md) { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } } @at-root.container#{&} { @include media-breakpoint-down(md) { width: 100% !important; } @include media-breakpoint-only(sm) { width: 100% !important; .full-screen:not(.force-full-screen) & { width: map-get($container-max-widths, "sm") !important; } } } } .magnific-max-width .mfp-content { max-width: $lightbox-width; }