@charset "UTF-8"; /* Theme Name: SPS Commerce 2016 Version: 3.0.0 Description: Customized Divi child theme for SPS Commerce Template: Divi Author: Decimis Incorporated Author URI: https://decimis.com/ */ /* Load Fonts */ @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro); /* Core Styling */ /* SCSS File: 001-body Version: 1.0.0 Description: Body wrapper styles */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "000-core" SCSS files */ /* Core Variables */ /* Element Overrides */ .hidden { display: none !important; } .bw { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } @media only screen and (max-width: 479px) { .mobile-hide img { display: none; } } @media only screen and (min-width: 768px) and (max-width: 980px) { .mobile-hide img { display: none; } } @media only screen and (max-width: 768px) { .hide-row { display: none; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .mobile-hide img { display: none; } } /* Body */ body { background-color: #1F282C; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; color: #1F282C; font-size: 1.25em; font-weight: 400; display: block; margin-top: 0; line-height: 1.75em; text-rendering: optimizeLegibility; overflow-y: scroll; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; } #et-main-area { position: relative; background-color: #FFFFFF; clear: both; } #main-content { background-color: #FFFFFF; } #page-container { overflow: hidden; margin-top: 0 !important; padding-top: 0 !important; } #page-container.monarch-push-down { margin-top: 64px !important; } @media (max-width: 981px) { .et_pb_row { padding: 10px 0 20px; } } .et_pb_blurb_content { max-width: 630px; } .ten-columns, .nine-columns { text-align: center; } .ten-columns .et_pb_module, .nine-columns .et_pb_module { width: 33.333%; float: left; padding: 0 4% 15px; } .eight-columns, .seven-columns, .six-columns, .five-columns { text-align: center; } .eight-columns .et_pb_module, .seven-columns .et_pb_module, .six-columns .et_pb_module, .five-columns .et_pb_module { width: 50%; float: left; padding: 0 4% 15px; } @media (max-width: 981px) { .custom-mobile-order { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; /* Safari 6.1+ */ flex-wrap: wrap; } .custom-mobile-order .mobile-first { -webkit-order: 1; order: 1; margin-bottom: 20px !important; } .custom-mobile-order .mobile-last { -webkit-order: 10; order: 10; } } @media (min-width: 641px) { .ten-columns .et_pb_module, .nine-columns .et_pb_module { width: 20%; } .eight-columns .et_pb_module, .seven-columns .et_pb_module { width: 25%; } .six-columns .et_pb_module, .five-columns .et_pb_module { width: 33.333%; } } @media (min-width: 1081px) { .ten-columns .et_pb_module { width: 10%; padding: 0 2%; } .nine-columns .et_pb_module { width: 11.11%; padding: 0 2%; } .eight-columns .et_pb_module { width: 12.5%; padding: 0 2%; } .seven-columns .et_pb_module { width: 14.28%; padding: 0 2%; } } @media (min-width: 981px) { .six-columns .et_pb_module { width: 16.66%; padding: 0 2%; } .five-columns .et_pb_module { width: 20%; padding: 0 2%; } } /* SCSS File: 002-typography Version: 1.0.0 Description: Basic site-wide typography */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "000-core" SCSS files */ /* Core Variables */ /* Typography */ body, input, textarea, select, h1, h2, h3, h4, h5, h6 { font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; font-size: 100%; } h1 { color: #1F282C; font-size: 3em !important; font-weight: 700 !important; letter-spacing: -.025em !important; margin: 0.67em 0 !important; padding: 0 !important; } h1.display { font-size: 3.5em !important; font-weight: 700 !important; letter-spacing: -.025em !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important; margin: 0.4em 0 !important; } h2 { letter-spacing: -.025em !important; font-weight: 600 !important; font-size: 2.25em !important; margin-bottom: .3125em !important; margin-top: 1em !important; padding: 0 !important; } h3 { font-size: 2em !important; letter-spacing: -.025em !important; font-weight: 300 !important; padding: 0 !important; margin: 0.7em 0 !important; line-height: 1.18em; } h4 { font-size: 1.4em !important; letter-spacing: -.025em !important; font-weight: 700 !important; margin: 1.3em 0 0.5em !important; line-height: 1.2em; padding: 0 !important; text-transform: none; } h5 { font-weight: 600 !important; font-size: 0.875em !important; color: #606A6E !important; text-transform: uppercase; } a { text-decoration: none; transition: all 0.25s ease; } h3 a, h4 a, h5 a, h6 a { color: #0097cc; font-weight: 600; } p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-size: 18px; line-height: 1.4em; font-weight: 400; -webkit-margin-before: 0em; } p.lead { letter-spacing: -.015em; font-weight: 400 !important; font-size: 1.25em !important; line-height: 1.75em !important; } #main-content ul { padding-left: 20px; } #main-content ul, #main-content li { font-size: 18px !important; font-weight: 400; line-height: 1.75em; } .list-indent ol, .list-indent ul { padding-left: 15px; } .list-indent ol li, .list-indent ul li { margin-bottom: 15px; line-height: 1.3 !important; } ul.bulleted { list-style: disc; padding-left: 20px; } ol.bulleted { list-style: bullets; padding-left: 20px; } .clearfix { clear: both; } .shadow { box-shadow: 0 0 3px rgba(23, 23, 23, 0.5); } button, .button, input[type="submit"], input[type="button"], #submit { color: #FFFFFF !important; background-color: #00AAE5; display: inline-block; cursor: pointer; padding: 6px 20px; line-height: 1.7em; text-transform: uppercase; border: 0; font-weight: 500; position: relative; font-size: 16px; border-radius: 3px; } sup { bottom: 0.5em; font-size: 0.7em; } .et_pb_text ul { list-style-type: disc; } /* Overrides */ .nopadding h1, .nopadding h2, .nopadding h3, .nopadding h4, .nopadding h5, .nopadding h6, .nopadding p { padding: 0; } .nomargin-top h1, .nomargin-top h2, .nomargin-top h3, .nomargin-top h4, .nomargin-top h5, .nomargin-top h6, .nomargin-top p { margin-top: 0 !important; } .nomargin-bottom h1, .nomargin-bottom h2, .nomargin-bottom h3, .nomargin-bottom h4, .nomargin-bottom h5, .nomargin-bottom h6, .nomargin-bottom p { margin-bottom: 0 !important; } /* SCSS File: 003-animations Version: 1.0.0 Description: Basic site-wide animations */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "000-core" SCSS files */ /* Core Variables */ /* Animations */ .animate, .animated { -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .animate-fast, .animated-fast { -o-transition: 0.25s; -ms-transition: 0.25s; -moz-transition: 0.25s; -webkit-transition: 0.25s; transition: 0.25s; } .animate-slow, .animated-slow { -o-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; transition: 1s; } /* SCSS File: 040-buttons Version: 1.0.0 Description: Monarch button styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "000-core" SCSS files */ /* Core Variables */ .orange-button { background-color: #FA6423; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; cursor: pointer; color: #FFFFFF; font-size: 1rem; padding: .5rem 2rem; font-weight: bold; text-decoration: none; } .orange-button:hover { background-color: #FF9632; } .orange-button:active { position: relative; top: 1px; } .medium-orange-button { background-color: #FF9632; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; padding: .5rem 2rem; cursor: pointer; color: #FFFFFF !important; font-size: 1rem; font-weight: bold; text-decoration: none; } .medium-orange-button:hover { background-color: #FA6423; } .medium-orange-button:active { position: relative; top: 1px; } .form-orange-button { background-color: #FF9632; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; width: 100%; padding: .5rem 2rem; cursor: pointer; color: #FFFFFF; font-size: 1.5em; font-weight: bold; text-decoration: none; margin-top: 10px !important; } .form-orange-button:hover { background-color: #FA6423; } .form-orange-button:active { position: relative; top: 1px; } /* Monarch Button Styling */ body .monarch-hero, body .monarch-section, body .monarch-midpage-splash, body .monarch-flow, body .monarch-lead-gen, body #et-boc .monarch-hero, body #et-boc .monarch-section, body #et-boc .monarch-midpage-splash, body #et-boc .monarch-flow, body #et-boc .monarch-lead-gen, body.et-db #et-boc .monarch-hero, body.et-db #et-boc .monarch-section, body.et-db #et-boc .monarch-midpage-splash, body.et-db #et-boc .monarch-flow, body.et-db #et-boc .monarch-lead-gen, body.et-db #et-boc .et-l .monarch-hero, body.et-db #et-boc .et-l .monarch-section, body.et-db #et-boc .et-l .monarch-midpage-splash, body.et-db #et-boc .et-l .monarch-flow, body.et-db #et-boc .et-l .monarch-lead-gen { /* Brand blue (standard) */ /* Ghost */ } body .monarch-hero .et_pb_button, body .monarch-hero .monarch-button, body .monarch-hero input[type=submit], body .monarch-section .et_pb_button, body .monarch-section .monarch-button, body .monarch-section input[type=submit], body .monarch-midpage-splash .et_pb_button, body .monarch-midpage-splash .monarch-button, body .monarch-midpage-splash input[type=submit], body .monarch-flow .et_pb_button, body .monarch-flow .monarch-button, body .monarch-flow input[type=submit], body .monarch-lead-gen .et_pb_button, body .monarch-lead-gen .monarch-button, body .monarch-lead-gen input[type=submit], body #et-boc .monarch-hero .et_pb_button, body #et-boc .monarch-hero .monarch-button, body #et-boc .monarch-hero input[type=submit], body #et-boc .monarch-section .et_pb_button, body #et-boc .monarch-section .monarch-button, body #et-boc .monarch-section input[type=submit], body #et-boc .monarch-midpage-splash .et_pb_button, body #et-boc .monarch-midpage-splash .monarch-button, body #et-boc .monarch-midpage-splash input[type=submit], body #et-boc .monarch-flow .et_pb_button, body #et-boc .monarch-flow .monarch-button, body #et-boc .monarch-flow input[type=submit], body #et-boc .monarch-lead-gen .et_pb_button, body #et-boc .monarch-lead-gen .monarch-button, body #et-boc .monarch-lead-gen input[type=submit], body.et-db #et-boc .monarch-hero .et_pb_button, body.et-db #et-boc .monarch-hero .monarch-button, body.et-db #et-boc .monarch-hero input[type=submit], body.et-db #et-boc .monarch-section .et_pb_button, body.et-db #et-boc .monarch-section .monarch-button, body.et-db #et-boc .monarch-section input[type=submit], body.et-db #et-boc .monarch-midpage-splash .et_pb_button, body.et-db #et-boc .monarch-midpage-splash .monarch-button, body.et-db #et-boc .monarch-midpage-splash input[type=submit], body.et-db #et-boc .monarch-flow .et_pb_button, body.et-db #et-boc .monarch-flow .monarch-button, body.et-db #et-boc .monarch-flow input[type=submit], body.et-db #et-boc .monarch-lead-gen .et_pb_button, body.et-db #et-boc .monarch-lead-gen .monarch-button, body.et-db #et-boc .monarch-lead-gen input[type=submit], body.et-db #et-boc .et-l .monarch-hero .et_pb_button, body.et-db #et-boc .et-l .monarch-hero .monarch-button, body.et-db #et-boc .et-l .monarch-hero input[type=submit], body.et-db #et-boc .et-l .monarch-section .et_pb_button, body.et-db #et-boc .et-l .monarch-section .monarch-button, body.et-db #et-boc .et-l .monarch-section input[type=submit], body.et-db #et-boc .et-l .monarch-midpage-splash .et_pb_button, body.et-db #et-boc .et-l .monarch-midpage-splash .monarch-button, body.et-db #et-boc .et-l .monarch-midpage-splash input[type=submit], body.et-db #et-boc .et-l .monarch-flow .et_pb_button, body.et-db #et-boc .et-l .monarch-flow .monarch-button, body.et-db #et-boc .et-l .monarch-flow input[type=submit], body.et-db #et-boc .et-l .monarch-lead-gen .et_pb_button, body.et-db #et-boc .et-l .monarch-lead-gen .monarch-button, body.et-db #et-boc .et-l .monarch-lead-gen input[type=submit] { display: inline-block; border-radius: 2px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05); border: solid 1px #00AAE5; background-color: #00AAE5; text-transform: none; padding: 20px 44px !important; width: auto; height: auto; min-width: 224px; text-align: center; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal !important; letter-spacing: normal; color: #FFFFFF; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; color: rgba(255, 255, 255, 0.9); } body .monarch-hero .et_pb_button:hover, body .monarch-hero .monarch-button:hover, body .monarch-hero input[type=submit]:hover, body .monarch-section .et_pb_button:hover, body .monarch-section .monarch-button:hover, body .monarch-section input[type=submit]:hover, body .monarch-midpage-splash .et_pb_button:hover, body .monarch-midpage-splash .monarch-button:hover, body .monarch-midpage-splash input[type=submit]:hover, body .monarch-flow .et_pb_button:hover, body .monarch-flow .monarch-button:hover, body .monarch-flow input[type=submit]:hover, body .monarch-lead-gen .et_pb_button:hover, body .monarch-lead-gen .monarch-button:hover, body .monarch-lead-gen input[type=submit]:hover, body #et-boc .monarch-hero .et_pb_button:hover, body #et-boc .monarch-hero .monarch-button:hover, body #et-boc .monarch-hero input[type=submit]:hover, body #et-boc .monarch-section .et_pb_button:hover, body #et-boc .monarch-section .monarch-button:hover, body #et-boc .monarch-section input[type=submit]:hover, body #et-boc .monarch-midpage-splash .et_pb_button:hover, body #et-boc .monarch-midpage-splash .monarch-button:hover, body #et-boc .monarch-midpage-splash input[type=submit]:hover, body #et-boc .monarch-flow .et_pb_button:hover, body #et-boc .monarch-flow .monarch-button:hover, body #et-boc .monarch-flow input[type=submit]:hover, body #et-boc .monarch-lead-gen .et_pb_button:hover, body #et-boc .monarch-lead-gen .monarch-button:hover, body #et-boc .monarch-lead-gen input[type=submit]:hover, body.et-db #et-boc .monarch-hero .et_pb_button:hover, body.et-db #et-boc .monarch-hero .monarch-button:hover, body.et-db #et-boc .monarch-hero input[type=submit]:hover, body.et-db #et-boc .monarch-section .et_pb_button:hover, body.et-db #et-boc .monarch-section .monarch-button:hover, body.et-db #et-boc .monarch-section input[type=submit]:hover, body.et-db #et-boc .monarch-midpage-splash .et_pb_button:hover, body.et-db #et-boc .monarch-midpage-splash .monarch-button:hover, body.et-db #et-boc .monarch-midpage-splash input[type=submit]:hover, body.et-db #et-boc .monarch-flow .et_pb_button:hover, body.et-db #et-boc .monarch-flow .monarch-button:hover, body.et-db #et-boc .monarch-flow input[type=submit]:hover, body.et-db #et-boc .monarch-lead-gen .et_pb_button:hover, body.et-db #et-boc .monarch-lead-gen .monarch-button:hover, body.et-db #et-boc .monarch-lead-gen input[type=submit]:hover, body.et-db #et-boc .et-l .monarch-hero .et_pb_button:hover, body.et-db #et-boc .et-l .monarch-hero .monarch-button:hover, body.et-db #et-boc .et-l .monarch-hero input[type=submit]:hover, body.et-db #et-boc .et-l .monarch-section .et_pb_button:hover, body.et-db #et-boc .et-l .monarch-section .monarch-button:hover, body.et-db #et-boc .et-l .monarch-section input[type=submit]:hover, body.et-db #et-boc .et-l .monarch-midpage-splash .et_pb_button:hover, body.et-db #et-boc .et-l .monarch-midpage-splash .monarch-button:hover, body.et-db #et-boc .et-l .monarch-midpage-splash input[type=submit]:hover, body.et-db #et-boc .et-l .monarch-flow .et_pb_button:hover, body.et-db #et-boc .et-l .monarch-flow .monarch-button:hover, body.et-db #et-boc .et-l .monarch-flow input[type=submit]:hover, body.et-db #et-boc .et-l .monarch-lead-gen .et_pb_button:hover, body.et-db #et-boc .et-l .monarch-lead-gen .monarch-button:hover, body.et-db #et-boc .et-l .monarch-lead-gen input[type=submit]:hover { background-color: #0079A5 !important; border-color: #0079A5 !important; padding: 20px 44px !important; } body .monarch-hero .ghost .et_pb_button, body .monarch-hero .ghost .monarch-button, body .monarch-hero .ghost input[type=submit], body .monarch-hero .et_pb_button.ghost, body .monarch-hero .monarch-button.ghost, body .monarch-hero input[type=submit].ghost, body .monarch-section .ghost .et_pb_button, body .monarch-section .ghost .monarch-button, body .monarch-section .ghost input[type=submit], body .monarch-section .et_pb_button.ghost, body .monarch-section .monarch-button.ghost, body .monarch-section input[type=submit].ghost, body .monarch-midpage-splash .ghost .et_pb_button, body .monarch-midpage-splash .ghost .monarch-button, body .monarch-midpage-splash .ghost input[type=submit], body .monarch-midpage-splash .et_pb_button.ghost, body .monarch-midpage-splash .monarch-button.ghost, body .monarch-midpage-splash input[type=submit].ghost, body .monarch-flow .ghost .et_pb_button, body .monarch-flow .ghost .monarch-button, body .monarch-flow .ghost input[type=submit], body .monarch-flow .et_pb_button.ghost, body .monarch-flow .monarch-button.ghost, body .monarch-flow input[type=submit].ghost, body .monarch-lead-gen .ghost .et_pb_button, body .monarch-lead-gen .ghost .monarch-button, body .monarch-lead-gen .ghost input[type=submit], body .monarch-lead-gen .et_pb_button.ghost, body .monarch-lead-gen .monarch-button.ghost, body .monarch-lead-gen input[type=submit].ghost, body #et-boc .monarch-hero .ghost .et_pb_button, body #et-boc .monarch-hero .ghost .monarch-button, body #et-boc .monarch-hero .ghost input[type=submit], body #et-boc .monarch-hero .et_pb_button.ghost, body #et-boc .monarch-hero .monarch-button.ghost, body #et-boc .monarch-hero input[type=submit].ghost, body #et-boc .monarch-section .ghost .et_pb_button, body #et-boc .monarch-section .ghost .monarch-button, body #et-boc .monarch-section .ghost input[type=submit], body #et-boc .monarch-section .et_pb_button.ghost, body #et-boc .monarch-section .monarch-button.ghost, body #et-boc .monarch-section input[type=submit].ghost, body #et-boc .monarch-midpage-splash .ghost .et_pb_button, body #et-boc .monarch-midpage-splash .ghost .monarch-button, body #et-boc .monarch-midpage-splash .ghost input[type=submit], body #et-boc .monarch-midpage-splash .et_pb_button.ghost, body #et-boc .monarch-midpage-splash .monarch-button.ghost, body #et-boc .monarch-midpage-splash input[type=submit].ghost, body #et-boc .monarch-flow .ghost .et_pb_button, body #et-boc .monarch-flow .ghost .monarch-button, body #et-boc .monarch-flow .ghost input[type=submit], body #et-boc .monarch-flow .et_pb_button.ghost, body #et-boc .monarch-flow .monarch-button.ghost, body #et-boc .monarch-flow input[type=submit].ghost, body #et-boc .monarch-lead-gen .ghost .et_pb_button, body #et-boc .monarch-lead-gen .ghost .monarch-button, body #et-boc .monarch-lead-gen .ghost input[type=submit], body #et-boc .monarch-lead-gen .et_pb_button.ghost, body #et-boc .monarch-lead-gen .monarch-button.ghost, body #et-boc .monarch-lead-gen input[type=submit].ghost, body.et-db #et-boc .monarch-hero .ghost .et_pb_button, body.et-db #et-boc .monarch-hero .ghost .monarch-button, body.et-db #et-boc .monarch-hero .ghost input[type=submit], body.et-db #et-boc .monarch-hero .et_pb_button.ghost, body.et-db #et-boc .monarch-hero .monarch-button.ghost, body.et-db #et-boc .monarch-hero input[type=submit].ghost, body.et-db #et-boc .monarch-section .ghost .et_pb_button, body.et-db #et-boc .monarch-section .ghost .monarch-button, body.et-db #et-boc .monarch-section .ghost input[type=submit], body.et-db #et-boc .monarch-section .et_pb_button.ghost, body.et-db #et-boc .monarch-section .monarch-button.ghost, body.et-db #et-boc .monarch-section input[type=submit].ghost, body.et-db #et-boc .monarch-midpage-splash .ghost .et_pb_button, body.et-db #et-boc .monarch-midpage-splash .ghost .monarch-button, body.et-db #et-boc .monarch-midpage-splash .ghost input[type=submit], body.et-db #et-boc .monarch-midpage-splash .et_pb_button.ghost, body.et-db #et-boc .monarch-midpage-splash .monarch-button.ghost, body.et-db #et-boc .monarch-midpage-splash input[type=submit].ghost, body.et-db #et-boc .monarch-flow .ghost .et_pb_button, body.et-db #et-boc .monarch-flow .ghost .monarch-button, body.et-db #et-boc .monarch-flow .ghost input[type=submit], body.et-db #et-boc .monarch-flow .et_pb_button.ghost, body.et-db #et-boc .monarch-flow .monarch-button.ghost, body.et-db #et-boc .monarch-flow input[type=submit].ghost, body.et-db #et-boc .monarch-lead-gen .ghost .et_pb_button, body.et-db #et-boc .monarch-lead-gen .ghost .monarch-button, body.et-db #et-boc .monarch-lead-gen .ghost input[type=submit], body.et-db #et-boc .monarch-lead-gen .et_pb_button.ghost, body.et-db #et-boc .monarch-lead-gen .monarch-button.ghost, body.et-db #et-boc .monarch-lead-gen input[type=submit].ghost, body.et-db #et-boc .et-l .monarch-hero .ghost .et_pb_button, body.et-db #et-boc .et-l .monarch-hero .ghost .monarch-button, body.et-db #et-boc .et-l .monarch-hero .ghost input[type=submit], body.et-db #et-boc .et-l .monarch-hero .et_pb_button.ghost, body.et-db #et-boc .et-l .monarch-hero .monarch-button.ghost, body.et-db #et-boc .et-l .monarch-hero input[type=submit].ghost, body.et-db #et-boc .et-l .monarch-section .ghost .et_pb_button, body.et-db #et-boc .et-l .monarch-section .ghost .monarch-button, body.et-db #et-boc .et-l .monarch-section .ghost input[type=submit], body.et-db #et-boc .et-l .monarch-section .et_pb_button.ghost, body.et-db #et-boc .et-l .monarch-section .monarch-button.ghost, body.et-db #et-boc .et-l .monarch-section input[type=submit].ghost, body.et-db #et-boc .et-l .monarch-midpage-splash .ghost .et_pb_button, body.et-db #et-boc .et-l .monarch-midpage-splash .ghost .monarch-button, body.et-db #et-boc .et-l .monarch-midpage-splash .ghost input[type=submit], body.et-db #et-boc .et-l .monarch-midpage-splash .et_pb_button.ghost, body.et-db #et-boc .et-l .monarch-midpage-splash .monarch-button.ghost, body.et-db #et-boc .et-l .monarch-midpage-splash input[type=submit].ghost, body.et-db #et-boc .et-l .monarch-flow .ghost .et_pb_button, body.et-db #et-boc .et-l .monarch-flow .ghost .monarch-button, body.et-db #et-boc .et-l .monarch-flow .ghost input[type=submit], body.et-db #et-boc .et-l .monarch-flow .et_pb_button.ghost, body.et-db #et-boc .et-l .monarch-flow .monarch-button.ghost, body.et-db #et-boc .et-l .monarch-flow input[type=submit].ghost, body.et-db #et-boc .et-l .monarch-lead-gen .ghost .et_pb_button, body.et-db #et-boc .et-l .monarch-lead-gen .ghost .monarch-button, body.et-db #et-boc .et-l .monarch-lead-gen .ghost input[type=submit], body.et-db #et-boc .et-l .monarch-lead-gen .et_pb_button.ghost, body.et-db #et-boc .et-l .monarch-lead-gen .monarch-button.ghost, body.et-db #et-boc .et-l .monarch-lead-gen input[type=submit].ghost { border: solid 1px #FFFFFF; background: transparent; color: #FFFFFF; } body .monarch-hero .ghost .et_pb_button:hover, body .monarch-hero .ghost .monarch-button:hover, body .monarch-hero .ghost input[type=submit]:hover, body .monarch-hero .et_pb_button.ghost:hover, body .monarch-hero .monarch-button.ghost:hover, body .monarch-hero input[type=submit].ghost:hover, body .monarch-section .ghost .et_pb_button:hover, body .monarch-section .ghost .monarch-button:hover, body .monarch-section .ghost input[type=submit]:hover, body .monarch-section .et_pb_button.ghost:hover, body .monarch-section .monarch-button.ghost:hover, body .monarch-section input[type=submit].ghost:hover, body .monarch-midpage-splash .ghost .et_pb_button:hover, body .monarch-midpage-splash .ghost .monarch-button:hover, body .monarch-midpage-splash .ghost input[type=submit]:hover, body .monarch-midpage-splash .et_pb_button.ghost:hover, body .monarch-midpage-splash .monarch-button.ghost:hover, body .monarch-midpage-splash input[type=submit].ghost:hover, body .monarch-flow .ghost .et_pb_button:hover, body .monarch-flow .ghost .monarch-button:hover, body .monarch-flow .ghost input[type=submit]:hover, body .monarch-flow .et_pb_button.ghost:hover, body .monarch-flow .monarch-button.ghost:hover, body .monarch-flow input[type=submit].ghost:hover, body .monarch-lead-gen .ghost .et_pb_button:hover, body .monarch-lead-gen .ghost .monarch-button:hover, body .monarch-lead-gen .ghost input[type=submit]:hover, body .monarch-lead-gen .et_pb_button.ghost:hover, body .monarch-lead-gen .monarch-button.ghost:hover, body .monarch-lead-gen input[type=submit].ghost:hover, body #et-boc .monarch-hero .ghost .et_pb_button:hover, body #et-boc .monarch-hero .ghost .monarch-button:hover, body #et-boc .monarch-hero .ghost input[type=submit]:hover, body #et-boc .monarch-hero .et_pb_button.ghost:hover, body #et-boc .monarch-hero .monarch-button.ghost:hover, body #et-boc .monarch-hero input[type=submit].ghost:hover, body #et-boc .monarch-section .ghost .et_pb_button:hover, body #et-boc .monarch-section .ghost .monarch-button:hover, body #et-boc .monarch-section .ghost input[type=submit]:hover, body #et-boc .monarch-section .et_pb_button.ghost:hover, body #et-boc .monarch-section .monarch-button.ghost:hover, body #et-boc .monarch-section input[type=submit].ghost:hover, body #et-boc .monarch-midpage-splash .ghost .et_pb_button:hover, body #et-boc .monarch-midpage-splash .ghost .monarch-button:hover, body #et-boc .monarch-midpage-splash .ghost input[type=submit]:hover, body #et-boc .monarch-midpage-splash .et_pb_button.ghost:hover, body #et-boc .monarch-midpage-splash .monarch-button.ghost:hover, body #et-boc .monarch-midpage-splash input[type=submit].ghost:hover, body #et-boc .monarch-flow .ghost .et_pb_button:hover, body #et-boc .monarch-flow .ghost .monarch-button:hover, body #et-boc .monarch-flow .ghost input[type=submit]:hover, body #et-boc .monarch-flow .et_pb_button.ghost:hover, body #et-boc .monarch-flow .monarch-button.ghost:hover, body #et-boc .monarch-flow input[type=submit].ghost:hover, body #et-boc .monarch-lead-gen .ghost .et_pb_button:hover, body #et-boc .monarch-lead-gen .ghost .monarch-button:hover, body #et-boc .monarch-lead-gen .ghost input[type=submit]:hover, body #et-boc .monarch-lead-gen .et_pb_button.ghost:hover, body #et-boc .monarch-lead-gen .monarch-button.ghost:hover, body #et-boc .monarch-lead-gen input[type=submit].ghost:hover, body.et-db #et-boc .monarch-hero .ghost .et_pb_button:hover, body.et-db #et-boc .monarch-hero .ghost .monarch-button:hover, body.et-db #et-boc .monarch-hero .ghost input[type=submit]:hover, body.et-db #et-boc .monarch-hero .et_pb_button.ghost:hover, body.et-db #et-boc .monarch-hero .monarch-button.ghost:hover, body.et-db #et-boc .monarch-hero input[type=submit].ghost:hover, body.et-db #et-boc .monarch-section .ghost .et_pb_button:hover, body.et-db #et-boc .monarch-section .ghost .monarch-button:hover, body.et-db #et-boc .monarch-section .ghost input[type=submit]:hover, body.et-db #et-boc .monarch-section .et_pb_button.ghost:hover, body.et-db #et-boc .monarch-section .monarch-button.ghost:hover, body.et-db #et-boc .monarch-section input[type=submit].ghost:hover, body.et-db #et-boc .monarch-midpage-splash .ghost .et_pb_button:hover, body.et-db #et-boc .monarch-midpage-splash .ghost .monarch-button:hover, body.et-db #et-boc .monarch-midpage-splash .ghost input[type=submit]:hover, body.et-db #et-boc .monarch-midpage-splash .et_pb_button.ghost:hover, body.et-db #et-boc .monarch-midpage-splash .monarch-button.ghost:hover, body.et-db #et-boc .monarch-midpage-splash input[type=submit].ghost:hover, body.et-db #et-boc .monarch-flow .ghost .et_pb_button:hover, body.et-db #et-boc .monarch-flow .ghost .monarch-button:hover, body.et-db #et-boc .monarch-flow .ghost input[type=submit]:hover, body.et-db #et-boc .monarch-flow .et_pb_button.ghost:hover, body.et-db #et-boc .monarch-flow .monarch-button.ghost:hover, body.et-db #et-boc .monarch-flow input[type=submit].ghost:hover, body.et-db #et-boc .monarch-lead-gen .ghost .et_pb_button:hover, body.et-db #et-boc .monarch-lead-gen .ghost .monarch-button:hover, body.et-db #et-boc .monarch-lead-gen .ghost input[type=submit]:hover, body.et-db #et-boc .monarch-lead-gen .et_pb_button.ghost:hover, body.et-db #et-boc .monarch-lead-gen .monarch-button.ghost:hover, body.et-db #et-boc .monarch-lead-gen input[type=submit].ghost:hover, body.et-db #et-boc .et-l .monarch-hero .ghost .et_pb_button:hover, body.et-db #et-boc .et-l .monarch-hero .ghost .monarch-button:hover, body.et-db #et-boc .et-l .monarch-hero .ghost input[type=submit]:hover, body.et-db #et-boc .et-l .monarch-hero .et_pb_button.ghost:hover, body.et-db #et-boc .et-l .monarch-hero .monarch-button.ghost:hover, body.et-db #et-boc .et-l .monarch-hero input[type=submit].ghost:hover, body.et-db #et-boc .et-l .monarch-section .ghost .et_pb_button:hover, body.et-db #et-boc .et-l .monarch-section .ghost .monarch-button:hover, body.et-db #et-boc .et-l .monarch-section .ghost input[type=submit]:hover, body.et-db #et-boc .et-l .monarch-section .et_pb_button.ghost:hover, body.et-db #et-boc .et-l .monarch-section .monarch-button.ghost:hover, body.et-db #et-boc .et-l .monarch-section input[type=submit].ghost:hover, body.et-db #et-boc .et-l .monarch-midpage-splash .ghost .et_pb_button:hover, body.et-db #et-boc .et-l .monarch-midpage-splash .ghost .monarch-button:hover, body.et-db #et-boc .et-l .monarch-midpage-splash .ghost input[type=submit]:hover, body.et-db #et-boc .et-l .monarch-midpage-splash .et_pb_button.ghost:hover, body.et-db #et-boc .et-l .monarch-midpage-splash .monarch-button.ghost:hover, body.et-db #et-boc .et-l .monarch-midpage-splash input[type=submit].ghost:hover, body.et-db #et-boc .et-l .monarch-flow .ghost .et_pb_button:hover, body.et-db #et-boc .et-l .monarch-flow .ghost .monarch-button:hover, body.et-db #et-boc .et-l .monarch-flow .ghost input[type=submit]:hover, body.et-db #et-boc .et-l .monarch-flow .et_pb_button.ghost:hover, body.et-db #et-boc .et-l .monarch-flow .monarch-button.ghost:hover, body.et-db #et-boc .et-l .monarch-flow input[type=submit].ghost:hover, body.et-db #et-boc .et-l .monarch-lead-gen .ghost .et_pb_button:hover, body.et-db #et-boc .et-l .monarch-lead-gen .ghost .monarch-button:hover, body.et-db #et-boc .et-l .monarch-lead-gen .ghost input[type=submit]:hover, body.et-db #et-boc .et-l .monarch-lead-gen .et_pb_button.ghost:hover, body.et-db #et-boc .et-l .monarch-lead-gen .monarch-button.ghost:hover, body.et-db #et-boc .et-l .monarch-lead-gen input[type=submit].ghost:hover { border: solid 1px #00AAE5 !important; background: #00AAE5 !important; } body .monarch-midpage-splash .et_pb_button, body .monarch-midpage-splash .monarch-button, body .monarch-midpage-splash input[type=submit], body #et-boc .monarch-midpage-splash .et_pb_button, body #et-boc .monarch-midpage-splash .monarch-button, body #et-boc .monarch-midpage-splash input[type=submit], body.et-db #et-boc .monarch-midpage-splash .et_pb_button, body.et-db #et-boc .monarch-midpage-splash .monarch-button, body.et-db #et-boc .monarch-midpage-splash input[type=submit], body.et-db #et-boc .et-l .monarch-midpage-splash .et_pb_button, body.et-db #et-boc .et-l .monarch-midpage-splash .monarch-button, body.et-db #et-boc .et-l .monarch-midpage-splash input[type=submit] { border: solid 1px #FFFFFF !important; background: transparent !important; } body .monarch-midpage-splash .et_pb_button:hover, body .monarch-midpage-splash .monarch-button:hover, body .monarch-midpage-splash input[type=submit]:hover, body #et-boc .monarch-midpage-splash .et_pb_button:hover, body #et-boc .monarch-midpage-splash .monarch-button:hover, body #et-boc .monarch-midpage-splash input[type=submit]:hover, body.et-db #et-boc .monarch-midpage-splash .et_pb_button:hover, body.et-db #et-boc .monarch-midpage-splash .monarch-button:hover, body.et-db #et-boc .monarch-midpage-splash input[type=submit]:hover, body.et-db #et-boc .et-l .monarch-midpage-splash .et_pb_button:hover, body.et-db #et-boc .et-l .monarch-midpage-splash .monarch-button:hover, body.et-db #et-boc .et-l .monarch-midpage-splash input[type=submit]:hover { border: solid 1px #00AAE5 !important; background: #00AAE5 !important; } .blue-btn.et_pb_button { border-radius: 2px; background-color: #00AAE5; border-color: #00AAE5; } .blue-btn.et_pb_button:focus, .blue-btn.et_pb_button:hover { background-color: #0079A5 !important; border-color: #0079A5 !important; } /* SCSS File: 041-buttons-responsive Version: 1.0.0 Description: Monarch button responsive styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "000-core" SCSS files */ /* Core Variables */ /* Monarch Button Responsive Styling */ @media only screen and (max-width: 640px) { body .monarch-hero .et_pb_button, body .monarch-hero .monarch-button, body .monarch-hero input[type=submit], body .monarch-section .et_pb_button, body .monarch-section .monarch-button, body .monarch-section input[type=submit], body .monarch-midpage-splash .et_pb_button, body .monarch-midpage-splash .monarch-button, body .monarch-midpage-splash input[type=submit], body .monarch-lead-gen .et_pb_button, body .monarch-lead-gen .monarch-button, body .monarch-lead-gen input[type=submit] { width: 100%; font-size: 15px; padding: 8px 44px !important; } body .monarch-hero .et_pb_button:hover, body .monarch-hero .monarch-button:hover, body .monarch-hero input[type=submit]:hover, body .monarch-section .et_pb_button:hover, body .monarch-section .monarch-button:hover, body .monarch-section input[type=submit]:hover, body .monarch-midpage-splash .et_pb_button:hover, body .monarch-midpage-splash .monarch-button:hover, body .monarch-midpage-splash input[type=submit]:hover, body .monarch-lead-gen .et_pb_button:hover, body .monarch-lead-gen .monarch-button:hover, body .monarch-lead-gen input[type=submit]:hover { padding: 8px 44px !important; } } /* SCSS File: 100-divi-visual-builder Version: 1.0.0 Description: Divi Visual Builder (front-end editing) style tweaks */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "000-core" SCSS files */ /* Core Variables */ /* Divi Visual Builder */ .et-fb-settings-heading { margin: 0 !important; padding: 16px 10px !important; font-size: 22px !important; font-weight: 600 !important; } .et-fb-modal-add-module-container ul li:after { right: -1px !important; z-index: -1 !important; } .et-fb-form__toggle-title .et-fb-icon { top: 0 !important; } .et-core-modal .et-core-modal-title { font-size: 22px !important; margin: 0 !important; } /* Header */ /* SCSS File: 001-header Version: 1.0.0 Description: Monarch header styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "100-header" SCSS files */ /* Header Variables */ /* Header */ #monarch-header { position: fixed; z-index: 100010; top: 0; right: 0; left: 0; height: 64px; /* Header - fixed state */ /* Header - submenu opened state */ } #monarch-header .gradient { position: absolute; top: 0; right: 0; left: 0; z-index: 10; height: 55px; opacity: 0.25; background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0)); } #monarch-header .container { position: relative; z-index: 20; width: 100%; max-width: 1440px; height: 64px; margin: 0 auto; /* Logo */ /* Desktop menu */ /* Mobile menu back button */ /* Mobile menu toggle */ } #monarch-header .container #monarch-logo { position: absolute; top: 8px; left: 24px; width: 48px; height: 48px; display: block; } #monarch-header .container #monarch-logo img { position: absolute; top: 0; left: 0; width: 48px; opacity: 0.8; } #monarch-header .container #monarch-logo img.fixed { opacity: 0; } #monarch-header .container #monarch-logo.hidden { opacity: 0; pointer-events: none; } #monarch-header .container #monarch-logo:hover img { opacity: 1; } #monarch-header .container #monarch-logo:hover img.fixed { opacity: 0; } #monarch-header .container #monarch-desktop-menu { margin-left: 92px; /* Dynamic searchbar */ /* Main menu */ } #monarch-header .container #monarch-desktop-menu #active-menu-indicator { position: absolute; top: 62px; left: 0; height: 2px; width: 155px; background: #00AAE5; opacity: 0; pointer-events: none; } #monarch-header .container #monarch-desktop-menu .monarch-search { position: relative; overflow: hidden; } #monarch-header .container #monarch-desktop-menu .monarch-search a { position: relative; float: right; overflow: hidden; width: 92px; } #monarch-header .container #monarch-desktop-menu .monarch-search .monarch-searchbar { position: relative; float: left; width: 0; height: 64px; pointer-events: none; overflow: hidden; } #monarch-header .container #monarch-desktop-menu .monarch-search .monarch-searchbar .monarch-search-input { position: absolute; top: 16px; left: 0; width: 0; padding: 4px 28px 4px 8px; font-size: 15px; font-weight: 600; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; border: 2px solid #FFFFFF; opacity: 0; color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.1); } #monarch-header .container #monarch-desktop-menu .monarch-search .monarch-searchbar button { position: absolute; top: 25px; cursor: pointer; font-size: 1px; opacity: 0; color: rgba(255, 255, 255, 0.87); background: none; border-radius: 0; } #monarch-header .container #monarch-desktop-menu .monarch-search .monarch-searchbar button.monarch-search-submit { right: 12%; } #monarch-header .container #monarch-desktop-menu .monarch-search .monarch-searchbar button.monarch-search-reset { right: 12%; } #monarch-header .container #monarch-desktop-menu .monarch-search .monarch-searchbar.opened { width: 256px; pointer-events: auto; } #monarch-header .container #monarch-desktop-menu .monarch-search .monarch-searchbar.opened .monarch-search-input { width: 84%; opacity: 0.7; } #monarch-header .container #monarch-desktop-menu .monarch-search .monarch-searchbar.opened button { top: 17px; font-size: 15px; opacity: 0.7; } #monarch-header .container #monarch-desktop-menu .monarch-search .monarch-searchbar.opened button.monarch-search-reset { right: 0; } #monarch-header .container #monarch-desktop-menu .monarch-search.searching a { width: 0; padding-left: 0; padding-right: 0; opacity: 0; } #monarch-header .container #monarch-desktop-menu ul { margin: 0; padding: 0; } #monarch-header .container #monarch-desktop-menu ul li { float: left; /* Active menu items & ancestors */ } #monarch-header .container #monarch-desktop-menu ul li a { display: block; opacity: 0.7; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 15px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: rgba(255, 255, 255, 0.87); padding: 22px 24px 23px; } #monarch-header .container #monarch-desktop-menu ul li a span.description { display: block; color: #888888; line-height: 1.1em; font-size: 11px; margin-bottom: 6px; } #monarch-header .container #monarch-desktop-menu ul li a:hover { opacity: 1; } #monarch-header .container #monarch-desktop-menu ul li ul.sub-menu { position: absolute; top: 124px; right: 37%; left: 80px; opacity: 0; pointer-events: none; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } #monarch-header .container #monarch-desktop-menu ul li ul.sub-menu li { width: 33.33%; } #monarch-header .container #monarch-desktop-menu ul li ul.sub-menu li a { line-height: 2.67; color: #000000; opacity: 1; font-weight: 400; padding: 0 12px; } #monarch-header .container #monarch-desktop-menu ul li ul.sub-menu li a:hover { background: rgba(0, 0, 0, 0.03); } #monarch-header .container #monarch-desktop-menu ul li ul.sub-menu li a:active, #monarch-header .container #monarch-desktop-menu ul li ul.sub-menu li a:focus { color: #00AAE5; font-weight: 600 !important; } #monarch-header .container #monarch-desktop-menu ul li ul.sub-menu li.heading { pointer-events: none; } #monarch-header .container #monarch-desktop-menu ul li ul.sub-menu li.heading a { font-weight: 600; } #monarch-header .container #monarch-desktop-menu ul li ul.sub-menu li.heading.hidden-heading a { opacity: 0; } #monarch-header .container #monarch-desktop-menu ul li ul.sub-menu li.heading ul.sub-menu { position: relative; top: 0; right: 0; left: 0; } #monarch-header .container #monarch-desktop-menu ul li ul.sub-menu li.heading ul.sub-menu li { width: 100%; } #monarch-header .container #monarch-desktop-menu ul li ul.sub-menu li.heading ul.sub-menu li a { font-weight: 400; line-height: 1.5em; padding: 6px 12px; opacity: 1; margin-bottom: 5px; } #monarch-header .container #monarch-desktop-menu ul li.opened ul.sub-menu { top: 80px; opacity: 1; pointer-events: auto; } #monarch-header .container #monarch-desktop-menu ul li.current-menu-item a, #monarch-header .container #monarch-desktop-menu ul li.current-menu-ancestor a { opacity: 1; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature { position: absolute; top: 124px; right: 24px; left: 63%; padding-bottom: 16px; pointer-events: none; opacity: 0; max-height: 311px; overflow: hidden; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .left-border { position: absolute; top: 24px; bottom: 0; left: 12px; width: 2px; opacity: 0.3; border: solid 1px #98a2ae; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content { padding-left: 60px; /* Flexslider control nav */ /* Individual slides */ } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content .feature-heading { opacity: 0.87; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 15px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 2.67; letter-spacing: normal; color: #000000; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content .flex-control-nav { position: relative; bottom: 0; margin-top: 10px; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content .flex-control-nav a { height: 10px !important; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content a { position: relative; display: block; height: 220px; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: normal; color: #ffffff; overflow: hidden; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content a .background-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-size: cover; background-position: center; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content a .tint { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: #000; opacity: 0.15; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content a span { position: relative; z-index: 2; display: block; float: left; width: 50%; padding: 56px 12px 56px 36px; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content a span.feature-title { font-size: 36px; line-height: 0.94; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content a span.feature-details { padding: 76px 36px 56px 12px; font-size: 18px; line-height: 1; text-align: right; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content a span.feature-details .learn-more { display: inline; float: none; width: 100%; padding: 0; text-decoration: underline; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content a:hover .background-image { top: -12px; right: -12px; bottom: -12px; left: -12px; } #monarch-header .container #monarch-desktop-menu #monarch-menu-feature .feature-content a:hover .tint { opacity: 0.3; } #monarch-header .container #monarch-desktop-menu #monarch-secondary-menu { float: right; padding-right: 24px; } #monarch-header .container #monarch-desktop-menu #monarch-secondary-menu ul li.highlight { padding: 14px 0 0 24px; } #monarch-header .container #monarch-desktop-menu #monarch-secondary-menu ul li.highlight a { opacity: 0.8; border-radius: 2px; background-color: #00AAE5; color: #FFFFFF; padding: 8px 48px; } #monarch-header .container #monarch-desktop-menu #monarch-secondary-menu ul li.highlight a:hover { background-color: #0079A5; } #monarch-header .container #monarch-desktop-menu #monarch-secondary-menu ul li.highlight ul.sub-menu { display: none; } #monarch-header .container #monarch-mobile-back { position: absolute; top: 0; left: 0; display: block; pointer-events: none; opacity: 0; padding: 22px 12px 7px 0; } #monarch-header .container #monarch-mobile-back .bar-wrapper { position: relative; display: inline-block; width: 16px; height: 16px; } #monarch-header .container #monarch-mobile-back .bar-wrapper .bar { position: absolute; left: 0; display: inline-block; width: 14px; height: 2px; background: #000; opacity: 0.87; } #monarch-header .container #monarch-mobile-back .bar-wrapper .bar.one { top: 20px; left: -4px; transform: rotate(-45deg); } #monarch-header .container #monarch-mobile-back .bar-wrapper .bar.two { top: 7px; width: 24px; } #monarch-header .container #monarch-mobile-back .bar-wrapper .bar.three { top: -12px; left: -4px; transform: rotate(45deg); } #monarch-header .container #monarch-mobile-back.opened { opacity: 0.8; pointer-events: auto; padding-left: 28px; } #monarch-header .container #monarch-mobile-back.opened .bar { position: absolute; left: 0; display: inline-block; width: 14px; height: 2px; background: #000; opacity: 0.87; } #monarch-header .container #monarch-mobile-back.opened .bar.one { top: 4px; left: 0; transform: rotate(-45deg); width: 8px; } #monarch-header .container #monarch-mobile-back.opened .bar.two { top: 7px; width: 14px; } #monarch-header .container #monarch-mobile-back.opened .bar.three { top: 10px; left: 0; transform: rotate(45deg); width: 8px; } #monarch-header .container #monarch-mobile-toggle { display: none; position: absolute; top: 8px; right: 8px; width: 48px; height: 48px; text-align: center; cursor: pointer; opacity: 0.8; } #monarch-header .container #monarch-mobile-toggle .bar-wrapper { position: relative; display: inline-block; margin-top: 16px; width: 16px; height: 16px; } #monarch-header .container #monarch-mobile-toggle .bar-wrapper .bar { position: absolute; left: 0; display: inline-block; width: 18px; height: 2px; background: #FFFFFF; } #monarch-header .container #monarch-mobile-toggle .bar-wrapper .bar.one { top: 1px; } #monarch-header .container #monarch-mobile-toggle .bar-wrapper .bar.two { top: 7px; } #monarch-header .container #monarch-mobile-toggle .bar-wrapper .bar.three { top: 13px; } #monarch-header .container #monarch-mobile-toggle.opened { opacity: 1; } #monarch-header .container #monarch-mobile-toggle.opened .bar.one { top: 7px; left: -4px; width: 24px; transform: rotate(45deg); } #monarch-header .container #monarch-mobile-toggle.opened .bar.two { left: 120px; opacity: 0; } #monarch-header .container #monarch-mobile-toggle.opened .bar.three { top: 7px; left: -4px; width: 24px; transform: rotate(-45deg); } #monarch-header .container #monarch-mobile-toggle:hover { opacity: 1; } #monarch-header.fixed { background: #FFFFFF; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); } #monarch-header.fixed .gradient { opacity: 0; } #monarch-header.fixed .container #monarch-logo img { opacity: 1; } #monarch-header.fixed .container #monarch-logo img.ghost { opacity: 0; } #monarch-header.fixed .container #monarch-logo:hover img { opacity: 1; } #monarch-header.fixed .container #monarch-logo:hover img.ghost { opacity: 0; } #monarch-header.fixed .container #monarch-desktop-menu { /* Active menu items & ancestors */ } #monarch-header.fixed .container #monarch-desktop-menu ul li.current-menu-item a { color: #00AAE5; font-weight: 600 !important; } #monarch-header.fixed .container #monarch-desktop-menu ul li.current-menu-item ul.sub-menu a { color: #000000; font-weight: 400 !important; } #monarch-header.fixed .container #monarch-desktop-menu ul li.current-menu-item ul.sub-menu li.heading a { font-weight: 600 !important; } #monarch-header.fixed .container #monarch-desktop-menu ul li.current-menu-item ul.sub-menu li.heading ul.sub-menu li a { font-weight: 400 !important; } #monarch-header.fixed .container #monarch-desktop-menu ul li.current-menu-item ul.sub-menu li.heading ul.sub-menu li.current-menu-item a { color: #00AAE5; font-weight: 600 !important; } #monarch-header.fixed .container #monarch-desktop-menu a { opacity: 0.87; color: rgba(12, 18, 28, 0.87); } #monarch-header.fixed .container #monarch-desktop-menu .monarch-search a:hover, #monarch-header.fixed .container #monarch-desktop-menu .monarch-static a:hover { opacity: 1; color: #00AAE5; } #monarch-header.fixed .container #monarch-desktop-menu .monarch-search .monarch-searchbar .monarch-search-input { color: rgba(12, 18, 28, 0.87); background: transparent; border: 1px solid rgba(12, 18, 28, 0.87); } #monarch-header.fixed .container #monarch-desktop-menu .monarch-search .monarch-searchbar button i { color: rgba(12, 18, 28, 0.87); } #monarch-header.fixed .container #monarch-mobile-toggle { opacity: 1; } #monarch-header.fixed .container #monarch-mobile-toggle .bar { background: #00AAE5; } #monarch-header.fixed .container #monarch-mobile-toggle.opened .bar { background: #000000; } #monarch-header.opened { box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.1); } #monarch-header.opened .container #monarch-desktop-menu #active-menu-indicator { opacity: 1; } #monarch-header.opened .container #monarch-desktop-menu #monarch-menu-feature { top: 80px; pointer-events: auto; opacity: 1; } /* SCSS File: 002-scrim Version: 1.0.0 Description: Full-page scrim, which displays behind header when sub-menu is opened */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "100-header" SCSS files */ /* Header Variables */ /* Full-page Scrim */ #monarch-scrim { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100005; pointer-events: none; opacity: 0; background: #000000; } #monarch-scrim.opened { opacity: 0.3; pointer-events: auto; } /* SCSS File: 003-mobile-drawer Version: 1.0.0 Description: Mobile pullout-drawer, containing the mobile menu and CTA */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "100-header" SCSS files */ /* Header Variables */ /* Mobile Drawer */ #monarch-mobile-drawer { position: absolute; top: 64px; right: -100px; left: 0; bottom: 0; z-index: 100020; margin: 24px 0; padding-right: 100px; overflow-x: hidden; overflow-y: scroll; } #monarch-mobile-drawer .container { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; padding-bottom: 120px; } #monarch-mobile-drawer .container #monarch-mobile-menu { position: relative; display: block; padding: 0 16px; /* Dynamic searchbar */ /* Mobile menu */ } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search { position: relative; overflow: hidden; } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; pointer-events: auto; } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search .monarch-searchbar { position: relative; float: left; width: 0; height: 35px; margin-top: 2px; pointer-events: none; overflow: hidden; } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search .monarch-searchbar .monarch-search-input { position: absolute; top: 0; left: 0; width: 0; padding: 4px 28px 4px 8px; font-size: 15px; font-weight: 600; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; opacity: 0; color: rgba(12, 18, 28, 0.87); background: transparent; border: 1px solid rgba(12, 18, 28, 0.87); } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search .monarch-searchbar button { position: absolute; top: 8px; cursor: pointer; font-size: 1px; opacity: 0; color: rgba(12, 18, 28, 0.87); background: none; border-radius: 0; } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search .monarch-searchbar button i { color: rgba(12, 18, 28, 0.87); } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search .monarch-searchbar button.monarch-search-submit { right: 12%; } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search .monarch-searchbar button.monarch-search-reset { right: 12%; } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search .monarch-searchbar.opened { width: 256px; pointer-events: auto; } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search .monarch-searchbar.opened .monarch-search-input { width: 84%; opacity: 0.7; } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search .monarch-searchbar.opened button { top: 1px; font-size: 15px; opacity: 0.7; } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search .monarch-searchbar.opened button.monarch-search-reset { right: 0; } #monarch-mobile-drawer .container #monarch-mobile-menu .monarch-search.searching a { pointer-events: none; opacity: 0; } #monarch-mobile-drawer .container #monarch-mobile-menu ul { position: relative; margin: 0; padding: 0; list-style: none; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li { position: relative; height: 35px; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li a { display: block; padding: 8px; opacity: 0.87; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 15px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #000000; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li a:hover { background: rgba(23, 23, 23, 0.03); } #monarch-mobile-drawer .container #monarch-mobile-menu ul li a:active, #monarch-mobile-drawer .container #monarch-mobile-menu ul li a:focus { color: #00AAE5; font-weight: 600 !important; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li ul.sub-menu { opacity: 0; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li ul.sub-menu li { margin: 0; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li ul.sub-menu a { font-size: 0; padding: 0; opacity: 0; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.current-menu-item a, #monarch-mobile-drawer .container #monarch-mobile-menu ul li.current-menu-ancestor a { color: #00AAE5; font-weight: 600 !important; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.current-menu-item ul.sub-menu a, #monarch-mobile-drawer .container #monarch-mobile-menu ul li.current-menu-ancestor ul.sub-menu a { color: #000000; font-weight: 400 !important; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.current-menu-item ul.sub-menu li.heading a, #monarch-mobile-drawer .container #monarch-mobile-menu ul li.current-menu-ancestor ul.sub-menu li.heading a { font-weight: 600 !important; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.current-menu-item ul.sub-menu li.heading ul.sub-menu li a, #monarch-mobile-drawer .container #monarch-mobile-menu ul li.current-menu-ancestor ul.sub-menu li.heading ul.sub-menu li a { font-weight: 400 !important; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.current-menu-item ul.sub-menu li.heading ul.sub-menu li.current-menu-item a, #monarch-mobile-drawer .container #monarch-mobile-menu ul li.current-menu-ancestor ul.sub-menu li.heading ul.sub-menu li.current-menu-item a { color: #00AAE5; font-weight: 600 !important; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.opened { position: absolute; top: 0; height: auto; width: 100%; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.opened a.opened { display: none; position: fixed; top: 0; padding: 20px 8px 4px; margin-left: 40px; border-bottom: solid 2px #00AAE5; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.opened a.opened:hover { background: transparent; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.opened ul.sub-menu { opacity: 1; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.opened ul.sub-menu li { height: auto; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.opened ul.sub-menu a { font-size: 15px; padding: 8px; font-weight: 400; opacity: 0.87; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.opened ul.sub-menu li.heading { margin-top: 36px; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.opened ul.sub-menu li.heading a { pointer-events: none; font-weight: 600; opacity: 0.87; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.opened ul.sub-menu li.heading ul.sub-menu a { pointer-events: auto; font-weight: 400; opacity: 0.87; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.opened ul.sub-menu li.heading:first-of-type { margin-top: 0; } #monarch-mobile-drawer .container #monarch-mobile-menu ul li.closed { opacity: 0; margin-left: -128px; pointer-events: none; } #monarch-mobile-drawer .container .mobile-cta-wrapper { position: absolute; right: 0; bottom: 0; left: 0; padding-bottom: 24px; text-align: center; } #monarch-mobile-drawer .container .mobile-cta-wrapper a { display: inline-block; opacity: 0.76; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 15px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: rgba(12, 18, 28, 0.87); padding: 8px 24px; } #monarch-mobile-drawer .container .mobile-cta-wrapper a:hover { background: rgba(23, 23, 23, 0.05); } #monarch-mobile-drawer .container .mobile-cta-wrapper a.monarch-button { font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 15px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; border-radius: 3px; background: #00AAE5; padding: 8px 32px; margin-top: 16px; } #monarch-mobile-drawer .container .mobile-cta-wrapper a.monarch-button:hover { background: #0079A5; } #monarch-mobile-drawer.closed { opacity: 0; top: 200px; pointer-events: none; } /* SCSS File: 004-logged-in Version: 1.0.0 Description: Special styling for when the user is logged-in to the site */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "100-header" SCSS files */ /* Header Variables */ /* Mobile Drawer */ .logged-in #monarch-header { top: 32px !important; } .logged-in #monarch-header #monarch-mobile-menu li.opened a.opened { top: 32px !important; } #wpadminbar { z-index: 100090; } /* SCSS File: 005-header-responsive Version: 1.0.0 Description: Special styling for header responsiveness */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "100-header" SCSS files */ /* Header Variables */ /* Header Responsiveness */ @media only screen and (max-width: 1200px) { #monarch-desktop-menu { display: none !important; } #monarch-mobile-toggle { display: block !important; } } @media only screen and (max-width: 783px) { #wpadminbar { position: fixed; } .logged-in #monarch-header { top: 46px !important; } .logged-in #monarch-header #monarch-mobile-menu li.opened a.opened { top: 46px !important; } } /* Page Content */ /* Monarch */ /* SCSS File: 001-monarch-hero Version: 1.1.0 Description: Monarch hero section */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Monarch Hero */ .monarch-hero { position: relative; padding: 150px 0 68px !important; } .monarch-hero .et_pb_parallax_css { position: fixed; top: 0; right: 0; left: 0; min-height: 860px; background-position: center bottom; background-attachment: initial; } .monarch-hero .tint { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; opacity: 0.35; background-color: #171717; } .monarch-hero .gradient { position: absolute; right: 0; bottom: 0; left: 0; z-index: 0; height: 260px; opacity: 0.52; background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0)); } .monarch-hero .et_pb_row { position: relative; padding: 0; width: 95%; max-width: 1240px; z-index: 1; } .monarch-hero .et_pb_row h1 { font-size: 45px !important; font-weight: 600 !important; font-style: normal; font-stretch: normal; line-height: 1.1; letter-spacing: normal !important; color: #ffffff; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; margin: 0 0 28px !important; } .monarch-hero .et_pb_row h1 .typewrite { display: inline-block; } .monarch-hero .et_pb_row p { font-size: 22px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; color: #ffffff; max-width: 75%; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; margin: 8px 0 8px !important; } @media only screen and (max-width: 720px) { .monarch-hero .et_pb_row p { max-width: 100%; } } .monarch-hero .et_pb_row .et_pb_button { margin: 30px 0 40px !important; max-width: 100%; } .monarch-hero .et_pb_row .et_pb_button.multi-button { float: left; margin-right: 40px !important; } .monarch-hero .et_pb_row .monarch-splash-stat { margin: 0 !important; } .monarch-hero .et_pb_row .monarch-splash-stat div { margin: 0 !important; padding: 0 !important; } .monarch-hero .et_pb_row .monarch-splash-stat p { margin: 0 !important; font-size: 40px !important; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: -1.5px; color: #FFFFFF !important; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; text-align: left !important; } .monarch-hero .et_pb_row .monarch-splash-stat p span { font-size: 40px !important; } .monarch-hero .et_pb_row .monarch-splash-stat h3 { margin: 0 !important; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; font-size: 20px !important; font-weight: 600 !important; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal !important; color: #FFFFFF; text-align: left !important; } .monarch-hero-darken { background-color: #000 !important; } .monarch-hero-darken .et_parallax_bg { opacity: .7; } /* SCSS File: 002-monarch-hero-responsive Version: 1.0.0 Description: Special styling for when the user is logged-in to the site */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Monarch Hero Responsiveness */ @media only screen and (max-width: 1070px) { .monarch-hero .et_pb_row h1 .typewrite { display: block; min-width: 256px; } } @media only screen and (max-width: 984px) { .monarch-hero { background-position: bottom left !important; } } @media only screen and (max-width: 981px) { #page-container .monarch-hero { padding-top: 124px !important; background-image: none !important; background-color: #333 !important; } #page-container .monarch-hero-darken { background-image: none !important; background-color: #333 !important; } #page-container .monarch-hero .et_pb_row { margin: 0; padding: 0 20px; width: 100%; } #page-container .monarch-hero .et_pb_row h1 { font-size: 32px !important; line-height: 1.25; } #page-container .monarch-hero .et_pb_row p { font-size: 1em; line-height: 1.5; } #page-container .monarch-hero .et_pb_row .et_pb_button { margin-top: 24px !important; font-size: 15px; padding: 8px !important; width: 100%; text-align: center; } #page-container .monarch-hero .et_pb_row .et_pb_button.multi-button { margin-bottom: 0 !important; } #page-container .monarch-hero .et_pb_row .monarch-splash-stat { margin-top: 40px !important; } #page-container .monarch-hero .et_pb_row .monarch-splash-stat .percent { height: auto; } #page-container .monarch-hero .et_pb_row .monarch-splash-stat p { font-size: 18px !important; line-height: 2; letter-spacing: -0.7px; } #page-container .monarch-hero .et_pb_row .monarch-splash-stat p span { font-size: 18px !important; } #page-container .monarch-hero .et_pb_row .monarch-splash-stat h3 { margin-top: 0 !important; } #page-container .monarch-hero .monarch-stat-container .et_pb_column { max-width: 50%; margin: 0 !important; } } @media only screen and (max-width: 390px) { .monarch-hero .et_pb_row .monarch-splash-stat h3 { width: 90%; } } /* SCSS File: 003-monarch-section Version: 1.0.0 Description: Monarch standard section styling (.monarch-section) */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Mobile Section */ .monarch-section .et_pb_row { width: 95%; max-width: 1240px; } .monarch-section h2 { font-size: 38px !important; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -1.5px !important; color: #353535; margin: 0 auto !important; max-width: 1088px; } .monarch-section h3 { font-size: 24px !important; } .monarch-section p { width: 100%; max-width: 960px; margin: 24px auto 40px; opacity: 0.87; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; color: #000000; } .monarch-section .monarch-contact p { margin: 15px auto 10px; } .monarch-section .monarch-contact .btn { margin: 15px 0 0; transition: all 0.25s ease; } /* SCSS File: 004-monarch-section-responsive Version: 1.0.0 Description: Monarch standard section responsiveness */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Monarch Section Responsiveness */ @media only screen and (max-width: 640px) { .monarch-section .et_pb_row { width: 100%; padding-left: 20px; padding-right: 20px; } .monarch-section h2 { font-size: 21px !important; line-height: 1.71 !important; letter-spacing: -0.9px !important; } .monarch-section h3 { font-size: 18px !important; } .monarch-section p { font-size: 15px; line-height: 1.6; } } /* SCSS File: 005-monarch-midpage-splash Version: 1.0.0 Description: Monarch midpage splash section styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Monarch Midpage Splash Section */ .monarch-midpage-splash { padding-bottom: 80px !important; } .monarch-midpage-splash .et_pb_row { width: 90%; max-width: 1240px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .monarch-midpage-splash h2 { font-size: 36px !important; font-weight: 600 !important; font-style: normal; font-stretch: normal; line-height: 1.17; letter-spacing: normal !important; color: rgba(255, 255, 255, 0.9) !important; margin: 24px 0 15px !important; } .monarch-midpage-splash h3, .monarch-midpage-splash p { width: 100%; max-width: 770px; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 22px !important; font-weight: normal !important; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal !important; color: rgba(255, 255, 255, 0.87) !important; margin: 0 0 24px !important; padding: 0; } .monarch-midpage-splash .et_pb_button { margin: 16px 0 40px !important; border-radius: 2px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05); border: solid 1px #FFFFFF; background: transparent; background-color: transparent; text-transform: none; padding: 20px 44px !important; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal !important; letter-spacing: normal; color: #ffffff; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; } .monarch-midpage-splash .et_pb_button:hover { border: solid 1px #00AAE5 !important; background: #00AAE5 !important; padding: 20px 44px !important; } .monarch-midpage-splash .et_pb_button:focus { background-color: #00AAE5 !important; border-color: #00AAE5 !important; } /* SCSS File: 006-monarch-midpage-splash-responsive Version: 1.0.0 Description: Monarch midpage splash responsiveness */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Monarch Midpage Splash Section Responsiveness */ @media only screen and (max-width: 981px) { .monarch-midpage-splash { padding-bottom: 40px !important; } } @media only screen and (max-width: 640px) { .monarch-midpage-splash .et_pb_row { width: 100%; padding-left: 20px; padding-right: 20px; } .monarch-midpage-splash h2 { font-size: 28px !important; letter-spacing: normal !important; } .monarch-midpage-splash p { font-size: 1em; line-height: 1.6; } } /* SCSS File: 007-monarch-lead-gen Version: 1.0.0 Description: Monarch lead gen section styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ .material-form { padding: 15px 0px; background-color: #FFFFFF; } .material-form .input-block { background-color: #FFFFFF; border-bottom: solid 1px #c8c8c8; width: 100%; height: 50px; padding: 0; position: relative; margin-bottom: 20px; box-sizing: border-box; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .material-form .input-block::before { content: ''; position: absolute; left: 50%; width: 0%; bottom: 0; height: 2px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-color: #2196f3; } .material-form .input-block.focus { border-color: #FFFFFF; } .material-form .input-block.focus label { color: #2196f3; top: 0; font-size: 13px; } .material-form .input-block.focus::before { left: 0%; width: 100%; } .material-form .input-block.has-value { background-color: #FFFFFF; } .material-form .input-block.has-value label { top: 0; font-size: 13px; } .material-form .input-block.error { border-color: #FFFFFF; } .material-form .input-block.error::before { left: 0%; width: 100%; background-color: #d50000; } .material-form .input-block.textarea { height: auto; } .material-form .input-block.textarea .form-control { height: auto; resize: none; padding-top: 20px; font-family: 'Roboto', sans-serif; } .material-form .input-block.floating-field { padding: 2px 0 0; height: 62px; } .material-form .input-block.floating-field.textarea { height: auto; } .material-form .input-block label { position: absolute; left: 0; top: 29px; width: 100%; height: 20px; margin: 0; font-weight: 500; z-index: 3; color: #939393; font-size: 13px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; line-height: 16px; white-space: nowrap; overflow: hidden; } .material-form .input-block .form-control { background-color: transparent; padding: 4px 0 0; border: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: none; height: 100%; width: 100%; position: relative; z-index: 2; font-size: 14px; font-weight: 500; color: #3c3c3c; } .material-form .input-block .form-control:focus { outline: none; } .material-form .input-block .form-control:focus label { top: 0; } .material-form .input-block #last_name { margin-top: 0; } .material-form .input-block-half { width: 100%; margin-right: 0; display: block; } .material-form .error-label { color: #d50000; margin-top: -15px; font-size: 14px; margin-bottom: 10px; } .material-form .form-note { font-size: 13px; color: #939393; margin-top: -15px; margin-bottom: 15px; } .material-form .square-button { background-color: #39a1f4; color: #FFFFFF; font-size: 20px; text-transform: uppercase; font-weight: 700; text-align: center; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 0; height: 60px; border: none; cursor: pointer; width: 100%; } .material-form .square-button:hover, .material-form .square-button:focus { background-color: #0d8aee; } .material-form .g-recaptcha { margin: 0 0 20px; } /* Ghost Form */ .ghost-form .material-form { padding: 0px; background-color: transparent; } .ghost-form .material-form .input-block { background-color: transparent; border-color: #FFFFFF; } .ghost-form .material-form .input-block label { color: #FFFFFF; } .ghost-form .material-form .input-block .form-control { color: #FFFFFF; } .ghost-form .material-form .square-button { background-color: transparent; border: solid 1px #FFFFFF; border-radius: 2px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05); } .ghost-form .material-form .square-button:hover, .ghost-form .material-form .square-button:focus { background-color: #00AAE5; border-color: #00AAE5; } /* dropdown list as ul li method */ .select-block { background-color: #FFFFFF; width: 100%; padding: 12px 0 0; position: relative; margin-bottom: 20px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .select-block label { position: absolute; left: 0; top: 32px; height: 20px; width: 100%; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin: 0; font-weight: 500; z-index: 1; color: #939393; font-size: 12px; line-height: 10px; white-space: nowrap; overflow: hidden; } .select-block .active-list { width: 100%; height: 52px; padding: 0; color: #c9c9c9; position: relative; z-index: 2; font-weight: 500; cursor: pointer; font-size: 0; white-space: nowrap; overflow: hidden; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .select-block .active-list:after { content: "▼"; position: absolute; right: 0; background-color: #FFFFFF; top: 50%; width: 20px; padding-left: 5px; text-align: left; height: 52px; line-height: 52px; color: #939393; font-size: 14px; margin-top: -26px; } .select-block.added label { top: 0; font-size: 13px; } .select-block.added .active-list { color: #3c3c3c; font-size: 12px; } .select-block.added.focus label { top: 0; } .select-block.focus label { top: 0; font-size: 13px; color: #2196f3; } .select-block.focus .active-list { font-size: 12px; } .select-block.focus .custom-select { border-color: #FFFFFF; } .select-block.focus .active-list:after { content: "▲"; color: #3c3c3c; } .select-block.focus .custom-select::before { left: 0%; width: 100%; } .select-block .custom-select { border-bottom: solid 1px #c8c8c8; display: inline-block; height: 52px; position: relative; padding: 0; width: 100%; line-height: 52px; } .select-block .custom-select::before { content: ''; position: absolute; left: 50%; width: 0%; bottom: 0; height: 2px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-color: #2196f3; } .select-block .custom-select .list-field { width: 100%; height: 52px; padding: 0 15px; position: absolute; top: 0; left: 0; display: none; } .select-block .custom-select .drop-down-list { width: 100%; height: auto; max-height: 250px; overflow-x: auto; z-index: 99; padding: 0; margin: 0; position: absolute; top: 100%; margin-top: 2px; left: 0; background-color: white; display: none; -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.117647); -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.117647); box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.117647); } .select-block .custom-select .drop-down-list li { padding: 10.5px 15px; cursor: pointer; font-size: 12px; line-height: normal; background-color: #fafafa; background-color: #FFFFFF; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .select-block .custom-select .drop-down-list li input[type="checkbox"] { margin: 0; margin-right: 8px; position: relative; top: 1px; } .select-block .custom-select .drop-down-list li label { font-weight: normal; cursor: pointer; display: block; } .select-block .custom-select .drop-down-list li:hover { color: #3c3c3c; background-color: rgba(0, 0, 0, 0.05); } .select-block .custom-select .drop-down-list .add-new { border-top: solid 1px #c8c8c8; padding: 15px; color: #3c3c3c; } .select-block .custom-select .drop-down-list .add-new i { font-size: 16px; margin-top: 3px; color: #939393; } /*tablet and above devices*/ @media (min-width: 768px) { .contact-wrap { width: 100%; max-width: 960px; margin: auto; } .material-form .input-block label { font-size: 18px; line-height: 14px; } .material-form .input-block .form-control { font-size: 18px; } .material-form .input-block-half { width: 48%; margin-right: 3%; display: inline-block; } .material-form .input-block-last { margin-right: 0; } .material-form .square-button { width: auto; padding: 0 40px; } .select-block label { font-size: 18px; line-height: 14px; } .select-block.added .active-list { font-size: 18px; } .select-block.focus .active-list { font-size: 18px; } .select-block .custom-select .drop-down-list li { font-size: 15px; } .material-form { padding: 30px; } .ghost-form .material-form .square-button { width: auto; padding: 0 50px; } } /* Monarch Lead Gen Section */ .monarch-lead-gen .et_pb_column.et_pb_column_empty { min-height: 1px; } .monarch-lead-gen .monarch-card-wrapper { width: 100%; max-width: 600px; border-radius: 1px; background-color: #ffffff; box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.19); padding: 44px; overflow: hidden; } .monarch-lead-gen .contact-wrap { max-width: 100%; } .monarch-lead-gen h2 { font-size: 36px !important; font-weight: 400 !important; font-style: normal; font-stretch: normal; letter-spacing: normal !important; margin: 24px 0 24px !important; line-height: 1.33; color: rgba(0, 0, 0, 0.8) !important; } .monarch-lead-gen p { width: 100%; max-width: 600px; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 18px !important; font-weight: normal !important; font-style: normal; font-stretch: normal; letter-spacing: normal !important; margin: 0 0 24px !important; padding: 0; line-height: 1.33; color: rgba(0, 0, 0, 0.8) !important; } .monarch-lead-gen form { padding: 0 !important; margin: 0 !important; } .monarch-lead-gen form label { pointer-events: none; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 18px !important; font-weight: 400 !important; font-style: normal; font-stretch: normal; letter-spacing: normal !important; margin: 0 0 24px !important; padding: 0; line-height: 1.33; color: rgba(0, 0, 0, 0.8) !important; font-weight: 600 !important; color: rgba(0, 0, 0, 0.5) !important; } .monarch-lead-gen form .input-block.focus label { font-size: 12px !important; color: #00AAE5 !important; } .monarch-lead-gen form .input-block.has-value label { font-weight: 600 !important; color: rgba(0, 0, 0, 0.5) !important; } .monarch-lead-gen form input { padding-top: 16px !important; } .monarch-lead-gen form .g-recaptcha { max-width: 100%; overflow: hidden; } #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { font-size: 12px !important; margin: -10px 0 0 -10px !important; color: #e85c41; padding: 5px 0 0 10px; background-color: transparent; } #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error { border: none !important; border-bottom: 2px solid #e85c41 !important; } /* SCSS File: 008-monarch-lead-gen-responsive Version: 1.0.0 Description: Monarch lead gen section responsiveness styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Monarch Lead Gen Section Responsiveness */ @media only screen and (max-width: 981px) { #page-container .monarch-lead-gen { padding-top: 10px; padding-bottom: 0; background-image: none !important; background-color: #333 !important; } #page-container .monarch-lead-gen .et_pb_row { width: 90% !important; } #page-container .monarch-lead-gen .monarch-card-wrapper { padding: 24px; } } /* SCSS File: 009-monarch-pull-quote Version: 1.0.0 Description: Monarch lead gen section styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Monarch Lead Gen Section */ .monarch-pull-quote { padding: 68px 0 !important; } .monarch-pull-quote .et_pb_row h2 { max-width: 100%; } .monarch-pull-quote .et_pb_row h3 { font-size: 34px !important; } .monarch-pull-quote .et_pb_row h4 span { font-size: 40px; display: block; } .monarch-pull-quote .et_pb_row p { margin: 10px auto 0px !important; max-width: 85%; } .monarch-pull-quote .et_pb_row .et_pb_button { margin: 0 !important; } /* SCSS File: 010-monarch-pull-quote-responsive Version: 1.0.0 Description: Monarch lead gen section responsiveness styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Monarch Lead Gen Section Responsiveness */ @media only screen and (max-width: 981px) { #page-container .monarch-pull-quote { padding: 45px 0; } } @media only screen and (max-width: 640px) { .monarch-pull-quote .et_pb_row h3 { font-size: 24px !important; } } /* SCSS File: 003-monarch-section Version: 1.0.0 Description: Monarch standard section styling (.monarch-section) */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ .monarch-card { height: 100%; min-height: 300px; } .monarch-card p { line-height: 1.4; } .monarch-card p a { text-decoration: underline; color: #000; } .monarch-card p a:hover { color: #00AAE5; } .monarch-card .et_pb_blurb_content { padding: 30px 20px 20px 95px; height: 100%; min-height: 300px; } .monarch-card .et_pb_main_blurb_image { line-height: 100%; height: 100%; margin: 0; width: 85px; } .monarch-card .et_pb_main_blurb_image .et_pb_image_wrap { width: auto; height: 100%; overflow: hidden; } .monarch-card .et_pb_main_blurb_image .et_pb_image_wrap img { width: auto !important; height: 100%; position: absolute; } /* Retailers */ /* SCSS File: 050-find-a-retailer Version: 1.0.0 Description: "Find a Retailer" overview page styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Find a Retailer */ /* Partners Page */ /* Page Sections */ #partners-1 { background-color: #eee; } #partners-2 { background-color: #FFFFFF; text-align: center; padding: 10px 0 0 0; } #partners-2 h3 { margin-top: 0; margin-bottom: 30px; } #partners-3 { background-color: #eee; } #partners-4 { background-color: #0079A5; } /* Livesearch Form */ #livesearch-wrapper .filter { display: inline-block; width: 48%; margin-right: 1.5%; } #livesearch-wrapper input, #livesearch-wrapper select { padding: 5px; vertical-align: middle; display: inline-block; width: 60%; } #livesearch-wrapper span { vertical-align: middle; font-size: 20px; font-weight: bold; } #livesearch-wrapper ul { padding: 0; } #livesearch-pagination { margin: 30px 0 0; text-align: center; } #livesearch-pagination li { display: inline-block; } #livesearch-pagination a { display: inline-block; padding: 3px 10px; } #livesearch-pagination .plain-text { display: inline-block; padding: 3px 10px; margin: 0; color: #606A6E; font-size: 16px; } #livesearch-pagination .page-current { font-weight: bold; border-radius: 20px; color: #FFFFFF; background-color: #00AAE5; } .page-index { text-align: center; font-size: 14px; font-style: italic; } /* Table */ #partners-loading { display: block; margin: 60px auto; } #partner-list { display: table; width: 100%; max-width: 100%; table-layout: fixed; } #partner-list.default { display: none; } #partner-list .table-row { display: table-row; } #partner-list .table-row:nth-child(even) { background: #ddd; } #partner-list .table-row:hover { background: #0079A5; color: #FFFFFF; } #partner-list .table-row:nth-child(1) { color: #333; } #partner-list .table-row:nth-child(1):hover { background-color: #eee; color: #333; } #partner-list .table-cell { display: table-cell; min-width: 180px; vertical-align: middle; padding: 7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #partner-list .table-cell p { font-size: 1em; } #partner-list .column-1 { width: 17%; } #partner-list .column-2 { width: 23%; } #partner-list .column-3, #partner-list .column-4, #partner-list .column-5 { width: 20%; } #partner-list .bold { font-weight: bold; padding: 20px 7px 15px; } #partner-list .logo-wrap { width: 150px; height: 50px; padding: 3px 0; overflow: hidden; text-align: center; } #partner-list .logo-wrap img { height: 45px; width: auto; float: left; } #partner-list .logo-wrap.partner-logo img { padding: 5px 0 5px 5px; } #partner-list .products li { display: inline-block; margin: 0 30px; } #partner-list .products li p { display: inline-block; margin: 0 0 0 10px; font-size: 14px !important; } #partner-list .products li:first-child { margin-left: 0; } #partner-list .products li img { display: inline-block; vertical-align: middle; } .partner-logo-main.custom { border: 2px solid #00AAE5; border-radius: 7px; } #livesearch-wrapper #partner-list span { font-size: 14px; font-style: italic; font-weight: 400; } /* Mobile Responsive */ @media all and (max-width: 850px) { #partner-list .column-3, #partner-list .column-4, #partner-list .column-5, #livesearch-wrapper #product-filter-wrapper, #partner-list .table-row:nth-child(1) { display: none; } #livesearch-wrapper #retailer-filter-wrapper { display: inline-block; width: 100%; margin-right: 0; text-align: center; } } /* Partners 2 Directory */ #partner-2-headline h1 { font-weight: 600 !important; font-size: 2.25em !important; padding: 16px 20px !important; } .partners-2-filters { padding: 20px; background: #FFFFFF; box-shadow: 0 0 3px rgba(23, 23, 23, 0.5); } .partners-2-filters #livesearch-filters .partner-filter-wrapper { margin-bottom: 10px; } .partners-2-filters #livesearch-filters .partner-filter-wrapper label { font-weight: bold; clear: both; width: 100%; } .partners-2-filters #livesearch-filters .partner-filter-wrapper select { width: 100%; } .partners-2-filters #livesearch-filters .partner-filter-wrapper:last-of-type { margin-bottom: 0; } .partners-2-filters #retailer-filter-wrapper span { margin-right: 10px; } .partners-2-filters #partner-list .table-row:nth-child(even) { background: #efefef; } .partners-2-filters #partner-list .table-row:hover { background: #dedede; color: #00AAE5; } .partners-2-filters #partner-list .table-heading { background: transparent !important; color: #171717 !important; } .partners-2-filters #partner-list p { margin: 0; } .partners-2-filters #partner-list ul { list-style-type: none; } .partners-2-filters #partner-list ul li { float: left; margin-right: 10px; } .partners-2-filters #partner-list ul li img { margin-top: 7px; height: 30px; } .partners-2-filters #partner-list ul li p { font-size: 12px; } /* Partners 2 Single Template */ #partner-2-header { width: 100%; background-size: cover; background-position: center; overflow: hidden; padding: 170px 0px 50px !important; position: relative; } @media all and (max-width: 480px) { #partner-2-header { padding: 70px 0px 50px !important; } } #partner-2-header:before { content: ""; width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.15); top: 0; left: 0; } #partner-2-header .h2-wrapper { margin: 0 auto; width: 100%; max-width: 1240px; position: relative; z-index: 1; padding: 0 20px; } #partner-2-header .h2-wrapper a { border: solid 1px #FFFFFF; background: transparent; color: #FFFFFF; display: inline-block; border-radius: 2px; text-transform: none; padding: 20px 44px !important; width: auto; height: auto; min-width: 224px; margin: 30px 40px 20px 0; text-align: center; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal !important; letter-spacing: normal; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; } @media all and (max-width: 480px) { #partner-2-header .h2-wrapper a { margin-top: 24px !important; margin-bottom: 0px; font-size: 15px; padding: 8px !important; width: 100%; text-align: center; } } #partner-2-header .h2-wrapper a:hover { background-color: #00AAE5 !important; border-color: #00AAE5 !important; } #partner-2-header h2 { color: #FFFFFF; margin: 0 !important; padding: 40px 0 !important; font-size: 45px !important; } @media all and (max-width: 480px) { #partner-2-header h2 { font-size: 32px !important; } } #partner-2-background { padding: 80px 20px 60px; } #partner-2-content { margin: 0 auto; width: 100%; max-width: 1240px; } #partner-2-content .partner-details-wrapper { padding-bottom: 80px; } #partner-2-content .partner-details-wrapper .details { float: left; width: 55%; } @media all and (max-width: 768px) { #partner-2-content .partner-details-wrapper .details { width: 100%; float: none; } } #partner-2-content .partner-details-wrapper .details h1 { font-weight: 700 !important; margin: 0 0 10px !important; font-size: 2.5em !important; } @media all and (max-width: 480px) { #partner-2-content .partner-details-wrapper .details h1 { font-size: 2em !important; } } #partner-2-content .partner-details-wrapper .details .primary-link { display: block; color: #00AAE5; font-weight: 600; margin: 10px 0; font-size: 1.3em; } @media all and (max-width: 480px) { #partner-2-content .partner-details-wrapper .details .primary-link { font-size: 1em; } } #partner-2-content .partner-details-wrapper .details #contact-info li { float: left; margin: 0; } #partner-2-content .partner-details-wrapper .details #contact-info li a { display: block; padding: 10px; color: #666; } #partner-2-content .partner-details-wrapper .details #contact-info li a i { margin-right: 5px; } #partner-2-content .partner-details-wrapper .details #contact-info li a:hover { background: #00AAE5; color: #FFFFFF; } #partner-2-content .partner-details-wrapper .details p.address { clear: both; margin: 027px 21px 10px; } #partner-2-content .partner-details-wrapper .details p.address i { font-size: 0.9em; display: block; } #partner-2-content .partner-details-wrapper .logo-wrapper { float: right; width: 40%; } @media all and (max-width: 768px) { #partner-2-content .partner-details-wrapper .logo-wrapper { float: none; } } @media all and (max-width: 480px) { #partner-2-content .partner-details-wrapper .logo-wrapper { width: 100%; } } #partner-2-content .partner-details-wrapper .logo-wrapper .logo-container { width: 100%; height: 200px; background-size: contain; background-position: center; background-repeat: no-repeat; } #partner-2-content .partner-details-wrapper .logo-wrapper #social-links { margin: 20px 0 0; } #partner-2-content .partner-details-wrapper .logo-wrapper #social-links li { float: right; margin-left: 10px; } #partner-2-content .partner-specs { padding: 40px 0; border-top: 1px solid #eee; } #partner-2-content .partner-specs h3 { font-weight: 600 !important; font-size: 1.4em !important; margin: 0 0 30px !important; } #partner-2-content .partner-specs ul { list-style-type: none; } #partner-2-content .partner-specs ul li { float: left; width: 25%; overflow: hidden; color: #777; } #partner-2-content .partner-specs ul li img, #partner-2-content .partner-specs ul li i { float: left; height: 30px; } #partner-2-content .partner-specs ul li span { display: block; padding-left: 50px; font-weight: bold; } #partner-2-content .partner-specs:last-of-type { border-bottom: 1px solid #eee; } #partner-2-content .partner-specs.large-images li { text-align: center; } #partner-2-content .partner-specs.large-images li img { float: none; height: auto; max-width: 100%; } #partner-2-content .partner-specs.large-images li span { padding-left: 0; margin-top: 10px; } #partner-2-content #partner-resources { margin-top: 30px; } #partner-2-content #partner-resources li { padding: 40px; border: 1px solid #eee; margin-top: 30px; } #partner-2-content #partner-resources li .resource-details { float: left; width: 85%; } #partner-2-content #partner-resources li .resource-details h3 { font-weight: 600 !important; font-size: 1.4em !important; margin: 0 !important; } #partner-2-content #partner-resources li .resource-details p { margin: 15px 0 0; } #partner-2-content #partner-resources li .resource-link { float: right; width: 15%; } #partner-2-content #partner-resources li .resource-link a { float: right; display: inline-block; margin-top: 40px; padding: 5px 20px; background: #00AAE5; color: #FFFFFF; } #partner-2-content #partner-resources li .resource-link a:hover { background: #0079A5; } #partner-2-content #partner-resources li:first-of-type { margin-top: 30px; } #partner-2-browse-more { margin: 120px auto 0; width: 100%; max-width: 1060px; } #partner-2-browse-more h2 { text-align: center; font-size: 2em !important; margin: 0 0 30px !important; } #partner-2-browse-more ul { text-align: center; } #partner-2-browse-more ul li { display: inline-block; width: 100%; max-width: 200px; margin: 30px; } #partner-2-browse-more ul li a { display: block; background: #FFFFFF; padding: 10px; box-shadow: 0 0 3px rgba(23, 23, 23, 0.5); color: #171717; } #partner-2-browse-more ul li a .tile-image { width: 100%; padding: 20px 10px; background: #f6f6f6; text-align: center; } #partner-2-browse-more ul li a .tile-image img { height: 60px; width: auto; } #partner-2-browse-more ul li a p { margin: 5px 0 0; text-align: center; color: #777; font-weight: 600; } #partner-2-browse-more ul li a:hover { opacity: 0.7; } /* Individual Partner Line */ .partner { display: block; padding: 10px; } .partner img { float: left; margin-right: 10px; height: 120px; } .partner p.name { color: #171717; font-size: 26px; padding: 0; } .partner p.details { color: #171717; font-style: italic; font-size: 14px; } .partner p.call-to-action { display: inline-block; text-align: center; color: #FFFFFF; background-color: #00AAE5; border-radius: 3px; width: 100px; padding: 5px; } .partner:hover { background-color: rgba(23, 23, 23, 0.03); } .partner:hover p.call-to-action { background-color: #029bd0; } #find-retailer-heading { text-align: center; margin-top: -20px !important; } #au-view-more { display: block; text-align: center; } /* SCSS File: 051-single-retailer Version: 1.0.0 Description: Individual retailer page styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Individual Retailer Page */ /* Retailer Page Templates */ .connection-list { list-style: disc !important; padding-left: 30px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box !important; } .connection-grid { padding-top: 20px; } .connection-grid li { display: inline-block; width: 21%; height: 60px; margin: 2%; } .testimonial { padding: 40px 30px; background-color: #00AAE5; text-align: center; color: #FFFFFF; } .testimonial p { margin: 10px 0; padding: 0; } .testimonial .quote { margin: 20px 0; line-height: 32px; } .testimonial .author { font-weight: bold; } .testimonial .title { color: #FFFFFF; } .et_pb_blurb { margin-bottom: 30px; } .et_pb_blurb h4 { margin-top: 0 !important; } .et_pb_blurb_position_left .et_pb_blurb_content { padding-left: 52px; } .et_pb_blurb_position_left .et_pb_main_blurb_image { position: absolute; top: 0; left: 0; } .et_pb_blurb_position_left .et_pb_main_blurb_image img { width: 100% !important; } .et_pb_portfolio_item h2 { font-size: 18px !important; } .retailer-section#section-1 { background-color: #eee; } #section-2 { background-color: #FFFFFF; } #section-3 { background-color: #eee; } #section-3 ul { list-style: disc !important; padding-left: 30px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box !important; } #section-4a { padding-bottom: 0; background-color: #FFFFFF; } #section-4b { padding-top: 0; background-color: #FFFFFF; } #section-5 { background-color: #0079A5; } /* OLD (prior to Project Monarch) */ /* SCSS File: 060-homepage-OLD Version: 1.0.0 Description: OLD homepage styling (prior to Project Monarch) TODO: once all homepages are transitioned to Monarch, remove this code (with caution) */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* OLD Homepage */ body .et_pb_slide_description h2.et_pb_slide_title { font-size: 3em !important; } #home-tiles-wrapper .et_pb_column { padding: 0 !important; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } #home-tiles-wrapper .et_pb_blurb { padding-top: 0 !important; padding-bottom: 0 !important; } #home-tiles-wrapper .et_pb_blurb div, #home-tiles-wrapper .et_pb_blurb h4, #home-tiles-wrapper .et_pb_blurb p { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } #home-tiles-wrapper .et_pb_blurb a { display: block; } #home-tiles-wrapper .et_pb_blurb .et_pb_main_blurb_image a { padding: 60px 0 30px; } #home-tiles-wrapper .et_pb_blurb .et_pb_blurb_container p a { padding: 30px 20% 40px; } #home-tiles-wrapper .et_pb_blurb .et_pb_blurb_content { margin: 0 !important; max-width: 100% !important; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } #home-tiles-wrapper .et_pb_column:nth-of-type(1):hover { background: #7c3c6c; } #home-tiles-wrapper .et_pb_column:nth-of-type(2):hover { background: #cc7828; } #home-tiles-wrapper .et_pb_column:nth-of-type(3):hover { background: #c8501c; } /* Home blog excerpts */ #sps-latest-posts h2 { font-size: 1.6em !important; line-height: 1.3em !important; margin-top: 0 !important; } #sps-latest-posts p:nth-of-type(2) { font-size: 1em !important; margin: 0 !important; } #sps-latest-posts a.more-link { display: block; text-align: right; } /* SCSS File: 061-miscellaneous-OLD Version: 1.0.0 Description: OLD miscellaneous styling (prior to Project Monarch) TODO: after Monarch fully launched, remove/re-organize this code (with caution) */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* OLD Miscellaneous */ /* Divi structure */ .myButton { background-color: #e8f7fc; -moz-box-shadow: inset 0px 1px 0px 0px #FFFFFF; -webkit-box-shadow: inset 0px 1px 0px 0px #FFFFFF; box-shadow: inset 0px 1px 0px 0px #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #dcdcdc; display: inline-block; cursor: pointer; color: #FFFFFF; font-size: 0.9375rem; font-size: 1rem; padding: .5rem 2rem; font-weight: bold; text-decoration: none; text-shadow: 0px 1px 0px #FFFFFF; } .myButton:hover { background-color: #e8f7fc; } .myButton:active { position: relative; top: 1px; } .myButton2 { -moz-box-shadow: inset 0px 1px 0px 0px #00ace5; -webkit-box-shadow: inset 0px 1px 0px 0px #00ace5; box-shadow: inset 0px 1px 0px 0px #00ace5; background-color: #00ace5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; cursor: pointer; color: #FFFFFF !important; font-size: 1rem; padding: .5rem 2rem; font-weight: bold; text-decoration: none; text-shadow: 0px 1px 0px #00ace5; } .myButton2:hover { background-color: #0079A5; } .myButton2:active { position: relative; top: 1px; } .myButton3 { background-color: #F6F6F6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #dcdcdc; display: inline-block; cursor: pointer; color: #777777; font-size: 0.9375rem; font-size: 1rem; padding: .5rem 2rem; font-weight: bold; text-decoration: none; } .myButton3:hover { background-color: #0079A5; color: #FFFFFF; border: none; } .myButton3:active { position: relative; top: 1px; } .alpha { background-repeat: repeat !important; background-size: inherit !important; } .alpha h1 { font-size: 400%; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); font-weight: 600 !important; } .alpha h2 { color: #d9f2fb !important; font-weight: 300 !important; font-size: 1.6em; } .alpha-flat h1 { font-weight: 300 !important; } .alpha-flat h2 { font-weight: 300 !important; font-size: 1.75rem !important; } .alpha-flat h3 { color: #0079A5 !important; font-size: 1.35rem !important; font-weight: 300 !important; margin-top: 0px !important; } .alpha-flat h4 { font-weight: 600 !important; font-size: 1.25rem; } .alpha-flat-lead { font-size: 1.5rem !important; font-weight: 300 !important; } .alpha-flat .et_pb_blurb_content { padding-left: 20px !important; } .narrow-list .et_pb_row { padding: 5px !important; } .short { padding: 15px 0 !important; margin-top: -25px !important; } .slider-1 { margin-top: -50px; margin-bottom: -50px; } .et_nav_text_color_dark .et-social-icon a:hover, .et_nav_text_color_dark #et-secondary-nav a:hover, .et_nav_text_color_dark .et-cart-info:hover { color: #F6F6F6 !important; } .et_pb_slide_description h2 { font-size: 3em !important; font-weight: 300 !important; } .et_project_meta_title { display: none; } .et_project_meta p { display: none; } .et_main_title img { max-width: 600px; } .et_pb_promo_button { text-transform: uppercase; font-weight: 600; } .et_pb_slide_description h2 { font-size: 3em; font-weight: 300; } .big { margin-top: -100px; margin-bottom: -100px; } .big h2 { font-size: 5em; font-weight: 600; } .et_pb_post h1 { color: #0097cc; font-weight: 500; } .et_pb_post a { color: #0097cc; font-weight: 500; } /* pricing tables */ .web-price-table .et_pb_best_value { color: #FFFFFF; font-size: 14px; display: block; padding: 5px 10px; font-weight: 500; } .web-price-table .et_pb_pricing_heading { background-color: #62c5ab; } .web-price-table .et_pb_pricing_heading h2 { color: #FFFFFF; font-size: 22px; font-weight: 900; } .web-price-table .et_pb_featured_table .et_pb_pricing_heading { background-color: #178624; } .web-price-table .et_pb_sum { font-size: 30px; line-height: 0; font-weight: 700; color: #4F545A !important; } .web-price-table .et_pb_sum p { padding: 10px 0; } .web-price-table .et_pb_pricing_content_top { border-bottom: 1px solid #ccc; padding: 8px; } .web-price-table .et_pb_featured_table { -webkit-box-shadow: 0 0 15px 5px rgba(157, 157, 160, 0.6); -moz-box-shadow: 0 0 15px 5px rgba(157, 157, 160, 0.6); box-shadow: 0 0 15px 5px rgba(157, 157, 160, 0.6); } .web-price-table .et_pb_pricing li { line-height: 16px; padding: 0 0 15px 14px; position: relative; } .web-price-table .et_pb_pricing_table_button { color: #FFFFFF !important; background: #1e73be; } /*Rounded Corners*/ .web-price-table .et_pb_pricing_table:nth-child(odd) { -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .web-price-table .et_pb_pricing_table:nth-child(odd) .et_pb_pricing_heading { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .web-price-table .et_pb_pricing_table:nth-child(even) { -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .web-price-table .et_pb_pricing_table:nth-child(even) .et_pb_pricing_heading { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .web-price-table .et_pb_pricing_table { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .web-price-table .et_pb_pricing_heading, .web-price-table .et_pb_tab_active:first-child { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .web-price-table .et_pb_featured_table { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .web-price-table .et_pb_featured_table .et_pb_pricing_heading, .web-price-table .et_pb_tabs_controls, .web-price-table .et_pb_column_1_3 .et_pb_tab_active:first-child, .web-price-table .et_pb_column_1_4 .et_pb_tab_active:first-child { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .web-price-table .et_pb_pricing_table:first-child { -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .web-price-table .et_pb_pricing_table:first-child .et_pb_pricing_heading, .web-price-table .et_pb_tab_active:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .web-price-table .et_pb_pricing_table:last-child { -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .product h1 { font-size: 3em; font-weight: 400; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .right { float: right; } .nks-body-bg { background: #171717; -webkit-box-shadow: -2px 0 7px 1px #171717 !important; } .et_pb_promo_description p { font-weight: 300; font-size: 1.75rem; line-height: 2.625rem; letter-spacing: -.025em; } .round { border-radius: 10px; } .sps-retailer-testimonial .et_pb_testimonial_portrait { background-size: 100% !important; } .et_pb_testimonial { background-color: #eeeeee; } .lshowcase-boxInner-normal img { max-height: 50px; width: auto; } .lshowcase-logos img { max-height: 50px; width: auto; } .skinny ul { padding: 2px 0 0 !important; line-height: .75em; } .wpcf7-text, .wpcf7-textarea, .wpcf7-captchar { background-color: #eee !important; border: none !important; width: 100% !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; font-size: 14px; color: #999 !important; padding: 16px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wpcf7-submit { color: #2EA3F2 !important; margin: 8px auto 0; cursor: pointer; font-size: 20px; font-weight: 500; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 20px; line-height: 1.7em; background: transparent; border: 2px solid; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .wpcf7-submit:hover { background-color: #eee; border-color: #eee; padding: 6px 20px !important; } .project { min-height: 0; } .lshowcase-wrap-responsive img { max-height: 50px; width: auto; } .type-project > img { display: none; } .sliderlike { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); padding: 210px 100px; } .sliderlike h2 { font-size: 3em; font-weight: 300; } .sliderlike p { font-size: 17px; font-weight: 500; line-height: 1.7em; } .sliderlike img { top: 50%; } .transparent { opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ } .transparent ul { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } .customcssid { background: #00AAE5; padding: 10px; } .left img { float: left; } .left h4 { clear: both; padding-top: 15px; } .et_project_meta { border-bottom: 1px solid #e2e2e2; border-top: medium none; margin: 23px 0 14px; padding: 15px 0 39px; } .et-pb-controllers { bottom: 75px; left: 0; position: inherit; text-align: center; width: 100%; z-index: 10; } .printfriendly a img { border: medium none; box-shadow: none; display: inline-block; margin-left: -15px; margin-right: 6px; padding: 0; width: 60%; } .narrow { padding-top: -10px; padding-bottom: -10px; } .bottom-border { border-bottom: solid 1px #ddd; } .repeat { background-size: inherit; background-repeat: repeat !important; } .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer { margin-bottom: 0; } /************************** PAGE HEADERS/HEROS */ .pf-content .et_pb_section.sps-mock-header { padding: 0; background-color: #1F282C !important; height: 70px; } .et_pb_section.sps-mock-header { padding: 0; background-color: #1F282C !important; height: 70px; } .et_pb_section.sps-mock-header > div { padding: 0; } .et_pb_section.sps-mock-header .logo { background-color: #00AAE5; position: absolute; left: 0; height: 100px; width: 100px; padding: 5px; z-index: 2; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); } .et_pb_section.sps-mock-header .logo img { height: 90px; } .pf-content .et_pb_section.sps-mock-header-wide { height: 80px; } .et_pb_section.sps-mock-header-wide { height: 80px; } .et_pb_section.sps-mock-header-wide .logo { width: auto; padding: 10px 0px; height: 80px; background-color: transparent; } .et_pb_section.sps-mock-header-wide .logo img { height: 60px; } .page-header-overflow { overflow: visible; } .page-header-overflow > div > div { position: relative; } .page-header-overflow .overflow img { position: absolute; max-width: 200%; width: 125%; z-index: 1; right: -17%; top: -20px; } @media (max-width: 1260px) { .page-header-overflow h1 { font-size: 2.25em !important; } } @media (min-width: 981px) { .page-header-overflow .et_pb_column_1_2.et_pb_column_0 { width: 40%; } .page-header-overflow .et_pb_column_1_2.et_pb_column_1 { width: 60%; } } /* Homepage */ .homepage-blurbs .et_pb_main_blurb_image { margin-bottom: 20px; } .homepage-blurbs .et_pb_main_blurb_image .et-pb-icon { font-size: 106px; } .homepage-blurbs .et_pb_blurb_container .medium-orange-button { margin-bottom: 10px; } .homepage-blurbs .et_pb_blurb_container p { line-height: 1.3; -webkit-margin-after: .25em; } /* Style the Blurbs Tabs */ #blurb-tabs .et_pb_column { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } #blurb-tabs .tab-title { width: 25%; transition: all .3s ease-in-out; height: 100%; } #blurb-tabs .tab-title:hover { cursor: pointer; background: #222; /* Tab hover background color */ } @media (max-width: 767px) { #blurb-tabs .tab-title { width: 50%; } #blurb-tabs .tab-title .et_pb_main_blurb_image { margin-bottom: 10px; /* Reduce icon bottom margin */ } } @media (max-width: 479px) { #blurb-tabs #blurb-tabs .tab-title { width: 100%; } #blurb-tabs #blurb-tabs .tab-title .et_pb_blurb_content { /* This moves icon to the right */ display: flex; align-items: center; justify-content: flex-start; } #blurb-tabs #blurb-tabs .tab-title .et_pb_main_blurb_image { /* Fix icon margins on mobile */ margin-bottom: 0; margin-right: 30px; } } #blurb-tabs .tab-title.active-tab { background: #FFFFFF; /* Active tab background color */ } #blurb-tabs .tab-title.active-tab .et_pb_blurb_container h4 a { color: #00AAE5; /* Active tab title color */ } #blurb-tabs .tab-title.active-tab .et-pb-icon { color: #00AAE5; /* Active tab icon color */ } #blurb-tabs .five-columns .et_pb_module { width: 20%; padding: 0 2%; } /* Hide the tabs content/sections */ .tab-content { display: none; } .tab-open { display: block; } /* Testimonials */ .testimonial-blurb:before { top: 120px; left: 20px; margin-left: 0; font-size: 100px; z-index: 1; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; background: transparent; color: #d8d8d8; transform: rotate(180deg); } .testimonial-blurb .et_pb_testimonial_description_inner { width: 100% !important; } .testimonial-blurb .et_pb_testimonial_description_inner h2 { line-height: 1.15em; font-size: 1.25em !important; } @media (min-width: 981px) { .testimonial-blurb .et_pb_testimonial_description_inner h2 { font-size: 2em !important; } } .testimonial-blurb .et_pb_testimonial_portrait { border: solid 2px #d7d7d7; float: none; display: block; width: 50%; left: 25%; border-radius: 0px; background-size: 90%; height: 80px; margin: 0 0 20px; background-size: contain; background-color: #FFFFFF; } .testimonial-blurb .et_pb_testimonial_portrait:before { top: 49%; left: -50%; width: 50%; box-shadow: none; height: 2px; background-color: #d7d7d7; } .testimonial-blurb .et_pb_testimonial_portrait:after { position: absolute; top: 49%; left: 100%; width: 50%; content: ""; height: 2px; background-color: #d7d7d7; } .testimonial-blurb .et_pb_testimonial_description { position: relative; z-index: 2; display: block; margin-left: 0 !important; } .testimonial-blurb .et_pb_testimonial_author { font-style: italic; font-size: 14px; } .testimonial-blurb .et_pb_testimonial_meta { font-style: italic; font-size: 12px; margin: 0; } .testimonial-blurb-no-logo:before { top: 0px; left: -10px; } .testimonial-blurb-full:before { top: 90px; } @media (min-width: 981px) { .testimonial-blurb-full .et_pb_testimonial_portrait { width: 25%; left: 37.5%; margin: 0; } .testimonial-blurb-full .et_pb_testimonial_portrait:before { left: -165%; width: 165%; } .testimonial-blurb-full .et_pb_testimonial_portrait:after { width: 165%; } } /* Case Studies */ #main-content .case-study ul { list-style: none; padding: 0; } #main-content .case-study ul li { padding: 0; font-size: 1em; line-height: 1.2; margin-bottom: 10px; } #main-content .case-study ul li strong { text-transform: uppercase; font-size: .75em; } #main-content .case-study .et_pb_blurb_content { line-height: 1.1; } #main-content .case-study .et_pb_blurb_content .et_pb_blurb_container { font-size: 1.25em; } #main-content .case-study .sps-cta { margin: 45px 0 0; } #main-content .case-study .sps-cta h3 { margin: 0 !important; } #main-content .case-study .sps-cta img { max-height: 180px; padding: 10px 0; } @media screen and (max-width: 650px) { #main-content .case-study .sps-cta img { max-height: 150px; margin: 0 0 15px; } } #main-content .case-study .sps-cta .cta-button { margin: 0; } #main-content .case-study .sps-cta.full .cta-button { margin: 0 auto; } #main-content .et_pb_circle_counter .percent p { margin: 0; } .prince a { color: #9B4B87 !important; } .boxed { max-width: 1200px; float: none; margin-bottom: 25px; margin-top: 25px; left: 50%; margin-right: -50%; transform: translate(-50%, 0%); } @media only screen and (max-width: 1350px) { .boxed { max-width: 95%; } } @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .boxed { max-width: 100%; float: none; margin: 0; left: 0%; margin-right: 0%; transform: translate(0%, 0%); } } .move-up { margin-top: -150px; } .category1 h3 { color: #9B4B87; border-top: 10px solid #9B4B87; } .category2 h3 { color: #FF9632; border-top: 10px solid #FF9632; } .category3 h3 { color: #62C5AB; border-top: 10px solid #62C5AB; } .gq-title-row, .gq-title { padding-bottom: 0px !important; margin-bottom: 0px !important; } .gq-title h3 { padding: 10px 5px 15px; } .gq-more-button { margin-right: 25px; margin-top: 10px; margin-bottom: 10px !important; } /************************* two column layout *************************/ .gq-double-column-row { background-color: #FFFFFF; padding-bottom: 0px !important; padding-top: 0px !important; padding-right: 10px !important; padding-left: 10px !important; } .gq-double-column-most-recent { padding-right: 10px; } .gq-double-column-more { margin-top: -30px; margin-bottom: 0px !important; } .gq-double-column-more .et_pb_post { margin-bottom: 0px; height: 60px; } .gq-double-column-more a img { width: 100px; height: auto; float: left; left: 0; padding-right: 14px; } .gq-double-column-more a img:hover { opacity: 0.8; } .gq-double-column-more a:hover { text-decoration: underline; } .gq-double-column-more h2 { font-size: 13px !important; padding-bottom: 0px; margin-top: 30px !important; font-weight: bold; } .gq-double-column-more p { display: none; } .gq-double-column-more .post-meta { display: block; font-size: 12px; } /***************************** single column layout *****************************/ .gq-single-column-layout-row { padding-top: 0px; } .gq-single-column-layout-row .et_pb_post { margin-bottom: 30px; } .gq-single-column-layout-row .et_pb_column { background-color: #FFFFFF; } .gq-single-most-recent .et_pb_post a img { max-height: 210px; } .gq-single-most-recent .et_pb_post h2 { margin-top: 12px; } .gq-single-most-recent a img:hover { opacity: 0.8; } .gq-single-most-recent h2 { padding: 0px 10px; } .gq-single-most-recent h2 a { font-size: 15px; text-transform: uppercase; font-weight: 900; line-height: 0; } .gq-single-most-recent h2 a:hover { text-decoration: underline; } .gq-single-most-recent p { padding: 0px 10px; } .gq-single-more { margin-top: -30px; margin-bottom: 0px !important; padding-top: 1px; padding-bottom: 0px; padding-right: 10px; } .gq-single-more .et_pb_post { margin-bottom: -10px; height: 60px; } .gq-single-more .et_pb_post:last-child { margin-bottom: 35px !important; } .gq-single-more h2 { font-size: 13px !important; padding-bottom: 0px; margin-top: 30px !important; font-weight: bold; } .gq-single-more p { display: none; } .gq-single-more a img { max-width: 115px; max-height: 70px; float: left; left: 0; padding-right: 14px; padding-left: 10px; } .gq-single-more a img:hover { opacity: 0.8; } .gq-single-more a:hover { text-decoration: underline; } .gq-single-more .post-meta { display: block; font-size: 12px; } .section-overlap:before { content: ''; width: 100%; position: absolute; height: 30%; top: -30%; z-index: 1; background-color: #F6F6F6; } .cta-overlap { z-index: 2; } /* Forms */ /* SCSS File: 100-forms Version: 1.0.0 Description: Custom form styles */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Forms */ .myCustomForm { width: 100%; } .myCustomForm > form > div > { /* input { float: left; background-color: #eee; border: none !important; color: #999 !important; padding: 16px !important; box-sizing: border-box; width: 45% !important; margin: 10px 15px; } textarea { width: 96% !important; margin: 10px 15px; background-color: #eee; border: none !important; color: #999 !important; padding: 16px !important; box-sizing: border-box; } */ } .myCustomForm > form > div > input, .myCustomForm > form > div > select { float: none; background-color: #F6F6F6; border: #eee 1px solid !important; color: #999 !important; padding: 16px 14px !important; box-sizing: border-box; width: 100% !important; margin: 7px 0px; } .myCustomForm > form > div > label { float: left; color: #1F282C !important; padding: 0px !important; width: 100% !important; margin: 5px 0px; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; font-size: 15px; } .myCustomForm > form > div > textarea { width: 100% !important; margin: 5px 0px; background-color: #F6F6F6; border: #eee !important; color: #999 !important; padding: 16px !important; box-sizing: border-box; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; } .myCustomForm #last_name { margin-top: 7px; } .myLongForm { width: 100%; } .myLongForm > form > div > input { float: left; background-color: #F6F6F6; border: #eee !important; color: #999 !important; font-weight: bold; padding: 16px 14px !important; box-sizing: border-box; width: 100% !important; margin: 7px 0px; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; font-size: 15px; } .myLongForm > form > div > textarea { width: 100% !important; margin: 5px 0px; background-color: #F6F6F6; border: #eee !important; color: #999 !important; font-weight: bold; padding: 15px !important; box-sizing: border-box; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; font-size: 15px; } .myLongForm #last_name { margin-top: 7px; } /* Contact Form */ #last_name { margin-top: -15px; } /* Consent Area */ .monarch-lead-gen .form-consent, .monarch-contact .form-consent { margin: 0 0 15px; font-weight: normal !important; } .monarch-lead-gen .form-consent p, .monarch-contact .form-consent p { font-size: 15px !important; color: #3c3c3c !important; } .monarch-lead-gen .form-consent label, .monarch-contact .form-consent label { font-size: 15px !important; } /** ReCAPTCHA Modal */ .modal { position: absolute; z-index: 10000; /* 1 */ top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; } .modal-overlay { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s; } .modal-wrapper { position: fixed; z-index: 9999; top: 50%; left: 50%; width: 32em; margin-left: -16em; background-color: #fff; box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.35); } .modal-transition { transition: all 0.3s 0.12s; transform: translateY(-10%); opacity: 0; } .modal.is-visible { visibility: visible; } .modal.is-visible .modal-overlay { opacity: 1; visibility: visible; transition-delay: 0s; } .modal.is-visible .modal-transition { transform: translate(0%, -50%); opacity: 1; } .modal-content { padding: 1em; } .modal-header { padding: 1em; position: relative; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); border-bottom: 1px solid #e8e8e8; } .modal-close { position: absolute; top: 0; right: 0; padding: 1em; color: #aaa; background: none; border: 0; } .modal-close:hover { color: #777; } .modal-heading { font-size: 1.125em; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .modal-content > *:first-child { margin-top: 0; } .modal-content > *:last-child { margin-bottom: 0; } /* Blog */ /* SCSS File: 200-blog-core Version: 1.0.0 Description: Core blog styling NOTE: this CSS may be out of date/overwritten by #blog-2017 styles... TODO: investigate */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Blog Core Styling */ #main-content.single-blog { background-color: #F6F6F6; overflow: hidden; } #main-content.single-blog .container:before { width: 0; } .single-blog #left-area { width: 70%; } .single-blog #sidebar { width: 30%; padding-left: 0; } /* Post categories */ .single-blog .post-categories { position: relative; background: #606A6E; color: #F6F6F6; padding-left: 40px; border-top: 1px solid #d8dbdc; border-right: 1px solid #d8dbdc; border-left: 1px solid #d8dbdc; } .single-blog .post-categories img { position: absolute; top: -10px; left: -30px; width: 60px; } .single-blog .post-categories .cat-list { position: relative; display: inline-block; width: 90%; height: 40px; overflow: hidden; white-space: nowrap; } .single-blog .post-categories .cat-list:after { content: ""; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; width: 300px; pointer-events: none; background-image: linear-gradient(to left, #606a6e, rgba(96, 106, 110, 0)); } .single-blog .post-categories a { display: inline-block; padding: 7px 3px; color: #F6F6F6; } .single-blog .post-categories a:hover { color: #B0B6B8; } .single-blog .fa { position: absolute; top: 7px; right: 14px; z-index: 5; font-size: 22px; color: #1F282C; } .single-blog .post-categories #comment-link-wrapper { display: inline; padding: 0; } /* Title, author, date published */ .single-blog .post-heading { background: #FFFFFF; padding: 34px; border-right: 1px solid #d8dbdc; border-left: 1px solid #d8dbdc; } .single-blog .post-heading h1 { color: #606A6E; font-weight: 600; } .single-blog .post-heading .author a { font-weight: bold; } /* Featured image */ .single-blog img.featured { width: 100%; border-right: 1px solid #d8dbdc; border-left: 1px solid #d8dbdc; } /* Main blog content */ .single-blog .entry-content { position: relative; } .single-blog .pf-content { background: #FFFFFF; padding: 34px; padding-bottom: 70px; border-right: 1px solid #d8dbdc; border-bottom: 1px solid #d8dbdc; border-left: 1px solid #d8dbdc; } /* Social Media */ .single-blog .entry-content .et-social-icons { position: absolute; right: 0; bottom: 295px; left: 0; background: #606A6E; text-align: center; margin: 0; padding: 0 !important; } .single-blog .entry-content .et-social-icons li { display: inline-block; width: 15%; margin: 10px 20px; } .single-blog .entry-content .et-social-icons a { display: block; padding: 5px; border-radius: 3px; color: #FFFFFF; } .single-blog .entry-content .et-social-icons li.et-social-facebook a { background: #3b5998; } .single-blog .entry-content .et-social-icons li.et-social-twitter a { background: #00aced; } .single-blog .entry-content .et-social-icons li.et-social-linkedin a { background: #007bb6; } .single-blog .entry-content .et-social-icons li.et-social-google-plus a { background: #dd4b39; } .single-blog .entry-content .et-social-icons a:hover { color: #FFFFFF !important; } .single-blog .entry-content .et-social-icons .label-wrapper { margin: 0; padding: 0; overflow: hidden; } .single-blog .entry-content .et-social-icons .label-wrapper .label { display: block; color: #FFFFFF; padding: 0; font-size: 20px; line-height: 20px; margin: 0 0 1px; } /* Author information */ .single-blog .post-author-data { background: #FFFFFF; margin-top: 40px; padding: 34px; border-right: 1px solid #d8dbdc; border-bottom: 1px solid #d8dbdc; border-left: 1px solid #d8dbdc; } /* OLD -- from plugin */ #main-content .abh_box { background: #FFFFFF; margin-top: 40px; padding: 34px !important; border: 1px solid #d8dbdc; } #main-content .abh_box .abh_tabs { display: none; padding: 0; border-bottom: none; } #main-content .abh_box .abh_tab_content { border-bottom: none !important; } #main-content .abh_box .abh_tab_content .abh_image { box-shadow: 0 0 3px rgba(23, 23, 23, 0.5); border-radius: 80px; width: 80px !important; margin-right: 30px !important; } #main-content .abh_box .abh_tab_content .abh_image img { max-width: 80px !important; width: 100%; } #main-content .abh_box .abh_tab_content .abh_text { margin-left: 130px !important; } #main-content .abh_box .abh_tab_content .abh_job { font-size: 1em !important; font-weight: 300; margin-bottom: 10px; } #main-content .abh_box .abh_tab_content .abh_job span { font-size: 1em !important; font-weight: 300; } /* Comments */ .comment-wrapper { background: #ebeded; padding: 34px; margin-top: 40px; } #comment-wrap { padding-top: 0; } #comment-wrap h3 { margin: 0; text-transform: uppercase; } #commentform textarea { margin-bottom: 16px; } #commentform textarea, #commentform input[type="text"] { background: #FFFFFF; border: 1px solid #d8dbdc; width: 100%; max-width: 100%; } #commentform button { color: #FFFFFF !important; background-color: #00AAE5 !important; display: inline-block !important; cursor: pointer !important; padding: 6px 20px !important; line-height: 1.7em !important; text-transform: uppercase !important; border: 0 !important; font-weight: 500 !important; position: relative !important; font-size: 16px !important; border-radius: 3px !important; } #comment-wrap .comment-body { padding: 0 0 0 30px; } /* Custom Form Classes */ .form-commented textarea, .form-commented select, .form-commented input[type="text"], .form-commented input[type="textarea"], .form-commented input[type="tel"], .form-commented input[type="email"], .form-commented input[type="number"], .form-commented input[type="select"] { background: #FFFFFF !important; color: #999 !important; border: 1px solid #d8dbdc !important; width: 100% !important; max-width: 100% !important; } .form-labelled .et_pb_contact_form_label { display: inline-block; font-weight: bold; font-size: 14px; } .form-singled { position: relative; width: 100%; height: 44px; } .form-singled input[type="text"], .form-singled input[type="email"], .form-singled input[type="tel"], .form-singled input[type="number"] { position: absolute; top: 0; left: 0; background: #FFFFFF !important; color: #999 !important; border: 1px solid #d8dbdc !important; width: 90% !important; padding: 10px 5px !important; } .form-singled button { position: absolute; top: 0; right: 0; display: inline-block !important; padding-left: 15px !important; padding-right: 15px !important; } /* Related posts */ .related-posts-wrapper { background: #FFFFFF; margin-bottom: 40px; padding: 34px; border: 1px solid #d8dbdc; } .related-posts-wrapper a.related-post { float: left; display: inline-block; width: 20%; margin: 10px 4% 10px 0; } .related-posts-wrapper a.related-post .thumbnail { width: 100%; height: 170px; background-position: center; background-size: cover; background-repeat: no-repeat; box-shadow: 0 0 3px rgba(23, 23, 23, 0.5); } .related-posts-wrapper a.related-post p { font-size: 1em; margin: 10px 0 0; } .wp_rp_wrap { display: none; background: #FFFFFF; padding: 34px; border: 1px solid #d8dbdc; } .wp_rp_wrap ul.related_post { margin: 30px 0 0 !important; } .wp_rp_wrap ul.related_post li { width: 23% !important; margin: 0 1% !important; } .wp_rp_wrap ul.related_post li img { width: 100% !important; height: auto !important; } /* Sidebar */ .sidebar-box { background: #FFFFFF; border: 1px solid #d8dbdc; padding: 0 34px 34px; margin-bottom: 40px; } .sidebar-box h2 { font-size: 22px; text-transform: uppercase; color: #606A6E; font-weight: 600; } #category-list li { clear: both; } #category-list li a { display: block; clear: both; padding: 10px 0; } #category-list li img { float: left; width: 26px; margin: 4px 10px 0 0; } #category-list li p { color: #606a6e; margin: 0; font-size: 0.8em; } #blog-search-form button { background-color: #eeeeee !important; border: 1px solid #d8dbdc !important; text-transform: uppercase; color: #606a6e !important; font-size: 17px !important; border-radius: 0 !important; padding: 6px; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } #blog-search-form button:hover { background: #00AAE5 !important; color: #FFFFFF !important; } #subscribe-form button { background: #00AAE5; border: 1px solid #0079A5 !important; color: #FFFFFF; text-transform: uppercase; border-radius: 0 !important; } /* Subscription Form */ #pardot input { background: #FFFFFF !important; color: #999 !important; border: 1px solid #d8dbdc !important; width: 100% !important; padding: 10px 5px !important; margin: 7px 0; } #pardot input:first-of-type { margin-top: 0; } #pardot .hide-this { height: 0; overflow: hidden; } #pardot .hide-this input { padding: 0; margin: 0; } #pardot button, #pardot input[type=submit] { margin: 7px 0; width: 100%; background: #eee !important; border: 1px solid #d8dbdc !important; color: #606a6e !important; border-radius: 1px; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } #pardot button:hover, #pardot input[type=submit]:hover { background: #00AAE5 !important; color: #FFFFFF !important; } /* SCSS File: 201-blog-2017 Version: 1.0.0 Description: 2017 blog styling TODO: optimize and split into multiple pieces */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* Blog 2017 Styling */ #sps-blog-wrapper { background-color: #FFFFFF !important; /* Row Width Styling */ /* Button Styling */ /* Featured Slider */ /* Category Tabs Mobile Dropdown */ /* Category Tabs */ /* Blog Grid */ /* See More Posts Button */ /* Author Archive */ /* Post Content */ /* Comments */ /* Subscription Box */ } #sps-blog-wrapper .et_pb_row_0 { max-width: 1240px !important; } #sps-blog-wrapper .et_pb_button { background-color: #00AAE5; border-color: #00AAE5; transition: 0.5s; } #sps-blog-wrapper .et_pb_button:hover { background-color: #0079A5 !important; border-color: #0079A5 !important; } #sps-blog-wrapper #sps-blog-featured-slider { position: relative; margin-bottom: 0; /* Arrow Navigation */ } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slider_container_inner { vertical-align: top; } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slide { padding: 0; height: 400px; } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slide .et_pb_slide_description { padding: 20px 20px 12px; background: rgba(23, 23, 23, 0.7); } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slide .et_pb_slide_description h2.et_pb_slide_title { font-size: 1.1em !important; margin: 0 !important; font-weight: 600 !important; text-align: left; text-transform: uppercase; } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slide .et_pb_slide_description .et_pb_slide_content { font-size: 0; height: 32px; } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slide .et_pb_slide_description .et_pb_slide_content p.post-meta { text-align: left; margin: 0; font-size: 0 !important; padding: 17px 0; } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slide .et_pb_slide_description .et_pb_slide_content p.post-meta a { color: #00AAE5 !important; margin-right: 5px; } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slide .et_pb_slide_description .et_pb_slide_content p.post-meta span { font-size: 13px !important; margin-right: 3px; } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slide .et_pb_slide_description .et_pb_slide_content p.post-meta span a { color: #00AAE5 !important; margin-right: 0; } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slide .et_pb_slide_description .et_pb_slide_content p.post-meta span.author:before { content: 'Posted by '; } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slide .et_pb_slide_description .et_pb_slide_content p.post-meta span.published:before { content: '| '; } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slide .et_pb_slide_description .et_pb_slide_content p.post-meta span.published:after { content: ' |'; } #sps-blog-wrapper #sps-blog-featured-slider .et_pb_slide .et_pb_slide_description .et_pb_more_button { position: absolute; bottom: -300px; right: 20px; margin-top: 0; } #sps-blog-wrapper #sps-blog-featured-slider .et-pb-slider-arrows { position: absolute; top: 40px; right: 80px; } #sps-blog-wrapper #sps-blog-featured-slider:hover { /* Arrow Navigation */ } #sps-blog-wrapper #sps-blog-featured-slider:hover .et-pb-arrow-prev, #sps-blog-wrapper #sps-blog-featured-slider:hover .et_mobile_device .et-pb-arrow-prev { left: -68px; } #sps-blog-wrapper #sps-blog-featured-slider:hover .et-pb-arrow-next, #sps-blog-wrapper #sps-blog-featured-slider:hover .et_mobile_device .et-pb-arrow-next { right: -68px; } #sps-blog-wrapper #sps-blog-category-toggle { background: #FFFFFF; border: 1px solid #f1f1f1; color: #00AAE5; font-size: 14px; line-height: 28px; padding: 8px 12px; font-weight: bold; text-align: center; text-transform: uppercase; cursor: pointer; } #sps-blog-wrapper #sps-blog-category-toggle .fa { margin-right: 5px; } #sps-blog-wrapper #sps-blog-category-toggle:hover { background: #F6F6F6; } #sps-blog-wrapper #sps-blog-category-tabs { border: 0; /* Tab Controls */ /* Tab Content */ } #sps-blog-wrapper #sps-blog-category-tabs .et_pb_tabs_controls { background: #FFFFFF; border-left: 1px solid #B0B6B8; border-right: 1px solid #B0B6B8; } #sps-blog-wrapper #sps-blog-category-tabs .et_pb_tabs_controls li { margin: 0; padding: 0; border-right: 0; line-height: 1em !important; } #sps-blog-wrapper #sps-blog-category-tabs .et_pb_tabs_controls li a { display: inline-block; color: #00AAE5; font-size: 14px; line-height: 28px; padding: 8px 12px; margin: 0; font-weight: bold; text-transform: uppercase; background: transparent; } #sps-blog-wrapper #sps-blog-category-tabs .et_pb_tabs_controls li:hover a { background: #F6F6F6; } #sps-blog-wrapper #sps-blog-category-tabs .et_pb_tabs_controls li.et_pb_tab_active { bottom: 0; } #sps-blog-wrapper #sps-blog-category-tabs .et_pb_tabs_controls li.et_pb_tab_active a { background: #00AAE5; color: #FFFFFF !important; } #sps-blog-wrapper #sps-blog-category-tabs .et_pb_all_tabs { padding: 24px 0; background: transparent; } #sps-blog-wrapper #sps-blog-category-tabs .et_pb_all_tabs .et_pb_tab { padding: 0; } #sps-blog-wrapper .blog-grid { margin: 0; padding: 0; } #sps-blog-wrapper .blog-grid li { float: left; display: inline-block; width: 48%; margin-right: 2%; padding-bottom: 24px; } #sps-blog-wrapper .blog-grid li a { display: block; background: #FFFFFF; border: 1px solid #f1f1f1; } #sps-blog-wrapper .blog-grid li a .thumbnail { height: 180px; background-size: cover; background-position: center; border-bottom: 1px solid #f1f1f1; } #sps-blog-wrapper .blog-grid li a .details { padding: 10px 20px 16px; } #sps-blog-wrapper .blog-grid li a .details .categories { display: block; overflow: hidden; height: 32px; } #sps-blog-wrapper .blog-grid li a .details .categories img { width: 20px; margin-right: 5px; } #sps-blog-wrapper .blog-grid li a .details .categories span { font-size: 0.7em; font-weight: 600; } #sps-blog-wrapper .blog-grid li a .details h2 { font-size: 1em !important; margin: 0 !important; height: 64px; overflow: hidden; } #sps-blog-wrapper .blog-grid li a:hover { background: #efefef; } #sps-blog-wrapper .blog-grid li:nth-of-type(even) { margin-right: 0; margin-left: 2%; } #sps-blog-wrapper .blog-view-more p { margin: 0; padding: 0; } #sps-blog-wrapper .blog-view-more p a { display: block; background: #FFFFFF; border: 1px solid #f1f1f1; text-align: center; padding: 10px 20px; } #sps-blog-wrapper .blog-view-more p a:hover { background: #efefef; } #sps-blog-wrapper #blog-author-top-info .abh_box { margin: 0 0 24px; padding: 0 !important; border: 1px solid #f1f1f1; background: #FFFFFF; } #sps-blog-wrapper #blog-author-top-info .abh_box .abh_image { width: 100px !important; } #sps-blog-wrapper #blog-author-top-info .abh_box .abh_image img { max-width: 100px !important; } #sps-blog-wrapper #sps-blog-content-column { background: #fff; padding: 0 40px 40px 30px; /* Title, meta, image */ /* Content */ /* Author */ } #sps-blog-wrapper #sps-blog-content-column #sps-blog-post-categories { margin: 0; } #sps-blog-wrapper #sps-blog-content-column .et_pb_post_title h1 { margin: 0 !important; padding-bottom: 20px !important; border-bottom: 1px solid #f1f1f1; font-size: 2.4em !important; font-weight: 600 !important; } #sps-blog-wrapper #sps-blog-content-column .et_pb_post_title p.et_pb_title_meta_container { margin: 0; padding: 15px 0; font-size: 1em; } #sps-blog-wrapper #sps-blog-content-column .et_pb_post_title p.et_pb_title_meta_container a { color: #00AAE5; } #sps-blog-wrapper #sps-blog-content-column .et_pb_title_featured_container { margin-bottom: -36px; } @media (max-width: 640px) { #sps-blog-wrapper #sps-blog-content-column .et_pb_title_featured_container img { display: none; } } #sps-blog-wrapper #sps-blog-content-column .pf-content { padding: 0; border: 0; } #sps-blog-wrapper #sps-blog-content-column .pf-content p { font-size: 18px !important; line-height: 1.6 !important; margin: 0 !important; padding-bottom: 1.25em !important; } #sps-blog-wrapper #sps-blog-content-column .pf-content ul, #sps-blog-wrapper #sps-blog-content-column .pf-content ol { font-size: 18px !important; line-height: 1.6 !important; list-style: disc; margin-left: 30px; } #sps-blog-wrapper #sps-blog-content-column .pf-content ul li, #sps-blog-wrapper #sps-blog-content-column .pf-content ol li { font-size: 18px !important; line-height: 1.6 !important; } #sps-blog-wrapper #sps-blog-content-column .pf-content ol { list-style: decimal; } #sps-blog-wrapper #sps-blog-content-column .abh_box { margin-top: 0; padding: 0 !important; border: 0; border-top: 1px solid #f1f1f1; } #sps-blog-wrapper #sps-blog-content-column .abh_box .abh_image { width: 100px !important; } #sps-blog-wrapper #sps-blog-content-column .abh_box .abh_image img { max-width: 100px !important; } #sps-blog-wrapper .et_pb_comments_module { background: #fff; border: 1px solid #f1f1f1; margin-bottom: 30px; } #sps-blog-wrapper .et_pb_comments_module h1 { margin: 0 !important; padding: 20px !important; background: #00AAE5; color: #FFFFFF; font-size: 16px !important; text-transform: uppercase; font-weight: 600 !important; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment { border-top: 1px solid #f1f1f1; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment .comment-body { padding: 20px 40px; margin: 0; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment .comment-body .comment_avatar { position: relative; top: 0; float: left; width: 80px; height: 80px; border-radius: 80px; overflow: hidden; box-shadow: 0 0 3px rgba(23, 23, 23, 0.5); } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment .comment-body .comment_avatar img { width: 80px; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment .comment-body .comment_postinfo { margin: 0; padding-left: 100px; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment .comment-body .comment_postinfo .comment-edit-link { font-size: 16px; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment .comment-body .moderation { display: inline-block; margin: 0 0 0 20px; padding: 0; color: #00AAE5; font-size: 16px; font-weight: 600; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment .comment-body .comment-content { clear: none !important; padding-left: 100px; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment .comment-body .comment-content p { margin: 0; font-size: 16px; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment .comment-body .comment-content a.comment-reply-link { top: 14px; right: 40px; line-height: 1.3 !important; font-size: 16px; font-weight: 600; color: #B0B6B8; border-color: #B0B6B8; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment .comment-body .comment-content a.comment-reply-link:after { top: 0; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment ul.children { margin: 0; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment ul.children li { padding-left: 30px; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment:last-of-type { border-bottom: 1px solid #f1f1f1; } #sps-blog-wrapper .et_pb_comments_module ol.commentlist li.comment ul.children li.comment:last-of-type { border-bottom: 0; } #sps-blog-wrapper .et_pb_comments_module #respond.comment-respond { padding: 20px 40px 40px; } #sps-blog-wrapper .et_pb_comments_module #respond.comment-respond h3 { font-size: 24px !important; letter-spacing: -1px !important; font-weight: 600 !important; } #sps-blog-wrapper .et_pb_comments_module #respond.comment-respond h3 span { font-size: 0; } #sps-blog-wrapper .et_pb_comments_module #respond.comment-respond h3 span:after { content: 'Share your thoughts!'; text-transform: uppercase; font-size: 24px; } #sps-blog-wrapper .et_pb_comments_module #respond.comment-respond form p { font-size: 16px; padding: 0; } #sps-blog-wrapper .et_pb_comments_module #respond.comment-respond form p.comment-form-comment { margin: 0; padding: 0; } #sps-blog-wrapper .et_pb_comments_module #respond.comment-respond form p.comment-notes { font-size: 0; } #sps-blog-wrapper .et_pb_comments_module #respond.comment-respond form p.comment-notes:after { display: block; margin-bottom: 30px; font-size: 16px; content: 'Your email address will not be published. * Denotes a required field.'; } #sps-blog-wrapper .et_pb_comments_module #respond.comment-respond:after { clear: both; } #sps-blog-wrapper #sps-blog-subscription-box p { margin: 0; } #sps-blog-wrapper #sps-blog-subscription-box p .fa { position: relative; top: auto; right: auto; font-size: 54px; color: inherit; } /* Post List (Search Results) */ ul.post-list { margin: 0; padding: 0; list-style: none; } ul.post-list li { display: block; margin: 20px 0; } ul.post-list li a { display: block; position: relative; background: #FFFFFF; border: 1px solid #f1f1f1; padding: 20px 70px 20px 20px; } ul.post-list li a h3 { font-size: 1.5em !important; margin: 0 !important; } ul.post-list li a p.meta { color: #00AAE5; font-size: 0.7em !important; font-weight: 600; margin: 0 !important; padding: 0 !important; } ul.post-list li a p.description { color: #171717; font-size: 0.9em !important; margin: 0 !important; font-weight: 400; line-height: 1.5; } ul.post-list li a .read-more { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; background: #f1f1f1; text-align: center; } ul.post-list li a .read-more .fa { position: absolute; top: 35%; left: 10px; color: #FFFFFF; font-size: 36px; opacity: 0.9; } ul.post-list li a:hover { background: #efefef; } ul.post-list li a:hover .read-more { background: #00AAE5; } ul.post-list li a:hover .read-more .fa { opacity: 1; } /* Search results list */ ul.search-result-list { margin: 20px 0 0; padding: 0; list-style: none; } ul.search-result-list li { display: block; margin: 0; } ul.search-result-list li a { display: block; position: relative; background: #FFFFFF; border-top: 1px solid #eee; padding: 20px; } ul.search-result-list li a h2 { font-size: 1em !important; margin: 0 !important; padding: 0; color: #00AAE5; font-weight: 600; } ul.search-result-list li a p.description { color: #171717; font-size: 0.9em !important; margin: 0 !important; font-weight: 400; line-height: 1.5; } ul.search-result-list li a span.url { font-weight: 400 !important; font-size: 0.9em !important; vertical-align: baseline !important; } ul.search-result-list li a span.result-type { font-size: 0.7em !important; font-weight: 600 !important; } ul.search-result-list li a:hover { background: #efefef; } /* Search filters */ #search-result-h1 { font-size: 1em !important; margin: 10px 0 !important; } #website-livesearch-wrapper { clear: both; } #website-livesearch-wrapper #website-livesearch-filters label { display: block; float: left; width: 24%; } #website-livesearch-wrapper #website-livesearch-filters label input, #website-livesearch-wrapper #website-livesearch-filters label select { width: 100%; padding: 6px 10px; } #website-livesearch-wrapper #website-livesearch-filters label select { padding: 5px 10px; } #website-livesearch-wrapper #website-livesearch-filters label:first-of-type { width: 49%; } #website-livesearch-wrapper #website-livesearch-filters label:last-of-type { float: right; } #website-livesearch-wrapper #website-livesearch-filters label.search-string-wrapper { position: relative; margin-right: 2%; } #website-livesearch-wrapper #website-livesearch-filters label.search-string-wrapper .fa { position: absolute; top: 7px; right: 7px; font-size: 1.3em; } @media screen and (max-width: 600px) { #website-livesearch-wrapper #website-livesearch-filters label { float: none; width: 100%; margin: 5px 0; } #website-livesearch-wrapper #website-livesearch-filters label:first-of-type { width: 100%; } #website-livesearch-wrapper #website-livesearch-filters label:last-of-type { float: none; } #website-livesearch-container { padding: 0 !important; } #website-search-row { width: 100% !important; } ul.search-result-list li a { padding: 10px 0; } } /* Podcast Styling */ #page-container .podcast-section .monarch-section { width: 100% !important; } .et_pb_section .et_pb_row .podcast-quote { background-color: #efefef; padding: 40px 40px 20px; } .podcast-host .et_pb_blurb_content { padding-left: 110px; } .podcast-host .et_pb_blurb_position_left .et_pb_main_blurb_image { width: 100px; } .podcast-host .et_pb_blurb_position_left .et_pb_main_blurb_image img { width: 100px !important; } @media (max-width: 640px) { .podcast-host .et_pb_blurb_content { padding-left: 0px; } .podcast-host .et_pb_blurb_position_left .et_pb_main_blurb_image { display: none; } } .powerpress_player .mejs-container .mejs-controls div { height: 10px; } /* SCSS File: 202-podcast Version: 1.0.0 Description: Podcast Styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* PODCAST STYLES */ .powerpress_player { margin: 0 0 15px; } .powerpress_player audio { width: 100%; } .et_pb_text .wp-playlist { border: none; margin: 0; padding: 20px 0 0; } .mejs-container .mejs-controls div { height: 30px; } .mejs-container .mejs-controls .mejs-button button { margin: 10px 5px 5px 2px; height: 20px; width: 19px; } .mejs-container .mejs-controls .mejs-mute button { background-position: -60px 0px; } .mejs-container .mejs-controls .mejs-unmute button { background-position: -40px 0; } .mejs-container .mejs-controls .mejs-play button { background-position: 0 1px; } .mejs-container .mejs-controls .mejs-pause button { background-position: -19px 1px; } .podcast-archive .et_pb_post { margin: 0 0 10px; padding: 0 0 10px; border-bottom: solid 1px #e9e9e9; } .podcast-archive .et_pb_post .et_audio_content { padding: 0; text-align: left; } .podcast-archive .et_pb_post .et_audio_content h2 { margin: 0 !important; line-height: 1.1; font-size: 16px !important; } #podcast-episodes h2.entry-title { font-size: 28px !important; } .podcast-section h2 { max-width: 100%; } /* Resource Center */ /* SCSS File: 300-resource-center Version: 1.0.0 Description: Resource Center Styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /*** B3 PORTFOLIO ***/ .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item:hover h2, .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item .post-meta, .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item:hover .post-meta, .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item:hover img, .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item img { -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2 { opacity: 0 !important; transform: translateY(-140px); position: absolute; margin: auto; width: 100%; } .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item .post-meta { opacity: 0 !important; transform: translateY(-130px); position: absolute; margin: auto; width: 100%; } .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item:hover h2 { opacity: 1 !important; transform: translateY(-120px); } .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item:hover .post-meta { opacity: 1 !important; transform: translateY(-90px); } .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item:hover img { filter: brightness(40%); } .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item:hover .et_portfolio_image:hover .et_overlay { opacity: 0; } @media only screen and (max-width: 980px) { .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item .post-meta { width: 33.3%; } } @media only screen and (max-width: 768px) { .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item .post-meta { width: 50%; } } @media only screen and (max-width: 480px) { .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .b3_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item .post-meta { width: 100%; } .b3_portfolio .et_portfolio_image img { width: 100%; } } /* GENERAL CSS */ /* filter and pagination */ .dvcs_portfolio .et_pb_portfolio_filters { text-align: center; } .dvcs_portfolio .et_pb_portfolio_filters > ul { display: inline-block; box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01); } .dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a, .dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a, .dvcs_portfolio .et_pb_portofolio_pagination ul li a { border: 2px solid #f9f9f9; margin: -2px -2px 0 0; background-color: #fff; -webkit-transition: all 0.65s ease; -o-transition: all 0.65s ease; transition: all 0.65s ease; } .dvcs_portfolio .et_pb_portofolio_pagination { text-align: center; border-top: none; margin-top: 40px; } .dvcs_portfolio .et_pb_portofolio_pagination ul { display: inline-block; box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01); } .dvcs_portfolio .et_pb_portofolio_pagination ul li { padding: 0; } .dvcs_portfolio .et_pb_portofolio_pagination ul li a { padding: 10px 12px; } /* end filter and pagination */ /* portfolio item */ /* bring the hovered item above the adjacent items by transitioning the z-index */ .dvcs_portfolio .et_pb_portfolio_item { z-index: 1; -webkit-transition: z-index 0.65s ease; -o-transition: z-index 0.65s ease; transition: z-index 0.65s ease; } .dvcs_portfolio .et_pb_portfolio_item:hover { z-index: 999; } /* end */ .dvcs_portfolio .et_pb_portfolio_item h2 { margin-top: 0 !important; } /* move the title and meta above the portfolio item image */ .dvcs_portfolio h2.et_pb_module_header, .dvcs_portfolio p.post-meta { position: absolute; opacity: 0; left: 50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); width: auto; height: auto; text-align: center; padding: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; } .dvcs_portfolio h2.et_pb_module_header { top: 100px; width: 75%; } .dvcs_portfolio p.post-meta { bottom: 80px; } /* end */ /* show title and meta on hover */ .dvcs_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header, .dvcs_portfolio .et_pb_portfolio_item:hover p.post-meta { opacity: 1; -webkit-transition-delay: 0.55s; -o-transition-delay: 0.55s; transition-delay: 0.55s; } .dvcs_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header { top: 60px; } .dvcs_portfolio .et_pb_portfolio_item:hover p.post-meta { bottom: 40px; } /* end */ /* show overlay icon when hovering the portfolio item */ .dvcs_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay { z-index: 3; opacity: 1; } /* end */ /* end portfolio item */ /* responsive - REMOVE this part if you want to use Divi row gutter setting */ /* adjust portfolio item margin and width for different screen widths */ @media (min-width: 981px) { .dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item { width: 24.625% !important; margin: 0 .25% .25% 0 !important; } } @media (max-width: 980px) { .dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item { width: 33.166% !important; margin: 0 .25% .25% 0 !important; } .dvcs_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n).last_in_row { margin-right: 0 !important; } } @media (max-width: 767px) { .dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item { width: 49.75% !important; margin: 0 0.25% 0.25% 0 !important; } } @media (max-width: 479px) { .dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item { width: 100% !important; margin: 0 0 1% 0 !important; } } /* end */ /* end responsive */ /* END GENERAL CSS */ /* SECTION AND EFFECT SPECIFIC CSS */ /* set hover and active colors for filter and pagination */ .dvcs_portfolio.effect-rectangles .et_pb_portfolio_filters li a.active, .dvcs_portfolio.effect-rectangles .et_pb_portfolio_filters li a:hover, .dvcs_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a.active, .dvcs_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a:hover { background-color: rgba(0, 0, 0, 0.75); color: #fff !important; } /* end hover and active colors for filter and pagination */ /* RECTANGLES EFFECT */ .effect-rectangles .et_pb_portfolio_item, .effect-rectangles .et_portfolio_image { overflow: hidden; } .effect-rectangles h2.et_pb_module_header, .effect-rectangles p.post-meta { z-index: 4; } .effect-rectangles .et_pb_portfolio_item > a { display: block; position: relative; overflow: hidden; } .effect-rectangles .et_pb_portfolio_item > a:before, .effect-rectangles .et_pb_portfolio_item > a:after, .effect-rectangles .et_portfolio_image:before, .effect-rectangles .et_portfolio_image:after { content: ''; position: absolute; opacity: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.65s ease; -o-transition: all 0.65s ease; transition: all 0.65s ease; } .effect-rectangles .et_portfolio_image:before { top: 0; right: 0; height: 50%; width: 50%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .effect-rectangles .et_portfolio_image:after { bottom: 0; left: 0; height: 50%; width: 50%; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .effect-rectangles .et_pb_portfolio_item > a:before { top: -1%; left: -1%; height: 51%; width: 51%; margin: 0 !important; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); z-index: 1; } .effect-rectangles .et_pb_portfolio_item > a:after { bottom: -1%; right: -1%; height: 51%; width: 51%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .effect-rectangles .et_pb_portfolio_item:hover > a:before, .effect-rectangles .et_pb_portfolio_item:hover > a:after, .effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before, .effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:after { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1; } .effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before, .effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:after { background-color: rgba(0, 0, 0, 0.75); /* set 2nd and 3rd rectangle color here */ opacity: 1; } .effect-rectangles .et_pb_portfolio_item:hover > a:before, .effect-rectangles .et_pb_portfolio_item:hover > a:after { background-color: rgba(0, 0, 0, 0.75); /* set 1st and 4th rectangle color here */ opacity: 1; } /* END RECTANGLES EFFECT */ /* END SECTION AND EFFECT SPECIFIC CSS */ .additional-resources img { min-height: 150px; max-height: 300px; } /* SCSS File: 300-resource-center Version: 1.0.0 Description: Resource Center Styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /*** GLOBAL INFOGRAPHIC STYLES ***/ .infographic-dark-section h1, .infographic-dark-section h2, .infographic-dark-section h3, .infographic-dark-section h4, .infographic-dark-section h5, .infographic-dark-section h6, .infographic-dark-section p { color: #FFFFFF !important; } /*** DROP SHIP JOURNEY ***/ .infographic-drop-ship-journey h2, .infographic-drop-ship-journey h3, .infographic-drop-ship-journey h4 { font-weight: 700 !important; } .infographic-drop-ship-journey h2 { margin: 0 !important; max-width: 100%; } .infographic-drop-ship-journey h3 { color: #00AAE5; font-size: 36px !important; } .infographic-drop-ship-journey p { font-weight: 600 !important; } .infographic-drop-ship-journey .top-challenge { border: solid 5px #00AAE5; border-radius: 15px; border-top-width: 40px; padding: 10px 25px 25px; } .infographic-drop-ship-journey .top-challenge h3 { font-size: 100px !important; } .infographic-drop-ship-journey .top-challenge h3 sup { font-size: 0.55em; } .infographic-drop-ship-journey .top-challenge p { color: #00AAE5; } .infographic-drop-ship-journey .chat-bubble { height: 210px; width: 350px; padding: 50px 45px 85px 55px; margin-bottom: 0.5% !important; } .infographic-drop-ship-journey .chat-bubble-large { height: 300px; padding: 50px 75px 85px 85px; } .infographic-drop-ship-journey .chat-bubble h3 { color: #00AAE5 !important; margin: 0 !important; font-style: italic; font-size: 28px !important; } .infographic-drop-ship-journey .chat-bubble p { color: #00AAE5 !important; margin: 0; font-style: italic; font-weight: 700 !important; } .infographic-drop-ship-journey .gear-icon { -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .infographic-drop-ship-journey .counter-bar .et_pb_counter_amount { border-radius: 0px; animation-delay: 1000ms; } .infographic-drop-ship-journey .thermometer { height: 275px; padding: 20px 40px 20px 100px; } .infographic-drop-ship-journey .thermometer h3 { font-size: 80px !important; } .infographic-drop-ship-journey .thermometer p { color: #00AAE5; } /* Custom Divi Modules */ /* SCSS File: 400-custom-divi Version: 1.0.0 Description: Custom Class Styling for Divi Modules */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ /* CUSTOM DIVI AREA */ .equalize-column-height .et_pb_module { height: 100%; } .full-width-text { max-width: 900px; } .sidebar-list { padding: 15px; border-bottom: 1px solid #80d4f2; line-height: 1.1em; } .p-list li { font-size: 18px !important; } .quote { padding: 20px; margin-left: 25px; margin-right: 25px; border-left: 5px solid #00AAE5; background-color: #FFFFFF; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.35); border-top-right-radius: 5px; border-bottom-right-radius: 5px; } @media only screen and (max-width: 981px) { .quote { margin-left: 0; margin-right: 0; } } .quote p { margin-bottom: 0; } .quote p strong { font-size: 1.35em; font-weight: 300; display: block; } .quote p em { font-size: .85em; font-weight: 700; } .quote img { max-height: 100px; } .partner_pages-template-default .quote { border-left: none; background-color: transparent; } #sps-sales-tab-float { box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); } #main-content .left-tabs { background-color: #f4f4f4; -webkit-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); -moz-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); -o-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); } #main-content .left-tabs .et_pb_tabs_controls { width: 100%; float: left; border-bottom: none; } @media (min-width: 981px) { #main-content .left-tabs .et_pb_tabs_controls { width: 30%; } } #main-content .left-tabs .et_pb_tabs_controls li { font-size: .85em; width: 100%; padding: 15px; line-height: 1.4em !important; border: none; border-bottom: 1px solid #d9d9d9; float: left; } @media (min-width: 981px) { #main-content .left-tabs .et_pb_tabs_controls li { font-size: .85em; float: none; padding: 8.5% 20px; -webkit-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); -moz-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); -o-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); } #main-content .left-tabs .et_pb_tabs_controls li:hover { padding: 8.5% 20px 8.5% 25px; } #main-content .left-tabs .et_pb_tabs_controls li:before { content: ""; border-top: 15px solid transparent; border-left: 0px solid #d9d9d9; border-bottom: 15px solid transparent; position: absolute; right: 0px; top: 35%; -webkit-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); -moz-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); -o-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); -webkit-transition-delay: 250ms; transition-delay: 250ms; } } @media (max-width: 1080px) and (min-width: 982px) { #main-content .left-tabs .et_pb_tabs_controls li { font-size: .7em; } } #main-content .left-tabs .et_pb_tabs_controls li:after { content: ""; background-color: #f4f4f4; height: 4px; position: absolute; bottom: 0; left: 0; width: 0%; -webkit-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); -moz-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); -o-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); -webkit-transition-delay: 50ms; transition-delay: 50ms; } #main-content .left-tabs .et_pb_tabs_controls li a { padding: 5px 10px 4px; } @media (min-width: 981px) { #main-content .left-tabs .et_pb_tabs_controls li.et_pb_tab_active:before { content: ""; width: 0; height: 0; border-top: 15px solid transparent; border-left: 20px solid #d9d9d9; border-bottom: 15px solid transparent; position: absolute; right: -20px; top: 35%; } } #main-content .left-tabs .et_pb_tabs_controls li.et_pb_tab_active:after { content: ""; background-color: #00a1dd; height: 4px; position: absolute; bottom: 0; left: 0; width: 100%; } #main-content .left-tabs .et_pb_all_tabs { width: 100%; display: table-cell; border-left: 1px solid #d9d9d9; } @media (min-width: 981px) { #main-content .left-tabs .et_pb_all_tabs { width: 70%; } } #main-content .left-tabs .et_pb_all_tabs img { border-radius: 5px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); } #main-content .left-tabs .et_pb_all_tabs .et_pb_tab { padding: 22px 20px; } @media (min-width: 981px) { .form-overflow { z-index: 2; position: absolute; right: 0; width: 100%; } } .logo-listing .et_pb_module { float: none; display: inline-block; vertical-align: middle; } .landing-slider p { margin: 0; padding: 0; } .landing-slider .et-pb-arrow-next { opacity: .35; right: 22px; } .landing-slider .et-pb-arrow-next:hover { opacity: 1; } .landing-slider .et-pb-arrow-prev { opacity: .35; left: 22px; } .landing-slider .et-pb-arrow-prev:hover { opacity: 1; } .landing-slider .landing-slider-text { background-color: rgba(0, 0, 0, 0.25); padding: 20px 30px !important; line-height: 1.1; border: solid 1px rgba(0, 0, 0, 0.25); border-top: none; } .et_pb_blurb_position_left .et_pb_main_blurb_image img { width: 100% !important; } .et_pb_blurb_3 .et_pb_blurb_4 img { width: 32px !important; } .et_pb_portfolio_item h2 { font-size: 18px !important; } .et_social_count { visibility: hidden; } .fullwidth-menu a { color: #FFFFFF !important; } .et_pb_section_sticky .et_pb_button, .et_pb_section_sticky_mobile .et_pb_button { margin-bottom: 80px !important; } .corner { background-repeat: repeat !important; background-size: inherit !important; } .post-password-required .et_password_protected_form { max-width: 1240px; margin: 50px auto 0; padding: 0 35px; } .post-password-required .et_password_protected_form .et_pb_button { background-color: #00AAE5; border-color: #00AAE5; } .post-password-required .et_password_protected_form .et_pb_button:hover { background-color: #0079A5 !important; border-color: #0079A5 !important; } body.et-db #et-boc .monarch-section-nav .et_pb_button, body.et-db #et-boc .monarch-section-nav .et_pb_button:hover { min-width: 160px; font-size: 14px; padding: 20px 35px !important; width: 100%; } body.et-db #et-boc .monarch-section-nav .et_pb_button.cw-purple { background-color: #783fae; border-color: #783fae; } body.et-db #et-boc .monarch-section-nav .et_pb_button.cw-purple:hover { background-color: #582f7e !important; border-color: #582f7e !important; } body.et-db #et-boc .et-l .monarch-section-nav .et_pb_button.map-purple, body.et-db #et-boc .et-l .monarch-section-nav .et_pb_button.map-purple:hover { min-width: 160px; font-size: 14px; padding: 20px 35px !important; width: 100%; } body.et-db #et-boc .monarch-section-nav .et_pb_button.map-purple { background-color: #443340; border-color: #443340; } body.et-db #et-boc .monarch-section-nav .et_pb_button.map-purple:hover { background-color: #84537c !important; border-color: #84537c !important; } #lead-form .fluid-width-video-wrapper, #event-form .fluid-width-video-wrapper { padding-top: 100% !important; } .tab-content .fitvidsignore iframe { min-width: auto !important; } .tab-content .lazy-load-div, .tab-content .tab-content iframe { min-width: 510px !important; width: 100% !important; } .tab-content.monarch-section p { max-width: 100%; } .et_pb_video_slider iframe, .et_pb_video_slider .lazy-load-div { min-width: 510px !important; width: 100% !important; } table.sorting-table { border-spacing: 0; width: 100%; border: 1px solid #ddd; } table.sorting-table th { cursor: pointer; } table.sorting-table th, table.sorting-table td { text-align: left; padding: 16px; } table.sorting-table tr:nth-child(even) { background-color: #f2f2f2; } table.sorting-table .negative { color: firebrick; } table.sorting-table .positive { color: forestgreen; } table.sort-icons th:after { content: " ▼"; display: inline-block; font-size: 12px; } /* Custom Landing Pages */ /* SCSS File: 500-landing-pages Version: 1.0.0 Description: Styling for Custom Landing Pages */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "200-content" SCSS files */ /* Content Variables */ #main-content .landing-page li { font-size: 18px; } .et_pb_video_box { object-fit: fill; max-height: 360px; } .et_pb_video_box iframe { object-fit: fill; max-height: 360px; } /* Shortcodes */ /* SCSS File: 001-typewriter-effect Version: 1.0.0 Description: Styling for the [sps_typewriter_effect] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Typewriter Effect */ .typewrite { padding-right: 5px; } .typewrite .wrap { text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -webkit-animation-direction: alternate; } @-webkit-keyframes blinker { from { border-right: 0.08em solid #FFFFFF; } to { border-right: 0.08em solid transparent; } } /* SCSS File: 001-typewriter-effect Version: 1.0.0 Description: Responsive styling for the [sps_typewriter_effect] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Typewriter Effect Responsiveness */ /* SCSS File: 020-audience-tiles Version: 1.0.0 Description: Styling for the [sps_audience_tiles] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Audience Tiles */ #monarch-audience-tiles { text-align: center; } #monarch-audience-tiles .audience-tile { position: relative; display: block; float: left; margin-right: 2%; margin-bottom: 24px; width: 32%; max-width: 400px; height: 300px; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: normal; color: #ffffff; overflow: hidden; box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.19); } #monarch-audience-tiles .audience-tile .background-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-size: cover; background-position: center; } #monarch-audience-tiles .audience-tile .tint { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: #000; opacity: 0.45; } #monarch-audience-tiles .audience-tile h3 { position: absolute; top: 105px; right: 0; left: 0; z-index: 2; margin: 0 !important; font-size: 36px !important; font-weight: 600 !important; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal !important; text-align: center; color: #ffffff; } #monarch-audience-tiles .audience-tile h3 .subtitle { display: block; width: 100%; margin-top: 8px; opacity: 0.87; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 20px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; color: #ffffff; } #monarch-audience-tiles .audience-tile:nth-of-type(3n) { margin-right: 0; } #monarch-audience-tiles .audience-tile:hover .background-image { top: -12px; right: -12px; bottom: -12px; left: -12px; } #monarch-audience-tiles .audience-tile:hover .tint { opacity: 0.6; } .sps-audiences-multi-lines #monarch-audience-tiles .audience-tile h3 { top: 75px; } /* SCSS File: 021-audience-tiles-responsive Version: 1.0.0 Description: Responsiveness styling for the [sps_audience_tiles] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Audience Tiles Responsiveness */ @media only screen and (max-width: 1024px) { #monarch-audience-tiles .audience-tile { width: 47%; margin-right: 3%; max-width: 100%; } #monarch-audience-tiles .audience-tile:nth-of-type(3n) { margin-right: 3%; } #monarch-audience-tiles .audience-tile:nth-of-type(2n) { margin-right: 0; } } @media only screen and (max-width: 640px) { #monarch-audience-tiles .audience-tile { float: none; width: 100%; margin-right: 0; height: 220px; } #monarch-audience-tiles .audience-tile h3 { top: 100px; font-size: 21px !important; } } /* SCSS File: 030-industry-customers Version: 1.0.0 Description: Styling for the [sps_industry_customers] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Industry Customers */ #monarch-industry-customers-wrapper { position: relative; } #et-boc #monarch-industry-customers, #monarch-industry-customers { text-align: center; /* Industry tabs */ } #et-boc #monarch-industry-customers ul, #monarch-industry-customers ul { position: inherit; list-style: none; text-align: center; margin: 0; padding: 0; white-space: nowrap; overflow-x: auto; height: 300px; /* Indicator */ /* Tabs */ } #et-boc #monarch-industry-customers ul .industry-active-indicator, #monarch-industry-customers ul .industry-active-indicator { position: absolute; top: 60px; left: 180px; width: 100px; height: 2px; background-color: #00AAE5; } #et-boc #monarch-industry-customers ul li, #monarch-industry-customers ul li { list-style: none; display: inline-block; margin: 0 16px; white-space: initial; } #et-boc #monarch-industry-customers ul li .industry-label, #monarch-industry-customers ul li .industry-label { display: block; text-transform: uppercase; opacity: 0.87; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #333333; cursor: pointer; padding: 16px; } #et-boc #monarch-industry-customers ul li .industry-label:hover, #monarch-industry-customers ul li .industry-label:hover { opacity: 1; } #et-boc #monarch-industry-customers ul li .tab-content, #monarch-industry-customers ul li .tab-content { position: absolute; top: 80px; left: 0; right: 0; display: block; opacity: 0; z-index: 0; text-align: center; } #et-boc #monarch-industry-customers ul li .tab-content a, #monarch-industry-customers ul li .tab-content a { position: relative; display: inline-block; width: 144px; height: 144px; margin: 16px; border-radius: 2px; background-color: #ffffff; box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.1); } #et-boc #monarch-industry-customers ul li .tab-content a .customer-logo, #monarch-industry-customers ul li .tab-content a .customer-logo { position: absolute; top: 24px; right: 24px; bottom: 24px; left: 24px; z-index: 2; background-size: contain; background-position: center; background-repeat: no-repeat; } #et-boc #monarch-industry-customers ul li .tab-content a .tint, #monarch-industry-customers ul li .tab-content a .tint { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: #000; opacity: 0; } #et-boc #monarch-industry-customers ul li .tab-content a:hover .customer-logo, #monarch-industry-customers ul li .tab-content a:hover .customer-logo { top: 16px; right: 16px; bottom: 16px; left: 16px; } #et-boc #monarch-industry-customers ul li.active .tab-content, #monarch-industry-customers ul li.active .tab-content { top: 116px; opacity: 1; z-index: 1; } #et-boc #monarch-industry-customers .view-more, #monarch-industry-customers .view-more { margin-top: 60px; } .dark-section #monarch-industry-customers ul li .industry-label, #et-boc .dark-section #monarch-industry-customers ul li .industry-label { color: #FFFFFF; } .dark-section #monarch-industry-customers .view-more, #et-boc .dark-section #monarch-industry-customers .view-more { color: #FFFFFF; background: #00AAE5; border-radius: 3px; padding: 15px 20px; top: 40px; position: relative; font-weight: 600; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dark-section #monarch-industry-customers .view-more:hover, #et-boc .dark-section #monarch-industry-customers .view-more:hover { background: #0079A5; } /* SCSS File: 031-industry-customers-responsive Version: 1.0.0 Description: Responsive styling for the [sps_industry_customers] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Industry Customers Responsiveness */ @media only screen and (max-width: 962px) { #monarch-industry-customers ul .industry-active-indicator { top: 44px; } #monarch-industry-customers ul li .industry-label { line-height: 1.87; font-size: 15px; padding: 8px; } #monarch-industry-customers ul li .tab-content { top: 60px; } #monarch-industry-customers ul li.active .tab-content { top: 96px; } } @media only screen and (max-width: 640px) { #monarch-industry-customers .view-more { margin-top: 40px; } } @media only screen and (max-width: 420px) { #monarch-industry-customers ul li .tab-content a { width: 136px; height: 136px; margin-left: 0; margin-right: 12px; } #monarch-industry-customers ul li .tab-content a:nth-of-type(2n) { margin-right: 0; } } @media only screen and (max-width: 348px) { #monarch-industry-customers ul li .tab-content a { width: 108px; height: 108px; } } /* SCSS File: 040-testimonials Version: 1.0.0 Description: Styling for the [sps_testimonials] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Testimonials */ #monarch-testimonials-wrapper { position: relative; } #monarch-testimonials { text-align: center; /* Testimonial tabs */ } #monarch-testimonials ul { position: inherit; list-style: none; text-align: center; margin: 0; padding: 0; white-space: nowrap; overflow-x: auto; height: 500px; /* Indicator */ /* Tabs */ } #monarch-testimonials ul .testimonial-active-indicator { position: absolute; top: 60px; left: 180px; width: 100px; height: 2px; background-color: #00AAE5; } #monarch-testimonials ul li { list-style: none; display: inline-block; margin: 0 16px; white-space: initial; } #monarch-testimonials ul li .testimonial-label { display: block; text-transform: uppercase; opacity: 0.87; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #333333; cursor: pointer; padding: 16px; } #monarch-testimonials ul li .testimonial-label .testimonial-logo { display: inline-block; filter: grayscale(100%); background-size: contain; background-position: center; background-repeat: no-repeat; width: 120px; height: 32px; } #monarch-testimonials ul li .testimonial-label:hover { opacity: 1; } #monarch-testimonials ul li .tab-content { position: absolute; top: 80px; left: 0; right: 0; display: block; opacity: 0; z-index: 0; text-align: center; } #monarch-testimonials ul li .tab-content iframe { max-height: 342px; } #monarch-testimonials ul li .tab-content .image-wrapper, #monarch-testimonials ul li .tab-content .video-wrapper { float: left; width: 49%; overflow: hidden; border-radius: 2px; background-color: #ffffff; box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.1); } #monarch-testimonials ul li .tab-content .image-wrapper { background-size: cover; background-position: center; padding-bottom: 25%; } #monarch-testimonials ul li .tab-content .testimonial-wrapper { float: right; width: 49%; text-align: center; } #monarch-testimonials ul li .tab-content .testimonial-wrapper .testimonial { border-radius: 2px; background-color: #ffffff; box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.1); padding: 48px; margin-bottom: 24px; } #monarch-testimonials ul li .tab-content .testimonial-wrapper .testimonial h3 { font-size: 18px !important; font-weight: bold !important; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -0.4px !important; color: #353535; text-align: left; margin: 0 !important; } #monarch-testimonials ul li .tab-content .testimonial-wrapper .testimonial p { opacity: 0.87; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.6; letter-spacing: normal; text-align: left; margin: 16px 0; } #monarch-testimonials ul li .tab-content .testimonial-wrapper .testimonial p:last-of-type { margin-bottom: 0; } #monarch-testimonials ul li .tab-content .testimonial-wrapper .testimonial .author { display: inline-block; font-weight: normal; font-style: italic; } #monarch-testimonials ul li .tab-content .testimonial-wrapper .view-more { margin: 0 auto; } #monarch-testimonials ul li.active .testimonial-label .testimonial-logo { filter: grayscale(0); } #monarch-testimonials ul li.active .tab-content { top: 116px; opacity: 1; z-index: 1; } /* SCSS File: 041-testimonials-responsive Version: 1.0.0 Description: Responsive styling for the [sps_testimonials] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Testimonials Responsiveness */ @media only screen and (max-width: 1024px) { #monarch-testimonials ul { margin-bottom: 0; } #monarch-testimonials ul li .tab-content .image-wrapper, #monarch-testimonials ul li .tab-content .video-wrapper { float: none; width: 100%; } #monarch-testimonials ul li .tab-content .image-wrapper .fluid-width-video-wrapper, #monarch-testimonials ul li .tab-content .video-wrapper .fluid-width-video-wrapper { padding-top: 56.25% !important; } #monarch-testimonials ul li .tab-content .testimonial-wrapper { float: none; width: 100%; } } /* SCSS File: 050-integrations Version: 1.0.0 Description: Styling for the [sps_integrations] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Integrations */ #monarch-integrations { position: relative; display: block; width: 100%; max-width: 1122px; height: 700px; list-style: none; padding: 0; margin: 0 auto; } #monarch-integrations .integration { position: absolute; top: 50%; left: 50%; list-style: none; width: 0; height: 0; opacity: 0; border-radius: 2px; background-color: #ffffff; box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.1); overflow: hidden; } #monarch-integrations .integration .background-image { position: absolute; top: 16%; right: 16%; bottom: 16%; left: 16%; background-size: contain; background-position: center; background-repeat: no-repeat; } #monarch-integrations .integration:nth-of-type(1) { top: 36%; left: 42%; width: 16%; padding-bottom: 16%; z-index: 10; opacity: 1; } #monarch-integrations.opened .integration { width: 16%; padding-bottom: 16%; opacity: 1; } #monarch-integrations.opened .integration:nth-of-type(2) { top: 0; left: 42%; } #monarch-integrations.opened .integration:nth-of-type(3) { top: 73%; left: 42%; } #monarch-integrations.opened .integration:nth-of-type(4) { top: 16%; left: 21%; } #monarch-integrations.opened .integration:nth-of-type(5) { top: 55%; left: 21%; } #monarch-integrations.opened .integration:nth-of-type(6) { top: 36%; left: 0; } #monarch-integrations.opened .integration:nth-of-type(7) { top: 16%; left: 63%; } #monarch-integrations.opened .integration:nth-of-type(8) { top: 55%; left: 63%; } #monarch-integrations.opened .integration:nth-of-type(9) { top: 36%; left: 84%; } /* SCSS File: 051-integrations-responsive Version: 1.0.0 Description: Responsive styling for the [sps_integrations] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Integrations Responsiveness */ /* Note: 1122px wide at default size */ @media only screen and (max-width: 1024px) { #monarch-integrations { height: 480px; } } @media only screen and (max-width: 800px) { #monarch-integrations { height: 400px; } } @media only screen and (max-width: 640px) { #monarch-integrations { height: 320px; margin-bottom: 180px; } #monarch-integrations .integration { top: 68%; left: 50%; } #monarch-integrations .integration .background-image { top: 8%; right: 8%; bottom: 8%; left: 8%; } #monarch-integrations .integration:nth-of-type(1) { top: 54%; left: 36%; width: 28%; padding-bottom: 28%; } #monarch-integrations.opened .integration { width: 28%; padding-bottom: 28%; } #monarch-integrations.opened .integration:nth-of-type(2) { left: 36%; } #monarch-integrations.opened .integration:nth-of-type(3) { top: 108%; left: 36%; } #monarch-integrations.opened .integration:nth-of-type(4) { top: 0; left: 0; } #monarch-integrations.opened .integration:nth-of-type(5) { top: 108%; left: 0; } #monarch-integrations.opened .integration:nth-of-type(6) { top: 54%; left: 0; } #monarch-integrations.opened .integration:nth-of-type(7) { top: 0; left: 72%; } #monarch-integrations.opened .integration:nth-of-type(8) { top: 108%; left: 72%; } #monarch-integrations.opened .integration:nth-of-type(9) { top: 54%; left: 72%; } } @media only screen and (max-width: 500px) { #monarch-integrations { height: 220px; } #monarch-integrations .integration { top: 75%; left: 50%; } #monarch-integrations .integration:nth-of-type(1) { top: 61%; } #monarch-integrations.opened .integration:nth-of-type(3) { top: 122%; } #monarch-integrations.opened .integration:nth-of-type(5) { top: 122%; } #monarch-integrations.opened .integration:nth-of-type(6) { top: 61%; } #monarch-integrations.opened .integration:nth-of-type(8) { top: 122%; } #monarch-integrations.opened .integration:nth-of-type(9) { top: 61%; } } @media only screen and (max-width: 320px) { #monarch-integrations { margin-bottom: 0; } #monarch-integrations .integration { top: 62%; left: 50%; } #monarch-integrations .integration:nth-of-type(1) { top: 38%; } #monarch-integrations.opened .integration:nth-of-type(3) { top: 75%; } #monarch-integrations.opened .integration:nth-of-type(5) { top: 75%; } #monarch-integrations.opened .integration:nth-of-type(6) { top: 38%; } #monarch-integrations.opened .integration:nth-of-type(8) { top: 75%; } #monarch-integrations.opened .integration:nth-of-type(9) { top: 38%; } } /* SCSS File: 060-agendas Version: 1.0.0 Description: Styling for the SPS Agenda Divi module */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Agendas */ .decimis_agenda { border: 0; /* Sub tabs and content */ } .decimis_agenda .et_pb_tabs_controls { background: #0079a5; border-radius: 30px 30px 0 0; overflow: hidden; } .decimis_agenda .et_pb_tabs_controls li { border: 0; border-bottom: 7px solid #0079a5; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .decimis_agenda .et_pb_tabs_controls li a { color: #FFFFFF; } .decimis_agenda .et_pb_tabs_controls li a .day-index { display: block; font-size: 1.1em; margin: 0 5px 0 0; text-align: center; font-weight: bold; } .decimis_agenda .et_pb_tabs_controls li a .date { display: block; text-align: center; font-size: .9em; } .decimis_agenda .et_pb_tabs_controls li.et_pb_tab_active { background-color: #026f97; border-bottom: 7px solid #00a1dd; } .decimis_agenda .et_pb_tabs_controls li.et_pb_tab_active a { color: #FFFFFF !important; } .decimis_agenda .et_pb_tabs { border: 0; } .decimis_agenda .et_pb_all_tabs { padding: 0; } .decimis_agenda .et_pb_all_tabs .et-tabs-container, .decimis_agenda .et_pb_all_tabs .et-tabs-content { border: 0; margin: 0; } .decimis_agenda .et_pb_all_tabs .et-tabs-container .et-tabs-control, .decimis_agenda .et_pb_all_tabs .et-tabs-content .et-tabs-control { display: block !important; overflow: visible !important; background: #FFFFFF; border: 0; border-bottom: 3px solid #B0B6B8; } .decimis_agenda .et_pb_all_tabs .et-tabs-container .et-tabs-control li, .decimis_agenda .et_pb_all_tabs .et-tabs-content .et-tabs-control li { border-bottom: 3px solid #B0B6B8; border-left: 0 !important; margin-bottom: -3px !important; } .decimis_agenda .et_pb_all_tabs .et-tabs-container .et-tabs-control li a, .decimis_agenda .et_pb_all_tabs .et-tabs-content .et-tabs-control li a { color: #B0B6B8 !important; font-weight: 600; padding: 15px 40px; } .decimis_agenda .et_pb_all_tabs .et-tabs-container .et-tabs-control li.active, .decimis_agenda .et_pb_all_tabs .et-tabs-content .et-tabs-control li.active { border-bottom: 3px solid #d1009d; } .decimis_agenda .et_pb_all_tabs .et-tabs-container .et-tabs-control li.active a, .decimis_agenda .et_pb_all_tabs .et-tabs-content .et-tabs-control li.active a { color: #d1009d !important; } .decimis_agenda .et_pb_all_tabs .et-tabs-container { margin-top: -1px !important; } .decimis_agenda .et_pb_all_tabs .toggle-wrapper { border-bottom: 1px solid #eee; } .decimis_agenda .et_pb_all_tabs .toggle-wrapper a { display: inline-block; text-align: center; width: 50%; padding: 10px; color: #B0B6B8; } .decimis_agenda .et_pb_all_tabs .toggle-wrapper a .fa { margin-right: 7px; color: #B0B6B8; } .decimis_agenda .et_pb_all_tabs .toggle-wrapper a:hover { background: #0079a5; color: #FFFFFF; } .decimis_agenda .et_pb_all_tabs .toggle-wrapper a:hover .fa { color: #FFFFFF; } .decimis_agenda .et_pb_all_tabs .toggle-wrapper.bottom-toggle { border-bottom: 0; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper { border-bottom: 1px solid #eee; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal { display: block; width: 100%; padding: 24px 12px; cursor: pointer; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal .fa { font-size: 1.3em; vertical-align: middle; margin: 0 20px 0 10px; width: 20px; text-align: center; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal .times { display: inline-block; font-weight: 600; color: #0079a5; width: 155px; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal .title { margin-left: 30px; color: #606A6E; font-weight: 400; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal .triangle { width: 0; height: 0; margin: 4px 4px 0 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 14px solid #0079a5; float: right; -moz-transition: -moz-transform .3s; -webkit-transition: -webkit-transform .3s; -o-transition: -o-transform .3s; transition: transform .3s; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal.even { background: #f9f9f9; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal:hover { background: #efefef; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal.opened { background: #efefef; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal.opened .fa, .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal.opened .times, .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal.opened .title { color: #606A6E; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal.opened .triangle { border-left: 14px solid #606A6E; -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details { display: none; padding: 20px; margin: 0; background: #fff; color: #606A6E; font-size: 16px; /*.speech-info.with-photo { padding-left: 200px; }*/ } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .photo-wrapper { position: relative; float: left; width: 180px; padding: 0; text-align: center; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .photo-wrapper .photo { height: 180px; border-radius: 180px; border: 5px solid #0079a5; box-shadow: 0 0 3px rgba(23, 23, 23, 0.5); background-size: cover; background-position: center; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .photo-wrapper.two { padding-top: 220px; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .photo-wrapper.two .photo { position: absolute; top: 0; left: 0; width: 130px; height: 130px; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .photo-wrapper.two .photo:last-of-type { top: 90px; right: 0; left: auto; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .photo-wrapper.many .photo-grid { text-align: left; background: #0079a5; box-shadow: 0 0 3px rgba(23, 23, 23, 0.5); border-radius: 180px; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .photo-wrapper.many .photo-grid .photo { display: inline-block; width: 90px; height: 90px; border-top-width: 0; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 0; border-radius: 0; box-shadow: none; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .photo-wrapper.many .photo-grid .photo:nth-child(-n+2) { border-top-width: 5px; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .photo-wrapper.many .photo-grid .photo:nth-child(odd) { border-left-width: 5px; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info { padding-left: 200px; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info p { margin: 0; font-size: 16px; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info p.speech-title { margin: -14px 0 0 0; font-size: 16px !important; line-height: 1 !important; padding: 10px 0 5px; font-weight: 700 !important; color: #0079a5 !important; font-size: 24px !important; line-height: 31px !important; font-weight: 400 !important; color: #00AAE5 !important; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info p.name { display: inline-block; font-weight: 700 !important; padding: 0; color: #18476B !important; font-size: 14px !important; line-height: 18px !important; text-transform: uppercase; letter-spacing: 2px; opacity: 0.5 !important; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info p.name .title { margin-left: 4px; padding: 0; font-weight: 400 !important; font-size: 0.8em !important; color: #18476B !important; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info .speaker-social { display: inline-block; margin: 0 0 0 10px; padding: 0 !important; list-style-type: none; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info .speaker-social li { display: inline-block; vertical-align: bottom; margin: 0; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info .speaker-social li a { display: block; margin: 0; padding: 0 7px; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info .speaker-social li a .fa { font-size: 12px; color: #d1009d; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info .speaker-social li a:first-of-type { padding-left: 0; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info p.description { display: block; font-size: 1em !important; padding-bottom: 20px; margin: 10px 0 5px; border-bottom: 1px solid #ddd; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info img.speaker-logo { float: left; height: 80px; margin: 5px 5px 5px 0; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info .speaker-logos img { height: 80px; margin: 5px; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info .speaker-logos img:first-of-type { margin-left: 0; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details a:hover { opacity: 0.7; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper.empty-tab .reveal { background: #fff; /*.fa, .times, .title { color: $medium-grey; }*/ } .decimis_agenda .et_pb_all_tabs .reveal-wrapper.empty-tab .reveal .triangle { display: none; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper.empty-tab .reveal.even { background: #f9f9f9; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper.empty-tab .reveal:hover { background: #efefef; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper.empty-tab .reveal-details { padding: 0; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper.empty-tab .reveal-details p { display: none; } .decimis_agenda .mobile_location_heading { display: none; background: #e3e3e3; } .decimis_agenda .mobile_location_heading p { margin: 0; padding: 10px; font-weight: 600; } /* SCSS File: 070-cta-builder Version: 1.0.0 Description: Styling for the CTA Builder shortcodes TODO: lookup specific shortcode syntax */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* CTA Builder */ #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta, .sps-cta { padding: 30px !important; margin: 0 0 20px; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .image-wrapper, .sps-cta .image-wrapper { display: inline-block; float: left; width: 33%; text-align: center; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .image-wrapper img, .sps-cta .image-wrapper img { max-width: 100%; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .content-wrapper, .sps-cta .content-wrapper { display: inline-block; float: right; width: 64%; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .content-wrapper h3, .sps-cta .content-wrapper h3 { font-size: 1.9em !important; font-weight: 600 !important; margin: 1em 0 0 !important; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .content-wrapper p, .sps-cta .content-wrapper p { line-height: 1.5em !important; margin: 20px 0 !important; padding: 0 !important; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta a.cta-button, .sps-cta a.cta-button { position: relative; display: block; padding: 8px 5px; text-align: center; text-transform: uppercase; font-size: 16px !important; font-weight: 700; width: 100%; max-width: 360px; margin: 0 auto; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta a.cta-button .tint, .sps-cta a.cta-button .tint { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: #000; opacity: 0; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta a.cta-button .fa, .sps-cta a.cta-button .fa { position: relative; top: 0; right: 0; z-index: 1; font-size: 0.8em; margin-left: 10px; color: inherit !important; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta a.cta-button span, .sps-cta a.cta-button span { position: relative; z-index: 1; color: inherit !important; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta a.cta-button:hover .tint, .sps-cta a.cta-button:hover .tint { opacity: .25; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta a.cta-button.cta-transparent, .sps-cta a.cta-button.cta-transparent { background-color: rgba(255, 255, 255, 0) !important; border: 2px solid #FFFFFF; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta a.cta-button.cta-transparent:hover, .sps-cta a.cta-button.cta-transparent:hover { background-color: rgba(255, 255, 255, 0.2) !important; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta a.cta-button.cta-transparent:hover .tint, .sps-cta a.cta-button.cta-transparent:hover .tint { opacity: 0; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .cta-wrapper, .sps-cta .cta-wrapper { display: block; width: 100%; clear: both; padding-top: 20px; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .cta-wrapper a.cta-button, .sps-cta .cta-wrapper a.cta-button { display: inline-block; width: 48%; float: left; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .cta-wrapper a.cta-button:last-of-type, .sps-cta .cta-wrapper a.cta-button:last-of-type { float: right; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta.full, .sps-cta.full { padding: 45px !important; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta.full .content-wrapper, .sps-cta.full .content-wrapper { display: block; float: none; width: 100%; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta.full .content-wrapper h3, .sps-cta.full .content-wrapper h3 { margin-top: 0 !important; text-align: center; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta.full .content-wrapper p, .sps-cta.full .content-wrapper p { text-align: center; } /* SCSS File: 080-retailer-searchbox Version: 1.0.0 Description: Styling for the retailer searchbox shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Retailer Searchbox */ #retailer-search-wrapper { position: relative; z-index: 1; border-radius: 0; } #retailer-search-wrapper #retailer-search-container { position: relative; background: #FFFFFF; z-index: 5; } #retailer-search-wrapper #retailer-search-container #retailer-searchbox { display: block; width: 100%; padding: 12px 68px 12px 20px; height: 46px; border-radius: 0 0 0 0; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch { position: absolute; top: 46px; right: 48px; left: 1px; z-index: 20; background: #FFFFFF; box-shadow: 0 0 3px rgba(23, 23, 23, 0.5); } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul { margin: 0; padding: 0; list-style: none; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li { margin: 0; padding: 0; border-bottom: 1px solid #EEEEEE; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li a { position: relative; display: block; text-align: left; padding: 3px 10px; color: #171717; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li a .logo-wrapper { float: left; position: relative; width: 120px; height: 120px; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li a .logo-wrapper .logo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: center; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li a .logo-wrapper .logo.compact { top: 20px; right: 20px; bottom: 20px; left: 20px; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li a .result-details { padding: 20px 0 20px 140px; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li a .result-details span { display: block; font-size: 18px; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li a .result-details .title { font-weight: bold; color: #171717; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li a .result-details .description { color: #4e4e4e; line-height: 1.3; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li a .result-details .description .learn-more { display: inline; color: #00AAE5; text-decoration: underline; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li a:hover { background: #FAFAFA; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li.compact a .result-details { padding-top: 10px; padding-bottom: 10px; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li.compact a .result-details .fa { font-size: 0.7em; vertical-align: middle; padding: 0 0 2px 8px; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li:last-of-type { border-bottom: none; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch p { text-align: left; color: #171717; margin: 0; padding: 10px; } #retailer-search-wrapper #retailer-search-submit { position: absolute; top: 0; right: 0; width: 48px; z-index: 10; } #retailer-search-wrapper #retailer-search-submit .icon-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; padding-top: 12px; pointer-events: none; } #retailer-search-wrapper #retailer-search-submit .icon-wrapper .fa { color: #FFFFFF; font-size: 20px; } #retailer-search-wrapper #retailer-search-submit input { width: 100%; background-color: #00AAE5 !important; color: transparent !important; padding: 4px 10px !important; height: 46px; border-radius: 0 0 0 0; text-transform: uppercase; border: none !important; min-width: 0px; } #retailer-search-wrapper #retailer-search-submit input:hover { background-color: #0079A5; } #retailer-livesearch-list #retailer-livesearch { position: relative; } #retailer-livesearch-list #retailer-livesearch ul { margin: 0; padding: 0; list-style: none; } #retailer-livesearch-list #retailer-livesearch ul li { margin: 20px 0; padding: 0; } #retailer-livesearch-list #retailer-livesearch ul li a { position: relative; display: block; text-align: left; padding: 3px 10px; color: #171717; border-radius: 2px; box-shadow: 0 4px 15px 0 rgba(7, 42, 68, 0.1); background-color: #ffffff; } #retailer-livesearch-list #retailer-livesearch ul li a .logo-wrapper { float: left; position: relative; width: 120px; height: 120px; } #retailer-livesearch-list #retailer-livesearch ul li a .logo-wrapper .logo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: center; } #retailer-livesearch-list #retailer-livesearch ul li a .logo-wrapper .logo.compact { top: 20px; right: 20px; bottom: 20px; left: 20px; } #retailer-livesearch-list #retailer-livesearch ul li a .result-details { padding: 20px 0 20px 140px; } #retailer-livesearch-list #retailer-livesearch ul li a .result-details span { display: block; font-size: 18px; } #retailer-livesearch-list #retailer-livesearch ul li a .result-details .title { font-weight: bold; color: #171717; } #retailer-livesearch-list #retailer-livesearch ul li a .result-details .description { color: #4e4e4e; line-height: 1.3; } #retailer-livesearch-list #retailer-livesearch ul li a .result-details .description .learn-more { display: inline; color: #00AAE5; text-decoration: underline; } #retailer-livesearch-list #retailer-livesearch ul li a:hover { background: #FAFAFA; } #retailer-livesearch-list #retailer-livesearch ul li.compact a .result-details { padding-top: 10px; padding-bottom: 10px; } #retailer-livesearch-list #retailer-livesearch ul li.compact a .result-details .fa { font-size: 0.7em; vertical-align: middle; padding: 0 0 2px 8px; } #retailer-livesearch-list #retailer-livesearch ul li:last-of-type { border-bottom: none; } #retailer-livesearch-list #retailer-livesearch p { text-align: left; color: #171717; margin: 0; padding: 10px; } #retailer-livesearch-list #retailer-livesearch #livesearch-pagination { margin: 30px 0 0; text-align: center; } #retailer-livesearch-list #retailer-livesearch #livesearch-pagination li { display: inline-block; } #retailer-livesearch-list #retailer-livesearch #livesearch-pagination a { display: inline-block; padding: 3px 10px; box-shadow: none; } #retailer-livesearch-list #retailer-livesearch #livesearch-pagination .plain-text { display: inline-block; padding: 3px 10px; margin: 0; color: #606A6E; font-size: 16px; } #retailer-livesearch-list #retailer-livesearch #livesearch-pagination .page-current { font-weight: bold; border-radius: 20px; color: #FFFFFF; background-color: #00AAE5; } #retailer-livesearch-list #retailer-livesearch .page-index { text-align: center; font-size: 14px; font-style: italic; } /* Responsiveness */ @media only screen and (max-width: 600px) { #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li a .logo-wrapper { display: none; } #retailer-search-wrapper #retailer-search-container #retailer-livesearch ul li a .result-details { padding-left: 10px; } } /* SCSS File: 050-integrations Version: 1.0.0 Description: Styling for the [sps_integrations] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Integrations */ #integration-search-shortcode { position: relative; } #integration-search-shortcode #integration-search-filters { position: absolute; top: 0; right: 0; width: 18%; } #integration-search-shortcode #integration-search-filters h3 { color: #171717; margin-top: 0 !important; } #integration-search-shortcode #integration-search-filters select { padding: 8px 14px 8px 0 !important; border: none !important; border-bottom: 1px solid #eee !important; color: #666 !important; background: none !important; cursor: pointer !important; margin: 7px 0 !important; width: 100%; } #integration-search-shortcode #integration-search-filters input { padding: 8px 14px 8px 4px !important; border: none !important; border-bottom: 1px solid #eee !important; color: #666 !important; margin: 7px 0 !important; width: 100% !important; } #integration-search-shortcode #integration-livesearch { width: 80%; } #integration-search-shortcode #integration-livesearch ul { margin: 0 !important; padding: 0 !important; } #integration-search-shortcode #integration-livesearch ul li { display: block; list-style: none; margin: 0 !important; padding: 0 !important; } #integration-search-shortcode #integration-livesearch ul li a { position: relative; display: block; padding: 20px; border: 1px solid #eee; border-bottom: none; color: #171717; } #integration-search-shortcode #integration-livesearch ul li a .integration-logo-wrapper { position: relative; float: left; width: 20%; height: 120px; } #integration-search-shortcode #integration-livesearch ul li a .integration-logo-wrapper .integration-logo { position: absolute; top: 10px; right: 20px; bottom: 10px; left: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } #integration-search-shortcode #integration-livesearch ul li a .details { float: left; width: 60%; overflow: hidden; } #integration-search-shortcode #integration-livesearch ul li a .details p { margin: 0; padding: 0; } #integration-search-shortcode #integration-livesearch ul li a .details p.title { font-weight: bold; } #integration-search-shortcode #integration-livesearch ul li a .details p.learn-more { color: #00AAE5; text-decoration: underline; } #integration-search-shortcode #integration-livesearch ul li a .divider { position: absolute; top: 20px; right: 20%; bottom: 20px; width: 1px; background: #eee; } #integration-search-shortcode #integration-livesearch ul li a .type-wrapper { float: left; width: 15%; height: 120px; position: relative; margin: 0 2% 0 3%; } #integration-search-shortcode #integration-livesearch ul li a .type-wrapper p { position: absolute; top: 35%; right: -20px; left: 0; font-weight: bold; text-align: center; margin: 0; } #integration-search-shortcode #integration-livesearch ul li a:hover { background: #efefef; } #integration-search-shortcode #integration-livesearch ul li:last-of-type a { border-bottom: 1px solid #eee; } #integration-search-shortcode #integration-livesearch ul li.partner a .details { width: 80%; } #integration-search-shortcode #integration-livesearch #livesearch-pagination { margin: 30px 0 0 !important; text-align: center; } #integration-search-shortcode #integration-livesearch #livesearch-pagination li { display: inline-block; } #integration-search-shortcode #integration-livesearch #livesearch-pagination li a { border: 1px solid #eee; } #integration-search-shortcode #integration-livesearch #livesearch-pagination a { display: inline-block; padding: 3px 10px; } #integration-search-shortcode #integration-livesearch #livesearch-pagination .plain-text { display: inline-block; padding: 3px 10px; margin: 0; color: #606A6E; font-size: 16px; } #integration-search-shortcode #integration-livesearch #livesearch-pagination .page-current { font-weight: bold; border-radius: 20px; color: #FFFFFF; background-color: #00AAE5; } #integration-search-shortcode #integration-livesearch .page-index { text-align: center; font-size: 14px; font-style: italic; } @media only screen and (max-width: 1100px) { #integration-search-shortcode #integration-search-filters { position: relative; width: 100%; margin-bottom: 10px; } #integration-search-shortcode #integration-livesearch { width: 100%; } } /* SCSS File: 100-edi-documents Version: 1.0.0 Description: Styling for the [sps_edi_list] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Document List */ #integration-search-shortcode #integration-livesearch ul.edi-doc-list .list-left { display: inline-block; width: 25%; } @media (min-width: 641px) { #integration-search-shortcode #integration-livesearch ul.edi-doc-list .list-left { width: 20%; } } #integration-search-shortcode #integration-livesearch ul.edi-doc-list .list-left.title { width: 50%; } @media (min-width: 641px) { #integration-search-shortcode #integration-livesearch ul.edi-doc-list .list-left.title { width: 40%; } } #integration-search-shortcode #integration-livesearch ul.edi-doc-list .list-left.description, #integration-search-shortcode #integration-livesearch ul.edi-doc-list .list-left.edifact-id { text-align: center; } #integration-search-shortcode #integration-livesearch ul.edi-doc-list .list-left.learn-more { text-align: right; display: none; } @media (min-width: 641px) { #integration-search-shortcode #integration-livesearch ul.edi-doc-list .list-left.learn-more { display: inline-block; } } #integration-search-shortcode #integration-livesearch ul.edi-doc-list .partner-header { padding: 20px !important; background-color: #f9f9f9; border: solid 1px #eee; border-bottom: none; } #integration-search-shortcode #integration-livesearch ul.edi-doc-list .partner-header p { font-weight: bold; margin: 0; padding: 0; } #integration-search-shortcode #integration-livesearch ul.edi-doc-list li.partner a .details { width: 100%; } #integration-search-shortcode #integration-livesearch ul.edi-doc-list li.partner a .details p.title { font-weight: normal; } /* Individual Documents */ .et-db #et-boc .edi-document-header { padding: 40px 0 0 !important; border-bottom: solid 1px #f1f1f1; } @media (min-width: 981px) { .et-db #et-boc .edi-document-header { padding: 100px 0 0 !important; } } .et-db #et-boc .edi-document-header .et_pb_row { width: 100%; max-width: 80%; } @media (min-width: 981px) { .et-db #et-boc .edi-document-header .et_pb_row { max-width: 90%; } } .et-db #et-boc .edi-document-header .et_pb_text_0 { max-width: 100%; } /* SCSS File: 110-resource-filters Version: 1.0.0 Description: Styling for the [sps_resource_filters] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Resource Filters */ #sps-resource-filters h2 { font-weight: 400 !important; margin-bottom: 20px !important; } #sps-resource-filters .filter-container { position: relative; margin: 0 0 20px; } #sps-resource-filters .filter-container select, #sps-resource-filters .filter-container input { width: 100%; border: none; border-bottom: 1px solid #B0B6B8; padding: 8px; color: #606A6E; } #sps-resource-filters .filter-container input { padding: 8px 32px 8px 11px; } #sps-resource-filters .filter-container .fa { position: absolute; top: 9px; right: 8px; color: #606A6E; pointer-events: none; } /* SCSS File: 111-resource-filters-responsive Version: 1.0.0 Description: Responsiveness styling for the [sps_resource_filters] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Resource Filters Responsiveness */ /* SCSS File: 112-resource-grid Version: 1.0.0 Description: Styling for the [sps_resource_grid] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Mixins */ /* Resource Grid */ #sps-resource-grid { display: block; text-align: center; /* Pagination */ } #sps-resource-grid .no-results h2, #sps-resource-grid .no-results p { text-align: left; } #sps-resource-grid .resource-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; align-content: stretch; } #sps-resource-grid .resource-container { display: inline-flex; flex-basis: 30%; margin-bottom: 24px; } #sps-resource-grid .resource, #sps-resource-grid .resource-placeholder { display: block; position: relative; width: 100%; background: #FFFFFF; box-shadow: 0 0 3px rgba(23, 23, 23, 0.5); /* Type Colors */ } #sps-resource-grid .resource .type-bar, #sps-resource-grid .resource-placeholder .type-bar { border-bottom: 3px solid #00AAE5; } #sps-resource-grid .resource .type-bar p, #sps-resource-grid .resource-placeholder .type-bar p { text-transform: uppercase; text-align: center; margin: 0; padding: 8px; color: #171717; font-weight: 600; font-size: 14px; } #sps-resource-grid .resource .details, #sps-resource-grid .resource-placeholder .details { text-align: center; padding: 28px 20px 36px; } #sps-resource-grid .resource .details svg, #sps-resource-grid .resource-placeholder .details svg { height: 49px; } #sps-resource-grid .resource .details svg g, #sps-resource-grid .resource-placeholder .details svg g { -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; fill: #B0B6B8; } #sps-resource-grid .resource .details .icon-placeholder, #sps-resource-grid .resource-placeholder .details .icon-placeholder { height: 49px; } #sps-resource-grid .resource .details h3, #sps-resource-grid .resource-placeholder .details h3 { text-align: center; color: #171717; font-size: 22px !important; font-weight: 400 !important; } #sps-resource-grid .resource .details p, #sps-resource-grid .resource-placeholder .details p { text-align: center; color: #171717; font-size: 12px; margin: 15px auto 0px; } #sps-resource-grid .resource .details p.learn-more, #sps-resource-grid .resource-placeholder .details p.learn-more { position: absolute; right: 0px; bottom: 0; left: 0px; color: #00AAE5; font-weight: 600; margin: 0; opacity: 0; } #sps-resource-grid .resource .details p.learn-more .fa, #sps-resource-grid .resource-placeholder .details p.learn-more .fa { font-size: 8px; vertical-align: middle; margin-left: 4px; } #sps-resource-grid .resource:hover .type-bar, #sps-resource-grid .resource-placeholder:hover .type-bar { background: #00AAE5; } #sps-resource-grid .resource:hover .type-bar p, #sps-resource-grid .resource-placeholder:hover .type-bar p { color: #FFFFFF; } #sps-resource-grid .resource:hover .details svg g, #sps-resource-grid .resource-placeholder:hover .details svg g { fill: #00AAE5; } #sps-resource-grid .resource:hover .details p.learn-more, #sps-resource-grid .resource-placeholder:hover .details p.learn-more { bottom: 20px; opacity: 1; } #sps-resource-grid .resource.type-case-study .type-bar, #sps-resource-grid .resource-placeholder.type-case-study .type-bar { border-color: #00AAE5; } #sps-resource-grid .resource.type-case-study p.learn-more, #sps-resource-grid .resource-placeholder.type-case-study p.learn-more { color: #00AAE5; } #sps-resource-grid .resource.type-case-study:hover .type-bar, #sps-resource-grid .resource-placeholder.type-case-study:hover .type-bar { background: #00AAE5; } #sps-resource-grid .resource.type-case-study:hover svg g, #sps-resource-grid .resource-placeholder.type-case-study:hover svg g { fill: #00AAE5; } #sps-resource-grid .resource.type-case-study:hover p.learn-more, #sps-resource-grid .resource-placeholder.type-case-study:hover p.learn-more { color: #00AAE5; } #sps-resource-grid .resource.type-infographic .type-bar, #sps-resource-grid .resource-placeholder.type-infographic .type-bar { border-color: #9B4B87; } #sps-resource-grid .resource.type-infographic p.learn-more, #sps-resource-grid .resource-placeholder.type-infographic p.learn-more { color: #9B4B87; } #sps-resource-grid .resource.type-infographic:hover .type-bar, #sps-resource-grid .resource-placeholder.type-infographic:hover .type-bar { background: #9B4B87; } #sps-resource-grid .resource.type-infographic:hover svg g, #sps-resource-grid .resource-placeholder.type-infographic:hover svg g { fill: #9B4B87; } #sps-resource-grid .resource.type-infographic:hover p.learn-more, #sps-resource-grid .resource-placeholder.type-infographic:hover p.learn-more { color: #9B4B87; } #sps-resource-grid .resource.type-research-paper .type-bar, #sps-resource-grid .resource.type-white-paper .type-bar, #sps-resource-grid .resource.type-e-book .type-bar, #sps-resource-grid .resource-placeholder.type-research-paper .type-bar, #sps-resource-grid .resource-placeholder.type-white-paper .type-bar, #sps-resource-grid .resource-placeholder.type-e-book .type-bar { border-color: #62C5AB; } #sps-resource-grid .resource.type-research-paper p.learn-more, #sps-resource-grid .resource.type-white-paper p.learn-more, #sps-resource-grid .resource.type-e-book p.learn-more, #sps-resource-grid .resource-placeholder.type-research-paper p.learn-more, #sps-resource-grid .resource-placeholder.type-white-paper p.learn-more, #sps-resource-grid .resource-placeholder.type-e-book p.learn-more { color: #62C5AB; } #sps-resource-grid .resource.type-research-paper:hover .type-bar, #sps-resource-grid .resource.type-white-paper:hover .type-bar, #sps-resource-grid .resource.type-e-book:hover .type-bar, #sps-resource-grid .resource-placeholder.type-research-paper:hover .type-bar, #sps-resource-grid .resource-placeholder.type-white-paper:hover .type-bar, #sps-resource-grid .resource-placeholder.type-e-book:hover .type-bar { background: #62C5AB; } #sps-resource-grid .resource.type-research-paper:hover svg g, #sps-resource-grid .resource.type-white-paper:hover svg g, #sps-resource-grid .resource.type-e-book:hover svg g, #sps-resource-grid .resource-placeholder.type-research-paper:hover svg g, #sps-resource-grid .resource-placeholder.type-white-paper:hover svg g, #sps-resource-grid .resource-placeholder.type-e-book:hover svg g { fill: #62C5AB; } #sps-resource-grid .resource.type-research-paper:hover p.learn-more, #sps-resource-grid .resource.type-white-paper:hover p.learn-more, #sps-resource-grid .resource.type-e-book:hover p.learn-more, #sps-resource-grid .resource-placeholder.type-research-paper:hover p.learn-more, #sps-resource-grid .resource-placeholder.type-white-paper:hover p.learn-more, #sps-resource-grid .resource-placeholder.type-e-book:hover p.learn-more { color: #62C5AB; } #sps-resource-grid .resource.type-resource .type-bar, #sps-resource-grid .resource.type-press-release .type-bar, #sps-resource-grid .resource-placeholder.type-resource .type-bar, #sps-resource-grid .resource-placeholder.type-press-release .type-bar { border-color: #B0B6B8; } #sps-resource-grid .resource.type-resource p.learn-more, #sps-resource-grid .resource.type-press-release p.learn-more, #sps-resource-grid .resource-placeholder.type-resource p.learn-more, #sps-resource-grid .resource-placeholder.type-press-release p.learn-more { color: #B0B6B8; } #sps-resource-grid .resource.type-resource:hover .type-bar, #sps-resource-grid .resource.type-press-release:hover .type-bar, #sps-resource-grid .resource-placeholder.type-resource:hover .type-bar, #sps-resource-grid .resource-placeholder.type-press-release:hover .type-bar { background: #B0B6B8; } #sps-resource-grid .resource.type-resource:hover svg g, #sps-resource-grid .resource.type-press-release:hover svg g, #sps-resource-grid .resource-placeholder.type-resource:hover svg g, #sps-resource-grid .resource-placeholder.type-press-release:hover svg g { fill: #B0B6B8; } #sps-resource-grid .resource.type-resource:hover p.learn-more, #sps-resource-grid .resource.type-press-release:hover p.learn-more, #sps-resource-grid .resource-placeholder.type-resource:hover p.learn-more, #sps-resource-grid .resource-placeholder.type-press-release:hover p.learn-more { color: #B0B6B8; } #sps-resource-grid .resource-placeholder { pointer-events: none; } #sps-resource-grid .resource-placeholder .type-bar { border-color: #B0B6B8; } #sps-resource-grid .resource-placeholder p.learn-more { color: #B0B6B8; } #sps-resource-grid .resource-placeholder:hover .type-bar { background: #B0B6B8; } #sps-resource-grid .resource-placeholder:hover svg g { fill: #B0B6B8; } #sps-resource-grid .resource-placeholder:hover p.learn-more { color: #B0B6B8; } #sps-resource-grid .resource-placeholder .placeholder { background: #F6F6F6; } #sps-resource-grid .resource-placeholder .type-bar { text-align: center; padding: 8px; } #sps-resource-grid .resource-placeholder .type-bar .placeholder.p { display: inline-block; height: 24.67px; width: 50%; } #sps-resource-grid .resource-placeholder .details { text-align: center; padding-bottom: 52px; } #sps-resource-grid .resource-placeholder .details .placeholder { display: block; margin: 0 auto; } #sps-resource-grid .resource-placeholder .details .placeholder.icon { background: none; padding: 8px 0 9px; min-height: 49px; opacity: 0.5; } #sps-resource-grid .resource-placeholder .details .placeholder.h3 { width: 80%; height: 65.33px; margin: 19.6px auto; } #sps-resource-grid .resource-placeholder .details .placeholder.p { width: 70%; height: 33.33px; margin-bottom: 24px; } #sps-resource-grid .pagination { display: inline-flex; margin: 20px 0 0; padding: 0; list-style: none; border: 2px solid #F6F6F6; } #sps-resource-grid .pagination li { margin: 0; padding: 0; list-style: none; border-right: 2px solid #F6F6F6; } #sps-resource-grid .pagination li a { display: block; text-align: center; color: #B0B6B8; font-weight: 600; padding: 8px 12px; } #sps-resource-grid .pagination li a:hover { background: #F6F6F6; } #sps-resource-grid .pagination li a.page-current { background: #1F282C; color: #FFFFFF; } #sps-resource-grid .pagination li:last-of-type { border-right: none; } /* SCSS File: 113-resource-grid-responsive Version: 1.0.0 Description: Responsiveness styling for the [sps_resource_grid] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Resource Grid Responsiveness */ @media only screen and (max-width: 1048px) { #sps-resource-grid .resource-container { flex-basis: 46%; } } @media only screen and (max-width: 981px) { #sps-resource-grid .resource-grid { justify-content: space-between; } } @media only screen and (max-width: 770px) { #sps-resource-grid .resource-container { flex-basis: 100%; } } /* SCSS File: 114-resource-featured Version: 1.0.0 Description: Styling for the [sps_resource_featured] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Mixins */ /* Resource Featured */ #sps-resource-featured { overflow: hidden; } #sps-resource-featured p.resource-featured-description { margin-bottom: 80px !important; } #sps-resource-featured .resource-cta { position: absolute; right: 0; bottom: -68px; left: 0; padding: 30px 0; } #sps-resource-featured .resource-cta .background { position: absolute; top: 0; right: -100%; bottom: 0; left: -100%; } #sps-resource-featured .resource-cta .background .tint { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 30%; } #sps-resource-featured .resource-cta .background .border { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: #62C5AB; /* Type Colors */ } #sps-resource-featured .resource-cta .background .border.type-case-study .type-bar { border-color: #00AAE5; } #sps-resource-featured .resource-cta .background .border.type-case-study p.learn-more { color: #00AAE5; } #sps-resource-featured .resource-cta .background .border.type-case-study:hover .type-bar { background: #00AAE5; } #sps-resource-featured .resource-cta .background .border.type-case-study:hover svg g { fill: #00AAE5; } #sps-resource-featured .resource-cta .background .border.type-case-study:hover p.learn-more { color: #00AAE5; } #sps-resource-featured .resource-cta .background .border.type-infographic .type-bar { border-color: #9B4B87; } #sps-resource-featured .resource-cta .background .border.type-infographic p.learn-more { color: #9B4B87; } #sps-resource-featured .resource-cta .background .border.type-infographic:hover .type-bar { background: #9B4B87; } #sps-resource-featured .resource-cta .background .border.type-infographic:hover svg g { fill: #9B4B87; } #sps-resource-featured .resource-cta .background .border.type-infographic:hover p.learn-more { color: #9B4B87; } #sps-resource-featured .resource-cta .background .border.type-research-paper .type-bar, #sps-resource-featured .resource-cta .background .border.type-white-paper .type-bar, #sps-resource-featured .resource-cta .background .border.type-e-book .type-bar { border-color: #62C5AB; } #sps-resource-featured .resource-cta .background .border.type-research-paper p.learn-more, #sps-resource-featured .resource-cta .background .border.type-white-paper p.learn-more, #sps-resource-featured .resource-cta .background .border.type-e-book p.learn-more { color: #62C5AB; } #sps-resource-featured .resource-cta .background .border.type-research-paper:hover .type-bar, #sps-resource-featured .resource-cta .background .border.type-white-paper:hover .type-bar, #sps-resource-featured .resource-cta .background .border.type-e-book:hover .type-bar { background: #62C5AB; } #sps-resource-featured .resource-cta .background .border.type-research-paper:hover svg g, #sps-resource-featured .resource-cta .background .border.type-white-paper:hover svg g, #sps-resource-featured .resource-cta .background .border.type-e-book:hover svg g { fill: #62C5AB; } #sps-resource-featured .resource-cta .background .border.type-research-paper:hover p.learn-more, #sps-resource-featured .resource-cta .background .border.type-white-paper:hover p.learn-more, #sps-resource-featured .resource-cta .background .border.type-e-book:hover p.learn-more { color: #62C5AB; } #sps-resource-featured .resource-cta .background .border.type-resource .type-bar, #sps-resource-featured .resource-cta .background .border.type-press-release .type-bar { border-color: #B0B6B8; } #sps-resource-featured .resource-cta .background .border.type-resource p.learn-more, #sps-resource-featured .resource-cta .background .border.type-press-release p.learn-more { color: #B0B6B8; } #sps-resource-featured .resource-cta .background .border.type-resource:hover .type-bar, #sps-resource-featured .resource-cta .background .border.type-press-release:hover .type-bar { background: #B0B6B8; } #sps-resource-featured .resource-cta .background .border.type-resource:hover svg g, #sps-resource-featured .resource-cta .background .border.type-press-release:hover svg g { fill: #B0B6B8; } #sps-resource-featured .resource-cta .background .border.type-resource:hover p.learn-more, #sps-resource-featured .resource-cta .background .border.type-press-release:hover p.learn-more { color: #B0B6B8; } #sps-resource-featured .resource-cta p { position: relative; float: left; font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 0 !important; padding: 12px 0; } #sps-resource-featured .resource-cta p .fa { margin: 0 6px 3px; font-size: 6px; vertical-align: middle; } #sps-resource-featured .resource-cta a.monarch-button.ghost { position: relative; float: right; padding: 10px 30px !important; min-width: auto !important; } #sps-resource-featured .resource-cta a.monarch-button.ghost:hover { padding: 10px 30px !important; } /* SCSS File: 115-resource-featured-responsive Version: 1.0.0 Description: Responsiveness styling for the [sps_resource_featured] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Resource Featured Responsiveness */ @media only screen and (max-width: 600px) { #sps-resource-featured p.resource-featured-description { margin-bottom: 120px !important; } #sps-resource-featured .resource-cta p { float: none; padding: 0 0 20px; } #sps-resource-featured .resource-cta a.monarch-button.ghost { float: none; width: 100%; } } /* SCSS File: 120-business-needs Version: 1.0.0 Description: Styling for the [sps_business_needs] shortcode */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "500-shortcodes" SCSS files */ /* Shortcode Variables */ /* Business Needs */ #business-need-list { border: solid 1px #eee; border-bottom: none; width: 80%; margin-left: 20%; } @media only screen and (max-width: 640px) { #business-need-list { width: 100%; margin: 0; } } #business-need-list .business-need-listing { border-bottom: solid 1px #eee; display: none; padding: 0 30px; } #business-need-list .business-need-listing h2 { font-size: 1.75em !important; } #business-need-list .business-need-listing .subtitle { font-size: .75em; display: block; line-height: 1.25em; margin-top: 10px; font-weight: 300; } #business-need-list .business-need-listing:hover p { text-decoration: underline; } #business-need-list .business-need-listing-active { display: block; } #business-need-filter { position: absolute; top: 0; left: 0; width: 18%; text-align: center; } @media only screen and (max-width: 640px) { #business-need-filter { position: relative; width: 100%; margin-bottom: 35px; } } #business-need-filter h3 { font-size: 1.5em !important; } #business-need-filter a { display: block; border-top: solid 1px #eee; width: 70%; margin: 0 auto; } #business-need-filter a:last-child { border-bottom: solid 1px #eee; } #business-need-filter span { font-size: .75em; line-height: 1.15em; font-style: italic; opacity: .5; width: 80%; display: block; margin: 0 auto 10px; } #business-need-filter .business-need-filter-active { font-weight: 800; padding: 10px 0; font-size: 1.25em; } /* Sidebars */ /* SCSS File: 010-social-icons Version: 1.0.0 Description: Social icons sidebar */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "300-sidebars" SCSS files */ /* Content Variables */ /* Social Icons Sidebar */ #sidebar-social .et-social-icons { padding-top: 0; float: none; width: 100%; text-align: center; } #sidebar-social .et-social-icons li:first-of-type { margin-left: 0; } #sidebar-social a.icon:before { display: inline-block; color: #F6F6F6; background: #606A6E; padding: 10px; border-radius: 6px; } /* SCSS File: 020-social-share Version: 1.0.0 Description: Floating ocial sharing sidebar */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "300-sidebars" SCSS files */ /* Content Variables */ /* Social Share Sidebar */ #sps-social-share-float { position: fixed; top: 328px; left: 0; z-index: 100; margin: 0; background: #0079a5; border-radius: 0 10px 10px 0; overflow: hidden; padding: 10px 0; } #sps-social-share-float li .label-wrapper .label { font-weight: 600; color: #FFFFFF; padding: 5px; } #sps-social-share-float li a { display: block; padding: 15px 9px; color: #FFFFFF; } #sps-social-share-float li a:hover { color: #00AAE5; } /* SCSS File: 030-sales-tab Version: 1.0.0 Description: Floating sales tab sidebar */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "300-sidebars" SCSS files */ /* Content Variables */ /* Sales Tab Sidebar */ #sps-sales-tab-float { position: fixed; top: 300px; right: -1px; z-index: 100; margin: 0; background: #0079a5; border-radius: 10px 10px 0 0; overflow: hidden; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); } #sps-sales-tab-float a { display: block; padding: 7px 14px; font-size: 15px !important; text-transform: uppercase; font-family: "Helvetica Neue", Helvetica, sans-serif !important; color: #FFFFFF; font-weight: 700; } #sps-sales-tab-float a:hover { background: #00AAE5; } @media only screen and (max-width: 766px) { #sps-sales-tab-float { display: none; } } /* SCSS File: 040-promo-button Version: 1.0.0 Description: Promo button sidebar */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "300-sidebars" SCSS files */ /* Content Variables */ /* Promo Button Sidebar */ .sidebar-promo-button { position: relative; display: inline-block; font-size: 1em; text-align: center; line-height: 1.7em; text-transform: uppercase; border: 0; background: #00AAE5; color: #FFFFFF !important; font-weight: 700; border-radius: 1px; margin: 7px 0; width: 100%; padding: 8px 5px; } .sidebar-promo-button:hover { background: #0079A5; } /* SCSS File: 050-popular-posts Version: 1.0.0 Description: Blog - popular posts sidebar */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "300-sidebars" SCSS files */ /* Content Variables */ /* Popular Posts Sidebar */ #sidebar-popular-posts { border: 1px solid #f1f1f1; background: #fff; /* h3 { margin: 0 !important; padding: 20px !important; background: $brand-blue; color: $white; font-size: 1.3em !important; text-transform: uppercase; font-weight: 600 !important; } */ } #sidebar-popular-posts .et_pb_tab { padding: 0; } #sidebar-popular-posts p { margin: 0; padding: 0; } #sidebar-popular-posts ul.sps-popular-posts { margin: 0; padding: 0; list-style: none; } #sidebar-popular-posts ul.sps-popular-posts li { display: block; margin: 0; padding: 0; } #sidebar-popular-posts ul.sps-popular-posts li a { display: block; border-bottom: 1px solid #f1f1f1; color: #171717; padding: 20px; } #sidebar-popular-posts ul.sps-popular-posts li a .thumbnail { float: left; width: 60px; height: 60px; margin-right: 10px; background-size: cover; background-position: center; border: 1px solid #f1f1f1; } #sidebar-popular-posts ul.sps-popular-posts li a .details { padding-left: 70px; } #sidebar-popular-posts ul.sps-popular-posts li a .details h4 { margin: 0 !important; font-size: 16px !important; } #sidebar-popular-posts ul.sps-popular-posts li a .details .categories { display: inline-block; color: #606A6E; font-size: 14px; line-height: 1.3; margin-top: 3px; } #sidebar-popular-posts ul.sps-popular-posts li a:hover { background: #efefef; } #sidebar-popular-posts.sidebar-tabs { background: transparent; border: 0; } #sidebar-popular-posts.sidebar-tabs ul.et_pb_tabs_controls { background: transparent; border-top: 0; border-right: 0; border-bottom: 1px solid #f1f1f1; border-left: 0; } #sidebar-popular-posts.sidebar-tabs ul.et_pb_tabs_controls li { display: inline-block; width: auto; margin: 0; padding: 0; border-right: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; border-bottom: 0; background: #FFFFFF; line-height: 1em !important; } #sidebar-popular-posts.sidebar-tabs ul.et_pb_tabs_controls li a { display: inline-block; color: #00AAE5; font-size: 14px; line-height: 28px; padding: 8px 12px; margin: 0; font-weight: bold; text-transform: uppercase; background: transparent; } #sidebar-popular-posts.sidebar-tabs ul.et_pb_tabs_controls li:first-of-type { border-left: 1px solid #f1f1f1; } #sidebar-popular-posts.sidebar-tabs ul.et_pb_tabs_controls li:hover a { background: #FFFFFF; color: #0079A5; } #sidebar-popular-posts.sidebar-tabs ul.et_pb_tabs_controls li.et_pb_tab_active { bottom: 0; } #sidebar-popular-posts.sidebar-tabs ul.et_pb_tabs_controls li.et_pb_tab_active a { background: #00AAE5; color: #FFFFFF !important; } #sidebar-popular-posts.sidebar-tabs ul.et_pb_tabs_controls:after { border-top: 0; } #sidebar-popular-posts.sidebar-tabs .et_pb_all_tabs { padding: 0; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; } /* SCSS File: 060-related-posts Version: 1.0.0 Description: Blog - related posts sidebar */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "300-sidebars" SCSS files */ /* Content Variables */ /* Related Posts Sidebar */ #sidebar-popular-posts.related-posts-wrapper { background: transparent; border: 0; padding: 0; } .sps-related-posts { margin: 0; padding: 0 !important; overflow: hidden; } .sps-related-posts li { display: inline-block; float: left; margin: 24px 0 0; padding: 0; width: 31%; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .sps-related-posts li a { display: block; padding: 0; border: 0; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .sps-related-posts li a .thumbnail { background-size: cover; background-position: center; border: 1px solid #f1f1f1; height: 180px; } .sps-related-posts li a .details { overflow: hidden; } .sps-related-posts li a .details h4 { font-size: 1em !important; } .sps-related-posts li a h4 { margin-top: 10px !important; font-size: 1.1em !important; font-weight: 600; padding: 0 12px !important; height: 40px; overflow: hidden; } .sps-related-posts li a .categories { display: block; } .sps-related-posts li a .excerpt { font-size: 1em; color: #171717; } .sps-related-posts li a:hover { background: #f1f1f1; } .sps-related-posts li:first-of-type { border-left: 0; } .sps-related-posts li:nth-of-type(2) { margin: 24px 3.5% 8px; } /* SCSS File: 070-subscription-form Version: 1.0.0 Description: Blog - subscription form sidebar */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "300-sidebars" SCSS files */ /* Content Variables */ /* Subscription Form Sidebar */ #sidebar-subscription-form { margin-top: 20px; } #sidebar-subscription-form input { background: #FFFFFF !important; color: #aaa !important; width: 100% !important; padding: 8px 5px !important; margin: 5px 0; font-size: 1.3em; font-weight: 600; text-align: center; } #sidebar-subscription-form input:first-of-type { margin-top: 0; } #sidebar-subscription-form .hide-this { height: 0; overflow: hidden; } #sidebar-subscription-form .hide-this input { padding: 0; margin: 0; } #sidebar-subscription-form button, #sidebar-subscription-form input[type=submit] { margin: 7px 0; width: 100%; background: #00AAE5 !important; color: #FFFFFF !important; font-weight: 700; border-radius: 1px; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } #sidebar-subscription-form button:hover, #sidebar-subscription-form input[type=submit]:hover, #sidebar-subscription-form button:focus, #sidebar-subscription-form input[type=submit]:focus { background: #0079A5 !important; color: #FFFFFF !important; } /* Unsorted */ /* SCSS File: monarch-joe-hallie Version: 1.0.0 Description: Saved from Divi during Project Monarch */ /* Added from Joe & Hallie (TODO: re-organize SCSS) */ .material-form { padding: 15px 0px; background-color: #FFFFFF; } .material-form .input-block { background-color: #FFFFFF; border-bottom: solid 1px #c8c8c8; width: 100%; height: 50px; padding: 0; position: relative; margin-bottom: 20px; box-sizing: border-box; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .material-form .input-block::before { content: ''; position: absolute; left: 50%; width: 0%; bottom: 0; height: 2px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-color: #2196f3; } .material-form .input-block.focus { border-color: #FFFFFF; } .material-form .input-block.focus label { color: #2196f3; top: 0; font-size: 13px; } .material-form .input-block.focus::before { left: 0%; width: 100%; } .material-form .input-block.has-value { background-color: #FFFFFF; } .material-form .input-block.has-value label { top: 0; font-size: 13px; } .material-form .input-block.error { border-color: #FFFFFF; } .material-form .input-block.error::before { left: 0%; width: 100%; background-color: #d50000; } .material-form .input-block.textarea { height: auto; } .material-form .input-block.textarea .form-control { height: auto; resize: none; padding-top: 20px; font-family: 'Roboto', sans-serif; } .material-form .input-block.floating-field { padding: 2px 0 0; height: 62px; } .material-form .input-block.floating-field.textarea { height: auto; } .material-form .input-block label { position: absolute; left: 0; top: 29px; width: 100%; height: 20px; margin: 0; font-weight: 500; z-index: 3; color: #939393; font-size: 13px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; line-height: 16px; white-space: nowrap; overflow: hidden; } .material-form .input-block .form-control { background-color: transparent; padding: 4px 0 0; border: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: none; height: 100%; width: 100%; position: relative; z-index: 2; font-size: 14px; font-weight: 500; color: #3c3c3c; } .material-form .input-block .form-control:focus { outline: none; } .material-form .input-block .form-control:focus label { top: 0; } .material-form .input-block #last_name { margin-top: 0; } .material-form .input-block-half { width: 100%; margin-right: 0; display: block; } .material-form .error-label { color: #d50000; margin-top: -15px; font-size: 14px; margin-bottom: 10px; } .material-form .form-note { font-size: 13px; color: #939393; margin-top: -15px; margin-bottom: 15px; } .material-form .square-button { background-color: #39a1f4; color: #FFFFFF; font-size: 20px; text-transform: uppercase; font-weight: 700; text-align: center; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 0; height: 60px; border: none; cursor: pointer; width: 100%; } .material-form .square-button:hover, .material-form .square-button:focus { background-color: #0d8aee; } .material-form .g-recaptcha { margin: 0 0 20px; } .ghost-form .material-form { padding: 0px; background-color: transparent; } .ghost-form .material-form .input-block { background-color: transparent; border-color: #FFFFFF; } .ghost-form .material-form .input-block label { color: #FFFFFF; } .ghost-form .material-form .input-block .form-control { color: #FFFFFF; } .ghost-form .material-form .square-button { background-color: transparent; border: solid 1px #FFFFFF; border-radius: 2px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05); } .ghost-form .material-form .square-button:hover, .ghost-form .material-form .square-button:focus { background-color: #00AAE5; border-color: #00AAE5; } .select-block { background-color: #FFFFFF; width: 100%; padding: 12px 0 0; position: relative; margin-bottom: 20px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .select-block label { position: absolute; left: 0; top: 32px; height: 20px; width: 100%; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin: 0; font-weight: 500; z-index: 1; color: #939393; font-size: 12px; line-height: 10px; white-space: nowrap; overflow: hidden; } .select-block .active-list { width: 100%; height: 52px; padding: 0; color: #c9c9c9; position: relative; z-index: 2; font-weight: 500; cursor: pointer; font-size: 0; white-space: nowrap; overflow: hidden; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .select-block .active-list:after { content: "▼"; position: absolute; right: 0; background-color: #FFFFFF; top: 50%; width: 20px; padding-left: 5px; text-align: left; height: 52px; line-height: 52px; color: #939393; font-size: 14px; margin-top: -26px; } .select-block.added label { top: 0; font-size: 13px; } .select-block.added .active-list { color: #3c3c3c; font-size: 12px; } .select-block.added.focus label { top: 0; } .select-block.focus label { top: 0; font-size: 13px; color: #2196f3; } .select-block.focus .active-list { font-size: 12px; } .select-block.focus .custom-select { border-color: #FFFFFF; } .select-block.focus .active-list:after { content: "▲"; color: #3c3c3c; } .select-block.focus .custom-select::before { left: 0%; width: 100%; } .select-block .custom-select { border-bottom: solid 1px #c8c8c8; display: inline-block; height: 52px; position: relative; padding: 0; width: 100%; line-height: 52px; } .select-block .custom-select::before { content: ''; position: absolute; left: 50%; width: 0%; bottom: 0; height: 2px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-color: #2196f3; } .select-block .custom-select .list-field { width: 100%; height: 52px; padding: 0 15px; position: absolute; top: 0; left: 0; display: none; } .select-block .custom-select .drop-down-list { width: 100%; height: auto; max-height: 250px; overflow-x: auto; z-index: 99; padding: 0; margin: 0; position: absolute; top: 100%; margin-top: 2px; left: 0; background-color: white; display: none; -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.117647); -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.117647); box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.117647); } .select-block .custom-select .drop-down-list li { padding: 10.5px 15px; cursor: pointer; font-size: 12px; line-height: normal; background-color: #fafafa; background-color: #FFFFFF; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .select-block .custom-select .drop-down-list li input[type="checkbox"] { margin: 0; margin-right: 8px; position: relative; top: 1px; } .select-block .custom-select .drop-down-list li label { font-weight: normal; cursor: pointer; display: block; } .select-block .custom-select .drop-down-list li:hover { color: #3c3c3c; background-color: rgba(0, 0, 0, 0.05); } .select-block .custom-select .drop-down-list .add-new { border-top: solid 1px #c8c8c8; padding: 15px; color: #3c3c3c; } .select-block .custom-select .drop-down-list .add-new i { font-size: 16px; margin-top: 3px; color: #939393; } /*tablet and above devices*/ @media (min-width: 768px) { .contact-wrap { width: 100%; max-width: 960px; margin: auto; } .material-form .input-block label { font-size: 18px; line-height: 14px; } .material-form .input-block .form-control { font-size: 18px; } .material-form .input-block-half { width: 48%; margin-right: 3%; display: inline-block; } .material-form .input-block-last { margin-right: 0; } .material-form .square-button { width: auto; padding: 0 40px; } .select-block label { font-size: 18px; line-height: 14px; } .select-block.added .active-list { font-size: 18px; } .select-block.focus .active-list { font-size: 18px; } .select-block .custom-select .drop-down-list li { font-size: 15px; } .material-form { padding: 30px; } .ghost-form .material-form .square-button { width: auto; padding: 0 50px; } } .monarch-card .et_pb_blurb_content { padding: 30px 20px 20px 95px; } .monarch-card .et_pb_main_blurb_image { line-height: 100%; height: 100%; margin: 0; width: 80px; } .monarch-card .et_pb_main_blurb_image .et_pb_image_wrap { width: auto; height: 100%; overflow: hidden; } .monarch-card .et_pb_main_blurb_image .et_pb_image_wrap img { width: auto !important; height: 100%; position: absolute; } .monarch-lead-gen .et_parallax_bg { background-position: left center; } .monarch-flow .monarch-flow-even .et_pb_column { float: right; } .monarch-flow .monarch-flow-text { z-index: 10; } .monarch-flow .monarch-flow-text .et_pb_text h2 { font-size: 30px !important; } .monarch-flow .monarch-flow-text .et_pb_text h3 { font-size: 1.65em !important; } .monarch-flow .monarch-flow-text .et_pb_text p { font-size: 15px; } /* Duplicate CSS for Divi #et-boc */ #et-boc .material-form { padding: 15px 0px; background-color: #FFFFFF; } #et-boc .material-form .input-block { background-color: #FFFFFF; border-bottom: solid 1px #c8c8c8; width: 100%; height: 50px; padding: 0; position: relative; margin-bottom: 20px; box-sizing: border-box; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #et-boc .material-form .input-block::before { content: ''; position: absolute; left: 50%; width: 0%; bottom: 0; height: 2px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-color: #2196f3; } #et-boc .material-form .input-block.focus { border-color: #FFFFFF; } #et-boc .material-form .input-block.focus label { color: #2196f3; top: 0; font-size: 13px; } #et-boc .material-form .input-block.focus::before { left: 0%; width: 100%; } #et-boc .material-form .input-block.has-value { background-color: #FFFFFF; } #et-boc .material-form .input-block.has-value label { top: 0; font-size: 13px; } #et-boc .material-form .input-block.error { border-color: #FFFFFF; } #et-boc .material-form .input-block.error::before { left: 0%; width: 100%; background-color: #d50000; } #et-boc .material-form .input-block.textarea { height: auto; } #et-boc .material-form .input-block.textarea .form-control { height: auto; resize: none; padding-top: 20px; font-family: 'Roboto', sans-serif; } #et-boc .material-form .input-block.floating-field { padding: 2px 0 0; height: 62px; } #et-boc .material-form .input-block.floating-field.textarea { height: auto; } #et-boc .material-form .input-block label { position: absolute; left: 0; top: 29px; width: 100%; height: 20px; margin: 0; font-weight: 500; z-index: 3; color: #939393; font-size: 13px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; line-height: 16px; white-space: nowrap; overflow: hidden; } #et-boc .material-form .input-block .form-control { background-color: transparent; padding: 4px 0 0; border: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: none; height: 100%; width: 100%; position: relative; z-index: 2; font-size: 14px; font-weight: 500; color: #3c3c3c; } #et-boc .material-form .input-block .form-control:focus { outline: none; } #et-boc .material-form .input-block .form-control:focus label { top: 0; } #et-boc .material-form .input-block #last_name { margin-top: 0; } #et-boc .material-form .input-block-half { width: 100%; margin-right: 0; display: block; } #et-boc .material-form .error-label { color: #d50000; margin-top: -15px; font-size: 14px; margin-bottom: 10px; } #et-boc .material-form .form-note { font-size: 13px; color: #939393; margin-top: -15px; margin-bottom: 15px; } #et-boc .material-form .square-button { background-color: #39a1f4; color: #FFFFFF; font-size: 20px; text-transform: uppercase; font-weight: 700; text-align: center; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 0; height: 60px; border: none; cursor: pointer; width: 100%; } #et-boc .material-form .square-button:hover, #et-boc .material-form .square-button:focus { background-color: #0d8aee; } #et-boc .material-form .g-recaptcha { margin: 0 0 20px; } #et-boc .ghost-form .material-form { padding: 0px; background-color: transparent; } #et-boc .ghost-form .material-form .input-block { background-color: transparent; border-color: #FFFFFF; } #et-boc .ghost-form .material-form .input-block label { color: #FFFFFF; } #et-boc .ghost-form .material-form .input-block .form-control { color: #FFFFFF; } #et-boc .ghost-form .material-form .square-button { background-color: transparent; border: solid 1px #FFFFFF; border-radius: 2px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05); } #et-boc .ghost-form .material-form .square-button:hover, #et-boc .ghost-form .material-form .square-button:focus { background-color: #00AAE5; border-color: #00AAE5; } #et-boc .select-block { background-color: #FFFFFF; width: 100%; padding: 12px 0 0; position: relative; margin-bottom: 20px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #et-boc .select-block label { position: absolute; left: 0; top: 32px; height: 20px; width: 100%; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin: 0; font-weight: 500; z-index: 1; color: #939393; font-size: 12px; line-height: 10px; white-space: nowrap; overflow: hidden; } #et-boc .select-block .active-list { width: 100%; height: 52px; padding: 0; color: #c9c9c9; position: relative; z-index: 2; font-weight: 500; cursor: pointer; font-size: 0; white-space: nowrap; overflow: hidden; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #et-boc .select-block .active-list:after { content: "▼"; position: absolute; right: 0; background-color: #FFFFFF; top: 50%; width: 20px; padding-left: 5px; text-align: left; height: 52px; line-height: 52px; color: #939393; font-size: 14px; margin-top: -26px; } #et-boc .select-block.added label { top: 0; font-size: 13px; } #et-boc .select-block.added .active-list { color: #3c3c3c; font-size: 12px; } #et-boc .select-block.added.focus label { top: 0; } #et-boc .select-block.focus label { top: 0; font-size: 13px; color: #2196f3; } #et-boc .select-block.focus .active-list { font-size: 12px; } #et-boc .select-block.focus .custom-select { border-color: #FFFFFF; } #et-boc .select-block.focus .active-list:after { content: "▲"; color: #3c3c3c; } #et-boc .select-block.focus .custom-select::before { left: 0%; width: 100%; } #et-boc .select-block .custom-select { border-bottom: solid 1px #c8c8c8; display: inline-block; height: 52px; position: relative; padding: 0; width: 100%; line-height: 52px; } #et-boc .select-block .custom-select::before { content: ''; position: absolute; left: 50%; width: 0%; bottom: 0; height: 2px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-color: #2196f3; } #et-boc .select-block .custom-select .list-field { width: 100%; height: 52px; padding: 0 15px; position: absolute; top: 0; left: 0; display: none; } #et-boc .select-block .custom-select .drop-down-list { width: 100%; height: auto; max-height: 250px; overflow-x: auto; z-index: 99; padding: 0; margin: 0; position: absolute; top: 100%; margin-top: 2px; left: 0; background-color: white; display: none; -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.117647); -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.117647); box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.117647); } #et-boc .select-block .custom-select .drop-down-list li { padding: 10.5px 15px; cursor: pointer; font-size: 12px; line-height: normal; background-color: #fafafa; background-color: #FFFFFF; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #et-boc .select-block .custom-select .drop-down-list li input[type="checkbox"] { margin: 0; margin-right: 8px; position: relative; top: 1px; } #et-boc .select-block .custom-select .drop-down-list li label { font-weight: normal; cursor: pointer; display: block; } #et-boc .select-block .custom-select .drop-down-list li:hover { color: #3c3c3c; background-color: rgba(0, 0, 0, 0.05); } #et-boc .select-block .custom-select .drop-down-list .add-new { border-top: solid 1px #c8c8c8; padding: 15px; color: #3c3c3c; } #et-boc .select-block .custom-select .drop-down-list .add-new i { font-size: 16px; margin-top: 3px; color: #939393; } #et-boc .monarch-card .et_pb_blurb_content { padding: 30px 20px 20px 95px; } #et-boc .monarch-card .et_pb_main_blurb_image { line-height: 100%; height: 100%; margin: 0; width: 80px; } #et-boc .monarch-card .et_pb_main_blurb_image .et_pb_image_wrap { width: auto; height: 100%; overflow: hidden; } #et-boc .monarch-card .et_pb_main_blurb_image .et_pb_image_wrap img { width: auto !important; height: 100%; position: absolute; } #et-boc .monarch-lead-gen .et_parallax_bg { background-position: left center; } #et-boc .monarch-flow .monarch-flow-even .et_pb_column { float: right; } #et-boc .monarch-flow .monarch-flow-text { z-index: 10 !important; } #et-boc .monarch-flow .monarch-flow-text .et_pb_text h2 { font-size: 30px !important; } #et-boc .monarch-flow .monarch-flow-text .et_pb_text h3 { font-size: 1.65em !important; } #et-boc .monarch-flow .monarch-flow-text .et_pb_text p { font-size: 15px; } #et-boc .monarch-flow .monarch-flow-text .et_pb_text ul, #et-boc .monarch-flow .monarch-flow-text .et_pb_text li { font-size: 15px !important; } @media (min-width: 768px) { #et-boc .contact-wrap { width: 100%; max-width: 960px; margin: auto; } #et-boc .material-form .input-block label { font-size: 18px; line-height: 14px; } #et-boc .material-form .input-block .form-control { font-size: 18px; } #et-boc .material-form .input-block-half { width: 48%; margin-right: 3%; display: inline-block; } #et-boc .material-form .input-block-last { margin-right: 0; } #et-boc .material-form .square-button { width: auto; padding: 0 40px; } #et-boc .select-block label { font-size: 18px; line-height: 14px; } #et-boc .select-block.added .active-list { font-size: 18px; } #et-boc .select-block.focus .active-list { font-size: 18px; } #et-boc .select-block .custom-select .drop-down-list li { font-size: 15px; } #et-boc .material-form { padding: 30px; } #et-boc .ghost-form .material-form .square-button { width: auto; padding: 0 50px; } } .column-shadows .et_pb_column img { max-width: 160px; max-height: 75px; width: auto; margin: 10px 0; } .column-shadows .et_pb_column h2 { font-size: 1.75em !important; margin-bottom: 15px !important; border-bottom: solid 1px #eee; padding-bottom: 20px !important; } .column-shadows .et_pb_column p { font-size: 1.95em; line-height: 1em; margin: 0 0 10px; padding: 0; } .column-shadows .et_pb_column p span { margin-top: 50px; font-style: italic; display: block; opacity: .5; } .column-shadows .et_pb_button { text-transform: none; } .hide-button .monarch-button { display: none !important; } .monarch-table td { vertical-align: top; } .monarch-table td p { margin: 0; font-size: 15px; } .monarch-table .header-row { background-color: #00AAE5; color: #FFFFFF; } /* SCSS File: miscellaneous-responsive Version: 1.0.0 Description: Saved from old SCSS code during Project Monarch */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* Miscellaneous Responsiveness (TODO: re-organize SCSS) */ @media only screen and (max-width: 980px) { #sps-blog-wrapper .et_pb_row { width: 100% !important; padding: 10px !important; } #sps-blog-wrapper #sps-blog-category-tabs .et_pb_tabs_controls li { display: block !important; width: 100% !important; } #sps-blog-wrapper #sps-blog-category-tabs .et_pb_tabs_controls li a { display: block !important; text-align: center !important; } #sps-blog-wrapper .blog-grid li { float: none !important; display: block !important; width: 100% !important; margin: 0 !important; } #sps-blog-wrapper .blog-grid li a .details h2 { margin-bottom: 10px !important; } /* Blog Mobile Phone Styles */ #sps-blog-wrapper { border: 0; border-bottom: 1px solid #ddd; margin-bottom: 0; background-color: #FFFFFF !important; /* Overview Page */ /* Individual Blog Post */ } #sps-blog-wrapper .et_pb_row { padding: 0 10px !important; } #sps-blog-wrapper .et_pb_column { background-color: #FFFFFF !important; } #sps-blog-wrapper #sps-blog-category-tabs .et_pb_tabs_controls { border: 0; } #sps-blog-wrapper #sps-blog-category-tabs .et_pb_all_tabs { padding: 0; } #sps-blog-wrapper .blog-grid li { padding: 0 !important; } #sps-blog-wrapper .blog-grid li a { border: 0 !important; border-bottom: 1px solid #ddd !important; } #sps-blog-wrapper #sps-blog-content-column { padding: 20px; border: 0; } #sps-blog-wrapper #sps-blog-content-column .pf-content { padding: 0 !important; } #sps-blog-wrapper .blog-comments-container .et_pb_column { margin-bottom: 10px; } #sps-blog-wrapper .blog-comments-container .et_pb_comments_module { margin-bottom: 0; } #sps-blog-wrapper .blog-comments-container .et_pb_comments_module ol.commentlist li.comment .comment-body { padding: 20px; } #sps-blog-wrapper .blog-comments-container .et_pb_comments_module #respond.comment-respond { padding: 20px 20px 40px; } ul.et_pb_social_media_follow { text-align: center; margin: 0 0 20px !important; } ul.et_pb_social_media_follow li { display: inline-block; float: none; } #sps-blog-subscription-box { border: 0; padding: 20px !important; } } @media only screen and (max-width: 700px) { .single-blog .container { width: 100%; } .single-blog .post-categories { padding-left: 70px; } .single-blog .post-categories img { left: 5px; } } @media only screen and (min-width: 1200px) { .et_boxed_layout #page-container { margin: 0 auto; position: relative; -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } .et_boxed_layout #page-container, .et_boxed_layout #page-container #main-header, .et_boxed_layout #page-container #top-header { width: 1200px; } .et_boxed_layout.et_vertical_nav #page-container #top-header { width: auto; } .et_boxed_layout #page-container #top-header { left: auto; right: auto; } } @media only screen and (max-width: 479px) { .et_pb_slide_content, .et_pb_more_button { display: block !important; margin-top: 100px; } .comment_avatar img { max-width: 100% !important; } } @media screen and (max-width: 480px) { #et-footer-nav { background-color: #1F282C; height: 175px; } .et_pb_bg_layout_dark .et_pb_slide_content { color: #FFFFFF; padding: 25px; } .et-pb-arrow-prev, .et-pb-arrow-next { color: #FFFFFF; font-size: 48px; margin-left: -14px; margin-right: -14px; margin-top: -24px; opacity: 0; position: absolute; top: 50%; transition: all 0.2s ease-in-out 0s; z-index: 100; } .et-pb-controllers { bottom: 55px; } } @media screen and (max-width: 850px) { .related-posts-wrapper a.related-post { width: 45%; } } @media screen and (max-width: 768px) { #et-footer-nav { background-color: #1F282C; height: 110px; } } @media screen and (max-width: 766px) { .decimis_agenda .et_pb_all_tabs .et-tabs-container .et-tabs-control { display: none !important; } .decimis_agenda .et_slidecontent { opacity: 1 !important; display: block !important; } .decimis_agenda .et_slidecontent .mobile_location_heading { display: block; } #sps-sales-tab-float { top: auto; right: 0; bottom: 0; left: 0; border-radius: 0; text-align: center; padding: 0; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } #sps-sales-tab-float a { height: 57px; padding: 14px; border-bottom: 1px solid #FFFFFF; } #sps-social-share-float { top: auto; right: 0; bottom: 57px; border-radius: 0; border-bottom: 1px solid #FFFFFF; text-align: center; padding: 0; } #sps-social-share-float li { display: inline-block; width: 27%; } } @media screen and (max-width: 640px) { body { font-size: 1.1em; } h1, h1.main_title { font-size: 1.8em !important; } h2 { font-size: 1.6em !important; } h3 { font-size: 1.4em !important; } h4 { font-size: 1.3em !important; } h5, h6 { font-size: 1.2em !important; } p { font-size: 1em; } p.lead { font-size: 1.15em; } #main-content ul, #main-content li { font-size: 1em; } #main-content.single-blog .post-heading { padding: 10px !important; } #main-content.single-blog .pf-content { padding-top: 10px !important; padding-right: 10px !important; padding-left: 10px !important; } #main-content.single-blog .abh_box, #main-content.single-blog .related-posts-wrapper { padding: 10px !important; } #main-content.single-blog .sidebar-box { padding: 0 10px 10px !important; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .photo-wrapper { float: none; margin: 0 auto 20px; } .decimis_agenda .et_pb_all_tabs .reveal-wrapper .reveal-details .speech-info { padding-left: 0; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .image-wrapper, .sps-cta .image-wrapper { display: block; float: none; width: 100%; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .image-wrapper img, .sps-cta .image-wrapper img { max-height: 120px; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .content-wrapper, .sps-cta .content-wrapper { display: block; float: none; width: 100%; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .content-wrapper h3, .sps-cta .content-wrapper h3 { margin-top: 10px !important; text-align: center; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .content-wrapper p, .sps-cta .content-wrapper p { text-align: center; margin-top: 14px; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .cta-wrapper, .sps-cta .cta-wrapper { padding-top: 0; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .cta-wrapper a.cta-button, .sps-cta .cta-wrapper a.cta-button { display: block; width: 100%; float: none; } #sps-blog-wrapper #sps-blog-content-column .pf-content .sps-cta .cta-wrapper a.cta-button:last-of-type, .sps-cta .cta-wrapper a.cta-button:last-of-type { float: none; margin-top: 18px; } } @media screen and (max-width: 550px) { .single-blog .entry-content .et-social-icons li { width: 30%; } #main-content .abh_box .abh_tab_content .abh_image { margin: 0 auto 20px !important; float: none !important; } #main-content .abh_box .abh_tab_content .abh_text { margin-left: 0 !important; } .sps-related-posts li { display: block; float: none; width: 100%; border-left: 0; border-top: 1px solid #ddd; } .sps-related-posts li:first-of-type { border-top: 0; } } @media screen and (max-width: 480px) { #et-footer-nav { background-color: #1F282C; height: 170px; } .related-posts-wrapper a.related-post { width: 100%; } .comment-wrapper { padding: 10px; } #left-area ul { padding: 0; } } /* SCSS File: flexslider Version: 1.0.0 Description: Saved from old SCSS code during Project Monarch */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* Flexslider (TODO: re-organize SCSS) */ /* jQuery FlexSlider v2.5.0 http://www.woothemes.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 and later license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author: Tyler Smith (@mbmufffin) */ /* ==================================================================================================================== FONT-FACE ====================================================================================================================*/ @font-face { font-family: 'flexslider-icon'; src: url("../../fonts/flexslider-icon.eot"); src: url("../../fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("../../fonts/flexslider-icon.woff") format("woff"), url("../../fonts/flexslider-icon.ttf") format("truetype"), url("../../fonts/flexslider-icon.svg#flexslider-icon") format("svg"); font-weight: bold; font-style: normal; } /* ==================================================================================================================== RESETS ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== BASE STYLES ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== DEFAULT THEME ====================================================================================================================*/ .flexslider { margin: 0 0 60px; background: #FFFFFF; border: 4px solid #FFFFFF; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; padding: 0 !important; } .flexslider .slides a { text-align: center; } .flexslider .slides img { display: inline-block; height: 100px; width: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; list-style-type: none !important; padding: 0 !important; } .flex-direction-nav a { text-decoration: none; display: block; width: 30px; height: 60px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: transparent; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '<'; font-weight: 700; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '>'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #171717; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #171717; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== RESPONSIVE ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* Footer */ /* SCSS File: 001-footer Version: 1.0.0 Description: Monarch footer styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "400-footer" SCSS files */ /* Footer Variables */ .bottom-nav { padding: 15px 0; font-size: 14px; font-weight: bold; } /* Monarch Footer */ #monarch-footer { position: relative; z-index: 8; background: #FFFFFF; padding: 48px 24px 60px; border-top: 1px solid #F6F6F6; } #monarch-footer .footer-content { width: 100%; max-width: 1240px; margin: 0 auto; position: relative; /* Footer menu */ /* Social media */ /* Language Translations */ } #monarch-footer .footer-content ul li { float: left; width: 20%; } #monarch-footer .footer-content ul li a { display: block; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.67; letter-spacing: normal; color: #000000; padding: 0 12px; } #monarch-footer .footer-content ul li a:hover { background: #f7f7f7 !important; } #monarch-footer .footer-content ul li a:active, #monarch-footer .footer-content ul li a:focus { color: #00AAE5; font-weight: 600 !important; } #monarch-footer .footer-content ul li.heading a { pointer-events: none; font-weight: 600; } #monarch-footer .footer-content ul li.heading ul.sub-menu { position: relative; } #monarch-footer .footer-content ul li.heading ul.sub-menu li { float: none; width: 100%; } #monarch-footer .footer-content ul li.heading ul.sub-menu li a { pointer-events: auto; font-weight: 400; } #monarch-footer .footer-content ul li.heading ul.sub-menu li ul.sub-menu { display: none; } #monarch-footer .footer-content ul li.heading:nth-of-type(5) { padding-top: 120px; } #monarch-footer .footer-content ul li.current-menu-item a { color: #00AAE5; font-weight: 600 !important; } #monarch-footer .footer-content #footer-social { list-style: none; padding: 0 0 0 2px; margin: 28px 0 0; } #monarch-footer .footer-content #footer-social li { list-style: none; display: inline-block; float: left; margin: 0; width: auto; padding-top: 0 !important; } #monarch-footer .footer-content #footer-social li a { display: block; padding: 10px; } #monarch-footer .footer-content #footer-social li a .fa { font-size: 20px; vertical-align: middle; color: #000; } #monarch-footer .footer-content #footer-social li a:active .fa, #monarch-footer .footer-content #footer-social li a:focus .fa { color: #00AAE5; } #monarch-footer .footer-content #footer-social li.copyright { float: right; font-size: 13px; padding: 5px 0 0 0 !important; text-align: right; opacity: .5; } #monarch-footer .footer-content #wpml-switch-container { position: absolute; top: 0; left: 80%; width: 20%; padding-left: 12px; } #monarch-footer .footer-content #wpml-switch-container .translate-title { font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; font-size: 15px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 2.67; letter-spacing: normal; color: #000000; padding: 0; } #monarch-footer .footer-content #wpml-switch-container li { float: none; width: 100%; } #monarch-footer .footer-content #wpml-switch-container .wpml-ls { border-color: transparent; margin: 0 auto; /* Currently picked language */ /* Other language options in dropdown */ } #monarch-footer .footer-content #wpml-switch-container .wpml-ls a.js-wpml-ls-item-toggle { font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; font-size: 15px !important; font-weight: normal !important; font-style: normal !important; font-stretch: normal !important; line-height: 2.67 !important; letter-spacing: normal !important; color: #000000 !important; background: transparent !important; padding: 0 !important; border: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.82) !important; } #monarch-footer .footer-content #wpml-switch-container .wpml-ls a.js-wpml-ls-item-toggle img { display: none !important; } #monarch-footer .footer-content #wpml-switch-container .wpml-ls a.js-wpml-ls-item-toggle span { margin-left: 0 !important; } #monarch-footer .footer-content #wpml-switch-container .wpml-ls ul li .wpml-ls-statics-shortcode_actions a { background: #FFFFFF !important; font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif !important; font-size: 15px !important; font-weight: normal !important; font-style: normal !important; font-stretch: normal !important; line-height: 2.67 !important; letter-spacing: normal !important; color: #000000 !important; } #monarch-footer .footer-content #wpml-switch-container .wpml-ls ul li .wpml-ls-statics-shortcode_actions a:hover { background: #f7f7f7 !important; } #monarch-footer .footer-content #wpml-switch-container .wpml-ls a img { display: none !important; } /* SCSS File: 002-footer-responsive Version: 1.0.0 Description: Monarch footer responsive styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "400-footer" SCSS files */ /* Footer Variables */ /* Monarch Footer Responsiveness */ @media only screen and (max-width: 800px) { #monarch-footer .footer-content ul li { width: 33.33%; } #monarch-footer .footer-content ul li:nth-of-type(3) { padding-top: 120px; } #monarch-footer .footer-content ul li.heading:nth-of-type(5) { padding-top: 0; } #monarch-footer .footer-content ul li.heading:nth-of-type(n+4) { margin-top: 0; } #monarch-footer .footer-content ul li.heading:nth-of-type(n+4) ul.sub-menu li { margin-top: 0; } #monarch-footer .footer-content ul li ul.sub-menu { display: none; } #monarch-footer .footer-content #wpml-switch-container { left: 66.66%; width: 33.33%; } #monarch-footer .footer-content #wpml-switch-container li:nth-of-type(3) { padding-top: 0; } } @media only screen and (max-width: 600px) { #monarch-footer .footer-content ul li { width: 50%; } #monarch-footer .footer-content ul li:nth-of-type(2) { padding-top: 120px; } #monarch-footer .footer-content ul li:nth-of-type(3) { padding-top: 0; } #monarch-footer .footer-content #wpml-switch-container { left: 50%; width: 50%; } #monarch-footer .footer-content #wpml-switch-container li:nth-of-type(2) { padding-top: 0; } } @media only screen and (max-width: 440px) { #monarch-footer .footer-content ul li { width: 100%; } #monarch-footer .footer-content ul li:nth-of-type(1) { padding-top: 120px; } #monarch-footer .footer-content ul li:nth-of-type(2) { padding-top: 0; } #monarch-footer .footer-content #wpml-switch-container { left: 0; width: 100%; max-width: 248px; } #monarch-footer .footer-content #wpml-switch-container li:nth-of-type(1) { padding-top: 0; } } /* In:fluence */ /* SCSS File: 001-main-menu Version: 1.0.0 Description: In:fluence main menu styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "700-influence" SCSS files */ /* In:fluence Variables */ /* In:fluence Main Menu */ #influence-header-row { padding-bottom: 25px !important; } .menu-influence-main-menu-container { margin: 0; padding: 0; } .menu-influence-main-menu-container #menu-influence-main-menu { position: relative; margin: 0; padding: 0; text-align: right; /* Current menu */ /* Menu hover */ /* Featured menu */ } .menu-influence-main-menu-container #menu-influence-main-menu li { position: relative; display: inline-block; margin: 0; padding: 0; /* Submenu */ } .menu-influence-main-menu-container #menu-influence-main-menu li a { display: block; margin: 0; padding: 30px 30px; color: #0079a5; } .menu-influence-main-menu-container #menu-influence-main-menu li ul { position: absolute; top: 93px; left: -16px; display: none; opacity: 0; z-index: 10; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .menu-influence-main-menu-container #menu-influence-main-menu li ul li { display: block; } .menu-influence-main-menu-container #menu-influence-main-menu li ul li a { font-size: 18px; padding: 10px; line-height: 1.2; width: 220px; text-align: left; background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #ccc; } .menu-influence-main-menu-container #menu-influence-main-menu li ul li a:hover { background: rgba(0, 121, 165, 0.9); color: #FFFFFF; } .menu-influence-main-menu-container #menu-influence-main-menu li ul li:last-of-type a { border-bottom: 0; } .menu-influence-main-menu-container #menu-influence-main-menu li li:last-of-type ul { right: 0; left: auto; } .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-item a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-ancestor a { text-decoration: underline; color: #d1009d; } .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-item ul a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-ancestor ul a { text-decoration: none; color: #0079a5; } .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-item ul a:hover, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-ancestor ul a:hover { color: #FFFFFF; } .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-item ul li.current-menu-item a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-ancestor ul li.current-menu-item a { text-decoration: underline; color: #d1009d; } .menu-influence-main-menu-container #menu-influence-main-menu li:hover, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-item:hover, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-ancestor:hover { /* Submenu */ } .menu-influence-main-menu-container #menu-influence-main-menu li:hover a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-item:hover a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-ancestor:hover a { background: #0079a5; color: #FFFFFF; } .menu-influence-main-menu-container #menu-influence-main-menu li:hover ul, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-item:hover ul, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-ancestor:hover ul { display: block; opacity: 1; } .menu-influence-main-menu-container #menu-influence-main-menu li:hover ul a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-item:hover ul a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-ancestor:hover ul a { background: rgba(255, 255, 255, 0.9); color: #0079a5; } .menu-influence-main-menu-container #menu-influence-main-menu li:hover ul li.current-menu-item a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-item:hover ul li.current-menu-item a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-ancestor:hover ul li.current-menu-item a { color: #d1009d; } .menu-influence-main-menu-container #menu-influence-main-menu li:hover ul a:hover, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-item:hover ul a:hover, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-ancestor:hover ul a:hover { background: rgba(0, 121, 165, 0.9); color: #FFFFFF; } .menu-influence-main-menu-container #menu-influence-main-menu li:hover ul li.current-menu-item:hover a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-item:hover ul li.current-menu-item:hover a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-ancestor:hover ul li.current-menu-item:hover a { color: #FFFFFF; } .menu-influence-main-menu-container #menu-influence-main-menu li.featured a { background: #d1009d; color: #FFFFFF; } .menu-influence-main-menu-container #menu-influence-main-menu li.featured:hover a { opacity: .7; } #influence-mobile-toggle { padding: 0; } #influence-mobile-toggle h5.et_pb_toggle_title { padding: 20px; width: 98%; } #influence-mobile-toggle .et_pb_toggle_content { padding-top: 0; padding-bottom: 10px; } #influence-mobile-toggle ul { margin: 0; padding: 0; list-style: none; } #influence-mobile-toggle ul li.current-menu-item a { background: #00a1dd; color: #FFFFFF; } #influence-mobile-toggle ul li a { display: block; font-size: 16px; padding: 0 20px; } #influence-mobile-toggle ul li a:hover { background: #00a1dd; color: #FFFFFF; } #influence-mobile-toggle ul li ul li a { background: #FFFFFF !important; color: #00a1dd !important; padding-left: 40px; } #influence-mobile-toggle ul li ul li a:hover { background: #00a1dd !important; color: #FFFFFF !important; } #influence-mobile-toggle ul li ul li a:before { content: "- "; } #influence-mobile-toggle ul li ul li.current-menu-item a { background: #00a1dd !important; color: #FFFFFF !important; } #influence-bottom-bar p { display: inline-block; font-size: 1em; margin: 0; } /* SCSS File: 002-main-menu-responsive Version: 1.0.0 Description: In:fluence main menu responsiveness styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "700-influence" SCSS files */ /* In:fluence Variables */ /* In:fluence Main Menu Responsiveness */ @media only screen and (max-width: 1700px) { #influence-logo { margin-top: 5px; } } @media only screen and (max-width: 1550px) { #influence-logo { margin-top: 8px; } } @media only screen and (max-width: 1450px) { #influence-logo { margin-top: 10px; } } @media only screen and (max-width: 1410px) { .menu-influence-main-menu-container #menu-influence-main-menu li a { padding: 30px 20px; } } @media only screen and (max-width: 1350px) { #influence-logo { margin-top: 13px; } } @media only screen and (max-width: 1250px) { #influence-logo { margin-top: 16px; } } @media only screen and (max-width: 1220px) { .menu-influence-main-menu-container #menu-influence-main-menu li a { padding: 30px 15px; } } @media only screen and (max-width: 1150px) { #influence-logo { margin-top: 19px; } } @media only screen and (max-width: 1120px) { #influence-logo { margin-top: 9px; } .menu-influence-main-menu-container #menu-influence-main-menu li a { font-size: 0.8em; padding: 20px 15px; } .menu-influence-main-menu-container #menu-influence-main-menu li ul { top: 73px !important; } .menu-influence-main-menu-container #menu-influence-main-menu li ul a { font-size: 0.5em !important; } } @media only screen and (max-width: 1020px) { #influence-logo { margin-top: 12px; } } @media only screen and (max-width: 980px) { #influence-header-row { width: 90%; } #influence-logo { margin-top: 0; } #influence-header-row .et_pb_column { margin-bottom: 0; } } /* SCSS File: 010-content Version: 1.0.0 Description: In:fluence content styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "700-influence" SCSS files */ /* In:fluence Variables */ /* In:fluence Content */ #influence-countdown-timer { margin: 0; padding: 0 0 10px; } #influence-countdown-timer p.value { margin: 0; } #influence-countdown-timer p.label { margin: 0; } #influence-countdown-timer .sep p { margin: 0; } .influence p { font-family: "Source Sans Pro"; font-size: 16px; line-height: 20px; color: #0079a5; font-weight: 400; } .influence h1 { font-size: 60px !important; line-height: 86px !important; letter-spacing: -2px !important; } .influence h2 { font-size: 40px !important; font-weight: 900 !important; line-height: 50px !important; letter-spacing: -1px !important; } .influence h3 { font-size: 24px !important; line-height: 31px !important; color: #00a1dd !important; font-weight: 400 !important; } .influence h4 { font-size: 16px !important; font-weight: 700 !important; line-height: 20px !important; } .influence h5 { opacity: 0.5 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 18px !important; letter-spacing: 2px !important; color: #0079a5 !important; } .influence-shadow { text-shadow: 0 2px 2px 0 #0079a5; } .influence-blue { color: #00a1dd !important; } .influence-pink { color: #d1009d !important; } .influence-navy { color: #0079a5 !important; } .influence-bg { background-repeat: no-repeat !important; background-size: inherit !important; } .influence-top-right-bg { background-position: right top !important; background-repeat: no-repeat !important; background-size: inherit !important; } /* Influence Styles */ .logged-in #influence-header-bar-wrap { top: 32px; } .influence.et_pb_section_2, .influence_short.et_pb_section_2 { margin-top: 48px; } .logged-in .influence.et_pb_section_2, .logged-in .influence_short.et_pb_section_2 { margin-top: 80px; } @media only screen and (max-width: 980px) { .influence.et_pb_section_2, .influence_short.et_pb_section_2 { margin-top: 33px; } .logged-in .influence.et_pb_section_2, .logged-in .influence_short.et_pb_section_2 { margin-top: 65px; } } @media only screen and (max-width: 782px) { .logged-in #influence-header-bar-wrap { top: 44px; } .logged-in .influence.et_pb_section_2, .logged-in .influence_short.et_pb_section_2 { margin-top: 63px; } } @media only screen and (max-width: 650px) { .influence.et_pb_section_2, .influence_short.et_pb_section_2 { margin-top: 31px; } .logged-in .influence.et_pb_section_2, .logged-in .influence_short.et_pb_section_2 { margin-top: 61px; } } @media only screen and (max-width: 600px) { #influence-header-bar-wrap { position: relative; top: 0 !important; } .influence.et_pb_section_2, .influence_short.et_pb_section_2 { margin-top: 0; } .logged-in .influence.et_pb_section_2, .logged-in .influence_short.et_pb_section_2 { margin-top: 0; } } .menu-influence-main-menu-container #menu-influence-main-menu li ul { top: 47px !important; left: 0; box-shadow: 0 0 2px #18476b; padding: 0; } #influence-mobile-toggle { padding: 0; margin-top: -30px; } #influence-mobile-toggle h5.et_pb_toggle_title { padding: 20px; width: 98%; } #influence-mobile-toggle .et_pb_toggle_content { padding-top: 0; padding-bottom: 10px; } #influence-mobile-toggle ul { margin: 0; padding: 0; list-style: none; } #influence-mobile-toggle ul li.current-menu-item a { background: #00a1dd; color: #FFFFFF; } #influence-mobile-toggle ul li a { display: block; font-size: 16px; padding: 0 20px; } #influence-mobile-toggle ul li a:hover { background: #00a1dd; color: #FFFFFF; } #influence-mobile-toggle ul li ul li a { background: #FFFFFF !important; color: #00a1dd !important; padding-left: 40px; } #influence-mobile-toggle ul li ul li a:hover { background: #00a1dd !important; color: #FFFFFF !important; } #influence-mobile-toggle ul li ul li a:before { content: "- "; } #influence-mobile-toggle ul li ul li.current-menu-item a { background: #00a1dd !important; color: #FFFFFF !important; } .menu-influence-main-menu-container #menu-influence-main-menu li a { text-transform: uppercase; font-weight: 600; color: #0079a5; font-size: 0.8em; padding: 6px 15px; } .menu-influence-main-menu-container #menu-influence-main-menu li a:hover { background: #0079a5 !important; color: #FFFFFF; } .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-item a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-ancestor a, .menu-influence-main-menu-container #menu-influence-main-menu li.current-menu-parent a { text-decoration: none !important; } .menu-influence-main-menu-container #menu-influence-main-menu li:hover a { background: #0079a5 !important; } .menu-influence-main-menu-container #menu-influence-main-menu li:hover ul a { background: #FFFFFF !important; color: #0079a5; } .menu-influence-main-menu-container #menu-influence-main-menu li:hover ul a:hover { background: #0079a5 !important; color: #FFFFFF; } .menu-influence-main-menu-container #menu-influence-main-menu li.featured a { background: transparent; border: 2px solid #d1009d; color: #d1009d; font-weight: 700; } .menu-influence-main-menu-container #menu-influence-main-menu li.featured a:hover { background: #d1009d !important; color: #FFFFFF; opacity: 1 !important; } .menu-influence-main-menu-container #menu-influence-main-menu li ul { top: 47px !important; } .menu-influence-main-menu-container #menu-influence-main-menu li ul a { font-size: 0.5em !important; } .menu-influence-main-menu-container #menu-influence-main-menu li ul li a { font-size: 0.58em !important; padding: 13px 10px; } #influence-bottom-bar p { display: inline-block; font-size: 1em; margin: 0; } @media only screen and (max-width: 1410px) { .menu-influence-main-menu-container #menu-influence-main-menu li a { padding: 6px 20px; } } @media only screen and (max-width: 1220px) { .menu-influence-main-menu-container #menu-influence-main-menu li a { padding: 6px 15px; } } @media only screen and (max-width: 1000px) { .menu-influence-main-menu-container #menu-influence-main-menu li a { padding: 6px 12px !important; } } @media only screen and (max-width: 980px) { #influence-header-row { width: 90%; } #influence-header-row .et_pb_column { margin-bottom: 0; } #influence-logo { margin-top: 0; } } @media only screen and (max-width: 1200px) { .menu-influence-main-menu-container #menu-influence-main-menu li a { padding: 6px 10px; } } @media only screen and (max-width: 1070px) { .menu-influence-main-menu-container #menu-influence-main-menu li a { padding: 6px 5px !important; } } #influence-logo { margin-top: 0px; padding-top: 15px; padding-bottom: 20px; } #influence-countdown-timer { margin: 0; padding: 0 0 10px; } #influence-countdown-timer p.value { margin: 0; } #influence-countdown-timer p.label { margin: 0; } #influence-countdown-timer .sep p { margin: 0; } #influence-logo-mobile { display: inline-block; float: right; margin-top: 0px; margin-bottom: 0; } #influence-logo-mobile img { height: 60px; } #influence-mobile-toggle { display: inline-block; float: left; padding: 0; width: 50%; margin-top: 4px; margin-bottom: 12px; } #influence-mobile-toggle h5 { padding: 16px 20px; } @media only screen and (max-width: 650px) { #influence-mobile-toggle h5 { font-size: 14px !important; } } #influence-mobile-toggle .et_pb_toggle_content { padding-bottom: 0; } #influence-mobile-toggle .et_pb_toggle_content a { background: #0079a5; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; line-height: 37px; } #influence-mobile-toggle .et_pb_toggle_content a:hover { background: #FFFFFF; color: #0079a5; } #influence-mobile-toggle .et_pb_toggle_content li.featured a { background: #d1009d; color: #FFFFFF; } #influence-mobile-toggle .et_pb_toggle_content li.featured a:hover { background: #FFFFFF; color: #d1009d; } #influence-mobile-toggle .et_pb_toggle_content li.current-menu-item a { background: #0079a5; color: #FFFFFF; text-decoration: underline; } #influence-mobile-toggle .et_pb_toggle_content li.current-menu-item a:hover { background: #FFFFFF; color: #0079a5; text-decoration: underline; } #influence-mobile-toggle .et_pb_toggle_content li.current-menu-item ul.sub-menu li a { background: #0079a5 !important; color: #FFFFFF !important; border-bottom: 1px solid #FFFFFF !important; line-height: 37px; padding-left: 31px !important; text-decoration: none; } #influence-mobile-toggle .et_pb_toggle_content li.current-menu-item ul.sub-menu li a:hover { background: #FFFFFF !important; color: #0079a5 !important; } #influence-mobile-toggle .et_pb_toggle_content li:last-of-type a { border-bottom: 0; } #influence-mobile-toggle li ul.sub-menu li a { background: #0079a5 !important; color: #FFFFFF !important; border-bottom: 1px solid #FFFFFF !important; line-height: 37px; padding-left: 31px !important; text-decoration: none; } #influence-mobile-toggle li ul.sub-menu li a:hover { background: #FFFFFF !important; color: #0079a5 !important; } #influence-mobile-toggle li ul.sub-menu li.current-menu-item a { background: #0079a5 !important; color: #FFFFFF !important; text-decoration: underline !important; } #influence-mobile-toggle li ul.sub-menu li.current-menu-item a:hover { background: #FFFFFF !important; color: #0079a5 !important; text-decoration: underline !important; } @media only screen and (max-width: 630px) { #influence-mobile-toggle { width: 40%; } #influence-mobile-row { width: 95%; } } @media only screen and (max-width: 410px) { #influence-mobile-toggle { width: 35%; } } @media only screen and (max-width: 390px) { #influence-logo-mobile { margin-top: 14px; width: 60%; } #influence-mobile-toggle .et_pb_toggle_content a { padding: 0 7px; } } .influence-button, .influence-button-cta a { padding: 3px 20px !important; font-size: 18px !important; font-weight: 700; border-radius: 0; } .influence-button:hover, .influence-button-cta a:hover { padding: 3px 40px 3px 20px !important; } .influence-button:after, .influence-button-cta a:after { font-size: 30px !important; } .influence-button-cta.light-hover a:hover { background-color: rgba(255, 255, 255, 0.1); } .influence-speaker { position: relative; height: 300px; background-size: cover; background-position: center; cursor: pointer; } .influence-speaker .et_pb_text_inner { position: absolute; width: 100%; bottom: 0; } .influence-speaker.small { height: 240px; } .influence-speaker h3 { position: absolute; right: 0; bottom: 32px; left: 0; margin: 0 !important; padding: 10px 10px 5px !important; background: rgba(0, 161, 221, 0.75); color: #FFFFFF; font-size: 32px !important; } .influence-speaker p { position: absolute; right: 0; bottom: 0; left: 0; margin: 0; height: 32px; line-height: 1; padding: 0 10px 5px !important; font-size: 13px !important; background: rgba(0, 161, 221, 0.75); border-bottom: 5px solid #00a1dd; color: #FFFFFF; } .influence-speaker:hover h3 { background: rgba(209, 0, 157, 0.75); } .influence-speaker:hover p { background: rgba(209, 0, 157, 0.75); border-color: #d1009d; } .page-template-page-template-blank { margin-top: 0; margin-bottom: 0; } .influence-page-title h2 { margin-top: 0 !important; margin-bottom: 12px !important; } @media only screen and (max-width: 980px) { .influence-page-title h2 { margin-top: 32px !important; } } .influence-speaker { margin-bottom: 90px !important; } .influence-speaker.small { margin-bottom: 120px !important; } .influence-speaker h3 { bottom: -50px; height: 50px; font-size: 26px !important; background: #054e7b; } .influence-speaker p { bottom: -90px; height: 40px; font-size: 12px !important; background: #054e7b; border-bottom: none; } .sponsors-list .sponsor-logos .et_pb_module { background-color: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); padding: 10% 5%; margin-bottom: 12% !important; } #influence-video-wrapper { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); } #influence-video-wrapper .video-wrapper { background-color: #FFFFFF; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } .influence-footer-register-wrapper .et_pb_button_module_wrapper { margin-bottom: 0 !important; } .influence-footer-register-wrapper h3 { margin-top: 13px !important; } .influence-footer-break { display: block; height: 11px; } #influence-footer-sps-logo img { height: 60px; } /* SCSS File: 030-footer Version: 1.0.0 Description: In:fluence footer styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "700-influence" SCSS files */ /* In:fluence Variables */ /* In:fluence Footer */ #influence-footer-cta { padding: 0; } #influence-footer-cta a { display: block; background: #d1009d; color: #FFFFFF; text-align: center; font-size: 2.4em; font-weight: 600; padding: 60px 10px; } #influence-footer-cta a:hover { opacity: 0.7; } /* Override Classes */ /* SCSS File: 001-overrides-au Version: 1.0.0 Description: AU specific styling */ /* Import Variables */ /* SCSS File: 000-global-variables Version: 1.0.0 Description: Variables for use across all SCSS files */ /* Global Variables */ /* Colors */ /* Primary Colors */ /* The primary application colors are neutralized to allow the sparse use of the primary blue and content take center stage. */ /* Secondary Colors */ /* Secondary colors are used for emphasis and as a way of differentiating calls-to-action. */ /* Status Colors */ /* A special hue of red and green are reserved for indicating status. These are non-branded colors. */ /* In:fluence Primary Colors */ /* Footer Colors */ /* Monarch Colors */ /* Graphic Effects */ /* Sizes */ /* Fonts */ /* Breakpoints */ /* Mixins */ /* SCSS File: 000-variables Version: 1.0.0 Description: Variables for use within "900-overrides" SCSS files */ /* Core Variables */ #au-view-more { background-color: #FF9632; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 auto; max-width: 260px; display: block; cursor: pointer; color: #FFFFFF; font-size: 1rem; padding: .5rem 2rem; font-weight: bold; text-decoration: none; } #au-view-more:hover { background-color: #e28234; } #au-view-more:active { position: relative; top: 1px; } /*# sourceMappingURL=style.css.map */