/* Theme Name: Post Modern Theme URI: https://blog.postman.com Description: This WP theme has been developed on top of Underscores + Bootstrap 4.5 for Postman Marketing Blog (a Marketing Eng project). Version: 2.40.0 Author: Christina Hastenrath, Tristan Denyer, Brandon Castillo Tested up to: 7.4 Requires PHP: 7.3 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: underscore_test Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. Underscore_test is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Normalize - Box sizing # Base - Typography - Elements - Links - Forms ## Layouts # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries # plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* DO NOT EDIT MINIFIED NORMAILZE CSS */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type="button"],[type="reset"],[type=submit],button{-webkit-appearance:button}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type=reset]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /* END - DO NOT EDIT */ /* Box sizing --------------------------------------------- */ /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; text-rendering: optimizelegibility; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Typography --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { clear: both; } p { overflow-wrap: break-word; font-size: 16px; color: #212121 !important; line-height: 26px; margin: 0 0 24px 0; } small, .small { color: #6b6b6b; font-weight: 400; font-size: 14px; line-height: 22px; } .legal { color: #A6A6A6 !important; font-weight: 400; font-size: 1.3rem !important; line-height: 1.2 !important; margin-bottom: .75rem !important; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; /* overflow: auto; */ padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } :not(pre)>code { font-family: IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace!important; background-color: #f9f9f9!important; color: #212121; padding: 1px 4px 2px!important; font-size: 15px!important; box-shadow: inset 0 0 0 1px #e6e6e6; border-radius: 8px!important; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /* Elements --------------------------------------------- */ @-moz-document url-prefix() { html { -moz-osx-font-smoothing: grayscale; } } body { background: #fff; color: #212121 !important; font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica, Arial, sans-serif !important; font-feature-settings: "ss01", "onum", "zero"; font-weight: 400; letter-spacing: -0.16px; text-rendering: geometricPrecision; width: 100%; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } .hfeed .home { padding-top: 64px; } .entry-content ul { margin-left: 32px; margin-bottom: 24px; padding: 0; list-style: none; } .entry-content li { margin-bottom: 1rem; } .entry-content li ul li { margin-bottom: .25rem !important; } .entry-content ul li:before { color: #FFB091; content: "\2726"; direction: rtl; margin-left: -28px; padding-right: 16px; width: 28px; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { /* height: auto; */ max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; overflow-x:auto; width: 100%; border-collapse: collapse; border-spacing: 0; } @media screen and (max-width: 596px){ table { display: block; } } th { padding: 1.6rem; } tr{ border-top: 1px solid rgb(222, 226, 230); } td{ padding: 1.6rem; position: relative; border-color: #fbfcfc; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6!important; vertical-align: middle!important; } /* Links --------------------------------------------- */ a:hover, a:focus, a:active { color: #191970; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Navigation --------------------------------------------- */ .main-navigation { display: block; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { display: block; left: auto; } .main-navigation ul ul a { width: 200px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { position: relative; } .main-navigation a { display: block; text-decoration: none; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: flex; } } /* Posts and pages --------------------------------------------- */ .entry-header { margin-bottom: 48px; margin-top: 8px; } .post-edit-link { display: block; margin: 24px 0; } .sticky { display: block; } .post, .page { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-links { clear: both; margin: 0 0 1.5em; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /* Captions --------------------------------------------- */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; margin-bottom: 24px; } .wp-caption .wp-caption-text { color: #6b6b6b; font-size: 14px; line-height: 20px; text-align: center; margin-bottom: 24px; font-style: normal; } /* Galleries --------------------------------------------- */ .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } /* Jetpack infinite scroll --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; /* overflow: hidden; */ padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 4px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /* Alignments --------------------------------------------- */ .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1.5em; } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } /* Responsive videos (native WP embeds) --------------------------------------------- */ .wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load { width: 100% !important; height: 100% !important; } .mejs-container { padding-top: 56.25%; } .wp-video, video.wp-video-shortcode { max-width: 100% !important; } video.wp-video-shortcode { position: relative; } .mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mejs-controls { display: none; } .mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; } /* CTA for Comments Box (bottom of Post) --------------------------------------------- */ .cta-comment-box { background-color: #e7f0ff; border-radius: 4px; padding: 24px; margin-top: 24px; margin-bottom: 32px; border-bottom: 2px solid #e7f0ff; border-right: 2px solid #e7f0ff; } .cta-comment-box p { font-size: 18px; font-weight: 600; margin: 0; text-align: center; } @media screen and (min-width: 992px) { .cta-comment-box p { font-size: 20px; } } .cta-comment-box a:link, .cta-comment-box a:visited { text-decoration: none; border-bottom: 1px solid transparent; } .cta-comment-box a:hover, .cta-comment-box a:active { text-decoration: none; border-bottom: 1px solid #0265D2; } /* FONTS --------------------------------------------- */ /* Currently only Semibold is imported for Headers */ @font-face { font-family: 'Degular-Display-Semibold'; src: url('fonts/degular/Degular_Display-Semibold.woff2') format('woff2'), url('fonts/degular/Degular_Display-Semibold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /* inter-regular - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('fonts/inter/inter-v3-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/inter/inter-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/inter/inter-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/inter/inter-v3-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/inter/inter-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/inter/inter-v3-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */ font-display: swap } /* inter-600 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; src: url('fonts/inter/inter-v3-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/inter/inter-v3-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/inter/inter-v3-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/inter/inter-v3-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/inter/inter-v3-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/inter/inter-v3-latin-600.svg#Inter') format('svg'); /* Legacy iOS */ font-display: swap } /* ibm-plex-mono-regular - latin */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; src: url('fonts/plexMono/ibm-plex-mono-v7-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/plexMono/ibm-plex-mono-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/plexMono/ibm-plex-mono-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/plexMono/ibm-plex-mono-v7-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/plexMono/ibm-plex-mono-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/plexMono/ibm-plex-mono-v7-latin-regular.svg#IBMPlexMono') format('svg'); /* Legacy iOS */ font-display: swap; } /* main css */ h1, .h1, h2, .h2, h3, .h3 { font-family: 'Degular-Display-Semibold', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; font-weight: 600; font-feature-settings: 'kern' 1, 'ss01' 1, 'salt' 1; } h4, .h4, h5, .h5, h6, .h6 { font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; font-weight: 600 !important; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited { color: #212121; text-decoration: none; } h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active { color: #0265D2; text-decoration: none; } h1, .h1 { font-size: 48px !important; line-height: 1; letter-spacing: 0.64px; margin-bottom: 24px !important; } @media (max-width: 576px) { h1, .h1 { font-size: 36px !important; line-height: 1; margin-bottom: 16px !important; } } h2, .h2 { font-size: 36px !important; letter-spacing: 0.48px; line-height: 1.1666666667; margin-bottom: 16px !important; } @media (max-width: 576px) { h2, .h2 { font-size: 28px !important; line-height: 1.1428571429; } } h3, .h3 { font-size: 28px !important; letter-spacing: 0.64px; line-height: 1.1428571429; margin-bottom: 16px !important; } @media (max-width: 576px) { h3, .h3 { font-size: 24px !important; letter-spacing: 0px; line-height: 1.5; } } h4, .h4 { font-size: 20px !important; line-height: 1.4; letter-spacing: -0.32px; margin-bottom: 8px !important; } figcaption { font-style: italic; } /* main site css */ .site { padding-right: 0px; padding-left: 0px; } .site-main img { height: auto; } .home-card-wrapper { border-bottom: 1px solid #e6e6e6; padding-bottom: 40px; } @media screen and (min-width: 768px) { .home-card-wrapper { border-bottom: none; padding-bottom: 20px; } } .home_editors_wrapper, .home-allStories-wrapper { padding: 80px 0 40px 0; } .home_editors_wrapper { background-color: #f9f9f9; } .home_tutorials_wrapper { padding-left: 156px; padding-right: 156px; margin-left: -15px; margin-right: -15px; } @media screen and (max-width: 575px) { .home_tutorials_wrapper { padding: 0 20px; } } .home_hero_container { background-color: #ffffff; } .home_hero { background-color: #ffffff; padding: 60px -0 80px 0px; } @media screen and (max-width: 575px) { .home_hero { padding: 20px; } } a.home_hero_title { font-size: 48px; } a.home_hero_title:hover { text-decoration: none; } a { color: #282828; } /* in blog post the links are called .entry-content a */ .postman-link { height: 24px; color: #0265D2; text-decoration: none; } .postman-link:hover { text-decoration: none; border-bottom: 1px solid #0265D2 } .wpfront-button { height: 24px; color: #282828 !important; font-size: 16px; font-weight: 700; background-image: linear-gradient(180deg, transparent 50%, rgba(249,157,120,.5) 0); padding-right: 4px; padding-bottom: 2px; background-position-y: 2px; background-position-x: 4px; background-repeat: no-repeat; text-decoration: none; transition: .18s ease; } .wpfront-button:hover { background-position: top 7px right -4px; padding-right: 4px; padding-bottom: 2px; text-decoration: none; background-image: linear-gradient(180deg, transparent 60%, rgba(249, 157, 120, 1) 0); color:#282828; } .home_recommendations { background-color: #f9f9f9; } .home_editor { padding: 50px 50px 50px 10px; } .home_editor img { width: 80%; } /* links, buttons ///////////////////////////////////////////////////////////////////// */ .btn { /* Corrects inability to style clickable `input` types in iOS. */ appearance: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 700!important; line-height: 1.5; margin: 0 0 16px 0; position: relative; transition: 0.2s ease-in-out; user-select: none; } /* Primary Button */ .btn.btn__primary { color: #fff !important; background-color: #FF6C37 !important; border-color: #FF6C37 !important; padding: 8px 16px; text-align: center; white-space: nowrap; } .btn__primary:hover { opacity: 0.7; } /* pagination buttons are pagination_home */ .btn__primary-hollow { color: #303030 !important; background-color: transparent !important; border: 1px solid #A6A6A6 !important; padding: 8px 16px; text-align: center; white-space: nowrap; } .btn__primary-hollow:hover { border: 1px solid #3B3B3B !important; text-decoration: none !important; } .btn__primary-hollow:disabled, .btn__primary-hollow.isDisabled { color: #666666 !important; cursor: not-allowed; background-image: none !important; background: #F4F4F4 !important; border-color: transparent; } /* navbar refresh 2021 start ////////////////////////////////////////////////////////////////////////*/ .navbar-v6 { background-color: rgba(255, 255, 255, 0.84) !important; backdrop-filter: blur(4px); padding: 8px 16px; border-bottom: 1px solid #eee; } .navbar-v6 .navbar-brand .navbar-logo-container { width: 32px; height: 32px; z-index: 9999; position: relative; } .navbar-logo-container img { margin-bottom: 1.45rem; } @media (max-width: 991px) { /* Global Nav */ #navbarSupportedContent.navbar-collapse { -webkit-overflow-scrolling: touch; top: 47px; padding: 16px 8px 16px 16px; z-index: 999999999; width: 100%; left: 0; position: fixed; right: 0; bottom: 0; left: 0; background: #ffffff; -webkit-transition: height 0.2s linear; -o-transition: height 0.2s linear; -ms-transition: height 0.2s linear; transition: height 0.2s linear; } #navbarSupportedContent.navbar-collapse.collapsing { position: fixed; top: 47px; } #navbarSupportedContent.navbar-collapse.show { top: 47px; overflow-y: auto !important; overflow-x: hidden !important; height: 100vh; } /* LC Nav */ #navbarSupportedContentBottom.navbar-collapse { position: absolute; right: 0; left: 0; width: 100%; top: 3.25rem; background-color: white; padding: 0 16px 16px 16px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } } .navbar-toggler { padding: 0 !important; font-size: 12.5px; margin-right: 8px !important; } .contextual-home-link { color: #212121; font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica, Arial, sans-serif; font-size: 16px !important; letter-spacing: -0.24px; line-height: 1.4; font-weight: 600; padding-left: 0; } span.contextual-home-link.nav-link.uber-nav { padding-left: 0px !important; } .navbar-nav { margin-left: 0; } @media (max-width: 991px) { .navbar-nav { margin-bottom: 24px; } } .nav-item { margin-bottom: 4px; } .nav-link { font-weight: 600; font-size: 14px; padding: 6px 6px 6px 16px !important; letter-spacing: normal; } .nav-link:link, .nav-link:active { font-weight: 600; font-size: 14px; padding: 6px 6px 6px 16px !important; } .navbar-toggler-icon { width: 24px; margin: auto 0; } /* Hide Default Arrow */ .nav-link::after { display: none !important; } /* SVG Arrow Icon next to Nav Link */ .nav-link > svg { display: inline-block; margin-left: 3px; width: 10px; -webkit-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; -webkit-transform: -webkit- .1s; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* Arrow Transitions Up on .show */ .nav-link > svg.show { display: inline-block; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -webkit-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; } @media screen and (max-width: 992px) { .nav-link > svg { float: right; margin-right: 0px; position: relative; top: 8px; } .nav-link > svg:active, .nav-link > svg:focus { outline: none; } .nav-link:link { padding: 6px 16px 6px 0 !important; } .nav-link.uber-nav-link { padding: 6px 16px !important; } } .navbar-light .navbar-nav .nav-link { color: #6b6b6b !important; } /* Icon Transition to X start*/ span.navbar-toggler-icon { /* background image none removes the bars */ background-image: none !important; display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat 50%; background-size: 100% 100%; } .icon-bar { position: relative; height: 30px; width: 24px; margin: auto; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -ms-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); cursor: pointer; } div.icon-bar > span { display: block; position: absolute; height: 2px; width: 24px; background: #6b6b6b; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -ms-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } div.icon-bar.span:nth-child(1) { top: 10px; } div.icon-bar.span:nth-child(2), div.icon-bar.span:nth-child(3) { top: 18px; } div.icon-bar.span:nth-child(4) { top: 26px; } div.icon-bar.open { right: 0px; } div.icon-bar.open > span:nth-child(1) { top: 18px; left: 50%; width: 0%; visibility: hidden; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } div.icon-bar.open > span:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } div.icon-bar.open > span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } div.icon-bar.open > span:nth-child(4) { top: 18px; width: 0%; left: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); visibility: hidden; } /* Icon Transition to X end */ .uber-nav { /* padding: 4px 16px !important; */ font-size: 14px; } .dropdown-menu { padding: 20px !important; font-size: 14px !important; line-height: 20px; /* padding: 8px 16px; */ border-radius: 8px; background-color: #FFFFFF; border: none !important; } .dropdown-menu.show { padding: 20px !important; } @media screen and (min-width: 992px) { .dropdown-menu { padding: 20px !important; box-shadow: 0 16PX 24px -8PX rgba(0, 0, 0 , 0.24); background-color: #FFFFFF; border-radius: 8px; border: 1px solid #EDEDED; } } a.dropdown-item { padding: 8px 16px; } a.dropdown-item.small { display: block; color: #303030; } a.dropdown-item.app-cta { color: #0265D2; font-weight: 600; } .dropdown-item.active, .dropdown-item:active { color: #303030 !important; background-color: #f8f9fa !important; } a.nav-link.uber-nav, a.nav-link.uber-nav:active { font-weight: 400; } /* Postman Logo and Home Logo switching */ .navbar-v6 .navbar-brand { align-items: center; display: flex; margin-bottom: 0; margin-right: 10px !important; } .dropdown-col-menu { width: 100%; } .dropdown-col { margin-bottom: 2rem; } @media screen and (min-width: 992px) { .dropdown-col-menu { width: 600px; } .dropdown-col { margin-bottom: 0px; } } .dropdown-header { color: #5b5b5b; font-size: 16px !important; padding: 8px 16px !important; font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica, Arial, sans-serif; letter-spacing: -0.24px; line-height: 1.4; font-weight: 600; margin-bottom: 8px; } input[type='search'] { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.24); border-radius: 4px; font-size: 13px; padding: 4px 24px 4px 28px; height: 32px; margin: 0px; width: 256px !important; } .dropdown-header:-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #A6A6A6; } .dropdown-header:-moz-placeholder { /* Firefox 19+ */ color: #A6A6A6; } .dropdown-header:-ms-input-placeholder { /* IE 10+ */ color: #A6A6A6; } .dropdown-header:-moz-placeholder { /* Firefox 18- */ color: #A6A6A6; } .search-from_padding { padding: 24px 0; } .form-inline { justify-content: center; } .search-label { position: relative; left: 25px; } @media screen and (max-width: 991px) { .form-inline { margin-top: 10px; justify-content: left; } .search-label { position: absolute; top: auto; transform: translate(0%); margin-top: 5px; } }; /* Refresh navbar Brandon */ .menu-open { background-color: white; } @media screen and (max-width: 992px) { /* lock is for global nav */ .lock { position: fixed; } /* ::after for LC nav */ .menu-open::after { content: ''; display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.7); } } .nav-primary { backdrop-filter: blur(32px); z-index: 2147483647; padding: 6px 16px !important; border-bottom: 1px solid #e6e6e6; } .nav-primary.activeMenu { background-color: #ffffff !important; position: relative; z-index: 2147483647; } .nav-secondary { backdrop-filter: blur(64px); position: sticky; padding: 4px 16px !important; top: 0; z-index: 1020; } .nav-secondary.activeMenu { background-color: #ffffff !important; z-index: 99; width: 100%; } /* button */ .mobile-register-button_wrapper { margin-top: 30px; margin-left: 20px; } .mobile-register-button { border: 2px solid #F4815B; color: #F4815B; text-transform: uppercase; font-weight: 700; padding: 10px 20px; margin-top: 20px 0px !important; } .mobile-icon-button { border: none !important; -webkit-overflow-scrolling: touch; border: 0; font-size: 24px; padding: 0 !important; margin-right: -2.5px !important; margin-top: -6px; } /* @media screen and (min-width: 575px) and (max-width: 767px) { .mobile-icon-button { padding: .25rem 1rem .25rem 1rem; } } */ .mobile-icon-button:focus { outline: none; } .mobile-icon-button_caret:focus { outline: none; } .mobile-icon { /* width: 44px; */ height: 50px; position: relative; margin: auto; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -ms-transition: .5ms ease-in-out; -o-transition: .5ms ease-in-out; -webkit-transition: .5ms ease-in-out; transition: .5ms ease-in-out; cursor: pointer; } .mobile-icon span { display: block; position: absolute; height: 2.5px; width: 24px; background: #666666; /* background: #FFFFFF; */ border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -ms-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .mobile-icon span:nth-child(1) { top: 10px; } .mobile-icon span:nth-child(2), .mobile-icon span:nth-child(3) { top: 18px; } .mobile-icon span:nth-child(4) { top: 26px; } .mobile-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } .mobile-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mobile-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } /* caret / chevron */ .caret { display: inline-block; width: 15px; color: #666666; -webkit-transition: transform 0.25s linear; -o-transition: transform 0.25s linear; transition: transform 0.25s linear; -webkit-transform: -webkit-transform 0.25s linear; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .pm-icon-chevron-down:before { content: '\e905'; } .open > i { display: inline-block; transition: transform 0.25s linear 0s; transform: rotate(-180deg); } .icon-caret { top: 3; } /* Mobile Navbar dropdowns ///////////////////////////////////////////////////////////////////// */ .navbarSup-stop-scroll { height: 100vh; /* stop from scrolling when dropdown is open */ overflow: hidden; } .navbarSup li { border-bottom: 1px solid #E6E6E6; padding: 10px 0; } .navbarSup li:last-child { border-bottom: none; } .new-to-postman { font-size: 30px; font-weight: normal; } /* refresh button 2021 */ /* www this is DownloadButton */ .button__sign-up.nav-link { align-items: center; appearance: none; border: none; border-radius: 4px; cursor: pointer; display: inline-flex; /* font-size: 1.4rem; */ font-size: 14px; font-weight: 600; letter-spacing: -.16px; line-height: 1.75; padding: 4px 12px !important; user-select: none; color: #FFFFFF; background-color: #FF6C37; text-align: center; margin: '0 16px 0 0'; transition: background-color 50ms ease-in-out, border-color 50ms ease-in-out; } .button__sign-up.nav-link:hover, .button__sign-up.nav-link:active { color: #FFFFFF; background-color: #E05320; text-decoration: none; } .button__sign-up.nav-link:focus { outline: 0; } @media (max-width: 480px) { .button__sign-up.nav-link { display: block; } }; /* www this is DashboardButton */ /* this is needed to make button styling */ .button__sign-in.nav-link { color: green; } .button__sign-in.nav-link { align-items: center; appearance: none; border-radius: 4px; cursor: pointer; display: inline-flex; /* font-size: 1.4rem; */ font-size: 14px; font-weight: 600; letter-spacing: -.16px; line-height: 1.75; padding: 4px 12px !important; user-select: none; color: #212121 !important; background-color: #FFFFFF; background-image: none; border: none; box-shadow: inset 0 0 0 1px rgba(0,0,0,.24)!important; outline: 0; text-align: center; margin: 0 8px 0 0; } .button__sign-in.nav-link:hover, .button__sign-in.nav-link:active { background-color: #FFFFFF; box-shadow: inset 0 0 1px rgba(0, 0, 0 , 0.64); text-decoration: none; } .button__sign-in.nav-link:focus { outline: 0; } /* MobileSignInButton = styled(DashboardButton) */ @media screen and (max-width: 1200px) { .button__sign-in { display: none; } .button__sign-in.show { display: block; } .button__sign-in.hide { display: none; } } /* Footer ///////////////////////////////////////////////////////////////////// */ .section { padding-top: 80px; background-color: #FFF; font-size: 14px; } footer { border-top: 1px solid #e6e6e6; } .footer-img { height: auto !important; width: 174px !important; aspect-ratio: attr(width) / attr(height); } @media (min-width: 768px) { .footer-img { filter: grayscale(100%); transition: all 0.2s ease-in-out 0s; height: auto !important; width: 174px !important; } .footer-img:hover { filter: grayscale(0); transition: all 0.2s ease-in-out; } } .copyright { color: #707070; font-size: 12px } .footer-col-title { font-size: 16px !important; font-weight: 600; line-height: 1.4; margin-bottom: 8px; font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica, Arial, sans-serif !important; color: #707070; } .footer-column { padding-left: 0; } .footer-column-row { list-style-type: none !important; margin-bottom: 0; } .footer-column__link { color: #707070; text-transform: none; font-family: 'Inter'; font-weight: 400; display: block; line-height: 1.7; padding: 5px 0; } .footer-column__link:hover { color: #0265D2; text-decoration: none; } .footer-column__link > span { border: 1px solid rgb(218, 233, 241); border-radius: 30px; padding: 0 7px 0 4px; display: inline-block; white-space: pre; margin-left: 6px; } .social-svg { display: inline-block; margin-right: 8px; width: 16px; height: 16px; } .social-svg >svg { max-height: 100%; width: auto; } /* single Blog post page ///////////////////////////////////////////////////////////////////// */ .post-thumbnail_img img { height: 417px !important; width: auto; } .entry-content { padding: 0 120px; overflow-wrap: break-word; word-wrap: break-word; } @media screen and (max-width: 768px) { .post-thumbnail_img img { height: auto !important; width: auto; padding: 0px 10px; } .entry-content { padding: 0px; } } .postman-entry-meta .byline span.post-preview_posted-on a { font-size: 14px; } .postman-entry-meta, .cat-links, .tags-links, .cat-links a:link, .cat-links a:visited, .tags-links a:link, .tags-links a:visited { color: #666; font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica, Arial, sans-serif !important; font-weight: 400; } .cat-links a, .tags-links a { border-bottom: 1px solid #e6e6e6; color: #6b6b6b; font-size: 14px; margin: 0 2px; position: relative; } .cat-links a:hover, .cat-hovers a:active, .tags-links a:hover, .tags-links a:active { color: #0265D2; text-decoration: none; border-bottom: 1px solid; } .entry_meta_post_preview { padding-left: 0px; } .entry_meta_post_preview_avatar { padding-right: 0px; } .entry-content a { height: 24px; color: #0265D2; text-decoration: none; } .entry-content a:hover { text-decoration: none; border-bottom: 1px solid #0265D2; } .entry-content a img { display: block; } .entry-content a:hover img { text-decoration: none; border-bottom: none; } .list-inline-item_social { padding-right: 0px; margin-right: 0px !important; padding-top: 4px; } .list-inline-item a { color: #282828 !important; background-image: none; } .list-inline-item a:hover { background-image: none; } pre { border: 1px solid black; } /* Tags, Categories, Author Page /////////////////////////////////////////////////////////////////////////////// */ .tags-header { padding: 60px 0; background-color: #F9F9F9; margin-bottom: 20px; } /* Pagination ////////////////////////////////////////////////////////////////////////////// */ a .pagination_home, a.pagination_home { color: #303030 !important; background-color: transparent !important; border: 1px solid #A6A6A6 !important; padding: 8px 16px; text-align: center; white-space: nowrap; border-radius: 4px; display: inline-block; } a .pagination_home:hover, a.pagination_home:hover, .pagination_home:hover { border: 1px solid #3B3B3B !important; text-decoration: none !important; } /* Entry Meta ////////////////////////////////////////////////////////////////////////////// */ .entry-meta_global { color: #212121; } .seperator { color: #969696; display: inline-block; margin: 0px 8px; } time.entry-date.published.updated, .span-reading-time, .date-style { font-size: 14px; color: #707070; } .comment-notes span#email-notes { display: none !important; } .comment-notes span.required { display: none !important; } p.comment-notes { display: none !important; } .avatar { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid #A6A6A6; padding: 2px; } /* Comments ////////////////////////////////////////////////////////////////////////////// */ footer.comment-meta { background-color: transparent; } .comments-section { padding-bottom: 80px; } .comment-form_wrapper { padding-left: 140px; padding-right: 120px; margin-bottom: 40px; } .container-fluid .might-also-like { background-color: #f9f9f9; padding: 40px 0 !important; } .comment-form-comment { margin-bottom: 16px; } @media screen and (max-width: 768px) { .comment-form_wrapper { padding: 0px 20px; } } .akismet_comment_form_privacy_notice { display:none; } .comment-author { color: black; margin-bottom: 8px; } li.bypostauthor cite:after { content: 'AUTHOR'; background-color: #dae9f1; display: inline-block; padding: 2px 6px; margin-left: 8px; font-weight: 500; font-size: 13px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } ul.commentlist { list-style-type: none; padding-left: 0; } ul.commentlist li.comment { border-top: 1px solid #ccc; padding-top: 32px; border-bottom: 1px solid #ccc; padding-bottom: 32px; margin-bottom: -1px; } ul.children li.comment { /* for replies */ border-bottom: none; margin-top: 32px; padding-bottom: 0; list-style-type: none; } cite.fn { font-style: normal !important; } .comment-meta.commentdata a { color: #757575; } .comment-meta-data { margin-left: 50px; font-size: 14px; /* line-height: 1; */ } .comment-text { color: black; } /* Search Page and Form ////////////////////////////////////////////////////////////////////////////// */ .custom-search { right: 20px; top: 1px; } #express-form-typeahead { background-color: transparent; background-image: url(https://assets.getpostman.com/common-share/search_icon.jpeg); background-position: 5px center; background-repeat: no-repeat; background-size: 24px 24px; border: none; cursor: pointer; height: 37px; margin: 10px 0px -20px 0px ; padding: 0 0 0 34px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; width: 0; } #express-form-typeahead:focus { background-color: #fff; border: 1px solid #f3f3f3; border-radius: 23px; cursor: text; outline: none; width: 100%; width: 380px; } @media screen and (max-width: 1124px) { #express-form-typeahead:focus { width: 190px; } } input[type="search"] { -webkit-appearance: textfield; } .form-control:focus { box-shadow: none; } /* 404 Page ////////////////////////////////////////////////////////////////////////////// */ .error-row { margin-top: 20px; padding: 40px; } .error-img { max-height: 450px; } .text-col { display: flex; align-items: center; color: #757575; } button { background: none; color: #fe6c37; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; } /* Newsletter Form ////////////////////////////////////////////////////////////////////////////// */ .newsletter { background-color: #F9F9F9; padding: 40px 0; } .form-container { width: 100%; padding: 16px; text-align: center; margin: 0; background: #FFF; } .inline-form { list-style-type: none; padding: 0; margin: 0; display: flex; flex-direction: row; } /* Form Fields (Outside) */ .form-field { padding: 6px; flex: 1 } /* Form Fields (User Input) */ .form_input { font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; width: 100%; padding: 16px; box-sizing: border-box; border: 2px solid #e1e1e1; border-radius: 4px; background-color: #FFF; } .form-control { margin-bottom: 24px; } .form-input:focus { border-color: #F4815B; } p.comment-form-author, p.comment-form-email, p.comment-form-comment { color: #6b6b6b; font-size: 14px; font-weight: 600; line-height: 20px; margin-bottom: 4px } .submitted button { background-color: #999 !important; border-color: #333 !important; opacity: 0.4; } .form_input { border-color: #333 !important; opacity: 0.4; } .button-wrap { padding: 8px; } .form-submit-button { appearance: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; vertical-align: middle; font-size: 16px; font-weight: 700; line-height: 1.5; margin: 0 0 16px 0; position: relative; transition: 0.2s ease-in-out; user-select: none; margin-bottom: 0; color: #FFF; background-color:#FF6C37 !important; border-color: #FF6C37 !important; padding: 13px 32px; text-align: center; } .form-submit-button:hover { opacity: 0.7; } .avatar-post { margin-right: 16px; } .avatar-post img { height: 55px; width: 55px; } .post-author-link { font-size: 14px; } .post-author-link > a { color: #0265D2; } .comment-author.vcard img.avatar { height: 40px; width: 40px; position: absolute; top: 2px; } /* Reading Time ////////////////////////////////////////////////////////////////////////////// */ .rt-reading-time { margin-top: 5px; color: #666666; margin-bottom: 30px; font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica, Arial, sans-serif !important; font-weight: 400; } /* Replyable styling overrides ////////////////////////////////////////////////////////////////////////////// */ .prompt-comment-subscribe { margin: 0 0 15px 0 !important; } .prompt-unsubscribe { border: 1px solid #ccc; padding: 16px; border-radius: 4px; margin-bottom: 40px; } .container-fluid { padding: 0px !important; } /* refresh 2021 layout changes ////////////////////////////////////////////////////////////////////////////// */ .container { padding-right: 24px; padding-left: 24px; } @media screen and (max-width: 1199px) { .container { max-width: 1199px !important; /* v5 was 1440px; v6 is 1199px */ width: 100%; } } @media screen and (min-width: 1224px) { .container { max-width: 1224px !important; /* v5 was 1440px; v6 is 1224px */ width: 100%; } } .row { margin-right: -12px; margin-left: -12px; } .row.no-gutters { margin-right: 0; margin-left: 0; } /* Jetpack Related Posts */ .jetpack-related-section { background-color: #f9f9f9; padding: 80px 0; } .related-posts-card { text-align: left; } .related-posts-card .post-author-link, .homepage-cards.post-author-link { color: #212121 } .related-posts-card p { margin-bottom: 24px; } .entry-content a.no-border, .entry-content a.no-border:hover { background-image: none !important; } .squared-up-thumbnail-wrapper { border-top-left-radius: 8px; border-top-right-radius: 8px; } .squared-up-thumbnail { height: 200px; display: block; width: 100%; max-width: 100%; background-color: #f9f9f9; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; border-top-left-radius: 8px; border-top-right-radius: 8px; margin-bottom: 0px; padding: 24px; transition: .2s ease-in-out; } /* Run in Postman button */ /* .postman-run-button { background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyM3B4IiBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9IjAgMCAxMjMgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMyAzMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGRlZnM+PHBvbHlnb24gaWQ9IlNWR0lEXzlfIiBwb2ludHM9Ii0yOTYsLTc0IC0yOTYsLTYyIC0yODYsLTY4Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzlfIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSI+PGRlZnM+PHJlY3QgaWQ9IlNWR0lEXzExXyIgeD0iLTkyNSIgeT0iLTIyOCIgd2lkdGg9Ijk0MiIgaGVpZ2h0PSI1NjMiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+PHVzZSB4bGluazpocmVmPSIjU1ZHSURfMTFfIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PC9nPjwvZz48Zz48ZGVmcz48cG9seWdvbiBpZD0iU1ZHSURfMTNfIiBwb2ludHM9Ii0yOTQsLTEwIC0yOTQsMiAtMjg0LC00Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzEzXyIgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiPjxkZWZzPjxyZWN0IGlkPSJTVkdJRF8xNV8iIHg9Ii05MjMiIHk9Ii0xNjQiIHdpZHRoPSI5NDIiIGhlaWdodD0iNTYzIi8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfOF8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzE1XyIgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjwvZz48L2c+PHBhdGggZmlsbD0iI0Y0NzAyMyIgZD0iTTEyMywyN2MwLDEuNjU3LTEuMzQzLDMtMywzSDNjLTEuNjU3LDAtMy0xLjM0My0zLTNWM2MwLTEuNjU3LDEuMzQzLTMsMy0zaDExN2MxLjY1NywwLDMsMS4zNDMsMywzVjI3eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMy40NjMsMTYuMzc1djMuNTc2SDIyVjExaDIuNTI4YzEuMTU0LDAsMi4wMSwwLjIxOCwyLjU2NSwwLjY1YzAuNTU1LDAuNDMyLDAuODMyLDEuMDg2LDAuODMyLDEuOTU4IGMwLDEuMTE0LTAuNTc5LDEuOTA4LTEuNzM4LDIuMzgybDIuNTI4LDMuOTYxSDI3LjA1bC0yLjE0Mi0zLjU3NkgyMy40NjN6IE0yMy40NjMsMTUuMTYzaDEuMDE3YzAuNjgyLDAsMS4xNzUtMC4xMjYsMS40OC0wLjM3OSBjMC4zMDctMC4yNTMsMC40NTktMC42MjksMC40NTktMS4xMjZjMC0wLjUwNy0wLjE2NC0wLjg3LTAuNDk1LTEuMDljLTAuMzMxLTAuMjIxLTAuODI4LTAuMzMxLTEuNDkzLTAuMzMxaC0wLjk2OFYxNS4xNjN6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM0LjgzNiwxOS43NzFsLTAuMjAzLTAuODg4aC0wLjA3MmMtMC4yMDEsMC4zMTMtMC40ODUsMC41NjEtMC44NTQsMC43NGMtMC4zNywwLjE4LTAuNzksMC4yNy0xLjI2NSwwLjI3IGMtMC44MiwwLTEuNDMyLTAuMjA0LTEuODM2LTAuNjEyUzMwLDE4LjI1NSwzMCwxNy40MjdWMTNoMS40NDl2NC4xNzZjMCwwLjUxOSwwLjEwNywwLjkwNSwwLjMxOSwxLjE2NSBjMC4yMTIsMC4yNTksMC41NDUsMC4zOSwwLjk5OCwwLjM5YzAuNjA0LDAsMS4wNDctMC4xODIsMS4zMzItMC41NDNjMC4yODMtMC4zNjEsMC40MjQtMC45NjUsMC40MjQtMS44MTRWMTNoMS40NDV2Ni43NzFIMzQuODM2eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00My45NTcsMjBoLTEuNDQ1di00LjE2M2MwLTAuNTIyLTAuMTA1LTAuOTEyLTAuMzE1LTEuMTY5Yy0wLjIxLTAuMjU4LTAuNTQzLTAuMzg2LTEtMC4zODYgYy0wLjYwOCwwLTEuMDU0LDAuMTgtMS4zMzUsMC41MzljLTAuMjgyLDAuMzU4LTAuNDIzLDAuOTYtMC40MjMsMS44MDZWMjBIMzh2LTYuNzcxaDEuMTI3bDAuMjAxLDAuODg4aDAuMDc0IGMwLjIwMy0wLjMyMSwwLjQ5My0wLjU3LDAuODY4LTAuNzQ2YzAuMzc2LTAuMTc2LDAuNzkyLTAuMjY0LDEuMjQ5LTAuMjY0YzEuNjI1LDAsMi40MzgsMC44MjYsMi40MzgsMi40NzlWMjB6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ4LjM4NSwxMS40MzZjMC0wLjI1NywwLjA2OS0wLjQ1NSwwLjIxMS0wLjU5NGMwLjE0LTAuMTM5LDAuMzQyLTAuMjA4LDAuNjAyLTAuMjA4IGMwLjI1NCwwLDAuNDUsMC4wNjksMC41OTIsMC4yMDhTNTAsMTEuMTc5LDUwLDExLjQzNmMwLDAuMjQ0LTAuMDY5LDAuNDM4LTAuMjExLDAuNTc3Yy0wLjE0MiwwLjE0Mi0wLjMzOCwwLjIxMi0wLjU5MiwwLjIxMiBjLTAuMjYsMC0wLjQ2Mi0wLjA3LTAuNjAyLTAuMjEyQzQ4LjQ1NCwxMS44NzMsNDguMzg1LDExLjY4LDQ4LjM4NSwxMS40MzZ6IE00OS45MDgsMjBINDguNDd2LTYuNzcxaDEuNDM4VjIweiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01Ny45NTUsMTkuODk0aC0xLjQ0NFYxNS43M2MwLTAuNTIyLTAuMTA0LTAuOTEyLTAuMzE0LTEuMTY5Yy0wLjIxLTAuMjU4LTAuNTQ0LTAuMzg2LTEuMDAxLTAuMzg2IGMtMC42MDgsMC0xLjA1NCwwLjE4LTEuMzM1LDAuNTM5Yy0wLjI4MiwwLjM1OC0wLjQyMiwwLjk2LTAuNDIyLDEuODA2djMuMzczSDUydi02Ljc3MWgxLjEyNmwwLjIwMSwwLjg4OGgwLjA3NCBjMC4yMDMtMC4zMjEsMC40OTQtMC41NywwLjg2OS0wLjc0NkM1NC42NDYsMTMuMDg4LDU1LjA2MiwxMyw1NS41MTksMTNjMS42MjUsMCwyLjQzNywwLjgyNiwyLjQzNywyLjQ3OVYxOS44OTR6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTY5LjQ2MSwxMy43MTVjMCwwLjkzNS0wLjMwNywxLjY1MS0wLjkxOSwyLjE0OWMtMC42MTEsMC40OTgtMS40ODIsMC43NDctMi42MTMsMC43NDdoLTAuOTN2My4zNDloLTEuNDYzIHYtOC45NTFoMi41NzZjMS4xMTgsMCwxLjk1NiwwLjIyOSwyLjUxMywwLjY4N1M2OS40NjEsMTIuODI1LDY5LjQ2MSwxMy43MTV6IE02NC45OTksMTUuMzhoMC43NzZjMC43NTEsMCwxLjMwMi0wLjEzLDEuNjUzLTAuMzkyIGMwLjM1MS0wLjI2MSwwLjUyNi0wLjY2OSwwLjUyNi0xLjIyNGMwLTAuNTE1LTAuMTU3LTAuODk3LTAuNDcxLTEuMTUxYy0wLjMxNS0wLjI1My0wLjgwNS0wLjM3OS0xLjQ3LTAuMzc5aC0xLjAxNlYxNS4zOHoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNzcuMTAxLDE2LjU2MmMwLDEuMTA3LTAuMjgzLDEuOTctMC44NTEsMi41OWMtMC41NjcsMC42MjEtMS4zNTcsMC45MzEtMi4zNjksMC45MzEgYy0wLjYzMywwLTEuMTkxLTAuMTQ0LTEuNjc3LTAuNDI5Yy0wLjQ4Ni0wLjI4Ni0wLjg1OS0wLjY5NS0xLjEyMS0xLjIzYy0wLjI2Mi0wLjUzNC0wLjM5Mi0xLjE1NS0wLjM5Mi0xLjg2MSBjMC0xLjA5OCwwLjI4MS0xLjk1NCwwLjg0NS0yLjU3YzAuNTYyLTAuNjE3LDEuMzU2LTAuOTI1LDIuMzgxLTAuOTI1YzAuOTc5LDAsMS43NTYsMC4zMTQsMi4zMjcsMC45NDQgQzc2LjgxNSwxNC42NDIsNzcuMTAxLDE1LjQ5Myw3Ny4xMDEsMTYuNTYyeiBNNzIuMTczLDE2LjU2MmMwLDEuNTY0LDAuNTc4LDIuMzQ1LDEuNzMyLDIuMzQ1YzEuMTQzLDAsMS43MTQtMC43OCwxLjcxNC0yLjM0NSBjMC0xLjU0Ny0wLjU3NS0yLjMxOS0xLjcyNy0yLjMxOWMtMC42MDQsMC0xLjA0MSwwLjE5OS0xLjMxMiwwLjZTNzIuMTczLDE1LjgxNSw3Mi4xNzMsMTYuNTYyeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04My4zMDIsMTguMDMyYzAsMC42Ni0wLjI0LDEuMTY2LTAuNzIzLDEuNTJjLTAuNDgxLDAuMzUzLTEuMTcsMC41My0yLjA2OCwwLjUzIGMtMC45MDEsMC0xLjYyNi0wLjEzNy0yLjE3My0wLjQwOVYxOC40M2MwLjc5NiwwLjM2NywxLjUzNiwwLjU1MSwyLjIyMiwwLjU1MWMwLjg4NiwwLDEuMzI5LTAuMjY4LDEuMzI5LTAuODAzIGMwLTAuMTcxLTAuMDUtMC4zMTMtMC4xNDctMC40MjljLTAuMDk5LTAuMTE0LTAuMjYtMC4yMzEtMC40ODMtMC4zNTRjLTAuMjI2LTAuMTIyLTAuNTM3LTAuMjYxLTAuOTM3LTAuNDE2IGMtMC43OC0wLjMwMi0xLjMwOC0wLjYwNC0xLjU4My0wLjkwNnMtMC40MTMtMC42OTQtMC40MTMtMS4xNzZjMC0wLjU3OSwwLjIzMy0xLjAyOSwwLjctMS4zNTFjMC40NjktMC4zMiwxLjEwNC0wLjQ3OSwxLjkwNy0wLjQ3OSBjMC43OTYsMCwxLjU0OSwwLjE2MSwyLjI1OSwwLjQ4M2wtMC40NjUsMS4wODRjLTAuNzMtMC4zMDItMS4zNDUtMC40NTMtMS44NDMtMC40NTNjLTAuNzU5LDAtMS4xMzksMC4yMTctMS4xMzksMC42NDggYzAsMC4yMTMsMC4wOTksMC4zOTMsMC4yOTgsMC41MzljMC4xOTcsMC4xNDcsMC42MjksMC4zNDksMS4yOTQsMC42MDZjMC41NiwwLjIxNiwwLjk2NSwwLjQxMywxLjIxOCwwLjU5MyBjMC4yNTQsMC4xOCwwLjQ0MSwwLjM4NywwLjU2MywwLjYyMUM4My4yNDEsMTcuNDI0LDgzLjMwMiwxNy43MDUsODMuMzAyLDE4LjAzMnoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNODcuMzc5LDE4LjkxOWMwLjM1MiwwLDAuNzAyLTAuMDU1LDEuMDU0LTAuMTY2djEuMDg0Yy0wLjE1OSwwLjA2OS0wLjM2NCwwLjEyNy0wLjYxNSwwLjE3NCBjLTAuMjUyLDAuMDQ3LTAuNTEyLDAuMDcxLTAuNzgxLDAuMDcxYy0xLjM2MywwLTIuMDQ0LTAuNzE5LTIuMDQ0LTIuMTU1di0zLjY0OGgtMC45MjV2LTAuNjM3bDAuOTkyLTAuNTI1bDAuNDg5LTEuNDMzaDAuODg4djEuNTA1IGgxLjkyOXYxLjA5aC0xLjkyOXYzLjYyNGMwLDAuMzQ4LDAuMDg3LDAuNjAzLDAuMjYxLDAuNzY4Qzg2Ljg2OSwxOC44MzUsODcuMDk4LDE4LjkxOSw4Ny4zNzksMTguOTE5eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05NS40OSwxOS45NmgtMS40NDV2LTQuMTc1YzAtMC41MTktMC4wOTgtMC45MDYtMC4yOTMtMS4xNjJjLTAuMTk2LTAuMjU1LTAuNTAzLTAuMzgxLTAuOTE4LTAuMzgxIGMtMC41NTYsMC0wLjk2MywwLjE4LTEuMjIzLDAuNTQxYy0wLjI1OCwwLjM2MS0wLjM4OCwwLjk2Mi0wLjM4OCwxLjgwNHYzLjM3M2gtMS40Mzl2LTYuNzcxaDEuMTI3bDAuMjAyLDAuODg4aDAuMDczIGMwLjE4OC0wLjMyMSwwLjQ2MS0wLjU3LDAuODE3LTAuNzQ2YzAuMzU3LTAuMTc2LDAuNzUtMC4yNjQsMS4xNzktMC4yNjRjMS4wNCwwLDEuNzMsMC4zNTUsMi4wNjgsMS4wNjVoMC4wOTggYzAuMjAxLTAuMzM1LDAuNDgyLTAuNTk2LDAuODQ2LTAuNzg0YzAuMzYzLTAuMTg4LDAuNzc5LTAuMjgxLDEuMjQ4LTAuMjgxYzAuODA5LDAsMS4zOTcsMC4yMDQsMS43NjcsMC42MTIgYzAuMzcsMC40MDgsMC41NTUsMS4wMywwLjU1NSwxLjg2N3Y0LjQxNGgtMS40Mzl2LTQuMTc1YzAtMC41MTktMC4wOTktMC45MDYtMC4yOTYtMS4xNjJjLTAuMTk4LTAuMjU1LTAuNTA2LTAuMzgxLTAuOTIyLTAuMzgxIGMtMC41NTksMC0wLjk2OSwwLjE3NC0xLjIyOCwwLjUyMmMtMC4yNiwwLjM1LTAuMzg5LDAuODg1LTAuMzg5LDEuNjA3VjE5Ljk2eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMDYuMDA3LDE5Ljk2bC0wLjI4Ny0wLjk0M2gtMC4wNDljLTAuMzI3LDAuNDEzLTAuNjU2LDAuNjkyLTAuOTg1LDAuODQyIGMtMC4zMzEsMC4xNDctMC43NTUsMC4yMjQtMS4yNzMsMC4yMjRjLTAuNjY1LDAtMS4xODUtMC4xOC0xLjU1OS0wLjUzOWMtMC4zNzMtMC4zNTktMC41Ni0wLjg2Ni0wLjU2LTEuNTI0IGMwLTAuNjk3LDAuMjU5LTEuMjI0LDAuNzc3LTEuNTc5czEuMzA4LTAuNTQ5LDIuMzY4LTAuNTgxbDEuMTctMC4wMzdWMTUuNDZjMC0wLjQzMi0wLjEwMS0wLjc1Ny0wLjMwMy0wLjk3MSBjLTAuMjAzLTAuMjE1LTAuNTE2LTAuMzIxLTAuOTQtMC4zMjFjLTAuMzQ2LDAtMC42NzksMC4wNTItMC45OTgsMC4xNTNjLTAuMzE3LDAuMTAzLTAuNjIzLDAuMjIzLTAuOTE4LDAuMzYxbC0wLjQ2NS0xLjAyNyBjMC4zNjctMC4xOTMsMC43Ny0wLjM0LDEuMjA1LTAuNDM5YzAuNDM4LTAuMSwwLjg1LTAuMTQ5LDEuMjM3LTAuMTQ5YzAuODYxLDAsMS41MTIsMC4xODgsMS45NDksMC41NjMgYzAuNDM5LDAuMzc1LDAuNjU5LDAuOTY1LDAuNjU5LDEuNzd2NC41NjFIMTA2LjAwN3ogTTEwMy44NjUsMTguOThjMC41MjIsMCwwLjk0MS0wLjE0NywxLjI1OC0wLjQzOSBjMC4zMTUtMC4yOTEsMC40NzUtMC43LDAuNDc1LTEuMjI2di0wLjU4OGwtMC44NywwLjAzN2MtMC42NzcsMC4wMjQtMS4xNjksMC4xMzYtMS40NzksMC4zMzhjLTAuMzA4LDAuMjAzLTAuNDYyLDAuNTEzLTAuNDYyLDAuOTMgYzAsMC4zMDEsMC4wOSwwLjUzMywwLjI3LDAuNjk5QzEwMy4yMzYsMTguODk2LDEwMy41MDYsMTguOTgsMTAzLjg2NSwxOC45OHoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTE1LDE5Ljk2aC0xLjQ0NXYtNC4xNjNjMC0wLjUyMi0wLjEwNC0wLjkxMi0wLjMxNC0xLjE2OWMtMC4yMTEtMC4yNTgtMC41NDQtMC4zODYtMS4wMDEtMC4zODYgYy0wLjYwOCwwLTEuMDU0LDAuMTgtMS4zMzUsMC41MzljLTAuMjgxLDAuMzU4LTAuNDIzLDAuOTYtMC40MjMsMS44MDZ2My4zNzNoLTEuNDM4di02Ljc3MWgxLjEyNmwwLjIwMiwwLjg4OGgwLjA3MyBjMC4yMDQtMC4zMjEsMC40OTMtMC41NywwLjg3LTAuNzQ2YzAuMzc1LTAuMTc2LDAuNzkxLTAuMjY0LDEuMjQ4LTAuMjY0YzEuNjI0LDAsMi40MzcsMC44MjYsMi40MzcsMi40NzlWMTkuOTZ6Ii8+PGc+PGRlZnM+PHBvbHlnb24gaWQ9IlNWR0lEXzIxXyIgcG9pbnRzPSI4LDEwIDgsMjEgMTcsMTUuNiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzEwXyI+PHVzZSB4bGluazpocmVmPSIjU1ZHSURfMjFfIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzEwXykiPjxkZWZzPjxyZWN0IGlkPSJTVkdJRF8yM18iIHg9Ii01NTguMSIgeT0iLTEyOC40IiB3aWR0aD0iODQ3LjgiIGhlaWdodD0iNTA2LjciLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJTVkdJRF8xMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzIzXyIgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjxyZWN0IHg9IjMuNSIgeT0iNS43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfMTJfKSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE5LjgiLz48L2c+PC9nPjwvc3ZnPg=='); display: inline-block; border-radius: 3px; cursor: pointer; height: 30px; border: none; width: 123px; } */ /* Navbar buttons */ #icon-wrap-two { margin-top: 8px; margin-left: 0px; } #navbar-chevron-icons{ color: #6B6B6B; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; } #navbar-chevron-icons.open{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; } /* API First Section */ @media screen and (min-width:769px){ .api-first-section { padding: 80px 0; } } /* Buttons */ .secondary-postman-button { -webkit-box-align: center; align-items: center; appearance: none; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 600; line-height: 1.5; user-select: none; border: 1px solid rgb(166, 166, 166); border-radius: 4px; padding: 8px 16px; text-align: center; margin: 0px; transition: all 0.2s ease-in-out 0s; color: rgb(59, 59, 59) !important } .secondary-postman-button:hover { border: 1px solid rgb(59, 59, 59); text-decoration: none; } /* Announcement Supreme Bar */ #pm-supreme-announce-section { background: linear-gradient(360deg, #FEFEFF 3.04%, #DEEBFD 26.18%, #BBD6FC 51.91%, #AECEFB 86.24%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), #ADCDFB; background-position: center; background-repeat: no-repeat; height: 520px; opacity: 1; position: -webkit-sticky; position: sticky; top: 49px; transition: opacity 0.7s ease-in-out; -moz-transition: opacity 0.7s ease-in-out; -webkit-transition: opacity 0.7s ease-in-out; z-index: 1; padding: 80px 0; } @media screen and (max-width: 992px){ #pm-supreme-announce-section { height: 1200px; } } @media screen and (max-width: 576px){ #pm-supreme-announce-section { height: 750px; } } #pm-supreme-announce-section img.pm-clouds { position: absolute; bottom: 0; z-index: -1; } #pm-supreme-announce-section img.lower-left-clouds { left: 0; } #pm-supreme-announce-section img.lower-right-clouds { right: 0; } /* Announcement Slim Bar */ #pm-slim-announce-section { background-color: #CEE1FD; position: relative; z-index: 0; } #pm-slim-announce-section div.announcement-text { text-align: left; } #pm-slim-announce-section div.announcement-text p { font-size: 14px !important; color: #212121 } #pm-slim-announce-section div.announcement-text a { display: inline; font-size: 14px !important; white-space: nowrap; } #pm-slim-announce-section .container { position: relative; z-index: 100; padding: 14px 12px; } @media screen and (max-width: 992px){ #pm-slim-announce-section .container { padding: 24px; } } #pm-slim-announce-section span.slim_announce_bttn { background-repeat: no-repeat; cursor: pointer; position: absolute; right: 32px; top: 32px; } @media screen and (max-width: 1199px){ #pm-slim-announce-section span.slim_announce_bttn { top: 24px; } } @media screen and (max-width: 991px){ #pm-slim-announce-section span.slim_announce_bttn { right: 12px; top: 4px; } } #pm-slim-announce-section img.slim_announce_icon { border-radius: 4px; opacity: 0.6; padding: 8px; transition: all 0.2s ease-in-out; } #pm-slim-announce-section img.slim_announce_icon:hover { background-color: #e6e6e6; opacity: 1; transition: all 0.2s ease-in-out; } section#post-container { background-color: #FFFFFF; } blockquote { border: 0px; display: block; line-height: 1.6; margin: 80px 0; position: relative; z-index: 10; text-align: center; } blockquote span { font-size: 24px; } blockquote span::after { position: absolute; color: rgb(255, 176, 145); z-index: 1; content: "”"; color: rgb(255, 176, 145); right: -1.4rem; font-size: 48px; font-family: Georgia, Times, "Times New Roman", serif; } blockquote::before{ position: absolute; color: rgb(255, 176, 145); z-index: 1; content: "“"; top: -15px; left: -25px; font-size: 48px; font-family: Georgia, Times, "Times New Roman", serif; } blockquote cite { font-style: italic; } blockquote cite p { font-style: normal; margin-top: 24px; }