/* Theme Name: Ultraviolet Theme URI: https://ultraviolet.com/ Description: This is the sample theme created for the Genesis Framework. Author: InboundFound Author URI: https://www.inboundfound.com/ Version: 2.7.1 Tags: accessibility-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns Template: genesis License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: genesis-sample */ /* Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Container - Site Inner - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Genesis eNews Extended - Genesis Simple FAQ - Skip Links - Site Header - Title Area - Site Navigation - Responsive Menu - Header Menu - Footer Menu - Content Area - Entry Content - Entry Meta - Pagination - Entry Comments - Sidebar - Footer Widgets - Site Footer - Media Queries - Min-width: 960px - Site Header - Genesis Menu - Responsive Menu - Header Menu - Site Inner - Content - Sidebar - Author Box - After Entry - Column Classes - Entry Misc. - Footer Widgets - Print Styles */ /* HTML5 Reset ---------------------------------------------------------------------------- */ /* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css ---------------------------------------------------------------------------- */ /* stylelint-disable */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none} /* stylelint-enable */ /*! Lity - v2.3.1 - 2018-04-20 * http://sorgalla.com/lity/ * Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none} /* slick js */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* Box Sizing --------------------------------------------- */ html { -webkit-box-sizing: border-box; box-sizing: border-box; scroll-behavior: smooth; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } /* Float Clearing --------------------------------------------- */ .author-box::before, .clearfix::before, .entry::before, .entry-content::before, .footer-widgets::before, .nav-primary::before, .nav-secondary::before, .pagination::before, .site-container::before, .site-footer::before, .site-header::before, .site-inner::before, .widget::before, .wrap::before { content: " "; display: table; } .author-box::after, .clearfix::after, .entry::after, .entry-content::after, .footer-widgets::after, .nav-primary::after, .nav-secondary::after, .pagination::after, .site-container::after, .site-footer::after, .site-header::after, .site-inner::after, .widget::after, .wrap::after { clear: both; content: " "; display: table; } /* Defaults ---------------------------------------------------------------------------- */ .ld-purple.gradient-overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8a4ab5+0,5d4ecc+100&0.9+0,0.9+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(138,74,181,0.9) 0%,rgba(93,78,204,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(138,74,181,0.9) 0%,rgba(93,78,204,0.9) 100%); background: -o-linear-gradient(315deg, rgba(138,74,181,0.9) 0%,rgba(93,78,204,0.9) 100%); background: linear-gradient(135deg, rgba(138,74,181,0.9) 0%,rgba(93,78,204,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68a4ab5', endColorstr='#e65d4ecc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .ld-orange.gradient-overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e57178+0,f78d6b+100&0.9+0,0.9+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(229,113,120,0.9) 0%,rgba(247,141,107,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(229,113,120,0.9) 0%,rgba(247,141,107,0.9) 100%); background: -o-linear-gradient(315deg, rgba(229,113,120,0.9) 0%,rgba(247,141,107,0.9) 100%); background: linear-gradient(135deg, rgba(229,113,120,0.9) 0%,rgba(247,141,107,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e57178', endColorstr='#e6f78d6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .ld-orange-purple.gradient-overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e57178+0,5d4ecc+100&0.9+0,0.9+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(229,113,120,0.9) 0%,rgba(93,78,204,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(229,113,120,0.9) 0%,rgba(93,78,204,0.9) 100%); background: -o-linear-gradient(315deg, rgba(229,113,120,0.9) 0%,rgba(93,78,204,0.9) 100%); background: linear-gradient(135deg, rgba(229,113,120,0.9) 0%,rgba(93,78,204,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e57178', endColorstr='#e65d4ecc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .ld-orange-magenta.gradient-overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c94395+0,f78d6b+100&0.9+0,0.9+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(201,67,149,0.9) 0%,rgba(247,141,107,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(201,67,149,0.9) 0%,rgba(247,141,107,0.9) 100%); background: -o-linear-gradient(315deg, rgba(201,67,149,0.9) 0%,rgba(247,141,107,0.9) 100%); background: linear-gradient(135deg, rgba(201,67,149,0.9) 0%,rgba(247,141,107,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c94395', endColorstr='#e6f78d6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .l-purple.gradient-overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c94395+0,9249b1+100&0.9+0,0.9+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(201,67,149,0.9) 0%,rgba(146,73,177,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(201,67,149,0.9) 0%,rgba(146,73,177,0.9) 100%); background: -o-linear-gradient(315deg, rgba(201,67,149,0.9) 0%,rgba(146,73,177,0.9) 100%); background: linear-gradient(135deg, rgba(201,67,149,0.9) 0%,rgba(146,73,177,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c94395', endColorstr='#e69249b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .d-blue.gradient-overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#514fd2+0,272d7f+100&0.9+0,0.9+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#514fd2+0,1e1e54+100&0.9+0,0.9+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(81,79,210,0.9) 0%,rgba(30,30,84,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(81,79,210,0.9) 0%,rgba(30,30,84,0.9) 100%); background: -o-linear-gradient(315deg, rgba(81,79,210,0.9) 0%,rgba(30,30,84,0.9) 100%); background: linear-gradient(135deg, rgba(81,79,210,0.9) 0%,rgba(30,30,84,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6514fd2', endColorstr='#e61e1e54',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .l-blue-grey.gradient-overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6480da+0,514fd2+100&0.9+0,0.9+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(100,128,218,0.9) 0%,rgba(81,79,210,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(100,128,218,0.9) 0%,rgba(81,79,210,0.9) 100%); background: -o-linear-gradient(315deg, rgba(100,128,218,0.9) 0%,rgba(81,79,210,0.9) 100%); background: linear-gradient(135deg, rgba(100,128,218,0.9) 0%,rgba(81,79,210,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e66480da', endColorstr='#e6514fd2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* original solid gradients */ .purple-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e94084+0,5d4ecc+58,2c1d70+100 */ background: rgb(233,64,132); /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(233,64,132,1) 0%,rgba(93,78,204,1) 58%,rgba(44,29,112,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(233,64,132,1) 0%,rgba(93,78,204,1) 58%,rgba(44,29,112,1) 100%); background: -o-linear-gradient(315deg, rgba(233,64,132,1) 0%,rgba(93,78,204,1) 58%,rgba(44,29,112,1) 100%); background: linear-gradient(135deg, rgba(233,64,132,1) 0%,rgba(93,78,204,1) 58%,rgba(44,29,112,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e94084', endColorstr='#2c1d70',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .red-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e94084+0,f78d6b+100 */ background: rgb(233,64,132); /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(233,64,132,1) 0%,rgba(247,141,107,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(233,64,132,1) 0%,rgba(247,141,107,1) 100%); background: -o-linear-gradient(315deg, rgba(233,64,132,1) 0%,rgba(247,141,107,1) 100%); background: linear-gradient(135deg, rgba(233,64,132,1) 0%,rgba(247,141,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e94084', endColorstr='#f78d6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e94084+0,ff8c98+100 */ background: rgb(233,64,132); /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(233,64,132,1) 0%,rgba(255,140,152,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(233,64,132,1) 0%,rgba(255,140,152,1) 100%); background: -o-linear-gradient(315deg, rgba(233,64,132,1) 0%,rgba(255,140,152,1) 100%); background: linear-gradient(135deg, rgba(233,64,132,1) 0%,rgba(255,140,152,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e94084', endColorstr='#ff8c98',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .blue-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#514fd2+0,82cee8+100 */ background: rgb(81,79,210); /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(81,79,210,1) 0%,rgba(130,206,232,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(rgba(81,79,210,1)),to(rgba(130,206,232,1))); background: -o-linear-gradient(left, rgba(81,79,210,1) 0%,rgba(130,206,232,1) 100%); background: linear-gradient(to right, rgba(81,79,210,1) 0%,rgba(130,206,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#514fd2', endColorstr='#82cee8',GradientType=1 ); /* IE6-9 */ } .uv-purple.gradient-overlay { /**/ background: -webkit-gradient(linear, left bottom, right top, from(rgba(233, 64, 132, 0.9)),to(rgba(44, 29, 112, 0.9))); background: -webkit-linear-gradient(bottom left, rgba(233, 64, 132, 0.9) 0%,rgba(44, 29, 112, 0.9) 100%); background: -o-linear-gradient(bottom left, rgba(233, 64, 132, 0.9) 0%,rgba(44, 29, 112, 0.9) 100%); background: linear-gradient(to top right, rgba(233, 64, 132, 0.9) 0%,rgba(44, 29, 112, 0.9) 100%); } .gradient-hover { -webkit-transition: background 1.5s ease-out; -o-transition: background 1.5s ease-out; transition: background 1.5s ease-out; background-size: 100% 100%; background-origin: center center; } .gradient-hover:hover { background-origin: center center; background-size: 200% 200%; } /* Typographical Elements --------------------------------------------- */ html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .has-pink-color { background-color: #eb4086; } .has-navy-color { background-color: #1e1e54; } body { background-color: #fff; color: #231f20; font-family: "Nunito Sans", sans-serif; font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 300; line-height: 1.5; margin: 0; overflow-x: hidden; } button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a { color: #1e1e54; text-decoration: underline; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } p a:after { content: ''; display: block; width: 100%; height: 2px; margin-top: -2px; background: #1e1e54; background: -webkit-gradient(linear,left top,right top,from(#eb4086),to(#1e1e54)); background: -webkit-gradient(linear,left top, right top,from(#eb4086),to(#1e1e54)); background: -webkit-linear-gradient(left,#eb4086,#1e1e54); background: -o-linear-gradient(left,#eb4086,#1e1e54); background: linear-gradient(to right,#eb4086,#1e1e54); } /* supports safari gradient @supports (-webkit-overflow-scrolling: touch) { -webkit-text-fill-color: unset; }*/ p.social-footer-icons a:after { display: none; } p a { color: #1e1e54; /*-webkit-text-fill-color: #1e1e54;*/ background: -webkit-gradient(linear,left top,right top,from(#eb4086),to(#1e1e54)); background: -webkit-gradient(linear,left top, right top,from(#eb4086),to(#1e1e54)); background: -webkit-linear-gradient(left,#eb4086,#1e1e54); background: -o-linear-gradient(left,#eb4086,#1e1e54); background: linear-gradient(to right,#eb4086,#1e1e54); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-fill-color: #1e1e54; display: inline-block; text-decoration:none; } a:focus, a:hover { color: #555; text-decoration: none; } p { margin: 0 0 20px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { border: none; border-collapse: collapse; border-top: 1px solid #eee; clear: both; margin: 30px 0; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } mark { background: #ddd; color: #555; } blockquote { margin: 30px; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: "Muli", sans-serif; font-weight: 600; line-height: 1.2; /*margin: 0 0 20px;*/ margin:0; color: #1e1e54; letter-spacing: -1px; } h1 { font-size: 32px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 24px; color:#eb4086; } h2 span.gradient, #team h2 span { background: -webkit-gradient(linear,left top,right top,from(#eb4086),to(#1e1e54)); background: -webkit-gradient(linear,left top, right top,from(#eb4086),to(#1e1e54)); background: -webkit-linear-gradient(left,#eb4086,#1e1e54); background: -o-linear-gradient(left,#eb4086,#1e1e54); background: linear-gradient(to right,#eb4086,#1e1e54); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .entry-content .wp-block-cover .wp-block-cover-text { font-size: 34px; color: #fff; font-weight: 400; } .content .wp-block-button .wp-block-button__link { text-transform:none !important; } .content .wp-block-button .wp-block-button__link, .btn { background-color: #1e1e54; border: 0; border-radius: 5px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 600; padding: 0; text-align: center; text-transform: lowercase; text-decoration: none; white-space: normal; width: auto; display: inline-block; } .hbspt-form { max-width: 360px; margin: 20px auto 0; } .hbspt-form .hs-fieldtype-text.field.hs-form-field label span, div#hbspt-form-1548995753061-9705441876 form#hsForm_1dce657d-a061-41e1-9161-6a0e46fcb88c .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field label span, .hs-form-field label span { color: #999 !important; font-family: "Montserrat", sans-serif; font-weight: 600; line-height: 1.2; } .hs-form-1dce657d-a061-41e1-9161-6a0e46fcb88c_34516b47-0579-48eb-8e23-7510da3160db .hs-submit > .actions { text-align: center !important; margin: 0 auto !important; padding: 0 !important; } .hbspt-form .hs-input { width: 100% !important; } div#hbspt-form-1548995753061-9705441876 form#hsForm_1dce657d-a061-41e1-9161-6a0e46fcb88c .hs_submit.hs-submit .actions input.hs-button.primary.large, .hbspt-form .hs_submit.hs-submit .actions input.hs-button.primary.large, .hbspt-form input.hs-button.primary.large { text-shadow: none !important; background-color: #1e1e54; background-image: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 0 !important; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-size: 18px !important; font-weight: 600 !important; text-decoration: none; text-transform: lowercase !important; white-space: normal; width: auto; border-radius: 8px !important; padding: 12px 22px !important; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; font-family: "Montserrat", sans-serif !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.5 !important; } .hbspt-form input.hs-button.primary.large, .hs-form-4b952868-709e-46d0-86c4-8f27dca878c1_954a01b8-a313-47db-88fb-608a7c994417 .hs-button { text-shadow: none !important; background-color: #1e1e54; background-image: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 0 !important; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-size: 18px !important; font-weight: 600 !important; text-decoration: none; text-transform: lowercase !important; white-space: normal; width: auto; border-radius: 8px !important; padding: 12px 22px !important; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; font-family: "Montserrat", sans-serif !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.5 !important; } .hbspt-form .submitted-message, .hbspt-form .submitted-message p { text-align: center !important; font-size: 18px !important; color: #eb4086 !important; font-family: Montserrat, sans-serif !important; } .trap-right .btn, .trap-left .btn, .sidebase .btn { font-size: 18px; padding: 12px 22px; text-transform: lowercase; } /* .wp-block-button, .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link:hover { background-color: } */ .entry-content h3, .entry-content h4 { font-weight: 600; } /*.entry-content h4 { margin-top: 40px; }*/ h5 { font-size: 18px; } h6 { font-size: 18px; text-transform:uppercase; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; vertical-align: top; } figure { margin: 0; } /* Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery img { border: 1px solid #eee; height: auto; padding: 4px; } .gallery img:focus, .gallery img:hover { border: 1px solid #999; outline: none; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } .gallery-item { float: left; margin: 0 0 30px; text-align: center; } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; color: #555; font-size: 18px; font-weight: 400; padding: 15px; width: 100%; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-ms-input-placeholder { color: #555; opacity: 1; } :-ms-input-placeholder { color: #555; opacity: 1; } ::-webkit-input-placeholder { color: #555; opacity: 1; } ::placeholder { color: #555; opacity: 1; } button, .wp-block-button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #1e1e54; border: 0; color: #fff; cursor: pointer; font-size: 18px; font-weight: 600; /*padding: 15px 30px;*/ text-align: center; text-decoration: none; text-transform: lowercase; white-space: normal; width: auto; border-radius: 8px; padding: 0; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } .genesis-nav-menu .right-btn.menu-item a, .btn { -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, .button:focus, .button:hover, .btn:hover, .genesis-nav-menu .right-btn.menu-item a:hover { background-color: #eb4086; color: #fff; } .entry-content .button:focus, .entry-content .button:hover { color: #fff; } .button { display: inline-block; } .site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type="button"]:disabled, .site-container input[type="button"]:disabled:hover, .site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover, .site-container input[type="submit"]:disabled, .site-container input[type="submit"]:disabled:hover { background-color: #eee; border-width: 0; color: #777; cursor: not-allowed; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; word-break: break-all; } tbody { border-bottom: 1px solid #eee; } td, th { text-align: left; } td { border-top: 1px solid #eee; padding: 6px; } th { font-weight: 400; padding: 0 6px; } td:first-child, th:first-child { padding-left: 0; } /* animations */ .fadein { -webkit-animation: fadein 1s; animation: fadein 1s; } .fadein-slow { -webkit-animation: fadein 2.5s ease-out 0s forwards; animation: fadein 2.5s ease-out 0s forwards } @-webkit-keyframes fadein { from { opacity: 0 } to { opacity: 1 } } @keyframes fadein { from { opacity: 0 } to { opacity: 1 } } /* Screen Reader Text --------------------------------------------- */ .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .widget_search input[type="submit"]:focus { background: #fff; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #555; display: block; font-size: 1em; font-weight: 700; height: auto; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar. */ } .more-link { display: inline-block; position: relative; margin-bottom: 30px; } /* Structure and Layout ---------------------------------------------------------------------------- */ /* Site Container --------------------------------------------- */ .site-container { -webkit-animation: fadein 1s; animation: fadein 1s; word-wrap: break-word; background-color: #fff; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Site Inner --------------------------------------------- */ .site-inner, .single-cases .site-inner { clear: both; margin: 140px auto 0; max-width: none; padding: 0 50px !important; /* overflow:hidden; */ } .uv-work .site-inner { padding: 40px 30px 0; } /* Common Classes ---------------------------------------------------------------------------- */ /* Avatar --------------------------------------------- */ .avatar { border-radius: 50%; float: left; } .author-box .avatar, .alignleft .avatar { margin-right: 20px; } .alignright .avatar { margin-left: 20px; } .comment .avatar { margin: 0 15px 20px 0; } /* Genesis --------------------------------------------- */ .after-entry, .archive-description, .author-box { margin-bottom: 40px; } .after-entry { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); padding: 20px 30px; } .after-entry .widget:last-of-type { margin-bottom: 0; } .breadcrumb { border-bottom: 1px solid #eee; font-size: 16px; margin-bottom: 40px; padding-bottom: 10px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } /* Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .entry-content .search-form { margin-bottom: 40px; width: 50%; } .post-password-form input[type="submit"], .search-form input[type="submit"] { margin-top: 10px; padding: 15px 30px; } .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } /* Titles --------------------------------------------- */ .archive-description .entry-title, .archive-title, .author-box-title { font-size: 20px; font-weight: 600; margin-bottom: 10px; } .entry-title { font-size: 30px; margin-bottom: 10px; } .entry-title a, .sidebar .widget-title a { color: #1e1e54; text-decoration: none; } .entry-title a:focus, .entry-title a:hover { color: #1e1e54; } .widget-title { font-size: 18px; font-weight: 600; margin-bottom: 20px; } /* WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 30px; } img.alignnone, .alignnone { margin-bottom: 15px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 20px 20px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 20px 20px; } .gallery-caption, .wp-caption-text { font-size: 14px; font-weight: 600; margin: 0; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 30px; } /* Widgets ---------------------------------------------------------------------------- */ .widget { margin-bottom: 40px; } .widget p:last-child, .widget ul > li:last-of-type { margin-bottom: 0; } .widget ul > li { margin-bottom: 10px; } .widget ul > li:last-of-type { padding-bottom: 0; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: 0; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Featured Content --------------------------------------------- */ .featured-content .entry { border-bottom: 1px solid #eee; margin-bottom: 20px; } .featured-content .entry:last-of-type { border-bottom: none; margin-bottom: 0; } .featured-content .entry-title { font-size: 16px; margin-bottom: 5px; margin-top: 10px; } /* Plugins ---------------------------------------------------------------------------- */ /* Genesis eNews Extended --------------------------------------------- */ .after-entry .enews { text-align: center; padding: 10px; } .sidebar .enews { background-color: #f5f5f5; padding: 30px; } .enews-widget input { font-size: 16px; margin-bottom: 10px; } .after-entry .enews-widget input { text-align: center; } .enews-widget input[type="submit"] { margin: 0; width: 100%; } .enews form + p { margin-top: 20px; } /* Genesis Simple FAQ --------------------------------------------- */ .gs-faq__question { background: transparent; border-bottom: 1px solid #eee; color: #555; padding-left: 0; padding-right: 0; } .gs-faq__question:focus, .gs-faq__question:hover { background: transparent; color: #1e1e54; } .gs-faq__question::after { content: "\f132"; font-family: dashicons; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */ float: right; } .gs-faq__question.gs-faq--expanded::after { content: "\f460"; } /* Skip Links ---------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link .skip-link-hidden { display: none; visibility: hidden; } .genesis-skip-link li { height: 0; list-style: none; width: 0; } /* Display outline on focus */ :focus { color: #555; } /* Site Header ---------------------------------------------------------------------------- */ .site-header { background-color: #fff; /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); */ } /* Title Area --------------------------------------------- */ .title-area { float: left; padding-bottom: 25px; padding-top: 2px; padding-bottom: 0; padding-top: 20px; } .wp-custom-logo .title-area { max-width: 250px; width: 100%; } .site-header .title-area { opacity: 1; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } .site-header.scrolled .title-area { opacity: 0; padding: 0; margin-top: -55px; } .site-header.scrolled .nav-primary { padding: 0 0 8px; } .site-header .genesis-nav-menu .right-btn.menu-item { position: absolute; right: 0; top: -10px; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } @media only screen and (min-width: 960px) { .site-header.scrolled .genesis-nav-menu .right-btn.menu-item { top: 0; } .site-header.scrolled .genesis-nav-menu .right-btn.menu-item a { padding: 8px 20px 10px; } } .wp-custom-logo .title-area img { width: auto; } .site-title { font-size: 20px; font-weight: 600; line-height: 1; margin-bottom: 0; } .site-title a, .site-title a:focus, .site-title a:hover { color: #555; text-decoration: none; } .site-description, .wp-custom-logo .site-title { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } /* Site Navigation ---------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; line-height: 1; width: 100%; } .genesis-nav-menu .menu-item { display: block; float: none; position: relative; } .genesis-nav-menu a { font-family: "Montserrat", "Roboto", "Nunito", "Nunito Sans"; font-family: "Lato", sans-serif; font-family: "Open Sans", sans-serif; color: #1e1e54; display: block; font-weight: 600; outline-offset: -1px; text-decoration: none; text-transform: lowercase; font-size: 20px; letter-spacing: 0.015em; padding: 10px 14px; } .nav-primary .genesis-nav-menu li:first-of-type a { padding-left: 0; } .nav-primary .genesis-nav-menu .sub-menu li a { padding-left: 15px; border: none; } .genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #1e1e54; text-decoration: none; } .genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a { width: 100%; } .genesis-nav-menu .sub-menu { clear: both; display: none; height: auto; left: -9999px; margin: 0; opacity: 1; padding-left: 15px; position: static; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #fff; font-size: 14px; position: relative; word-wrap: break-word; } .genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover { position: relative; } .genesis-nav-menu .menu-item:hover > .sub-menu { display: block; left: auto; } /* Responsive Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } .genesis-responsive-menu { display: none; position: relative; } .genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu { display: none; } .menu-toggle, .sub-menu-toggle { background-color: transparent; border-width: 0; color: #555; display: block; margin: 0 auto; overflow: hidden; text-align: center; visibility: visible; } .menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover { background-color: transparent; border-width: 0; color: #1e1e54; } .menu-toggle { float: right; line-height: 20px; margin-bottom: 10px; margin-top: 10px; padding: 15px 0; position: relative; z-index: 1000; } .menu-toggle.activated::before { content: "\f335"; } .site-header .menu-toggle::before { float: left; margin-right: 5px; position: relative; text-rendering: auto; top: 1px; } .sub-menu-toggle { float: right; padding: 9px 20px; position: absolute; right: 0; top: 0; z-index: 100; } .sub-menu .sub-menu-toggle { padding: 12px 10px; } .sub-menu-toggle::before { display: inline-block; text-rendering: auto; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; -o-transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; } .sub-menu-toggle.activated::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* Header Menu --------------------------------------------- */ .nav-primary { clear: left; padding-bottom: 10px; padding-top: 5px; width: 100%; } /* Footer Menu --------------------------------------------- */ .nav-secondary { margin-top: 10px; } .nav-secondary .genesis-nav-menu { line-height: 1.5; } .nav-secondary .menu-item { display: inline-block; } .nav-secondary a { margin-left: 10px; margin-right: 10px; padding: 0; } /* Homepage ---------------------------------------------------------------------------- */ #services h2 span { background: -webkit-gradient(linear,left top,right top,from(#eb4086),to(#1e1e54)); background: -webkit-gradient(linear,left top, right top,from(#eb4086),to(#1e1e54)); background: -webkit-linear-gradient(left,#eb4086,#1e1e54); background: -o-linear-gradient(left,#eb4086,#1e1e54); background: linear-gradient(to right,#eb4086,#1e1e54); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } #services.filter-grid img { width: 125px; } .absolute-card { position: absolute; top: 0; padding: 40px; border: 13px solid #EBEBEB; border-radius: 5px; background: #fff; display: none; } .relative-box { position: relative; } .filter-grid ul, .filter-grid .list { list-style: none; clear: both; margin: 20px auto 0; padding: 0; } .filter-grid .list { padding-top: 30px; } .filter-grid li{ margin: 5px 10px; float: left; } .filter-grid .filter li:not(.active) { opacity: 0.7; } .filter-grid .filter li:not(.active) a { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* Content Area ---------------------------------------------------------------------------- */ /* Entry Content --------------------------------------------- */ .entry { margin-bottom: 40px; } .entry-content ol, .entry-content ul { margin-bottom: 30px; padding-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ul > li, .entry-content ul ul > li { list-style-type: circle; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #f5f5f5; } .content .sticky { background-color: #f5f5f5; padding: 30px; } /* Entry Meta --------------------------------------------- */ p.entry-meta { font-size: 16px; margin-bottom: 0; } .entry-header .entry-meta { margin-bottom: 20px; } .entry-footer .entry-meta { border-top: 1px solid #eee; padding-top: 20px; } .entry-categories, .entry-tags { display: block; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* Pagination --------------------------------------------- */ .pagination { clear: both; margin: 60px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #f5f5f5; color: #555; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 600; margin-bottom: 4px; padding: 8px 12px; text-decoration: none; } .archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a { background-color: #555; color: #fff; } /* Entry Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { margin-bottom: 40px; } .comment-list li { padding: 40px 0 0 30px; } .comment-list .depth-1 { padding-left: 0; } .comment-header { margin-bottom: 30px; } .comment-content { clear: both; } .comment-content ul > li { list-style-type: disc; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .comment-header p { margin-bottom: 0; } .entry-pings .reply { display: none; } .comment-form-cookies-consent label { display: inline; padding-left: 10px; } /* Sidebar ---------------------------------------------------------------------------- */ .sidebar { font-size: 16px; line-height: 1.5; } .sidebar .widget { margin-bottom: 40px; } .sidebar p { margin-bottom: 20px; } /* Footer Widgets ---------------------------------------------------------------------------- */ .footer-block > .wide-wrap { height: 900px; } .footer-widgets { position: relative; z-index: 3; clear: both; /* padding: 200px 0 0;*/ padding:60px 0; } .footer-widgets .wrap { margin-left: auto; margin-right: auto; } .footer-widget-area { margin-bottom: 40px; } .footer-widget-area:last-child, .footer-widgets .widget:last-child { margin-bottom: 0; } /* Site Footer ---------------------------------------------------------------------------- */ .site-footer { background-color: #fff; line-height: 1.5; padding: 30px; } .site-footer .wrap { max-width: 800px; margin: auto; } .site-footer p { margin-bottom: 0; } p.copyright { font-family: "Open Sans", sans-serif; color: #1e1e54; display: block; font-weight: 600; outline-offset: -1px; text-decoration: none; padding-top: 5px; font-size: 16px; text-align: left; float: left; } p.social-footer-icons { text-align: right; float: right; } p.social-footer-icons a { font-size: 24px; padding-left: 8px; } .widget-area.footer-widgets-1.footer-widget-area a { text-decoration: none; } /* about section */ span.team-phone, span.team-email { color: #1e1e54; margin-right:20px; } .uv-photo .img-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; height:166px; width:166px; } .uv-photo:hover .img-top { display: inline; } .uv-photo { position:relative; } svg.svg-inline--fa.fa-phone.fa-w-16, svg.svg-inline--fa.fa-envelope.fa-w-16 { margin-right: 10px; } .uv-photo img, .uv-photo .img-top { border-radius: 50%; /* max-width: 130px; */ } span.team-bio { font-weight:300; } .team-member { position: relative; display: block; overflow: hidden; padding: 50px 30px 50px 50px; } .team-member:nth-child(2n + 2) { background: #efefef; } .team-member .three-fourths { padding-left: 20px; } .uv-name-title h2, .uv-name-title h4 { text-transform: lowercase; } .uv-name-title h2 { margin-bottom: 0; } .team-email a, .team-phone a { position: relative; -webkit-text-fill-color: #1e1e54; color: #1e1e54; background: -webkit-gradient(linear,left top,right top,from(#eb4086),to(#1e1e54)); background: -webkit-gradient(linear,left top, right top,from(#eb4086),to(#1e1e54)); background: -webkit-linear-gradient(left,#eb4086,#1e1e54); background: -o-linear-gradient(left,#eb4086,#1e1e54); background: linear-gradient(to right,#eb4086,#1e1e54); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline; text-decoration: none; font-weight: 700; } .team-email a:after, .team-phone a:after { content: ''; display: inline-block; width: 100%; height: 2px; position: absolute; left: 0; right: 0; bottom: 0; background: #1e1e54; background: -webkit-gradient(linear,left top,right top,from(#eb4086),to(#1e1e54)); background: -webkit-gradient(linear,left top, right top,from(#eb4086),to(#1e1e54)); background: -webkit-linear-gradient(left,#eb4086,#1e1e54); background: -o-linear-gradient(left,#eb4086,#1e1e54); background: linear-gradient(to right,#eb4086,#1e1e54); } .card { width: auto; height: 400px; position: relative; margin-bottom:30px; display:block; } .card .card2, .card .card3 { height: 100%; position: absolute; width: 49.5%; z-index: 2; } .card2 { left: 0.5%; } .card3 { left: 50.5%; } img.stacked { position: absolute; width: 100%; display: none; } img.img1 { display:block; } /* Custom */ .gray-block { border: 1px solid #CBCBCB; background-color: #f5f5f5; } ul.check { position:relative; } .entry-content ul.check > li { list-style-type: none; color:#1E1E54; font-size: 18px; padding: 5px 10px; font-weight:400; line-height:36px; } .entry-content ul.check > li:before { /*background: url(/wp-content/uploads/2020/09/Icon-awesome-check-small.svg) no-repeat; content: ""; width: 26px; height: 26px; position: absolute; left: 10px;*/ background: url(/wp-content/uploads/2020/09/bullet.svg) no-repeat; content: ""; height: 33px; width: 34px; position: absolute; margin-left: -42px; background-size: 34px 33px; } .entry-content ul.service-list > li { list-style-type:none; padding:10px; } .entry-content ul.service-list > li:before { background: url(/wp-content/uploads/2020/09/bullet.svg) no-repeat; content: ""; height: 33px; width: 34px; position: absolute; margin-left: -42px; background-size: 34px 33px; } .wp-block-group.gray-box, .wp-block-group.white-box { border:1px solid #eeedee; } .wp-block-columns.work-plan.service .gray-box { background: #eeedee; height:340px; } .wp-block-columns.work-plan.service .white-box { height:340px; } .wp-block-columns.work-plan.service .white-box p { padding:0 10px; } .wp-block-columns.work-plan.service .gray-box li::marker { color:#eb4086; } .wp-block-group.gray-box li { margin-bottom: 10px; padding: 0 10px; } /* ul.check { left: 50%; transform: translate(-50%, -50%); position:absolute; } */ /*.stacked-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } */ .wp-block-image.top-image { margin-top: -60px; } .comparison h4 { margin: 0px 0px 10px auto; } .uv-reasons .wp-block-media-text .wp-block-media-text__content { padding: 0 10%; } .uv-reasons .wp-block-media-text.alignwide.is-stacked-on-mobile { background: #eeedee; } .uv-reasons.no-background .wp-block-media-text.alignwide.is-stacked-on-mobile { background: none; } div#service .wp-block-group__inner-container .wp-block-columns { display: flex; background: url(/wp-content/uploads/2020/08/services-background.png); background-repeat: no-repeat; background-position: center center; background-size:100% 110%; } .wp-block-column.team-block figure.wp-block-gallery.columns-2.is-cropped { width: 90%; margin: auto; margin-top: -150px; } .wp-block-column.team-block ul.blocks-gallery-grid { background: white; padding: 20px; margin:0; } .wp-block-column.team-text { padding: 0 5%; margin-top: -40px; } /*h4.has-text-align-right, h4.has-text-align-left, h4.has-text-align-center { margin: 0px 0px 20px 0px; }*/ h2.has-text-align-right, h2.has-text-align-left, h2.has-text-align-center { margin: 0px; margin-bottom:10px; } .uv-reasons .wp-block-media-text__content h4 { margin:0; } .wp-block-cover.uv-blockquote.centered-text.trap-right:after, .wp-block-cover.uv-blockquote.centered-text.trap-left:after{ content: ''; display: block; position: absolute; background-position: bottom center; } .wp-block-cover.quote { background-color:#fff; } .wp-block-image.img-quote.wp-block-image .aligncenter { margin-right: 0; margin-left: auto; } h3.quote-text { font-size:28px; } p.quote-text { Font-weight: 500; } .wp-block-cover.uv-blockquote.centered-text.blue-gradient.trap-right h4 { margin-bottom: 0; } div#footer-cta a { padding: 12px; } /* Media Queries ---------------------------------------------------------------------------- */ @media only screen and (max-width: 1330px) { .site-inner { margin: 140px 100px 0; max-width: none; padding: 0; } } @media only screen and (max-width: 1220px) { .footer-widgets { padding:60px 60px; } } @media only screen and (min-width: 800px) { /* Responsive Menu --------------------------------------------- */ .genesis-responsive-menu { display: block; } .menu-toggle, .sub-menu-toggle { display: none; visibility: hidden; } /* Genesis Menu --------------------------------------------- */ .genesis-nav-menu .menu-item { display: inline-block; } .genesis-nav-menu .right-btn.menu-item a { color: #fff; background-color: #1e1e54; border-radius: 8px; padding: 12px 20px; } .genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover { position: relative; } .genesis-nav-menu > .menu-bold > a { font-weight: 700; } .genesis-nav-menu > .menu-highlight > a { background-color: #555; border-radius: 3px; color: #fff; font-weight: 600; margin-left: 15px; padding-left: 20px; padding-right: 20px; } .genesis-nav-menu > .menu-highlight > a:focus, .genesis-nav-menu > .menu-highlight > a:hover { background-color: #1e1e54; } .genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a { width: 180px; } .genesis-nav-menu .sub-menu { opacity: 0; padding-left: 0; position: absolute; -webkit-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .genesis-nav-menu .sub-menu a { /* border: 1px solid #eee; border-top: 0; */ padding-bottom: 15px; padding-top: 15px; -webkit-box-shadow: 0px 0px 10px 0px #fff; box-shadow: 0px 0px 10px 0px #fff; } .genesis-nav-menu .sub-menu .sub-menu { margin: -46px 0 0 179px; } } @media only screen and (min-width: 800px) and (max-width: 960px) { .nav-primary { padding-bottom: 20px; } .genesis-nav-menu { text-align: center; } .genesis-nav-menu a { font-size: 18px; } .genesis-nav-menu .right-btn.menu-item a { color: #1e1e54; border-radius: 0; padding: 10px 14px; background: none; } .genesis-nav-menu .right-btn.menu-item a:hover { background: none; color: #eb4086; } .site-header .genesis-nav-menu .right-btn.menu-item { display: inline-block; } .site-header .genesis-nav-menu .right-btn.menu-item { display: inline-block; float: none; position: relative; top:0; } .title-area { width:100%; float:none; margin:auto; } .menu-toggle { float:none; } } .cd-nav-trigger { display: none; } @media only screen and (max-width: 960px) { .site-inner { margin: 0 100px 0; } div#service .wp-block-group__inner-container .wp-block-columns { background:none; flex-wrap:wrap; } div#service .wp-block-group__inner-container .wp-block-columns .wp-block-column { flex-basis: calc(50% - 16px)!important; } } @media only screen and (max-width: 880px) { .title-area { padding-bottom: 28px; } .nav-primary { display: none; } .cd-nav-trigger { display: block; } } @media only screen and (min-width: 960px) { /* Site Header --------------------------------------------- */ .site-header { position: fixed; z-index: 9999; width: calc(100% - 300px); padding: 0 50px; } .site-header .wrap { max-width: 1140px; margin: auto; } /* Header Menu --------------------------------------------- */ .nav-primary { clear: both; width: auto; } .nav-primary .genesis-nav-menu a { padding-left: 15px; padding-right: 15px; } /* Site-Inner --------------------------------------------- */ .site-inner { max-width: none; } /* Content --------------------------------------------- */ .content { float: left; width: 65%; } .sidebar-content .content { float: right; } .full-width-content .content, .landing-page .content { float: none; margin-left: auto; margin-right: auto; } /* Sidebar --------------------------------------------- */ .sidebar { float: right; width: 30%; } .sidebar-content .sidebar { float: left; } /* Author Box --------------------------------------------- */ .author-box { background-color: #f5f5f5; padding: 30px; } /* After Entry --------------------------------------------- */ .after-entry { padding: 40px 60px; } .after-entry .enews { padding-left: 30px; padding-right: 30px; } /* Column Classes --------------------------------------------- */ .row-3-one-fourths { width: 75%; margin: 0 auto; } .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.5641025641%; } .one-half, .three-sixths, .two-fourths { width: 48.717948718%; } .one-third, .two-sixths { width: 31.6239316239%; } .four-sixths, .two-thirds { width: 63.2478632479%; } .one-fourth { width: 23.0769230769%; } .three-fourths { width: 69.2307692308%; } .one-fifth { width: 17.9487179487%; } .two-fifths { width: 35.8974358974%; } .three-fifths { width: 53.8461538462%; } .four-fifths { width: 71.7948717949%; } .one-sixth { width: 14.5299145299%; } .five-sixths { width: 72.6495726496%; } .first { clear: both; margin-left: 0; } /* Entry Misc. --------------------------------------------- */ .after-entry, .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings { margin-bottom: 60px; } /* Footer Widgets --------------------------------------------- */ .footer-widgets .wrap { max-width: 800px; } .footer-widget-area { float: left; margin-bottom: 0; /* width: calc(100% / 3); */ } .site-footer { padding: 30px 0; } } @media only screen and (max-width: 768px) { .cases.type-cases #slider-timeline h4 { text-transform: lowercase; width: 80%; margin: 10px auto 40px; color: #888; font-size: 19px; } .footer-widgets { padding: 170px 0px; } #slider-timeline .slider.center > div:first-of-type { display: none; } } @media only screen and (max-width: 680px) { .site-inner { margin: 140px 10% 0 } .site-inner { margin: 0 0 0; padding: 0 10%; } } /* Print Styles ---------------------------------------------------------------------------- */ @media print { *, *::before, *::after { background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #555 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="javascript:"]::after, a[href^="#"]::after, .site-title > a::after { content: ""; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } .content, .content-sidebar { width: 100%; } button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar { display: none !important; } .title-area { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid; } } .wp-block-embed.aligncenter .wp-block-embed__wrapper .twitter-tweet { margin: auto; } .beam { position: relative; right: 30px; top: 180px; width: 90px; } .stats-block .uv-stats img.stacked-bg { display:none; } .home .site-inner { max-width: 1330px; } .home .content { width: 100%; margin-top: 0; } /* .above-fold */ .centered-text, .text-centered { text-align: center; } .righted-text, .text-right { text-align: right; } .vertically-centered { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .vertically-horizontally-centered { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .shadow { -webkit-box-shadow: inset 0 0 50px 10px rgba(18,16,61, 0.5); box-shadow: inset 0 0 50px 10px rgba(18,16,61, 0.5); } .shadow.front:before { position: absolute; content: ''; left: 0; top: 0; bottom: 0; right: 0; -webkit-box-shadow: inset 0 0 50px 10px rgba(18,16,61, 0.5); box-shadow: inset 0 0 50px 10px rgba(18,16,61, 0.5); z-index: 1; } .sidebase { position: absolute; height: 545px; top: 0; right: 0; bottom: 0; width: 550px; background: url("/wp-content/svg/angle-left-white-bg.svg"); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; } .sidebase-bg { background: url(/wp-content/svg/angle-left-white-bg-shadow.svg); position: absolute; top: 0; right: 0; bottom: 0; width: 580px; height: 545px; z-index: 0; } .section { position: relative; display: block; overflow: hidden; clear: both; } .padded-section { padding: 100px 0 80px; } .padded-top-section { padding: 100px 0 0; } .padded-above-fold { padding: 35px 0 50px; } .padded-top-50-section { padding-top: 50px; } .padded-bottom-50-section { padding-bottom: 50px; } .padded-100 { padding: 50px 0; display: block; width: 100%; clear: both; } .padded-20 { padding: 20px; } .pull-up-50 { margin-top: -50px; } .wide-wrap { max-width: none; margin: 0 auto; } .wrap { position: relative; max-width: 960px; margin: 0 auto; } .middle-wrap { max-width: 800px; margin: 0 auto; } .uv-wrap { max-width: 960px; margin: 0 auto; } .skinny-wrap { max-width: 480px; margin: 0 auto; } .to-the-right { margin-right: 0; margin-left: auto; float: right; clear: both; width: 100%; } .absolute-left { left: 40px; right: auto; } .above-fold { position: relative; display: block; height: auto; height: 460px; overflow: hidden; } #lets-go .laser-horizontal { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #lets-go h1.spaces { line-height: 1.5; } .gform_wrapper .gform_page_footer .button.gform_previous_button, .gform_wrapper .gform_page_footer .button.gform_next_button, .gform_wrapper .gform_page_footer .button.gform_button { padding:10px; } .gform_wrapper .percentbar_blue { background-color:#eb4086 !important; } /*.above-fold:after { display: block; position: absolute; content: ''; left: 90px; top: 0; bottom: -20px; right: 0; z-index: -1; transform: perspective(100vw) rotateY(15deg) rotateX(-5deg); width: 90%; background: -moz-linear-gradient(left, rgba(255,140,152,1) 0%, rgba(233,64,132,0.7) 100%); background: -webkit-linear-gradient(left, rgba(255,140,152,1) 0%,rgba(233,64,132,0.7) 100%); background: linear-gradient(to right, rgba(255,140,152,1) 0%,rgba(233,64,132,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c98', endColorstr='#b3e94084',GradientType=1 ); } */ .section.section-1.lets-go:after { display: block; position: absolute; content: ''; left: 150px; top: 40px; bottom: 40px; right: 0; z-index: -1; -webkit-transform: perspective(100vw) rotateY(15deg) rotateX(-5deg); transform: perspective(100vw) rotateY(15deg) rotateX(-5deg); width: 90%; background: -webkit-linear-gradient(left, rgba(255,140,152,1) 0%,rgba(233,64,132,0.7) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255,140,152,1)),to(rgba(233,64,132,0.7))); background: -o-linear-gradient(left, rgba(255,140,152,1) 0%,rgba(233,64,132,0.7) 100%); background: linear-gradient(to right, rgba(255,140,152,1) 0%,rgba(233,64,132,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c98', endColorstr='#b3e94084',GradientType=1 ); } .crop-building { position: absolute; height: 460px; overflow: hidden; left: 0px; bottom: 0; width: 100%; } .crop-building img.corner-building { opacity: 1; position: absolute; width: auto; max-height: 500px; bottom: 0; } img.pattern-bg { position: absolute; height: 100%; width: 100%; opacity: 0.5; } .lets-go .laser-vertical { left: 120px; z-index: 0; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } @media only screen and (max-width: 740px) { #lets-go h1 { margin: 0 auto 20px; max-width: 380px; } } @media only screen and (max-width: 600px) { #lets-go .laser-vertical { display: none; } .uv-reasons .wp-block-media-text .wp-block-media-text__content, .uv-reasons .wp-block-media-text__content .has-text-align-right { padding: 0; text-align: center; margin-top: 30px; } .uv-reasons .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { grid-row:2; } .uv-reasons .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { grid-row:1; } .wp-block-group.has-light-gray-background-color.has-background.gray-box { margin-bottom: 100px; } div#blog-posts.padded-section { padding: 100px 10% 80px; } .wp-block-cover.has-background-dim.block-quote h4 { font-size: 18px; } .uv-reasons .wp-block-media-text .wp-block-media-text__content { padding: 0; } .wp-block-column.team-text .has-text-align-right { text-align: center; } .wp-block-column.team-text .wp-block-buttons.alignright { float:none; text-align:center; } .case-stat .wp-block-column { flex-basis: 100%!important; margin-bottom: 50px; padding: 5% 20%; } } @media only screen and (max-width: 700px) { .uv-work .flex .thirty.flexcard { max-width: 260px; } .uv-work .flex .seventy.flexcard { max-width: 260px; margin-top: 30px; } .uv-work .flex .thirty.flexcard, .uv-work .flex .seventy.flexcard { width: 100%; text-align: center; } } #some-id { position: relative; margin-top: 500px; } /* Trapazoid Layouts */ .trap-left, .trap-right { overflow:hidden; position: relative; display: block; height: auto; padding: 150px 0; -webkit-box-shadow: inset 30px -10px 100px -20px rgba(37, 38, 76, 0.3), inset -30px 0px 100px -20px rgba(37, 38, 76, 0.3); box-shadow: inset 30px -10px 100px -20px rgba(37, 38, 76, 0.3), inset -30px 0px 100px -20px rgba(37, 38, 76, 0.3); } .trap-left:before, .trap-left:after, .trap-right:before, .trap-right:after { content: ''; display: inline; position:absolute; left: -1px; right: -1px; width: 1202px; background-size: 1200px 189px; height: 189px; z-index: 2; } .trap-left:before, .trap-left:after, .trap-right:before, .trap-right:after { content: ''; display: block; position: absolute; left: -500px; right: auto; width: 2400px; background-size: 2400px 380px; height: 380px; z-index: 2; } .trap-left:before, .trap-right:before { top: -1px; } .trap-left:after, .trap-right:after { bottom: -1px; } .trap-right:before { background: url("/wp-content/svg/trap-right-border-top.svg") no-repeat; } .trap-right:after { background: url("/wp-content/svg/trap-right-border-bottom.svg") no-repeat; } .trap-right.red:before { background: url("/wp-content/svg/triangle-right-border-top-red.svg") no-repeat; } .trap-right.red:after { background: url("/wp-content/svg/triangle-right-border-bottom-red.svg") no-repeat; } .trap-left:before { background: url("/wp-content/svg/trap-left-border-top.svg") no-repeat; } .trap-left:after { background: url("/wp-content/svg/trap-left-border-bottom.svg") no-repeat; } .trap-left.blue:before { background: url("/wp-content/svg/triangle-left-border-top-blue.svg") no-repeat; } .trap-left.blue:after { background: url("/wp-content/svg/triangle-left-border-bottom-blue.svg") no-repeat; } .trap-right .wrap, .trap-left .wrap { position: relative; z-index: 3; } .trap-left img.bg-img, .trap-right img.bg-img { opacity: 1; position: absolute; bottom: 0; } .footer-block .trap-left img.bg-img { bottom: auto; top: 30px; width:100%; } .trap-left, .trap-left p, .trap-left h1, .trap-left h2, .trap-left h3, .trap-left h4, .trap-left h5, .trap-left h6, .trap-right, .trap-right p, .trap-right h1, .trap-right h2, .trap-right h3, .trap-right h4, .trap-right h5, .trap-right h6 { color: #fff; } .glowing { position: relative; -webkit-box-shadow: 0px 0px 10px 0px #fff; box-shadow: 0px 0px 10px 0px #fff; } /* .shadow-left, .shadow-right { position: absolute; left: 0; top: 0; bottom: 0; right: 0; box-shadow: inset 50px -20px 50px -20px rgba(18,16,61, 0.5); z-index: 1; pointer-events: none; } .shadow-left { box-shadow: inset 50px 20px 50px -20px rgba(18,16,61, 0.5); } .shadow-left { box-shadow: inset 50px -20px 50px -20px rgba(18,16,61, 0.5); } */ .white-text, .white-text p, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6 { color: #fff; } .pink-purple { position:relative; display:block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,1+62,0.7+68,0+100;Blue+to+Transparent+Sharp */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(89,148,202,1) 62%,rgba(95,154,207,0.7) 68%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(30,87,153,1)),color-stop(62%, rgba(89,148,202,1)),color-stop(68%, rgba(95,154,207,0.7)),to(rgba(125,185,232,0))); background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(89,148,202,1) 62%,rgba(95,154,207,0.7) 68%,rgba(125,185,232,0) 100%); background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(89,148,202,1) 62%,rgba(95,154,207,0.7) 68%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */ } .laser-horizontal, .laser-vertical { background: #fff; position: absolute; z-index: 4; } .laser-horizontal { width: 110%; height: 8px; right: -5%; bottom: 23%; -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 14%,rgba(255,255,255,1) 31%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 87%,rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0)), color-stop(14%, rgba(255,255,255,0)), color-stop(31%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(70%, rgba(255,255,255,1)), color-stop(87%, rgba(255,255,255,0)), to(rgba(255,255,255,0))); background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 14%, rgba(255,255,255,1) 31%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 87%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 14%, rgba(255,255,255,1) 31%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 87%, rgba(255,255,255,0) 100%); background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 14%, rgba(255,255,255,1) 31%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 87%, rgba(255,255,255,0) 100%); z-index: 0; } .laser-vertical { height: 600px; top: 0; width: 8px; right: 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,ffffff+14,ffffff+50,ffffff+87,ffffff+100&0+0,0+14,1+31,1+50,1+70,0+87,0+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 14%,rgba(255,255,255,1) 31%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 87%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(14%, rgba(255,255,255,0)), color-stop(31%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(70%, rgba(255,255,255,1)), color-stop(87%, rgba(255,255,255,0)), to(rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 14%, rgba(255,255,255,1) 31%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 87%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 14%, rgba(255,255,255,1) 31%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 87%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 14%, rgba(255,255,255,1) 31%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 87%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .laser-horizontal:before, .laser-horizontal:after, .laser-vertical:before, .laser-vertical:after { content: ''; position: absolute; top: 0; left: 0; right: 0; z-index: 3; } .laser-vertical:before, .laser-vertical:after { bottom: 0; width: 0; } .laser-vertical:after { -webkit-box-shadow: 4px 0px 10px 5px rgba(255, 255, 255, 0.4), 4px 0px 15px 15px rgba(255, 255, 255, 0.2); box-shadow: 4px 0px 10px 5px rgba(255, 255, 255, 0.4), 4px 0px 15px 15px rgba(255, 255, 255, 0.2); } .laser-vertical:before { -webkit-box-shadow: 4px 0px 50px 25px rgba(255, 255, 255, 0.2); box-shadow: 4px 0px 50px 25px rgba(255, 255, 255, 0.2); /* 4px 0px 15px 15px rgba(233, 64, 132, 0.1); */ } .laser-horizontal:after { -webkit-box-shadow: 0px 4px 10px 5px rgba(255, 255, 255, 0.4), 0px 4px 15px 15px rgba(255, 255, 255, 0.2); box-shadow: 0px 4px 10px 5px rgba(255, 255, 255, 0.4), 0px 4px 15px 15px rgba(255, 255, 255, 0.2); } .laser-horizontal:before { -webkit-box-shadow: 0px 4px 50px 25px rgba(255, 255, 255, 0.2); box-shadow: 0px 4px 50px 25px rgba(255, 255, 255, 0.2); /* 4px 0px 15px 15px rgba(233, 64, 132, 0.1); */ } /* 50:50 Flex Same Height Columns */ .flex.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex.row.btn-right { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex.row.btn-left { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex .fifty.flexcard { width: 50%; height: auto; } .flex .twenty-five.flexcard { width: 25%; height: auto; } .flex .thirty.flexcard { width: 30%; height: auto; } .flex .seventy.flexcard { width: 70%; height: auto; } .flex .thirty-three.flexcard { width: 33.3333%; height: auto; position: relative; } .flex .fourty.flexcard { width: 40%; height: auto; } .flex .sixty.flexcard { width: 60%; height: auto; } .flex.row.btn-left .fifty.flexcard:last-of-type { text-align: center; } .flex.row.btn-right .fifty.flexcard:first-of-type { text-align: center; } #superhero-hero img { width: 100%; opacity: 0.5; } #superhero-hero .trap-right { min-height: 400px; } #superhero-hero .laser-horizontal { z-index: 5; } #superhero-hero .beam-box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index:5; width: 125px; opacity: 1; } .centered-absolute { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; } #cta { z-index: 1; } /* CASE STUDIES */ #case-studies { margin-top: -80px; padding-top: 100px; z-index: 0; } #case-studies h2, #case-studies h4 { text-align: right; } #case-studies h4 { text-transform:lowercase; } .section-8 h2 {margin-bottom: 0px;} #case-studies h4 {margin-bottom: -40px;} #case-studies a.trap-right.flat-top .bg-img { left: 40px; top: 40px; } #case-studies a.trap-right.flat-bottom:before { background: url("/wp-content/svg/trap-right-border-top-half-shadow.svg"); } a.a-block { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 3; } a.a-block img { z-index: 0; } img.case-study-icon { width: 150px; } .flat-top, .flat-bottom { height: 240px; margin-right: 20px; } .full-height { height: 500px; height: 550px; margin-left: 20px; } .flat-top, .flat-bottom, .full-height { position: relative; display: block; overflow: hidden; } .flat-bottom { margin-bottom: 40px; } .flat-bottom .centered-absolute { margin-top: 30px; } .flat-top .centered-absolute { margin-top: -20px; } .flat-top:before, .flat-bottom:after { background: none !important; } .flat-top .bg-img, .flat-bottom .bg-img { max-width: 300px; } @media all and (min-width: 1023px) { .full-height { height: 600px; } .flat-top, .flat-bottom { height: 330px; } } .centered-absolute img.case-study-icon, .centered-absolute h3 { position: relative; } .footer-block { position: relative; } .footer-block .trap-left.white:after { background: none; } .footer-block .wide-wrap:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto; content: ""; display: block; -webkit-box-shadow: inset -1px -9px 100px 37px rgba(30, 30, 84, 0.35); box-shadow: inset -1px -9px 100px 37px rgba(30, 30, 84, 0.35); z-index: 1; margin: auto; } .footer-block .footer-widgets .textwidget p, .footer-block .footer-widgets .textwidget p a { color: #fff; } .footer-block .footer-widgets .textwidget p a:after { display: none; background: none; } .footer-block .footer-widgets .textwidget p a { background: none; -webkit-background-clip: none; -webkit-text-fill-color: #fff; display: inline-block; text-decoration: underline; font-weight: 600; } #footer-cta { overflow: visible; margin-bottom: -100px; z-index: 242; position: relative; margin: 0 auto -200px; padding-top:40px; } #footer-cta:before { content: ''; position: absolute; bottom: -100px; width: 0; height: 0; border-right: 250px solid transparent; border-top: 300px solid white; border-left: 640px solid transparent; left: 50%; -webkit-transform: translateX(-60%); -ms-transform: translateX(-60%); transform: translateX(-60%); right: auto; margin: auto; z-index: -1; } .footer-block > .wide-wrap { /*height: 630px;*/ height:470px; } @media only screen and (max-width: 1200px) { .site-header .wrap, .footer-widgets .wrap, .site-footer .wrap { max-width: 680px; } .footer-block img.bg-img { height: auto; min-width: 120%; /* left: -10%; right: -10%;*/ left:0; right:0; } } @media only screen and (max-width: 1080px) { /* about hero and similar */ .wp-block-columns.has-1-columns.hero-section.wide-wrap.has-one-title-right .wp-block-column { background: url(/wp-content/svg/hero-title-bg-right-wide.svg); width: 60%; } .footer-widgets { /*padding: 180px 0 0;*/ } .footer-block > .wide-wrap { height: 900px; } #footer-cta { margin: 0 auto -150px; } } @media only screen and (max-width: 1032px) { .footer-block > .wide-wrap { /* height: 600px;*/ } .footer-widgets { /* padding: 150px 0 0;*/ } } @media only screen and (max-width: 960px) { .footer-block { margin: -50px 100px 0; } .site-header .wrap, .footer-widgets .wrap { max-width: 680px; } .site-header, .site-container { width: 100% !important; margin: 0 !important; } #footer-cta { padding: 80px 0; margin: 0 auto; } #footer-cta:before { content: none; display: none; } .footer-block img.bg-img { min-width: 150%; /* left: -25%; right: -25%;*/ left:0; right:0; } } @media only screen and (max-width: 800px) { .site-header .wrap { max-width: none; margin: 0 130px; } .wp-block-columns.proven-process .wp-block-column { margin-bottom: 70px; } .wp-block-group.wide-wrap.marketing-box .wp-block-column:not(:first-child) { margin-left: 0 !important; } .wp-block-group.wide-wrap.marketing-box .wp-block-column { margin-right: 10px; margin-top: 10px; } .wp-block-group.wide-wrap.marketing-box .wp-block-columns { margin-bottom: 0px !important; } h3.quote-text { font-size: 20px !important; } } @media only screen and (max-width: 680px) { .site-header .wrap { margin: 0 15%; } .footer-block { margin: auto; } .footer-block img.bg-img { min-width: 200%; /* left: -50%; right: -50%;*/ left:0; right:0; } .footer-widgets .wrap, .site-footer .wrap { max-width: 90%; width: 365px; } #case-studies .wide-wrap { margin: 0 10%; max-width: none; } #case-studies h4 { margin-bottom: 0px; } #case-studies .trap-left:before, #case-studies .trap-left:after, #case-studies .trap-right:before, #case-studies .trap-right:after { display: none; } #case-studies .flex.row { display: block; } #case-studies .flex .fifty.flexcard { width: 100%; height: auto; } #case-studies .flat-top, #case-studies .flat-bottom, #case-studies .full-height { width: 100%; height: auto; margin: 40px auto; clear: both; } #case-studies .flat-top .centered-absolute { margin-top: 0; } #case-studies h2, #case-studies h4, div#serve h2, div#serve h4, div#service h2, div#service h4 { text-align: center; } .serve-box { margin-bottom:20px; } .wp-block-columns.testimonial-box.right .has-text-align-right { text-align: center; } .testimonial-box .wp-block-column:nth-child(2n) { margin-left: 0; } .wp-block-columns.testimonial-box.left .testimonial-text { padding: 30px 30px 30px 30px; } } @media only screen and (max-width: 550px) { #case-studies h2, #case-studies h4, #case-studies p { text-align: center; } .wp-custom-logo .site-container .title-area { max-width: none; width: 220px; } .entry-content ul.service-list { margin:auto; text-align:center; margin-bottom:60px; } } @media only screen and (max-width: 500px) { .site-header .wrap { margin: 0 10%; } .footer-block img.bg-img { min-width: 300%; /* left: -135%; bottom: -25%;*/ left:0; right:0; } div#our-clients ul { padding: 0; } } /* CONTACT PAGE */ /* ABOUT PAGE */ .where-we-are .circle-profile { padding: 30px; height: 150px; width: 150px; position: relative; text-align: center; margin: 20px auto; } .where-we-are .circle-profile .round-btn:after { opacity: 0.15; } @media only screen and (max-width: 680px) { .about-map-block { display: none; } } /* WORK PAGE */ .uv-work .content { float: left; width: 100%; } .uv-work .flex.row { padding: 0 0 50px; } /* IG STYLE PROFILE ROW */ .uv-work .thirty.flexcard, .uv-work .seventy.flexcard { padding: 0 30px 0; } .uv-work .circle-profile { position: relative; float: left; display: block; width: 100%; } /* IG STYLE BLOCKS */ .twenty-five.flexcard { position: relative; display: block; width: 22%; float: left; margin: 1.5%; } li.thirty-three.flexcard { position: relative; display: block; width: 30%; float: left; margin: 1.6665%; } .square-height:before { content: ""; display: block; margin-top: 100%; } .work-square { overflow: hidden; } .work-square, .round-btn { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; } .uv-vertical-logo { width: 75%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } img.work-bg-img, .press-bg-gradient { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; margin: auto; height: auto; max-width: none; } img.work-fg-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; margin: auto; height: auto; max-width: none; } ul.filter li { display: block; position: relative; float: left; background: #fff; border-radius: 50%; } ul.filter li:before { content: ""; display: block; margin-top: 100%; } .seventh { width: 10%; margin: 2.14%; } .round-btn { background: #fff; text-align: center; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 31% 0 0 0; line-height: 1.2; border: solid 0px transparent; border-radius: 50%; font-weight: 600; text-decoration: none; } .round-btn span { position: relative; z-index: 1; } .round-btn:before { content: ''; position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; z-index: -1; margin: auto; border-radius: inherit; background: -webkit-gradient(linear, left bottom, right top, from(#e94084), color-stop(#ff8c98), to(#5d4ecc)); background: -webkit-linear-gradient(bottom left, #e94084, #ff8c98, #5d4ecc); background: -o-linear-gradient(bottom left, #e94084, #ff8c98, #5d4ecc); background: linear-gradient(to top right, #e94084, #ff8c98, #5d4ecc); } .uv-work .circle-profile .round-btn:before { top: -6px; right: -6px; bottom: -6px; left: -6px; } .round-btn:after { content: ''; position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; z-index: 0; margin: auto; opacity: 0.3; border-radius: inherit; background: url("/wp-content/uploads/2019/01/bell-labs-archpaper-041.jpg") no-repeat center center; background-size: cover; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .filter .round-btn:after { top: 3px; right: 3px; bottom: 3px; left: 3px; } /* WORK CPT Box Styles */ .press-bg-gradient { -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .press-bg-gradient.ld-orange-magenta.gradient-overlay { -webkit-box-shadow: inset 0 0 50px 10px rgba(148, 21, 57, 0.75); box-shadow: inset 0 0 50px 10px rgba(148, 21, 57, 0.75); } .press-bg-gradient.l-blue-grey.gradient-overlay { -webkit-box-shadow: inset 0 0 50px 10px rgba(18, 17, 118, 0.75); box-shadow: inset 0 0 50px 10px rgba(18, 17, 118, 0.75); } .press-bg-gradient.ld-purple.gradient-overlay { -webkit-box-shadow: inset 0 0 50px 10px rgba(56, 41, 169, 0.75); box-shadow: inset 0 0 50px 10px rgba(56, 41, 169, 0.75); } .press-bg-gradient.l-purple.gradient-overlay { -webkit-box-shadow: inset 0 0 50px 10px rgba(56, 41, 169, 0.5); box-shadow: inset 0 0 50px 10px rgba(56, 41, 169, 0.5); } .press-bg-gradient.d-blue.gradient-overlay { -webkit-box-shadow: inset 0 0 50px 10px rgba(81,79,210,0.9); box-shadow: inset 0 0 50px 10px rgba(81,79,210,0.9); } .work-square > a:hover .press-bg-gradient.ld-orange-magenta.gradient-overlay { -webkit-box-shadow: inset 0 0 50px 10px rgba(148, 21, 57, 0); box-shadow: inset 0 0 50px 10px rgba(148, 21, 57, 0); } .work-square > a:hover .press-bg-gradient.l-blue-grey.gradient-overlay { -webkit-box-shadow: inset 0 0 50px 10px rgba(18, 17, 118, 0); box-shadow: inset 0 0 50px 10px rgba(18, 17, 118, 0); } .work-square > a:hover .press-bg-gradient.ld-purple.gradient-overlay { -webkit-box-shadow: inset 0 0 50px 10px rgba(56, 41, 169, 0); box-shadow: inset 0 0 50px 10px rgba(56, 41, 169, 0); } .work-square > a:hover .press-bg-gradient.l-purple.gradient-overlay { -webkit-box-shadow: inset 0 0 50px 10px rgba(56, 41, 169, 0); box-shadow: inset 0 0 50px 10px rgba(56, 41, 169, 0); } .work-square > a:hover .press-bg-gradient.d-blue.gradient-overlay { -webkit-box-shadow: inset 0 0 50px 10px rgba(81,79,210,0); box-shadow: inset 0 0 50px 10px rgba(81,79,210,0); } .work-square .uv-purple.gradient-overlay { -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-box-shadow: inset 0 0 50px 10px rgba(37, 18, 108, 0.75); box-shadow: inset 0 0 50px 10px rgba(37, 18, 108, 0.75); } .work-square .uv-purple.gradient-overlay:hover { -webkit-box-shadow: inset 0 0 50px 10px rgba(37, 18, 108, 0); box-shadow: inset 0 0 50px 10px rgba(37, 18, 108, 0); } /* WORK CPT AND PAGE CUSTOM FLEXIBLE CONTENT FIELDS */ .uv-work .thirty-three.flexcard svg { position: absolute; top: 15px; right: 15px; z-index: 1; font-size: 34px; } .uv-work .work-square > a { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .filter .round-btn span { position: relative; z-index: 1; font-size: 14px; line-height: 1.2; display: inline-block; } /* STREET CRED */ .cred { text-align: center; } .cred svg { color: #eb4086; } .uv-work .thirty-three.flexcard svg.fa-quote-left { font-size: 26px; } .cred .work-bg-img { opacity: 0.3; } .cred h3, .cred h4 { margin-bottom: 0; } .cred h4 { padding-top: 10px; } h3.cred-quote { margin-bottom: 0; } .light-bg h3.cred-quote { font-size: 21px; color: #1e1e54; padding: 30px 20px 0; margin-bottom: 0; } .cred .vertically-centered { width: 100%; } h4.cred-byline { text-transform: uppercase; font-weight: 700; font-size: 16px; max-width: 200px; margin: 0 auto; color: #1e1e54; } .cred-quote-popup { background: #fff; padding: 60px 30px 50px; max-width: 380px; text-align: center; } .cred-quote-popup svg { font-size: 34px; color: #ccc; top: 10px; right: 10px; position: absolute; cursor: pointer; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .cred-quote-popup svg:hover { color: #1e1e54; } .cred-quote-popup h4.cred-byline { margin: 20px auto 0; color: #eb4086; } .page-template-page-work .lity { background: rgba(255,255,255,0.8); } .page-template-page-work .lity-content:after { -webkit-box-shadow: 0 0 8px rgba(255,255,255,0.6); box-shadow: 0 0 8px rgba(255,255,255,0.6); } .page-template-page-work .lity-content:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 20px 100px -20px rgb(17, 17, 49); box-shadow: 0 20px 100px -20px rgb(17, 17, 49); } /* SOCIAL BUZZ */ .social svg { color: #fff; } .social .work-square svg.fa-play { font-size: 26px; } /* STREET CRED */ /* STREET CRED */ /* STREET CRED */ /* STREET CRED */ /* STRATEGIC PARTNERS */ .partners svg { color: #fff; } h2.killer-content-title { font-size: 24px; color: #fff; } .bottom-aligned-text { bottom: 0; position: absolute; text-align: left; left: 0; right: 0; padding: 20% 20px 20px; } .bottom-aligned-text:before { content: ''; display: block; position: absolute; width: 100%; top: 0; right: 0; bottom: 0; left: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.65))); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } h3.partner-title { color: #fff; margin-bottom: 0; position: relative; font-size: 20px; } p.copyright a, h2 span.gradient, #team h2 span, #services h2 span, .team-email a, .team-phone a, a { /*-webkit-text-fill-color: #1e1e54;*/ color: #1e1e54; } #services h2, #services h4 { text-align: right; } #services h2, #serve h2 { margin-bottom:0; } div#serve .wp-block-column img { width: 70px; height: 70px; } #services h4 { text-transform:lowercase; } h4.no-bottom { margin-bottom: 0; } .blog-all .wp-block-latest-posts__post-date { color: #eb4086; display: block; font-size: 14px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 900; padding-bottom: 10px; } .blog-all a { font-family: "Muli", sans-serif; font-weight: 600; line-height: 1.2; margin: 0 0 20px; color: #1e1e54; letter-spacing: -1px; font-size: 22px; text-decoration: none; padding: 20px 22px 0 0px; display: block; } h2.has-text-align-center.results-header { font-size: 52px; } @media only screen and (max-width: 1080px) { /* work */ h2.killer-content-title { font-size: 18px; } } @media only screen and (max-width: 960px) { /*about */ .team-member { margin: auto; text-align: center; } .uv-photo img { margin-bottom:20px; width:160px; } /* work */ h2.killer-content-title { font-size: 16px; } /* footer */ p.social-footer-icons { float:none; text-align:center; margin-top:20px; } .footer-widget-area:last-child, .footer-widgets .widget:last-child { text-align:center; } p.copyright { text-align:center; float:none; } } @media only screen and (max-width: 860px) { .seventh:nth-of-type(1){ clear: both; width: 100%; background:none; border-radius:0; } .seventh:nth-of-type(1) a.round-btn.btn-ig, .seventh:nth-of-type(1) a.round-btn:before, .seventh:nth-of-type(1) a.round-btn:after { background: none; background-color: #fff; border-radius:0; padding:0; } .seventh:nth-of-type(1) a.round-btn.btn-ig { margin-top:-40px; } .seventh:nth-of-type(1) { font-size:18px; } .seventh:nth-of-type(1):before { margin:auto; } .seventh { width:23%; margin:5.16%; } button#genesis-mobile-nav-primary { font-size: 22px; } .nav-primary .genesis-nav-menu li:first-of-type a { padding-left: 14px; } .nav-primary { padding-left:10px; } div#case-studies .skinny-wrap.text-right p { margin: 20px 0px 60px auto; } /* blog post css */ div#blog-posts .wp-block-column { flex: 1 0 100%; } div#blog-posts .wp-block-column:nth-child(2n), .page-id-2273 .entry-content .wp-block-column:not(:first-child) { margin-left:0; } div#blog-posts .wp-block-columns, .page-id-2273 .entry-content .wp-block-columns, .page-id-2273 .entry-content .wp-block-columns.alignfull { flex-wrap: wrap; } .page-id-2273 .entry-content .wp-block-columns .wp-block-column { flex: 1 0 100%; } .page-id-2273 .entry-content .wp-block-columns .wp-block-column .post-text { padding: 20px 22px 0 0px; } .page-id-2273 .entry-content .wp-block-columns.alignfull { padding:0; } .uv-reasons .wp-block-media-text .wp-block-media-text__content { padding: 0 10%; } } @media only screen and (max-width: 800px) { li.thirty-three.flexcard { width:45%; margin: 2.5%; } /* work */ .uv-work ul.list { margin-top: 40px; } h2.killer-content-title { font-size: 20px; } #serve .wp-block-column { flex-basis: 100%!important; margin-bottom:50px; } #serve .wp-block-column:nth-child(2n) { margin-left: 0px; } } @media only screen and (max-width: 550px) { .team-member .three-fourths { padding-left: 0px; } p.copyright a, h2 span.gradient, #team h2 span, #services h2 span, .team-email a, .team-phone a { -webkit-text-fill-color: #1e1e54; color: #1e1e54; } .widget-area.footer-widgets-1.footer-widget-area a { -webkit-text-fill-color: #fff; color: #fff; } p a:after { content: none; display: none; background: none; } li.thirty-three.flexcard { width: 100%; margin: 10px 0px; } .flex .thirty.flexcard { width:44%; } .flex .seventy.flexcard { width:100%; } .uv-work .seventy.flexcard h2, .uv-work .seventy.flexcard p { text-align:center; } .uv-work .seventy.flexcard h2 { margin-top:20px; } .seventh { width: 26%; margin: 3.66%; } li.seventh { font-size: 14px; } span.team-phone, span.team-email { clear: both; margin: auto; text-align: center; display: block; margin-top:10px; } svg.svg-inline--fa.fa-phone.fa-w-16, svg.svg-inline--fa.fa-envelope.fa-w-16 { margin-left:0px; } div#service .wp-block-group__inner-container .wp-block-columns .wp-block-column { flex-basis: 100% !important; } .skinny-wrap { padding:5%; } } .wp-block-columns.has-2-columns .wp-block-embed figure { padding: 0 30px; } ul.slick-dots { text-align: center; padding: 0; margin-bottom: 10px; } ul.slick-dots li a { font-size: 22px; cursor: pointer; text-decoration: none; } .slick-dots li { display: inline-block; text-align: center; padding: 5px; } ul.slick-dots li.slick-active a { font-weight: 600; text-decoration: underline; } .flex-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; width: 100%; } .flex-gallery:before { content: ""; display: block; padding-bottom: 50%; } /* intro slide */ .flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: .9; -ms-flex: .9; flex: .9; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .flex-column div, .flex-column > a { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; background-size: 100% 100%; margin: 10px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .flex-column img { padding: 10px; margin: auto; } .one-column .flex-column img { margin: auto; } /* make second column with 1 vertical image a bit more narrow */ .flex-gallery .flex-column:first-of-type, .flex-gallery .flex-column:last-of-type { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .slick-slide { text-align: center; } button.slick-arrow { position: absolute; top: 50%; bottom: auto; margin: auto; background: #eee; border-radius: 0; height: 200px; z-index: 2; transform: translateY(-50%); } button.slick-next.slick-arrow { right: -100px; } button.slick-prev.slick-arrow { left: -100px; } button.slick-arrow svg.svg-inline--fa { color: #1e1e54; width: 40px; height: 40px; border-radius: 25px; background-color: #fff; } /* project timeline slides slider case studies */ #slider-timeline { overflow: visible; } #slider-timeline .fa-play-circle { font-size: 120px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; } #slider-timeline .slick-slide h4 { color: #1e1e54; width: 80%; text-align: left; font-size: 21px; margin: 0 auto; background: #fff; position: relative; z-index: 5; } #slider-timeline span { display: block; width: 40px; height: 40px; background: #1e1e54; color: #fff; padding: 4px 0 0 13px; border-radius: 50%; font-size: 24px; margin: 5px 15px 20px 0; float: left; } #slider-timeline .slider-nav .slick-slide li a { text-decoration: none;} #slider-timeline .slider-nav .slick-slide li.slick-active a { font-weight: 600; text-decoration: underline; } .wp-block-group.has-background { padding: 0!important; } h3.has-text-align-center.approach-title { color: white; margin-top: -70px; } h3.has-text-align-center.work-title, h3.has-text-align-center.work-title-long { color:white; margin-top:-100px; } h3.has-text-align-center.work-title-long { margin-top:-150px; } h3.has-text-align-center.second-title { margin-top: 40px; } .pink-dot .wp-block-image .aligncenter { margin-top: 0; margin-bottom: 0; } .wp-block-cover.has-background-dim-40.has-background-dim.case-study-quote p { font-weight: 500; } .wp-block-cover.has-background-dim-40.has-background-dim.case-study-quote { padding:50px; min-height:340px; } .wp-block-cover.has-background-dim-40.has-background-dim.case-study-quote figure.aligncenter.size-large.is-resized { text-align: right; margin-left: auto; margin-right: 0; } .wp-block-image.pink-dot { margin-bottom: 0 !important; } .pink-dot figure.aligncenter.size-large { margin-top: 0; margin-bottom: 0; } .work-plan p { margin-bottom:0; } .serve-box { background: #eeedee; padding: 30px; margin-top: -20px; } .wp-block-group.results .wp-block-cover { min-height: 320px; max-height:250px; } .wp-block-cover.result-1 { clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 0% 100%); } .wp-block-cover.result-2 { clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 96%); } .wp-block-cover.result-3 { clip-path: polygon(0% 0%, 100% 0%, 100% 86%, 0% 90%); } .wp-block-columns.who-we-serve .serve-1 { clip-path: polygon(0% 0%, 100% 8%, 100% 100%, 0% 100%); } .wp-block-columns.who-we-serve .serve-2 { clip-path: polygon(0% 8%, 100% 16%, 100% 100%, 0% 100%); } .wp-block-columns.who-we-serve .serve-3 { clip-path: polygon(0% 16%, 100% 24%, 100% 100%, 0% 100%); } .wp-block-image.polycor { margin-top: -110px; } .work-plan .wp-block-group.has-background.gray-box { height: 620px; } .wp-block-group.white-box { height:300px; } .background { text-align: center; background: #1e1e54; height: 70px; margin-top: -55px; margin-bottom: 30px; } .pink-background, .pink-long-background { background:#eb4086; height: 100px; margin-top: -55px; margin-bottom: 30px; text-align:center; } .pink-long-background { height:150px; } /* #slider-timeline .flex-gallery .flex-column img { box-shadow: 0 0 50px 0 rgba(0,0,0,0.3); } */ #slider-timeline .flex-gallery { max-height: 400px; } .next-timeline-btn { cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; width: auto; font-family: "Open Sans", sans-serif; display: block; font-weight: 600; outline-offset: -1px; text-decoration: none; text-transform: lowercase; font-size: 20px; letter-spacing: 0.015em; transition: 1s; height: auto; color: #fff; background-color: #1e1e54; border-radius: 8px; padding: 12px 28px; } #slick-slide00.slick-slide .next-timeline-btn { display: none; opacity: 0; transition: 1s; } #slick-slide00.slick-slide.slick-active .next-timeline-btn, #slick-slide00.slick-slide.slick-current .next-timeline-btn { opacity: 1; display: block; } .slick-slide.slick-current.slick-active, div#slick-slide04 { z-index: 2; position: relative; } /* allow timeline button to show in flex-gallery div */ #slick-slide00 > div > div { position: relative; } #slick-slide00 .flex-gallery { opacity: 0.2; transition: 1s; } #slick-slide00 .flex-gallery:hover { opacity: 1; } .next-timeline-btn:hover { background-color: #eb4086; } .slick-disabled { display: none !important; } /* #slick-slide00 .flex-gallery .flex-column:first-of-type, #slick-slide00 .flex-gallery .flex-column:nth-of-type(2), #slick-slide00 .flex-gallery .flex-column:nth-of-type(4), #slick-slide00 .flex-gallery .flex-column:last-of-type { flex-direction: row; } #slick-slide00 .flex-gallery .flex-column:nth-of-type(3) { flex-direction: column; height: 100%; } #slick-slide00 .flex-gallery .flex-column:nth-of-type(3) div { height: 100%; } */ /* Full Screen push navigation Sridhar https://sridharkatakam.com/full-screen-pushing-navigation-genesis/ */ .cd-nav .cd-navigation-wrapper { overflow-y: scroll; -webkit-overflow-scrolling: touch } body, html { overflow-x: hidden; background:#eeedee; } .site-container { position: relative; z-index: 3; width: calc(100% - 280px); margin: 0 140px 0; } @media only screen and (max-width: 960px) { .site-header, .site-container { width: 100% !important; margin: 0 !important; } } /* .navigation-is-open .site-container{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)} */ .cd-nav-trigger { position: absolute; z-index: 1000; right: 0; top: 30px; height: 54px; width: 54px; background: none; overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .cd-nav-trigger:focus { outline: 0 } .cd-nav-trigger .cd-nav-icon { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 28px; height: 4px; background-color: #1e1e54 } .cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: inherit; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform .5s, width .5s, top .3s; -webkit-transition: width .5s, top .3s, -webkit-transform .5s; transition: width .5s, top .3s, -webkit-transform .5s; -o-transition: transform .5s, width .5s, top .3s; transition: transform .5s, width .5s, top .3s; transition: transform .5s, width .5s, top .3s, -webkit-transform .5s } .cd-nav-trigger .cd-nav-icon::before { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) } .cd-nav-trigger .cd-nav-icon::after { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px) } .no-touch .cd-nav-trigger:hover .cd-nav-icon::after { top: 2px } .no-touch .cd-nav-trigger:hover .cd-nav-icon::before { top: -2px } .cd-nav-trigger svg { position: absolute; top: 0; left: 0 } .cd-nav-trigger circle { -webkit-transition: stroke-dashoffset .4s 0s; -o-transition: stroke-dashoffset .4s 0s; transition: stroke-dashoffset .4s 0s } .navigation-is-open .cd-nav-trigger { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .navigation-is-open .cd-nav-trigger .cd-nav-icon::after, .navigation-is-open .cd-nav-trigger .cd-nav-icon::before { width: 50%; -webkit-transition: -webkit-transform .5s, width .5s; -webkit-transition: width .5s, -webkit-transform .5s; transition: width .5s, -webkit-transform .5s; -o-transition: transform .5s, width .5s; transition: transform .5s, width .5s; transition: transform .5s, width .5s, -webkit-transform .5s } .navigation-is-open .cd-nav-trigger .cd-nav-icon::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .navigation-is-open .cd-nav-trigger .cd-nav-icon::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before { top: 0 } .navigation-is-open .cd-nav-trigger circle { stroke-dashoffset: 0; -webkit-transition: stroke-dashoffset .4s .3s; -o-transition: stroke-dashoffset .4s .3s; transition: stroke-dashoffset .4s .3s } @media only screen and (min-width:1170px) { .cd-nav-trigger { top: 40px } } @media only screen and (max-width: 550px) { .cd-nav-trigger { top: 20px; } .section.padding-100.section-2.centered-text { padding: 40px; } .wp-block-cover.quote { padding-bottOM: 30px; } } .cd-nav { position: fixed; z-index: 999; top: 0; left: 0; height: 100vh; width: 100%; display: none; } .cd-nav .cd-navigation-wrapper { height: 100%; height: 100vh; padding: 40px 5% 40px calc(5% + 80px); display: none; } .cd-nav a { text-decoration: none } .cd-nav .cd-primary-nav { margin-top: 60px } .cd-nav .cd-primary-nav li { margin: 1.6em 0 } .cd-nav .cd-primary-nav a { font-family: "Muli", sans-serif; font-weight: 600; line-height: 1.2; color: #fff; letter-spacing: -1px; text-transform: lowercase; font-size: 1.6rem; color: rgba(255, 255, 255, .9); display: inline-block; line-height: 1 } .cd-nav .cd-primary-nav li.current-menu-item>a, .no-touch .cd-nav .cd-primary-nav a:hover { color: #fff } .nav-overlay { margin-top: 80px } .cd-nav .cd-half-block address { font-style: normal } .cd-nav .cd-contact-info li { font-family: Merriweather, serif; margin-bottom: 1.5em; line-height: 1.2; color: rgba(255, 255, 255, .3) } .cd-nav .cd-contact-info a { color: #fff } .cd-nav .cd-contact-info span { display: block } .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info li, .cd-nav .cd-contact-info span { font-size: 1.6rem } @media only screen and (min-width:1170px) { .cd-nav .cd-navigation-wrapper { padding: 62px 20% } .cd-nav .cd-navigation-wrapper::after { clear: both; content: ""; display: table } .cd-nav .cd-half-block { width: 50%; float: left; margin-top: 50px; } .cd-nav .cd-primary-nav { margin-top: 0 } .cd-nav h2 { font-size: 1.5rem; margin-bottom: 5.6em } .cd-nav .cd-primary-nav li { margin: 1em 0 } .cd-nav .cd-primary-nav li li { margin-left: 40px } .cd-nav .cd-primary-nav a { font-size: 40px } .nav-overlay { margin-top: 120px } .cd-nav .cd-contact-info { text-align: right } .cd-nav .cd-contact-info li { margin-bottom: 38px } .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info li, .cd-nav .cd-contact-info span { font-size: 20px } } .no-js .site-container { height: auto; overflow: visible } .no-js .cd-nav { position: static; visibility: visible } .no-js .cd-nav .cd-navigation-wrapper { height: auto; overflow: visible; padding: 100px 5%; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .entry-content ul.blocks-gallery-grid { padding-left: 0; } .post-template-default.single-post .entry-content { max-width: 560px; margin: auto; } .page-template-default.page.page-id-2273 article > .entry-header { display: none; } .single.single-post header.entry-header { max-width: 800px; margin: 0 auto 20px; text-align: center; } .single.single-post header.entry-header .entry-title { max-width: 440px; margin: 20px auto 10px; text-transform: lowercase; font-size: 34px; } @media only screen and (min-width: 960px) { .page-template-default.page.page-id-2273 .site-inner { max-width: none; margin: 140px auto 0; } .page-template-default.page.page-id-2273 .wp-block-group__inner-container { margin: 0 auto 20px; max-width: 960px; } } #lets-go .middle-wrap { z-index: 1; position: relative; } #lets-go h1 { font-size: 42px; line-height: 1; padding: 20px; max-width: 600px; } #lets-go h3 { font-size: 24px; margin: 20px 0 10px; } #lets-go .wrap { max-width: 1140px; } @media only screen and ( min-width: 1080px ) { #lets-go .wrap { max-width: 1140px; } } @media only screen and ( max-width: 1200px ) { #lets-go .wrap { max-width: 1140px; } } @media only screen and ( max-width: 960px ) { #lets-go .wrap { max-width: 680px; text-align: center; } #lets-go h1 { font-size: 32px; line-height: 1; background: none; padding: 0px 20px; max-width: none; } #lets-go img.freq-icon, #lets-go svg.freq-icon, #lets-go h1, #lets-go h3 { text-align: center; } img.stacked-hero { opacity: 0.7; min-width: 150%; } #lets-go .flat-top { background: #1e1e54; } } @media only screen and ( max-width: 800px ) { .wp-block-columns.work-plan .wp-block-column:not(:last-child) { margin-bottom: 140px !important; } h1.has-text-align-center.stats-block.uv-stats { font-size:50px; } .content .wp-block-button .wp-block-button__link { font-size:14px; } .wp-block-image.img-quote { margin-top: 70px; } .content .wp-block-button .wp-block-button__link { font-size:14px !important; } h1.has-text-align-center.stats-block.uv-stats { font-size:50px !important; } } @media only screen and ( max-width: 500px ) { img.stacked-hero { min-width: 200%; } } #lets-go .flat-top { height: auto; margin: auto; padding: 90px 0 125px; } #lets-go .trap-right:after { background: url(/wp-content/svg/trap-right-border-bottom.svg) no-repeat; width: 101%; width: calc(100% + 6px); left: -3px; right: -3px; background-size: 100% 100%; height: auto; padding-top: 15.75%; } #lets-go:after { display: none; } #lets-go img.freq-icon, #lets-go svg.freq-icon { width: 85px; } img.stacked-hero { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-65%); } #lets-go .laser-horizontal.angled-hero { transform-origin: center center; top: 22%; left: 50%; transform: translate(-50%,-22%) rotate(-17deg); } #lets-go .laser-vertical { left: 60px; transform: rotate(0); } @media only screen and ( max-width: 624px ) { .wp-block-columns.work-plan .wp-block-column:not(:last-child){ margin-bottom: 140px !important; } .work-plan .wp-block-group.has-background.gray-box { margin-bottom:40px; } } .testimonial-box .wp-block-column.pink-box h4, .testimonial-box .wp-block-column.blue-box h4, .testimonial-box .wp-block-column.purple-box h4 { color: white; font-size:23px; } .testimonial-box .wp-block-column.pink-box { background:#eb4086; } .testimonial-box .wp-block-column.blue-box { background:#1e1e54; } .wp-block-columns.testimonial-box { background:#f5f5f5; height:250px; } .wp-block-columns.testimonial-box.right, .wp-block-columns.testimonial-box.left { margin-bottom:0!important; } .wp-block-columns.testimonial-box.right .testimonial-text { padding: 30px 30px 0px 50px; } .wp-block-columns.testimonial-box.left .testimonial-text { padding: 30px 30px 0px 10px; } .wp-block-columns.testimonial-box.left .skinny-text { padding: 30px 40px 0px 30px; } .wp-block-columns.testimonial-box.right .skinny-text { padding: 30px 40px 0px 30px; } .testimonial-box .wp-block-column.purple-box { background:#596db3; } .stacked { position:relative; margin:auto; text-align:center; } a.stacked { position: relative; margin: auto; text-align: center; display: block; z-index: 5; transition-duration: 2s; } a.stacked img { opacity: 0.5; } a.stacked:hover img { opacity: 1; } svg.svg-inline--fa.fa-play-circle.fa-w-16 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: auto; font-size: 50px; border-radius: 50px; height: 105px; width: 105px; color: #eb4086; /* background: #fff; */ transition: 0.3s; z-index: 1; } .wp-block-column.pink-box.left, .wp-block-column.blue-box.left, .wp-block-column.purple-box.left { clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%); } .wp-block-column.purple-box.right, .wp-block-column.pink-box.right, .wp-block-column.blue-box.right { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20% 100%) } .wp-block-group.skinny-text h4 { margin: 0; margin-bottom: 15px; } hr.wp-block-separator.has-text-color.has-background.has-light-gray-background-color.has-light-gray-color.is-style-wide { margin: 0; } div#team h2, .team-member h2, .team-member h4 { margin-bottom: 10px; } .wp-block-buttons.aligncenter { margin: 0 auto !important; } div#our-clients ul.centered-text { margin-bottom: 0; } @media only screen and ( max-width: 800px ) { .wp-block-columns.testimonial-box.left, .wp-block-columns.testimonial-box.right { display:block; width:100%; } .wp-block-columns.testimonial-box { height:auto; } .wp-block-column.pink-box.left { width: 100%; display: block; flex-basis: 100% !important; margin: auto; } .wp-block-columns.testimonial-box.right, .wp-block-columns.testimonial-box.left { display:inline-block; } .wp-block-column.pink-box.left, .wp-block-column.blue-box.left, .wp-block-column.purple-box.left, .wp-block-column.purple-box.right, .wp-block-column.pink-box.right, .wp-block-column.blue-box.right { clip-path: none; } .wp-block-columns.testimonial-box.left .skinny-text, .wp-block-columns.testimonial-box.right .skinny-text { padding: 10px; text-align: center; } } @media only screen and ( max-width: 680px ) { .wp-block-columns.testimonial-box.right .testimonial-text { padding: 30px 30px 30px 30px; } .wp-block-columns.testimonial-box.left .testimonial-text { padding: 30px 30px 30px 30px; } .post-text h2 { margin-bottom: 20px; } } div#our-clients { display: none; } /* Responsiveness fix */ /* Wrapper */ /*Pinterest Packages page*/ .elementor-element-b595652, .elementor-element-f9e8236, .elementor-element-2bb9cde, .elementor-element-6332e22, /*Hubspot Services - page*/ .elementor-element-bffc6cf, .elementor-element-7bd38d0, .elementor-element-45a0379, .elementor-element-a0d9078, .elementor-element-207efef, .elementor-element-d9e8ba4, .elementor-element-466179d, .elementor-element-8ae6762, .elementor-element-5025639, .elementor-element-8b89800 { margin: 0 auto; max-width: 960px; } .elementor-element.elementor-widget h2 { margin: 0 auto; max-width: 898px; } @media only screen and (max-width: 1449px) { .site-container { margin: 0 auto; width: 100%; } .site-header { width: 100%; } .site-header .wrap, .footer-widgets .wrap { max-width: unset; } .site-inner { margin: 0; } } .home .site-inner, .site-inner { max-width: 1450px; } /* Work Plan Cards */ .entry-content .wp-block-columns.work-plan { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); justify-content: center; grid-column-gap: 25px; grid-row-gap: 90px; } .entry-content .wp-block-columns.work-plan .wp-block-column:not(:first-child) { margin-left: 0; } .entry-content .wp-block-columns.work-plan .wp-block-column:not(:last-child) { margin-bottom: 0 !important; } /*Work plan cards - Services Page*/ .wp-block-columns.work-plan.service .white-box, .wp-block-columns.work-plan.service .gray-box { height: 360px; } /*Who we serve - cards*/ .wp-block-group.serve-box{ padding: 25px; } @media only screen and (min-width: 782px) { .entry-content .wp-block-columns.who-we-serve { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 25px; } .entry-content .wp-block-columns.who-we-serve .wp-block-column:not(:first-child) { margin-left: 0; } .entry-content .wp-block-columns.who-we-serve .wp-block-column:last-child { grid-column: 1 / -1; } } @media only screen and (min-width: 1025px) { .entry-content .wp-block-columns.who-we-serve { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } .entry-content .wp-block-columns.who-we-serve .wp-block-column:last-child { grid-column: unset; } } /*UV Reasons - cards*/ .uv-reasons .wp-block-media-text .wp-block-media-text__content, .uv-reasons .wp-block-media-text__content .has-text-align-right { margin-top: 0; } @media only screen and (max-width: 781px) { .uv-reasons .wp-block-media-text.alignwide.is-stacked-on-mobile { grid-template-columns: 100% !important; } .uv-reasons .wp-block-media-text .wp-block-media-text__content, .uv-reasons .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { grid-column: 1 / -1; grid-row: 2; padding: 30px 30px 10px; } .uv-reasons .wp-block-media-text .wp-block-media-text__media, .uv-reasons .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { grid-column: 1 / -1; grid-row: 1; } } @media only screen and (min-width: 782px) { .uv-reasons .wp-block-media-text .wp-block-media-text__content { padding: 20px 10% 0; } } /*Results - cards*/ .wp-block-group.results .wp-block-columns { display: grid; grid-row-gap: 50px; } .wp-block-group.results .wp-block-columns .wp-block-column:not(:first-child) { margin-left: 0; } @media only screen and (min-width: 782px) { .wp-block-group.results .wp-block-columns { display: flex; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); grid-column-gap: 25px; } } /*Home - Latest from the blogs*/ .home .wp-block-columns.alignfull.has-3-columns { padding: 0; } /*Footer*/ .footer-block { margin: 0; } .footer-block > .wide-wrap { height: auto; } .footer-block .widget-area.footer-widgets-2.footer-widget-area { margin-top: 0; } .footer-widgets .wrap, .site-footer .wrap { max-width: 800px; width: unset; } @media only screen and (max-width: 960px) { .footer-block > .wide-wrap { height: 1050px; } } @media only screen and (max-width: 600px) { .footer-block > .wide-wrap { max-height: 950px; } } /*Testimonial page*/ .wp-block-columns.testimonial-box { height: auto; } @media only screen and (max-width: 800px) { .wp-block-columns.testimonial-box, .wp-block-columns.testimonial-box .has-text-align-right { text-align: center; } .wp-block-columns.testimonial-box.right { display: flex; flex-direction: column-reverse; } .wp-block-columns.testimonial-box .wp-block-column { margin-left: 0; } } @media only screen and (min-width: 801px) { div.wp-block-columns.testimonial-box { display: grid; } .wp-block-columns.testimonial-box.left { grid-template-columns: 250px 1fr; } .wp-block-columns.testimonial-box.right { grid-template-columns: 1fr 250px; } } /*Hubspot Services page*/ section.elementor-section.elementor-section-boxed > div.elementor-container { max-width: 1450px; } section.elementor-section div.elementor-container.elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 0; } /* Industries - Luxury bldg and home brands */ .wp-block-columns.case-stat .wp-block-column { margin-left: 0; } .post-3253 .wp-block-columns.work-plan .wp-block-group.gray-box, .post-3473 .wp-block-columns.work-plan .wp-block-group.gray-box, .post-3864 .wp-block-columns.work-plan .wp-block-group.gray-box { height: 100%; max-height: 620px; } @media only screen and (max-width: 500px) { .wp-block-cover.quote { padding-top: 100px; } } @media only screen and (max-width: 800px) { .wp-block-cover.quote { padding: 50px 0; } } /*Industries - marketing box*/ @media only screen and (min-width: 782px) and (max-width: 1024px) { div.wp-block-group.marketing-box .wp-block-columns .wp-block-column { padding: 20px 5px; } } /*Blogs*/ .post-2273 .entry-content .wp-block-columns.has-3-columns, .post-2273 .entry-content .wp-block-columns.blog-cards-by-cat { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-column-gap: 25px; grid-row-gap: 50px; justify-content: center; max-width: 1330px; padding: 0; margin: 0 auto; } .post-2273 .entry-content .wp-block-columns.has-3-columns { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } .post-2273 .entry-content .wp-block-columns.blog-cards-by-cat { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .post-2273 .wp-block-columns.has-3-columns .wp-block-column, .post-2273 .wp-block-columns.blog-cards-by-cat .wp-block-column { margin-left: 0; } /*Social media & content devt page*/ .page-id-5586 .elementor-element.elementor-widget p { text-align: left; } .page-id-5586 .elementor-element.elementor-widget p br { display: none; } div.elementor-column.elementor-element.elementor-element-7080efe div.elementor-widget-wrap.elementor-element-populated { background-color: transparent; } section.elementor-element-5194678 .elementor-element.elementor-widget .elementor-widget-container { background-color: transparent; } section.elementor-element-5194678 .elementor-element.elementor-widget .elementor-widget-container p { color: #222053; text-align: center; padding: 20px 5px 50px; font-size: 18px; } @media only screen and (min-width: 768px) { section.elementor-element-5194678 .elementor-element.elementor-widget .elementor-widget-container p { padding-bottom: 0; } } section.elementor-element-5194678 .elementor-element.elementor-widget .elementor-widget-container p br { display: none; } .elementor-column.elementor-element.elementor-element-7080efe { padding: 100px 80px 100px 90px; } @media only screen and (max-width: 1024px) { .elementor-column.elementor-element.elementor-element-7080efe { padding: 50px; } } .page-id-5586 .elementor-element.elementor-element-bffc6cf.elementor-widget { margin-bottom: 80px; } @media only screen and (min-width: 1330px) { .page-id-5586 .elementor-element.elementor-element-bffc6cf.elementor-widget { max-width: 50%; } }