*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Theme Name: THE CW Seed Child Theme - Little Guy Games Theme URI: Description: THE CW Seed Child Theme - Little Guy Games Author: bEZ420 Author URI: Template: cw_seed_theme Version: 1.0.0 */ /* Theme Name: THE CW Seed Child Theme - BLANK Theme URI: Description: THE CW Seed Child Theme - BLANK Author: bEZ420 Author URI: Template: cw_seed_theme Version: 1.0.6 */ /* BASE */ /*===========================================================*/ /* FONT-FACE */ /* using font embed link in header instead to improve page speed score */ /*================================================== */ @font-face { font-family: "Encode-Sans"; font-weight: 100; src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-100-Thin.eot'); src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-100-Thin.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-100-Thin.woff2') format('woff2'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-100-Thin.woff') format('woff'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-100-Thin.ttf') format('truetype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-100-Thin.svg#svgFontName') format('svg'); font-display: swap; } @font-face { font-family: "Encode-Sans"; font-weight: 200; src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-200-ExtraLight.eot'); src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-200-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-200-ExtraLight.woff2') format('woff2'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-200-ExtraLight.woff') format('woff'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-200-ExtraLight.ttf') format('truetype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-200-ExtraLight.svg#svgFontName') format('svg'); font-display: swap; } @font-face { font-family: "Encode-Sans"; font-weight: 300; src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-300-Light.eot'); src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-300-Light.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-300-Light.woff2') format('woff2'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-300-Light.woff') format('woff'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-300-Light.ttf') format('truetype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-300-Light.svg#svgFontName') format('svg'); font-display: swap; } @font-face { font-family: "Encode-Sans"; font-weight: 400; src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-400-Regular.eot'); src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-400-Regular.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-400-Regular.woff2') format('woff2'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-400-Regular.woff') format('woff'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-400-Regular.ttf') format('truetype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-400-Regular.svg#svgFontName') format('svg'); font-display: swap; } @font-face { font-family: "Encode-Sans"; font-weight: 500; src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-500-Medium.eot'); src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-500-Medium.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-500-Medium.woff2') format('woff2'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-500-Medium.woff') format('woff'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-500-Medium.ttf') format('truetype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-500-Medium.svg#svgFontName') format('svg'); font-display: swap; } @font-face { font-family: "Encode-Sans"; font-weight: 600; src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-600-SemiBold.eot'); src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-600-SemiBold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-600-SemiBold.woff2') format('woff2'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-600-SemiBold.woff') format('woff'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-600-SemiBold.ttf') format('truetype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-600-SemiBold.svg#svgFontName') format('svg'); font-display: swap; } @font-face { font-family: "Encode-Sans"; font-weight: 700; src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-700-Bold.eot'); src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-700-Bold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-700-Bold.woff2') format('woff2'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-700-Bold.woff') format('woff'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-700-Bold.ttf') format('truetype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-700-Bold.svg#svgFontName') format('svg'); font-display: swap; } @font-face { font-family: "Encode-Sans"; font-weight: 800; src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-800-ExtraBold.eot'); src: url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-800-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-800-ExtraBold.woff2') format('woff2'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-800-ExtraBold.woff') format('woff'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-800-ExtraBold.ttf') format('truetype'), url('/wp-content/themes/seed-child-lgg/fonts/Encode-Sans/EncodeSansNarrow-800-ExtraBold.svg#svgFontName') format('svg'); font-display: swap; } /* originally pulled fonts out of style sheet because they broke on: iOS + WP total Cache (minify CSS) + using SSL @link https://theme.co/apex/forums/topic/google-fonts-locally/ */ /*@font-face {*/ /*font-family: Gotham;*/ /*font-weight: 100;*/ /*font-style: normal;*/ /*!* svg first *!*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/Gotham-Thin.svg') format('svg');*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/Gotham-Thin.woff') format('woff');*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/Gotham-Thin.woff2') format('woff2');*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/Gotham-Thin.eot') format('eot');*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/Gotham-Thin.eot?#iefix') format('embedded-opentype'),*/ /*url('/wp-content/themes/seed-child-lgg/fonts/Gotham/Gotham-Thin.ttf') format('truetype');*/ /*!*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/Gotham-Thin.WOFF');*!*/ /*}*/ /*@font-face {*/ /*font-family: Gotham;*/ /*font-weight: 300;*/ /*font-style: normal;*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-light.eot');*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-light.eot?#iefix') format('embedded-opentype'),*/ /*url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-light.ttf') format('truetype');*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-light.WOFF');*/ /*}*/ /*@font-face {*/ /*font-family: Gotham;*/ /*font-weight: 400;*/ /*font-style: normal;*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-book.eot');*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-book.eot?#iefix') format('embedded-opentype'),*/ /*url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-book.ttf') format('truetype');*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-book.WOFF');*/ /*}*/ /*@font-face {*/ /*font-family: Gotham;*/ /*font-weight: 500;*/ /*font-style: normal;*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-medium.eot');*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-medium.eot?#iefix') format('embedded-opentype'),*/ /*url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-medium.ttf') format('truetype');*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-medium.WOFF');*/ /*}*/ /*@font-face {*/ /*font-family: Gotham;*/ /*font-weight: 700;*/ /*font-style: normal;*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-bold.eot');*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-bold.eot?#iefix') format('embedded-opentype'),*/ /*url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-bold.ttf') format('truetype');*/ /*src: url('/wp-content/themes/seed-child-lgg/fonts/Gotham/gotham-bold.WOFF');*/ /*}*/ /* TYPOGRAPHY: COMMON STYLES */ /* ================================================== */ body { line-height: 1.65em; /*font-family: Gotham;*/ font-family: "Encode-Sans"; font-weight: 300; /*letter-spacing: 0.03em;*/ } body strong { /*color: #222;*/ color: white; } h1, h2, h3, h4, h5, h6 { /*font-family: Gotham;*/ font-family: "Encode-Sans"; font-weight: 300; line-height: 1.45em; /*letter-spacing: 0.02em;*/ margin-bottom: 20px; text-transform: uppercase; } #content-block h1, #content-block h2, #content-block h3, #content-block h4, #content-block h5, #content-block h6 { color:#e95320; } #content-block .text-white h1, #content-block .text-white h2, #content-block .text-white h3, #content-block .text-white h4, #content-block .text-white h5, #content-block .text-white h6 { color:#fff; } #content-block p, .sticky-content p, #content-block address, .popup p, text, table th, table td { color: white; opacity: 0.7; font-size: 16px; line-height: 28px; } #content-block label span, #content-block legend { color: white; /*opacity: 0.7;*/ } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { /*color: white;*/ } #footer p, #footer a { color: white; opacity: 0.7; } a, a:visited { color:#e95320; outline: 0 none; text-decoration: none; /*font-family: Gotham;*/ /*font-weight: 700;*/ /*line-height: 1.25em;*/ } a:hover { color:#e95320; } /* WP Menu Items ---------------------------------------------- */ #content-block .current-cat > a, #content-block .current-cat-parent > a, #content-block .current-post > a { /*color: #179d87;*/ } h1:last-child { margin-bottom: 0; } h2:last-child { margin-bottom: 0; } h3:last-child { margin-bottom: 0; } h4:last-child { margin-bottom: 0; } h5:last-child { margin-bottom: 0; } h6:last-child { margin-bottom: 0; } h1 { font-size: 52px; } h2 { font-size: 39px; } h3 { font-size: 34px; } h4 { font-size: 28px; } h5 { font-size: 18px; } h6 { font-size: 14px; } .hide-nf-preform .nf-before-form-content { display: none; } .entry-content p + p { margin-top: 1em; } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { /* TYPOGRAPHY */ /* ================================================== */ h1 { font-size: 42px; /*line-height: 36px;*/ } h2 { font-size: 30px; /*line-height: 28px;*/ } h3 { font-size: 24px; /*line-height: 24px;*/ } h4 { font-size: 21px; /*line-height: 21px;*/ } h5 { font-size: 16px; /*line-height: 21px;*/ } h6 { font-size: 14px; /*line-height: 21px;*/ } } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { /* TYPOGRAPHY */ /* ================================================== */ h1 { font-size: 36px; /*line-height: 36px;*/ } h2 { font-size: 28px; /*line-height: 28px;*/ } h3 { /*font-size: 18px;*/ /*line-height: 24px;*/ } h4 { /*font-size: 16px;*/ /*line-height: 21px;*/ } h5 { /*font-size: 16px;*/ /*line-height: 21px;*/ } h6 { /*font-size: 14px;*/ /*line-height: 21px;*/ } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 480px) { /* TYPOGRAPHY */ /* ================================================== */ h1 { font-size: 28px; /*line-height: 36px;*/ } h2 { font-size: 24px; /*line-height: 28px;*/ } h3 { font-size: 21px; /*line-height: 24px;*/ } } /* TRACERS */ /* ================================================== */ /* LAYOUT BLOCKS: Tracers */ /* ---------------------------------------------- */ /*.app-wrapper { border: 1px solid #888; }*/ /*.header-block { border: 1px solid #444; }*/ /*.header-content { border: 1px solid #444; }*/ /*.content-block { border: 1px solid #444; }*/ /*.content-inner { border: 1px solid #000; }*/ /*.footer-block { border: 1px solid #444; }*/ /* Micro Layout Tracers */ /* ---------------------------------------------- */ /*.ez-col { border: 1px solid green; }*/ /*.ez-row { border: 1px solid red; }*/ /*.container { border: 1px dashed blue; }*/ /*.global-row { border: 1px solid black; }*/ /*.global-row > * { border: 1px dashed black; }*/ /*.global-row > * > * { border: 1px dashed rgba(0,0,0,0.5); }*/ /*.ez-row.content-row,*/ /*.ez-col.content-row { border: 1px dashed #ddd; }*/ /*.content-row > * { border: 1px dashed black; }*/ /*.content-row > * > * { border: 1px dashed rgba(0,0,0,0.5); }*/ /* Animations */ /* ---------------------------------------------- */ /*.display-wrapper { border: 1px solid blue;}*/ /* WP Menus */ /* ---------------------------------------------- */ /*.menu ul { border: 1px solid orange; }*/ /*.menu li { border: 1px solid yellow; }*/ * { /*-webkit-transition: all .2s ease-out;*/ /*-moz-transition: all .2s ease-out;*/ /*transition: all .2s ease-out;*/ } body {; } /* LAYOUT */ /* ================================================== */ /* LAYOUT BLOCKS: Positioning */ /* ---------------------------------------------- */ .global-wrapper { /*width: 100%;*/ /*height: 100%;*/ /*margin: auto;*/ /*position: relative;*/ /*overflow: hidden;*/ } .global-inner { /*width: 100%;*/ /*height: 100%;*/ /*margin: auto;*/ /*position: relative;*/ background: #171a1f; } .mob-menu-open .global-inner { /*left: 300px;*/ } #global-mob-menu { /*position: absolute;*/ /*height: 100%;*/ /*overflow-y: auto;*/ /*overflow-x: hidden;*/ } .mob-menu-open #global-mob-menu { /*left: 0;*/ } .header-block { /*width: 100%;*/ /*display: table;*/ /*table-layout:fixed;*/ /*position: relative;*/ /*top: 0;*/ z-index: 20; } .content-block { /*width: 100%;*/ /*overflow-y: auto;*/ /*overflow-x: hidden;*/ } .footer-block { /*width: 100%;*/ /*display: table;*/ /*table-layout:fixed;*/ /*position: relative;*/ /*bottom: 0;*/ /*z-index: 10;*/ /*box-shadow: 0 0 80px rgba(0,0,0,0.3);*/ /*z-index: 10;*/ } /* MICRO LAYOUT */ /* ---------------------------------------------- */ /* THE Wrapper */ /* ---------------------------------------------- */ .global-inner {} /* THE Grid */ /* ---------------------------------------------- */ .container { max-width: 1300px; } .container-2 { width: 100%; max-width: 650px; display: inline-block; } .ez-col:first-child > .container-2 { float: right; } .ez-col:last-child > .container-2 { float: left; } .max-w-650 { max-width: 650px; } .max-w-400 { max-width: 400px; } /* Split Layout */ /*---------------------------------------------- */ .split-layout > .ez-col { /*border: 1px solid red;*/ padding: 0 40px; } .split-layout > .ez-col:first-child { /*border: 1px solid blue;*/ padding-left: 0; } .split-layout > .ez-col:not(.tablet-p-col):last-child { /*border: 1px solid green;*/ padding-right: 0; } /*.split-layout > .ez-col.tablet-p-col:last-child {*/ /*!* border: 1px solid green; *!*/ /*padding-right: 0;*/ /*}*/ /* Header Block */ /* ---------------------------------------------- */ .header-block { } #header-content .container { padding: 20px 0; } /* SHADOW */ #header-content .shadow-wrap { background: none; /*box-shadow: 0 0 10px rgba(0,0,0,0);*/ width: 100%; -webkit-transition: box-shadow .2s ease-out; -moz-transition: box-shadow .2s ease-out; transition: box-shadow .2s ease-out; } #header.scroll-header #header-content .shadow-wrap, body:not(.alt-header) #header #header-content .shadow-wrap { /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/ } /* BG COLOUR */ .header-block, .header-block > * { background: rgba(19,20,25,0.4); /*background: #131419;*/ /*background: none;*/ /*background: #30d3b8;*/ } .alt-header #header #header-content { background: none; /*background: -moz-linear-gradient(45deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%); !* FF3.6-15 *!*/ /*background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%); !* Chrome10-25,Safari5.1-6 *!*/ /*background: linear-gradient(45deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30d3b8', endColorstr='#0db7bd',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!*/ -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; transition: background .2s ease-out; } .alt-header #header-content .shadow-wrap { box-shadow: 0 0 10px rgba(0,0,0,0); } .alt-header #header.scroll-header #header-content { background: rgba(19,20,24,0.7); /*-webkit-transition: background .2s ease-out;*/ /*-moz-transition: background .2s ease-out;*/ /*transition: background .2s ease-out;*/ /*background: rgba(48, 211, 184, 1); !* Old browsers *!*/ /*background: -moz-linear-gradient(45deg, rgba(48, 211, 184, 1) 0%, rgba(13, 183, 189, 1) 100%); !* FF3.6-15 *!*/ /*background: -webkit-linear-gradient(45deg, rgba(48, 211, 184, 1) 0%, rgba(13, 183, 189, 1) 100%); !* Chrome10-25,Safari5.1-6 *!*/ /*background: linear-gradient(45deg, rgba(48, 211, 184, 1) 0%, rgba(13, 183, 189, 1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30d3b8', endColorstr='#0db7bd',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!*/ } /* Content Block */ /* ---------------------------------------------- */ .content-col > .container { padding-left: 20px; padding-right: 20px; } /* Sticky Div */ /* ---------------------------------------------- */ .sticky-div { /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/ } .sticky-block { } .header-block .sticky-div { /*box-shadow: 0 5px 5px rgba(0,0,0,0.1)*/ } /* Content Rows */ /* ---------------------------------------------- */ .global-row, #content > .global-row { /*background: #30d3b8;*/ padding: 0 30px; } .ez-row.content-row, .ez-col.content-row { /*background: rgba(127,127,127,1);*/ padding: 30px 45px; /*background-color: #fdfcfc;*/ /*background-color: #131419;*/ background-color: #484a5a; } .ez-row.content-row.hero-row { padding: 0; } .global-row > *, .content-row > * { /*background: rgba(255,255,255,0.2);*/ /*padding: 15px;*/ } /* padding */ #main .theme-row-padding { padding-top: 50px; padding-bottom: 50px; } #main .theme-row-padding-2 { padding-top: 80px; padding-bottom: 80px; } #main .theme-row-padding-3 { padding-top: 130px; padding-bottom: 130px; } #content #main .no-padding-top { padding-top: 0; } #content #main .no-padding-bottom { padding-bottom: 0; } /* Footer Block */ /* ---------------------------------------------- */ #footer.footer-block { /*box-shadow: 0 -4px 5px rgba(0,0,0,0.05);*/ /*background: url('/wp-content/themes/seed-child-lgg/images/cw-gradient-2.jpg');*/ /*background: url('/wp-content/themes/seed-child-lgg/cw-template-css/images/cw-gradient-2.jpg');*/ /*background-size: cover;*/ background: #18191e; } #footer.footer-block.global-row { padding-top: 50px; padding-bottom: 50px; } .footer-col { padding: 0 20px; } #footer.footer-block > .container { padding-top: 0; padding-bottom: 0; } #footer.footer-block > .container { padding-bottom: 10px; } #content .pB-0 { padding-bottom: 0; } .pL-col { padding-left: 45px; } /* Column Padding */ /* ---------------------------------------------- */ .pl-col { padding-left: 60px; } .pr-col { padding-right: 60px; } .p-1 { padding : 30px; } .p-2 { padding : 60px; } .p-3 { padding : 90px; } .pT-0 { padding-top: 0; } .pB-0 { padding-bottom: 0; } .pY-0 { padding-top: 0; padding-bottom: 0; } .pL-0 { padding-left: 0; } .pR-0 { padding-right: 0; } .pX-0 { padding-left: 0; padding-right: 0; } .pT-1 { padding-top: 30px; } .pB-1 { padding-bottom: 30px; } .pY-1 { padding-top: 30px; padding-bottom: 30px; } .pL-1 { padding-left: 30px; } .pR-1 { padding-right: 30px; } .pX-1 { padding-left: 30px; padding-right: 30px; } .pT-2 { padding-top: 60px; } .pB-2 { padding-bottom: 60px; } .pY-2 { padding-top: 60px; padding-bottom: 60px; } .pL-2 { padding-left: 60px; } .pR-2 { padding-right: 60px; } .pX-2 { padding-left: 60px; padding-right: 60px; } .pT-3 { padding-top: 90px; } .pB-3 { padding-bottom: 90px; } .pY-3 { padding-top: 90px; padding-bottom: 90px; } .pL-3 { padding-left: 90px; } .pR-3 { padding-right: 90px; } .pX-3 { padding-left: 90px; padding-right: 90px; } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { /* LAYOUT */ /* ================================================== */ #main .theme-row-padding { padding-top: 35px; padding-bottom: 35px; } #main .theme-row-padding-2 { padding-top: 70px; padding-bottom: 70px; } #main .theme-row-padding-3 { padding-top: 115px; padding-bottom: 115px; } } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { /* LAYOUT */ /* ================================================== */ .global-row, #content > .global-row { padding: 0 10px; } .ez-row.content-row, .ez-col.content-row { /*padding: 10px;*/ } #main .theme-row-padding { /*padding-top: 30px;*/ /*padding-bottom: 30px;*/ padding-top: 45px; padding-bottom: 45px; } #main .theme-row-padding-2 { /*padding-top: 45px;*/ /*padding-bottom: 45px;*/ padding-top: 60px; padding-bottom: 60px; } #main .theme-row-padding-3 { padding-top: 60px; padding-bottom: 60px; } .ez-col.portrait-col { margin-bottom: 15px; } .mobile-col.width-phi-lrg { /*width: 52.5%;*/ /*width: 52.5%;*/ } /* FOOTER */ /* ---------------------------------------------- */ #footer.footer-block.global-row { /*padding-top: 50px;*/ /*padding-bottom: 50px;*/ } /* Column Padding */ /* ---------------------------------------------- */ .pl-col { padding-left: 30px; } .pr-col { padding-right: 30px; } } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { /* LAYOUT */ /* ================================================== */ .global-row, #content > .global-row { padding: 0 15px; } #main .theme-row-padding { padding-top: 30px; padding-bottom: 30px; } #main .theme-row-padding-2 { padding-top: 45px; padding-bottom: 45px; } #main .theme-row-padding-3 { padding-top: 75px; padding-bottom: 75px; } /* THE Grid */ /* ---------------------------------------------- */ .split-layout > .ez-col { padding: 0; } /* HEADER */ /* ---------------------------------------------- */ #header-content .container { padding: 5px 0; } /* Sidebar Layout */ /* ---------------------------------------------- */ .sidebar-layout .ez-col.mobile-col { margin-bottom: 30px; padding: 0; } .sidebar-layout .ez-col.mobile-col:last-child { /*margin-bottom: 0;*/ margin-bottom: 60px; } .meta-group-tile { padding: 0; } /* FOOTER */ /* ---------------------------------------------- */ #footer.footer-block > .container { padding-top: 20px; padding-bottom: 50px; } .pL-col.mobile-col { padding-left: 0; } /* Column Padding */ /* ---------------------------------------------- */ .pl-col.mobile-col, .pl-col.ez-container-2{ padding-left: unset; } .pr-col.mobile-col, .pr-col.ez-container-2{ padding-right: unset; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px) { /* LAYOUT */ /* ================================================== */ .ez-row.content-row, .ez-col.content-row { padding: 15px; } .ez-col.portrait-col { margin-bottom: 15px; } .mob-portrait-col { width: 100%; } /* FOOTER */ /* ---------------------------------------------- */ #footer.footer-block > .container { padding-top: 20px; padding-bottom: 50px; } } .bg-cover, .mb-bg, .hero-container, .static-hero-container { background-size: cover; background-position: center center; /*background-color: rgba(0,0,0,0.5);*/ } .static-hero-content { padding-top: 120px; padding-bottom: 80px; } .relative-pos { position: relative; display: table; width: 100%; table-layout: fixed; } .vh-100 { height: 100vh; } /* TEXT-WHITE */ .text-white * { color: white; } .text-white a.cta.cta-alt, .text-white .cta.cta-alt > * { border: 1px solid white; background: none; } .text-white a.cta.cta-alt:hover, .text-white .cta.cta-alt:hover > * { background: rgba(0,0,0,0.1); } /* TINTS */ .tinted { background: rgba(0,0,0,0.4); } .tinted-dark { background: rgba(0,0,0,0.6); } /* EZ-TILE */ .ez-tile { padding: 30px 30px 45px; background: white; display: inline-block; margin-bottom: 30px; /*background: rgba(74,92,97,0.5);*/ position: relative; } a.ez-tile { font-weight: 300; } .ez-tile .service-tile-icon { display: inline-block; /*margin: -30px -15px 0 0;*/ position: relative; width: 152px; height: 70px; } .ez-tile .service-tile-icon img { /*position: absolute;*/ /*margin-top: -50px;*/ display: inline-block; } .ez-tile:hover { /*background: rgba(0,0,0,0.4);*/ } /* MISC */ .shadow-wrap { box-shadow: 0 0 10px rgba(0,0,0,0.1); } .circle-crop { border-radius: 50%; overflow: hidden; } .inline-block { display: inline-block; } .gradient-shadow { /*background: #30d3b8; !* Old browsers *!*/ background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(0deg, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.5)', endColorstr='rgba(0,0,0,0)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .pad-container { padding: 0 30px; } .parallax .ez-row.content-row { background: none; } .nocomments { display: none; } /* META-GROUP TILES*/ .meta-group-tiles .tiles-wrap { padding: 30px 0 0; } .meta-group-tiles .ez-tile { background: rgba(74, 92, 97, 0.5); } .meta-group-tile { padding: 15px; } .meta-group-tiles .ez-tile:hover { background: rgba(0,0,0,0.6); } /* tinted half-width thingy */ .hero-container .width-2.tinted p { max-width: 20em; margin-left: auto; margin-right: auto; } /* SIDE-BAR LAYOUT */ #main .sidebar-row { background: #f7f6f6; /*border-top: 1px solid #f0efef;*/ border-bottom: 1px solid #f0efef; padding-top: 0; padding-bottom: 0; /*border-top: 1px solid #ddd;*/ border-bottom: 1px solid #eaeaea; } .sidebar-row .content-col:nth-last-child(2), .sidebar-row .sidebar-col:nth-last-child(2) { border-right: 1px solid #f0efef; border-right: 1px solid #eee; } .sidebar-row .content-col, .sidebar-row .sidebar-col { padding: 0 5%; } .sidebar-layout .width-phi-lrg { width: 59.44%; } .sidebar-img, .sidebar-img img { max-width:100%; } /* IN VIEW ANIMATIONS */ .iva-active.iva--alpha-in { opacity: 0; -webkit-transition: opacity 1.3s ease-out; -moz-transition: opacity 1.3s ease-out; transition: opacity 1.3s ease-out; } /* POPUP COMMON */ .popup .contact-form { /*height: 0!important;*/ -webkit-transition: height .2s ease-out; -moz-transition: height .2s ease-out; transition: height .2s ease-out; } .popup.hidden .contact-form { height: 0!important; } /* - Video Popup */ #video-container { max-width: 1100px; /*padding-bottom: 56.25%;*/ position: relative; } #video-container iframe { width: 100%; max-width: 1100px; height: 100%; background: rgba(0,0,0,0.2); z-index: 10; position: absolute; top: 0; left: 0; /*margin-bottom: -10px;*/ } #video-container::before { content: 'Video Loading'; position: absolute; /*border: 1px solid red;*/ display: inline-block; z-index: 0; opacity: 0.3; height : 0; top: calc(50% - 24px); left: calc(50% - 80px); } #popup-video .popup-container { width: 100%; max-width: 1100px; } #popup-video .popup-content > .ez-col { padding: 0; } /* hide header */ .popup .popup-container .popup-header { /* display: none; */ position: absolute; z-index: 100; box-shadow: none; background: none; } .popup .popup-container .header-text { opacity: 0; } /* PRELOADER */ .preloader { display: block; width: 100%; height: 100%; position: fixed; z-index: 100; opacity: 0; pointer-events: none; text-align: center; vertical-align: middle; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1eb097+0,0db7bd+100 */ background: #30d3b8; /* Old browsers */ background: -webkit-radial-gradient(rgba(0,0,0,0.1), transparent), -moz-linear-gradient(45deg, #30d3b8 0%, #0db7bd 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(rgba(0,0,0,0.1), transparent), -webkit-linear-gradient(45deg, #30d3b8 0%,#0db7bd 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(rgba(0,0,0,0.1), transparent), linear-gradient(45deg, #30d3b8 0%,#0db7bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30d3b8', endColorstr='#0db7bd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .preloader > .ez-row { rgba(0,0,0,0.7); } .preloader.active { opacity: 1; pointer-events: all; } .preloader.active.hidden { opacity: 0; pointer-events: none; -webkit-transition: opacity 0.8s ease-out; -moz-transition: opacity 0.8s ease-out; transition: opacity 0.8s ease-out; } .no-js .preloader, .ie1.win-ie .preloader.active.hidden { display: none; } .preloader .ez-row, .preloader .ez-col { height: 100%; } .preloader .loader-container { opacity: 0; -webkit-transition: opacity 1.5s ease-out; -moz-transition: opacity 1.5s ease-out; transition: opacity 1.5s ease-out; /*-webkit-transition-delay: 0.5s;*/ /*-moz-transition-delay: 0.5s;*/ /*transition-delay: 0.5s;*/ display: inline-block; position: relative; width: 100px; height: 100px; margin: 0 auto 50px; padding-top: 50px; } .preloader.show-logo .loader-container { opacity: 1; } .loader-control { display: inline-block; position: relative; width: 100px; height: 100px; /*margin: 0 auto 50px;*/ /*padding-top: 50px;*/ /*background: url('/wp-content/themes/seed-child-lgg/images/cw-logo.png');*/ /*background-repeat: no-repeat;*/ /*background-position: center center;*/ /*background-size: 75%;*/ } .loader-background { position: absolute; top: 50px; /*left: -3px;*/ /*.win-ie .loader-control {*/ /*width: 80px;*/ /*height: 80px;*/ /*padding-top: 0;*/ /*background-size: 75%;*/ /*}*/ } .gecko .loader-background { top: 46px; left: -3px; } .loader-fallback { display: none; } .win-ie .loader-fallback { display: inline-block; margin-top: 110px; } .win-ie .loader-control { display: none; } /* HOVER FOCUS */ .hover-focus .hf-item, .hover-focus .menu li > a { /*-webkit-transition: opacity .2s ease-out!important;*/ /*-moz-transition: opacity .2s ease-out!important;*/ /*transition: opacity .2s ease-out!important;*/ } .hover-focus:hover .hf-item, .hover-focus:hover .menu li > a { /*opacity: 0.4!important;*/ } .hover-focus:hover .hf-item:hover, .hover-focus:hover li:hover > a { /*opacity: 1!important;*/ } .hover-focus .slider .slider-option { /*-webkit-transition: opacity .2s ease-out!important;*/ /*-moz-transition: opacity .2s ease-out!important;*/ /*transition: opacity .2s ease-out!important;*/ } .hover-focus .slider .slider-options:hover .slider-option { /*opacity: 0.3!important;*/ } .hover-focus .slider .slider-options:hover .slider-option:hover { /*opacity: 1!important;*/ } /* ANIMATIONS */ .animate-all { -webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out; transition: all .7s ease-out; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { /* Video Popup */ /*---------------------------------------------- */ #video-container iframe { width: 100%; } #popup-video .popup-container { width: 100%; max-width: 700px; } } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { #popup-video .popup-container { width: 95%; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { /* Video Popup */ /*---------------------------------------------- */ #video-container iframe { /*height: 315px;*/ } #popup-video .popup-container { width: 95%; } .fade-wrapper { padding: 0 30px; } .hero-slider .fade-wrapper { padding: 0; } /* EZ-TILE */ .ez-tile { padding: 15px 15px 45px; /*background: white;*/ display: inline-block; margin-bottom: 90px; background: rgba(74,92,97,0.5); position: relative; } a.ez-tile { font-weight: 300; max-width: 480px; margin-left: auto; margin-right: auto; } .service-tiles a.ez-tile > p { max-width: 26em; margin-left: auto; margin-right: auto; } .ez-tile .service-tile-icon { display: inline-block; margin: -20px -15px 0 0; position: relative; width: 125px; height: 60px; } .ez-tile .service-tile-icon img { position: absolute; margin-top: -50px; } /* META-GROUP TILES*/ .meta-group-tiles .tiles-wrap { /*margin-bottom: -90px;*/ } /* MISC */ .mobile-col.width-phi-lrg { width: 100%; } .gradient-shadow { /*background: #30d3b8; !* Old browsers *!*/ background: -moz-linear-gradient(180deg, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(180deg, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.4)', endColorstr='rgba(0,0,0,0)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background: rgba(0,0,0,0.4); } /* SIDE-BAR LAYOUT */ .sidebar-row .content-col, .sidebar-row .sidebar-col { padding: 0 15px; } .sidebar-layout .entry-content { text-align: center; max-width: 25em; margin: 0 auto; } .sidebar-row .content-col:nth-last-child(2), .sidebar-row .sidebar-col:nth-last-child(2) { border-right: none; } .sidebar-img{ max-width: 300px; width: 60% } #main .sidebar-col:first-child{ padding-bottom: 0; margin-bottom: -60px; } #main .sidebar-row .entry-content { /*padding-bottom: 0;*/ } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ #about-gallery .brick { width: 100%; } } @media only screen and (max-width: 400px){ .popup .header-wrap { overflow: hidden; height: 1.5em; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* Responsive video popups */ @media only screen and (max-height: 900px) and (max-width: 1100px){ #popup-video .popup-container { max-width: 1000px; } } @media only screen and (max-height: 800px) and (max-width: 1000px){ #popup-video .popup-container { max-width: 900px; } } @media only screen and (max-height: 700px) and (max-width: 900px){ #popup-video .popup-container { max-width: 800px; } } @media only screen and (max-height: 600px) and (max-width: 800px){ #popup-video .popup-container { max-width: 700px; } } @media only screen and (max-height: 500px) and (max-width: 700px){ #popup-video .popup-container { max-width: 600px; } } @media only screen and (max-height: 400px) and (max-width: 600px){ #popup-video .popup-container { max-width: 500px; } } /* ==================== */ /* Core Theme UTILITIES */ /* ==================== */ /* MISC Utils */ /* ---------------------------------------------- */ .circle-crop { border-radius: 50%; overflow: hidden; } .bg-cover { background-size: cover; background-position: center center; /*background-color: rgba(0,0,0,0.5);*/ } #global-wrapper .disabled { opacity: 0.4; cursor: default; } .cursor-pointer {cursor: pointer;} /* PADDING */ /* ---------------------------------------------- */ .pt-phi { padding-top: calc(100% * 5/8); } /* BACKGROUNDS */ /* ---------------------------------------------- */ .bg-grey-05 { background: #f2f2f2; } .bg-grey-10 { background: #e5e5e5; } .bg-grey-25 { background: #c0c0c0; } .bg-grey-50 { background: #808080; } .bg-grey-65 { background: #595959; } .bg-grey-75 { background: #404040; } .bg-grey-85 { background: #262626; } .bg-grey-90 { background: #1a1a1a; } .bg-grey-95 { background: #111111; } /* Gradients */ .bg-grey-90-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1eb097+0,0db7bd+100 */ background: #1a1a1a; /* Old browsers */ background: -webkit-radial-gradient(rgba(0,0,0,0.1), transparent), -moz-linear-gradient(45deg, #1a1a1a 0%, #111111 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(rgba(0,0,0,0.1), transparent), -webkit-linear-gradient(45deg, #1a1a1a 0%,#111111 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(rgba(0,0,0,0.1), transparent), linear-gradient(45deg, #1a1a1a 0%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#111111',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bg-white-90 { background: rgba(255,255,255,0.9); } .bg-white-80 { background: rgba(255,255,255,0.8); } .bg-white-75 { background: rgba(255,255,255,0.75); } .bg-white-60 { background: rgba(255,255,255,0.6); } .bg-white-50 { background: rgba(255,255,255,0.5); } .bg-white-25 { background: rgba(255,255,255,0.25); } .bg-white-20 { background: rgba(255,255,255,0.2); } .bg-white-10 { background: rgba(255,255,255,0.1); } .bg-black-90 { background: rgba(0,0,0,0.9); } .bg-black-80 { background: rgba(0,0,0,0.8); } .bg-black-75 { background: rgba(0,0,0,0.75); } .bg-black-60 { background: rgba(0,0,0,0.6); } .bg-black-50 { background: rgba(0,0,0,0.5); } .bg-black-25 { background: rgba(0,0,0,0.25); } .bg-black-20 { background: rgba(0,0,0,0.2); } .bg-black-10 { background: rgba(0,0,0,0.1); } /* BORDERS */ /* ---------------------------------------------- */ .b-grey-10 { border-color: #e5e5e5 !important; } .b-grey-25 { border-color: #c0c0c0 !important; } .b-grey-50 { border-color: #808080 !important; } .b-grey-65 { border-color: #595959 !important; } .b-grey-75 { border-color: #404040 !important; } .b-grey-80 { border-color: #333333 !important; } .b-white-90 { border-color: rgba(255,255,255,0.9); } .b-white-80 { border-color: rgba(255,255,255,0.8); } .b-white-75 { border-color: rgba(255,255,255,0.75); } .b-white-60 { border-color: rgba(255,255,255,0.6); } .b-white-50 { border-color: rgba(255,255,255,0.5); } .b-white-25 { border-color: rgba(255,255,255,0.25); } .b-white-20 { border-color: rgba(255,255,255,0.2); } .b-white-10 { border-color: rgba(255,255,255,0.1); } .b-black-90 { border-color: rgba(0,0,0,0.9); } .b-black-80 { border-color: rgba(0,0,0,0.8); } .b-black-75 { border-color: rgba(0,0,0,0.75); } .b-black-60 { border-color: rgba(0,0,0,0.6); } .b-black-50 { border-color: rgba(0,0,0,0.5); } .b-black-25 { border-color: rgba(0,0,0,0.25); } .b-black-20 { border-color: rgba(0,0,0,0.2); } .b-black-10 { border-color: rgba(0,0,0,0.1); } .border-solid { border-style: solid; } .border-top { border-top-width: 1px !important; border-top-style: solid; } .border-bottom { border-bottom-width: 1px !important; border-bottom-style: solid; } .border-left { border-left-width: 1px !important; border-left-style: solid; } .border-right { border-right-width: 1px !important; border-right-style: solid; } @media only screen and (min-width: 576px) { .border-sm-top { border-top-width: 1px !important; border-top-style: solid; } .border-sm-bottom { border-bottom-width: 1px !important; border-bottom-style: solid; } .border-sm-left { border-left-width: 1px !important; border-left-style: solid; } .border-sm-right { border-right-width: 1px !important; border-right-style: solid; } } @media only screen and (min-width: 768px) { .border-md-top { border-top-width: 1px !important; border-top-style: solid; } .border-md-bottom { border-bottom-width: 1px !important; border-bottom-style: solid; } .border-md-left { border-left-width: 1px !important; border-left-style: solid; } .border-md-right { border-right-width: 1px !important; border-right-style: solid; } } .gradient-tint { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.6))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 50%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6))); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } /* Custom WIDTH Utils */ /* ---------------------------------------------- */ .width-2 { width: 50%; } .width-3 { width: 33.33%; } .width-4 { width: 25%; } .width-5 { width: 20%; } .width-6 { width: 16.66%; } .width-7 { width: 14.28%; } .width-8 { width: 12.5%; } .width-9 { width: 11.11%; } .width-10 { width: 10%; } .width-11 { width: 9.0909%; } .width-12 { width: 8.33%; } .width-phi-lrg { width: 61.8%; } .width-phi-sml { width: 38.2%; } .width-50 { width:50px !important; } .width-100 { width:100px !important; } .width-150 { width:150px !important; } .width-180 { width:180px !important; } .width-200 { width:200px !important; } .width-250 { width:250px !important; } .width-300 { width:300px !important; } .width-350 { width:350px !important; } .width-400 { width:400px !important; } .width-450 { width:450px !important; } .width-500 { width:500px !important; } .width-550 { width:550px !important; } .width-600 { width:600px !important; } .width-650 { width:650px !important; } .width-700 { width:700px !important; } .width-750 { width:750px !important; } .width-800 { width:800px !important; } .width-850 { width:850px !important; } .max-w-50 { max-width:50px !important; } .max-w-100 { max-width:100px !important; } .max-w-150 { max-width:150px !important; } .max-w-180 { max-width:180px !important; } .max-w-200 { max-width:200px !important; } .max-w-250 { max-width:250px !important; } .max-w-300 { max-width:300px !important; } .max-w-350 { max-width:350px !important; } .max-w-400 { max-width:400px !important; } .max-w-450 { max-width:450px !important; } .max-w-500 { max-width:500px !important; } .max-w-550 { max-width:550px !important; } .max-w-600 { max-width:600px !important; } .max-w-650 { max-width:650px !important; } .max-w-700 { max-width:700px !important; } .max-w-750 { max-width:750px !important; } .max-w-800 { max-width:800px !important; } .max-w-850 { max-width:850px !important; } .max-w-900 { max-width:900px !important; } .max-w-950 { max-width:950px !important; } .max-w-1000 { max-width:1000px !important; } .max-w-1050 { max-width:1050px !important; } .max-w-25perc { max-width:25% !important; } .max-w-33perc { max-width:33% !important; } .max-w-50perc { max-width:50% !important; } .max-w-75perc { max-width:75% !important; } .max-w-80perc { max-width:80% !important; } .max-w-100perc { max-width:100% !important; } .max-w-6em { max-width:6em !important; } .max-w-10em { max-width:10em !important; } .max-w-12em { max-width:12em !important; } .max-w-14em { max-width:14em !important; } .max-w-16em { max-width:16em !important; } .max-w-18em { max-width:18em !important; } .max-w-20em { max-width:20em !important; } .max-w-25em { max-width:25em !important; } .max-w-30em { max-width:30em !important; } .max-w-35em { max-width:35em !important; } .max-w-40em { max-width:40em !important; } .max-w-45em { max-width:45em !important; } .max-w-50em { max-width:50em !important; } @media (min-width: 400px) { .width-xs-50 { width: 50px; } .width-xs-100 { width: 100px !important; } .width-xs-150 { width: 150px !important; } .width-xs-180 { width: 180px !important; } .width-xs-200 { width: 200px !important; } .width-xs-250 { width: 250px !important; } .width-xs-300 { width: 300px !important; } .width-xs-350 { width: 350px !important; } .width-xs-400 { width: 400px !important; } .width-xs-450 { width: 450px !important; } .width-xs-500 { width: 500px !important; } .width-xs-550 { width: 550px !important; } .width-xs-600 { width: 600px !important; } .width-xs-650 { width: 650px !important; } .width-xs-700 { width: 700px !important; } .width-xs-750 { width: 750px !important; } .width-xs-800 { width: 800px !important; } .width-xs-850 { width: 850px !important; } } @media (min-width: 576px) { .width-sm-50 { width: 50px !important; } .width-sm-100 { width: 100px !important; } .width-sm-150 { width: 150px !important; } .width-sm-180 { width: 180px !important; } .width-sm-200 { width: 200px !important; } .width-sm-250 { width: 250px !important; } .width-sm-300 { width: 300px !important; } .width-sm-350 { width: 350px !important; } .width-sm-400 { width: 400px !important; } .width-sm-450 { width: 450px !important; } .width-sm-500 { width: 500px !important; } .width-sm-550 { width: 550px !important; } .width-sm-600 { width: 600px !important; } .width-sm-650 { width: 650px !important; } .width-sm-700 { width: 700px !important; } .width-sm-750 { width: 750px !important; } .width-sm-800 { width: 800px !important; } .width-sm-850 { width: 850px !important; } } @media (min-width: 768px) { .width-md-50 { width: 50px !important; } .width-md-100 { width: 100px !important; } .width-md-150 { width: 150px !important; } .width-md-180 { width: 180px !important; } .width-md-200 { width: 200px !important; } .width-md-250 { width: 250px !important; } .width-md-300 { width: 300px !important; } .width-md-350 { width: 350px !important; } .width-md-400 { width: 400px !important; } .width-md-450 { width: 450px !important; } .width-md-500 { width: 500px !important; } .width-md-550 { width: 550px !important; } .width-md-600 { width: 600px !important; } .width-md-650 { width: 650px !important; } .width-md-700 { width: 700px !important; } .width-md-750 { width: 750px !important; } .width-md-800 { width: 800px !important; } .width-md-850 { width: 850px !important; } } @media (min-width: 992px) { .width-lg-50 { width: 50px !important; } .width-lg-100 { width: 100px !important; } .width-lg-150 { width: 150px !important; } .width-lg-180 { width: 180px !important; } .width-lg-200 { width: 200px !important; } .width-lg-250 { width: 250px !important; } .width-lg-300 { width: 300px !important; } .width-lg-350 { width: 350px !important; } .width-lg-400 { width: 400px !important; } .width-lg-450 { width: 450px !important; } .width-lg-500 { width: 500px !important; } .width-lg-550 { width: 550px !important; } .width-lg-600 { width: 600px !important; } .width-lg-650 { width: 650px !important; } .width-lg-700 { width: 700px !important; } .width-lg-750 { width: 750px !important; } .width-lg-800 { width: 800px !important; } .width-lg-850 { width: 850px !important; } } /*!* THE Grid *!*/ /*!* ---------------------------------------------- *!*/ /*!* rows *!*/ /*.ez-row {*/ /* width: 100%;*/ /* display: table;*/ /*}*/ /*!* columns *!*/ /*.ez-col {*/ /* display: table-cell;*/ /* vertical-align: middle;*/ /*}*/ /* BS - ovverride todo figure out what you actually need & move to override or extensions */ /* ---------------------------------------------- */ .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-50 { height: 50vh !important; } .vh-60 { height: 60vh !important; } .vh-75 { height: 75vh !important; } .vh-90 { height: 90vh !important; } .vh-100 { height: 100vh !important; } .vh-60-min { min-height: 60vh !important; } .vh-75-min { min-height: 75vh !important; } .vh-90-min { min-height: 90vh !important; } .vh-100-min { hmin-eight: 100vh !important; } @media (min-width: 576px) { .vh-sm-60 { height: 60vh !important; } } @media (min-width: 768px) { .w-md-auto { width: auto !important} .vh-md-50 { height: 50vh !important; } .vh-md-60 { height: 60vh !important; } .vh-md-75 { height: 75vh !important; } .vh-md-90 { height: 90vh !important; } .vh-md-100 { height: 100vh !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*.text-left {*/ /*text-align: left !important;*/ /*}*/ /*.text-right {*/ /*text-align: right !important;*/ /*}*/ /*.text-center {*/ /*text-align: center !important;*/ /*}*/ @media (min-width: 480px) { .m-mp-0 { margin: 0 !important; } .mt-mp-0, .my-mp-0 { margin-top: 0 !important; } .mr-mp-0, .mx-mp-0 { margin-right: 0 !important; } .mb-mp-0, .my-mp-0 { margin-bottom: 0 !important; } .ml-mp-0, .mx-mp-0 { margin-left: 0 !important; } .m-mp-1 { margin: 0.25rem !important; } .mt-mp-1, .my-mp-1 { margin-top: 0.25rem !important; } .mr-mp-1, .mx-mp-1 { margin-right: 0.25rem !important; } .mb-mp-1, .my-mp-1 { margin-bottom: 0.25rem !important; } .ml-mp-1, .mx-mp-1 { margin-left: 0.25rem !important; } .m-mp-2 { margin: 0.5rem !important; } .mt-mp-2, .my-mp-2 { margin-top: 0.5rem !important; } .mr-mp-2, .mx-mp-2 { margin-right: 0.5rem !important; } .mb-mp-2, .my-mp-2 { margin-bottom: 0.5rem !important; } .ml-mp-2, .mx-mp-2 { margin-left: 0.5rem !important; } .m-mp-3 { margin: 1rem !important; } .mt-mp-3, .my-mp-3 { margin-top: 1rem !important; } .mr-mp-3, .mx-mp-3 { margin-right: 1rem !important; } .mb-mp-3, .my-mp-3 { margin-bottom: 1rem !important; } .ml-mp-3, .mx-mp-3 { margin-left: 1rem !important; } .m-mp-4 { margin: 1.5rem !important; } .mt-mp-4, .my-mp-4 { margin-top: 1.5rem !important; } .mr-mp-4, .mx-mp-4 { margin-right: 1.5rem !important; } .mb-mp-4, .my-mp-4 { margin-bottom: 1.5rem !important; } .ml-mp-4, .mx-mp-4 { margin-left: 1.5rem !important; } .m-mp-5 { margin: 3rem !important; } .mt-mp-5, .my-mp-5 { margin-top: 3rem !important; } .mr-mp-5, .mx-mp-5 { margin-right: 3rem !important; } .mb-mp-5, .my-mp-5 { margin-bottom: 3rem !important; } .ml-mp-5, .mx-mp-5 { margin-left: 3rem !important; } .p-mp-0 { padding: 0 !important; } .pt-mp-0, .py-mp-0 { padding-top: 0 !important; } .pr-mp-0, .px-mp-0 { padding-right: 0 !important; } .pb-mp-0, .py-mp-0 { padding-bottom: 0 !important; } .pl-mp-0, .px-mp-0 { padding-left: 0 !important; } .p-mp-1 { padding: 0.25rem !important; } .pt-mp-1, .py-mp-1 { padding-top: 0.25rem !important; } .pr-mp-1, .px-mp-1 { padding-right: 0.25rem !important; } .pb-mp-1, .py-mp-1 { padding-bottom: 0.25rem !important; } .pl-mp-1, .px-mp-1 { padding-left: 0.25rem !important; } .p-mp-2 { padding: 0.5rem !important; } .pt-mp-2, .py-mp-2 { padding-top: 0.5rem !important; } .pr-mp-2, .px-mp-2 { padding-right: 0.5rem !important; } .pb-mp-2, .py-mp-2 { padding-bottom: 0.5rem !important; } .pl-mp-2, .px-mp-2 { padding-left: 0.5rem !important; } .p-mp-3 { padding: 1rem !important; } .pt-mp-3, .py-mp-3 { padding-top: 1rem !important; } .pr-mp-3, .px-mp-3 { padding-right: 1rem !important; } .pb-mp-3, .py-mp-3 { padding-bottom: 1rem !important; } .pl-mp-3, .px-mp-3 { padding-left: 1rem !important; } .p-mp-4 { padding: 1.5rem !important; } .pt-mp-4, .py-mp-4 { padding-top: 1.5rem !important; } .pr-mp-4, .px-mp-4 { padding-right: 1.5rem !important; } .pb-mp-4, .py-mp-4 { padding-bottom: 1.5rem !important; } .pl-mp-4, .px-mp-4 { padding-left: 1.5rem !important; } .p-mp-5 { padding: 3rem !important; } .pt-mp-5, .py-mp-5 { padding-top: 3rem !important; } .pr-mp-5, .px-mp-5 { padding-right: 3rem !important; } .pb-mp-5, .py-mp-5 { padding-bottom: 3rem !important; } .pl-mp-5, .px-mp-5 { padding-left: 3rem !important; } .m-mp-n1 { margin: -0.25rem !important; } .mt-mp-n1, .my-mp-n1 { margin-top: -0.25rem !important; } .mr-mp-n1, .mx-mp-n1 { margin-right: -0.25rem !important; } .mb-mp-n1, .my-mp-n1 { margin-bottom: -0.25rem !important; } .ml-mp-n1, .mx-mp-n1 { margin-left: -0.25rem !important; } .m-mp-n2 { margin: -0.5rem !important; } .mt-mp-n2, .my-mp-n2 { margin-top: -0.5rem !important; } .mr-mp-n2, .mx-mp-n2 { margin-right: -0.5rem !important; } .mb-mp-n2, .my-mp-n2 { margin-bottom: -0.5rem !important; } .ml-mp-n2, .mx-mp-n2 { margin-left: -0.5rem !important; } .m-mp-n3 { margin: -1rem !important; } .mt-mp-n3, .my-mp-n3 { margin-top: -1rem !important; } .mr-mp-n3, .mx-mp-n3 { margin-right: -1rem !important; } .mb-mp-n3, .my-mp-n3 { margin-bottom: -1rem !important; } .ml-mp-n3, .mx-mp-n3 { margin-left: -1rem !important; } .m-mp-n4 { margin: -1.5rem !important; } .mt-mp-n4, .my-mp-n4 { margin-top: -1.5rem !important; } .mr-mp-n4, .mx-mp-n4 { margin-right: -1.5rem !important; } .mb-mp-n4, .my-mp-n4 { margin-bottom: -1.5rem !important; } .ml-mp-n4, .mx-mp-n4 { margin-left: -1.5rem !important; } .m-mp-n5 { margin: -3rem !important; } .mt-mp-n5, .my-mp-n5 { margin-top: -3rem !important; } .mr-mp-n5, .mx-mp-n5 { margin-right: -3rem !important; } .mb-mp-n5, .my-mp-n5 { margin-bottom: -3rem !important; } .ml-mp-n5, .mx-mp-n5 { margin-left: -3rem !important; } .m-mp-auto { margin: auto !important; } .mt-mp-auto, .my-mp-auto { margin-top: auto !important; } .mr-mp-auto, .mx-mp-auto { margin-right: auto !important; } .mb-mp-auto, .my-mp-auto { margin-bottom: auto !important; } .ml-mp-auto, .mx-mp-auto { margin-left: auto !important; } } /* BORDER (override bootstrap styles to allow more flexibility & shorter css class strings */ /* ---------------------------------------------- */ /* -- border style */ .b-solid { border-style: solid!important; border-color: #dee2e6; border-width: 0; /* should be used in combination with utilities below */ } /* -- border width */ .b-1 { border-width: 1px !important; } .by-1, .bt-1 { border-top-width: 1px !important; } .bx-1, .br-1 { border-right-width: 1px !important; } .by-1, .bb-1 { border-bottom-width: 1px !important; } .bx-1, .bl-1 { border-left-width: 1px !important; } .b-md-0 { border: 0 !important; } .by-0, .bt-0 { border-top-width: 0 !important; } .bx-0, .br-0 { border-right-width: 0 !important; } .by-0, .bb-0 { border-bottom-width: 0 !important; } .bx-0, .bl-0 { border-left-width: 0 !important; } /* -- border width (responsive) */ @media only screen and (min-width: 576px){ /* use as needed */ } @media only screen and (min-width: 768px) { .b-md-1 { border-width: 1px !important; } .by-md-1, .bt-md-1 { border-top-width: 1px !important; } .bx-md-1, .br-md-1 { border-right-width: 1px !important; } .by-md-1, .bb-md-1 { border-bottom-width: 1px !important; } .bx-md-1, .bl-md-1 { border-left-width: 1px !important; } .b-md-0 { border: 0 !important; } .by-md-0, .bt-md-0 { border-top: 0 !important; } .bx-md-0, .br-md-0 { border-right: 0 !important; } .by-md-0, .bb-md-0 { border-bottom: 0 !important; } .bx-md-0, .bl-md-0 { border-left: 0 !important; } } @media only screen and (min-width: 992px) { /* use as needed */ } @media only screen and (min-width:1025px) { /* use as needed */ } @media only screen and (min-width:1160px) { /* use as needed */ } /* CONTROLS */ /*===========================================================*/ /* LOGO & HOME ICON */ /*---------------------------------------------- */ .header-block .logo { /*padding: 0 10px;*/ } .header-block .logo a { display: inline-block; } .header-block .logo img { width: auto; height: auto; max-width: 250px; } .home-icon { display: inline-block; margin-right: 5px; } #global-wrapper .home-icon img { max-width: 40px; position: relative; top: -7px; } /* THE MENU */ /*---------------------------------------------- */ /*---------------------------------------------- */ .header-block .menu { /*float: right;*/ /*!*position: relative;*!*/ /*background: #fff;*/ } .header-block .menu li { /*display: inline-block;*/ /*list-style-type: none;*/ /*font-size: 16px;*/ /*margin: 0;*/ } .header-block .menu li > a { /*display: block;*/ /*padding: 13px 21px;*/ /*text-decoration: none;*/ } .header-block .menu > li > a { text-transform: uppercase; font-weight: 400; } .alt-header .header-block .menu > li > a { /*padding: 21px 21px;*/ } .alt-header .mob-menu-trigger * { /*padding: 8px 13px;*/ } /* FONT COLOURS */ /*---------------------------------------------- */ .alt-header .header-block .menu > li > a, .alt-header .mob-menu-trigger * { color: #fff; opacity: 0.7; -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; transition: color .2s ease-out; } .header-block a, .alt-header .header-block.scroll-header .menu > li > a { color: #fff; opacity: 0.7; } .header-block .logo a { opacity: 1; } .alt-header .scroll-header .mob-menu-trigger * { color: #fff; } #header.header-block .current-menu-ancestor > a, #header.header-block .current-menu-item > a { color: #e95320; opacity: 1; } /* Hover states & Sub-menu positioning */ /*---------------------------------------------- */ .header-block .menu li:hover > a { background: rgba(0,0,0,0.1); color:#e95320; } .header-block .menu > li > .sub-menu, .header-block .sub-menu > li > .sub-menu { /*display: none;*/ /*margin: 0;*/ width: 200px; } /*.header-block .menu > li:hover > .sub-menu,*/ .header-block .sub-menu > li:hover > .sub-menu { display: block; position: absolute; } .header-block .sub-menu li { position: relative; width: 100%; } .header-block .sub-menu .sub-menu { left: 100%; top: 0; } .header-block .menu > li.hover-sub-left > .sub-menu .sub-menu, .header-block .menu > li > .sub-menu li.hover-sub-left .sub-menu { left: -100%; } /* Background colors (menu & sub-menu) */ /*---------------------------------------------- */ .header-block ul.menu { background: none; } /*.header-block .menu > li:hover > a,*/ .header-block .menu > li > .sub-menu { background: rgba(40,40,40,0.9); } .header-block .menu > li:hover > a { background: rgba(0,0,0,0.3); opacity: 1; } .header-block .sub-menu > li:hover > a, .header-block .sub-menu > li > .sub-menu { background: rgba(0,0,0,0.2); } .header-block .current-menu-ancestor > a, .header-block .current-menu-item > a{ color:#e95320; /*background: rgba(0,0,0,0.2);*/ opacity: 1; } /* hide everything after the 3rd tier */ /*---------------------------------------------- */ .header-block .sub-menu > li > .sub-menu > li > .sub-menu { /*display: none;*/ } /* Cart Link */ /*---------------------------------------------- */ .header-block .ez-col.cart { /*width: 75px;*/ /*padding: 0 10px;*/ /*text-align: right;*/ } .header-block .ez-col.cart a:before{ /*font-family: 'themify';*/ /*content: "\e60d";*/ /*!*content: "\e60e";*!*/ /*font-size: 22px;*/ } /* Mobile Elements */ /*---------------------------------------------- */ .header-block .mob-menu-trigger { /*width: 40px;*/ /*cursor: pointer;*/ /*padding: 0 10px;*/ } .mob-menu-trigger * { /*color: #fff;*/ color: #fff; opacity: 0.7; } .icon--menu:before { /*font-family: 'themify';*/ /*content: "\e68e";*/ /*font-size: 22px;*/ } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { .header-block .logo { /*padding-top: 10px;*/ /*padding-bottom: 10px;*/ } .header-block .logo img { max-width: 250px; } .home-icon { margin-right: 4px; } #global-wrapper .home-icon img { max-width: 40px; } } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { .header-block .logo img { max-width: 200px; } #global-wrapper .home-icon img { max-width: 35px; top: -5px; } .header-block .menu > li > a, .alt-header .header-block .menu > li > a { padding: 21px 13px; } } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { .header-block .logo { padding-top: 10px; padding-bottom: 5px; } .header-block .logo img { max-width: 180px; } .home-icon { margin-right: 3px; } #global-wrapper .home-icon img { max-width: 30px; position: relative; top: -4px; } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ .header-block .logo img { max-width:140px; } .home-icon { margin-right: 2px; } #global-wrapper .home-icon img { max-width: 25px; position: relative; top: -4px; } } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } /* Control Container */ /* ---------------------------------------------- */ #global-mob-menu { /*left: unset;*/ left: initial; right: 0; z-index: 10; color: #fff; background: #18191e!important; background-size: cover !important; } #global-mob-menu { float: right; /*position: absolute;*/ right: -300px; width: 300px; } /* Layout Elements */ /* ---------------------------------------------- */ .global-wrapper { /*width: 100%;*/ /*height: 100%;*/ /*margin: auto;*/ /*position: relative;*/ /*overflow: hidden;*/ } .global-inner { float: right; left: unset; /*left: initial; !* <-- mob menu animation *!*/ right: 0; -webkit-transition: right .7s ease-out; -moz-transition: right .7s ease-out; transition: right .7s ease-out; } .mob-menu-open .global-inner { /*left: 300px;*/ right: 300px; } /* Menu Open */ /* ---------------------------------------------- */ .mob-menu-open #global-mob-menu { box-shadow: 0 0 80px rgba(0,0,0,0.2); /*left: unset;*/ left: initial; right: 0; } .mob-menu-open #global-mob-menu a { /*color: #fff;*/ } .mob-menu-open .global-inner { /*left: unset;*/ left: initial; right: 300px; } /* Menu Header */ /* ---------------------------------------------- */ .mob-menu-header { /*display: table;*/ /*width: 100%;*/ /*padding: 5px 0;*/ background: rgba(0,0,0,0.3); } #global-mob-menu .logo img { width: auto; height: auto; max-width: 250px; padding: 15px 0; } #global-mob-menu .logo { padding-left: 25px; /*padding-bottom: 10px;*/ } .mob-menu-close-btn { /*width: 40px;*/ /*padding: 0 10px;*/ /*cursor: pointer;*/ } .icon--close:before { /*font-family: 'themify';*/ /*content: "\e646";*/ /*font-size: 22px;*/ } .icon--close::before { font-size: 18px; } #global-mob-menu .logo a { display: inline-block; } /* Menu Styling */ /* ---------------------------------------------- */ #global-mob-menu .menu { /*height: 100%;*/ /*width: 100%;*/ } #global-mob-menu .wp-menu-container { /*display: table;*/ /*width: 100%;*/ } #global-mob-menu .menu ul { /*margin: 0 0 0 10px;*/ background: rgba(0,0,0,0.5); } #global-mob-menu .menu ul { padding: 10px 0px; } .nav-menu li.accordion a p { border: none; padding: 13px 25px; /*display: table-cell;*/ /*padding: 13px 21px;*/ /*margin: 0;*/ } #global-mob-menu a { color: #fff; } #global-mob-menu .current-menu-item > a, #global-mob-menu .current-menu-ancestor > a { color: #e95320; } /*#global-mob-menu .sub-menu {*/ /*background: #000;*/ /*}*/ /* The Tint */ /* ---------------------------------------------- */ .global-inner .tint { /*display: none;*/ /*background: rgba(0,0,0,0.6);*/ /*width: 0;*/ /*height: 0;*/ /*opacity: 0;*/ /*position: absolute;*/ /*z-index: 11;*/ /*pointer-events: none;*/ /*-webkit-transition: opacity .2s ease-out;*/ /*-moz-transition: opacity .2s ease-out;*/ /*transition: opacity .2s ease-out;*/ } #global-wrapper .tint.opacity { /*opacity: 0;*/ /*display: block;*/ } .mob-menu-open .global-inner .tint { /*pointer-events: all;*/ /*display: block;*/ /*opacity: 1;*/ /*width: 100%;*/ /*height: 100%;*/ } /* Cart Link */ /* ---------------------------------------------- */ #global-mob-menu .cart a { /*width: 100%;*/ /*text-align: right;*/ /*display: inline-block;*/ /*padding: 6px 10px;*/ /*border: 1px solid red;*/ } #global-mob-menu .cart a:before{ /*font-family: 'themify';*/ /*content: "\e60d";*/ /*font-size: 22px;*/ } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { /* Menu Open ---------------------------------------------- */ .mob-menu-open .global-inner { left: unset; right: 38%; } #global-mob-menu { left: unset; right: -38%; width: 38%; } } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { #global-mob-menu .logo img { width: auto; height: auto; max-width: 200px; } } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { /* Menu Open ---------------------------------------------- */ .mob-menu-open .global-inner { left: unset; left: initial; right: 75%; } #global-mob-menu { left: unset; left: initial; right: -75%; width: 75%; } #global-mob-menu .logo img { width: auto; height: auto; max-width: 180px; } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } .cta { display: inline-block; margin: 30px 0; } a.cta, .cta > *, .cta > a, .cta > a:visited { color: white; text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 18px; /*padding: 13px 34px;*/ padding: 0; /*overflow: hidden;*/ } /* todo: standardize cta if succesful */ .cta .hover-wrap { padding: 13px 34px; /*border-radius: 10px;*/ border-radius: 8px; background:rgba(0,0,0,0.0); /*opacity: 0.7;*/ -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; transition: background .2s ease-out; } .ff3 .cta .hover-wrap { /*margin-top: -5px;*/ padding: 13px 34px 16px; } .cta:hover .hover-wrap, .text-white .cta-alt:hover .hover-wrap { /*background:rgba(0,0,0,0.3);*/ opacity: 1; } .cta:not(.hide) + .cta:not(.hide) { margin-left: 20px; } /* CTA ALTERNATIVE */ .cta-alt { opacity: 0.7; } a.cta.cta-alt { background: none; } a.cta-alt > *, .cta.cta-alt > *, .cta-alt > span { border: 1px solid #999; background: none; color: #999; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; } a.cta-alt:hover > * { border: 1px solid #111; background: none; color: #111; } .cta-alt:hover, .cta-alt:hover .hover-wrap { opacity: 1; } a.cta:last-child, .cta:last-child > * { margin-bottom: 0; } .cta-nf-submit:hover { background: rgba(0,0,0,0.4); } .cta-nf-submit { color: white; width: auto; display: inline-block; letter-spacing: 0.1em; text-transform: uppercase; font-family: Encode Sans; font-weight: 600; font-size: 12px; padding: 13px 21px; background: rgb(0,97,50); border: none; background: none; border: 1px solid #fff; cursor: pointer; } .the-embed { /*height: 0px;*/ /*width: 0px;*/ display: none; } .cta.hide + .cta-steam-link { margin-left: 20px; } .cta-steam-link .main-text:after { content: "\f1b6"; font-family: FontAwesome; font-weight: 100; position: absolute; margin-left: 0.25em; font-size: 30px; } .cta-steam-link .main-text { margin-right: 27px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ .cta .hover-wrap { padding: 13px 21px; } @-webkit-keyframes breathing { /*0% {*/ /*-webkit-transform: scale(1);*/ /*transform: scale(1);*/ /*!*padding: 13px 21px;*!*/ /*}*/ /*30% {*/ /*-webkit-transform: scale(1.05);*/ /*transform: scale(1.05);*/ /*!*padding: 18px 26px;*!*/ /*}*/ /*90% {*/ /*-webkit-transform: scale(1);*/ /*transform: scale(1);*/ /*!*padding: 13px 21px;*!*/ /*}*/ /*100% {*/ /*-webkit-transform: scale(1);*/ /*transform: scale(1);*/ /*!*padding: 13px 21px;*!*/ /*}*/ 0% { padding: 13px 21px; } 25% { padding: 18px 26px; } 90% { padding: 13px 21px; } 100% { padding: 13px 21px; } } @keyframes breathing { /*0% {*/ /*-webkit-transform: scale(1);*/ /*-ms-transform: scale(1);*/ /*transform: scale(1);*/ /*!*padding: 13px 21px;*!*/ /*}*/ /*30% {*/ /*-webkit-transform: scale(1.1);*/ /*-ms-transform: scale(1.1);*/ /*transform: scale(1.1);*/ /*!*padding: 18px 26px;*!*/ /*}*/ /*90% {*/ /*-webkit-transform: scale(1);*/ /*-ms-transform: scale(1);*/ /*transform: scale(1);*/ /*!*padding: 13px 21px;*!*/ /*}*/ /*100% {*/ /*-webkit-transform: scale(1);*/ /*-ms-transform: scale(1);*/ /*transform: scale(1);*/ /*!*padding: 13px 21px;*!*/ /*}*/ 0% { padding: 13px 21px; } 25% { padding: 18px 26px; } 90% { padding: 13px 21px; } 100% { padding: 13px 21px; } } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } #global-wrapper .sticky-div, #global-wrapper .breadcrumbs { /*background: grey;*/ } .breadcrumbs .bc-inner > * { /*background: grey;*/ /*display: inline-block;*/ font-size: 0.8em; padding: 5px 0; } #content-block .bc-inner { /*margin: 10px 0 10px;*/ } /* padding */ .header-block .sticky-div { padding-top: 0; padding-bottom: 0; } .content-block .sticky-div { padding-top: 0; padding-bottom: 0; } /* dividers */ .breadcrumbs .bc-split { width: 40px; text-align: center; } .breadcrumbs .bc-split:before { /*content: '>';*/ } .breadcrumbs .bc-split:last-child { display: none; } /* border-lines */ #global-wrapper #content-block .breadcrumbs { border-bottom: 1px solid #bbb; } #global-wrapper .header-block .breadcrumbs { border-top: 1px solid #bbb; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } .side-bar { border-right: 1px solid #bbb; } .side-bar + .ez-col #main { padding-left: 30px; } #content-block .side-bar li a { border-bottom: 1px solid #bbb; } #content-block .side-bar .current-cat > a, #content-block .side-bar .current-cat-parent > a, #content-block .side-bar .current-post > a, #content-block .side-bar .current-page-ancestor > a, #content-block .side-bar .current-menu-item > a { color: #666; background: #30d3b8; background: rgba(0,0,0,0.05); /*border-top: 1px solid #30d3b8;*/ } .side-bar .nav-menu li.accordion a p { border: none; padding: 0px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } #content-block .entry-content > * { margin-bottom:10px; } #content-block .entry-content > h1, #content-block .entry-content > h2, #content-block .entry-content > h3, #content-block .entry-content > h4, #content-block .entry-content > h5, #content-block .entry-content > h6, #content-block .entry-content > div { margin-bottom: 20px; } #content-block .entry-content > *:last-child { margin-bottom: 0; } #content-block .entry-content > p + h1, #content-block .entry-content > p + h2, #content-block .entry-content > p + h3, #content-block .entry-content > p + h4, #content-block .entry-content > p + h5, #content-block .entry-content > p + h6, #content-block .entry-content > p + div { margin-top: 40px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* Spacing */ .hide-recaptcha .nf-form-content { margin: 20px 0 0; } /* Input Elements */ #footer-form.hide-recaptcha textarea { height: 100px; } #footer-form.hide-recaptcha .cta-nf-submit { /*color: white;*/ /*width: auto;*/ /*display: inline-block;*/ /*letter-spacing: 0.1em;*/ /*text-transform: uppercase;*/ /*!*font-family: Encode Sans Condensed;*!*/ /*font-weight: 600;*/ /*font-size: 12px;*/ /*padding: 13px 21px;*/ /*background: rgb(0,97,50);*/ /*!*border: none;*!*/ /*background: none;*/ /*border: 1px solid #fff;*/ /*cursor: pointer;*/ } #footer-form.hide-recaptcha .cta-nf-submit:hover { /*background: rgba(0,0,0,0.4);*/ } /* Errors & Response Msg */ .hide-recaptcha .nf-error-msg, .hide-recaptcha .ninja-forms-req-symbol { /*color: #e8bbbb;*/ } .hide-recaptcha .nf-response-msg { margin: 0 0 20px; padding: 10px; background: rgba(0,0,0,0.1); } .hidden-recaptcha.hide-this { display: none; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } .ez-row.content-row.segue-row { position: relative; padding: 0; } .segue-heading { position: absolute; text-align: center; top: -23px; left: 0; } .segue-heading .wrap { background: #4a5c61; background: url('/wp-content/themes/seed-child-lgg/images/cw-gradient-2.jpg'); /*background: url('/wp-content/themes/seed-child-lgg/cw-template-css/images/cw-gradient-2.jpg');*/ background-size: cover; padding: 8px 21px; border-radius: 30px; color: white; text-transform: uppercase; font-size: 16px; font-weight: 700; letter-spacing: 0.07em; min-width: 250px; display: inline-block; } .segue-icon span { min-width: 0; } .segue-row + .content-row > *:first-child { padding-top: 10px; } .segue-icon { top: -27px; } .segue-icon span { padding: 7px; line-height: 0; border-radius: 100px; } .segue-icon span > div { display: inline-block; width: 40px; height: 40px; background: url('/wp-content/themes/seed-child-lgg/images/cw-logo.png'); /*background: url('/wp-content/themes/seed-child-lgg/cw-template-css/images/cw-logo.png');*/ background-size: cover; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { .segue-heading .wrap { /*padding: 5px 13px;*/ /*border-radius: 22px;*/ font-size: 14px; min-width: 200px; } .segue-icon span { min-width: 0; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .segue-heading .wrap { /*padding: 5px 13px;*/ /*border-radius: 22px;*/ font-size: 14px; min-width: 200px; } .segue-icon span { min-width: 0; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } #photo-gallery .the-gallery { margin-left: -6px; margin-right: -6px; } #photo-gallery .image-wrapper { display: inline-block; padding: 2px 6px; } #photo-gallery .image-wrapper img { /*border: 1px solid #eee;*/ } #basic-slider-popup .slider-nav-inner { padding: 0; } .image-wrapper.popup-trigger { padding: 0 5px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } .play-icon { display: inline-block; width: 60px; height: 60px; border: 2px solid white; color: white; border-radius: 50%; background: rgba(0,26,38,0.75); position: relative; margin-top: 10px; } .play-icon::before { position: absolute; font-family: themify; content: "\e6ad";font-size: 30px; left: 16px; top: 13px; } .play-icon-overlay { /*display: inline-block;*/ position: absolute; width: 100%; /*height: 100%;*/ z-index: 1; top: 50%; left: 0; margin-top: -38px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } .trust-logos .fade-wrapper { padding: 0; } .trust-logo { display: inline-block; /*background-image: linear-gradient(45deg,#c4c4c4 25%,transparent 25%,transparent 75%,#c4c4c4 75%,#c4c4c4),linear-gradient(45deg,#c4c4c4 25%,transparent 25%,transparent 75%,#c4c4c4 75%,#c4c4c4);*/ /*background-position: 0 0,10px 10px;*/ /*background-size: 20px 20px;*/ } .trust-logo a { display: block; opacity: 0.5; } .trust-logo a:hover { opacity: 1; } .trust-logo .base { display: inline-block; } .trust-logo .hover { display: none; } .trust-logo a:hover .base { display: none; } .trust-logo a:hover .hover { display: inline-block; } .trust-logo .ez-row { /*border: 1px solid #ddd;*/ table-layout: fixed; } .trust-logo .ez-col { padding: 25px 15px 15px; text-align: center; /* alt trust logos slider */ /*padding: 15px;*/ } .trust-logo img { display: inline-block; width: 100%; max-width: 80px; height: auto; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { /* 1/10 width */ .trust-logos .multi-slider div.trust-logo { width: 10%; } /* display only first 10 */ .trust-logos .multi-slider div.trust-logo:nth-child(n+11) { display:none; } } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { .trust-logo .ez-col { padding: 10px 15px 10px; text-align: center; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .trust-logo .ez-col { padding: 10px; } /* display only first 8 */ .trust-logos .multi-slider div.trust-logo { display:inline-block; } .ez-row.content-row.scroll-hinter-row { /* alt trust logos slider */ /*padding: 15px 15px 20px;*/ } /* 1/8 width 8*/ .trust-logos .multi-slider div.trust-logo { /*width: 12.5%;*/ } /* display only first 8 */ .trust-logos .multi-slider div.trust-logo:nth-child(n+9) { display:none; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ /* 1/6 width */ .customer-logos div.trust-logo, .trust-logos .multi-slider div.trust-logo { /*width: 16.66%;*/ } .trust-logos .multi-slider div.trust-logo:nth-child(n+7) { display:none; } .trust-logo .ez-col { padding: 5px; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* Video Popup */ /*---------------------------------------------- */ #video-container iframe { /*width: 100%;*/ /*background: rgba(0,0,0,0.2);*/ /*z-index: 10;*/ } #video-container::before { /*content: 'Video Loading';*/ /*position: absolute;*/ /*display: inline-block;*/ /*z-index: 0;*/ /*opacity: 0.3;*/ /*height : 0;*/ /*top: calc(50% - 24px);*/ left: calc(50% - 3em); } /* Responsive Video Embeds */ /*todo: consider .stretchy-vid-via-js (may be useful for multiple video popups on one page)*/ .stretchy-vid { } .stretchy-vid .vid-container { /*position: relative;*/ /*padding: 0;*/ /*width: 100%;*/ /*!* DEFAULT aspect ratio: 16:9 *!*/ /*padding-top: calc(100% * 9/16);*/ /*height: auto!important;*/ } .stretchy-vid iframe { /*position: absolute;*/ /*top: 0;*/ /*left: 0;*/ /*width: 100%;*/ /*max-width: 100%;*/ /*height: 100%;*/ } /* - ALT aspect ratio: 4:3 */ .stretchy-vid .vid-container.aspect--4-3 { /*padding-top: calc(100% * 3/4);*/ } /* Video Gallery */ /*---------------------------------------------- */ .gallery-vid { padding: 15px; } .gallery-vid.featured-video:first-child { width: 62.4%; } .video-gallery { padding: 7% 0; } .video-popup-trigger i.fa.fa-play-circle { position: absolute; top: 50%; margin-top: -29px; margin-left: -24px; font-size: 60px; opacity: .5; } .video-popup-trigger:hover i.fa.fa-play-circle { opacity: 1; } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } /* BASE SLIDER STYLES */ .slides { background: none; } .slider-nav .slider-option { border: none; opacity: 0.6; background: #fff; } .slider-nav .slider-option.selected, .slider-nav .slider-option.selected:hover{ opacity: 1; border: none; background: #fff; } .slider-nav .slider-option:hover { opacity: 0.7; } .slider-nav .slider-option img { display: block; /*max-width: 80px;*/ max-height: 50px; } .slider-nav .margin-wrap { /*margin: 20px 0;*/ } .slider .slide-prev::before, .slider .slide-next::before { /*font-family: 'themify';*/ /*display: table-cell;*/ /*vertical-align: middle;*/ color: #fff; font-size: 24px; } .win-ie .popup .slider .slide-prev::before, .win-ie .popup .slider .slide-next::before { padding-top: 14px; } .ie1 .popup .slider .slide-prev::before, .ie1 .popup .slider .slide-next::before { padding-top: 16px; } .slides .slider-arrow { background: none; /*background: rgba(255,255,255,0.6);*/ height: 100px; } .slider .slide-prev.disabled::before, .slider .slide-next.disabled::before { opacity: 0.5; } .slides .slider-arrows .slider-arrow:hover { background: rgba(0,0,0,0.3); } /* Make in-slide CTAs CLICKABLE */ .slide-post-clickable { position: relative; } .slide-post-clickable .clickable-control { position: absolute; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background: none; pointer-events: all; } /* POPUP SLIDER Styles */ .popup .slider .slide-prev { left: -40px; padding-left: 30px; } .popup .slider .slide-next { right: -40px; padding-right: 30px; } .popup .slides .slider-arrow { position: relative; /*opacity: 0.6;*/ /*border-radius: 50%;*/ width: 80px; background: none; height: 100px; } .popup .slides .slider-arrow.disabled { pointer-events: none; cursor: default; } .popup .slides .slider-arrows { left: 0; } .popup .fade-wrapper { padding: 0; } /* - Meta-Group Slider Popup */ .popup-meta-group-slider .slider-nav { position: relative; } .popup-meta-group-slider .slider-caption { margin-top: -20px; margin-bottom: 20px; } .popup-meta-group-slider span { /*color : white;*/ } .popup-meta-group-slider .label { display: none; } .popup-meta-group-slider .sub-label { font-size: 21px; margin: 0 15px; width: 100%; } .popup-meta-group-slider .slides .slide { margin: 20px 0 20px; } .popup-meta-group-slider .slide-caption.show { display: flex; align-items: flex-start; flex-direction: row; justify-content: center; flex-wrap: wrap; } .popup-content .popup-meta-group-slider .slider-nav-inner { background: none; } /* - Image Slider Popup */ #basic-slider-popup .slides { background: none; } #basic-slider-popup .popup-content > .ez-col { padding: 0; } #basic-slider-popup .slides-wrap { margin-bottom: 0; } #basic-slider-popup .popup-container { width: 90%; max-width: 1200px; } #basic-slider-popup .popup-container .slides .slide > img { max-height: 85vh!important; } /* HERO Slider */ .hero-slider .slider-nav { /*background: rgba(255,255,255,0.7);*/ background: none; } .hero-slider a.slide-caption { color: #111; } .hero-slider .slider-nav-inner { padding: 0 21px; } .hero-slider a.cta-alt > *, .hero-slider .cta-alt > span { border: 1px solid #111; background: none; color: #111; opacity: 0.7; padding: 13px 21px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; } /* -- caption : HERO Slider */ .hero-slider .slider-caption, .hero-slider .slider-caption * { pointer-events: none; font-weight: 100; font-size: 36px; line-height: 1.5em; } .hero-slider .slider-caption { padding: 30px; } .hero-slider .slider-options .margin-wrap { /*display: none;*/ } .hero-slider .slide { pointer-events: none; } /* LGG HERO SLIDER */ /* -- custom nav options : LGG HERO Slider */ .hero-slider .slider-nav { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 60%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 60%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .hero-slider .slider-nav-inner .ez-row { padding: 34px 0; max-width: 1300px; width: 100%; border-top: 1px solid rgba(255,255,255,0.5); } .hero-slider .slider-nav .slider-option, .hero-slider .slider-nav .slider-option.selected { background: none; } .hero-slider .fade-wrapper { background: #171a1f; } /* -- custom slide : LGG HERO Slider */ #lgg-home-hero { background: #131419; } #lgg-home-hero .hero-slider .slide { text-align: left; padding: 0 40px; } #lgg-home-hero .hero-slider .project-slide { /*max-width: 800px;*/ /*width: 60%;*/ margin: 0; } #lgg-home-hero .hero-slider .slides .slide.show { display: table-cell; vertical-align: middle; } #lgg-home-hero .fade-wrapper { /* .fade-wrapper opacity transitions must match the duration set in the front-end js configs */ overflow: hidden; -webkit-transition: opacity .8s ease-out; -moz-transition: opacity .8s ease-out; transition: opacity .8s ease-out; } #lgg-home-hero .slider-options .margin-wrap { text-align: left; } #lgg-home-hero .slider-nav .slider-option { margin: 0 2%; } /* -- L/R padding : LGG HERO Slider */ .project-slide { padding: 0 40px; } .fade-wrapper { padding: 0 40px; } .hero-container .fade-wrapper { padding: 0; } /* -- slider option customization */ /* ---- HOME RUN DERBY (currently first in slider)*/ /* ---- can also target via slider order: [data-id="1"]*/ #lgg-home-hero .slider-option[data-title="Home Run Derby"] img { max-height: 70px; margin-bottom: -10px; } /* POPUP Slider */ /* TESTIMONIAL Slider */ #testimonials > .ez-col { background-color: rgba(0,0,0,0.4); } #testimonials .testimonial-quote, #testimonials .testimonial-quote:before, #testimonials .testimonial-quote:after { font-size: 24px; line-height: 36px; font-weight: 400; color: white; font-family: "Times New Roman", serif; font-style: italic; opacity: 1; } #testimonials .testimonial-quote:before, #testimonials .testimonial-quote:after { content: "\""; } #testimonials .testimonial-origin { color: #e95320; font-weight: 400; font-size: 24px; margin-top: 30px; margin-bottom: 10px; opacity: 1; } #testimonials .slider-nav { bottom: -40px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (min-width:1025px) { /* everything HIGHER than above resolution*/ } @media only screen and (max-width:1025px) { /* everything LOWER than above resolution*/ /* HERO Slider */ .hero-slider .slider-nav .slider-option span { font-size: 16px; line-height: 1.8em; display: inline-block; } .hero-slider a.cta-alt > *, .hero-slider .cta-alt > span { font-size: 12px; } #lgg-home-hero .slider-option[data-title="Home Run Derby"] img { max-height: 60px; margin-bottom: -10px; } /* POPUP Slider */ /* (glass & metal finish swatches) */ .popup-meta-group-slider .sub-label { font-size: 14px; line-height: 24px; } } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { /* HERO Slider */ .hero-slider .slider-nav-inner { padding: 34px 0; } #lgg-home-hero .hero-slider .slider-nav-inner { padding: 0; } .slider-nav .slider-option img { display: block; /*max-width: 80px;*/ max-height: 40px; } #lgg-home-hero .hero-slider .project-slide { width: 80%; float: left; } #lgg-home-hero .slider-option[data-title="Home Run Derby"] img { max-height: 55px; } /* POPUP Slider */ /* -- multi-instance; meta_groups : POPUP Slider */ /* (glass & metal finish swatches) */ #meta_groups__metal_finishes .header-text span, #meta_groups__glass_finishes .header-text span{ font-size: 24px; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { /* everything LOWER than above resolution*/ /* BASE SLIDER STYLES */ .slider .slide-prev:before, .slider .slide-next:before { font-size: 20px; } .slides .slider-arrow { width: 35px; /*height: 35px;*/ } /* HERO Slider */ .hero-slider .slider-nav-inner { padding: 21px 21px; } .hero-slider .slider-caption, .hero-slider .slider-caption * { font-size: 24px; } .hero-slider .slider-caption { padding: 15px; } #lgg-home-hero .hero-slider .slide { text-align: center; padding: 0 40px; } #lgg-home-hero .hero-slider .slides .slide.show { /*vertical-align: bottom;*/ } #lgg-home-hero .hero-slider .slider-nav { display: none; } #lgg-home-hero .hero-slider .project-slide { width: 100%; padding: 0; } #lgg-home-hero .project-title { margin-bottom: 0; } /* POPUP Slider */ /* -- multi-instance; meta_groups : POPUP Slider */ /* (glass & metal finish swatches) */ #meta_groups__metal_finishes .header-text span, #meta_groups__glass_finishes .header-text span{ font-size: 24px; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ /* HERO Slider */ .hero-slider .slider-caption, .hero-slider .slider-caption * { /*font-size: 18px;*/ } /* POPUP Slider */ /* -- multi-instance; meta_groups : POPUP Slider */ /* (glass & metal finish swatches) */ #meta_groups__metal_finishes .header-text span, #meta_groups__glass_finishes .header-text span{ font-size: 18px; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* adjust padding */ .content-container.uses-parallax > .ez-row { padding-top: 0; } /* set/remove background styles to reveal absolute 'parallax' element behind main content*/ #main.parallax-main > div { /*background-color: white;*/ } #main.parallax-main > div.parallax { background: none; } /* absolute bg element behind main scrolling element */ .parallax-wrapper { display: block; position: absolute; top: 0; overflow: hidden; height: 100%; width: 100%; } .parallax-element { display: block; position: absolute; top: 0; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } .mobile-collapse { border: none; } .mobile-collapse.active { border: none; } .mobile-collapse.active.open { border: none; } .text-collapse.active .mobile-collapse-wrapper { margin-bottom: 0; height: 110px; padding: 0 15px; } .mobile-collapse .show-more { bottom: -80px; } .mobile-collapse .show-more a { border-bottom: 1px solid #d4d1d0; } .active .mobile-collapse-content li:last-child { margin-bottom: 20px; } .mobile-collapse .show-more a { opacity: 0.6; font-size: 14px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .mobile-collapse .show-more a { border-bottom: none; } .text-collapse.active .mobile-collapse-wrapper, .mobile-collapse-wrapper { padding: 0 25px; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } .hero-content h1, .hero-content h2, .hero-content h3, .hero-content h4, .hero-content h5, .hero-content h6 { /*font-weight: 400;*/ } #main.parallax-main .bg-cover { background-size: cover } /* CUSTOM HERO BACKGROUND ELEMENTS */ .hero-bg + .hero-container { background: none; position: absolute; top: 0; } .hero-container > .hero-bg { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; background: #202020; } .safari7.mobile .hero-container > video.hero-bg, .safari8.mobile .hero-container > video.hero-bg, .safari7.ipad .hero-container > video.hero-bg, .safari8.ipad .hero-container > video.hero-bg { display: none; } #lgg-home-hero { height: 100vh; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .hero-content { /*padding: 0 30px;*/ } .hero-container > video.hero-bg { display: none; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input, textarea { width: 100%; background: none; border: none; border-bottom: 1px solid white; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { /*border:none;*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/ /*border: 1px solid #ccc;*/ padding: 12px 8px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /*font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/ color: #fff; margin: 0; /*width: 210px;*/ max-width: 100%; display: block; margin-bottom: 20px; border: 1px solid rgba(255,255,255,0.4); /*background: #fff; */ } select { /*padding: 0; */ } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,1); } textarea { min-height: 60px; } label, legend { display: block; font-weight: bold; font-size: 13px; } select { max-width: 220px; width: 100%; } input[type="checkbox"] { width: auto; display: inline; } label span, legend span { /*font-weight: normal;*/ font-size: 13px; color: #444; } /* NF CLASSES */ .nf-form-fields-required { font-size: 13px; } .nf-error-msg, .ninja-forms-req-symbol { color: #ff7373; } .contact-form-popup-trigger:hover { background-color: rgba(0,0,0,0.2); } .cta-nf-submit:hover { background: #c1522d; } .cta-nf-submit { color: white; width: auto; display: inline-block; letter-spacing: 0.1em; text-transform: uppercase; font-family: "Encode-Sans"; font-weight: 600; font-size: 12px; padding: 13px 21px; border: none; background: #e95320; /*border: 1px solid #fff;*/ cursor: pointer; opacity: 1; border-radius: 8px; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: none; -moz-appearance: none; font-family: "Encode-Sans"; } /*#content-inner input,*/ .woocommerce input, .woocommerce input[type="text"], .woocommerce input[type="password"], .woocommerce input[type="email"], .woocommerce input[type="tel"], .woocommerce textarea, .woocommerce select, .popup input { background-color: rgba(0,0,0,0.2); color: white; } .single-field-inline-form nf-fields-wrap { display: inline-table; width: 100%; max-width: 618px; } .single-field-inline-form nf-field label { display: none; } .single-field-inline-form nf-field:first-of-type { /*width: 250px;*/ display: table-cell; /*vertical-align: middle;*/ vertical-align: top; padding-right: 15px; padding-top: 2px; } .single-field-inline-form nf-field:first-of-type input { background: rgba(0,0,0,0.3); } .single-field-inline-form nf-field:last-of-type { width: 100px; display: table-cell; vertical-align: middle; vertical-align: top; } .single-field-inline-form .nf-field-container { margin-bottom: 0; } .single-field-inline-form .nf-after-form-content .nf-form-errors { display: none; } .single-field-inline-form .nf-form-fields-required { display: none; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } .the-feed-post-inner { background: white; box-shadow: 0 0 10px rgba(0,0,0,0.1); /*table-layout: fixed;*/ } .the-feed-post .post-inner { padding: 20px; } .the-feed-post a img:first-child { border-bottom: 1px solid #eee; } .the-feed-post { padding: 15px; } .the-feed-post.profile { padding: 15px 0; } .the-feed-post a { display: block; position: relative; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* FOOTER ---------------------------------------------- */ #footer .footer-heading { margin: 30px 0 10px; } .footer-logo { margin: 30px 0 10px; max-width: 250px; display: inline-block; } #footer-form { max-width: 400px; width: 90%; display: inline-block; } #footer.footer-block .lgg-social { margin: 0px 20px 0 0; display: inline-block; opacity: 0.6; } #footer.footer-block .lgg-social:last-child { margin-right: 0; } #footer.footer-block .lgg-social:hover { opacity: 1; } #footer .lgg-social, #footer .lgg-social svg { max-width: 40px; max-height: 40px; } #footer .lgg-social:hover { opacity: 1; } #footer .nf-form-fields-required { display: none; } #footer .nf-after-field .nf-error-msg { font-size: 14px; } #footer.footer-block a { font-weight: 300; opacity: 1; } #footer .dashicons { color:#e95320; font-size: 24px; margin-right: 5px; } #footer .dashicons:before { bottom: -2px; position: relative; } #footer-map { width: 100%; /*padding-bottom: 62.5%;*/ /*position: relative;*/ } #footer-map iframe { width: 100%; display: block; /*height: 100%;*/ /*position: absolute;*/ /*top: 0;*/ /*left: 0;*/ } #copyright, .copyright { opacity: 0.5; } #footer-map-col { padding-right: 5%; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { /* FOOTER ---------------------------------------------- */ .footer-logo { max-width: 200px; } } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { /* FOOTER ---------------------------------------------- */ .footer-logo { /*max-width: 200px;*/ } #footer-contact { width: 50%; } #footer-form-col { /*width: 63%;*/ } #footer-form { max-width: 100%; } #footer-map iframe { height: 244px; } } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { /* FOOTER ---------------------------------------------- */ #footer.footer-block { /*background: url('/wp-content/themes/seed-child-lgg/cw-template-css/cw-template-css/images/jenrey-blue-grad-footer.jpg') center center;*/ background-size: cover; padding: 30px 0 0; } .footer-block * { color: white; } #footer-wrapper { text-align: center; padding: 13px 0px; } #footer-menu ul { display: inline-block; } #footer-contact, #footer-form-col { width: 100%; text-align: center; } #footer .lgg-social { margin: 10px 10px; } #footer-map iframe { height: 250px; max-width: 400px; display: inline-block; } #footer-map-col { text-align: center; padding-right: 20px; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ /* SUB-FOOTER ---------------------------------------------- */ .sub-footer li { /*margin-right: 0;*/ /*width: 100%;*/ } .subfooter-left, .subfooter-right { width: 100%; } #sub-footer .container { padding-top: 30px; padding-bottom: 20px; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* todo update core to check form #popup-form & #contact-form references*/ /* POPUP CONTAINER */ /*----------------------------------------*/ #nf-footer-form-popup .popup-container, #nf-consultation-form-popup.popup .popup-container { width: 515px; } #nf-support-form-popup .popup-container{ width: 535px; } .popup * { color: #fff; } .popup .popup-container { /*width: 600px;*/ color: #fff; /*background: url('/wp-content/themes/seed-child-lgg/images/jenrey-blue-grad-footer.jpg') center center;*/ /*background-size: 100% 100%;*/ /*opacity: 0.9;*/ overflow: hidden; /*background: url('/wp-content/themes/seed-child-lgg/images/sv-gradient.jpg')!important;*/ /*background-size: cover !important;*/ background-color: #232323; box-shadow: 0 0 80px rgba(0,0,0,0.3); } .popup-content > .ez-col { background: none; } .popup .popup-content > .ez-col { padding:15px; } .popup-content > .ez-col { background: none; } #popup-content .popup-container { width: auto; /*padding: 45px 30px;*/ } /* TYPOGRAPHY */ /*----------------------------------------*/ .popup .popup-content, .popup .popup-header { /*color: #fff;*/ background: #232323; /*background: url('/wp-content/themes/seed-child-lgg/images/sv-gradient.jpg')!important;*/ /*background-size: cover !important;*/ } .popup .popup-header { font-weight: 100; font-size: 18px; box-shadow: 0 0 60px rgba(255,255,255,0.05); } /* HEADER */ /*----------------------------------------*/ .popup-header { background: rgba(0, 0, 0, 0.25); font-weight: 600; } .popup-header .header-close { width: 40px; } .popup .popup-close { display: none; } /* PREFORM CONTENT */ /*----------------------------------------*/ .popup .preform { background: rgba(0,0,0,0.3); } .popup .preform p { font-size: 14px; display: inline-block; line-height: 1.65em; } .popup .preform a { font-size: 16px; display: inline-block; } .preform-content { /*max-width: 20em;*/ } .icon-links { padding: 15px 0; } .preform .icon-link { margin-right: 19px; } .preform .icon-link::before { margin-right: 10px; display: inline-block; width: 40px; height: 40px; border: 1px solid white; border-radius: 50%; /*padding: 5px;*/ padding: 2px 10px; } .preform .icon--phone::before { font-family: 'themify'; content: "\e621"; font-size: 18px; } .preform .icon--email::before { font-family: 'themify'; content: "\e75a"; font-size: 18px; } /* FORM CONTAINER */ /*----------------------------------------*/ .popup .contact-form { text-align: left; height: 500px; max-height: 500px; display: block; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; background: rgba(0,0,0,0.5); background-size: 100% 100%; } .popup .contact-form > .ez-row { padding: 30px; table-layout: fixed; max-width: 100%; width: 100%; } /* INPUT FIELDS */ /*----------------------------------------*/ .popup label { /*font-size: 13px;*/ line-height: 1.65em; } .popup select { /*!* styling *!*/ /*!*background-color: rgba(0,0,0,0.8);*!*/ /*border: none;*/ /*border-bottom: 1px solid white;*/ /*!*border-radius: 4px;*!*/ /*!*display: inline-block;*!*/ /*!*font: inherit;*!*/ /*!*height: 33px;*!*/ /*!*padding: 0.5em 3.5em 0.5em 1em;*!*/ /*!* reset *!*/ /*margin: 0;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; /*margin-left: 15px;*/ /*margin-bottom: 1px;*/ } .popup option { /*background-color: rgba(0,0,0,0.8);*/ background-color: white; color: black; /*padding: 10px 0;*/ } .popup select:focus { /*background-image:*/ /*linear-gradient(45deg, white 50%, transparent 50%),*/ /*linear-gradient(135deg, transparent 50%, white 50%),*/ /*linear-gradient(to right, gray, gray);*/ /*background-position:*/ /*calc(100% - 15px) 1em,*/ /*calc(100% - 20px) 1em,*/ /*100% 0;*/ /*background-size:*/ /*5px 5px,*/ /*5px 5px,*/ /*2.5em 2.5em;*/ /*background-repeat: no-repeat;*/ /*border-color: grey;*/ /*outline: 0;*/ } .popup input, .popup select, .popup textarea { width: 100%; background: none; background-color: rgba(0,0,0,0.05); /*border: none;*/ /*border-bottom: 1px solid white;*/ font-size: 16px; } .popup select { /* drop-down arrow styling */ background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,1) 50%), linear-gradient(135deg, rgba(255,255,255, 1) 50%, transparent 50%), linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.1)); background-position: calc(100% - 17px) calc(1em + 5px), calc(100% - 12px) calc(1em + 5px), 100% 0; background-size: 5px 5px, 5px 5px, 2.2em 2.8em; background-repeat: no-repeat; } .popup textarea { height: 100px; } .popup label, .popup * { color: rgba(0,0,0, 0.75); color: #fff; } .popup input[type="text"], .popup input[type="password"], .popup input[type="email"], .popup textarea, .popup input[type="selectext"], .popup input[type="password"], .popup input[type="text"]:focus, .popup input[type="password"]:focus, .popup input[type="email"]:focus, .popup textarea:focus{ /*color: white;*/ /*opacity: 0.7;*/ } /* GOOGLE RECAPTCHA */ /*----------------------------------------*/ .popup .g-recaptcha { text-align: center; } .popup .g-recaptcha > * { display: inline-block; } /*.popup .recaptcha-wrap .nf-field-label,*/ .popup .recaptcha-wrap label { /*display: none;*/ color: transparent; opacity: 0; } /* NINJA FORMS - SUBMIT CTA */ /*----------------------------------------*/ .popup .cta-nf-submit { color: white; width: auto; display: inline-block; letter-spacing: 0.1em; text-transform: uppercase; /*font-family: Encode Sans Condensed;*/ font-weight: 600; font-size: 12px; padding: 13px 21px; background: rgb(0,97,50); /*border: none;*/ background: none; border: 1px solid #fff; cursor: pointer; } .popup .cta-nf-submit:hover { background: rgba(0,0,0,0.4); } .popup .cta-nf-submit { display: inline-block; } .popup .submit-wrap { text-align: center; } /* NINJA FORMS - OTHER CONTENT */ /*----------------------------------------*/ .popup .nf-error-msg, .popup .ninja-forms-req-symbol { color: #ff7373; } .popup .nf-form-content { text-align: left; } .popup .nf-after-field { font-size: 13px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { /* PREFORM CONTENT */ /*----------------------------------------*/ .preform .icon-link::before { width: auto; height: auto; border: none; padding: 0; position: relative; top: 2px; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ /* PADDING */ /*----------------------------------------*/ .popup .contact-form > .ez-row { padding: 20px 15px 0; } .popup .contact-form > .ez-row.preform { padding: 15px 15px 10px; } .popup .popup-content > .ez-col { padding: 10px; } /* PREFORM CONTENT */ /*----------------------------------------*/ .preform .icon--phone { /*margin-top: 10px;*/ /*margin-bottom: 10px;*/ } .preform .icon--email { /*margin-top: 20px;*/ /*margin-bottom: 10px;*/ } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } #global-wrapper .accordion, #global-wrapper .accordion-content, #global-wrapper .accordion-header, #global-wrapper .accordion-wrapper{ border: none; } #global-wrapper .accordion-content{ /*border-left: 1px solid white;*/ } #global-wrapper .side-bar{ /*border-right: 1px solid rgba(255,255,255,0.4);*/ } #global-wrapper .cat-item > a.accordion-header{ text-decoration: none; } .accordion-header.icon:after { display: inline-block; font-family: 'themify'; content: ">"; content: "\e64b"; float: right; } .accordion .label, .accordion-header.icon::after { padding: 5px 10px; display: inline-block } .accordion-header { padding: 6px 10px 7px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .back-to-top { bottom: 15px; right: 15px; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } .countdown-clock { text-align: center; } .cc-container { max-width: 600px; margin: auto; } .countdown-clock .cc-end-msg { width: auto; margin: auto; display: inline-block; background: rgba(0,0,0,0.2); padding: 21px 35px; } .countdown-clock .ez-col { padding: 5px; } .countdown-clock .cc-metric-wrap { display: inline-block; width: 100%; background: rgba(0,0,0,0.2); padding: 10px; text-align: center; } .countdown-clock .cc-metric-wrap p { display: inline-block; width: 100%; } #countdown-clock .countdown-clock .cc-metric { font-size: 3em; line-height: 1em; /*margin-bottom: 10px;*/ } #countdown-clock .cta { margin-bottom: 0; } #countdown-clock p + div { margin-top: 20px; } .countdown-clock { margin-bottom: 20px; } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { .countdown-clock .ez-col { padding: 2px; } .countdown-clock { margin-top: 20px; margin-bottom: 20px; } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ #countdown-clock .countdown-clock .cc-metric { font-size: 2em; } #countdown-clock h2 { max-width: 12em; margin: auto; } #countdown-clock p { max-width: 14em; margin: auto; } } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } .flexpaper_spinner_logo{ z-index:0; } .flexpaper_cssspinner { position:absolute; opacity: 0.4; -webkit-animation: flexpaper_spinner_rotator 3.4s linear infinite; -moz-animation: flexpaper_spinner_rotator 3.4s linear infinite; animation: flexpaper_spinner_rotator 3.4s linear infinite; } @-webkit-keyframes flexpaper_spinner_rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes flexpaper_spinner_rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } .flexpaper_spinner_path { stroke-dasharray: 187; stroke-dashoffset: 0; -moz-transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -moz-animation: flexpaper_spinner_dash 1.4s ease-in-out infinite, flexpaper_spinner_colors 5.6s ease-in-out infinite; -webkit-animation: flexpaper_spinner_dash 1.4s ease-in-out infinite, flexpaper_spinner_colors 5.6s ease-in-out infinite; animation: flexpaper_spinner_dash 1.4s ease-in-out infinite, flexpaper_spinner_colors 5.6s ease-in-out infinite; } @-webkit-keyframes flexpaper_spinner_colors { 0% { stroke: #999999; stroke: rgba(255,255,255,0); } 25% { stroke: #eeeeee; stroke: rgba(255,255,255,0.25); } 50% { stroke: #aaaaaa; stroke: rgba(255,255,255,0.5); } 75% { stroke: #bbbbbb; stroke: rgba(255,255,255,0.75); } 100% { stroke: #dddddd; stroke: rgba(255,255,255,1); } } @-moz-keyframes flexpaper_spinner_colors { 0% { stroke: #999999; stroke: rgba(255,255,255,0); } 25% { stroke: #eeeeee; stroke: rgba(255,255,255,0.25); } 50% { stroke: #aaaaaa; stroke: rgba(255,255,255,0.5); } 75% { stroke: #bbbbbb; stroke: rgba(255,255,255,0.75); } 100% { stroke: #dddddd; stroke: rgba(255,255,255,1); } } @keyframes flexpaper_spinner_colors { 0% { stroke: #999999; stroke: rgba(255,255,255,0); } 25% { stroke: #eeeeee; stroke: rgba(255,255,255,0.25); } 50% { stroke: #aaaaaa; stroke: rgba(255,255,255,0.5); } 75% { stroke: #bbbbbb; stroke: rgba(255,255,255,0.75); } 100% { stroke: #dddddd; stroke: rgba(255,255,255,1); } } @-webkit-keyframes flexpaper_spinner_dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); -moz-transform: rotate(450deg); transform: rotate(450deg); } } @-moz-keyframes flexpaper_spinner_dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); -moz-transform: rotate(450deg); transform: rotate(450deg); } } .flexpaper_spinner_fallback{ opacity: 0.4; position:absolute; display:inline-block; padding:0px; transform:rotate(90deg); -webkit-transform:rotate(90deg); -webkit-animation: rotate 1.3s infinite linear; animation: rotate 1.3s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .flexpaper_spinner_fallback_msie { height: 75px; width: 75px; margin-left:-40px; margin-top:-46px; position:absolute; -webkit-animation: rotate_msie 0.8s infinite linear; animation: rotate_msie 0.8s infinite linear; border: 7px solid #aaaaaa; border-right-color: transparent; border-radius: 50%; opacity:0.4; } @-webkit-keyframes rotate_msie { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); border-right-color: #eeeeee;border-left-color: #999999;} 50% { -webkit-transform: rotate(160deg); transform: rotate(160deg); border-right-color: #eeeeee;border-left-color: transparent;} 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); border-right-color: #eeeeee;border-left-color: #999999;} } @keyframes rotate_msie { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); border-right-color: #eeeeee;border-left-color: #999999;} 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); border-right-color: #eeeeee;border-left-color: #999999;} } .flexpaper_spinner_fallback_circle { fill: transparent; stroke: #fe7f00; stroke-width:5px; -webkit-animation: 1.3s flexpaper_spinner_fallback_circle infinite ease-in-out; animation: 1.3s flexpaper_spinner_fallback_circle infinite ease-in-out; } @keyframes flexpaper_spinner_fallback_circle { 0% { stroke: #999999; stroke: rgba(255,255,255,0); stroke-dasharray:0 400; stroke-dashoffset: 0; } 25%{ stroke: #aaaaaa; stroke: rgba(255,255,255,0.5); stroke-dashoffset: 0; } 100% { stroke: #dddddd; stroke: rgba(255,255,255,1); stroke-dasharray:400 400; stroke-dashoffset: -400; } } @-webkit-keyframes flexpaper_spinner_fallback_circle { 0% { stroke: #999999; stroke: rgba(255,255,255,0); stroke-dasharray:0 400; stroke-dashoffset: 0; } 25%{ stroke: #aaaaaa; stroke: rgba(255,255,255,0.5); stroke-dashoffset: 0; } 100% { stroke-dashoffset: -400; stroke-dasharray:400 400; stroke-dashoffset: -400; } } .flexpaper_spinner_fallback_msie2 { -webkit-animation: flexpaper_spinner_fallback_msie2_animate 1.1s linear infinite; animation: flexpaper_spinner_fallback_msie2_animate 1.1s linear infinite; clip: rect(0, 80px, 80px, 40px); height: 80px; width: 80px; z-index:2; position: absolute; } @keyframes flexpaper_spinner_fallback_msie2_animate { 0% { transform: rotate(0deg) } 100% { transform: rotate(220deg) } } @-webkit-keyframes flexpaper_spinner_fallback_msie2_animate { 0% { transform: rotate(0deg) } 100% { transform: rotate(220deg) } } .flexpaper_spinner_fallback_msie2:after { -webkit-animation: flexpaper_spinner_fallback_msie2_animate2 1.1s ease-in-out infinite; animation: flexpaper_spinner_fallback_msie2_animate2 1.1s ease-in-out infinite; clip: rect(0, 80px, 80px, 40px); content:''; border-radius: 50%; height: 80px; width: 80px; position: absolute; } @keyframes flexpaper_spinner_fallback_msie2_animate2 { 0% { box-shadow: inset #999999 0 0 0 6px; transform: rotate(-140deg); } 50% { box-shadow: inset #eeeeee 0 0 0 6px; } 100% { box-shadow: inset #bbbbbb 0 0 0 6px; transform: rotate(140deg); } } @-webkit-keyframes flexpaper_spinner_fallback_msie2_animate2 { 0% { box-shadow: inset #999999 0 0 0 6px; transform: rotate(-140deg); } 50% { box-shadow: inset #eeeeee 0 0 0 6px; } 100% { box-shadow: inset #bbbbbb 0 0 0 6px; transform: rotate(140deg); } } /* TEMPLATES */ /*===========================================================*/ /* Home Page Hero */ /*---------------------------------------------- */ .peek-sizer { display: block; position: absolute; height: 150px; } #static-hero .hero-container { padding-top: 110px; } /*.cta-load-anim {*/ /*position: relative;*/ /*}*/ .cta-load-anim .hover-wrap { overflow: hidden; position: relative; } .cta-load-anim .hover-wrap .main-text { position: initial; /*position: relative;*/ /*overflow: hidden;*/ } .load-bar-amin { display: inline; position: absolute; /*top: 1.2em;*/ bottom: 0; left: 0; /*left: 8px;*/ width: 0; height: 3px; background-color: rgba(233, 83, 32 ,1); z-index: 0; -webkit-transition: width 0.5s ease-out; -moz-transition: width 0.5s ease-out; transition: width 0.5s ease-out; } .main-text { z-index: 10; position: relative; } .cta-load-anim:hover .load-bar-amin { /*width: calc(100% - 16px);*/ /*width: 142px;*/ width: 100%; } #lgg-home-hero .slide { height: 100vh; width: 100vw; } /* - Hero slides custom styles */ #lgg-home-hero .slide.project-homerun { background-position: center center; } #lgg-home-hero .slide.project-last-sky { background-position: 80% center; } #lgg-home-hero .slide.project-wings-icaria { background-position: 80% center; } #lgg-home-hero .slide.project-awakening { background-position: 90% center; } /* OPACITY ANIMATION */ #lgg-home-hero .slide .project-slide .opacity-in { -webkit-transition: opacity 0.7s ease-out; -moz-transition: opacity 0.7s ease-out; transition: opacity 0.7s ease-out; } #lgg-home-hero .fade-in .slide.show .project-slide .opacity-in, #main #lgg-home-hero .fade-out .slide.show .project-slide .opacity-in { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } #lgg-home-hero .slide.show .opacity-in { opacity: 1; } /* POSITION ANIMATION */ #lgg-home-hero .slide .project-slide .left-slide-in { max-width: 800px; width: 60%; display: inline-block; position: relative; } #lgg-home-hero .fade-in .slide.show .left-slide-in { left: 200px; -webkit-transition: width 0s ease-out; -moz-transition: width 0s ease-out; transition: width 0s ease-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } #lgg-home-hero .slide.show .left-slide-in { left: 0; -webkit-transition: left 1.4s ease-out; -moz-transition: left 1.4s ease-out; transition: left 1.4s ease-out; } /* DELAYS */ #lgg-home-hero .slide .project-slide .left-slide-in:nth-child(2), #lgg-home-hero .slide .project-slide .left-slide-in:nth-child(2) .opacity-in { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } #lgg-home-hero .slide .project-slide .left-slide-in:nth-child(3), #lgg-home-hero .slide .project-slide .left-slide-in:nth-child(3) .opacity-in { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; } /* Page Link Tiles */ /*---------------------------------------------- */ #page-links h1 { font-size: 28px; max-width: 32em; margin: auto; } #page-links .meta-group-tiles .ez-tile { /*min-height: 280px;*/ background-color: rgba(74, 92, 97, 0.5); height: 280px; vertical-align: bottom; display: table-cell; text-align: center; padding-bottom: 30px; background-position: center center; background-size: cover; opacity: 0.6; } #page-links .meta-group-tiles .mg-heading { width: 100%; } #page-links .meta-group-tiles .ez-tile:hover { opacity: 1; } #page-links .tile-wrap { background: #000; display: table; width: 100%; } .slide.project-last-sky { /*max-width: 60%;*/ /*float: left;*/ } /* modify padding while only one slide */ #testimonials .fade-wrapper { padding: 0; } #countdown-clock .stretchy-vid .vid-container { padding-top: 57.25%; box-shadow: 0 0 50px rgba(255, 255, 255, 0.4); background: black; } #countdown-clock .stretchy-vid .vid-container.aspect-r-2-to-1, .stretchy-vid .vid-container.aspect-r-2-to-1 { padding-top: 50%; } /* Trust Logo Grid */ /*---------------------------------------------- */ .trust-logos .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; justify-content: center; -webkit-justify-content: center; -moz-flex-justify-content: center; -ms-flex-justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .trust-logo img { max-width: 300px; } .trust-logo .ez-col { height: 200px; } .trust-logo .ez-row { width: 80%; display: inline-table; } /* Video Embed Section */ /*---------------------------------------------- */ .home #main #video-embed { padding: 0 30px 60px; } #video-embed iframe { width: 100%; height: 700px; margin: 0; background: rgba(0,0,0,0.9); } #video-embed .shadow-wrap { box-shadow: 0 0 30px rgba(0,0,0,0.9); } #video-embed .responsive-vid-wrap { position: relative; padding-bottom: calc(100% * 360/640) } #video-embed .responsive-vid-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (min-height:1000px) { /* Home Page Hero */ /*---------------------------------------------- */ .peek-sizer { height: 100px; } } @media only screen and (min-width:1100px) { } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { /* Page Link Tiles */ /*---------------------------------------------- */ #page-links .meta-group-tiles .ez-tile { height: 230px; } /* Trust Logo Grid */ /*---------------------------------------------- */ .trust-logo .ez-col { height: 180px; } #video-embed iframe { height: 500px; } } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { /* Home Page Hero */ /*---------------------------------------------- */ .home-page-intro .container { padding: 5%; } .hero-container .entry-content { /*width: 375px;*/ text-align: center; width: 100%; } .hero-container .entry-content h1 { margin: 0 auto; } .peek-sizer { height: 100px; } #lgg-home-hero .slider-nav .slider-option { margin: 0 1%; } .slide.project-last-sky { /*max-width: 60%;*/ /*float: left;*/ } /* Page Link Tiles */ /*---------------------------------------------- */ #page-links .meta-group-tiles .ez-tile { height: 200px; } /* Trust Logo Grid */ /*---------------------------------------------- */ .trust-logo .ez-col { height: 150px; } /* Video Embed Section */ /*---------------------------------------------- */ #video-embed iframe { height: 460px; } } @media only screen and (min-width: 767px) and (max-width: 959px) and (min-height: 767px) { /* Home Page Hero */ /*---------------------------------------------- */ .hero-peek { margin-top: -30px; margin-bottom: 30px; } .peek-sizer { height: 200px; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { /* Home Page Hero */ /*---------------------------------------------- */ .hero-container .entry-content { /*width: 375px;*/ text-align: center; width: 100%; } .hero-container .content-wrap { max-width: 100%; /*float: right;*/ width: 100%; text-align: right; } .hero-container .entry-content h1 { max-width: 12em; margin: 0 auto; } .hero-container { vertical-align: middle; } .peek-sizer { height: 60px; } .hero-content { padding-top: 0; } .scroll-hinter { top: -60px; } /* - Hero slides custom styles */ #lgg-home-hero .hero-slider .slides .slide.project-awakening { background-size: auto 150%; background-position: 90% bottom; padding-bottom: 40px; } #lgg-home-hero .hero-slider .slides .slide.project-homerun { /*background-size: auto 140%;*/ background-position: 80% 40%; padding-bottom: 40px; } #lgg-home-hero .hero-slider .slides .slide.project-last-sky { background-size: auto 130%; background-position: 90% bottom; padding-bottom: 40px; } #lgg-home-hero .hero-slider .slides .slide.project-little-bandits { padding-bottom: 40px; } #lgg-home-hero .hero-slider .slides .slide.project-wings-icaria { background-size: auto 150%; background-position: 90% bottom; padding-bottom: 40px; } #lgg-home-hero .hero-slider .slides .slide.project-awakening.show, #lgg-home-hero .hero-slider .slides .slide.project-homerun.show, #lgg-home-hero .hero-slider .slides .slide.project-last-sky.show, #lgg-home-hero .hero-slider .slides .slide.project-little-bandits.show, #lgg-home-hero .hero-slider .slides .slide.project-wings-icaria.show { vertical-align: bottom; } /* Page Link Tiles */ /*---------------------------------------------- */ #page-links .meta-group-tile { width: 33.33%; padding: 0 5px; } #page-links .meta-group-tile .mg-heading { font-size: 18px; } #page-links .meta-group-tiles .ez-tile { height: 140px; } /* Trust Logo Grid */ /*---------------------------------------------- */ .trust-logo .ez-col { height: 100px; } /* Video Embed Section */ /*---------------------------------------------- */ #video-embed iframe { height: 320px; } .home #main #video-embed { padding: 0 30px 30px; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ .cta-load-anim:hover .load-bar-amin { /*width: 116px;*/ } /* Page Link Tiles */ /*---------------------------------------------- */ #page-links .meta-group-tile { width: 100%; padding: 10px; } #page-links .meta-group-tile .mg-heading { font-size: 24px; } #testimonials .testimonial-quote, #testimonials .testimonial-quote:before, #testimonials .testimonial-quote:after { font-size: 18px; } #testimonials .testimonial-quote{ padding: 0 10px; } .trust-logo .ez-col { height: 70px; } /* Video Embed Section */ /*---------------------------------------------- */ #video-embed iframe { height: 200px; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } #about-gallery .brick .hover { display: none; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ #about-gallery .brick { width: 100%; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* Alt bg for Services page */ .lgg-services-page .ez-row.content-row, .lgg-services-page .ez-col.content-row { background-color: #171a1f; /*background-color: #3f4150;*/ } /* Service Tiles */ .service-tiles.meta-group-tiles .ez-tile { padding: 30px 15px; height: auto; cursor: default; height: 200px; } .service-tiles.meta-group-tiles .tiles-wrap { margin-top:50px; } .service-tiles.meta-group-tiles .ez-tile { display: table-cell; background: none; border: 5px solid #e95320; vertical-align: middle; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 200px; padding: 45px 15px 15px; position: relative; } .service-tiles .mg-content { font-weight: 500; } /* Tile Image + Hover Image */ .service-tiles .tile-image { display: inline-block; top: -60px; background-color: #171a1f; padding: 10px; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); } .service-tiles .tile-image img { left: 50%; } .service-tiles .hover-image { display: none; } .service-tiles .ez-tile:hover .hover-image { display: block; } .service-tiles .ez-tile:hover .hover-image + .main-image { display: none; } /* product section - alt bg */ #production, #production .service-tiles .tile-image { background-color: #0f1014; } .service-tiles .ez-tile .tile-image { -webkit-transition: width 0.3s ease-out; -moz-transition: width 0.3s ease-out; transition: width 0.3s ease-out; width: 110px; } .service-tiles .ez-tile:hover .tile-image { /*max-width: 130px;*/ width: 130px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { .service-tiles .ez-tile .tile-image { width: 90px; } .service-tiles .ez-tile:hover .tile-image { /*max-width: 130px;*/ width: 100px; } .service-tiles .tile-image { top: -50px; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { #services-hero { text-align: center; } .service-tiles .meta-group-tile { width: 50%; margin-bottom: 40px; } #content-block .service-tiles .tile-image { /*margin-top: -40px;*/ max-width: 70px; padding: 5px; margin-bottom: 0; } .service-tiles .tile-image { top: -40px; } .service-tiles.meta-group-tiles .tiles-wrap { margin-top: 20px; } .service-tiles.meta-group-tiles .ez-tile { height: auto; padding: 15px 15px 20px; } .service-tiles .mg-content { margin-top: 25px; } #services-testimonial { background-position-x: 90%; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ /*#services .meta-group-tiles .ez-tile {*/ /*height: 150px;*/ /*padding: 0 15px;*/ /*}*/ .service-tiles .meta-group-tile { width: 100%; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* Projects Page Template */ /*---------------------------------------------- */ /*---------------------------------------------- */ .list-project-inner { background: #000; } .list-project-inner img { opacity: 0.7; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .list-project-inner:hover img { opacity: 1; } /* Project Single Post Type Template */ /*---------------------------------------------- */ /*---------------------------------------------- */ /* Project HERO */ /*---------------------------------------------- */ .hero-logo { max-width: 80%; } #project-hero { background-position: center center; } #project-hero .hero-heading { font-size: 24px; /*max-width: 14em;*/ margin: 25px auto 10px; color: white; } #project-hero .hero-content { padding: 0 30px; } /* Project INTRO BLOCK */ /*---------------------------------------------- */ #project-intro .scroll-hinter { top: -55px; color: white; width: 100%; left: 0; } .partnership-heading { margin: 20px 0 10px; } .partnership-logo { display: inline-block; opacity: 0.6; } .partnership-logo:hover { opacity: 1; } #project-intro .gallery-slider .fade-wrapper { padding: 0; } #project-intro .gallery-slider .slides-wrap { margin-bottom: 16px } #project-intro .gallery-slider .slider-options .slider-option { width: 25%; background: none; padding: 0 8px; } #project-intro .gallery-slider .slider-options .margin-wrap { margin: 0 -8px; } #project-intro .gallery-slider .slider-options .slider-option img { max-height: 120px; } #project-intro .gallery-slider .slider-nav { position: relative; } /* Project FREE-FORM BLOCKS */ /*---------------------------------------------- */ .ffb-content { max-width: 32em; opacity: 1; } /* - Layouts */ .layout-sr2 .content-col > .ez-row > .ez-col, .layout-sl2 .content-col > .ez-row > .ez-col { padding-left: 60px; padding-right: 60px; } .text-white p, #content-block .text-on-tint p { opacity: 1; } #content-block .layout-c1 .ffb-content { margin: 0 auto; } #content-block .layout-c2 .ffb-content { margin: 0 auto; } .layout-c1 .ffb-content, .layout-c2 .ffb-content { max-width: 48em; } /* Project GALLERY BLOCK */ /*---------------------------------------------- */ .app-cta { margin: 20px 10px 0; } .gallery-block > .ez-row { padding: 0 50px; } /* - Gallery */ #project-gallery #photo-gallery .image-wrapper { padding: 12px 16px; } #project-gallery #photo-gallery .image-wrapper img { box-shadow: 0 0 20px rgba(0,0,0,0.4); } #project-gallery #photo-gallery { padding-bottom: 45px; } /* - Closer */ .div-line-x { border-top: 1px solid rgba(255,255,255,0.5); } #project-closer .lgg-social { max-width: 60px; margin: 10px 10px 0; display: inline-block; /*opacity: 0.6;*/ } #project-closer .lgg-social:hover { /*opacity: 1;*/ } #project-closer .lgg-social svg { width: 100%; } #project-closer { max-width: 400px; } #project-closer .lgg-social, #project-closer .lgg-social svg { max-width: 60px; max-height: 60px; width: 100%; } /* - Conditional Footer */ .gallery-block #footer.footer-block { background: rgba(0,0,0,0.6); } /* Project PURCHASE POPUP */ /*---------------------------------------------- */ .purchase-popup { border: 1px solid #ff6613; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-top: 5%; margin-bottom: 5%; } .purchase-popup .popup-header { display: none; } .purchase-popup.bg-cover .popup-content { background: none; width: 610px; max-width: 85vw; } .purchase-popup .title-img { max-width: 360px; margin-top: 15px; width: 100%; } .purchase-popup .label { font-size: 18px; font-weight: 500; color: #ffc484; text-transform: uppercase; } .purchase-popup .info { color: #f59357; font-weight: 500; } .purchase-popup .product-details { max-width: 240px; } .purchase-popup .product-details > .label:first-child { margin-bottom: 20px; } .purchase-popup .popup-content .ez-row > .label { margin-top: 15px; } .purchase-popup a.cta { margin-bottom: 30px; } .cta-add-to-cart.disabled { pointer-events: none; } .purchase-popup .product-price { margin-top: 30px; } .platform-options { max-width: 300px; margin: 5% auto; } .product-platform-option { opacity: 0.4; cursor: pointer; pointer-events: none; } .product-platform-option.enabled { pointer-events: auto; } .product-platform-option.selected { opacity: 1; } .product-platform-option p { color: #f59357; } .product-details { } /* PROJECT-SPECIFIC */ /*-------------------------------------------------------------- */ /*-------------------------------------------------------------- */ /* Project-Shared-Customization: */ /*--------------------------------------- */ /* - header with dark text todo: make into checkbox meta */ .alt-logo { display:none; } .project-awakening .header-block .logo .alt-logo, .project-little-bandits .header-block .logo .alt-logo { display: inline-block; } .project-awakening .header-block .logo .alt-logo + img, .project-little-bandits .header-block .logo .alt-logo + img { display: none; } /*.project-awakening.alt-header #header.scroll-header #header-content,*/ /*.project-little-bandits.alt-header #header.scroll-header #header-content {*/ /*background: rgba(255,255,255,0.8);*/ /*}*/ .project-awakening.alt-header .header-block .menu > li > a, .project-awakening.alt-header .mob-menu-trigger *, .project-little-bandits.alt-header .header-block .menu > li > a, .project-little-bandits.alt-header .mob-menu-trigger * { color: #222; font-weight: 500; } /* Project-Specific: MLB */ /*--------------------------------------- */ /* custom hero content mod */ .project-homerun .hero-heading, .project-homerun .hero-subheading, .project-homerun .hero-container .cta { display: none; } .project-homerun .hero-logo { position: absolute; bottom: 50px; left: 5%; max-width: 170px; } /* revert back for browsers which don't support the video playback */ .safari7.mobile .project-homerun .hero-heading, .safari7.mobile .project-homerun .hero-subheading, .safari7.mobile .project-homerun .hero-container .cta, .safari8.mobile .project-homerun .hero-heading, .safari8.mobile .project-homerun .hero-subheading, .safari8.mobile .project-homerun .hero-container .cta { display: inline-block; } .safari7.mobile .project-homerun .hero-logo, .safari8.mobile .project-homerun .hero-logo { position: relative; bottom: initial; left: initial; max-width: 80%; } .ffb-batting-cage { background-position-y: 90%; } /* Project-Specific: THE LAST SKY */ /*--------------------------------------- */ /* - LS - Hero */ .project-last-sky #project-hero { background-position-y: 100%; } .project-last-sky #project-hero .hero-subheading { color: #61e8e9; text-transform: uppercase; } /* - LS - Intro */ .project-last-sky #project-intro .mobile-col.text-center { padding-bottom: 40px; } .project-last-sky #project-intro P { max-width: 25em; } .scroll-hinter:before { margin-left: 0; } /* - LS - Free-From Blocks */ .ls-segue .segue-heading { height: 500px; /*transform: translateY(-50%);*/ transform: translateY(-180px); -webkit-transform: translateY(-180px); -moz-transform: translateY(-180px); -ms-transform: translateY(-180px); -o-transform: translateY(-180px); background-size: cover; background-position-x: center; pointer-events: none; } .ls-segue .segue-heading .wrap { top: 200px; position: relative; background: none; } .ls-segue.ls-segue-intro .segue-heading { height: 400px; transform: translateY(-120px); -webkit-transform: translateY(-120px); -moz-transform: translateY(-120px); -ms-transform: translateY(-120px); -o-transform: translateY(-120px); } .ls-segue.ls-segue-intro .segue-heading .wrap { top: 150px; } .ls-segue .ez-row.content-row.segue-row { height: 70px; } .project-last-sky .ls-text1 .container-2 { padding-top: 40px; } .project-last-sky .ls-text2 .container-2 { padding-bottom: 40px; } .project-last-sky .ls-text2 { background-position-y: 0; } /* - LS - Gallery */ .project-last-sky .gallery-block { background-position-y: 70%; } .project-last-sky .gallery-block h2, .project-last-sky .gallery-block h4 { margin-top: 15%; } .project-last-sky .gallery-block h2 + h4 { margin-top: 0; } .content-col > .container.masonry { padding-left: 0; padding-right: 0; } .project-last-sky .cc-container { max-width: 643px; } /* - LS - Purchase Popup */ .project-last-sky .purchase-popup { background-position-y: 100%; background-size: cover; } /* - LS - WIDE screen */ @media only screen and (min-width:2100px) { .ls-segue .segue-heading { height: 600px; transform: translateY(-220px); -webkit-transform: translateY(-220px); -moz-transform: translateY(-220px); -ms-transform: translateY(-220px); -o-transform: translateY(-220px); } .ls-segue .segue-heading span { top: 240px; } .ls-segue.ls-segue-intro .segue-heading { height: 500px; transform: translateY(-150px); -webkit-transform: translateY(-150px); -moz-transform: translateY(-150px); -ms-transform: translateY(-150px); -o-transform: translateY(-150px); } .ls-segue.ls-segue-intro .segue-heading span { top: 180px; } } .project-last-sky .ez-row.content-row { background-color: #07111a; } /* Project-Specific: THE AWAKENING */ /*--------------------------------------- */ /* - Awaken - header with dark text todo: make into checkbox meta */ .project-awakening.alt-header #header.scroll-header #header-content { background: rgba(255, 255 ,255 ,0.8); } /* - Awaken - Hero */ .project-awakening #project-intro .scroll-hinter { color: #0eb1f4; } /* - Awaken - Intro */ .project-awakening #content-block #content #project-hero .hero-heading { font-size: 24px; /*max-width: 14em;*/ margin: 25px auto 10px; color: #0eb1f4; } .project-awakening #project-intro { padding-top: 0px; } .project-awakening #project-intro .container { border-top: 1px solid #e9e9e9; padding-top: 130px; } /* - Awaken - Free-From Blocks */ .project-awakening #content .div-line-x, .project-awakening .div-top .container { border-top: 1px solid #e9e9e9; } .project-awakening .div-bottom .container { border-bottom: 1px solid #e9e9e9; } .project-awakening .ez-row.content-row { background: #fff; } .project-awakening .immersive-audio .ffb-content { max-width: 30em; } /* - Awaken - Social links */ .project-awakening #content .div-line-x { opacity: 1; } /* - Awaken - Custom Footer (& form) */ .project-awakening #footer.footer-block { background: #edf6f7; } .project-awakening #footer p, .project-awakening #footer .text-white div, .project-awakening #footer .text-white label { color: #8e9aa7; } .project-awakening #content-block p, .project-awakening #footer.footer-block a { color: #499fc2; } .project-awakening #footer #footer-form-intro { color: #e95320; } .project-awakening input[type="text"], .project-awakening input[type="password"], .project-awakening input[type="email"], .project-awakening textarea, .project-awakening select { border: 1px solid #8e9aa7; /*padding: 12px 8px;*/ } /* - Awaken - custom padding */ @media only screen and (max-width:1400px) { .project-awakening .ff-block.side-padding .content-col { padding: 0 30px; } } /* Project-Specific: LITTLE BANDITS */ /*--------------------------------------- */ /* - LB - header with dark text todo: make into checkbox meta */ .project-little-bandits.alt-header #header.scroll-header #header-content { background: rgba(247, 238, 197,0.8); } /* - LB - Background */ .project-little-bandits .ez-row.content-row { background: #782127; } /* - LB - Hero */ .project-little-bandits .hero-container { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1eb097+0,0db7bd+100 */ /*background: #30d3b8; !* Old browsers *!*/ background: /*-webkit-radial-gradient(rgba(0,0,0,0.1), transparent),*/ -moz-linear-gradient(0deg, rgba(120,33,39,1) 0%, rgba(120,33,39,0) 20%, rgba(247, 238, 197,0) 80%, rgba(247, 238, 197,1) 100%); /* FF3.6-15 */ background: /*-webkit-radial-gradient(rgba(0,0,0,0.1), transparent),*/ -webkit-linear-gradient(0deg, rgba(120,33,39,1) 0%, rgba(120,33,39,0) 20%, rgba(247, 238, 197,0) 80%, rgba(247, 238, 197,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: /*radial-gradient(rgba(0,0,0,0.1), transparent),*/ linear-gradient(0deg, rgba(120,33,39,1) 0%, rgba(120,33,39,0) 20%, rgba(247, 238, 197,0) 80%, rgba(247, 238, 197,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30d3b8', endColorstr='#0db7bd',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!*/ } .project-little-bandits .hero-logo { max-width: 70%; margin-top: 50px; } /* - LB - Intro */ .project-little-bandits #content .hero-content .cta > * { border:none; background: #be4839; } .project-little-bandits #project-intro { padding-top: 0px; } /* - LB - Gallery & Closer */ .project-little-bandits #project-gallery { padding-bottom: 0; } .project-little-bandits #project-closer-wrap { padding-top: 180px; background-position-y: 0; } .project-little-bandits #project-closer-wrap .div-line-x { display: none; } /* - LB - WIDE screen */ @media only screen and (min-width:1800px) { .project-little-bandits #project-closer-wrap { padding-top: 280px; background-position: top center; } } /* Project-Specific: WINGS OF ICARIA */ /*--------------------------------------- */ .project-wings-icaria #project-hero { background-position: 70% center; } .project-wings-icaria #project-hero .hero-logo { max-width: 90%; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { .hero-logo { max-width: 60%; } .safari7.mobile .project-homerun .hero-logo, .safari8.mobile .project-homerun .hero-logo { max-width: 60%; } /* - LB - Hero */ .project-little-bandits .hero-logo { max-width: 60%; margin-top: 50px; } /* Project INTRO BLOCK */ /*---------------------------------------------- */ #project-intro .gallery-slider .slides-wrap { margin-bottom: 12px } #project-intro .gallery-slider .slider-options .slider-option { padding: 0 6px; } #project-intro .gallery-slider .slider-options .margin-wrap { margin: 0 -6px; } } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { /* Project HERO BLOCK */ /*---------------------------------------------- */ #project-hero .hero-heading { font-size: 21px; /*max-width: 14em;*/ margin: 25px auto 10px; color: white; } /* Project INTRO BLOCK */ /*---------------------------------------------- */ #project-intro .gallery-slider .slides-wrap { margin-bottom: 8px } #project-intro .gallery-slider .slider-options .slider-option { padding: 0 4px; display: none; } #project-intro img, #project-intro .gallery-slider { max-width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } #project-intro .gallery-slider, #project-intro .gallery-slider img { max-width: 550px; } #project-intro .gallery-slider .slider-options .margin-wrap { margin: 0 -4px; } .partnership-logo img { max-height: 90px; } /* PROJECT-SPECIFIC */ /*-------------------------------------------------------------- */ /*-------------------------------------------------------------- */ .project-last-sky #project-intro p { margin: auto; } .project-little-bandits #project-intro img { max-width: 380px; } .project-awakening #project-intro img { max-width: 380px; margin-bottom: 40px; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { /* Project HERO BLOCK */ /*---------------------------------------------- */ #project-hero .hero-heading { font-size: 18px; /*max-width: 14em;*/ margin: 0 auto 10px; color: white; } #project-hero .hero-content > * { margin: 10px auto; } /* Project INTRO BLOCK */ /*---------------------------------------------- */ #project-intro .gallery-slider .slider-nav { display: none; } .partnership-logo img { max-height: 90px; } #project-intro .width-2 > .mobile-show { padding: 40px 20px 0; } /* Project GALLERY BLOCK */ /*---------------------------------------------- */ .gallery-block > .ez-row { padding: 0 30px; } #project-gallery { padding: 0 30px; } #project-gallery #photo-gallery .image-wrapper { padding: 2px 6px; width: 50%; } #project-closer .lgg-social { max-width: 50px; } /* PROJECT-SPECIFIC */ /*-------------------------------------------------------------- */ /*-------------------------------------------------------------- */ /* Project-Specific: MLB */ /*--------------------------------------- */ .project-homerun .hero-heading, .project-homerun .hero-subheading, .project-homerun .hero-container .cta { display: inline-block; } .project-homerun .hero-logo { position: relative; bottom: initial; left: initial; max-width: 60%; } /* Project-Specific: LITTLE BANDITS */ /*--------------------------------------- */ .project-little-bandits #project-intro img { max-height: 320px; } /* Project-Specific: THE AWAKENING */ /*--------------------------------------- */ .project-awakening #project-intro img { max-height: 250px; } .project-awakening .bci-tech .container-2 { text-align: center; } .project-awakening .the-experience .container-2 { text-align: center; } .project-awakening .hero-logo { max-height: 140px; max-width: 100%; } .project-awakening #content-block #content #project-hero .hero-heading { font-size: 18px; max-width: 12em; } .project-awakening #project-intro .container { padding-top: 60px; } /* Project-Specific: THE LAST SKY */ /*--------------------------------------- */ .project-last-sky .hero-content .hero-heading { max-width: 15em; } .project-last-sky #project-intro p { margin: auto; } .project-last-sky .hero-content .hero-logo { max-width: 80%; } .ls-segue.ls-segue-intro .segue-heading { height: 330px; transform: translateY(-120px); -webkit-transform: translateY(-120px); -moz-transform: translateY(-120px); -ms-transform: translateY(-120px); -o-transform: translateY(-120px); } .ls-segue .segue-heading { height: 380px; /* transform: translateY(-50%); */ transform: translateY(-130px); -webkit-transform: translateY(-130px); -moz-transform: translateY(-130px); -ms-transform: translateY(-130px); -o-transform: translateY(-130px); background-size: cover; background-position-x: center; pointer-events: none; } .ls-segue .segue-heading span { top: 150px; position: relative; background: none; } .ls-segue .segue-heading span * { font-size: 18px; } .ls-segue.ls-segue-intro .segue-heading { height: 330px; transform: translateY(-80px); -webkit-transform: translateY(-80px); -moz-transform: translateY(-80px); -ms-transform: translateY(-80px); -o-transform: translateY(-80px); } .ls-segue.ls-segue-intro .segue-heading span { top: 120px; } .project-last-sky .ls-text1 .container-2 { padding-top: 80px; } .project-last-sky .ls-text2 .container-2 { padding-bottom: 80px; } .ls-text1 { background-position-x: 22%; } .ls-text2 { background-position-x: 82%; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ #projects-hero.static-hero-content { padding-top: 100px; padding-bottom: 40px; } /* Project HERO BLOCK */ /*---------------------------------------------- */ #project-hero .hero-heading { font-size: 16px; } /* Project FREE-FORM BLOCKS */ /*---------------------------------------------- */ .layout-sr2 .content-col > .ez-row > .ez-col, .layout-sl2 .content-col > .ez-row > .ez-col { padding-left: 20px; padding-right: 20px; } /* Project GALLERY BLOCK */ /*---------------------------------------------- */ #project-gallery { padding: 0; } #project-gallery #photo-gallery .image-wrapper { /*width: 100%;*/ } #project-closer .lgg-social { max-width: 40px; } } /* MQ5: Mobile (Portrait Narrow) ================================================== */ @media only screen and (max-width: 400px){ /* Projects Feed Page */ /*---------------------------------------------- */ #projects-hero.static-hero-content { padding-top: 80px; padding-bottom: 30px; } /* Project INTRO BLOCK */ /*---------------------------------------------- */ #project-intro .width-2 > .mobile-show { padding: 40px 0 0; } /* PROJECT-SPECIFIC */ /*-------------------------------------------------------------- */ /*-------------------------------------------------------------- */ .project-awakening #content-block #content #project-hero .hero-heading { font-size: 16px; max-width: 12em; } .project-awakening .why-try .ffb-heading { max-width: 8em; margin-left: auto; margin-right: auto; } } @media only screen and (max-height: 650px) { .hero-logo { max-height: 180px; } #project-hero .hero-content > * { margin: 0 auto 10px; } #project-hero .hero-content > .cta { margin: 10px auto 10px; } } @media only screen and (max-height: 600px) { .hero-logo { max-height: 120px; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } article.error404 { position: relative; text-align: center; padding: 5%; } article.error404 .entry-header { position: absolute; opacity: 0.075; width: 100%; text-align: center; left: 0; pointer-events: none; } article.error404 .entry-content > * { /*display: inline-block*/ } article.error404 .entry-header .entry-title { font-size: 320px; margin-top: -120px; font-weight: 700; } #content-block article.error404 .entry-content p { margin: 30px auto 20px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { article.error404 .entry-header .entry-title { font-size: 220px; margin-top: -100px; font-weight: 700; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ article.error404 .entry-header .entry-title { font-size: 120px; margin-top: -70px; font-weight: 700; } #content-block article.error404 .entry-content p { margin: 30px auto 20px; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* BLOG header */ .blog-content.alt-header #header-content { border-bottom: 1px solid rgba(0,0,0,0.2); } /* - header with dark text */ .blog-content.alt-header .alt-logo { display:none; } .blog-content.alt-header .header-block .logo .alt-logo { display: inline-block; } .blog-content.alt-header .header-block .logo .alt-logo + img { display: none; } .blog-content.alt-header .mob-menu-trigger *, .blog-content.alt-header .header-block .menu > li > a, .blog-content.alt-header .mob-menu-trigger * { color: #222; font-weight: 500; } .blog-content.alt-header #header.scroll-header #header-content { background: rgba(255, 255, 255, 0.7); } /* BLOG common */ .blog-content.alt-header .ez-row.content-row, .blog-content.alt-header .ez-col.content-row { /*background-color: #f0f6ff;*/ background-color: #fff; } #content-block .current-cat > a, #content-block .current-cat-parent > a, #content-block .current-post > a { font-weight: 500; color: #e95320; } article.blog-post { padding-bottom: 60px; } .social-share-icon { font-family: 'FontAwesome'; } .details-caption { margin-right: 15px; } .blog-content #main { padding-top: 90px; background-color: #fff; } /* BLOG Category Nav */ #category-nav .cat-item { display: inline-block; } #category-nav .cat-item + .cat-item { margin-left: 20px; } .blog .cat-item-ALL { font-weight: 500; } .blog-sub-nav { padding: 13px 10px 10px; } #category-nav p { color: #555; } /* BLOG CTA */ .blog-content a.cta, .blog-content .cta > *, .blog-content .cta > a, .blog-content .cta > a:visited { border: none; } /* todo: standardize cta if succesful */ .blog-content .cta .hover-wrap { background: rgba(255, 133, 98, 1); /*opacity: 0.7;*/ -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; transition: background .2s ease-out; } /* BLOG featured article */ .featured-article .post-title { font-weight: 500; color: white!important; } #content-block .featured-article p { opacity: 1; } .featured-article { margin-bottom: 90px; } /* BLOG feed items */ #blog-feed .efi-caption { text-align: left; /*padding: 21px 21px 0px;*/ padding: 21px 0 0px; } #blog-feed .efi-body { /*padding: 21px 21px 13px;*/ padding: 21px 0 13px; } #blog-feed .efi-caption h4 { font-family: Gotham, sans-serif; font-size: 14px; } .blog-content.single .efi-heading, .category-post-list .efi-heading { font-size: 1em; } a.heading-link:hover, .blog-content a.efi-inner:hover .efi-heading { text-decoration: underline; } /* BLOG Feed */ .blog .ez-feed-wrap article > .ez-col:first-child { padding-top: 13px; } /*.blog:not(.paged) #blog-feed .ez-feed-item:first-of-type {*/ /* width: 66.66%;*/ /*}*/ /*.blog:not(.paged) #blog-feed .ez-feed-item:first-of-type .efi-heading {*/ /* font-size: 36px;*/ /*}*/ #blog-feed .ez-feed-item { padding: 15px; /*display: inline-block;*/ display: inline-table; vertical-align: top; } #blog-feed .ez-feed-item .efi-inner { /*background: #2c2d37;*/ } .single.blog-content #content-block .content-container p, #blog-feed p { color: #555; opacity: 1; } article.blog-post .width-phi-lrg:first-child { padding-right : 30px; } /* BLOG Pagination todo separate css file? */ /* @link http://www.wpbeginner.com/wp-themes/how-to-add-numeric-pagination-in-your-wordpress-theme/ */ .ez-row.content-row.blog-pagination { padding-bottom: 120px; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { color: #fff; text-decoration:none; } .navigation li { display: inline; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { /*border: 1px solid #1f9ed9;*/ /*border-radius: 10px;*/ background: none; color: #959fdc; padding: 13px 21px; } .navigation li a:hover { background-color: rgba(0,0,0,0.05); } .navigation li.active a { font-weight: 500; /*background-color: #1f9ed9;*/ /*color: white;*/ } .blog-pagination .prev-post a, .blog-pagination .next-post a { color:#737373; font-weight: 500; } .blog-pagination .prev-post a:before { /*color: #959fdc;*/ /*font-family: FontAwesome;*/ /*content: '\f060';*/ /*font-size: 10px;*/ /*margin-right: 0.5em;*/ /*position: relative;*/ /*top: -1px;*/ } .blog-pagination .next-post a:after { /*color: #959fdc;*/ /*font-family: FontAwesome;*/ /*content: '\f061';*/ /*font-size: 10px;*/ /*margin-left: 0.5em;*/ /*position: relative;*/ /*top: -1px;*/ } /* SINGLE Post Banner */ #post-banner { overflow: hidden; } #post-banner.theme-row-padding { padding-top: 300px; } #post-banner #banner-content { padding-top: 50px; } #post-banner .tint-white { background: rgba(255,255,255,0.9); } .details-caption { font-weight: 300; color: #222; } .details-caption a { font-weight: 400; } /* SINGLE Post Content Area */ .post-tags { padding-top: 10px; } .single.blog-content .content-container { /*background: #f0f6ff;*/ background: #fff; } /* SINGLE Post Sidebar */ .post-side-bar > *:first-child { margin-top: 10px; } .post-side-bar .cat-item { list-style: none; } .post-side-bar .cat-item a { color:#737373; font-weight: 500; } .post-side-bar .cat-item a:after { color: #959fdc; font-family: FontAwesome; content: '\f061'; font-size: 10px; margin-left: 0.5em; position: relative; top: -1px; } /* SINGLE Related posts */ .single #blog-feed .brick { display: inline-block; } .blog-content.single #blog-feed { margin: 0 -15px; } .blog-content.single .efi-subhead { margin-bottom: 15px; } .blog-content.single .efi-heading { margin-bottom: 5px; } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { .blog-content #main { padding-top: 84px; } /* SINGLE Post Content & Sidebar */ #content-block .post-side-bar { width: 33%; max-width: 280px; } #content-block .post-content { width: 66.66%; } } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { /* BLOG Common */ .blog-content #main { padding-top: 64px; } article.blog-post .width-phi-lrg:first-child { padding-right: 0; padding-bottom: 15px; } article.blog-post { padding-bottom: 30px; } /* BLOG Featured Article */ .featured-article { margin-bottom: 30px; } /* BLOG Feed */ #blog-feed .ez-feed-item { width: 100%; } .blog:not(.paged) #blog-feed .ez-feed-item:first-of-type { width: 100%; } .blog:not(.paged) #blog-feed .ez-feed-item:first-of-type .efi-heading { font-size: 24px; } /* BLOG Category Nav */ #category-nav.mobile-collapse:not(.active) .mobile-collapse-content { display: none; } #category-nav .mobile-collapse-toggle span { color: #959fdc; } #category-nav.open .mobile-collapse-toggle span { display: none; } #category-nav .mobile-collapse-wrapper { margin-top: 15px; /*border-bottom: 1px solid #eee;*/ } #category-nav .mobile-collapse-content { padding-bottom: 10px; } #category-nav .menu-header.mobile-show { display: inline-block!important; } /* SINGLE Post Content & Sidebar */ #content-block .post-content, #content-block .post-side-bar { width: 100%; } .post-side-bar { margin-top: 40px; /*padding-bottom: 40px;*/ /*border-bottom: 1px solid #eee;*/ } .blog-content.single .hero-caption .ez-container { padding-top: 15px!important; padding-bottom: 15px!important; } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } /* PLUGIN MODS */ /*===========================================================*/ /* Common */ /*-----------------------------*/ .woocommerce .woocommerce-customer-details address { color: white; background-color: rgba(0,0,0,0.4); border: 1px solid rgba(255, 255, 255, .4); } /* - text */ /*-----------------------------*/ #content .woocommerce-message p { /*color: #515151;*/ } .woocommerce ul.order_details li { color: #fff; } .woocommerce label { color: white; } /* - buttons */ /*-----------------------------*/ /* - notices */ /*-----------------------------*/ #content .woocommerce-error, #content .woocommerce-info, #content .woocommerce-message, #content .woocommerce-notice { background: none; color: white; font-weight: 500; border-top: none; list-style: none outside; font-size: 16px; } #content .woocommerce-error *, #content .woocommerce-info *, #content .woocommerce-notice *, #content .woocommerce-message *, #content .woocommerce-error a, #content .woocommerce-error p, #content .woocommerce-info a, #content .woocommerce-info p, #content .woocommerce-notice a, #content .woocommerce-notice p, #content .woocommerce-message a, #content .woocommerce-message p { opacity: 1; line-height: 30px; color: white; } #content .woocommerce-error::before, #content .woocommerce-info::before, #content .woocommerce-notice::before, #content .woocommerce-message::before, #content .woocommerce-message .woocommerce-error::before, #content .woocommerce-message .woocommerce-info::before, #content .woocommerce-message .woocommerce-notice::before{ font-size: 36px; top: 14px; left: 0; } #content .payment_methods .woocommerce-error::before, #content .payment_methods .woocommerce-info::before, #content .payment_methods .woocommerce-notice::before { top: 0; left: 0; } .woocommerce-NoticeGroup strong { color: #444; font-weight: 500; } #content-block #content a.showcoupon { color: #e95320; } /* - forms */ /*-----------------------------*/ .woocommerce legend { padding: 3px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, #content-block form.woocommerce-form-coupon button { /*background-color: #e95320;*/ background-color: #c35732; color: #fff; -webkit-font-smoothing: antialiased; opacity: 1; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, #content-block form.woocommerce-form-coupon button:hover { /*background-color: #c35732;*/ background-color: #e95320; color: #fff; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #aaa; } .select2-dropdown { color: white; background-color: #2a2a34; border: 1px solid rgba(255, 255, 255, .4); border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: white; line-height: 28px; } .select2-container--default .select2-selection--single { background-color: rgba(0,0,0,0.2); border: 1px solid #aaa; border-radius: 2px; display: inline-table; width: 100%; padding: 5px 8px; } #content-block .woocommerce form .form-row .required { color: red; } /* - tables */ /*-----------------------------*/ td.product-quantity, #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { min-width: 32px; width: 15%; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 92px; } body:not(.woocommerce-cart) .woocommerce table.shop_table, body:not(.woocommerce-cart) .woocommerce table.shop_table th, body:not(.woocommerce-cart) .woocommerce table.shop_table td { border-top: unset; border: 1px solid rgba(255, 255, 255, .4); border-collapse: collapse; background-color: rgba(0,0,0,0.2); } .woocommerce-cart .woocommerce table.shop_table th, .woocommerce-cart .woocommerce table.shop_table td { /*border-top: unset;*/ /*border: 1px solid rgba(255, 255, 255, .4);*/ border: none; } .woocommerce #content table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page #content table.shop_table_responsive tr:nth-child(2n) td { background: none; } /* - CTAs */ /*-----------------------------*/ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-cart #content .wc-proceed-to-checkout a.checkout-button, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { color: white; width: auto; display: inline-block; letter-spacing: 0.1em; text-transform: uppercase; font-family: "Encode-Sans"; font-weight: 700; font-size: 12px; padding: 13px 21px; border: none; /*background: #e95320;*/ /*border: 1px solid #fff;*/ cursor: pointer; opacity: 1; border-radius: 8px; } .woocommerce-cart #content .wc-proceed-to-checkout a.checkout-button { background-color: #c35732; } .woocommerce-cart #content .wc-proceed-to-checkout a.checkout-button:hover { background-color: #e95320; } /* WP Menu Item: Shopping Cart */ /*-----------------------------*/ #global-wrapper .shopping-cart { display: none; } .cart-not-empty #global-wrapper .shopping-cart { display: inline-block; } #header .shopping-cart a:before, #global-mob-menu .shopping-cart .label:before { font-family: FontAwesome; content: '\f07a'; margin-right: 7px; } #global-mob-menu .shopping-cart .label { margin-left: 35px; position: relative; } /* Shop */ /*-----------------------------*/ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 30px; background: rgba(0, 0, 0, 0.1); } /* Single Product */ /*-----------------------------*/ .order-total .woocommerce-Price-amount, .product-subtotal .woocommerce-Price-amount, tr.order-total th, .woocommerce .quantity .qty { font-size: 24px; } .woocommerce div.product div.summary, #content .woocommerce-Tabs-panel { background: rgba(0,0,0,0.2); padding: 30px; } .product .summary { color: white; } #content-block p.price .amount { font-size: 24px; line-height: 32px; margin: 0 10px 20px 0; } /* Cart & Checkout */ /*-----------------------------*/ .woocommerce-cart .woocommerce .woocommerce-cart-form { border: 1px solid rgba(255, 255, 255, .4); /*border-collapse: collapse;*/ background-color: rgba(0,0,0,0.2); color: white; padding: 15px 5%; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 35%; } /* - Cart Actions */ .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { text-align: left; } .woocommerce-cart .cart-update .coupon, .woocommerce-cart .cart-discount { display: none; } /* - Cart Totals */ .product-subtotal .woocommerce-Price-amount { font-size: 18px; } .woocommerce .cart-collaterals table.shop_table tr.cart-subtotal th, .woocommerce .cart-collaterals table.shop_table tr.cart-subtotal td { padding-bottom: 0; } #content .order-total th { padding-top: 3px; } /*.woocommerce-cart .cart-subtotal,*/ .woocommerce-cart .order-total, .woocommerce-cart .tax-total { display: none; } .woocommerce-cart .cart-subtotal .woocommerce-Price-amount { font-size: 24px; font-weight: 600; } /* - Checkout Coupons */ form.checkout_coupon.woocommerce-form-coupon { background: rgba(0,0,0,0.2); border: none; border-radius: 0; } /* - Payments */ #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: rgba(0,0,0,0.4); } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { /*position: relative;*/ /*box-sizing: border-box;*/ /*width: 100%;*/ /*padding: 0;*/ /*margin: 1em 0;*/ /*font-size: .92em;*/ /*border-radius: 2px;*/ /*line-height: 1.5;*/ /*background-color: none;*/ /*background-color: rgba(0,0,0,0.3);*/ background-color: #15161b; /*color: #515151;*/ } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { /*content: "";*/ /*display: block;*/ border: 1em solid #15161b; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; /*position: absolute;*/ /*top: -.75em;*/ /*left: 0;*/ /*margin: -1em 0 0 2em;*/ /*display: none;*/ } .woocommerce-SavedPaymentMethods-saveNew { display: none!important; } #add_payment_method #payment ul.payment_methods li img.stripe-icon, .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon { display: inline-block; } .woocommerce-checkout .wc_payment_method > input { width: 20px; } .woocommerce-checkout .wc_payment_method > input, .woocommerce-checkout .wc_payment_method > label { display: inline-block; } .woocommerce-checkout .wc_payment_method > label > * { display: inline-block; } /* - Product Details */ .woocommerce-cart td.product-quantity { width: 15%; } .woocommerce-cart td.product-subtotal { width: 20%; } .woocommerce-table__product-name a, .woocommerce-table--order-downloads td.download-product a { pointer-events: none; } .woocommerce-cart table.cart .product-name { pointer-events: none; } .product-name .img-col { width: 120px; } /* - Order Received (Thank You Page) */ .woocommerce-order-received .woocommerce-order-details, .woocommerce-order-received .woocommerce-customer-details { display: none; } /* - misc */ .woocommerce-cart .woocommerce table.shop_table { border: none; } #customer_details { background-color: rgba(0,0,0,0.2); } .woocommerce-cart .return-to-shop { display: none; } .woocommerce-terms-and-conditions-checkbox-text:after { content: '.'; } .woocommerce-cart .wc-proceed-to-checkout { text-align: right; } @media only screen and (min-width: 767px) { .woocommerce-cart .wc-proceed-to-checkout { padding-left: calc(30% + 13px); } } @media only screen and (max-width: 767px) { .woocommerce-cart .wc-proceed-to-checkout { text-align: right; } .woocommerce #global-wrapper table.cart td.actions, .woocommerce-page #global-wrapper #content table.cart td.actions, .woocommerce-page #global-wrapper table.cart td.actions { text-align: right; } .woocommerce #global-wrapper table.cart td.actions .button, .woocommerce-page #global-wrapper #content table.cart td.actions .button, .woocommerce-page #global-wrapper table.cart td.actions .button { display: inline-block; width: auto; } } .woocommerce #content .cart-collaterals, .woocommerce-page #content .cart-collaterals { padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.2); } /* Loading Animation */ /*-----------------------------*/ /* * Custom AJAX spinner on WooCommerce checkout * The class used to load the overlay is .blockUI .blockOverlay * The class used to load the spinner is .woocommerce .loader:before * */ .woocommerce .blockUI.blockOverlay:before, .woocommerce .loader:before { /*height: 3em;*/ /*width: 3em;*/ /*position: absolute;*/ /*top: 50%;*/ /*left: 50%;*/ /*margin-left: -.5em;*/ /*margin-top: -.5em;*/ /*display: block;*/ /*content: "";*/ /*-webkit-animation: none;*/ /*-moz-animation: none;*/ /*animation: none;*/ /*background: url('/wp-content/themes/seed-child-lgg/cw-template-css/http:/test-site.com/wp-content/themes/boss-child/images/spinning-logo.gif') center center;*/ /*background-size: cover;*/ /*line-height: 1;*/ /*text-align: center;*/ /*font-size: 2em;*/ } .woocommerce .blockUI.blockOverlay:after, .woocommerce .loader:after { /*height: 3em;*/ /*width: 3em;*/ /*font-size: 18px;*/ position: absolute; top: calc(50% + 2em); left: calc(50% - 4.5em); /*left: 50%;*/ /*margin-left: -.5em;*/ /*margin-top: -.5em;*/ display: inline-block; font-width: 600; content: "Processing please wait"; } /* Empty Cart Page */ /*-----------------------------*/ .empty-cart-msg { height: 65vh; } #content .empty-cart-msg p { font-size: 1.1em; line-height: 1.7em; margin: 30px; } .empty-cart-img > img { max-width: 230px; opacity: 0.25; margin-left: -35px; } /* My Account */ /*-----------------------------*/ a.woocommerce-button.edit { font-size: 16px; } /* Woo-Multi-Currency */ /*-----------------------------*/ #content .cart-currencies th, #content .cart-currencies td { padding-bottom: 0; } #content .cart-currencies td { padding-top: 0; } #alg_currency_select { margin-top: 0; margin-bottom: 1px; padding-right: 25px; display: inline-block; max-width: 100%; } #alg_currency_selector { margin-top: 1px; margin-bottom: 0; } td[data-title="Currency"] { position: relative; text-align: right; } td[data-title="Currency"]:after { font-family: FontAwesome; content: "\f107"; position: absolute; top: 18px; left: calc(100% - 30px); } .cart-currencies td[data-title="Currency"]:after { top: 8px; } .woocommerce-Price-currencySymbol { margin-left: 0.5em; } /* Quantity Input Plugin Mods */ /*-----------------------------*/ #content .qib-button:not(#qib_id) { border: none; background: none; } #content .qib-container div.quantity:not(#qib_id) { border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 5px; } #content .qib-container div.quantity:not(#qib_id) input { border: none; } @media only screen and (min-width: 768px){ #content .woocommerce table.cart td.product-quantity .qib-container:not(#qib_id), #content .woocommerce table.cart td.product-quantity .qib-container:not(#qib_id) + a { margin-left: calc(53px - 55%); width: 100%; } #content .woocommerce table.cart td.product-quantity .qib-container:not(#qib_id) + a { margin-left: calc(105px - 110%); } #content .woocommerce table.cart td.product-quantity:not(#qib_id) { padding: 9px 0; } } /* Woocommerce Pop Notices Plugin Mods */ /*-----------------------------*/ #ttt-pnwc-notice .ttt-pnwc-notice.error .ttt-pnwc-notice-icon.default-icon:before { /*content: "\26A0";*/ font-family: WooCommerce; content: "\e016"; color: #b81c23; } #ttt-pnwc-notice .ttt-pnwc-notice.success .ttt-pnwc-notice-icon.default-icon:before { /*content: "\26A0";*/ font-family: WooCommerce; content: "\e015"; color: #8fae1b; } #ttt-pnwc-notice .ttt-pnwc-notice-icon.default-icon:before { /*content: "\2714";*/ font-family: WooCommerce; content:"\e028"; color:#1e85be; } #ttt-pnwc-notice .ttt-pnwc-notice { /*background: none !important;*/ /*display: -webkit-box;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*-webkit-box-align: left;*/ /*-ms-flex-align: left;*/ /*align-items: left;*/ text-align: left; /*-webkit-box-pack: left;*/ /*-ms-flex-pack: left;*/ justify-content: left; } #ttt-pnwc-notice .ttt-pnwc-notice-icon { margin: 9px 10px 14px 5px; } #ttt-pnwc-notice .ttt-pnwc-container { background-color: rgba(0, 0, 0, 0.6); border: 1px solid #e95320; } #ttt-pnwc-notice .ttt-pnwc-notice:nth-child(odd):after { opacity: 0.65; } #ttt-pnwc-notice .ttt-pnwc-notice:after { background: #000; } #ttt-pnwc-notice .ttt-pnwc-message { color: white; line-height: 1.5em; } button.ttt-pnwc-close { z-index: 25; font-size: 0; /*background: transparent;*/ background-color: #000; color: #ddd; } button.ttt-pnwc-close:hover { background-color: #000; color: #e95320; -webkit-transform: scale(1.18) translateZ(0); transform: scale(1.18) translateZ(0); } #ttt-pnwc-notice .ttt-pnwc-notice { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #ttt-pnwc-notice a.showcoupon.close-trig { pointer-events: none; } a.cta.ttt-pnwc-close { margin-bottom: 30px; } a.cta.ttt-pnwc-close .hover-wrap { color: #fff; -webkit-font-smoothing: antialiased; opacity: 1; background-color: #c35732; border: none; cursor: pointer; } #ttt-pnwc-notice button.ttt-pnwc-close { display: none; } #ttt-pnwc-notice .ttt-pnwc-container { overflow-y: auto; } .ttt-pnwc-wrapper { max-height: calc(100vh - 100px); } /* MISC MODS for non-Woocommerce Plugins */ /* ================================================== */ /* Age-Gate */ /*-----------------------------*/ .age-gate-submit-yes, .age-gate-submit-no { background: #e95320; color: white; text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 18px; padding: 13px 34px; border-radius: 8px; /*border: 1px solid #e95320;*/ border: none; } /* Cookie Notification Bar */ /*-----------------------------*/ html.cookie-bar-top-bar:not(.has-cookie-bar) { padding: 0 !important; margin: 0!important; } #catapult-cookie-bar span.ctcc-left-side a { color: #e95320; } span.ctcc-right-side button#catapultCookie { background: #e95320; color: white; text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 18px; padding: 13px 34px; border-radius: 8px; /*border: 1px solid #e95320;*/ border: none; } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { /* Cart Item */ /*-----------------------------*/ .woocommerce-page table.shop_table_responsive tr td { width: 100%; } .woocommerce-page .cart_item { padding-bottom: 5%; } .woocommerce-page .cart_item + .cart_item { border-top: 1px solid rgba(255, 255, 255, .4); padding-top: 5%; } .woocommerce-page table.shop_table_responsive tr.cart-update td:not(.actions) { display: none; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 100%; } #alg_currency_select { max-width: 220px; } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ .age-gate-message { font-size: 16px; max-width: 14em; margin: auto; } #alg_currency_select { max-width: 130px; } #customer_details .mobile-col { padding: 0; } #customer_details { background: none; } } @media only screen and (max-width: 360px){ /*.age-gate-message {*/ /*max-width: 14em;*/ /*margin: auto;*/ /*}*/ } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } /* TODO: ADD to core? */ #popup-content { height: 100vh; overflow-y: auto; -webkit-overflow-scrolling: touch; } .content-popup-trigger { cursor: pointer; } /*.cw-lazy-load {*/ /*background: rgba(0,0,0,0.7);*/ /*}*/ .cw-lazy-load:not(.product-platform-option) img { background: rgba(0,0,0,0.7); min-height: 120px; } .post-content p { margin-bottom: 1em; }