/* Theme Name: PixelFLEX Author: GruffyGoat Description: Custom theme for PixelFLEX Version: 0.0.1 */ @import "https://use.typekit.net/lwo3clp.css"; * { font-family:"proxima-nova"; } /********************* ****** REST CSS******* * *********************/ *, *::before, *::after { box-sizing: border-box; /* 1 */ } html { font-family: sans-serif; /* 2 */ line-height: 1.15; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ -ms-text-size-adjust: 100%; /* 4 */ -ms-overflow-style: scrollbar; /* 5 */ -webkit-tap-highlight-color: transparent; /* 6 */ } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { background:#FFFFFF; margin: 0; color: var(--e-global-color-text); text-align: left; /*background-color: #fafafa; disabled for fixed background image fix */ /* font-family: var(--e-global-typography-primary-font-family), Sans-serif; font-size: var(--e-global-typography-primary-font-size); font-weight: var(--e-global-typography-primary-font-weight); line-height: var(--e-global-typography-primary-line-height); */ } [tabindex="-1"]:focus { outline: none !important; } hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { /* 4 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; /* 2 */ text-decoration: underline dotted; /* 2 */ cursor: help; /* 3 */ border-bottom: 0; /* 1 */ } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; /* Undo browser default */ } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; /* Add the correct font style in Android 4.3- */ } b, strong { font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */ } small { font-size: 80%; /* Add the correct font size in all browsers */ } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { /* color: #007bff; */ text-decoration: none; background-color: transparent; /* Remove the gray background on active links in IE 10. */ -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+. */ } /* a:hover { color: #0056b3; text-decoration: underline; } */ pre, code, kbd, samp { font-family: monospace, monospace; /* Correct the inheritance and scaling of font size in all browsers. */ font-size: 1em; /* Correct the odd `em` font sizing in all browsers. */ } pre { /* Remove browser default top margin */ margin-top: 0; /* Reset browser default of `1em` to use `rem`s */ margin-bottom: 1rem; /* Don't allow content to break outside */ overflow: auto; /* We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to counteract. */ -ms-overflow-style: scrollbar; } figure { /* Apply a consistent margin strategy (matches our type styles). */ margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; /* Remove the border on images inside links in IE 10-. */ } svg:not(:root) { overflow: hidden; /* Hide the overflow in IE */ } a, area, button, [role="button"], input:not([type=range]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; /* Prevent double borders */ } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; /* color: #868e96; */ text-align: left; caption-side: bottom; } th { /* Matches default `` alignment by inheriting from the ``, or the closest parent with a set `text-align`. */ text-align: inherit; } label { /* Allow labels to use `margin` for spacing. */ display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; /* Remove the margin in Firefox and Safari */ font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; /* Show the overflow in Edge */ } button, select { text-transform: none; /* Remove the inheritance of text transform in Firefox */ } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; /* Reset the default outline behavior of fieldsets so they don't affect page layout. */ padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; /* 1 */ padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; /* 2 */ white-space: normal; /* 1 */ } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } /* html { background: #e2e2e2; } */ body { /* max-width: 1920px; */ margin: 0 auto; } output { display: inline-block; } summary { display: list-item; } template { display: none; } /*********************** ****** CUSTOM CSS ****** ***********************/ .pf-generic-content h4 { color: var(--e-global-color-0853cf5); margin-bottom: 20px; } .pf-generic-content h5 { color: var(--e-global-color-51f05ae); margin-bottom: 20px; } .pf-generic-content a { color: var(--e-global-color-0853cf5); text-decoration: underline; } .pf-generic-content a:hover { color: var(--e-global-color-deb20cc); } .pf-work .slick-list { padding:0 20% !important; } .pf-work-inner { position:relative; margin:0 20px; } .pf-work-image { position:relative; } .pf-work-image:after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; height:100%; background:rgba(255,255,255,0.6); } .pf-work-inner.slick-current .pf-work-image:after { background:none; } .pf-work img { height:500px; width: 100%; object-fit:cover; border:8px solid #FFFFFF; } .pf-work .slick-arrow.slick-next, .pf-work .slick-arrow.slick-prev { position: absolute; background: url("/source/9d296c56fd0cffff089893612092e68f/pf-left-carousel-arrow.svg") no-repeat; border: none; outline:none; width: 40px; height: 40px; background-size: contain !important; cursor: pointer; z-index:1; text-indent: -9999px; left: 30px; top:0; bottom:0; margin:auto; } .pf-work .slick-arrow.slick-next { background: url("/source/f1d145f35a65357aa3849a2069dcc91c/pf-right-carousel-arrow.svg") no-repeat; left: auto; right: 30px; } .pf-work .pf-work-inner.slick-slide .pf-work-content { opacity:0; } .pf-work .pf-work-inner.slick-slide.slick-current .pf-work-content { opacity:1; } .pf-work .pf-work-content { position: absolute; bottom: 30px; left: 30px; /* display:flex; */ display:block; align-items: center; width: 100%; } .pf-work .pf-work-content a { z-index:1; padding:12px 16px; text-transform:uppercase; font-size:14px; letter-spacing:1.5px; font-weight:600; text-align: center; color: var(--e-global-color-51f05ae); background:var(--e-global-color-e3d16aa); transition:.5s ease; /* flex:0 0 200px; */ display: inline-block; } .pf-work .pf-work-content h3 { color: #fff; font-size:32px; font-weight:600; margin-bottom:15px; /* margin-left:50px; flex: 1; */ padding-right: 30px; } /* .pf-work h3 { position: absolute; bottom: 30px; color: #fff; left: 0; right: 0; margin: 0 auto; text-align: center; font-size:25px; font-weight:600; } .pf-work a { position: absolute; bottom: 30px; left: 60px; z-index:1; padding:12px 16px; text-transform:uppercase; font-size:14px; letter-spacing:1.5px; font-weight:600; color: var(--e-global-color-51f05ae); background:var(--e-global-color-e3d16aa); transition:.5s ease; } */ .pf-work .pf-work-content a:hover { background:var(--e-global-color-deb20cc); color: var(--e-global-color-e3d16aa); } .pf-work .slick-dots { list-style: none !important; display: flex; justify-content: center; margin: 20px 0 0; padding: 0 !important; } .pf-work .slick-dots li { margin: 0 5px; } .pf-work .slick-dots li:hover button { cursor: pointer; } .pf-work .slick-dots button { width: 10px; height: 10px; display: block; border-radius: 50%; text-indent: -9999px; background: rgba(255,255,255,0.4); border: none; padding: 0; } .pf-work .slick-dots li.slick-active button { background: rgba(255,255,255,1); outline: 0; } /********************** ***** CLIENT LOGO ***** ***********************/ /*********************** ***** GRAVITY FORM ***** ***********************/ .pf-contact-form .gform_required_legend { display:none; } .pf-contact-form input:not([type="submit"]), .pf-contact-form textarea, .pf-contact-form select { border:1px solid var(--e-global-color-primary); padding:10px 15px !important; height:60px !important; margin-bottom: 20px !important; } .pf-contact-form.pf-contact-form-alt select { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADsSURBVHgB7dbBDYIwFAbgn9IYPXozUQkj6AaygWygA3hgEg54xw0cwRUcoXECEjVIAlZKgDTqAaxw6n+C95r3pQ0QjDiwODrOaHcxCHoKlVX8OfJp9bYjDWmoGXTzp4tkb4WxP7G/9UVd9O/BfA0VyKTm8cmxAR2c3rHiPq+LvgkjhAoEcFZe2DJWIUVdrOKIoAI9UtPNX+2zjF392UpGwMGQEQcq0NhjUZISR8YoJR/IyGMMKlCFGSlxi6FyWiCNIJFimDieCmuJNIZkLON8O8zIsg0iQtssLocf8EP0t05Ddeqnruvfrt529AKXrmZAMdS4rQAAAABJRU5ErkJggg==) !important; background-position: right 15px center !important; background-repeat: no-repeat !important; background-size: 25px auto !important; } .pf-contact-form input[type="file"] { border:none; padding: 10px 0 !important; } .pf-contact-form textarea { resize:none; height:110px !important; } .pf-contact-form.pf-contact-form-alt textarea { height:260px !important; } textarea::placeholder { color:#03002E; } .pf-contact-form input:not([type="submit"]):focus, .pf-contact-form textarea:focus, .pf-contact-form select:focus{ outline:none; border:1px solid var(--e-global-color-0853cf5); } .pf-contact-form input[type="submit"], .facetwp-load-more, .pf-work-listing-content .pf-work-link a, .pf-pro-image-inner-home .pf-pro-btn a { font-size: var(--e-global-typography-bc83da0-font-size); font-weight: var(--e-global-typography-bc83da0-font-weight); text-transform: var(--e-global-typography-bc83da0-text-transform); line-height: var(--e-global-typography-bc83da0-line-height); letter-spacing: var(--e-global-typography-bc83da0-letter-spacing); word-spacing: var(--e-global-typography-bc83da0-word-spacing); background-color: var(--e-global-color-0853cf5); border-width: 0px; border-radius: 0px; padding:12px 15px; color: var(--e-global-color-e3d16aa); margin:0 !important; display: inline-block; } .pf-contact-form input[type="submit"]:hover, .facetwp-load-more:hover, .pf-work-listing-content .pf-work-link a:hover, .pf-pro-image-inner-home .pf-pro-btn a:hover { cursor:pointer; background-color: var(--e-global-color-deb20cc); } .pf-contact-form.pf-newsletter-form input { margin:0 !important; } .pf-contact-form.pf-newsletter-form .gform_wrapper.gravity-theme .gform_fields { gap:0; } .pf-contact-form.pf-newsletter-form .gfield--type-html { font-size: 14px; opacity: 0.6; margin-top: 5px; } .facetwp-facet { margin-bottom:0 !important; } .facetwp-load-more:focus, .facetwp-dropdown:focus-visible { outline:none; } .facetwp-dropdown { border:2px solid var(--e-global-color-text); height:48px; padding: 10px; width: 100%; max-width: 260px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4yMDcxMSAwLjc5Mjg5M0M4LjgxNjU4IDAuNDAyMzY5IDguMTgzNDIgMC40MDIzNjkgNy43OTI4OSAwLjc5Mjg5M0w1IDMuNTg1NzlMMi4yMDcxMSAwLjc5Mjg5M0MxLjgxNjU4IDAuNDAyMzY5IDEuMTgzNDIgMC40MDIzNjkgMC43OTI4OTQgMC43OTI4OTNDMC40MDIzNjkgMS4xODM0MiAwLjQwMjM2OSAxLjgxNjU4IDAuNzkyODk0IDIuMjA3MTFMNC4yOTI4OSA1LjcwNzExQzQuNjgzNDIgNi4wOTc2MyA1LjMxNjU4IDYuMDk3NjMgNS43MDcxMSA1LjcwNzExTDkuMjA3MTEgMi4yMDcxMUM5LjU5NzYzIDEuODE2NTggOS41OTc2MyAxLjE4MzQyIDkuMjA3MTEgMC43OTI4OTNaIiBmaWxsPSIjNkM3Mjc1Ii8+Cjwvc3ZnPgo=) !important; background-position: right 15px center !important; background-repeat: no-repeat !important; background-size: 12px auto !important; } .facetwp-dropdown:hover { cursor:pointer; } input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #03002E !important; opacity: 1 !important; } /*********************** ****** CTA BLOCKS ****** ************************/ .pf-cta-blocks .elementor-cta__bg-overlay { display: none; } .pf-cta-blocks .elementor-cta__content { /* background-image: linear-gradient(0deg, var(--e-global-color-text) 0%, var(--e-global-color-text) 100%); */ background-image: linear-gradient(0deg, rgba(24, 34, 60, 0.9) 0%, rgba(24, 34, 60, 0) 100%); } .pf-cta-blocks-markets .elementor-cta__description { max-width:420px; margin:0 auto 30px; } /*********************** ******** FAQ'S ********* ************************/ .pf-accordion .elementor-accordion-item { border-bottom:1px solid #D2D2D7 !important } .pf-accordion .elementor-accordion-item:last-of-type { border-bottom:none !important; } .pf-accordion .elementor-accordion-icon svg { fill:none !important; font-size:26px; } .pf-accordion .elementor-accordion-icon-right { position: relative; top: 6px; } /*********************** **** BLOG BLOCKS ******* ************************/ .pf-blog-category ul { padding:0; display:flex; flex-wrap:wrap; margin:0; gap:15px; } .pf-blog-category ul li { list-style:none; position:relative; line-height: 0.7; } .pf-blog-category ul li:after { position:absolute; content:""; width:2px; height:100%; background:var(--e-global-color-0853cf5); right:-8px; top:0; } .pf-blog-category ul li:last-of-type { margin-right:0; } .pf-blog-category ul li:last-of-type:after { display:none; } .pf-blog-category ul li a, .pf-blog-listing-category.pf-blog-category li{ color: var(--e-global-color-0853cf5); font-size: 14px; font-weight: 800; text-transform: uppercase; transition:.5s ease; } .pf-blog-category ul li a:hover { color:var(--e-global-color-deb20cc); } .pf-blog-category.pf-blog-cate-detail ul li a { font-size:16px; font-weight:600; color: var(--e-global-color-e3d16aa); line-height: 0.7; letter-spacing:1.6px; } .pf-blog-category.pf-blog-cate-detail ul li:after { background:var(--e-global-color-e3d16aa); } .pf-blog-category.pf-blog-cate-detail ul li a:hover { color: var(--e-global-color-0853cf5); } /*********************** ***** BLOG LISTING ***** ************************/ .pf-blog-listing { display:flex; flex-wrap:wrap; /* gap:40px; */ margin:0 -20px; } .pf-blog-inner { /* flex:0 0 calc(33.33% - 27px); */ flex:0 0 33.33%; padding:0 10px; /* background: var(--e-global-color-e3d16aa); */ margin-bottom:40px; } .pf-grid-view:hover, .pf-list-view:hover { cursor:pointer; } .facetwp-template.list .pf-blog-listing .pf-blog-inner{ flex:0 0 100%; display:flex; flex-wrap:wrap; } .facetwp-template.list .pf-blog-listing .pf-blog-image { flex:0 0 30%; } .facetwp-template.list .pf-blog-listing .pf-blog-content { flex:1; padding: 30px; } .facetwp-template.list .pf-blog-listing .pf-blog-image img { height:250px; } .facetwp-template.list .pf-blog-listing-category.pf-blog-category ul { max-width:unset; } .pf-blog-inner img { width:100%; height:360px; object-fit:cover; } .pf-blog-content { padding:20px 20px 30px; background: var(--e-global-color-e3d16aa); box-shadow:0 4px 80px 0 rgba(24,34,60,0.10); } .pf-blog-inner .pf-blog-title a { font-size:20px; font-weight:500; color: var(--e-global-color-primary); margin-bottom: 20px; display: block; transition:.5s ease; } .pf-blog-inner .pf-blog-title a:hover { color: var(--e-global-color-0853cf5); } .pf-blog-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .pf-blog-inner a img { width:30px; height:30px; object-fit:contain; } .pf-blog-inner .pf-link:hover .img-orange { display:none; } .pf-blog-inner .pf-link:hover a { background:url("/source/cb2eb25566bfd546c52555f03ef6d99d/blue-arrow-1-.svg") no-repeat; background-size:contain; width:30px; height:30px; display: block; } .pf-blog-listing-category.pf-blog-category ul { display: flex; flex-wrap:wrap; align-items: center; width: 100%; max-width: 330px; } .pf-blog-listing-category.pf-blog-category span { margin-left:15px; color: var(--e-global-color-0853cf5); font-size: 14px; font-weight: 800; text-transform: uppercase; } ::-moz-selection { color: var(--e-global-color-e3d16aa); background: var(--e-global-color-0853cf5); } ::selection { color: var(--e-global-color-e3d16aa); background: var(--e-global-color-0853cf5); } /*********************** ***** WORK LISTING ***** ************************/ .pf-work-listing { display:flex; flex-wrap:wrap; /* gap:20px; */ margin:0 -20px; } .pf-work-listing-inner { flex:0 0 calc(33.33% - 20px); /* flex:0 0 33.33%; padding:0 10px; */ margin:0 10px 20px; position: relative; } .pf-work-listing-inner:nth-child(7n+4), .pf-work-listing-inner:nth-child(7n) { /* flex: 0 0 66%; */ flex: 0 0 calc(67% - 25px); } .pf-work-listing-inner > a { display: block; } .pf-work-listing-inner > a:hover .pf-work-listing-image img { transform: scale(1.1); } .facetwp-template.list .pf-work-listing .pf-work-listing-inner { flex: 0 0 calc(100% - 20px); display: flex; flex-wrap: wrap; } .pf-work-listing-inner .pf-work-listing-image { position:relative; overflow: hidden; } .pf-work-listing-inner .pf-work-listing-image:before { position:absolute; content:""; width:100%; height:100%; background: linear-gradient(180deg, rgba(24,34,60,1) 1%, rgba(24,34,60,0) 100%); left:0; top:0; opacity:0.8; z-index:1; } .pf-work-listing-inner .pf-work-listing-image img { width:100%; height:240px; object-fit:cover; transition: 0.3s all; } .facetwp-template.list .pf-work-listing .pf-work-listing-image { flex:0 0 30%; } .pf-work-listing-content { position: absolute; top: 0; bottom:0; left:0; right:0; /* background-image: linear-gradient(0deg, rgba(24, 34, 60, 0.7) 100%, rgba(24, 34, 60, 0) 0%); */ padding: 20px; z-index: 1; } .facetwp-template.list .pf-work-listing .pf-work-listing-content { flex:1; background:none; position:unset; padding: 30px; background-color: var(--e-global-color-e3d16aa); box-shadow: 0 4px 80px 0 rgba(24, 34, 60, 0.10); } .pf-work-listing-content p { font-size:25px; font-weight:600; line-height: 1.3; color: var(--e-global-color-e3d16aa); } .facetwp-template.list .pf-work-listing .pf-work-listing-content p { color: var(--e-global-color-primary); } .pf-work-listing-content a { display: inline-block; } .facetwp-type-sort select { border:none; } .facetwp-type-sort select:focus { outline:none; } .facetwp-type-sort select:hover { cursor:pointer; } /******************* ***** OUR TEAM ***** ********************/ .pf-team-content { display:flex; flex-wrap:wrap; } .pf-team-content-left { flex:0 0 50%; } .pf-team-content-right { flex:1; } .pf-team-image-wrapper { margin: 0 5px; } .pf-team-image { position:relative; } .pf-team-image:after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; height:100%; background:rgba(255,255,255,0.6); } .pf-team-image img { width:100%; height:330px; object-fit:cover; } .pf-team-image-wrapper.slick-slide.slick-current.slick-center .pf-team-image:after { background:none; } .pf-team-content h2 { color: var(--e-global-color-0853cf5); margin-bottom:40px; } .pf-team-content h2 span { color: var(--e-global-color-primary); display: block; } .pf-team-content h4 { color: var(--e-global-color-51f05ae); } .pf-team-content .pf-team-content-right h4 { /* font-size:30px; */ color:#000; font-style:italic; font-weight:400; position:relative; padding-left:60px; margin-bottom: 25px; } .pf-team-content .pf-team-content-right h4:before { content:""; position:absolute; background:url("/source/0b96874bcaa90f60379ed10aed0f1ebe/straight-quotes-4.png") no-repeat; width:50px; height:30px; background-size:contain; left:0; top:6px; } /* .pf-team .slick-arrow { position: absolute; background: url("/source/0166121e31bca7ecfb81290bd15c778b/pf-left-arrow-team.png") no-repeat; border: none; outline:none; width: 45px; height: 45px; background-size: contain; cursor: pointer; z-index:1; text-indent: -9999px; top: 0; //left: calc(50% - 50px); left: 0; right: 0; margin: auto; transform: translateX(-40px); } .pf-team .slick-arrow.slick-next { background: url("/source/6684a4a462d8181986be925d14da10e5/pf-right-arrow-team.png"); transform: translateX(40px); } */ .pf-team-content-social { display:flex; padding-left: 60px; } .pf-team-content-social img { width:35px; height:25px; margin-right:10px; } /******************* ****** EVENTS ****** ********************/ .pf-events-inner { display: flex; flex-wrap: wrap; margin-bottom: 15px; } .pf-events-left { flex:0 0 70px; } .pf-events-right { flex:1; } .pf-events-left .month, .tribe-events .tribe-events-calendar-list__event-date-tag-weekday { font-size:22px; font-weight:500; text-transform:uppercase; line-height: 1.45; letter-spacing:1.1px; } .pf-events-left p { margin-bottom:0; } .pf-events-left .date { font-size:35px; font-weight:500; letter-spacing:1.75px; line-height:0.9; } .pf-events-right h6 { color: var(--e-global-color-0853cf5); margin-bottom:0; } .pf-events-right h4 { margin-bottom:0; display: inline-block; } .pf-events-right h4 a { color: var(--e-global-color-primary); transition:.5s ease; } .pf-events-right h4:hover a { color: var(--e-global-color-0853cf5); } .pf-events-right p { color: var(--e-global-color-0853cf5); margin-bottom:0; font-size:14px; letter-spacing:0.42px; font-weight:500; line-height:1.85em; text-transform: uppercase; } .tribe-events-calendar-list__event-datetime-wrapper.tribe-common-b2 { margin-bottom:0; } .tribe_events .tribe-events-calendar-list__event-datetime { color: var(--e-global-color-0853cf5); margin-bottom:0; font-size:14px; letter-spacing:0.42px; font-weight:800; line-height:1.85em; } .tribe-events .tribe-events-calendar-list__event-title { font-size: var(--e-global-typography-3278930-font-size) !important; font-weight: var(--e-global-typography-3278930-font-weight); line-height: var(--e-global-typography-3278930-line-height); } .tribe-events .tribe-events-calendar-list__event-title a { color: var(--e-global-color-primary) !important; transition:.5s ease; } .tribe-events .tribe-events-calendar-list__event-title a:hover, .tribe-events-back a:hover { color: var(--e-global-color-0853cf5) !important; } .tribe-events .tribe-events-calendar-list__event-title a:hover, .tribe-common .tribe-common-anchor-thin { border:none; } .tribe-events .tribe-events-calendar-list__event-description p { color: var(--e-global-color-primary); font-size: var(--e-global-typography-text-font-size); font-weight: var(--e-global-typography-text-font-weight); line-height: var(--e-global-typography-text-line-height); } .tribe-events .tribe-events-calendar-list__event-date-tag-weekday { color: var(--e-global-color-primary); } .tribe-events .tribe-events-calendar-list__event-date-tag-daynum { font-size:35px !important; font-weight:500; letter-spacing:1.75px; line-height:0.9 !important; color: var(--e-global-color-primary); } .tribe-events-c-subscribe-dropdown__button { border:none; background-color: var(--e-global-color-0853cf5); color: var(--e-global-color-e3d16aa); border-radius: 0px; } /* font-size: var(--e-global-typography-bc83da0-font-size); font-weight: var(--e-global-typography-bc83da0-font-weight); text-transform: var(--e-global-typography-bc83da0-text-transform); line-height: var(--e-global-typography-bc83da0-line-height); letter-spacing: var(--e-global-typography-bc83da0-letter-spacing); word-spacing: var(--e-global-typography-bc83da0-word-spacing); background-color: var(--e-global-color-0853cf5); border-width: 0px; border-radius: 0px; padding:12px 15px; color: var(--e-global-color-e3d16aa); margin:0 !important; */ :root { --tec-font-family-sans-serif: "proxima-nova"; } :root { --tec-color-text-primary:#18223C; } :root { --tec-color-text-secondary:#18223C; } :root { /* --tec-color-button-primary: var(--e-global-color-e3d16aa); */ --tec-color-button-primary: #fff; } :root { --tec-color-background:#10acf9; } .tribe-common .tribe-common-c-btn-border { border:none; } :root { --tec-border-radius-default:none; } :root { --tec-color-accent-primary: #f7931e; } .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-text, .tribe-events-c-subscribe-dropdown__button:hover svg, .tribe-events-c-subscribe-dropdown__button:focus .tribe-events-c-subscribe-dropdown__button-text, .tribe-events-c-subscribe-dropdown__button:focus svg { color:#fff !important; } .tribe-events-c-subscribe-dropdown__button .tribe-events-c-subscribe-dropdown__button-text { text-transform:uppercase; line-height: 1.3em; letter-spacing: 1px; } .tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input { background: var(--e-global-color-e3d16aa) !important; } .tribe-common-c-btn.tribe-events-c-search__button { background:var(--e-global-color-0853cf5) !important; color: var(--e-global-color-e3d16aa) !important; } .tribe-common-c-btn.tribe-events-c-search__button:hover { background-color: var(--e-global-color-deb20cc) !important; } .tribe-common-c-btn.tribe-events-c-search__button:focus, .tribe-events-c-search__input:focus { outline:none !important; } .tribe-events-c-search.tribe-events-c-events-bar__search-form, .tribe-events-header__events-bar.tribe-events-c-events-bar, .tribe-events-c-view-selector__content, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list { background:#fff !important; } .tribe-events-calendar-list__month-separator-text.tribe-common-h7 { color: var(--e-global-color-51f05ae); font-size: var(--e-global-typography-2fca542-font-size); font-weight: var(--e-global-typography-2fca542-font-weight); text-transform: var(--e-global-typography-2fca542-text-transform); line-height: var(--e-global-typography-2fca542-line-height); letter-spacing: var(--e-global-typography-2fca542-letter-spacing); } .tribe-common .tribe-common-c-btn-border-small, .tribe-common a.tribe-common-c-btn-border-small, .tribe-events-c-top-bar__datepicker-button:hover { background:none !important; } .tribe-events-c-small-cta__price { font-size:14px; } .tribe-events .datepicker, .tribe-events .tribe-events-c-events-bar__search-container { background:var(--e-global-color-e3d16aa); } .tribe-events .datepicker .day.active, .tribe-events .datepicker .datepicker-switch:hover, .tribe-events .datepicker .prev:hover, .tribe-events .datepicker .next:hover { background:#f5f5f5; } .tribe-events .datepicker .day.active:hover { background:rgba(245,245,245,0.5); } .tribe-events-c-nav__prev, .tribe-events-c-nav__next { text-transform:capitalize !important; letter-spacing: 0 !important; } .tribe-events-single-event-title { font-size:44px !important; font-weight:700 !important; } .tribe-events-schedule { margin-top:5px; } .tribe-events-schedule h2 { font-size:24px; font-weight: 500; } .tribe-events-back a { transition:.5s ease; } .single-tribe_events .tribe-events-c-subscribe-dropdown__button { width:230px; } /*************************** *****TESTIMONIAL SLIDER***** ****************************/ .pf-testi-slider .elementor-testimonial__content{ display:flex; flex-wrap:wrap; } .pf-testi-slider .elementor-testimonial__text { order:2; } .pf-testi-slider .elementor-testimonial__cite { order:1; margin-bottom:60px; margin-top:0!important; } .pf-testi-slider .elementor-testimonial__title { position:relative; } .pf-testi-slider .elementor-testimonial__title:after { content:""; position:absolute; background:url("/source/885e62de3ad72ded3cbaa8f90559de44/pf-stars1.svg") no-repeat; width:100%; height:20px; background-size:contain; top: 30px; left: 0; } .pf-testi-slider .elementor-swiper-button { position:absolute !important; bottom:60px; top: unset !important; left: 0 !important; right: 0 !important; background: url("/source/a61e57dc7f43a7bb7f3967a79f4a2f9e/pf-arrow-orange-left.svg") no-repeat; width: 30px; height: 30px; background-size: contain; font-size: 0 !important; background-position: center; transform: translateX(-30px) !important; margin:auto; } .pf-testi-slider .elementor-swiper-button.elementor-swiper-button-next { transform: translateX(30px) !important; background: url("/source/0e72a0deabfad5bb6c76d3523cf56d34/pf-arrow-orange-right.svg") no-repeat; } .pf-testi-slider .swiper-slide { padding:80px 80px 150px !important; } /****************** ***** PRODUCT ***** *******************/ .pf-product { text-align: center; } .pf-product .pf-product-image { margin-bottom:40px; } .pf-product .pf-product-image img { height:220px; object-fit:contain; } .pf-product-inner h4 { color: var(--e-global-color-51f05ae); margin-bottom:12px; } .pf-product-inner p { color:#000000; margin:0; } .pf-product-inner ul { display:flex; justify-content: center; padding: 0; margin-bottom:50px; margin-top: 15px; } .pf-product-inner ul li { list-style:none; margin-right:5px; } .pf-product-inner ul li img { width: 22px; } .pf-product-inner ul li:last-of-type { margin-right:0; } .pf-product-inner a { font-size: 16px; text-transform: uppercase; letter-spacing: 1.6px; color: var(--e-global-color-primary); position:relative; padding-right: 22px; transition:.5s ease; } .pf-product-inner a:after { content:""; position:absolute; background:url("/source/9e0a2a6b8cd66742565f25c2d66422d5/pf-arrow-right.svg") no-repeat; width:20px; height:20px; background-size:contain; right:0; top:2px; transition:.5s ease; } .pf-product-inner a:hover { color: var(--e-global-color-0853cf5); } .pf-product-inner a:hover:after { background:url("/source/951815732fdcd62733d9b1e7f948c3cd/pf-arrow-right-light-blue.svg") no-repeat; } /************************** ***** PRODUCT LISTING ***** ***************************/ .pf-product-listing > div { display: flex; flex-wrap: wrap; gap:20px; } .pf-product-listing .pf-product { padding:60px 30px; background:#F6F6F6; flex: 0 0 calc(33.33% - 14px); } .pf-product-filters .facetwp-checkbox { margin-bottom:15px; } .pf-feature-filter .facetwp-display-value img, .pf-type-filter .facetwp-display-value img { margin-left:10px; width: 22px; } .pf-feature-filter .facetwp-display-value span, .pf-type-filter .facetwp-display-value span { color: #000000; font-size: var(--e-global-typography-text-font-size); font-weight: var(--e-global-typography-text-font-weight); line-height: var(--e-global-typography-text-line-height); margin-left:10px; } .pf-product-filters .facetwp-checkbox { background:url("/source/868aa5dc9e25f90532aa04c8a6268371/pf-checkbox.svg") no-repeat; background-size:23px !important; } .pf-product-filters .facetwp-checkbox.checked { background:url("/source/78db439e4026b6a8a151242a9be2918b/pf-checkbox-checked.svg") no-repeat; } .pf-product-filters .noUi-connect { background:var(--e-global-color-51f05ae); } .pf-product-filters .noUi-target { background:#CECECE; border-radius:2px; border:none; } .pf-product-filters .noUi-horizontal { height:4px; } .pf-product-filters .noUi-horizontal .noUi-handle { border:none; border-radius:50px; width: 12px; height: 12px; right:0; top: -5px; background:var(--e-global-color-0853cf5); } .pf-product-filters .facetwp-slider-label { margin-bottom:10px; display: inline-block; } .pf-product-filters .facetwp-slider-reset { box-shadow:none; border:none; padding: 7px 18px; } .pf-product-filter-arrow { position:relative; } .pf-product-filter-arrow:after { content:""; position:absolute; width: 15px; height: 10px; right:0; top: 4px; background:url("/source/3835602406e6dec7c27948210e05533e/pf-arrow-filter.svg") no-repeat; } .pf-product-filter-arrow:hover:after { cursor:pointer; } .pf-product-filter-arrow.rotate:after { transform:rotate(180deg); } .pf-product-filters.hide { display:none; } /********************** ***** BANNER HOME ***** ***********************/ /* .pf-banner-flip { height:50px; overflow:hidden; } .pf-banner-flip > div > div { color:#fff; padding:4px 12px; height:45px; margin-bottom:45px; display:inline-block; } .pf-banner-flip div:first-child { animation: show 5s linear infinite; } */ .pf-banner-home h1 { color: var(--e-global-color-e3d16aa); display:inline-block; margin:0; } .pf-banner-home-container { display: flex; } .pf-banner-home .pf-banner-flip { height:71px; overflow:hidden; } .pf-banner-home ul { margin:0; padding:0; } .pf-banner-home ul li { color:#fff; list-style:none; font-size: var(--e-global-typography-0bce031-font-size); font-weight: var(--e-global-typography-0bce031-font-weight); line-height: var(--e-global-typography-0bce031-line-height); height:71px; margin-bottom:71px; padding: 0px 12px; } .pf-banner-home ul li:first-child { animation: show 30s linear infinite; } /* .pf-banner-flip div:first-child div { background:#4ec7f3; } .pf-banner-flip div:last-child div { background:#DC143C; } */ @keyframes show { /* 0% {margin-top:-426px;} 5% {margin-top:-284px;} 33% {margin-top:-284px;} 38% {margin-top:-142px;} 66% {margin-top:-142px;} 71% {margin-top:0px;} 99.99% {margin-top:0px;} 100% {margin-top:-426px;} */ /* 0% {margin-top:-1420px;} 5% {margin-top:-1278px;} 8% {margin-top:-1278px;} 10% {margin-top:-1136px;} 12% {margin-top:-1136;} 15% {margin-top:-994;} 18% {margin-top:-994;} 22% {margin-top:-852;} 25% {margin-top:-852;} 30% {margin-top:-710;} 35% {margin-top:-710;} 40% {margin-top:-568;} 45% {margin-top:-568;} 50% {margin-top:-426;} 53% {margin-top:-426;} 57% {margin-top:-284px;} 60% {margin-top:-284px;} 63% {margin-top:-142px;} 66% {margin-top:-142px;} 71% {margin-top:0px;} 99.99% {margin-top:0px;} 100% {margin-top:-1420px;} */ /* 0% {margin-top:-1420px;} 5% {margin-top:-1278px;} 10% {margin-top:-1278px;} 15% {margin-top:-1136px;} 20% {margin-top:-1136;} 25% {margin-top:-994;} 30% {margin-top:-994;} 35% {margin-top:-852;} 40% {margin-top:-852;} 45% {margin-top:-710;} 50% {margin-top:-710;} 55% {margin-top:-568;} 60% {margin-top:-568;} 65% {margin-top:-426;} 70% {margin-top:-426;} 75% {margin-top:-284px;} 80% {margin-top:-284px;} 85% {margin-top:-142px;} 90% {margin-top:-142px;} 95% {margin-top:0px;} 99.99% {margin-top:0px;} 100% {margin-top:-1420px;} */ 0% {margin-top:-1420px;} 1% {margin-top:-1278px;} 10% {margin-top:-1278px;} 11% {margin-top:-1136px;} 20% {margin-top:-1136px;} 21% {margin-top:-994px;} 30% {margin-top:-994px;} 31% {margin-top:-852px;} 40% {margin-top:-852px;} 41% {margin-top:-710px;} 50% {margin-top:-710px;} 51% {margin-top:-568px;} 60% {margin-top:-568px;} 61% {margin-top:-426px;} 70% {margin-top:-426px;} 71% {margin-top:-284px;} 80% {margin-top:-284px;} 81% {margin-top:-142px;} 90% {margin-top:-142px;} 91% {margin-top:0px;} 99.99% {margin-top:0px;} 100% {margin-top:-1420px;} } /********************** ***** HEADER HOME ***** ***********************/ .pf-home-main-header.elementor-sticky--active { background-color: var(--e-global-color-primary) !important; } /************************ *****PRODUCT SLIDER ***** *************************/ .pf-pro-image-inner-wrapper-home .pf-pro-btn { display:none; display:block; text-align:center; opacity: 0; visibility: hidden; margin-top: 50px; } .pf-pro-image-inner-wrapper-home .pf-pro-image-home img { margin: 0 auto; object-fit: contain; } /*height:350px; width: 100%;*/ /* .pf-pro-image-wrapper-home .slick-list { padding: 0 20% !important; } */ .pf-pro-image-inner-wrapper-home.slick-current.slick-active .pf-pro-btn { opacity: 1; visibility: visible; } .pf-pro-image-inner-home { padding-top:50px; position:relative; margin:0 60px; transition: 0.3s all; transform: scale(1); } .pf-pro-image-inner-wrapper-home .pf-pro-image-inner-home:after { content: ''; position: absolute; width: 100%; height: 100%; background: #ffffff; opacity: 0.8; z-index: 1; left: 0; top: 0; } .pf-pro-image-inner-wrapper-home.slick-current.slick-active .pf-pro-image-inner-home:after { display: none; } .pf-pro-image-wrapper-home .slick-arrow.slick-next, .pf-pro-image-wrapper-home .slick-arrow.slick-prev { position: absolute; background: url("/source/dcc9aefee3826d4b9f65faad9f02a1f8/pf-pro-arrow-left.svg") no-repeat; border: none; outline:none; width: 30px; height: 30px; background-size: contain !important; cursor: pointer; z-index:1; text-indent: -9999px; left: 0; top:0; bottom:0; margin:auto; } .pf-pro-image-wrapper-home .slick-arrow.slick-next { background: url("/source/81b32815add533799be445c3823efbdb/pf-pro-arrow-right.svg") no-repeat; left: auto; right: 0; } /********************** ***********************/ .pf-csv-table-wrapper { overflow-x:scroll; } .pf-csv-table-wrapper table { width:100%; } .pf-csv-table-wrapper td { padding:10px; border: 1px solid #ddd; } .pf-csv-table-wrapper tr td:first-child { background-color: var(--e-global-color-51f05ae); color:#ffffff; } .pf-csv-table-wrapper tr:nth-child(even) { background-color: #f2f2f2; } .pf-product-tabs .elementor-tab-content h3 { color: var(--e-global-color-51f05ae); font-size: var(--e-global-typography-bc83da0-font-size); font-weight: var(--e-global-typography-bc83da0-font-weight); text-transform: var(--e-global-typography-bc83da0-text-transform); line-height: var(--e-global-typography-bc83da0-line-height); letter-spacing: var(--e-global-typography-bc83da0-letter-spacing); word-spacing: var(--e-global-typography-bc83da0-word-spacing); margin: 0 } .pf-product-tabs .elementor-tabs-wrapper { border-bottom: 1px solid #D7D7D7; } .pf-product-tabs .elementor-tabs-wrapper .elementor-active { border-bottom: 2px solid #10ACF9 !important; } .pf-product-tabs .elementor-tab-content { padding: 50px 0 !important; } /********************** ***** MOBILE MENU ***** ***********************/ .pf-mobile-menu a .sub-arrow svg { fill: var(--e-global-color-e3d16aa); } .pf-mobile-menu a.elementor-item-active.has-submenu .sub-arrow svg, .pf-mobile-menu .elementor-nav-menu--dropdown a.elementor-item.highlighted .sub-arrow svg{ fill: var(--e-global-color-0853cf5); } .pf-mobile-menu .elementor-nav-menu--dropdown a.elementor-item.highlighted { background:var(--e-global-color-e3d16aa); } @media only screen and (max-width:1250px) { .pf-accordion .elementor-accordion-icon svg { font-size:22px; } .pf-work .pf-work-content h3 { font-size:28px; } .pf-team-image img { height: 330px; } .pf-team-content-right h4 { font-size: 26px; } .pf-team-content .pf-team-content-right h4:before { width: 35px; } .pf-team-content-social img { width: 30px; height: 20px; } .pf-team-content h2 { font-size:38px; margin-bottom: 30px; } .pf-team-content h4 { font-size:26px; } .pf-product-listing .pf-product { flex: 0 0 calc(50% - 10px); } .pf-pro-image-inner-home { margin: 0 20px; } .pf-events-left .date { font-size:30px; } .pf-events-left .month, .tribe-events .tribe-events-calendar-list__event-date-tag-weekday { font-size:16px; } } @media only screen and (max-width:1024px) { .pf-blog-listing .pf-blog-inner { flex: 0 0 50%; } .pf-blog-inner img { height:310px; } .pf-blog-listing-category.pf-blog-category ul { max-width:310px; } .facetwp-template.list .pf-blog-listing .pf-blog-image img, .facetwp-template.list .pf-work-listing .pf-work-listing-image img { height: 200px; } .pf-work-listing-inner { flex: 0 0 calc(50% - 20px) !important; } .facetwp-template.list .pf-work-listing .pf-work-listing-inner { flex:0 0 calc(100% - 20px) !important; } .pf-work-listing-inner:nth-child(3) { flex:0 0 calc(100% - 20px) !important; } .pf-work-listing-content p { font-size:22px; } .pf-work .pf-work-image { margin-bottom:40px; } .pf-work img { height: 450px; } .pf-work .slick-arrow.slick-next, .pf-work .slick-arrow.slick-prev { margin:unset; top:calc(50% - 60px); } .pf-work .pf-work-content { position:unset; } .pf-team-image img { height: 270px; } .pf-team-content-left { flex: 0 0 100%; order:2; } .pf-team-content-right { flex: 0 0 100%; order:1; margin-bottom:40px; } .pf-contact-form input:not([type="submit"]), .pf-contact-form select { height:40px !important; } .pf-contact-form.pf-contact-form-alt textarea { height: 180px !important; } .pf-testi-slider .swiper-slide { padding: 80px 50px 150px !important; } .pf-pro-image-inner-wrapper-home .pf-pro-btn { opacity:1; visibility:visible; } .tribe-events-single-event-title { font-size:40px !important; } .tribe-events-schedule h2 { font-size: 20px; } } @media only screen and (max-width:768px) { .pf-blog-listing .pf-blog-inner { flex: 0 0 100%; } .pf-blog-inner img { height:290px; } .facetwp-dropdown { max-width:unset; } .pf-work .slick-list { padding:0 !important; } .pf-work-listing-content p { font-size:20px; } .pf-work-listing-inner { flex: 0 0 calc(100% - 20px) !important; } .pf-work img { height: 300px; } .pf-work .slick-arrow.slick-next, .pf-work .slick-arrow.slick-prev { margin:unset; top:calc(50% - 90px); width: 30px; height: 30px; } .pf-work .pf-work-content h3 { font-size:24px; } .pf-team-image img { height: 330px; } .pf-team-content .pf-team-content-right h4:before { width: 30px; height: 20px; } .pf-team-content .pf-team-content-right h4, .pf-team-content-social { padding-left: 40px; } .pf-team-content .pf-team-content-right h4 { font-size: 20px; } .pf-team-content h2 { font-size: 32px; margin-bottom: 20px; } .pf-team-content .pf-team-content-left h4 { font-size: 22px; } .pf-contact-form.pf-contact-form-alt textarea { height: 150px !important; } .pf-testi-slider .elementor-testimonial { flex-wrap:wrap; } .pf-testi-slider .elementor-testimonial__footer { flex:0 0 100%; order:1; padding-right:0 !important; margin-bottom:30px; } .pf-testi-slider .elementor-testimonial__content { flex:0 0 100%; order:2; } .pf-testi-slider .swiper-slide { padding: 80px 25px 150px !important; } .pf-testi-slider .elementor-testimonial__cite { margin-bottom:50px; } .pf-product-listing .pf-product { flex: 100%; } .tribe-events-single-event-title { font-size:34px !important; } .tribe-events-schedule h2 { font-size: 18px; } }