/* LP FLEX Theme Stylesheet (Branding) */ /***************************************/ /*/ ......((GLOBAL))...... /*/ body {background-color: #D1D3D4;} /* order sections */ /* reorder sections up and down the layout using: #Sec_ {order:X;} where [-1 >= X <= 99] */ section {-ms-flex-order: 1; order: 1;} section#Head {-ms-flex-order: 0; order: 0;} section#Foot {-ms-flex-order: 100; order: 100;} /* smooth scrolling */ html {scroll-behavior: smooth;} .container {max-width:850px;} .block-wrapper {margin:0;} /* edge-to-edge section styles */ .edge-to-edge {padding:0;} .edge-to-edge .block-wrapper {margin:0;} .edge-to-edge .mktoText.flex-column, .edge-to-edge .mktoSnippet{margin-left: -15px; margin-right: -15px;} /*/ ......((HELPER CLASSES))...... /*/ /* resize blocks - mktoVar: "Block # Size" [EVEN|WIDE] */ .flex-grow-2 {-ms-flex-positive: 2 !important; flex-grow: 2 !important;} .flex-grow-3 {-ms-flex-positive: 3 !important; flex-grow: 3 !important;} .flex-grow-4 {-ms-flex-positive: 4 !important; flex-grow: 4 !important;} .flex-grow-5 {-ms-flex-positive: 5 !important; flex-grow: 5 !important;} /* show/hide toggle */ .on {/* do nothing */} .off {display:none !important;} /* fluid images */ img {max-width: 100%; height:auto;} /* vertical spacers */ .spacer-0 {padding: 0;} .spacer-1 {padding: .25em 0;} .spacer-2 {padding: .5em 0;} .spacer-3 {padding: .75em 0;} .spacer-4 {padding: 1em 0;} .spacer-5 {padding: 2em 0;} /*/ ......((TYPOGRAPHY))...... /*/ body { font-size: 16px; line-height: 1.5; font-family: 'ff-good-web-pro', Arial, sans-serif !important; color: #000; font-weight: 300; } /* @@ Use 'em' units for responsive font sizing based on body font-size */ /* display headlines (XL+) */ .display-1 { font-size: 6.0em; font-weight: 300; line-height: 1.2;} .display-2 { font-size: 5.5em; font-weight: 300; line-height: 1.2;} .display-3 { font-size: 4.5em; font-weight: 300; line-height: 1.2;} .display-4 { font-size: 3.5em; font-weight: 300; line-height: 1.2;} /* headlines */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { text-transform: uppercase; margin-bottom: .5rem; font-weight: 700; line-height: 1.2; line-height: 1.3; } h1, .h1 {font-size: 2rem; color: #E13200;} h2, .h2 {font-size: 1.8rem;} h3, .h3 {font-size: 1.6rem;} h4, .h4 {font-size: 1.4rem;} h5, .h5 {font-size: 1.2rem;} h6, .h6 {font-size: 1rem;} p.lead { font-size: 1.2em; font-weight: 300;} /* large text */ p { margin-top: 0; margin-bottom: 1rem;} p.small {font-size:0.9rem;} p a:not(.btn) {font-weight: 500;} b, strong {font-weight:700;} /* text links */ a {color:#E13200; text-decoration: none;} a:hover, a:focus, a:active {color:#E13200;} /* buttons */ button, .btn { text-decoration:none; font-weight:500; max-width:100%; border-radius: 0 !important; padding: 1rem 2rem .9rem !important; font-size:1rem; line-height:1.3; text-transform: uppercase; } .btn.btn-sm { font-size: 0.875rem; line-height: 1; padding: 0.6rem .75rem 0.5rem !important;; } hr { border-top: 1px solid #D1D3D4; width:100%; margin:20px 0; } /* lists flush w/ text */ ul, ol { padding-inline-start: 1em; } /* custom list bullet styles */ ul.list-bullets { list-style-type:none; } ul.list-bullets li::before { list-style-type:none; content: "\2B24"; /* lg. bullet */ color: inherit; margin-left: -1rem; font-size: 0.5em; line-height: 1em; vertical-align: middle; position: absolute; margin-top: .5rem; } /* blockquote */ blockquote { font-size:1.75rem; line-height:1.3; font-weight:700; margin-top:45px; position:relative; } blockquote::before { content: open-quote; background-size: auto; background-repeat: no-repeat; background-position: center; position: absolute; top: -63px; left: -4px; color: #B0CCD9; font-size: 100px; font-family: sans-serif; } blockquote.text-white::before{ color:#fff; } /*Video embeds from Adobe Dynamic Media*/ .admembed { min-height: 180px; margin-bottom: 40px; } /*/ =======[Responsive Styles]======= /*/ /*/ Small devices (landscape phones, 576px and up) /*/ @media (min-width: 576px) { .admembed { min-height: 444px; } } /*/ Medium devices (tablets, 768px and up) /*/ @media (min-width: 768px) { body {font-size:16px;} /* vertical spacers */ .spacer-0 {padding: 0;} .spacer-1 {padding: .5em 0;} .spacer-2 {padding: 1em 0;} .spacer-3 {padding: 1.5em 0;} .spacer-4 {padding: 2em 0;} .spacer-5 {padding: 3em 0;} } /*/ Large devices (desktops, 992px and up) /*/ @media (min-width: 992px) { } /*/ Extra large devices (large desktops, 1200px and up) /*/ @media (min-width: 1200px) { body {font-size: 17px;} } /*.formSpan { display: none; }*/