/* Theme Name: Infinite and Nasuni's Lovechild Theme URI: https://www.nasuni.com Description: Nasuni child theme based on Goodlayer's "Infinite" Author: Brett Virmalo Author URI: http://www.virmalo.com Template: infinite Version: 0.1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Text Domain: infinite-nasuni-child */ .aws-marketplace-logo { max-width: 300px!important; margin: auto!important; } .scale-hover { transition: transform 1s ease-in-out; } .scale-hover:hover { transform: scale(1.1); } /* TEMPORARY */ .gdlr-core-title-item-caption-bottom .gdlr-core-title-item-caption {line-height: 1.1;} .devnotes {font-family: courier; font-size: 12px; line-height: 14px; color: orange;} .infinite-single-article-content a {text-decoration:underline;} /* Lightbox */ .ilightbox-holder .ilightbox-container { background: #fff; padding: 26px; } /* //////////////////////// Hide & Disable Theme Stuff //////////////////////// */ /* Disable links on dates for blogs - no date archives, please! */ .gdlr-core-blog-info-date a { pointer-events: none; cursor: default; text-decoration: none; } /* Disable hamburger nav */ .infinite-main-menu-right {display: none;} /* Kill the weird overlay image link thing */ .infinite-body .gdlr-core-image-overlay { background-color: rgba(255, 255, 255, 0.0); } /* Kill top and bottom padding on "infinite-content-area" to avoid spacing issues between header, page builder content, titles, subnavs, etc. */ .infinite-content-area { padding-top: 0; padding-bottom: 0;} /* //////////////////////// Custom CSS for Specific Pages //////////////////////// */ /* Make some pages wider than default max width */ body.page-id-9774 .gdlr-core-container, body.page-id-9774 .gdlr-core-blog-item-holder { width: 95%; max-width: 1400px;} /* Blog home page */ body.post-type-archive-resource .infinite-content-container, body.post-type-archive-customer .infinite-content-container { width: 95%; max-width: 2400px;} /* .video-container .infinite-container { max-width: 800px;} */ /* News and Events Single */ body.single-event .infinite-content-container, body.single-news .infinite-content-container { max-width: 780px; padding: 60px 0 0 0;} /* //////////////////////// Color //////////////////////// */ /* Atlas Branding Color */ .infinite-body .color-synchronize, .infinite-body a.color-synchronize, .infinite-body a.color-synchronize:hover {color: #7f3f98; text-decoration: none!important;} .infinite-body .color-collaborate, .infinite-body a.color-collaborate, .infinite-body a.color-collaborate:hover {color: #ffcc33; text-decoration: none!important;} .infinite-body .color-primary, .infinite-body a.color-primary, .infinite-body a.color-primary:hover {color: #d76127; text-decoration: none!important;} .infinite-body .color-archive, .infinite-body a.color-archive, .infinite-body a.color-archive:hover {color: #75a5d8; text-decoration: none!important;} /* Theme color overwrites */ .infinite-main-menu-search i, .infinite-main-menu-cart i { color: #425563!important;} .infinite-top-search-wrap input.search-field { border-bottom-color: #ffffff;} /* cookie disclaimer */ .cookie-notification, .cookie-notification__button button { background-color: #202022; } .cookie-notification__button button:hover { color: #202022; } /* Background Colors */ .bg-black { background-color: #000000; } .bg-white { background-color: #fff!important; } .bg-green { background-color: #58a618!important; } .bg-green-l4 { background-color: #9cea5c; } .bg-green-l2 { background-color: #7ac83a; } .bg-green-d2 { background-color: #368418; } .bg-green-d4 { background-color: #146206; } .bg-logogrey { background-color: #425563; } .bg-logogrey-d2 { background-color: #203341; } .bg-logogrey-d4 { background-color: #001120; } .bg-truegrey-l5 { background-color: #f8f9fb; } /* .infinite-body .bg-nasuni-truegrey_l5 { background-color: #f8f9fb; } */ /* Text Colors */ /* Basic Text */ .text-green {color: #58a618!important;} .text-white {color: #fff!important;} .text-truegrey-d2 {color: #858688!important;} .text-truegrey-d4 {color: #636466!important;} .text-truegrey-d6 {color: #414244!important;} /* Headlines Green */ .infinite-body .headlines--green .gdlr-core-title-item h2.gdlr-core-title-item-title, .infinite-body .headlines--green .infinite-content-area h2, .infinite-body .headlines--green h2, .infinite-body .headlines--green h2 a { color: #58a618; } .infinite-body .headlines--green .gdlr-core-title-item h3.gdlr-core-title-item-title, .infinite-body .headlines--green .infinite-content-area h3, .infinite-body .headlines--green h3, .infinite-body .headlines--green h3 a, .infinite-body .headlines--green h4, .infinite-body .headlines--green h4 a { color: #58a618; } .infinite-body .text--green, .infinite-body p.text--green { color: #58a618; } /* Headlines Blue */ .infinite-body .headlines--blue .gdlr-core-title-item h2.gdlr-core-title-item-title, .infinite-body .headlines--blue .infinite-content-area h2, .infinite-body .headlines--blue h2 { color: #75a5d8; } .infinite-body .headlines--blue .gdlr-core-title-item h3.gdlr-core-title-item-title, .infinite-body .headlines--blue .infinite-content-area h3 { color: #75a5d8; } .infinite-body .headlines--blue h3, .infinite-body .headlines--blue h4 { color: #75a5d8; } /* Headlines Orange */ .infinite-body .headlines--orange .gdlr-core-title-item h2.gdlr-core-title-item-title, .infinite-body .headlines--orange .infinite-content-area h2, .infinite-body .headlines--orange h2, .infinite-body .headlines--orange h2 a { color: #d86018; } .infinite-body .headlines--orange .gdlr-core-title-item h3.gdlr-core-title-item-title, .infinite-body .headlines--orange .infinite-content-area h3, .infinite-body .headlines--orange h3, .infinite-body .headlines--orange h3 a, .infinite-body .headlines--orange h4, .infinite-body .headlines--orange h4 a { color: #d86018; } .infinite-body .text--orange, .infinite-body p.text--orange { color: #d86018; } /* Headlines purple */ .infinite-body .headlines--purple .gdlr-core-title-item h2.gdlr-core-title-item-title, .infinite-body .headlines--purple .infinite-content-area h2, .infinite-body .headlines--purple h2, .infinite-body .headlines--purple h2 a { color: #7F3F98; } .infinite-body .headlines--purple .gdlr-core-title-item h3.gdlr-core-title-item-title, .infinite-body .headlines--purple .infinite-content-area h3, .infinite-body .headlines--purple h3, .infinite-body .headlines--purple h3 a, .infinite-body .headlines--purple h4, .infinite-body .headlines--purple h4 a { color: #7F3F98; } .infinite-body .text--purple, .infinite-body p.text--purple { color: #7F3F98; } /* Headlines yellow */ .infinite-body .headlines--yellow .gdlr-core-title-item h2.gdlr-core-title-item-title, .infinite-body .headlines--yellow .infinite-content-area h2, .infinite-body .headlines--yellow h2, .infinite-body .headlines--yellow h2 a { color: #d09c26; } .infinite-body .headlines--yellow .gdlr-core-title-item h3.gdlr-core-title-item-title, .infinite-body .headlines--yellow .infinite-content-area h3, .infinite-body .headlines--yellow h3, .infinite-body .headlines--yellow h3 a, .infinite-body .headlines--yellow h4, .infinite-body .headlines--yellow h4 a { color: #d09c26; } .infinite-body .text--yellow, .infinite-body p.text--yellow { color: #d09c26; } /* All Text White */ .infinite-body .content--white *, .infinite-body .content--white .gdlr-core-title-item h2.gdlr-core-title-item-title, .infinite-body .content--white .infinite-content-area h2, .infinite-body .content--white .gdlr-core-title-item h3.gdlr-core-title-item-title, .infinite-body .content--white .infinite-content-area h3, .infinite-body .content--white .gdlr-core-title-item h4.gdlr-core-title-item-title, .infinite-body .content--white .infinite-content-area h4, .infinite-body .content--white p, infinite-body .content--white a, .infinite-body .content--white .gdlr-core-column-service-item .gdlr-core-column-service-title, .infinite-body .content--white .gdlr-core-column-service-item .gdlr-core-column-service-media.gdlr-core-media-icon i { color: #ffffff!important; } /* One-off image classes */ /* White transparent PNG bg + border */ img.whitepng, .whitepng img { background-color: #fff; border: 18px solid #fff; } /* Custom max-widths */ img.max-1200, .max-1200 img {max-width: 1200px;} @media only screen and (max-width: 1024px) and (min-width: 767px){img.max-1200, .max-1200 img {max-width: 80%;} } @media only screen and (max-width: 767px) {img.max-1200, .max-1200 img {max-width: 100%;} } /* Round image */ img.img-circle, .img-circle img { width: 100%; border-radius: 50%; overflow: hidden; } body.single-post .infinite-single-article-content { margin-top: 30px; } .infinite-body .infinite-single-article .infinite-single-article-content ul li, .infinite-body .infinite-single-article .infinite-single-article-content ol li { line-height: 1.6!important; margin-bottom: 8px!important;} /* Revolution Slider */ /* .gdlr-core-revolution-slider-item { position: relative; z-index: 10000; } .gdlr-core-pbf-section:first-child .gdlr-core-revolution-slider-item { position: relative; z-index: 9998; } */ .gdlr-core-revolution-slider-item.gdlr-core-item-pdlr.gdlr-core-item-pdb, .gdlr-core-pbf-section:first-child {padding: 0;} /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* CTAs - Footer and Hanger */ .hanger-wrapper { position: fixed; left: 0; top: 45%; display: block; width: 80px; text-align: center; z-index: 20000; line-height: 1; } .hanger-inner { } a.gdlr-core-button.hanger-button { padding: 16px 4px!important; margin: 8px 0px 0px -10px!important; clear: both; width: 70px;} a.gdlr-core-button.hanger-button img { width: 60%; margin-bottom: 12px; } .footer-ctas .nasuni-wrapper {padding: 30px 0; background-color: #203341;} .footer-ctas, footer { z-index: 9999; /* position: relative; */ } @media only screen and (max-width: 1300px) { .hanger-wrapper { display: none; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Customer Content Type */ .container-sidebar { width: 300px; } .container-sidebar.container-sidebar--third { width: 33%; } .container-sidebar.container-sidebar--quarter { width: 25%; } .container-sidebar--right {float: right; margin: 0 0 30px 30px;} .container-sidebar--left {float: left; margin: 0 30px 30px 0;} .container-sidebar * {margin-bottom: 15px;} .infinite-body .container-sidebar--inner { background-color:#f5f5f5; padding: 30px; border-top: 2px solid #7ac83a; border-color: #7CC83A;} .infinite-body .container-sidebar--inner p {margin: 0px 0px 8px 0; line-height: 1.3;} .infinite-body .container-sidebar--inner p strong {margin-top: 12px;} .container-sidebar--inner p:first-child {margin-top: 0;} .container-sidebar--inner strong {color: #636466;} .single-customer .infinite-single-article > p:first-of-type { color: #58a618; font-size: 22px; line-height: 1.5; font-weight: 300; } /* Customer */ .single-customer .infinite-single-article > p:first-of-type { font-size: 16px; } /* .infinite-body, .infinite-body p, .infinite-body ul li { font-size: 16px; } */ .infinite-body .infinite-content-area h2, .infinite-body .gdlr-core-pbf-wrapper h2 {font-size: 16px; } .infinite-body blockquote p, .infinite-body blockquote { font-size: 12px;} .infinite-body blockquote small {font-size: 6px;} blockquote {padding: 15px;} } /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Footer basic stuff */ .infinite-body footer, .infinite-body footer p { font-size: 13px; line-height: 20px; } .infinite-body footer strong { color: #fff; } .infinite-body footer p { margin-bottom: 10px;} .infinite-footer-wrapper .infinite-widget-title { margin-bottom: 15px; } /* Footer Nav */ .infinite-footer-wrapper * { border: 0; max-width:1200px;} footer .widget_nav_menu ul { margin: 0; display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; flex-flow: column wrap; height: 300px; } footer .widget_nav_menu ul li { font-size: 13px; line-height: 15px; color: #fff; text-transform: uppercase; font-weight: 500; padding: 0 30px 0px 0; margin: 0 0 20px 0; border: none; } footer .widget_nav_menu ul li a { color: #fff; } footer .widget_nav_menu ul ul {margin: 0; padding: 0 0 0 0; height: auto;} footer .widget_nav_menu ul ul li { font-size: 13px; line-height: 15px; color: #ccc; text-transform: none; font-weight: 400; padding: 8px 0 0 0; margin: 0 0 0 0; border: none; } footer .widget_nav_menu ul ul li a { color: #ababab; } footer .widget_nav_menu ul ul ul {margin: 0; padding: 0 0 0 0; height: auto;} footer .widget_nav_menu ul ul ul li { padding: 6px 0 0 0; margin: 0 0 0 8px; border: none; display: none; } footer .widget_nav_menu ul ul ul li:last-child { padding-bottom: 6px; } footer .widget_nav_menu ul li:before { display: none; } @media only screen and (max-width: 767px) { footer .widget_nav_menu ul {display: block!important; height: auto;} } /* hide mega menu items */ footer .menu-item-17800 { display: none;} /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Wordpress Admin Stuff */ .infinite-body a.post-edit-link { color: #c9cacc; text-decoration: underline; font-size: 12px;} /* Notes for logged-in editors */ p.editor-notes, editor-notes p {font-size: 12px; line-height: 14px; color: #c9cacc; border: none;} /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Structural */ .hide-me {display: none;} #hiddendiv {display: none;} /* What is this is a d why?*/ .fade-me {opacity: 0.2;} .clearboth { width: 100%; clear: both;} .full-width-container { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } /* Height spacers */ .spacer-taller { height: 120px; } .spacer-tall { height: 60px; } .spacer-average { height: 30px; } .spacer-short { height: 15px; } .spacer-shorter { height: 8px; } .overflow-hidden--contentwrap { overflow: hidden; } @media (max-width: 960px) { .overflow-hidden--contentwrap {overflow:visible; clear: both;} } /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Figure & Blockquote */ figure { max-width: 100%; } figure .alignnone { margin: 0; } /* Overwrite image margins */ figure.figure-left, .infinite-body blockquote.blockquote-left { float: left; margin: 0 45px 25px 0;} figure.figure-right, .infinite-body blockquote.blockquote-right { float: right; margin: 0 0 25px 45px; } figure.figure-center { clear: both; margin: 0 auto 30px auto; } figure.figure-full { width: 100%; margin-bottom: 30px;} figure.figure-threequarter, .infinite-body blockquote.blockquote-threequarter { width: 75%;} figure.figure-half, .infinite-body blockquote.blockquote-half { width: 50%;} figure.figure-third, .infinite-body blockquote.blockquote-third { width: 33%;} figure.figure-quarter, .infinite-body blockquote.blockquote-quarter { width: 25%;} figure.figure-sixth, .infinite-body blockquote.blockquote-sixth { width: 16%;} figure img { width: 100%;} figure figcaption, .gdlr-core-image-item .gdlr-core-image-item-caption { font-weight: normal!important; font-size: 14px; font-style: italic; color: #58a618; line-height: 20px; color: #858688; text-align: center; margin-right: auto; margin-left: auto;} figure figcaption blockquote { text-align: left; } /* figure.figure-right figcaption { text-align: right; } */ @media only screen and (max-width : 960px) { figure.figure-threequarter, figure.figure-half, figure.figure-third, figure.figure-quarter, figure.figure-sixth, .infinite-body blockquote.blockquote-threequarter, .infinite-body blockquote.blockquote-half, .infinite-body blockquote.blockquote-third, .infinite-body blockquote.blockquote-quarter, .infinite-body blockquote.blockquote-sixth { width: 100%;} } /* END @media only screen and (max-width : 1025px) */ .infinite-body blockquote { font-style: normal; /* max-width: 900px; */ margin-left: auto; margin-right: auto; } .infinite-body blockquote.blockquote-long p, .infinite-body blockquote.blockquote-long { font-size: 18px; line-height: 1.4; } .infinite-body blockquote.blockquote-short p, .infinite-body blockquote.blockquote-short { font-size: 34px; line-height: 1.15; } .infinite-body blockquote p, .infinite-body blockquote { font-size: 24px; font-weight: 300; line-height: 1.2; margin: 0 0 8px 0; } .infinite-body blockquote small { color: #636466; font-size: 14px; font-style: normal; display: block; line-height: 1.2; margin-top: 8px; } .infinite-body figure figcaption blockquote { margin-top: -8px; margin-bottom: 0px; } /* Blockquote in page builder page content */ .gdlr-core-pbf-wrapper.pagebuilder-blockquote { padding: 24px 0px!important; } .gdlr-core-pbf-wrapper.pagebuilder-blockquote img { padding: 12px 0 12px 12px; } .gdlr-core-pbf-wrapper.pagebuilder-blockquote, .gdlr-core-pbf-wrapper.pagebuilder-blockquote p { font-size: 22px; font-weight: 300; line-height: 1.25; margin: 0; } .gdlr-core-pbf-wrapper.pagebuilder-blockquote .bigger-font, .gdlr-core-pbf-wrapper.pagebuilder-blockquote p.bigger-font { font-size: 34px; line-height: 1; } .gdlr-core-pbf-wrapper.pagebuilder-blockquote blockquote small { color: #636466; font-size: 16px; font-style: normal; display: block; line-height: 1.3; margin-top: 12px; } .gdlr-core-pbf-wrapper.pagebuilder-blockquote blockquote { background-color: transparent; border: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Video */ .video-container { margin-top: 15px; margin-bottom: 15px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Structural */ /* Wrappers */ .gdlr-core-pbf-wrapper { padding: 120px 10px 105px 10px!important; } .nasuni-wrapper { padding: 120px 10px 60px 10px; } .nasuni-wrapper--nopadding, .nasuni-wrapper--nopadding .gdlr-core-pbf-section:first-child { padding: 0px!important; } .nasuni-wrapper--smallpadding { padding: 50px 0 40px!important; } .nasuni-wrapper--nopadding-top { padding-top: 0px!important; } .nasuni-wrapper--nopadding-bottom { padding-bottom: 0px!important; } .nasuni-wrapper--smallpadding-top { padding-top: 30px!important; } .nasuni-wrapper--smallpadding-bottom { padding-bottom: 30px!important; } .gdlr-core-pbf-wrapper:nth-child(even), .nasuni-wrapper:nth-child(even) { background-color: #e7e8ea; } /* #f8f9fb; */ .gdlr-core-pbf-wrapper--nobgcolor, .nasuni-wrapper--nobgcolor { background-color: #fff!important; } .nasuni-wrapper:first-child {padding-top: 30px;} .nasuni-wrapper--border-top { border-top: 1px solid #202022; } .nasuni-wrapper--border-bottom { border-bottom: 1px solid #202022; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Resources */ /* Resource filters */ .infinite-body .form--resourcefilters { padding: 20px; margin-bottom: 30px; width: 100%; text-align: center; background-color: #ebecee; } .form--resourcefilters--sidebar { margin: 0 30px 30px 0; width: auto; max-width: 300px; text-align: left; float: left; } .form--resourcefilters form { margin: 15px 0 0 0;} .form--resourcefilters select { background: #58a618; border: none; font-size: 14px; box-shadow: none; background-color: #f5f5f5; background-image: none; height: 50px; min-width: 170px; } .form--resourcefilters select, .form--resourcefilters input { margin: 0 8px; } .infinite-body .form--resourcefilters input[type="submit"] { margin-top: 15px; background-color: #a7a8aa;} .form--resourcefilters--sidebar select, .form--resourcefilters--sidebar input { margin: 0px 0px 8px 0; display: block;} /* resource thumb shadow */ img.nasuni-shadow, .nasuni-shadow img { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Grid Layouts */ /* Flexbox */ .flexbox-grid--container {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;} ul.flexbox-grid--container li {list-style-type: none; } .flexbox-grid--container-justifyleft { justify-content: left; align-items: left; } .flexbox-grid--container-center { justify-content: center; align-items: center; } /* ///////////////// */ /* image-grid--01 */ /* Used on Leadership, */ .infinite-body ul.image-grid--01 { margin: 30px 0 0 0;} .infinite-body ul.image-grid--01 li { list-style-type: none; flex-basis: 210px; margin: 0 8px 15px 8px; } .infinite-body ul.image-grid--01 li h3 { text-align: center; font-size: 20px; line-height: 22px; margin: 8px 0 4px 0; } .infinite-body ul.image-grid--01 li h4 { text-align: center; font-size: 14px; line-height: 16px; font-weight: 300; margin: 2px 0 4px 0; } .infinite-body ul.image-grid--hoveranimate li a img { max-width: 100%; margin: auto;} /* Hover Animation */ .infinite-body ul.image-grid--hoveranimate li a img { clear: both; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .infinite-body ul.image-grid--hoveranimate li a img:hover { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /* ///////////////// */ /* image-grid--02 */ /* Used on Resources "Additional images" */ /* Change to unique class for "additional images" */ .infinite-body ul.image-grid--02 { flex-wrap: nowrap; justify-content: left; margin: 0;} .infinite-body ul.image-grid--02 li { flex-basis: 33%; padding: 0 30px 0 0; list-style-type: none;} /* ///////////////// */ /* Specific Content Types */ .infinite-body ul.alliancepartner-grid li { margin: 0 15px 15px 15px; flex-basis: 240px; } .infinite-body ul.resellerpartner-grid { align-items: flex-start; } .infinite-body ul.resellerpartner-grid li { margin: 0 15px 15px 15px;} /* Shared */ .infinite-body ul.resource-grid li { margin: 0 30px 70px 30px; align-self: flex-start; } .infinite-body ul.support-grid, .infinite-body ul.video-grid { margin: 0 0 0 0; } .infinite-body ul.support-grid li, .infinite-body ul.video-grid li { flex-basis: 100%; /* flex-grow: 1; */} .infinite-body p.grid-meta { margin-bottom: 4px; margin-top: 0; color: #858688; line-height: 1.2;} .infinite-body p.grid-meta a, .infinite-body a p.grid-meta { color: #858688; } .infinite-body ul.support-grid li h4, .infinite-body ul.video-grid li h4 { font-size: 20px; line-height: 22px; } /* Shared - Excerpt font size */ .infinite-body ul.resource-grid li p.grid-excerpt, .infinite-body ul.customer-grid li p.grid-excerpt { font-size: 14px; line-height: 20px; margin-bottom: 4px; } .infinite-body ul.resource-grid li p.grid-excerpt a, .infinite-body ul.customer-grid li p.grid-excerpt a { text-decoration: underline; font-weight: 300; text-decoration: underline; } /* Customer Grid */ .infinite-body ul.customer-grid li { flex-basis: 300px; align-self: flex-start; text-align: center; padding: 0 15px 30px 30px; text-align: left;} .infinite-body ul.customer-grid li.featured-resource {padding-bottom: 75px;} .infinite-body ul.customer-grid li img { box-shadow: none; max-width: 200px; margin-bottom: 8px; } /* .infinite-body ul.customer-grid li h4 { display: none; } */ .infinite-body ul.customer-grid li .grid-meta { margin: 4px 0 6px 0;} /* Related Content for Customer grid */ .infinite-body ul.customer-grid li ul.customer_relatedcontent { margin: 0; padding: 0; max-width: 300px; } .infinite-body ul.customer-grid li ul.customer_relatedcontent li { margin-bottom: 10px; padding: 0; font-size: 14px; line-height: 16px;} /* Customer Grid Horizontal */ .infinite-body ul.customer-grid--horizontal li {flex-basis: 550px; margin-top: 15px;} .infinite-body ul.customer-grid--horizontal li .grid-content { margin-left: 0; overflow: hidden;} /* UPDATED */ .infinite-body ul.customer-grid--horizontal li img {float: left; width: 40%; max-width: 450px; margin-right: 12px; } /* UPDATED */ /* Featured Customer */ .infinite-body ul.customer-grid li.featured-resource { flex-basis: 900px; } .infinite-body ul.customer-grid li.featured-resource h4 { font-size: 60px; line-height: 54px; margin-top: 15px;} .infinite-body ul.customer-grid li.featured-resource img { width: 35%;} .infinite-body ul.customer-grid li.featured-resource .grid-content { margin-left: 0; overflow: hidden; } /* UPDATED */ .infinite-body ul.customer-grid li.featured-resource p.grid-excerpt { font-size: 24px; font-weight: 300; line-height: 32px; } /* .infinite-body ul.customer-grid li.featured-resource .nasuni-button a, .infinite-body ul.customer-grid li.featured-resource a.gdlr-core-button { padding: 25px 45px!important; font-size: 18px!important; font-weight: 500!important; } */ /* Resource Grid */ .infinite-body ul.resource-grid li { flex-basis: 380px; flex-grow: 2; } .infinite-body ul.resource-grid li .grid-content { margin-left: 25%; } .infinite-body ul.resource-grid li img {width: 20%; float: left; margin-right: 18px;} /* Resource Geid Sidebar - use on customer page sidebar */ .infinite-body ul.resource-grid--sidebar { margin: 20px 0 15px 0;} .infinite-body ul.resource-grid--sidebar li { margin: 0;} .infinite-body ul.resource-grid--sidebar li .grid-excerpt { display: none; } /* Support Grid */ .infinite-body ul.support-grid li { margin: 0 30px 20px 30px; align-self: flex-start; } .infinite-body ul.support-grid li .grid-content { margin-left: 0; } .infinite-body ul.support-grid li img {display: none; } /* Related Content Grid (across multiple content types) Grid */ .infinite-body ul.related-grid { margin: 24px 0 48px 0; padding: 0;} .infinite-body ul.related-grid li { /*flex-basis: 120px; flex-grow: 1; text-align: center; */ clear: both; margin: 12px 0; list-style-type: none;} .infinite-body ul.related-grid li img { float: left; width: 25%; margin-right: 24px;} .infinite-body ul.related-grid li h4 { font-size: 28px; line-height: 30px; } /* .infinite-body ul.related-grid p.grid-excerpt {display: none;} */ .infinite-body ul.related-grid li h4, .infinite-body ul.related-grid li p { overflow: hidden; } .infinite-body ul.resource-grid li img { max-height: 160px; max-width: 125px; } .infinite-body ul.resource-grid li .grid-content { margin-left: 0; margin-top: 0px; overflow: hidden;} .infinite-body ul.related-grid.icons-list { /* padding: 0; margin: 0; */ margin: 8px auto 0;} .infinite-body ul.related-grid.icons-list li h4, .infinite-body ul.related-grid.icons-list li .grid-excerpt, .infinite-body ul.related-grid.icons-list li .thumbnail {display: none;} .infinite-body ul.related-grid.icons-list li { /* background: url('http://www.nasuni.com/wp-content/uploads/2018/05/Screen-Shot-2018-05-09-at-1.28.12-PM.png') no-repeat left top; */ background-size: 30px 30px; padding: 0 0px 0 28px; /* reset styles (optional): */ list-style: none; margin: 0; } .infinite-body ul.related-grid.icons-list li .grid-meta a {font-size: 18px; color: #666; text-transform: uppercase;} .infinite-body ul.related-grid.icons-list li .grid-meta a:hover {color: #58a618;} .infinite-body ul.related-grid.icons-list li.post { background: url('/wp-content/uploads/2018/11/content-icon-post-bubble-01.png') no-repeat left top; background-size: 20px 20px; } .infinite-body ul.related-grid.icons-list li.video { background: url('/wp-content/uploads/2018/11/content-icon-video-play-01.png') no-repeat left top; background-size: 20px 20px; } .infinite-body ul.related-grid.icons-list li.event {} .infinite-body ul.related-grid.icons-list li.news { background: url('/wp-content/uploads/2018/11/content-icon-news-paper-01.png') no-repeat left top; background-size: 20px 20px; } .infinite-body ul.related-grid.icons-list li.resource { background: url('/wp-content/uploads/2018/11/content-icon-resource-pages-01.png') no-repeat left top; background-size: 20px 20px; } .infinite-body .related-grid-wrapper.icons-list--horizontal ul.related-grid.icons-list { } .infinite-body .related-grid-wrapper.icons-list--horizontal ul.related-grid.icons-list li { float: left; margin-right: 40px; clear: none;} @media only screen and (max-width: 1066px) { .form--resourcefilters--sidebar { width: 100%; max-width: 100%; clear: both; float: none; text-align: center;} .infinite-body select, .infinite-body input[type="submit"] { margin-left: auto; margin-right: auto; display: inline-block;} .infinite-body input[type="submit"] { display: block;} .infinite-body ul.resource-grid li { flex-grow: 1; margin: 0 0px 40px 0px;} .infinite-body ul.resource-grid li img { width: 10%; } .infinite-body ul.resource-grid li .grid-content { margin-left: 12.5%; } } @media only screen and (max-width: 600px) { .infinite-body ul.resource-grid {margin-left: 0;} .infinite-body ul.resource-grid li {margin: 0 0px 20px 0px;} .infinite-body ul.resource-grid li .grid-content { margin-left: 0; } .infinite-body ul.resource-grid li img { display: none; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Navigation */ /* Navigation typography */ .sf-mega-full, .sf-menu > .infinite-normal-menu ul.sub-menu {z-index: 99999!important;} .infinite-navigation .sf-menu > li > a, .infinite-navigation .sf-menu > .infinite-mega-menu .sf-mega-section-inner > a { font-weight: 500!important; font-size: 13px; letter-spacing: 0; } /* Dropdown shadows etc. */ header .sf-menu > .infinite-mega-menu > .sf-mega, header .sub-menu { box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3) !important; border-top: 1px solid #ebecee; } header .sf-menu > .infinite-mega-menu > .sf-mega .sub-menu { box-shadow: none!important; border-top: none; } .infinite-navigation .sf-menu > .infinite-mega-menu .sf-mega-section-inner .sub-menu a { line-height: 15px; } .infinite-header-wrap /* .infinite-header-style-plain */ { box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); } /* @media only screen and (max-width : 1098px) { */ /* } END @media only screen and (max-width : 1025px) */ .infinite-mobile-menu-right i.fa-search, .infinite-mobile-menu-right i.fa-bars { color: #858688; } .infinite-mobile-menu .infinite-mobile-menu-button { border-color: #fff!important; } /* Horizontal Subnav */ .infinite-body .subnav-horizontal { width: 100%; text-align: center; margin-top: 15px; margin-bottom: 15px; font-size: 14px; color: #858688; } .infinite-body .subnav-horizontal a { color: #858688; } .infinite-body .subnav-horizontal a:hover { color: #58a618; } .infinite-body .subnav-horizontal a.active { color: #58a618; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Core Typography */ /* ///////////////// */ /* Generic shared type stuff */ .infinite-body, .infinite-body p {line-height: 1.7;} .infinite-body sup { font-size: 50%; vertical-align: super; } .infinite-body .text-center, .infinite-body .text-center p, .infinite-body p.text-center {text-align: center;} .infinite-body .text-callout, .infinite-body .text-callout p, .infinite-body p.text-callout { /* Same as p:first-child for customer pages */ color: #58a618; font-size: 22px; line-height: 32px; font-weight: 300; } .infinite-body .text-callout a, .infinite-body .text-callout p a, .infinite-body p.text-callout a { color: #58a618; border-bottom: 2px solid #7ac83a; padding: 0 4px; } .infinite-body .text-callout a:hover, .infinite-body .text-callout p a:hover, .infinite-body p.text-callout a:hover { color: #fff; border-bottom: none; background-color: #58a618; } .infinite-body, .infinite-body p { line-height: 1.6; font-weight: 400; } .gdlr-core-page-builder-body .gdlr-core-text-box-item p a { text-decoration: underline;} /* Slightly bigger and slightly smaller font classes */ .infinite-body .bigger-font p, .infinite-body p.bigger-font, .infinite-body .bigger-font ul, .infinite-body ul.bigger-font { font-size: 24px; line-height: 32px; font-weight: 300; } .infinite-body .big-font p, .infinite-body p.big-font, .infinite-body .big-font ul, .infinite-body ul.big-font { font-size: 20px; line-height: 1.3; font-weight: 300; } .infinite-body .smaller-font p, .infinite-body p.smaller-font, .infinite-body .smaller-font ul, .infinite-body ul.smaller-font { font-size: 14px; line-height:22px; font-weight: 400; } /* List-like paragraphs */ .infinite-body .listlike-paragraph p, .infinite-body p.listlike-paragraph { line-height: 1.2; margin: 0 0 8px 0; } /* Strong */ .infinite-single-article strong { color: #58a618; font-weight:500; } /* Titles */ .infinite-body .page-title--posttype, .infinite-body .page-title--posttype a { font-size: 20px; line-height: 1.55; font-weight: 400; text-transform: uppercase; margin-bottom: 0px; padding-bottom: 6px; margin-top: 10px; color: #a7a8aa; } .infinite-body .page-title--posttype a:hover { color: #58a618;} .gdlr-core-title-item .gdlr-core-title-item-title {text-transform: none;} .infinite-page-title-wrap h1.infinite-page-title, .infinite-blog-title-wrap .infinite-single-article-title { font-size: 68px; line-height: 66px; text-transform: none; letter-spacing: 0; font-weight: 700; } .infinite-blog-title-wrap .infinite-single-article-title .gdlr-core-title-item .gdlr-core-title-item-title { font-weight: 300; text-transform: none; } .infinite-body .infinite-page-wrapper h1, .infinite-body.single-news h1, .infinite-body.single-career h1, .infinite-body.single-event h1, .infinite-body.single-video h1, .infinite-body.single-partner h1, .infinite-body.single-customer h1 { letter-spacing: -1px; color: #425563; font-weight: 300; line-height: 1.1; } .infinite-body h1.archive-title, .infinite-body h1.video-title, .infinite-body h1.generic-title, .infinite-body .generic-title h1 {color: #58a618; font-weight: 200; letter-spacing: 0; text-align: center; margin-bottom: 15px;} .infinite-body h1.archive-title {margin: 60px 0 30px 0; padding-left: 15px; font-size: 64px; line-height: 68px; text-transform: capitalize;} .infinite-body h1.video-title { margin: 0 0 15px ; font-size: 45px; line-height: 45px; } /* Headlines within basic wordpress content field */ .infinite-body .infinite-content-area h1, .infinite-body .infinite-content-area h2, .infinite-body .infinite-content-area h3, .infinite-body .infinite-content-area h4, .infinite-body .infinite-content-area h5, .infinite-body .infinite-content-area h6 { color:#425563; } /* .infinite-body .infinite-content-area h1 { font-size: 24px; line-height: 28px; font-weight: 300; letter-spacing: 0; } */ .infinite-body .infinite-content-area h2, .infinite-body .gdlr-core-pbf-wrapper h2 { font-size: 36px; line-height: 1.1; font-weight: 300; letter-spacing: 0; color: #636466; margin-bottom: 0.25em; } .infinite-body .infinite-content-area h3, .infinite-body .gdlr-core-pbf-wrapper h3 { font-size: 28px; line-height: 1.1; font-weight: 300; letter-spacing: 0; margin-bottom: 0.25em; } .infinite-body .infinite-content-area h4, .infinite-body .gdlr-core-pbf-wrapper h4 { font-size: 22px; line-height: 1.1; font-weight: 300; letter-spacing;: 0; color: #858688; margin-bottom: 0.25em; } .infinite-body .infinite-content-area h5, .infinite-body .gdlr-core-pbf-wrapper h5 { font-size: 18px; line-height: 1.1; font-weight: 400; letter-spacing;: 0; color: #383838; margin-bottom: 0.25em; } .infinite-body .infinite-content-area h6 { font-size: 14px; line-height: 1.1; font-weight: 400; letter-spacing;: 0; color: #383838; margin-bottom: 0.25em; } /* /* Headlines within wrappers */ .infinite-body .gdlr-core-title-item h1.gdlr-core-title-item-title, .infinite-body .nasuni-wrapper h1 { font-size: 64px; line-height: 1.1; font-weight: 200; letter-spacing: 0; margin-bottom: 0.25em; } .infinite-body .gdlr-core-title-item h2.gdlr-core-title-item-title, .infinite-body .nasuni-wrapper h2 { font-size: 56px; line-height: 1.1; font-weight: 200; letter-spacing: 0; margin-bottom: 0.25em; } .infinite-body .gdlr-core-title-item h3.gdlr-core-title-item-title, .infinite-body .nasuni-wrapper h3 { font-size: 36px; line-height: 1.1; font-weight: 300; letter-spacing: 0; margin-bottom: 0.25em; } .infinite-body .gdlr-core-title-item h4.gdlr-core-title-item-title, .infinite-body .nasuni-wrapper h4 { font-size: 28px; line-height: 1.1; font-weight: 300; letter-spacing;: 0; margin-bottom: 0.25em; } .infinite-body .gdlr-core-title-item h5.gdlr-core-title-item-title, .infinite-body .nasuni-wrapper h5 { font-size: 20px; line-height: 1.1; font-weight: 300; letter-spacing;: 0; margin-bottom: 0.25em; } .infinite-body .gdlr-core-title-item h6.gdlr-core-title-item-title, .infinite-body .nasuni-wrapper h6 {} /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Tables */ table.basic { } table.basic td, table.basic th { padding: 6px 12px; text-align: left; color:#425563;} table.basic td:first-child { text-align: left; } table.basic th { text-align: center; } .infinite-body table.basic p { line-height: 1.4; margin-bottom: 0; } .infinite-body table.basic p:last-child { margin-bottom: 0px; } table.basic tr th { background-color: #dadbdd;} table.basic img {max-width: 80%; margin-left: auto; margin-right:auto; max-height: 72px;} table.nasuni-table { font-size: 14px; line-height: 16px; border-spacing: 0; } /* table.nasuni-table strong {font-weight: 400; color: #58a618;} table.nasuni-table p.big-font {margin-bottom: 0;} */ table.nasuni-table tr td, table.nasuni-table tr th {vertical-align: middle;} table.nasuni-table tr th { color: #414244; } table.nasuni-table tr td img.table-symbol {max-width: 30px;} table.nasuni-table td:first-child { font-size: 16px; padding-right: 20px; padding-left: 20px; } table.nasuni-table td:first-child { /*text-align: right; white-space:nowrap; */ } @media only screen and (max-width: 999px) { table.nasuni-table td:first-child { white-space: normal; } } table.nasuni-table tr:first-child th { background-color: transparent; font-size: 18px; color: #636466; text-align: center; border-bottom: 1px solid #c9cacc; } table.nasuni-table tr td { text-align: left; margin: 0; padding: 15px; vertical-align: middle; color: #414244; } /* Background colors */ table.nasuni-table tr:nth-child(odd) { background-color: #e7e8ea; } table.nasuni-table tr:nth-child(even) { background-color: #f8f9fb; } table.nasuni-table tr th { background-color: #c9cacc; text-align: left; padding: 20px; } /* Vertical borders */ table.nasuni-table td, table.nasuni-table th { border-right: 1px solid #c9cacc; } /* Table without borders in columns */ table.nasuni-table--no-column-borders td, table.nasuni-table--no-column-borders th { border-right: none; } table.nasuni-table--no-column-borders td:first-child, table.nasuni-table--no-column-borders th:first-child { border-right: 1px solid #c9cacc; } /* //////// */ /* nasuni-table--comparison */ table.nasuni-table--comparison { border-collapse: collapse; width: 100%;} table.nasuni-table--comparison tr { margin: 0; padding: 0; } table.nasuni-table--comparison thead tr { } table.nasuni-table--comparison tr th { margin: 0; padding: 0; } table.nasuni-table--comparison tr th img { max-width: 120px; margin: 0 auto; padding: 20px 12px 12px 12px;} table.nasuni-table--comparison tr td { vertical-align: top; } table.nasuni-table--comparison tr td:first-child { vertical-align: middle; } /* Widths */ table.nasuni-table--comparison td {} table.nasuni-table--comparison td:first-child {} table.nasuni-table--comparison { border-collapse: collapse; width: 100%;} /* //////// */ /* nasuni-table--features-benefits */ table.nasuni-table--features-benefits { border-collapse: collapse; } table.nasuni-table--features-benefits tr { margin: 0; padding: 0; } table.nasuni-table--features-benefits thead tr { /* display: none; */ } table.nasuni-table--features-benefits tr:nth-child(even), table.nasuni-table--features-benefits tr:nth-child(odd) { background-color:rgba(0, 0, 0, 0.0); } table.nasuni-table--features-benefits thead tr th, table.nasuni-table--features-benefits tr td { vertical-align: middle; text-align: left; } table.nasuni-table--features-benefits thead tr th { margin: 0; padding: 0 0 8px 0; font-weight: 300; text-align: left; background-color:rgba(0, 0, 0, 0.0); color: #203341;} table.nasuni-table--features-benefits thead tr th:first-child {text-align: right; padding-right: 30px;} table.nasuni-table--features-benefits tr td { margin: 0; padding: 12px 30px 12px 0; color: #414244; border-top: 1px solid #c9cacc; vertical-align: middle;} table.nasuni-table--features-benefits td:first-child { color: #58a618;} table.nasuni-table--features-benefits tr th img { max-height: 70px; width: auto; margin: 0 auto; padding: 12px 0px;} table.nasuni-table--features-benefits tr td img.table-symbol {max-width: 30px; margin: 0 auto;} /* Widths */ table.nasuni-table--features-benefits tr td {} table.nasuni-table--features-benefits tr td:first-child { width: 30%; text-align: right; font-size: 20px; line-height: 24px; font-weight: 300; vertical-align: middle;} table.nasuni-table--features-benefits p { margin: 0 0 12px 0;} table.nasuni-table--features-benefits p:last-child { margin-bottom: 0;} table.nasuni-table--features-benefits p.big-font { margin: 4px 0 4px 0;} table.nasuni-table--features-benefits p.small-font { margin: 4px 0 4px 0;} table.nasuni-table--features-benefits.no-header-column tr td:first-child { width: auto; text-align: left; } /* ///////////////// */ /* Content Color */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////// */ /* Title Caption */ .gdlr-core-title-item .gdlr-core-title-item-caption { font-style: normal; font-size: 20px; margin-top: 0; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Special Lists */ /* Paragraphy List */ .infinite-body ul.paragraphy-list { margin: 0;} .infinite-body ul.paragraphy-list li { list-style-type: none; margin: 0 0 28px 0; } .infinite-body ul.paragraphy-list li h3 { font-size: 20px; line-height: 22px; margin: 8px 0 4px 0; } .infinite-body ul.paragraphy-list li h4 { font-size: 14px; line-height: 16px; font-weight: 300; } /* Checkmark list */ /* Sizing currently set for "bigger-font" lists */ .infinite-body ul.checkmark-list { margin-left: 0;} .infinite-body ul.checkmark-list li{ list-style: none; list-style-position: outside; position:relative; padding-left: 46px; margin-bottom: 12px; } .infinite-body ul.checkmark-list li:before{ content: ''; display: inline-block; height: 34px; width: 34px; background-image: url('https://www.nasuni.com/wp-content/uploads/2017/06/check-green.png'); background-size: 34px; background-repeat: no-repeat; position:absolute; top:0; left:0; } .infinite-body ul.checkmark-list--orange li:before{background-image: url('http://www.nasuni.com/wp-content/uploads/2018/11/check-orange.png'); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Spcific Pages */ /* ///////////////// */ /* Product FAQ */ body.page-id-10146 {} body.page-id-10146 {} .faq--toc h3 { margin-top: 15px;} .faq--toc ol, .faq--toc ul { padding: 0; margin: 8px 15px 0 22px;} .faq--toc ol li, .faq--toc ul li { font-size 12px; line-height: 1.2; margin: 6px 0 12px 0; padding: 0; } .infinite-body .faq--answers h3 { margin-bottom: 15px; } .infinite-body .faq--answers h4 { margin-top: 30px; font-size: 24px; line-height: 28px;} /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Core Typography Specific Infinite Module Blocks */ /* ///////////////// */ /* "Services" with icons */ .infinite-body .gdlr-core-column-service-item .gdlr-core-column-service-title { line-height: 1.2; } .infinite-body .gdlr-core-column-service-item p { line-height: 1.5; margin-bottom: 0; } .gdlr-core-column-service-item .gdlr-core-column-service-read-more, .gdlr-core-column-service-item .gdlr-core-column-service-read-more a { font-size: 14px; display: inline-block; text-decoration: underline; font-style: normal;; } /* ///////////////// */ /* Buttons */ .nasuni-button {} .nasuni-button a, a.nasuni-button, .gdlr-core-button a, a.gdlr-core-button { border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; background: #425563!important; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); margin: 15px 10px 10px 10px!important; font-size: 13px!important; font-weight: bold!important; text-transform: uppercase!important; letter-spacing: 0.8px!important; padding: 15px 33px!important; display: inline-block!important; } .nasuni-button.a:hover, a.nasuni-button:hover, .gdlr-core-button.a:hover, a.gdlr-core-button:hover { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); background: #58a618!important; } .gdlr-core-left-align a.gdlr-core-button:first-child, .gdlr-core-left-align a.gdlr-core-button:first-child { margin-left: 0!important;} .gdlr-core-left-align {padding-left: 0!important;} /* Alternate Color Buttons */ .nasuni-button.nasuni-button--orange a, a.nasuni-button.nasuni-button--orange, .gdlr-core-button.nasuni-button--orange a, a.gdlr-core-button.nasuni-button--orange { background: #83266C!important; border-radius:25px!important; z-index: 999!important} .nasuni-button.nasuni-button--red a, a.nasuni-button.nasuni-button--red, .gdlr-core-button.nasuni-button--red a, a.gdlr-core-button.nasuni-button--red { background: #e10019!important; } .nasuni-button.nasuni-button--black a, a.nasuni-button.nasuni-button--black, .gdlr-core-button.nasuni-button--black a, a.gdlr-core-button.nasuni-button--black { background: #000000!important; } .nasuni-button.nasuni-button--darkblue a, a.nasuni-button.nasuni-button--darkblue, .gdlr-core-button.nasuni-button--darkblue a, a.gdlr-core-button.nasuni-button--darkblue { background: #203341!important; } .nasuni-button.nasuni-button--small a, a.nasuni-button.nasuni-button--small { font-size: 12px!important; padding: 6px 14px 4px 14px!important; margin: 0px 5px 4px 5px!important; } .nasuni-button.nasuni-button--80-wide a, a.nasuni-button.nasuni-button--80-wide { width: 80%;} /*Product Edition Buttons*/ .nasuni-button.nasuni-button--edition a, a.nasuni-button.nasuni-button--edition, .gdlr-core-button.nasuni-button--edition a, a.gdlr-core-button.nasuni-button--edition { background: #83266C!important; border-radius:25px!important; } /* Custom Post Type Archives Cleanup */ .gdlr-core-blog-item-holder { max-width: 800px; margin: 0 auto; } .gdlr-core-blog-item-holder .gdlr-core-item-list { margin-bottom: 30px; padding-top: 30px; border-top: 1px solid #ccc;} body.page-id-9774 .gdlr-core-container .gdlr-core-blog-item-holder .gdlr-core-item-list { border-top: none; } /* .gdlr-core-blog-item-holder .gdlr-core-blog-left-thumbnail .gdlr-core-blog-thumbnail-wrap { max-width: 150px; } */ .gdlr-core-blog-item-holder .gdlr-core-item-list .gdlr-core-blog-date-wrapper { opacity: 0; } .gdlr-core-blog-item-holder .gdlr-core-item-list h3 { font-size: 36px; line-height: 36px; font-weight: 300; } .gdlr-core-blog-item-holder .gdlr-core-item-list .gdlr-core-blog-title a { color: #000; } .gdlr-core-blog-item-holder .gdlr-core-item-list .gdlr-core-blog-title a:hover { color: #58a618; } /* Get rid of hover animation */ .gdlr-core-blog-item-holder .gdlr-core-item-list .gdlr-core-zoom-on-hover:hover img { -webkit-transform: scale(1); transform: scale(1); } .gdlr-core-blog-item-holder .gdlr-core-item-list .gdlr-core-opacity-on-hover:hover img { opacity: 1; } .gdlr-core-blog-item-holder .gdlr-core-item-list .gdlr-core-opacity-on-hover { background: none; } /* Solutions Menu on Solutions Home Page */ .solutions-menu ul { margin: 0; padding: 0;} .solutions-menu ul li { margin: 12px 0 0 0; padding: 0; list-style-type: none;} /* Hide all the menus */ .solutions-menu > div.menu-main-navigation-container > ul > li { display: none; } /* Show only "Solutions" */ .solutions-menu > div.menu-main-navigation-container > ul > li.menu-item-43 { display: block; } /* But hide the top level "Solutions" link */ .solutions-menu > div.menu-main-navigation-container > ul > li.menu-item-43 > a {display: none;} /* Disable the solutions categories links, lay them out! */ .solutions-menu > div.menu-main-navigation-container > ul > li.menu-item-43 > ul > li > a { pointer-events: none; font-size: 22px; line-height: 24px; color: #858688; } .solutions-menu > div.menu-main-navigation-container > ul > li.menu-item-43 > ul > li { display: inline-block; width: 100%; vertical-align: top;} .solutions-menu .sub-menu {margin-bottom: 36px;} .solutions-menu .sub-menu li {font-size: 18px; line-height: 1.2;} /* Version II */ .solutions-grid { display: flex; flex-flow: row wrap; justify-content: none;} .solutions-grid--block {margin: 0.5%; padding: 28px; border: 2px solid #ebecee; flex-basis: 32%; } .solutions-grid--block p, .solutions-grid--block a p { margin:0; text-decoration: none; color:#425563; line-height: 1.3;} .solutions-grid--block img, .solutions-grid--block a img { border:0; max-width: 90px; float: left; margin-right: 18px;} .solutions-grid--block u, .solutions-grid--block a u { color:#58a618; margin-top: 4px;} @media (max-width: 960px) { .solutions-grid--block {flex-basis: 100%; } } /* ///////////////////////////////////////////// */ /* Calculator 2018 */ form.calculator-2018 {} form.calculator-2018 table { text-align: left;} form.calculator-2018 table tr { background-color: transparent;} form.calculator-2018 table tr td { padding: 6px 6px 6px 0px; } form.calculator-2018 label { font-size: 30px; color: #425563; vertical-align: middle; font-weight: 300;} form.calculator-2018 input {} form.calculator-2018 select, form.calculator-2018 button, form.calculator-2018 input { border: 1px solid #ccc; font-size: 36px; font-weight: 300; height: 58px; width: 100%; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #ebecee; color: #fff; text-align: center; } form.calculator-2018 button.calculator-2018--calculate { width: 75%; cursor: pointer; background-color: #58a618; font-size: 24px; } form.calculator-2018 input { width: 100%; padding: 4px 8px 4px 8px; background-color: #ebecee; color: #425563; text-align: center;}; .calculator-2018--output { font-size: 18px; } .calculator-2018--output .numbers { line-height:1em; } .calculator-2018--output .numbers.primary { color: #58a618; font-size: 86px; letter-spacing: -0.05em; font-weight: 200; } .calculator-2018--output .numbers.secondary {color: #425563; font-size: 24px; } #PicExtPrice {display: none;} /* ///////////////////////////////////////////// */ /* Responsive Fixes */ @media only screen and (max-width: 767px) { .hide-from-mobile { display: none;} } @media only screen and (max-width: 999px) { .infinite-top-bar { display: block; } .infinite-top-bar-left { display: none; } .infinite-top-bar-right { float: none; width: 100%; text-align: center; } .infinite-mobile-header { background-color:#ebecee!important;} .infinite-mobile-menu .infinite-mobile-menu-button { border-color:#ebecee!important;} } /* ///////////////////////////////////////////// */ /* Print */ @media print { .infinite-header-wrap, #wpadminbar, .footer-ctas, footer, .hanger-wrapper, .infinite-top-bar, #infinite-top-anchor, .video-container, #pdfcasestudylink, #casestudysolutionresource, #comments { display: none; } @page { size: auto; margin: 0.5in; } h2, h3 { page-break-after: avoid; } ul, img, p, blockquote, figure { page-break-inside: avoid; } /* Blog */ /* .infinite-blog-title-wrap { background-color: #58a618; } */ .infinite-blog-title-wrap .text-white, .infinite-body .infinite-blog-title-wrap h1.infinite-single-article-title, .infinite-blog-title-wrap .infinite-blog-info-wrapper, .infinite-blog-title-wrap .infinite-blog-info-wrapper a, .infinite-blog-title-wrap .infinite-blog-info-wrapper a:hover, .infinite-blog-title-wrap .infinite-blog-info-wrapper i { color: #58a618!important; } .infinite-page-title-wrap h1.infinite-page-title, .infinite-blog-title-wrap .infinite-single-article-title { font-size: 34px; } .page-title--posttype { font-size: 10px;} .infinite-blog-title-wrap.infinite-style-small .infinite-blog-title-content {padding: 15px 0;} /* Video spacing in blog posts */ .single-post .gdlr-core-fluid-video-wrapper { margin: 16px 0;} /* AEC Button for Chicago Conference div.aec-button .gdlr-core-button.gdlr-core-button-gradient.gdlr-core-button-no-border { background: #425563!important; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); margin: 10px 10px 10px 10px!important; font-size: 13px!important; font-weight: bold!important; text-transform: uppercase!important; letter-spacing: 0.8px!important; padding: 10px 23px!important; display: inline-block!important; border-radius: 15px!important; }*/ /*First Pass at valign for Edition Buttons*/ .valign { display: table!important; width: 100%; height: 100%; } .valign > div { display: table-cell!important; width: 100%; height: 100%; } .valign.bottom > div { vertical-align: bottom; } .button-height { min-height: 800px!important; } /*Blog Blockquote for Event Highlights*/ .infinite-body .blockquote-blog { background: #F5F5F5!important; border-top: 3px #58a618 solid!important; font-family: "Roboto"!important; padding:15px!important; }