/****************************************************************************/ /* This is the default custom CSS file that is included in every template. */ /* It can be edited, but it cannot be renamed or deleted. */ /* You will see it included in the source of every page as */ /* 'custom/styles/default/hs_default_custom_style.css' */ /****************************************************************************/ /*----------------------------------------------------------------------------------- Theme Name: SI COS Start Description: Base Styles - Globals Author: Stratus Interactive Author URI: http://stratusinteractive.com */ /* -------------------------------------------------------------------------- Index: 1. BASE STYLES - Variables - Macros - Base - Typography 2. COS STRUCTURE - Structure - Header - Content - Footer 3. MAIN NAVIGATION - Custom Menu Primary - Mobile Menu 4. SUB PAGES - Page Titles - Breadcrumbs 4. TEMPLATE MODULE CLASSES - Common Template Classes - Site Pages - Landing Pages - System Pages 5. COS COMPONENTS - HS Modules - Blog - Forms - Buttons - Custom Modules 6. VENDOR 7. MOBILE MEDIA QUERIES -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- 1. BASE STYLES -------------------------------------------------------------------------- */ /* ----------------- Fonts ----------------- */ @font-face { font-family: 'Questa Medium'; src: url('//cdn2.hubspot.net/hubfs/2418268/Fonts/3-Questa_Medium-webfont.eot') format('eot'), url('//cdn2.hubspot.net/hubfs/2418268/Fonts/3-Questa_Medium-webfont.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/2418268/Fonts/3-Questa_Medium-webfont.ttf') format('truetype'); } @font-face { font-family: 'Questa Light'; src: url('//cdn2.hubspot.net/hubfs/2418268/Fonts/1-Questa_Sans_Light-webfont.eot') format('eot'), url('//cdn2.hubspot.net/hubfs/2418268/Fonts/1-Questa_Sans_Light-webfont.woff') format('woff'), url('//cdn2.hubspot.net/hubfs/2418268/Fonts/1-Questa_Sans_Light-webfont.ttf') format('truetype'); } /* -------------------------------------------------------------------------- Variables -------------------------------------------------------------------------- */ /** * Find the most consistently used font styles, colors, and container widths * for your site and assign them to the jinja variables below for easy use * and reference. * * Apply the variable as shown below. Ignore the jingja comment tags. * * */ /* ----------------- Base ----------------- */ /* Change your site's primary color here */ /* Change your site's secondary color here */ /* Change the color overlay on the page header image */ /* these will automatically update when you change the colors above */ /* Container - Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */ /* Font Colors */ /* Change your body text color here */ /* Change the color of the headings (h1, h2, h3, h4, h5, h6) */ /* Change the color of the page title header */ /* Change the background color of the top footer sections - footer widget section */ /* Change the background color of the bottom footer sections - copyright section */ /* Change the text color in the top footer section - footer widget section */ /* Change the text color in the bottom footer section - copyright section */ /* Link Color */ /* Green - Change the color of your sites text links */ /* Green - Lighter - Change the hover color fo your sites text links */ /* Change the alternate link color - Used for the footer links */ /* Theme Colors */ /* Typography */ /* Change the font family of the paragraph text. You may need to @import it above */ /* Change the font family of the headers (h1, h2, h3, h4. h5. h6). You may need to @import it above */ /* Change the font family of the theme serif font. You may need to @import it above */ /* Change the font family of the theme sans-serif font. You may need to @import it above */ /* Change the font size of your sites paragraph text */ /* Change the line-height of your sites paragraph text */ /* Navigation Menu */ /* Change the color of your site navigation links */ /* Change the hover color of your site navigation links */ /* Check List Icon */ /* Use this cheat sheet to add any icon as your bullet point: http://fontawesome.io/cheatsheet/ only use the last four characters */ /* ----------------- ELEMENTS ----------------- */ /* Theme Button */ /* BLUE - Change the main button color */ /* BLUE - Change the main button hover color */ /* Change the main button text color */ /* Change the outline color of the outline button */ /* Change the outline hover color of the outline button */ /* Change the text color of the outline button */ /* Change the text hover color of the outline button */ /* Change the color of the arrow link text */ /* Progressive Bar Colors */ /* Change the color of the Progressive Bar background */ /* Stats Counter Colors */ /* Change the color of the stats counter numbers */ /* ----------------- MOBILE MENU ----------------- */ /* Change the background color of the mobile menu */ /* Change the link text color fo the mobile menu */ /* Change the link text color on hover for the mobile menu */ /* -------------------------------------------------------------------------- Macros -------------------------------------------------------------------------- */ /** * Create jinja macros for CSS3 properties that need browser prefixes. * * Apply the style as shown below on it's own CSS property line. * Ignore the jinja comment tags. * * */ /* Animation Delay */ /* Box Shadow */ /* Background Size */ /* Border Radius */ /* User Select */ /* Opacity*/ /* Transform*/ /* -------------------------------------------------------------------------- Base -------------------------------------------------------------------------- */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block} /** * Box Sizing * * Applies a natural box layout model to all elements so that width and padding * are essentially combined, making responsive styles easier to manage. */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Clearing */ .clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; } .clear{ clear:both; } html, body {min-height: 100%; margin: 0; padding: 0;} /* Website background color and default font styles */ body {background: #fff; color: #444; font-family: Questa Light; font-size: 16px; font-weight: 300; line-height: 1.5;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .labelHeadings{ font-size:1.4em; font-weight:bold; } .jonForm input[type="radio"]{ display:none; } .jonForm span[data-reactid=".hbspt-forms-0.1:$0.$do_you_need_systems_covered_.0.$Yes.0.1"], .jonForm span[data-reactid=".hbspt-forms-0.1:$1.$do_you_need_appliances_covered.0.$Yes.0.1"], .jonForm span[data-reactid=".hbspt-forms-0.1:$2.$do_you_have_any_other_items_that_need_to_be_covered.0.$Yes.0.1"]{ background-color:transparent; border:1px solid rgb(128, 127, 126); display:block; max-width:80px; padding:4px 12px; margin:40px auto 20px auto; color:black; height:auto; text-align:center; border-radius:5px; cursor:pointer; } .jonForm span[data-reactid=".hbspt-forms-0.1:$0.$do_you_need_systems_covered_.0.$No.0.1"], .jonForm span[data-reactid=".hbspt-forms-0.1:$1.$do_you_need_appliances_covered.0.$No.0.1"], .jonForm span[data-reactid=".hbspt-forms-0.1:$2.$do_you_have_any_other_items_that_need_to_be_covered.0.$No.0.1"]{ background-color:transparent; border:1px solid rgb(128, 127, 126); display:block; max-width:80px; padding:4px 12px; margin:20px auto 20px auto; color:black; height:auto; text-align:center; border-radius:5px; cursor:pointer; } input:checked + span{ background-color:rgb(224, 223, 222)!important; } .jonForm legend{ font-size:1em!important; } /** * Page Center * * Apply .page-center to full-width modules. */ .row-fluid .page-center, .row-fluid .page-center[class*="span"], .row-fluid .page-center[class*="span"]:first-child {float: none; max-width: 1200px; margin: 0 auto; padding-left: 20px; padding-right: 20px;} .max-width .page-center, .row-fluid-wrapper .page-center.max-width {max-width: 60rem;} .row-fluid-wrapper.narrow-column .row-fluid { max-width: 850px; margin: 0 auto; } .row-fluid-wrapper.narrowest-column .row-fluid { max-width: 580px; margin: 0 auto; } a { color: #0e81f7; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:hover, a:focus { color: #004286; } hr {color: #ccc; background-color: #ccc; height: 1px; border: none;} /* Highlighted Text */ ::-moz-selection {color: #fff; background: #444; text-shadow: none;} ::selection {color: #fff; background: #444; text-shadow: none;} /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img {max-width: initial;} /*------------------------------------------------------------------ [Commons] -------------------------------------------------------------------*/ .display-none { display: none; } .display-block { display: block; } .display-inline { display: inline; } /* Commons > Backgrounds & Borders */ .si-bg-gray { background: #f7f7f7 } .si-bordered { border: 1px solid #eee } /* Commons > Positions */ .si-relative { position: relative; z-index: 1; } .si-absolute { position: absolute; z-index: 1; } /* Commons > Visibility */ .hidden, .si-hidden { display: none; } /* Commons > Background Styles */ .bg-cover { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg-repeat { background-repeat: repeat; } .bg-repeat-x { background-repeat: repeat-x;} .bg-repeat-y { background-repeat: repeat-y; } .bg-fixed-top, .bg-fixed-bottom, .bg-fixed { background-repeat: no-repeat; background-attachment: fixed; background-position: center center; } .bg-fixed-top { background-position: center top; } .bg-fixed-bottom { background-position: center bottom; } /* Commons > Colors */ .si-color-white, .si-color-white a, .si-color-white a:hover { color: #fff !important; } .light-text, .white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p, .white-text a, .white-text a:hover { color: #fff !important; } .dark-text, .dark-text h1, .dark-text h2, .dark-text h3, .dark-text h4, .dark-text h5, .dark-text h6, .dark-text p {color: #444;} /* Commons > Alignments & Floats */ .textcenter, .text-center { text-align: center; } .textright, .text-right { text-align: right; } .textleft, .text-left { text-align: left; } .float-left, .fl { float: left; } .float-right, .fr { float: right; } .wp-float-left{float:left;margin:0 20px 20px 0} .wp-float-right{float:right;margin:0 0 20px 20px} .fa-left { margin-right: 10px; } .fa-right { margin-left: 10px; } /* Commons > Image Classes */ .image-shadow { background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); } .image-border { background: #fff; padding: 4px; border: 1px solid #ddd; } .image-rounded { background: #fff; border-radius: 3px; } .image-circle { background: #fff; border-radius: 99px; } .image-hover:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } .image-fancy { background: #fff; padding: 4px; border: 1px solid #ddd; border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px; } .image-fancy:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } /* PX Conversion */ .padding0 { padding: 0; } .padding10 { padding: 0.625rem; } .padding20 { padding: 1.250rem; } .padding30 { padding: 1.875rem; } .padding40 { padding: 2.500rem; } .padding50 { padding: 3.125rem; } .padding60 { padding: 3.75rem; } .padding70 { padding: 4.375em; } .padding80 { padding: 5.000em; } .padding90 { padding: 5.625em; } .padding100 { padding: 6.250em; } .padding110 { padding: 6.875em; } .padding120 { padding: 7.500em; } .padding130 { padding: 8.125em; } .padding140 { padding: 8.750em; } .padding150 { padding: 9.375em; } .padding160 { padding: 10.000em; } .padding170 { padding: 10.625em; } .padding180 { padding: 11.250em; } .padding10tb { padding: 0.625rem 0; } .padding20tb { padding: 1.250rem 0; } .padding30tb { padding: 1.875rem 0; } .padding40tb { padding: 2.500rem 0; } .padding50tb { padding: 3.125rem 0; } .padding60tb { padding: 3.75rem 0; } .padding70tb { padding: 4.375em 0; } .padding80tb { padding: 5.000em 0; } .padding90tb { padding: 5.625em 0; } .padding100tb { padding: 6.250em 0; } .padding110tb { padding: 6.875em 0; } .padding120tb { padding: 7.500em 0; } .padding130tb { padding: 8.125em 0; } .padding140tb { padding: 8.750em 0; } .padding150tb { padding: 9.375em 0; } .padding160tb { padding: 10.000em 0; } .padding170tb { padding: 10.625em 0; } .padding180tb { padding: 11.250em 0; } .padding10t { padding-top: 0.625rem; } .padding20t { padding-top: 1.250rem; } .padding30t { padding-top: 1.875rem; } .padding40t { padding-top: 2.500rem; } .padding50t { padding-top: 3.125rem; } .padding60t { padding-top: 3.75rem; } .padding70t { padding-top: 4.375em; } .padding80t { padding-top: 5.000em; } .padding90t { padding-top: 5.625em; } .padding100t { padding-top: 6.250em; } .padding110t { padding-top: 6.875em; } .padding120t { padding-top: 7.500em; } .padding130t { padding-top: 8.125em; } .padding140t { padding-top: 8.750em; } .padding150t { padding-top: 9.375em; } .padding160t { padding-top: 10.000em; } .padding170t { padding-top: 10.625em; } .padding180t { padding-top: 11.250em; } .padding10b { padding-bottom: 0.625rem !important; } .padding20b { padding-bottom: 1.250rem; } .padding30b { padding-bottom: 1.875rem; } .padding40b { padding-bottom: 2.500rem; } .padding50b { padding-bottom: 3.125rem; } .padding60b { padding-bottom: 3.75rem; } .padding70b { padding-bottom: 4.375em; } .padding80b { padding-bottom: 5.000em; } .padding90b { padding-bottom: 5.625em; } .padding100b { padding-bottom: 6.250em; } .padding110b { padding-bottom: 6.875em; } .padding120b { padding-bottom: 7.500em; } .padding130b { padding-bottom: 8.125em; } .padding140b { padding-bottom: 8.750em; } .padding150b { padding-bottom: 9.375em; } .padding160b { padding-bottom: 10.000em; } .padding170b { padding-bottom: 10.625em; } .padding180b { padding-bottom: 11.250em; } /* -------------------------------------------------------------------------- $Typography -------------------------------------------------------------------------- */ /* Basic text */ p {font-family: Questa Light;} small {} strong {font-weight: bold; font-weight: 700; } em {} cite {} code {} pre{overflow-x:auto} table pre{white-space:pre-wrap} sup, sub {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;} sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em } /* Headings */ h1, h2, h3, h4, h5, h6 {font-family: Questa Medium; color: #444; font-weight: normal; line-height: 1.3; margin: 0px 0 20px; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: inherit; } h1 a:hover,h2 a:hover,a:hover h2,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration: none; } h1 { font-size: 3.375rem; line-height: 1.1;} h2 { font-size: 3rem; color: #00609b !important; line-height: 1.1;} h3 { font-size: 2.125rem; line-height: 1.2;} h4 { font-size: 1.75rem;} h5 { font-size: 1.375rem; font-family: Questa Light;} h6 { font-size: 1.125rem; font-family: Questa Light;} /* Typography > Paragraph */ p { margin: 0 0 20px } p.lead { font-size: 1.313em; line-height: 27px; color: #777; } /* Lists */ ul, ol { margin: 0 0 20px 30px } ul { list-style: disc; } ol { list-style: decimal } /*checklist*/ .check-list ul{ margin: 0 0 20px; list-style: none; } /*.check-list ul li { margin: 0 0 5px }*/ .check-list ul li:before { font-family: "FontAwesome"; content: "\f00c"; color: #ff6200; margin-right: 10px; opacity: 0.8; } ul.unstyled, ol.unstyled {list-style: none;margin: 0;padding: 0;} /* Typography > Blockquote */ /* blockquote { background: url('//cdn2.hubspot.net/hubfs/100330/Handwork_2015_Website/base/quote.png') left 4px no-repeat; padding-left: 55px; margin: 40px 0; font-size: 1.231em; color: #ababab; } */ blockquote p:last-child { margin: 0 } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } q:before, q:after, blockquote:before, blockquote:after {} /* Typography > Address */ address { letter-spacing: 0.5px; margin: 20px 0; } /* Typography > Dropcaps */ .dropcap { display: block; float: left; margin-right: 10px; margin-bottom: 10px; font-size: 3.231em; line-height: 100%; } .dropcap.boxed { color: #fff; background: #000; padding: 5px 10px; } /* Color Text */ /* Rows */ .row-fluid [class*="span"] {min-height: 1px;} .row-fluid .widget-type-raw_jinja[class*="span"], .row-fluid .widget-type-raw_html[class*="span"] {min-height: 0;} /* Media */ img {max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom;} video{max-width:100%;height:auto} .hs-responsive-embed{position:relative;height:auto;overflow:hidden;padding-top:0;padding-left:0;padding-right:0} .hs-responsive-embed iframe,.hs-responsive-embed object,.hs-responsive-embed embed{width:100%;height:100%;border:0} .hs-responsive-embed,.hs-responsive-embed.hs-responsive-embed-youtube,.hs-responsive-embed.hs-responsive-embed-wistia,.hs-responsive-embed.hs-responsive-embed-vimeo{padding-bottom:2%} .hs-responsive-embed.hs-responsive-embed-instagram{padding-bottom:116.01%} .hs-responsive-embed.hs-responsive-embed-pinterest{height:auto;overflow:visible;padding:0} .hs-responsive-embed.hs-responsive-embed-pinterest iframe{position:static;width:auto;height:auto} iframe[src^="http://www.slideshare.net/slideshow/embed_code/"]{width:100%;max-width:100%} @media(max-width:568px) { iframe{max-width:100%} } .comment{margin:10px 0} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none} #map_canvas img,.google-maps img{max-width:none} #recaptcha_table td{line-height:0} .recaptchatable #recaptcha_response_field{min-height:0;line-height:12px} /*-----------------------------------------------------------------------------------*/ /* $UI Elements /*-----------------------------------------------------------------------------------*/ /* $Theme Button --------------------------------------------------------------*/ .theme-button { font-family: Questa Light; line-height: 1; padding: 15px 40px; display: inline-block; font-size: 20px; font-weight: 600; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; text-align: center; margin: 5px; text-decoration: none; outline: none; -webkit-appearance: none; cursor: pointer; position: relative; display: inline-block; margin: 5px auto 5px; overflow: hidden; background: #ff6200; z-index: 1; } .theme-button span { position: absolute; display: block; width: 0; height: 0; border-radius: 50%; background: #0e9ff7; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: width 0.4s, height 0.4s; transition: width 0.4s, height 0.4s; } .theme-button:hover { color: #fff; } .theme-button:hover span { width: 700px; height: 700px; z-index: -1; } .theme-button.blue {background:#0e9ff7; color:#fff;} .theme-button.blue span {background: #ff6200;} .theme-button.shadow { -webkit-box-shadow: 1.532px 1.286px 2px 0 rgba(0,0,0,0.4); -moz-box-shadow: 1.532px 1.286px 2px 0 rgba(0,0,0,0.4); -o-box-shadow: 1.532px 1.286px 2px 0 rgba(0,0,0,0.4); -ms-box-shadow: 1.532px 1.286px 2px 0 rgba(0,0,0,0.4); box-shadow: 1.532px 1.286px 2px 0 rgba(0,0,0,0.4); } .theme-button.large { font-size: 24px; padding: 20px 55px;} a.cta_button.theme-button.short {padding: 15px !important;} /* Theme Button Outline */ .theme-button.outline {border: solid 1px #ff6200; color: #ff6200; background: transparent;} .theme-button.outline:hover {color: #fff;} .theme-button.outline span {/*border: solid 1px #ff6200;*/ background: #ff6200; z-index: -1;} .theme-button.outline.blue {border-color:#0e9ff7; background-color: transparent; color:#0e9ff7;} .theme-button.outline.blue:hover {color: #fff;} .theme-button.outline.blue span {/*border-color:#0e9ff7;*/ background-color:#0e9ff7;} .theme-button.outline.white {border-color:#fff; background-color: transparent; color:#fff;} .theme-button.outline.white:hover {color: #444;} .theme-button.outline.white span {/*border-color:#fff;*/ background-color:#fff;} /* $Dividers --------------------------------------------------------------*/ hr {color: #ccc; background-color: #ccc; height: 1px; border: none; margin: 30px 0;} .divider90 hr {max-width: 90%; margin: 30px auto;} .divider80 hr {max-width: 80%; margin: 30px auto;} .divider70 hr {max-width: 70%; margin: 30px auto;} .divider60 hr {max-width: 60%; margin: 30px auto;} .divider50 hr {max-width: 50%; margin: 30px auto;} .divider40 hr {max-width: 40%; margin: 30px auto;} .divider30 hr {max-width: 30%; margin: 30px auto;} .color-divider90 hr {background-color: #ff6200; max-width: 90%; margin: 30px auto;} .color-divider80 hr {background-color: #ff6200; max-width: 80%; margin: 30px auto;} .color-divider70 hr {background-color: #ff6200; max-width: 70%; margin: 30px auto;} .color-divider60 hr {background-color: #ff6200; max-width: 60%; margin: 30px auto;} .color-divider50 hr {background-color: #ff6200; max-width: 50%; margin: 30px auto;} .color-divider40 hr {background-color: #ff6200; max-width: 40%; margin: 30px auto;} .color-divider30 hr {background-color: #ff6200; max-width: 30%; margin: 30px auto;} /* Reverse */ hr.divider90 {max-width: 90%; margin: 30px auto;} hr.divider80 {max-width: 80%; margin: 30px auto;} hr.divider70 {max-width: 70%; margin: 30px auto;} hr.divider60 {max-width: 60%; margin: 30px auto;} hr.divider50 {max-width: 50%; margin: 30px auto;} hr.divider40 {max-width: 40%; margin: 30px auto;} hr.divider30 {max-width: 30%; margin: 30px auto;} hr.color-divider90 {background-color: #ff6200; max-width: 90%; margin: 30px auto;} hr.color-divider80 {background-color: #ff6200; max-width: 80%; margin: 30px auto;} hr.color-divider70 {background-color: #ff6200; max-width: 70%; margin: 30px auto;} hr.color-divider60 {background-color: #ff6200; max-width: 60%; margin: 30px auto;} hr.color-divider50 {background-color: #ff6200; max-width: 50%; margin: 30px auto;} hr.color-divider40 {background-color: #ff6200; max-width: 40%; margin: 30px auto;} hr.color-divider30 {background-color: #ff6200; max-width: 30%; margin: 30px auto;} /* -------------------------------------------------------------------------- 2. COS STRUCTURE -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- Structure -------------------------------------------------------------------------- */ /* The outer wrappers of your website */ .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {} /* The inner wrappers of your website */ .body-container, .footer-container {min-height: auto; padding: 0;} /* -------------------------------------------------------------------------- $Header -------------------------------------------------------------------------- */ .header-container-wrapper {overflow: visible; position: relative; z-index:10;} .header{width: 100%; min-height: 580px; z-index: 1;} .header .header-color-overlay{position: absolute; width: 100%; height: 100%; min-height: 310px; top: 0; left:0; background-color: ; z-index: 2; } .header-inner{width: 100%; padding: 0; z-index: 3;} .logo img, .site-logo img {width: 200px !important; height: auto; margin-bottom: 5px;} /* Page Title --------------------------------------------------------------*/ .page-header{z-index: 3;} .page-header-inner{padding: 96px 0 0;} .page-header-title h1{font-size: 2.8125rem; line-height: 3.125rem; text-align: center; margin: 0; color: #fff;} /* Breadcrumbs */ .breadcrumbs {text-align: center;} .hs-breadcrumb-menu-wrapper {display: inline-block; text-align: center;} .hs-breadcrumb-menu-item {background: #24262a; font-family: Questa Medium; font-size: 12px; color: #fff; text-transform: uppercase; padding-top: 8px; padding-bottom: 8px;} .hs-breadcrumb-menu-item.first-crumb {padding-left: 33px;} .hs-breadcrumb-menu-item.first-crumb a {color: #fff;} /* TODO: Add Var */ .hs-breadcrumb-menu-item.first-crumb a:hover {color: #ff6200;} .hs-breadcrumb-menu-item.last-crumb {padding-right: 33px;} .hs-breadcrumb-menu-divider:before {content:'/'; color: #ff6200;} /* Page Title --------------------------------------------------------------*/ .background-image {/* background-color: #eee; */ background-position: center; background-size: cover !important;} .header.page-title{min-height:340px; width: 100%; z-index: 1;} .page-title-inner h1{font-size: 3.375rem; text-align:center; color:#fff; margin-top: 60px;} /* Navigation --------------------------------------------------------------*/ /* Top Bar Menu */ .top-bar-menu{ margin-bottom:30px; font-weight:400; background: rgba(51, 51, 51, .7);} .top-bar-menu ul {} .top-bar-menu ul {float: right; position: relative; margin: 0;} .top-bar-menu ul li {font-size: 22px;} .top-bar-menu ul li:first-child {margin-left:0;} .top-bar-menu ul li:last-child {margin-right:0;} .top-bar-menu ul li, .top-bar-menu ul li a {color: #fff ;} .top-bar-menu ul li:hover, .top-bar-menu ul li a:hover {color: #fff;} .top-bar-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {padding: 8px 15px; vertical-align: middle; font-size: 19px; color: #fff; font-weight: 400;} .top-bar-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:first-child a {padding-left: 0;} .top-bar-menu .hs-menu-item.hs-menu-depth-1.hs-item-has-children a {cursor: default;} .top-bar-menu .main-menu {} .top-bar-menu .search {padding: 8px 25px;float: right;} .top-bar-menu .search a {color: #fff; font-size: 22px; vertical-align: middle;} /* Fix top bar on scroll */ .top-bar-menu.fixed {position: fixed; top: 0; left: 0; width: 100%;} .header-container .widget-type-menu.top-bar-menu ul li a[href*=facebook], .header-container .widget-type-menu.top-bar-menu ul li a[href*=twitter], .header-container .widget-type-menu.top-bar-menu ul li a[href*=linkedin], .header-container .widget-type-menu.top-bar-menu ul li a[href*=pinterest], .header-container .widget-type-menu.top-bar-menu ul li a[href*=youtube], .header-container .widget-type-menu.top-bar-menu ul li a[href*=google] { padding: 0 5px; font-size: 17px; vertical-align: text-top; } /* -------------------------------------------------------------------------- 3. MAIN NAVIGATION -------------------------------------------------------------------------- */ /* Globals --------------------------------------------------------------*/ .hs-menu-wrapper ul{padding:0} /* Horizontal Menu */ .hs-menu-wrapper.hs-menu-flow-horizontal ul{list-style:none;margin:0} .hs-menu-wrapper.hs-menu-flow-horizontal>ul{display:inline-block;margin-bottom:20px} .hs-menu-wrapper.hs-menu-flow-horizontal>ul:before{content:" ";display:table} .hs-menu-wrapper.hs-menu-flow-horizontal>ul:after{content:" ";display:table;clear:both} .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{display: inline;} .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child{margin: 0;} .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{display:inline-block;white-space:nowrap;text-decoration:none;transition: all .15s ease-in-out -moz-transition:all .15s ease-in-out;-webkit-transition: all .15s ease-in-out; position: relative; font-size: 22px; font-weight:600;} .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children{position:relative;} .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{visibility:hidden;opacity:0;-webkit-transition:opacity .4s;position:absolute;z-index:10;left:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;; width: auto;} /* ul li ul li a */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{display:block;white-space:nowrap;width:auto;overflow:hidden;padding: 8px 15px;transition: all .15s ease-in-out -moz-transition:all .15s ease-in-out;-webkit-transition: all .15s ease-in-out; color:#444; font-size: 18px; cursor: pointer; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{color: #ff6200; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover:after {display: none;} .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper{left:180px;top:0;} .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper{opacity:1;visibility:visible; background: #fff; border-top: 2px solid #ff6200; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.25); box-shadow: 0 1px 8px rgba(0,0,0,.25);} .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul{margin-bottom:0} .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch{position:relative;margin-bottom:20px;min-height:7em} .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul{margin-bottom:0} .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children{position:static} .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children ul.hs-menu-children-wrapper{display:none} .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper{display:block;visibility:visible;opacity:1} .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper:before{content:" ";display:table} .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper:after{content:" ";display:table;clear:both} .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li{float:left} .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li a{display:inline-block;padding:10px 20px;white-space:nowrap;max-width:140px;width:auto;overflow:hidden;text-overflow:ellipsis;text-decoration:none} /* Vertical Menu */ .hs-menu-wrapper.hs-menu-flow-vertical{width:100%} .hs-menu-wrapper.hs-menu-flow-vertical ul{list-style:none;margin:0} .hs-menu-wrapper.hs-menu-flow-vertical li a{display:block;white-space:nowrap;width:140px;overflow:hidden;text-overflow:ellipsis} .hs-menu-wrapper.hs-menu-flow-vertical>ul{margin-bottom:20px} .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a{width:auto} .hs-menu-wrapper.hs-menu-flow-vertical>ul li a{padding:10px 20px;text-decoration:none} .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children{position:relative} .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper{visibility:hidden;opacity:0;-webkit-transition:opacity .4s;position:absolute;z-index:10;top:0;left:180px} .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper{opacity:1;visibility:visible} .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a{min-width:140px;width:auto} .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul{max-width:100%;overflow:hidden} .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children ul.hs-menu-children-wrapper{display:none} .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper,.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li.hs-item-has-children>ul.hs-menu-children-wrapper{display:block;visibility:visible;opacity:1;position:static} .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2>a{padding-left:4em} .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3>a{padding-left:6em} .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4>a{padding-left:8em} .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5>a{padding-left:140px} .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul{box-shadow:0 1px 3px rgba(0,0,0,0.18);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.18);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.18)} .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper,.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper{visibility:visible;opacity:1} @media(max-width:568px) { .hs-menu-wrapper,.hs-menu-wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:100%} .hs-menu-wrapper.hs-menu-flow-horizontal ul{list-style:none;margin:0;display:block} .hs-menu-wrapper.hs-menu-flow-horizontal>ul{display:block} .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{float:none} .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li a{display:block;max-width:100%;width:100%} } /* Menu Custom Layout --------------------------------------------------------------*/ /* Header One Menu-Right */ .header-one .hs-menu-wrapper.hs-menu-flow-horizontal>ul{float: right;} .header-two{} /* Menu Custom Colors --------------------------------------------------------------*/ /* Primary */ .hs-menu-wrapper.hs-menu-flow-horizontal > ul {} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li {} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{color: #fff; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover{color: #fff;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:after {} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover:after {} /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul{ background:;} .custom-menu-primary .hs-menu-wrapper > ul > li{background:;} .custom-menu-primary .hs-menu-wrapper > ul > li > a{color:#fff;} .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{color:#fff;} .hs-menu-item.hs-menu-depth-1.hs-item-has-children a:after {height: 0px;} /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul{} .custom-menu-primary .hs-menu-wrapper > ul ul li{background:;} .custom-menu-primary .hs-menu-wrapper > ul ul li a{color:#fff;} .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper a:after{display: none;} /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {overflow: visible !important; max-width: none !important; width: auto !important;} /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width:768px) { .custom-menu-primary .hs-menu-wrapper {display:block !important;} } /* -------------------------------------------------------------------------- Mobile Menu - Hubspot Standard Toggle Menu -------------------------------------------------------------------------- */ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ .mobile-trigger, .child-trigger{display: none; /* Hide button on Desktop */} @media (max-width: 767px){ /* Variables -------------------------------------------------------------------------- */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* * Menu Reset * * Remove styling from desktop version of custom-menu-primary. Place any * additional CSS you want removed from the mobile menu in this reset */ .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color:#ffffff; } /* Toggle Button -------------------------------------------------------------------------- */ .mobile-trigger{ display: inline-block !important; /* Show button on mobile */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 0px; /* Position Button at right of screen */ right: 10px; /*******************************************/ width: auto; /* Button width */ height: auto; /* Button height */ padding: 7px 10px 8px 10px; background: #ffffff; /* Background color */ border: 1px solid #000000; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #000000; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color:#ffffff; background-color: #000000; border-color: transparent; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ color:#ffffff; background-color: #000000; border-color: transparent; } /* Toggle Button Icon -------------------------------------------------------------------------- */ .mobile-trigger i{display: inline; position: relative; top: -4px;} .mobile-trigger i:before, .mobile-trigger i:after{position: absolute; content: '';} .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ width: 22px; /* Icon line width */ height: 2px; /* Icon line height */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #000000; /* Icon color */ display: inline-block; } .mobile-trigger i:before{top: -6px; /* Position top line */} .mobile-trigger i:after{top: 6px; /* Position bottom line */} .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after, .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{ background-color: #ffffff; /* Icon color */ } /* Child Toggle Button -------------------------------------------------------------------------- */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color:#ffffff; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* Menu Styles on Mobile Devices -------------------------------------------------------------------------- */ .custom-menu-primary.js-enabled{ position: relative; padding-top: 44px; /* Makes room for button */ margin: 10px 0 10px 0; } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; /**************************************************************/ top: 0; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0; } .custom-menu-primary .hs-menu-wrapper{ background-color:#000000; /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li{ border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */ } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 0 10px; color:#ffffff; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#ffffff; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: rgba(255, 255, 255, .08); } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } .hs-menu-wrapper.hs-menu-flow-vertical li a {display: block; padding: 5px 0;} /* Main Menu .main-menu {position: relative; top: 10px;} .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul {float: right;} .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li{padding: 0 20px;} .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {text-transform: uppercase; font-size: 15px;} .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover{} .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children:first-child ul.hs-menu-children-wrapper {left: 30px;} .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper {opacity: 1; visibility: visible; border-top: 3px solid #ed2625;} .main-menu ul li {position: relative;} .main-menu ul li:last-child {} .main-menu ul li a {font-size: 15px; color: #444; padding:0;} .main-menu ul li a:hover {color: #ed2625;} .main-menu li.hs-menu-item.hs-menu-depth-1:first-child:before {} .main-menu li.hs-menu-item.hs-menu-depth-1:last-child:after {content: ''; left: -40px; float: right; top: 0; display: block; width: 30px; height: 0px;} .main-menu li.hs-menu-item:last-child a:before {content: ""; width: 10px; height: 100%; position: absolute; left: -5px; top: 0;} */ .main-menu ul a[href*="#"] { padding-bottom: 20px; } .main-menu ul a[href*="#"] ~ ul { bottom: initial !important; top: 40px; } .main-menu ul a[href*="#"] ~ ul:before { content: ""; display: block; position: absolute; top: -20px; right: 10px; width: 20px; height: 20px; border-bottom: solid 15px #00B8C0; border-left: solid 15px transparent; border-right: solid 15px transparent; } .main-menu ul a[href*="#"]:hover { cursor: default; } #hs_cos_wrapper_google_search { display: inline-block; margin-left: 10px; } #hs_cos_wrapper_google_search .input { padding-right: 0; } #hs_cos_wrapper_google_search .input input { margin-bottom: 0; border: 2px solid rgba(255,255,255,0); transition: .75s; -webkit-transition: .75s; padding: 2px 0; width: 0; color: #fff; background: transparent; opacity: 0; } #hs_cos_wrapper_google_search .input input.open { width: 125px; border: 2px solid rgba(255,255,255,1); padding: 2px 5px; opacity: 1; } /* SIDR - Mobile Menu */ #sidr-main {-webkit-box-shadow: -1px 0px 10px 0px rgba(68,68,68,1); -moz-box-shadow: -1px 0px 10px 0px rgba(68,68,68,1); box-shadow: -1px 0px 10px 0px rgba(68,68,68,1);} .sidr ul {font-family: Questa Light !important; font-size: 16px; font-weight: 400; margin: 0 !important;} #sidr-main.sidr, #sidr-main .sidr-class-hs-menu-item.sidr-class-hs-menu-depth-1:last-child {background: #333;} .header-container-wrapper .header-container .sidr-wrap .menu{display: none;} .sidr ul li {border-bottom: 1px solid rgba(255,255,255, .1) !important;} #header-sidr {position: relative;} #header-dropdown {position: absolute; right: 0; width: 225px; display: none;} #sidr-main .sidr-class-hs-menu-item.sidr-class-hs-menu-depth-1 a {color: #eee;} #sidr-main .sidr-class-hs-menu-item.sidr-class-hs-menu-depth-1 a:hover {color: #eee; background: transparent;} #sidr-main .sidr-class-hs-menu-item.sidr-class-hs-menu-depth-1, #sidr-main .sidr-class-hs-menu-item.sidr-class-hs-menu-depth-1 {border-bottom: 1px solid rgba(255,255,255, .1);} #sidr-main .sidr-class-hs-menu-item.sidr-class-hs-menu-depth-1:last-child {border-bottom: none;} #sidr-main .sidr-class-hs-menu-item.sidr-class-hs-menu-depth-1:last-child a {text-transform: none; padding-right: 20px;} #sidr-main .sidr-class-hs-menu-item.sidr-class-hs-menu-depth-1 li:last-child a:before {display: none;} #sidr-main ul.sidr-class-hs-menu-children-wrapper li a:hover {background: #f7f7f7; color: #eee;} #sidr-main ul.sidr-class-hs-menu-children-wrapper ul li a, #sidr-main ul.sidr-class-hs-menu-children-wrapper li a {font-size: 16px;} #sidr-main ul.sidr-class-hs-menu-children-wrapper li a {border: none; color: #fff;} #sidr-main .mobile-icon {cursor: pointer; float: right;} #sidr-main .mobile-icon .fa {-moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s;} #sidr-main .mobile-icon.open .fa {-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } #sidr-main .sidr-class-hs-menu-item.sidr-class-hs-menu-depth-1:hover .mobile-icon {color: #eee;} #sidr-main li.sidr-class-hs-menu-item.sidr-class-hs-menu-depth-2 .mobile-icon, #sidr-main li.sidr-class-hs-menu-item.sidr-class-hs-menu-depth-2 .mobile-icon.open {display: none;} #sidr-main ul.sidr-class-hs-menu-children-wrapper {display: none;} #header-sidr .menu { position: relative; margin: auto; padding-top: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; } #header-sidr .bar { height: 4px; width: 35px; display: block; margin: 6px 0; position: relative; background-color: #fff; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; } #header-sidr .bar:first-child{margin-top: 0;} body.sidr-open .menu .bar:nth-of-type(1) { -moz-transform: translateY(5px) rotate(45deg); -ms-transform: translateY(5px) rotate(45deg); -webkit-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg); } body.sidr-open .menu .bar:nth-of-type(2) { opacity: 0; } body.sidr-open .menu .bar:nth-of-type(3) { -moz-transform: translateY(-15px) rotate(-45deg); -ms-transform: translateY(-15px) rotate(-45deg); -webkit-transform: translateY(-15px) rotate(-45deg); transform: translateY(-15px) rotate(-45deg); } .bar:nth-of-type(1) { -moz-animation: rotateR 1.5s cubic-bezier(0.5, 0.2, 0.2, 1); -webkit-animation: rotateR 1.5s cubic-bezier(0.5, 0.2, 0.2, 1); animation: rotateR 1.5s cubic-bezier(0.5, 0.2, 0.2, 1); } .bar:nth-of-type(2) { -moz-animation: fade 1.5s cubic-bezier(0.1, 0.8, 0.1, 1); -webkit-animation: fade 1.5s cubic-bezier(0.1, 0.8, 0.1, 1); animation: fade 1.5s cubic-bezier(0.1, 0.8, 0.1, 1); } .bar:nth-of-type(3) { -moz-animation: rotateL 1.5s cubic-bezier(0.5, 0.2, 0.2, 1); -webkit-animation: rotateL 1.5s cubic-bezier(0.5, 0.2, 0.2, 1); animation: rotateL 1.5s cubic-bezier(0.5, 0.2, 0.2, 1); } /* Logo styling */ .header-container .hs_cos_wrapper_type_logo {} .header-container .hs_cos_wrapper_type_logo a {} .header-container .hs_cos_wrapper_type_logo a img {} .header-container .site-logo { margin-top: 25px; } /* TODO: Is this for the MOD? Page Title Custom Mod? .page-title-bg-image{background-image-size:cover;} .page-title.background-image {min-height: 200px;} .page-title .page-title-heading{min-height: 200px; display:flex; align-items: center; justify-content: center;} .title-h1 {position: relative; top: 75px; } .title-h1 h1{font-size: 40px; font-weight: 500; line-height: 42px; color: #fff; margin: 0;} .page-title-inside-image{text-align: right;} @media only screen and (max-width: 767px){ .page-title.background-image{padding: 5% 0; min-height: inherit;} .page-title .page-title-inside-image{display: none;} .page-title .page-title-heading {margin: 0; min-height: inherit;} .page-title .page-title-heading .title-h1 h1{padding:30px 0; text-align: center;} .title-h1 {position: relative; top: 30px; min-height: 100px;} } */ /* -------------------------------------------------------------------------- Content -------------------------------------------------------------------------- */ .body-container-wrapper {} .body-container {} /* -------------------------------------------------------------------------- Website Page Content -------------------------------------------------------------------------- */ /* Home Page -------------------------------------------------------------------------- */ .home .header .hero-text {margin: 21px 0;} /* Home Page Blog Feed */ .home-blog-feed-wrapper { background-color: #e6e6e6; } .home-blog-feed-wrapper h2 { color: #444 !important; } /*.home-blog-feed-wrapper .theme-button.white.outline:hover { color: #1f2328 !important; }*/ .home-blog-feed .theme-button { margin-top: 20px; } body.home h2 { text-align: center; } .custom-post-item.table-blog { display: table; height: 350px; } .half-wrap { display: table-row; position: relative; background-position: center; background-size: cover; } .half-wrap .blog-type-wrap { position: absolute; left: 0; } .half-wrap-link { display: table-cell; width: 100%; height: 50%; position: relative; } .home-blog-feed .custom-post-item-link, .home-blog-feed .blog-type-wrap .hs-featured-image-link { height: 350px; } .home-blog-feed .post-hover .post-plus_icon { margin: 50% auto 0; } .home-blog-feed .table-blog .half-blog .post-hover { position: absolute; width: 100%; top: 0; display: block; left: 0; opacity: 0; cursor: pointer; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease; } .home-blog-feed .table-blog .half-blog:hover .post-hover { opacity: 1; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease; } .home-blog-feed .table-blog .half-blog .post-hover .post-plus_icon{ margin: 25% auto 0; } .home-blog-feed .post-listing { text-align: center; } .home-section-header { text-align: center; } .home-section-header h2 { line-height: 1.2; font-weight: 100; } .body-container-wrapper .body-container .home-intro-row { width: 90%; float: none; margin: 0; margin-left: auto; margin-right: auto; text-align: center; } .body-container-wrapper .body-container .home-intro-row h2 { color: #00609b; } .body-container-wrapper .body-container .home-intro-row p { font-size: 1.3rem; } .browse-by-state-wrap { background-image: url('//cdn2.hubspot.net/hubfs/2418268/Images/nslu-home-state-bg.jpg'); background-size: cover; padding: 48px 0; text-align: center; color: #fff; } .browse-by-state-wrap h3 {font-size: 1.5rem; color: #fff;} .browse-by-state-wrap p {margin: 0;} .browse-by-state-wrap .theme-button.blue {margin: 0;} .scroll-to-top { background: rgba(59,155,161,.5); position: fixed; width: 40px; height: 40px; display: block; border-radius: 50px; bottom: 5%; right: 5%; display: none; border: 1px solid #ddd; } .browse-by-state-wrap .sod_select {background: #0e9ff7; color: #fff; font-size: 24px; font-weight: 600; text-align: center; border: none;} .browse-by-state-wrap .sod_select:before, .browse-by-state-wrap .sod_select:after {font-size: 14px;} .browse-by-state-wrap .sod_select:after {font-family: "FontAwesome"; content: '\f078'; top: calc(50% - 7px); right: 70px;} .browse-by-state-wrap .sod_select.open {color: #fff;} .browse-by-state-wrap .sod_select .sod_list_wrapper {width: 100%; border: 2px solid #0e9ff7; margin: -3px 0 0; border-radius: 0 0 5px 5px;} .browse-by-state-wrap .sod_select .sod_option.active { color:#0e9ff7; cursor: pointer;} .browse-by-state-wrap .sod_select .sod_option.selected {display: none;} .scroll-to-top:hover { cursor: pointer; } .scroll-to-top:before { content: "\f062"; position: absolute; font-size: 20px; top: calc(50% - 15px); left: calc(50% - 9px); font-family: 'FontAwesome'; } .states-button { background: #0e9ff7; color: #fff; padding: 15px 30px; display: inline-block; border-radius: 5px; box-shadow: 1px 1px 5px #000; font-size: 20px; font-weight: 600; } .states-button:hover{background: #ff6200; color: #fff;} .state-row svg.state-svg { width: 100%; max-width: 300px; max-height: 300px; } .state-row svg.state-svg path { fill: #ddd; } .home-cta-state-wrapper { background: #e6e6e6; } .home-cta-state-wrapper .page-center .row-fluid {display: flex;} #hero-button { font-size: 26px; padding: 20px 40px; } .cta-box-row h2 { color: #00609b !important; } /* Header + Hero */ .header .hero-text{margin:65px 0;} .header .hero-text h1{/*font-size:3.375rem; font-weight: 700; line-height:1.5;*/ margin-bottom:18px;} /* Unique Pages -------------------------------------------------------------------------- */ /* 404 */ .global-404 {background: url('//cdn2.hubspot.net/hubfs/100330/cat.png?t=1451942012020'); background-repeat: no-repeat; height: 700px; background-position: right; position: relative;} .global-404 .custom_error_message {position: absolute; top: 11%; width: 350px;} .global-404 .custom_error_message h2 {color: #d7318e; margin: 0;} /* Modular & Reusable Components -------------------------------------------------------------------------- */ /* TODO: Callouts */ /* Social Media Custom Icons */ .social-wrap a img, .social-wrap a span {display: none !important;} .social-wrap a {padding-right: 3px;} .social-wrap a:last-child {padding-right: 0;} .social-wrap a:before { font-family: 'FontAwesome'; font-size: 1rem; line-height: 2.875; text-decoration: none; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; border: 1px solid; border-radius: 5px; width: 45px; height: 45px; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .social-wrap a[href*="facebook"]:before { content: "\f09a"; color: #fff; border-color: #3b5998; background: #3b5998; } .social-wrap a[href*="rss"]:before { content: "\f09e"; color: #fff; border-color: #ff6600; background: #ff6600; } .social-wrap a[href*="twitter"]:before { content: "\f099"; color: #fff; border-color: #55acee; background: #55acee; } .social-wrap a[href*="linkedin"]:before { content: "\f0e1"; color: #fff; border-color: #007bb5; background: #007bb5; } .social-wrap a[href*="plus.google"]:before { content: "\f0d5"; color: #fff; border-color: #dd4b39; background: #dd4b39; } .social-wrap a[href*="pinterest"]:before { content: "\f0d2"; color: #fff; border-color: #cb2027; background: #cb2027; } .social-wrap a[href*="email"]:before { content: "\f0e0"; color: #fff; border-color: #777; background: #777; } /*.social-wrap a:hover:before {color: #fff !important;}*/ .social-wrap a[href*="facebook"]:hover:before { content: "\f09a"; background: #fff; border-color: #3b5998; color: #3b5998; } .social-wrap a[href*="rss"]:hover:before { content: "\f09e"; background: #fff; border-color: #ff6600; color: #ff6600; } .social-wrap a[href*="twitter"]:hover:before { content: "\f099"; background: #fff; border-color: #55acee; color: #55acee; } .social-wrap a[href*="linkedin"]:hover:before { content: "\f0e1"; background: #fff; border-color: #007bb5; color: #007bb5; } .social-wrap a[href*="plus.google"]:hover:before { content: "\f0d5"; background: #fff; border-color: #dd4b39; color: #dd4b39; } .social-wrap a[href*="pinterest"]:hover:before { content: "\f0d2"; background: #fff; border-color: #cb2027; color: #cb2027; } .social-wrap a[href*="email"]:hover:before { content: "\f0e0"; background: #fff; border-color: #777; color: #777; } /* TODO: Additional Menus aside from the Main Nav */ /* -------------------------------------------------------------------------- Footer -------------------------------------------------------------------------- */ .footer { padding: 10px 0; border-bottom: 3px solid #ff6200; border-top: 1px solid #ddd;} .footer-container-wrapper {background: url(''); padding: 0;} .footer-container {padding: 0; border-image: cursor: pointer;l('') 100% 0 repeat; border-top-width: 15px; border-bottom-width: 15px; border-left: 0; border-right: 0;} .footer-top {background: #fff; color: #444; padding: 50px 0;} .footer-top .widget-container{ min-height: 300px; padding: 30px 0 30px 25px; border-left: 1px solid #4c4f52; } .footer-top .widget-container:first-child{ padding-left: 0px; border-left: none; } .footer-top .widget-container h3 { line-height: 1.3; color: #fff; } .footer-top .widget-container h3:after { width: 40px; height: 4px; background: #da5b46; display: block; margin-top: 10px; content: ""; } .footer-top .widget-container .hs-rss-item-image-wrapper {float: left;} .footer-top .widget-container .hs-rss-date { font-size: .75rem; } .footer-top .widget-container a.hs-rss-title {color: #00b8c3; transition: all .15s ease-in-out -moz-transition:all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;} .footer-top .widget-container a.hs-rss-title:hover {color: #004286; transition: all .15s ease-in-out -moz-transition:all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;} .footer-top .address {text-indent: -1.1em; padding-right: 1.1em; margin-left: 20px;} .footer-top .address:before, .footer-top .phone:before, .footer-top .email:before {font-family: "FontAwesome"; font-weight: 800; padding-right: 10px;} .footer-top .address:before {content: '\f041';} .footer-top .phone:before {content: '\f095';} .footer-top .email:before {content: '\f0e0';} .footer-top .phone a, .footer-top .email a {color: #00b8c3;} .footer-top .phone a:hover, .footer-top .email a:hover {color: #004286;} .footer-top .widget-container .hs-rss-item.hs-with-featured-image .hs-rss-item-text {float: right; padding-right: 0; padding-left: 20px;} .footer-bottom{background: #fff; color: #444; } .footer-bottom footer {padding: 15px 0;} .footer-bottom .footer-menu {float: left;} .footer-bottom .footer-menu li{display: inline-block; margin: 0 5px; font-size: 15px; color: #444; } .footer-bottom .copyright{float: right; text-align: right; font-size: 15px; font-weight: 300;} .footer-blog .hs-rss-item.hs-with-featured-image {display: flex;} .footer-blog .hs-rss-item.hs-with-featured-image .hs-rss-item-text {padding-right: 0; padding-left: 20px; float: right; order:2;} .footer-blog .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {float: left; display: inline-block; width: 75px; height: 75px; overflow: hidden; border-radius: 100px; border: 1;} .footer-blog .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {height: 100%; max-width: none; width: initial; margin-left: -25%; max-width: none !important;} .footer-left {text-align: center;} .footer-address {margin: 20px auto; color: ;} /* Footer Menu */ .footer-menu {text-align: left;} .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul {float: left;} .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {padding: 0 15px;} .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:first-child {padding-left: 0;} .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child {padding-right: 0;} .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {font-size: .9rem; color: #444; font-family: Questa Light; font-weight: 400;} .footer-container .page-center.footer-center {padding-bottom: 0;} .copyright-line span {float: right; font-size: .9rem; padding: 5px 0;} /* Follow Me Widget */ a.fm_button {margin: 0 5px;} a.fm_button.fm_youtube span {display: none !important;} a.fm_button.fm_youtube { background-image: url('//cdn2.hubspot.net/hubfs/100330/images/social-icon-youtube.svg'); display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; } a.fm_button.fm_facebook span {display: none !important;} a.fm_button.fm_facebook { background-image: url('://cdn2.hubspot.net/hubfs/100330/images/social-icon-facebook.svg'); display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; } a.fm_button.fm_pinterest span {display: none !important;} a.fm_button.fm_pinterest { background-image: url('//cdn2.hubspot.net/hubfs/100330/images/social-icon-pinterest.svg'); display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; } a.fm_button.fm_googleplus span {display: none !important;} a.fm_button.fm_googleplus { background-image: url('//cdn2.hubspot.net/hubfs/100330/images/social-icon-googleplus.svg'); display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; } a.fm_button.fm_linkedin span {display: none !important;} a.fm_button.fm_linkedin { background-image: url('//cdn2.hubspot.net/hubfs/100330/images/social-icon-linkedin.svg'); display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; } a.fm_button.fm_twitter span {display: none !important;} a.fm_button.fm_twitter { background-image: url('://cdn2.hubspot.net/hubfs/100330/images/social-icon-twitter.svg'); display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; } /* Footer Social Icons */ .footer--social--follow { text-align: center; margin: 0; padding: 0; } .footer--social--follow li { display: inline-block; margin-right: 10px; } .footer--social--follow li:last-child { margin-right: 0; } /* Select or Die Plugin */ /* Remove, change to fit your needs */ .sod_select, .sod_select * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */ .sod_select { display: inline-block; position: relative; line-height: 1; width: 200px; padding: 14px !important; border: 3px solid #5e5e5e; background: #ffffff; color: #444444; font-size: 11px; font-weight: 700; text-align: left; text-transform: uppercase; outline: 0; outline-offset: -2px; /* Opera */ cursor: default; } /* Up/Down arrows */ .sod_select:before, .sod_select:after { content: "\25B2"; position: absolute; right: 10px; top: 12px; font-size: 7px; } /* Down arrow */ .sod_select:after { content: "\25BC"; top: auto; bottom: 12px; } /* Change the border color on hover, focus and when open */ .sod_select:hover, .sod_select.open, .sod_select.focus { border-color: #000000; } .sod_select.open { color: #919191; } .sod_select.focus { box-shadow: 0 0 5px rgba(0,0,0,.2); } /* When the entire SoD is disabled, go crazy! */ .sod_select.disabled { border-color: #828282; color: #b2b2b2; cursor: not-allowed; } /* The "label", or whatever we should call it. Keep the first three lines for truncating. */ .sod_select .sod_label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 15px; } .sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ } .sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ } /* Options list wrapper */ .sod_select .sod_list_wrapper { position: absolute; top: 100%; left: 0; display: none; height: auto; width: 200px; margin: 0 0 0 -3px; background: #ffffff; border: 3px solid #000000; border-top: none; color: #444444; font-weight: 300; z-index: 1; } /* Shows the option list (don't edit) */ .sod_select.open .sod_list_wrapper { display: block; } /* Don't display the options when */ .sod_select.disabled.open .sod_list_wrapper { display: none; } /* When the option list is displayed above the SoD */ .sod_select.above .sod_list_wrapper { top: auto; bottom: 100%; border-top: 3px solid #000000; border-bottom: none; } /* Options list container */ .sod_select .sod_list { display: block; overflow-y: auto; padding: 0; margin: 0; } /* All the options. Keep the first three lines for truncating... */ .sod_select .sod_option { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 10px 10px; list-style-type: none; } /* Optgroups */ .sod_select .sod_option.optgroup, .sod_select .sod_option.optgroup.disabled { background: inherit; color: #939393; font-size: 10px; font-style: italic; } /* Children of an optgroup */ .sod_select .sod_option.groupchild { padding-left: 20px; } /* Used together with placeholderOption / data-placeholder-option */ .sod_select .sod_option.is-placeholder { display: none; } /* Disabled option */ .sod_select .sod_option.disabled { background: inherit; color: #cccccc; } /* Hover state for options, also used when a user uses his/hers up/down keys */ .sod_select .sod_option.active { background: #f7f7f7; color: #333333; } /*Make room for the check mark */ .sod_select .sod_option.selected { font-weight: 700; padding-right: 25px; } /* Displays a check mark for the selected option */ .sod_select .sod_option.selected:before { content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); } /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */ .sod_select.no_highlight .sod_option.selected { font-weight: 300; } .sod_select.no_highlight .sod_option.selected:before { display: none; } .sod_select .sod_option.link { /* If data-link is set on a specific option */ } .sod_select .sod_option.linkexternal { /* If data-link-external is set on a specific option */ } /* Hide native select */ .sod_select select { display: none !important; } /* The native select in touch mode. Keep this first line. Sorry, keep everything. */ .sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1; } .sod_select:before { display: none; } .sod_label { line-height: 1.5; } .sod_select:after { top: calc(50% - 25px); } .sod_select { width: 350px; border: 1px solid #ddd; border-radius: 5px; padding: 30px 15px; text-transform: none; font-size: 22px; font-weight: 100; } /* End Select or Die Styles */ /*---------------------------------------------------------------------------*/ /* 4. Subpage /*---------------------------------------------------------------------------*/ /* State Compare */ .state-row { border-top: 2px solid rgba(59,155,161, .3); padding-top: 20px; } .state-row h2 { font-weight: 100; position: relative; } .state-row h2:before { border-top: 2px solid rgba(59,155,161,.7); padding-top: 20px; position: absolute; content: ""; width: 200px; height: 2px; top: -22px; left: -20px; } .states-read-more {white-space: pre;} .states-select .sod_select:after { top: calc(50% - 35px); right: 35px; } /* Contact Page */ .hs-form textarea.hs-input {max-width: 100% !important; height: 150px;} .form-columns-1 .input {padding: 0; width: 95%;} /* About Page */ .leadership {background: #f0f0f0;} .leadership .team-details {background: none; padding: 20px 20px 0; text-align: center;} .leadership .team-member-headshot img {max-width: 75%;} .leadership .team-member-name {margin: 0; text-align: center; color: #ff6200;} .leadership .team-member-title {text-align: center;} /* Compare Lenders */ .compare-lenders h2 {font-size: 2.75rem;} .compare-lenders {font-size: 1.3rem;} /* -------------------------------------------------------------------------- 4. TEMPLATE MODULE SELECTORS -------------------------------------------------------------------------- */ /* Common Template Selectors -------------------------------------------------------------------------- */ body.one-column {} body.two-column {} body.three-column {} .content-wrapper {} .main-content {} .sidebar{} .sidebar.right{} .sidebar.left{} /* Common One Column Selectors */ body.site-page.one-column, body.landing-page.one-column, body.error-template.one-column, body.password-template.one-column, body.subscription-template.one-column {} body.site-page.one-column .main-content, body.landing-page.one-column .main-content, body.error-template .main-content, body.password-template .main-content, body.subscription-template .main-content {} /* Common Two Column Selectors */ body.site-page.two-column, body.landing-page.two-column, body.blog {} body.site-page.two-column .main-content, body.landing-page.two-column .main-content, body.blog .blog-content {} /* Common Three Column Selectors */ body.site-page.three-column, body.landing-page.three-column {} body.site-page.three-column .main-content, body.landing-page.three-column .main-content {} /* Site Pages -------------------------------------------------------------------------- */ /* One Column Template */ body.site-page.one-column {} body.site-page.one-column .content-wrapper {} body.site-page.one-column .main-content {} /* Two Column Template */ body.site-page.two-column {} body.site-page.two-column .content-wrapper {} body.site-page.two-column .main-content {} body.site-page.two-column .sidebar.right {} /* Three Column Template */ body.site-page.three-column {} body.site-page.three-column .content-wrapper {} body.site-page.three-column .main-content {} /* Scholarship Application */ .how-to-win .row-fluid .span4 {padding: 15px;} /* States */ .states .header .hero-text {margin: 21px 0;} .states .header .hero-text h1 {margin-bottom: 18px;} .states .state-content {background: linear-gradient(to bottom, #ffffff 0%,#d2dbe3 100%);} .state h3, .state-last h3 {color: #00609b;} .state .row-fluid {display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex;} .state .row-fluid .span6 {border-bottom: 1px solid #ccc; padding-bottom: 30px;} .state-last .row-fluid .span6 {border-bottom: none; padding-bottom: 30px;} @media (max-width: 767px) { .state .row-fluid {display: block;} .state .row-fluid .span6 {margin-bottom: 40px;} } /* Compare Loans */ .compare-loans .page-continued {background:#6db8c6 url('//cdn2.hubspot.net/hubfs/2241837/Images/compare-loans-page-continued-bg.png'); background-repeat: no-repeat; background-size: contain; background-position: bottom;} .compare-loans .cl-page-continued .row-fluid {display: flex;} .compare-loans .cl-page-continued .span6.loan-details, .compare-loans .cl-page-continued .span3.loan-cta {margin: 0;} .compare-loans .cl-page-continued .span6 {width: 54%} .compare-loans .cl-page-continued .span3 {width: 23%;} .compare-loans .cl-page-continued .loan-details, .compare-loans .cl-page-continued .loan-cta {background: rgba(240, 240, 240, .8);} .compare-loans .cl-page-continued .lender-logo {background: #fff; padding: 30px; text-align: center; border-radius: 5px 0 0 5px;} .compare-loans .cl-page-continued .lender-logo .lender-logo-position {display: table; height: 100%; width: 100%;} .compare-loans .cl-page-continued .lender-logo .lender-logo-position .lender-logo-center {display: table-cell; vertical-align: middle;} .compare-loans .cl-page-continued .loan-details {padding: 30px 0 30px 65px;} .compare-loans .cl-page-continued .loan-details ul {margin: 0; padding: 0;} .compare-loans .cl-page-continued .loan-details ul li {list-style: none; text-indent: -2.1em; padding-left: 2em; font-size: 16px; line-height: 1.25;} .compare-loans .cl-page-continued .loan-details ul li:before {font-family: "FontAwesome"; content: '\f05d'; padding-right: 15px; color: #73ba8b; font-size: 21px; position: relative; top: 3px;} .compare-loans .cl-page-continued .loan-details ul li:after {display: block; content: ''; background: #d2d2d2; height: 1px; margin: 10px 0 5px;} .compare-loans .cl-page-continued .loan-details ul li:last-child:after {display: none;} .compare-loans .cl-page-continued .loan-cta {padding: 30px; position: relative; border-radius: 0 5px 5px 0;} .compare-loans .cl-page-continued .loan-cta a.cta_button.cl-lender-button {font-size: 12px !important; padding: 20px !important; text-transform: uppercase; font-family: Questa Light !important; line-height: 1.1 !important; display: inline-block !important; font-weight: 600 !important; color: #fff !important; text-align: center !important; text-decoration: none !important; outline: none !important; -webkit-appearance: none !important; cursor: pointer !important; outline: none !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -o-border-radius: 5px !important; -ms-border-radius: 5px !important; border-radius: 5px !important; -webkit-transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; -ms-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out !important; position: absolute; bottom: 50px; } .compare-loans .cl-page-continued .disclosure {position: absolute; bottom: 10px; font-size: 12px; left: calc(40% - 30px);} .compare-loans .cl-page-continued .logo-disclosure {text-align: left; font-size: 12px; margin-top: 10px;} .compare-loans .cl-page-continued .logo-disclosure sup {font-size: 13px; position: relative; top: 0px;} @media (max-width: 1060px) { .compare-loans .cl-page-continued .loan-cta a.cta_button.cl-lender-button {padding: 20px 10px !important;} } @media (max-width: 959px) { .compare-loans .cl-page-continued .lender-logo {padding: 10px;} .compare-loans .cl-page-continued .loan-details {padding: 30px} .compare-loans .cl-page-continued .loan-cta {padding: 0;} .compare-loans .cl-page-continued .loan-cta a.cta_button.cl-lender-button {right: 20px; padding: 20px !important;} } @media (max-width: 767px) { .compare-loans .page-continued {background-size: contain;} .compare-loans .cl-page-continued .row-fluid {display: block;} .compare-loans .cl-page-continued .span6, .compare-loans .cl-page-continued .span3 {width: 100%;} .compare-loans .cl-page-continued .lender-logo {padding: 30px; border-radius: 5px 5px 0 0;} .compare-loans .cl-page-continued .loan-details {padding: 30px} .compare-loans .cl-page-continued .loan-cta {padding: 0 30px 30px; border-radius: 0 0 5px 5px;} .compare-loans .cl-page-continued .loan-cta a.cta_button.cl-lender-button {position: relative; bottom: 10px; right: 0; width: 93%; padding: 20px !important;} .compare-loans .cl-page-continued .disclosure {position: relative; bottom: 0; left: 0; text-align: center; font-size: 14px;} } @media (max-width: 500px) { .compare-loans .cl-page-continued .loan-cta a.cta_button.cl-lender-button {width: 100%; padding: 20px 0 !important;} } /* Landing Pages -------------------------------------------------------------------------- */ /* One Column Template */ body.landing-page.one-column {} body.landing-page.one-column .content-wrapper {} body.landing-page.one-column .main-content {} /* Two Column Template */ body.landing-page.two-column {} body.landing-page.two-column .content-wrapper {} body.landing-page.two-column .main-content {} body.landing-page.two-column .sidebar.right {} /* Three Column Template */ body.landing-page.three-column {} body.landing-page.three-column .content-wrapper {} body.landing-page.three-column .main-content {} /* NSLU Landing Page */ .lp div#sidr-main {display: none;} .lp {font-size: 18px;} .lp .header { width: 100%; min-height: 425px; z-index: 1; } .lp .header .header-inner {padding: 80px 0;} .lp .header .hero-text { margin-top: 40px; } .lp .hero-text h1 { font-size: 3rem; } .lp .bg-cover { background-position: top center; } .lp .social-share-text { text-transform: uppercase; font-size: 16px; margin: auto 0; vertical-align: middle; position: relative; top: 10px; } .lp .span10.social-wrap {margin-left: 0;} .lp .row-fluid .span2.social-share-text {width: 13.5%;} .lp .check-list ul {margin: 0 0 20px 30px; list-style: none; text-indent: -1.5em; padding-left: 1.5em;} .lp h2 {line-height: 1.25;} /* Form Modal */ .lp button {border: none;} .form-modal-wrap { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0,0,0,.5); z-index: 9999; text-align: center; display: none; } .form-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #fff; width: 100%; height: auto; max-width: 650px; max-height: 565px; padding: 30px; border-radius: 5px; overflow-y:scroll; } .form-modal-wrap .hbspt-form { position: relative; top: 10px; /* left: 50%; */ /* margin-left: -325px; */ /* margin-top: -275px; */ width: 100%; max-width: 80%; margin: 0 auto; } .form-modal-wrap .hbspt-form .input { padding-right: 0; } .form-modal-wrap .hs-form-field>label span.hs-form-required { position: relative; top: 20px; left: 22%; } .form-modal-wrap ul.hs-error-msgs.inputs-list {display: none !important;} .form-modal-wrap .hs-form-field > label span:first-child{display: none;} .form-modal-wrap span.hs-form-required{color: red; font-size: 14px; padding-left: 5px;} .form-modal-wrap .hs-form.stacked label {display: block; height: 0;} .form-modal-wrap .hs-form .hs-input, .form-modal-wrap .hs-form textarea.hs-input {width: 50%; height: 12px; border-radius: 5px; margin-bottom: 0;} .form-modal-wrap select.hs-input {height: 44px !important; width: 58% !important; background: transparent; padding: 0 20px;} .form-modal-wrap select.hs-input option:invalid {color: #ddd;} .form-modal-wrap .progress { overflow: hidden; height: 20px; background-color: #ccc; border-radius: 10px; background-color: transparent; border-radius: 10px; border: 1px solid #eee; } .form-modal-wrap .progress-bar { width: 0; height: 100%; color: #777; text-align: center; background-color: #AFEFD2; } .form-modal-wrap .progress-label {position: relative; bottom: 19px; font-size: 12px; text-align: center; width: 100%; text-transform: uppercase; } .form-modal-wrap .hs-button.primary.large {background: #f83c1b; height: auto; font-family: Questa Light; line-height: 66px; padding: 0 80px; margin: 0; display: inline-block; font-size: 24px; font-weight: 800; color: #fff; text-align: center; margin: 5px; text-decoration: none; outline: none; -webkit-appearance: none; cursor: pointer; outline: none; transition: 0.4s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; border: none; text-shadow: none;} .form-modal-wrap .hs-button.primary.large:hover {background-color: #02d46a; color: #fff; border: none; box-shadow: none;} .form-modal-wrap .hs-form .actions {margin: 0; padding: 0;} .form-modal .privacy { position: relative; font-size: 14px; max-width: 100%; margin: 0 auto; width: 100%; } /* Single Line Subscribe Form */ .lp .single-line-subscribe { background: #eee; padding: 35px 30px; margin-bottom: 40px; } .lp .single-line-subscribe .hs_cos_wrapper_type_form .hs-form-field>label { display:none; } .lp .single-line-subscribe .hs_cos_wrapper_type_form input { margin-right: 10px; position: relative; border-radius:5px; background:#fff;; font-size:16px; margin: 0 5px 0 0; } .lp .single-line-subscribe form.hs-form fieldset { float: left; width: 75%; } .lp .single-line-subscribe form.hs-form fieldset .hs-form-field { padding-right: 15px; } .lp .single-line-subscribe .hs_cos_wrapper_type_form .hs_submit{ float:right; width: 25%; } .lp .single-line-subscribe ul.hs-error-msgs.inputs-list { width: 35%; display: inline !important; font-size: 14px; } .lp .hs-button.primary.large { margin: 0; background: #ff6200; width: 100%; padding: 15px 20px; } .lp .hs-button.primary.large:hover { background: #0e9ff7; } /* NSLU Thank You Page */ .thank-you {font-size: 18px;} .thank-you .header { width: 100%; min-height: 400px; z-index: 1; } .thank-you .header .hero-text { margin: 60px 0 0; text-align: left; } .thank-you .header .hero-text h1 { margin-bottom: 0; line-height: 1.25; font-size: 51px; } .thank-you .bg-cover { background-position: top center; } .thank-you .social-share-text { text-transform: uppercase; font-size: 16px; margin: auto 0; vertical-align: middle; position: relative; top: 10px; } .thank-you .span10.social-wrap {margin-left: 0;} .thank-you .row-fluid .span2.social-share-text {width: 13.5%;} .thank-you .blog-feed .theme-button.outline {border-color: #ff6200; color: #ff6200;} .thank-you .blog-feed .theme-button.outline:hover {border-color: #ff6200; background: #ff6200; color: #fff;} /* Simple Landing Page */ /* .simple--lp .body-container-wrapper { min-height: 94vh; } */ body.simple--lp { border-bottom: 5px solid #ff6200; min-height: 100vh; } .simple--lp .body-container-wrapper { min-height: calc(94vh - 10px); } .simple--lp .footer-container-wrapper { min-height: 6vh; } .simple--lp .offer--header { max-width: 60rem; margin: 0 auto !important; float: none; } .simple--lp .offer--body { max-width: 53rem; margin: 0 auto !important; float: none; } .simple--lp .offer--body p { font-size: 1.25rem; margin-bottom: 0; } .simple--lp--form .hs-input { max-width: 276px; margin-bottom: 10px; } .simple--lp--form .hs_email .hs-input { margin-bottom: 5px; } .simple--lp--form .hs_cos_wrapper_type_form .hs-form-field > label { display: none; } .simple--lp--form .input { padding-right: 0; } .simple--lp--form .hs-button.primary.large { width: 100%; max-width: 313px; background: #0e9ff7; } .simple--lp--form .hs-button.primary.large:hover { background: #ff6200; } /* .simple--lp .footer-container-wrapper { position: fixed; width: 100%; bottom: 0; } */ @media (max-width: 1100px) { /* NSLU Landing Page */ .lp .row-fluid .span2.social-share-text {width: 16.5%;} /* NSLU Thank You Page */ .thank-you .row-fluid .span2.social-share-text {width: 16.5%;} } @media (max-width: 870px) { /* NSLU Landing Page */ .lp .header .hero-text h1 {font-size: 2.5rem;} .lp .single-line-subscribe form.hs-form fieldset {width: 70%;} .lp .single-line-subscribe .hs_cos_wrapper_type_form .hs_submit{width: 30%;} .lp .span10.social-wrap {width: 80%;} .lp .row-fluid .span2.social-share-text {width: 20%;} /* NSLU Thank You Page */ .thank-you .span10.social-wrap {width: 80%;} .thank-you .row-fluid .span2.social-share-text {width: 20%;} } @media (max-width: 970px) { /* NSLU Landing Page */ .lp .header .header-inner {padding: 35px 0;} /* NSLU Simple LP */ .simple--lp h1 {font-size: 2.5rem; margin-bottom: 30px;} } @media (max-width: 767px) { /* NSLU Landing Page */ .lp .hero-text .span9 {width: 70%; float: right;} .lp .header-inner .span3 {width: 25%; float: left;} .lp .header .hero-text {margin-top: 20px;} .lp .social-share-text {top: 0; margin-bottom: 15px;} .lp .row-fluid .span2.social-share-text {width: 100%;} .lp .social-wrap {margin-bottom: 40px;} .lp .header .hero-text h1 {font-size: 2.5rem;} .lp .single-line-subscribe {min-height: 175px;} /*.form-modal {width: 600px; padding: 20px !important;} .form-modal h3 {font-size: 1.5rem;} .form-modal .hs-button.primary.large {font-size: 21px; padding: 0 80px; line-height: 45px;} .form-modal .hs-form .hs-input {height: 10px;} .form-modal .hs-form.stacked .field {margin-bottom: 10px;}*/ /* NSLU Thank You Page */ .thank-you .social-share-text {top: 0; margin-bottom: 15px;} .thank-you .row-fluid .span2.social-share-text {width: 100%;} .thank-you .social-wrap {margin-bottom: 40px;} .thank-you .header .hero-text {text-align: center; margin: 20px 0;} .thank-you .header .hero-text h1 {font-size: 2rem;} } @media (max-width: 675px) { /* NSLU Landing Page */ .lp .single-line-subscribe h3 {font-size: 2rem;} /*.form-modal {width: 500px;} .form-modal .hs-button.primary.large {padding: 0 63px;} .form-modal .modal-content { font-size: 1rem;}*/ } @media (max-width: 641px) { /* NSLU Landing Page */ .lp .single-line-subscribe {min-height: 210px; padding: 30px} } @media (max-width: 560px) { /* NSLU Landing Page */ .lp .hero-text .span9, .lp .header-inner .span3 {width: 100%; float: none;} .lp .header-one {padding-top: 0 !important;} .lp .header .hero-text h1 {font-size: 1.75rem;} /* NSLU Simple LP */ .simple--lp h1 {font-size: 2.0rem; margin-bottom: 30px;} .simple--lp .offer--body p {font-size: 18px;} /* NSLU Thank You Page */ .thank-you .page-title-inner h1 {font-size: 2rem; margin-top: 30px;} } @media (max-width: 500px) { /* NSLU Landing Page */ .lp .single-line-subscribe .hs-form fieldset.form-columns-2 .hs-form-field {width: 100%;} .lp .single-line-subscribe form.hs-form fieldset .hs-form-field {padding: 0;} .lp .single-line-subscribe form.hs-form fieldset {width: 100%; float: none;} .lp .single-line-subscribe .hs_cos_wrapper_type_form .hs_submit {width: 100%; float: none;} .lp .single-line-subscribe .hs_cos_wrapper_type_form input {margin-bottom: 10px;} .lp .single-line-subscribe ul.hs-error-msgs.inputs-list {display: block !important; width: 100%; margin-top: 5px;} /*.form-modal { max-width: 90%;}*/ } @media (max-width: 479px) { /* NSLU Landing Page */ .lp .header .hero-text h1 {margin: 0;} /*.form-modal { width: 90%;} .form-modal .hs-form .hs-input {width: 70%;} .form-modal .hs-button.primary.large {font-size: 21px; padding: 0 70px; line-height: 55px;} .form-modal-wrap .hs-form-field>label span.hs-form-required {top: 17px; left: 10%;} .form-modal-wrap select.hs-input {width: 83% !important;}*/ /* NSLU Thank You Page */ .thank-you .header .hero-text {margin: 10px 0; } .thank-you .header .hero-text h1 {font-size: 1.75rem;} } @media(max-width:400px){ /* NSLU Landing Page */ /*.form-modal .hs-button.primary.large {padding: 0 60px;}*/ /* NSLU Simple LP */ .simple--lp--form .input {padding-right: 35px;} .simple--lp--form .hs-input {max-width: 100%;} .simple--lp--form .hs-button.primary.large {max-width: 100%;} } /*@media (max-width: 330px) { .form-modal h3 {font-size: 1rem;} .form-modal .hs-button.primary.large {font-size: 18px; line-height: 45px;} }*/ /* System Pages -------------------------------------------------------------------------- */ /* Error Templates 404, 500 */ body.error-template.one-column {} body.error-template.one-column .content-wrapper {} body.error-template.one-column .main-content {} /* Password template */ body.password-template.one-column {} body.password-template.one-column .content-wrapper {} body.password-template.one-column .main-content {} /* Email Subscribition templates */ body.subscription-template.one-column {} body.subscription-template.one-column .content-wrapper {} body.subscription-template.one-column .main-content {} /*-----------------------------------------------------------------------------------*/ /* Custom Modules /*-----------------------------------------------------------------------------------*/ /* CTA Row --------------------------------------------------------------*/ .cta-row { background-size: cover; background-position: center; text-align: center; } .cta-row-content-wrap { float: none; max-width: 1200px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } /*.cta-row-content { margin-bottom: 40px; }*/ .cta-row-content h2 { font-size: 3rem; line-height: 1.2; } /* CTA Image Box --------------------------------------------------------------*/ .cta-img-box-wrap { padding: 0 5%; } .cta-img-box { position: relative; } .cta-img-box-ins { text-align: center; position: absolute; width: 100%; bottom: -28px; } .cta-img-box-frame { width: 100%; height: 250px; background-position: center; background-size: cover; } /* CTA w/ BG --------------------------------------------------------------*/ .cta-bg.background-image { padding-left: 20px; padding-right: 20px; } .cta-bg h3 { margin: 0 0 10px; /*max-width: 70%;*/ font-size: 1.5rem; display: inline-block; } .cta-bg .hs-cta-wrapper { display: inline-block; vertical-align: top; line-height: 4.5; padding-left: 20px; /*width: 28%; min-width: 28%;*/ } .cta-title-container, .cta-button-container { display: inline-block; } .cta-title-container { vertical-align: middle; width: 100%; } .cta-button-container { width: 30%; text-align: center; vertical-align: middle; } /* 3 Mod custom --------------------------------------------------------------*/ .media-block {display: inline-block; position: relative; margin-bottom: 30px; width: 100%;} .image-frame {background-repeat: no-repeat; background-size: cover; background-position: center; -moz-box-shadow: 0 1px 2px rgba(31, 41, 51, 0.5); -webkit-box-shadow: 0 1px 2px rgba(31, 41, 51, 0.5); box-shadow: 0 1px 2px rgba(31, 41, 51, 0.5); border: solid 10px #fff;} .media-block .top h2:first-child, .media-block .top h3:first-child, .media-block .top h4:first-child, .media-block .top h5:first-child, .media-block .top h6:first-child, .media-block .top p:first-child{color: #fff; margin: 0; padding: 20px;} .media block h3{line-height: 2rem;} .media block p {line-height: 1.25rem;} .media-block .mid {display: table-cell; vertical-align: middle; color: #fff; } .media-block .bot{display: table-cell; vertical-align: bottom; color: #fff;} .media-block .label { position: absolute; top: -10px; left: -10px; display: inline-block; padding: 0 0.75em; border-radius: 5px 2px 2px 0; text-transform: uppercase; letter-spacing: .1em; font-size: 12px; font-size: 0.75rem; line-height: 2.35em; font-weight: bold; color: #6b4e00; background-color: #ffc938; z-index: 11; -moz-border-radius: 5px 2px 2px 0; -webkit-border-radius: 5px; border-radius: 5px 2px 2px 0; -moz-box-shadow: 0px 2px 0 rgba(31, 41, 51, 0.1); -webkit-box-shadow: 0px 2px 0 rgba(31, 41, 51, 0.1); box-shadow: 0px 2px 0 rgba(31, 41, 51, 0.1); -moz-transition: all 0.1s; -o-transition: all 0.1s; -webkit-transition: all 0.1s; transition: all 0.1s; } .media-block .label:before {content: ''; display: block; position: absolute; width: 5px; height: 4px; left: 0; bottom: -4px; background-color: #ffc938;} .media-block .label:after {content: ''; display: block; position: absolute; width: 5px; height: 6px; bottom: -6px; left: 0; background-color: #9e7300; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px; border-radius: 5px 0 0 5px;} /* Accordion --------------------------------------------------------------*/ .accordion, .accordion_header{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .accordion_header{padding: 23px 25px 21px; background:#3386c0; color: #fff; font-size: 18px; font-weight: 700; cursor: pointer;} .accordion_icon{margin-right: 25px;} .accordion_content{font-size: 16px; font-weight: 300; padding: 30px; border-right: dashed 2px #ccc; border-bottom: dashed 2px #ccc; border-left: dashed 2px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} /* Separator --------------------------------------------------------------*/ /* Responsive Tabs --------------------------------------------------------------*/ .r-tabs{position:relative;background-color:#fff;border-top:0px solid #fff;border-right:0px solid #fff;border-left:0px solid #fff;border-bottom:0px solid #fff;border-radius:0px} .r-tabs .r-tabs-nav .r-tabs-tab{display: inline; position:relative;background-color:#fff; margin-left: -4px;} .r-tabs .r-tabs-nav .r-tabs-tab a{display: inline-block;} .r-tabs .r-tabs-nav .r-tabs-anchor{display:inline-block;padding:10px 12px;text-decoration:none;text-shadow:0 0px rgba(0,0,0,0.4);font-size:18px;font-weight:600;color:#1c98d4; border: solid 2px #1c98d4; } .r-tabs .r-tabs-nav .r-tabs-state-disabled{opacity:.5} .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{color:#fff;text-shadow:none;background-color:#1c98d4;border-top-right-radius:0px;border-top-left-radius:0px} .r-tabs .r-tabs-panel{background-color:#fff;border-bottom:4px solid #fff;border-bottom-right-radius:4px;border-bottom-left-radius:4px} .r-tabs .r-tabs-accordion-title .r-tabs-anchor{display:block;padding:10px;background-color:#fff;color:#fff;font-weight:700;text-decoration:none;text-shadow:0 1px rgba(0,0,0,0.4);font-size:14px;border-top-right-radius:4px;border-top-left-radius:4px} .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{background-color:#fff;color:#fff;text-shadow:none} .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled{opacity:.5} .r-tabs .r-tabs-nav{margin:0;padding:0; text-align: center;} .r-tabs .r-tabs-tab{display:inline-block;margin:0;list-style:none} .r-tabs .r-tabs-panel{padding:15px;display:none} .r-tabs .r-tabs-accordion-title{display:none} .r-tabs .r-tabs-panel.r-tabs-state-active{display:block; margin-top: 40px;} .r-tabs .r-tabs-nav .r-tabs-anchor:hover{background: #1c98d4; color: #fff; -webkit-transition: background .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out; transition: background .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out;} @media only screen and (max-width: 768px) { .r-tabs .r-tabs-nav{display:block} .r-tabs .r-tabs-accordion-title{display:block} .r-tabs .r-tabs-accordion-title .r-tabs-anchor {display: none} } /* -------------------------------------------------------------------------- 5. COS COMPONENTS -------------------------------------------------------------------------- */ /* HS Modules --------------------------------------------------------------*/ .hs_cos_wrapper_type_rich_text,.hs_cos_wrapper_type_text,.hs_cos_wrapper_type_header,.hs_cos_wrapper_type_section_header,.hs_cos_wrapper_type_raw_html,.hs_cos_wrapper_type_raw_jinja,.hs_cos_wrapper_type_page_footer{word-wrap:break-word} .hs_cos_wrapper_type_image_slider{display:block;overflow:hidden} .hs_cos_flex-container a:active,.hs_cos_flex-slider a:active,.hs_cos_flex-container a:focus,.hs_cos_flex-slider a:focus{outline:0} .hs_cos_flex-slides,.hs_cos_flex-control-nav,.hs_cos_flex-direction-nav{margin:0;padding:0;list-style:none} .hs_cos_flex-slider{margin:0;padding:0} .hs_cos_flex-slider .hs_cos_flex-slides>li{display:none;-webkit-backface-visibility:hidden;position:relative} .hs_cos_flex-slider .hs_cos_flex-slides img{width:100%;display:block;border-radius:0} .hs_cos_flex-pauseplay span{text-transform:capitalize} .hs_cos_flex-slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} html[xmlns] .hs_cos_flex-slides{display:block} * html .hs_cos_flex-slides{height:1%} .hs_cos_flex-slider{margin:0 0 60px;background:#fff;border:0;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;zoom:1} .hs_cos_flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease} .loading .hs_cos_flex-viewport{max-height:300px} .hs_cos_flex-slider .hs_cos_flex-slides{zoom:1} .carousel li{margin-right:5px} .hs_cos_flex-direction-nav{*height:0} .hs_cos_flex-direction-nav a{width:30px;height:30px;margin:-20px 0 0;display:block;background:url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease} .hs_cos_flex-direction-nav .hs_cos_flex-next{background-position:100% 0;right:-36px} .hs_cos_flex-direction-nav .hs_cos_flex-prev{left:-36px} .hs_cos_flex-slider:hover .hs_cos_flex-next{opacity:.8;right:5px} .hs_cos_flex-slider:hover .hs_cos_flex-prev{opacity:.8;left:5px} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover,.hs_cos_flex-slider:hover .hs_cos_flex-prev:hover{opacity:1} .hs_cos_flex-direction-nav .hs_cos_flex-disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default} .hs_cos_flex_thumbnavs-direction-nav{margin:0;padding:0;list-style:none;*height:0} .hs_cos_flex_thumbnavs-direction-nav a{width:30px;height:140px;margin:-60px 0 0;display:block;background:url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next{background-position:100% 40%;right:0} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev{left:0} .hs-cos-flex-slider-control-panel img{cursor:pointer} .hs-cos-flex-slider-control-panel img:hover{opacity:.8} .hs-cos-flex-slider-control-panel{margin-top:-30px} .hs_cos_flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center} .hs_cos_flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline} .hs_cos_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-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3)} .hs_cos_flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)} .hs_cos_flex-control-paging li a.hs_cos_flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default} .hs_cos_flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden} .hs_cos_flex-control-thumbs li{width:25%;float:left;margin:0} .hs_cos_flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer} .hs_cos_flex-control-thumbs img:hover{opacity:1} .hs_cos_flex-control-thumbs .hs_cos_flex-active{opacity:1;cursor:default} @media screen and (max-width:860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev{opacity:1;left:0} .hs_cos_flex-direction-nav .hs_cos_flex-next{opacity:1;right:0} } .hs_cos_flex-slider .caption{background-color:rgba(0,0,0,0.5);position:absolute;font-size:2em;line-height:1.1em;color:#fff;padding:0 5%;width:100%;bottom:0;text-align:center} .hs_cos_flex-slider .superimpose .caption{color:#fff;font-size:3em;line-height:1.1em;position:absolute;padding:0 5%;width:90%;top:40%;text-align:center;background-color:transparent} .hs_cos_flex-slider h1,.hs_cos_flex-slider h2,.hs_cos_flex-slider h3,.hs_cos_flex-slider h4,.hs_cos_flex-slider h5,.hs_cos_flex-slider h6,.hs_cos_flex-slider p{color:#fff} .hs-gallery-thumbnails li{display:inline-block;margin:0;padding:0;margin-right:-4px} .hs-gallery-thumbnails.fixed-height li img{max-height:150px;margin:0;padding:0;border-width:0} /* Blog --------------------------------------------------------------*/ /* Default HS - Change if needed --------------------------------------------------------------*/ .widget-type-space{visibility:hidden} .hs-author-listing-header{margin:0 0 .75em} .hs-author-social-links{display:inline-block} .hs-author-social-links a.hs-author-social-link{width:24px;height:24px;border-width:0;border:0;line-height:24px;background-size:24px 24px;background-repeat:no-repeat;display:inline-block;text-indent:-99999px} .hs-author-social-links a.hs-author-social-link.hs-social-facebook{background-image:url(//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png)} .hs-author-social-links a.hs-author-social-link.hs-social-linkedin{background-image:url(//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png)} .hs-author-social-links a.hs-author-social-link.hs-social-twitter{background-image:url(//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png)} .hs-author-social-links a.hs-author-social-link.hs-social-google-plus{background-image:url(//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png)} /* Blog Post and Listing Body Class */ body.blog {font-size: 18px;} /* Blog Post */ body.hs-blog-post {} /* Blog Listing */ body.hs-blog-listing {} /* Blog Columns Wrapper */ .blog .content-wrapper {} /* Blog Header/Hero -------------------------------------------------------------------------- */ body.blog .header{min-height:400px;} /* Blog Feed -------------------------------------------------------------------------- */ #blog-feed-container { position: relative; } #topic-menu { margin: 0; padding-left: 0; position: absolute; width: 100%; top: -51px; left: 0; z-index: 10; } .topic-feed .custom-post-item .blog-type-wrap { display: none; } .topic-feed .custom-post-item { border-bottom: 3px solid #ff6200; } #topic-select { display: none; } #topic-menu ~ .sod_select { padding: 10px 15px; display: none; margin: 20px auto 0; } #topic-menu ~ .sod_select .sod_list_wrapper { width: 100%; border: 1px solid; left: 4px; z-index: 50; } /*.cta-row-content-wrap { max-width: 90%; }*/ #topic-menu ~ .sod_select:after { top: calc(50% - 5px); } .blog-post-header { margin-bottom: 50px; } .blog-full-cta, .hs-cta-wrapper .blog-full-cta { background-image: url('//cdn2.hubspot.net/hubfs/2241837/Images/nitro-homepage-cta-wood-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding: 2.5rem 1rem; margin: 2.5rem 0; } .blog-full-cta-img img { position: absolute; left: 50px; top: -30px; } .blog-full-cta-content h4 { color: #fff; font-weight: bold; display: inline-block; margin-right: 20px; } .blog-full-cta-content .hs-cta-wrapper { display: inline-block; vertical-align: text-bottom; } .topic-item { list-style-type: none; width: calc(100% / 5 - 20px); margin: 0 10px; display: inline-block; text-align: center; float: left; border-radius: 4px 4px 0 0; border: 1px solid #fff; border-bottom: none; } .topic-item.active, .topic-item:hover { background: #fff; } .topic-item.active a, .topic-item:hover a { color: #ff6200; } .topic-item a { display: inline-block; width: 100%; color: #fff; padding: 13px 0; font-weight: 700; font-size: 18px; } .recent-post-row { display: inline-block; } .blog-listing-other-feeds { border-top: 1px solid #ddd; } .blog-content-wrapper { padding-top: 2rem; } .gradient-overlay { position: absolute; } .blog-post-header .blog-hero-title h1 { max-width: 900px; } .table-blog .post-hover { z-index: 500; } .table-blog .post-hover p { display: none; } a.next-post-link { float: right; } a.next-post-link, a.previous-post-link { font-weight: bold; text-transform: uppercase; } a.next-post-link:hover, a.previous-post-link:hover, a.next-posts-link:hover, a.previous-posts-link:hover { color: #0e9ff7; } #js-social { margin: 0 0 20px; } .jssocials-shares .jssocials-share { display: inline-block; margin: 0.5em; margin-left: 0; } .jssocials-share-link { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .jssocials-shares .jssocials-share .jssocials-share-count-box { position: relative; display: block; text-align: center; height: 1.5em; padding: 0 .1em; margin-top: .5em; margin-left: 0; } .jssocials-shares .jssocials-share .jssocials-share-count-box .jssocials-share-count { display: block; line-height: 1.5em; color: #444; } .jssocials-shares .jssocials-share .jssocials-share-count-box.jssocials-share-no-count { display: none; } .jssocials-shares .jssocials-share .jssocials-share-count-box:after { content: ""; display: block; position: absolute; top: -7px; left: 0.875em; width: 0; height: 0; border-width: 0 0.4em .4em 0.4em; border-style: solid; border-color: transparent transparent #f5f5f5 transparent; } /* Articles By Line */ .author-name {font-weight: 700; text-transform: uppercase; display: block;} .article-updated {font-size: 1rem; display: block;} .auth-wrap {line-height: 1.5; margin-bottom: 20px;} /* Blog Content Column ========================================================================== */ .blog .blog-content { padding-bottom: 4rem; } /* Use this to style the main wrapper for the blog listing pages */ .nslu-blog-listing-wrapper { padding-top: 5rem; } /* Use this to style the main wrapper for the blog post pages */ .blog-post-wrapper { } .blog-post-wrapper .post-header { margin-bottom: 2rem; } /* Blog Title */ .blog.main-blog .title-background.hs-blog-header h1 { color:#fff; } .blog-hero-title h1 { text-align: center; margin-top: 3.5rem; } .blog-post-header .blog-hero-title h1 { text-align: center; max-width: 850px; margin: 4rem auto 0; } /* Title Banner */ .blog .title-background { background-size: cover; background-position: center; background-image: url('//cdn2.hubspot.net/hubfs/652046/Images/blog-title-background.jpg'); } .blog .topic-title { display: none; } .blog .topic-title, .blog .hs-author-name { margin-bottom: 2.5rem; } .post-header p{ font-size: 13px; } /* Blog Author and Avatar */ .blog-auth-avatar { width: 50px; height: 50px; border-radius: 50%; display: block; float: left; margin-right: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .blog-auth-avatar[src=""] { display: none; } /* Custom Post Item */ .custom-post-item { margin-bottom: 2.13%; position: relative; } .row-fluid [class*="span"].custom-post-item:nth-child(4n+1){ margin-left:0px; clear: both; } .custom-post-item-link { display: block; position: relative; overflow: hidden; text-overflow: ellipsis; /*border: 1px solid #CCC;*/ height: 330px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .custom-post-item-link:hover { background-color: #eee; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); -o-box-shadow: 0 0 10px rgba(0,0,0,.2); -ms-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2); } .custom-post-header { position: absolute; top: 0; width: 100%; } .gradient-overlay { height: 100%; width: 100%; background: linear-gradient(0,rgba(0,0,0,.01),rgba(0,0,0,0.5)); } .post-listing .custom-post-item .custom-post-header h2 { font-family: Questa Light; font-size: 1.3rem; font-weight: bold; line-height: 1.2; color: #fff !important; margin: 20px; text-align: center; text-shadow: 0 0 7px #000; } .post-listing .custom-post-item .custom-post-header h2 a{ font-size: 1.125rem; font-weight:400; line-height: 1.2; color:#3c77ae; text-align: left; } .topic-feed .post-listing .span3.custom-post-item.fafsa:nth-child(5) { display: none; } /* Custom Post Hover */ .custom-post-item-link .post-hover { display: block; background:rgba(60, 119, 174, .6); width: 100%; height: 100%; position: absolute; top: 30px; left: 0; opacity: 0; cursor: pointer; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease; } .custom-post-item-link:hover .post-hover { opacity: 1; } .post-hover .post-plus_icon { display: block; margin: 26% auto 0; text-align:center; } .post-hover .post-plus_icon p{ font-size:24px; font-weight:700; color: #fff; text-align:center; margin: 0; } .post-hover .post-plus_icon i{ font-size:26px; color:#fff; } .blog-listing-wrapper .post-listing .post-item .post-body {} @media (min-width: 768px) { .blog-post-wrapper .post-body {padding-left:30px;} } /* Post Featured Image on Listings Page */ body.blog .custom-hs-featured-image-wrapper, .home-blog-feed .custom-hs-featured-image-wrapper { position:relative; width: 100%; margin: 0; padding: 0; background-color: #fff; } body.blog .hs-featured-image-link, .home-blog-feed .hs-featured-image-link { display: block; height: 330px; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: absolute; } .home-blog-feed .hs-featured-image-link { height: 350px; } body.blog .hs-featured-image-link img.hs-featured-image, .home-blog-feed img.hs-featured-image{ border-width: 0; max-height: none; max-width: 100%; height: auto; width: 100%; display: inline-block !important; float: right; margin: 0px 0 20px 20px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .home-cta .cta-title-container {text-align: center;} .home-cta .cta-bg h3 {max-width: 100%;} /* Blog Type Wrap */ .blog-type-wrap .topic-link, a.blog-type-wrap{ position:absolute; bottom:12px; left:0; display:inline; padding:4px 16px; background: #0e9ff7; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-box-shadow: 1.532px 1.286px 2px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1.532px 1.286px 2px 0px rgba(0, 0, 0, 0.4); -o-box-shadow: 1.532px 1.286px 2px 0px rgba(0, 0, 0, 0.4); -ms-box-shadow: 1.532px 1.286px 2px 0px rgba(0, 0, 0, 0.4); box-shadow: 1.532px 1.286px 2px 0px rgba(0, 0, 0, 0.4); z-index:1; } .half-wrap .blog-type-wrap .grants, .half-wrap .blog-type-wrap .scholarships { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-type-wrap .topic-link:hover, .half-wrap .blog-type-wrap:hover { padding-left:40px; background: #ff6200; } .blog-type-wrap i, .blog-type-wrap em { font-size: 20px; color: #3c77ae; margin-right: 10px; } .blog-type-wrap span { color: #fff; font-size: 16px; font-weight: 400; text-align: left; } .article-nav { margin-top: 20px; display: inline-block; width: 100%; } .table-blog { display: block; } .half-wrap { display: block; height: calc(50% - 10px); width: 100%; position: absolute; } .half-wrap:first-child { top: 0; } .half-wrap:last-child { bottom: 0; } .half-wrap-link { display: inline-block; height: 100%; } .half-wrap .blog-type-wrap { z-index: 999; } /* Pagination */ a.next-posts-link, a.previous-posts-link { font-weight: bold; color: #ff6200; font-size: 24px; } a.next-posts-link .fa, a.previous-posts-link .fa { font-size: 20px; } /*=== Blog Post Page ===*/ /* Blog Post Title */ .post-header { position: relative; overflow: hidden; } .post-header-background { position: absolute; width: auto; bottom: -10px; top: -10px; left: -10px; right: -10px; background-color: #666; background-size: cover; background-position: center; -webkit-filter: blur(5px); filter: blur(5px); } .post-header-content { position: relative; padding: 3rem 0; background-color: rgba(0,0,0,.3); color: #fff; text-align: center; } .post-header h2 { margin-bottom: 0; } .blog.hs-blog-post .body-container-wrapper .container-fluid .row-fluid .page-center { /*max-width: 1000px;*/ } .post-info { font-size: .9rem; } /* Read More Link */ body.blog a.more-link { margin-bottom: 1rem; } /* Blog Topics List */ #hubspot-topic_data {} #hubspot-topic_data a.topic-link {} /** * Blog Social Sharing icons * * Overrides defaults to better align icons and prevent overlapping */ .social-sharing-wrapper { clear: both; } .hs-blog-social-share { padding: 10px 0 0 0; height: auto; } /** * Blog Commments * * Custom styles are listed below, as the COS does not provide default styles. */ #comments-listing { margin-bottom: 3rem; margin-top: 5rem; padding-top: 1.5rem; border-top: 1px solid #ccc; } #comments-listing:before, #comment-form:before { display: block; font-weight: 600; } #comments-listing:before { content: 'Comments'; font-size: 1.8rem; } #comment-form:before { content: 'Leave a Comment'; font-size: 1.5rem; font-weight: normal; margin-bottom: .75rem; } #comment-form form { margin: 0; } #comment-form .hs-richtext { margin-bottom: 25px; } #comments-listing .comment { margin: 30px 0; padding: 0 0 30px; position: relative; border-top: 0 none; } #comments-listing .comment:after { content: ''; position: absolute; width: 30%; left: 0; margin-top: 30px; border-bottom: 1px solid #ddd; } #comments-listing .comment.depth-0 { margin-top: 15px; padding-top: 20px; border-top: 0 none; } #comments-listing .comment.depth-0:first-child { border-top: 0px none; } #comments-listing .comment.depth-1 { margin-left: 50px; border-top: 0px none; } #comments-listing .comment.depth-2, #comments-listing .comment.depth-3, #comments-listing .comment.depth-4, #comments-listing .comment.depth-5, #comments-listing .comment.depth-6, #comments-listing .comment.depth-7, #comments-listing .comment.depth-8 { margin-left: 100px; border-top: 0px none; } #comments-listing .comment-date { font-size: 16px; color: #aaa; } #comments-listing .comment-from h4 { font-size: 18px; font-weight: bold; margin: 0; } #comments-listing .comment-body { padding: 0; } #comments-listing .comment-reply-to { cursor: pointer; display: block; font-size: 16px; background: none; padding: 0; color: ; font-family: Questa Light; } #comments-listing .comment-reply-to:hover { text-decoration: underline; } #comments-listing .comment-reply-to:before { content: "\f112"; margin-right: 6px; display: inline-block; font-family: FontAwesome; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #comment-form .hs-form fieldset.form-columns-1 textarea.hs-input { width: 100%; } .post-footer .replying { padding-left: 50px; } /* Pagination */ .blog-pagination { text-align: center; } .blog-pagination .previous-posts-link { float: left; } .blog-pagination .all-posts-link {} .blog-pagination .next-posts-link { float: right; } /* Blog Author Page */ .hs-author-social-label { display: inline-block; margin-right: 8px; font-weight: bold; vertical-align: middle; } .hs-author-social-links a.hs-author-social-link { font-size: 1.25rem; display: inline-block; padding-right: 5px !important; background: none !important; vertical-align: middle; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook:before, .hs-author-social-links a.hs-author-social-link.hs-social-twitter:before, .hs-author-social-links a.hs-author-social-link.hs-social-linkedin:before, .hs-author-social-links a.hs-author-social-link.hs-social-google-plus:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook:before{ content: "\f09a"; } .hs-author-social-links a.hs-author-social-link.hs-social-twitter:before { content: "\f099"; } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin:before { content: "\f0e1"; } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus:before { content: "\f0d5"; } /* Blog Sidebar -------------------------------------------------------------------------- */ .blog .blog-sidebar {} /* Blog Modules */ .blog .blog-sidebar .widget-span {} /* -------------------------------------------------------------------------- Forms -------------------------------------------------------------------------- */ /* All Global Forms -------------------------------------------------------------------------- */ /* Form Field */ body .hs-form-field {position: relative;} /* Descriptions */ body .hs-field-desc {font-size: 12px; line-height: 1.25rem; margin: 5px 0 15px 0;} /* Labels */ body label {} body .hs-form-field > label {font-size: 1em;} body .hs-form-field > label span:first-child{} body .hs-form-field > label span.hs-form-required{color: red; font-size: 14px; padding-left: 5px;} body span.hs-form-required{color: red; font-size: 14px; padding-left: 5px;} /* One Line Inputs */ .input {padding-right: 35px;} body textarea, body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { width: 100%; font-family: Questa Light !important; font-size: 16px !important; color: #333; box-shadow: none; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;; max-width: 100%; margin-bottom: 20px; padding: 15px 15px 15px 20px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus {outline: none; border-color: #0e9ff7; box-shadow: none;} /* Separate Styles for Multiple Line Inputs */ body textarea {} body textarea:focus {} /* Separate Styles for Drop Downs */ body select {} body select:focus {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list {list-style: none; padding: 0; margin: 10px 0;} ul.hs-error-msgs.inputs-list {margin: -10px 0 20px; display: inline-block; color: red;} body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body li.hs-form-radio {height: 30px;} body li.hs-form-radio span {position: relative; bottom: 23px; left: 25px; height: 15px;} body input[type="checkbox"] {height: 13px;} body li.hs-form-checkbox {margin-bottom: 7px;} /* Required */ body input:focus:required:invalid, body textarea:focus:required:invalid, body select:focus:required:invalid {} body input:focus:required:invalid:focus, body textarea:focus:required:invalid:focus, body select:focus:required:invalid:focus {} body .hs-input.error {border-color: #c87872;} select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 20px; background: transparent; padding-right: 0; background-position:right 50% !important; background-repeat:no-repeat !important; background-image:url('//cdn2.hubspot.net/hubfs/208414/images/dropdown-arrow-856466-edited.png') !important; padding: .5em; padding-right:1.5em; } /* For IE 11 */ select::-ms-expand {display: none;} /* Placeholder Text */ ::-webkit-input-placeholder { /* Webkit Browsers */ color: #999; opacity: 1;} :-moz-placeholder { /* Firefox 18- */ color: #999; opacity: 1;} ::-moz-placeholder { /* Firefox 19+ */ color: #999; opacity: 1;} :-ms-input-placeholder { /* IE10 */ color: #999; opacity: 1;} /* Button */ body .hs-button.primary.large { font-family: Questa Light; line-height: 1; padding: 15px 40px; display: inline-block; font-size: 20px; font-weight: 600; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center; margin: 5px; text-decoration: none; outline: none; -webkit-appearance: none; cursor: pointer; position: relative; display: inline-block; margin: 5px auto 5px; overflow: hidden; background: #ff6200; border: none; z-index: 1; } body .hs-button.primary.large:hover {background-color: #0e9ff7;} /* Form Module -------------------------------------------------------------------------- */ /* Form Field */ .hs_cos_wrapper_type_form .hs-form-field {} /* Descriptions */ .hs_cos_wrapper_type_form .hs-field-desc {} /* Labels */ .hs_cos_wrapper_type_form label {} .hs_cos_wrapper_type_form .hs-form-field > label {display: block;} /* One Line Inputs */ .hs_cos_wrapper_type_form input[type="text"], .hs_cos_wrapper_type_form input[type="password"], .hs_cos_wrapper_type_form input[type="datetime"], .hs_cos_wrapper_type_form input[type="datetime-local"], .hs_cos_wrapper_type_form input[type="date"], .hs_cos_wrapper_type_form input[type="month"], .hs_cos_wrapper_type_form input[type="time"], .hs_cos_wrapper_type_form input[type="week"], .hs_cos_wrapper_type_form input[type="number"], .hs_cos_wrapper_type_form input[type="email"], .hs_cos_wrapper_type_form input[type="url"], .hs_cos_wrapper_type_form input[type="search"], .hs_cos_wrapper_type_form input[type="tel"], .hs_cos_wrapper_type_form input[type="color"], .hs_cos_wrapper_type_form input[type="file"], .hs_cos_wrapper_type_form textarea, .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form input[type="text"]:focus, .hs_cos_wrapper_type_form input[type="password"]:focus, .hs_cos_wrapper_type_form input[type="datetime"]:focus, .hs_cos_wrapper_type_form input[type="datetime-local"]:focus, .hs_cos_wrapper_type_form input[type="date"]:focus, .hs_cos_wrapper_type_form input[type="month"]:focus, .hs_cos_wrapper_type_form input[type="time"]:focus, .hs_cos_wrapper_type_form input[type="week"]:focus, .hs_cos_wrapper_type_form input[type="number"]:focus, .hs_cos_wrapper_type_form input[type="email"]:focus, .hs_cos_wrapper_type_form input[type="url"]:focus, .hs_cos_wrapper_type_form input[type="search"]:focus, .hs_cos_wrapper_type_form input[type="tel"]:focus, .hs_cos_wrapper_type_form input[type="color"]:focus, .hs_cos_wrapper_type_form input[type="file"]:focus, .hs_cos_wrapper_type_form textarea:focus, .hs_cos_wrapper_type_form select:focus {} /* Separate Styles for Multiple Line Inputs */ .hs_cos_wrapper_type_form textarea {} .hs_cos_wrapper_type_form textarea:focus {} /* Separate Styles for Drop Downs */ .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form select:focus {} /* Multiple Selection Inputs */ .hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {} .hs_cos_wrapper_type_form input[type="radio"] {} .hs_cos_wrapper_type_form input[type="checkbox"] {} /* Blog Comment Form -------------------------------------------------------------------------- */ /* Label */ #comment-form .hs-form-field > label {} #comment-form label {} /* Inputs */ #comment-form input[type="text"] {} #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {} /* Error */ body .hs-common-error-message {} /* Blog Subscription Form -------------------------------------------------------------------------- */ /* Label */ #hs_form_target_blog_subscription .hs-form-field > label {} #hs_form_target_blog_subscription label {} /* Inputs */ #hs_form_target_blog_subscription input[type="email"] {} #hs_form_target_blog_subscription input[type="email"]:focus {} #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {width: auto; margin-right: 10px;} /* Google Search Form -------------------------------------------------------------------------- */ /* Label */ .widget-type-google_search label {} /* Input */ .widget-type-google_search input[type="text"] {} .widget-type-google_search input[type="focus"] {} /* Multi Column Form -------------------------------------------------------------------------- */ body .hs-form fieldset.form-columns-1 {} body .hs-form fieldset.form-columns-1 .hs-form-field {} body .hs-form fieldset.form-columns-2 {} body .hs-form fieldset.form-columns-2 .hs-form-field {} body .hs-form fieldset.form-columns-3 {} body .hs-form fieldset.form-columns-3 .hs-form-field {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} body form.hs-form fieldset { max-width: none; } body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; } body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } @media (max-width: 400px) { body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset.form-columns-3 .hs-form-field, body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* 2k Scholarship Form -------------------------------------------------------------------------- */ .scholarship-form { max-width: 800px; margin: 0 auto; } .scholarship-form .hs-form-field>label { display: none; } .scholarship-form select.hs-input { background: #fff; } body .scholarship-form .hs-button.primary.large { background: #62c7c9; border-radius: 50px; font-family: 'Roboto',sans-serif; font-weight: 700; font-size: 1.125rem; max-width: 500px; padding: 15px 35px; white-space: normal; border: 0; display: block; width: 100%; color: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } body .scholarship-form .hs-button.primary.large:hover { background: #38abad; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* -------------------------------------------------------------------------- Buttons -------------------------------------------------------------------------- */ /* All Global Buttons (Excluding CTAs) -------------------------------------------------------------------------- */ body .hs-button.primary, body input[type="submit"], body input[type="button"] {cursor: pointer; -webkit-appearance: none; font-family: Questa Light; font-size: 16px; text-decoration: none !important;} body input[type="submit"] { } body .hs-button.primary:hover, body input[type="submit"]:hover, body input[type="button"]:hover {} body .hs-button.primary:focus, body input[type="submit"]:focus, body input[type="button"]:focus {} /* Form Module Button -------------------------------------------------------------------------- */ .hs_cos_wrapper_type_form .hs-button.primary.large {} .hs_cos_wrapper_type_form .hs-button.primary.large:hover {} .hs_cos_wrapper_type_form .hs-button.primary.large:focus {} /* Blog Comment Button -------------------------------------------------------------------------- */ #add-comment-button.hs-button.primary {} #add-comment-button.hs-button.primary:hover {} #add-comment-button.hs-button.primary:focus {} /* Blog Subscription Button -------------------------------------------------------------------------- */ #hs_form_target_blog_subscription .hs-button.primary.large {} #hs_form_target_blog_subscription .hs-button.primary.large:hover {} #hs_form_target_blog_subscription .hs-button.primary.large:focus {} /* Google Search Button -------------------------------------------------------------------------- */ .widget-type-google_search .hs-button.primary {} .widget-type-google_search .hs-button.primary:hover {} .widget-type-google_search .hs-button.primary:focus {} /* CTA Buttons -------------------------------------------------------------------------- */ /** * Override global CTA styles by wrapping the CTA module in a module group * that has an ID, and use that ID to prefix your CTA selector. Example shown below. * * All overriding properties require !important tags. */ a.cta_button.theme-button { font-family: Questa Light; line-height: 1; padding: 15px 40px; display: inline-block; font-size: 20px; font-weight: 600; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; text-align: center; margin: 5px; text-decoration: none; outline: none; -webkit-appearance: none; cursor: pointer; position: relative; display: inline-block; margin: 5px auto 5px; overflow: hidden; background: #ff6200; z-index: 1; } a.cta_button.theme-button span { position: absolute; display: block; width: 0; height: 0; border-radius: 50%; background: #0e9ff7; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: width 0.4s, height 0.4s; transition: width 0.4s, height 0.4s; } a.cta_button.theme-button:hover { color: #fff; } a.cta_button.theme-button:hover span { width: 700px; height: 700px; z-index: -1; } a.cta_button.theme-button.blue {background:#0e9ff7; color:#fff;} a.cta_button.theme-button.blue span {background: #ff6200;} a.cta_button.theme-button.shadow { -webkit-box-shadow: 1.532px 1.286px 2px 0 rgba(0,0,0,0.4); -moz-box-shadow: 1.532px 1.286px 2px 0 rgba(0,0,0,0.4); -o-box-shadow: 1.532px 1.286px 2px 0 rgba(0,0,0,0.4); -ms-box-shadow: 1.532px 1.286px 2px 0 rgba(0,0,0,0.4); box-shadow: 1.532px 1.286px 2px 0 rgba(0,0,0,0.4); } a.cta_button.theme-button.large { font-size: 24px; padding: 20px 55px;} a.cta_button.theme-button.short {padding: 15px !important;} /* Theme Button Outline */ a.cta_button.theme-button.outline {border: solid 1px #ff6200; color: #ff6200; background: transparent;} a.cta_button.theme-button.outline:hover {color: #fff;} a.cta_button.theme-button.outline span {/*border: solid 1px #ff6200;*/ background: #ff6200; z-index: -1;} a.cta_button.theme-button.outline.blue {border-color:#0e9ff7; background-color: transparent; color:#0e9ff7;} a.cta_button.theme-button.outline.blue:hover {color: #fff;} a.cta_button.theme-button.outline.blue span {/*border-color:#0e9ff7;*/ background-color:#0e9ff7;} a.cta_button.theme-button.outline.white {border-color:#fff; background-color: transparent; color:#fff;} a.cta_button.theme-button.outline.white:hover {color: #444;} a.cta_button.theme-button.outline.white span {/*border-color:#fff;*/ background-color:#fff;} #module-group-ID .cta_button {} #module-group-ID .cta_button:hover {} #module-group-ID .cta_button:focus {} .cta-img-box, .cta-img-box-text { display: inline-block; padding: 10px; } .cta-img-box { float: left; width: 40%; } .cta-img-box-text { float: right; width: 60%; } .cta-img-box-text h4 { font-size: 1.3rem; } .cta-img-box-text .theme-button.outline { padding: 15px; } @media(max-width: 800px) { } @media(max-width: 545px) { } /* Modular Selectors -------------------------------------------------------------------------- */ /* Delays */ .delayp1 { animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-delay: .1s; -o-animation-delay: .1s; transition-delay: .1s; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -o-transition-delay: .1s; } .delayp2 { animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-delay: .2s; -o-animation-delay: .2s; transition-delay: .2s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -o-transition-delay: .2s; } .delayp3 { animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-delay: .3s; -o-animation-delay: .3s; transition-delay: .3s; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; } .delayp4 { animation-delay: .4s; -moz-animation-delay: .4s; -webkit-animation-delay: .4s; -o-animation-delay: .4s; transition-delay: .4s; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -o-transition-delay: .4s; } .delayp5 { animation-delay: .5s; -moz-animation-delay: .5s; -webkit-animation-delay: .5s; -o-animation-delay: .5s; transition-delay: .5s; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; } .delayp6 { animation-delay: .6s; -moz-animation-delay: .6s; -webkit-animation-delay: .6s; -o-animation-delay: .6s; transition-delay: .6s; -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -o-transition-delay: .6s; } .delayp7 { animation-delay: .7s; -moz-animation-delay: .7s; -webkit-animation-delay: .7s; -o-animation-delay: .7s; transition-delay: .7s; -webkit-transition-delay: .7s; -moz-transition-delay: .7s; -o-transition-delay: .7s; } .delayp8 { animation-delay: .8s; -moz-animation-delay: .8s; -webkit-animation-delay: .8s; -o-animation-delay: .8s; transition-delay: .8s; -webkit-transition-delay: .8s; -moz-transition-delay: .8s; -o-transition-delay: .8s; } .delayp9 { animation-delay: .9s; -moz-animation-delay: .9s; -webkit-animation-delay: .9s; -o-animation-delay: .9s; transition-delay: .9s; -webkit-transition-delay: .9s; -moz-transition-delay: .9s; -o-transition-delay: .9s; } .delay1s { animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; } .delay2s { animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-delay: .2s; -o-animation-delay: .2s; transition-delay: .2s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -o-transition-delay: .2s; } /* Paddings */ .padding0 { padding: 0; } .padding1 { padding: 1rem; } .padding2 { padding: 2rem; } .padding3 { padding: 3rem; } .padding4 { padding: 4rem; } .padding5 { padding: 5rem; } .padding6 { padding: 6rem; } .padding7 { padding: 7rem; } .padding8 { padding: 8rem; } .padding9 { padding: 9rem; } .padding10 { padding: 10rem; } .padding1tb { padding: 1rem 0; } .padding2tb { padding: 2rem 0; } .padding3tb { padding: 3rem 0; } .padding4tb { padding: 4rem 0; } .padding5tb { padding: 5rem 0; } .padding6tb { padding: 6rem 0; } .padding7tb { padding: 7rem 0; } .padding8tb { padding: 8rem 0; } .padding9tb { padding: 9rem 0; } .padding10tb { padding: 10rem 0; } .padding0t { padding-top: 0; } .padding1t { padding-top: 1rem; } .padding2t { padding-top: 2rem; } .padding3t { padding-top: 3rem; } .padding4t { padding-top: 4rem; } .padding5t { padding-top: 5rem; } .padding6t { padding-top: 6rem; } .padding7t { padding-top: 7rem; } .padding8t { padding-top: 8rem; } .padding9t { padding-top: 9rem; } .padding10t { padding-top: 10rem; } .padding0b { padding-bottom: 0; } .padding1b { padding-bottom: 1rem; } .padding2b { padding-bottom: 2rem; } .padding3b { padding-bottom: 3rem; } .padding4b { padding-bottom: 4rem; } .padding5b { padding-bottom: 5rem; } .padding6b { padding-bottom: 6rem; } .padding7b { padding-bottom: 7rem; } .padding8b { padding-bottom: 8rem; } .padding9b { padding-bottom: 9rem; } .padding10b { padding-bottom: 10rem; } /* Video Container */ .embed-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0;overflow: hidden;} .embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} body.contact .embed-container {padding-bottom: 25%;} /* Row Styles */ .white-boxes .span3, .white-boxes .span4, .white-boxes .span6, .white-boxes .span8, .white-boxes .span9 {background-color: #fff; padding: 1.5rem;} .white-boxes-linked a {display: block; background-color: #fff; padding: 1.5rem; color: #444;} .white-boxes-linked a:hover { -webkit-box-shadow: 0 0 8px rgba(0,0,0,.4); -moz-box-shadow: 0 0 8px rgba(0,0,0,.4); -o-box-shadow: 0 0 8px rgba(0,0,0,.4); -ms-box-shadow: 0 0 8px rgba(0,0,0,.4); box-shadow: 0 0 8px rgba(0,0,0,.4); } .white-boxes-linked a h3 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .white-boxes-linked a:hover h3 {color: ;} /* Form Border Radius --------------------------------------------------------------*/ .border-radius3 .hs_cos_wrapper_type_form input[type="text"], .border-radius3 .hs_cos_wrapper_type_form input[type="password"], .border-radius3 .hs_cos_wrapper_type_form input[type="datetime"], .border-radius3 .hs_cos_wrapper_type_form input[type="datetime-local"], .border-radius3 .hs_cos_wrapper_type_form input[type="date"], .border-radius3 .hs_cos_wrapper_type_form input[type="month"], .border-radius3 .hs_cos_wrapper_type_form input[type="time"], .border-radius3 .hs_cos_wrapper_type_form input[type="week"], .border-radius3 .hs_cos_wrapper_type_form input[type="number"], .border-radius3 .hs_cos_wrapper_type_form input[type="email"], .border-radius3 .hs_cos_wrapper_type_form input[type="url"], .border-radius3 .hs_cos_wrapper_type_form input[type="search"], .border-radius3 .hs_cos_wrapper_type_form input[type="tel"], .border-radius3 .hs_cos_wrapper_type_form input[type="color"], .border-radius3 .hs_cos_wrapper_type_form input[type="file"], .border-radius3 .hs_cos_wrapper_type_form textarea, .border-radius3 .hs_cos_wrapper_type_form select { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .border-radius4 .hs_cos_wrapper_type_form input[type="text"], .border-radius4 .hs_cos_wrapper_type_form input[type="password"], .border-radius4 .hs_cos_wrapper_type_form input[type="datetime"], .border-radius4 .hs_cos_wrapper_type_form input[type="datetime-local"], .border-radius4 .hs_cos_wrapper_type_form input[type="date"], .border-radius4 .hs_cos_wrapper_type_form input[type="month"], .border-radius4 .hs_cos_wrapper_type_form input[type="time"], .border-radius4 .hs_cos_wrapper_type_form input[type="week"], .border-radius4 .hs_cos_wrapper_type_form input[type="number"], .border-radius4 .hs_cos_wrapper_type_form input[type="email"], .border-radius4 .hs_cos_wrapper_type_form input[type="url"], .border-radius4 .hs_cos_wrapper_type_form input[type="search"], .border-radius4 .hs_cos_wrapper_type_form input[type="tel"], .border-radius4 .hs_cos_wrapper_type_form input[type="color"], .border-radius4 .hs_cos_wrapper_type_form input[type="file"], .border-radius4 .hs_cos_wrapper_type_form textarea, .border-radius4 .hs_cos_wrapper_type_form select { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .border-radius5 .hs_cos_wrapper_type_form input[type="text"], .border-radius5 .hs_cos_wrapper_type_form input[type="password"], .border-radius5 .hs_cos_wrapper_type_form input[type="datetime"], .border-radius5 .hs_cos_wrapper_type_form input[type="datetime-local"], .border-radius5 .hs_cos_wrapper_type_form input[type="date"], .border-radius5 .hs_cos_wrapper_type_form input[type="month"], .border-radius5 .hs_cos_wrapper_type_form input[type="time"], .border-radius5 .hs_cos_wrapper_type_form input[type="week"], .border-radius5 .hs_cos_wrapper_type_form input[type="number"], .border-radius5 .hs_cos_wrapper_type_form input[type="email"], .border-radius5 .hs_cos_wrapper_type_form input[type="url"], .border-radius5 .hs_cos_wrapper_type_form input[type="search"], .border-radius5 .hs_cos_wrapper_type_form input[type="tel"], .border-radius5 .hs_cos_wrapper_type_form input[type="color"], .border-radius5 .hs_cos_wrapper_type_form input[type="file"], .border-radius5 .hs_cos_wrapper_type_form textarea, .border-radius5 .hs_cos_wrapper_type_form select { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .border-radius6 .hs_cos_wrapper_type_form input[type="text"], .border-radius6 .hs_cos_wrapper_type_form input[type="password"], .border-radius6 .hs_cos_wrapper_type_form input[type="datetime"], .border-radius6 .hs_cos_wrapper_type_form input[type="datetime-local"], .border-radius6 .hs_cos_wrapper_type_form input[type="date"], .border-radius6 .hs_cos_wrapper_type_form input[type="month"], .border-radius6 .hs_cos_wrapper_type_form input[type="time"], .border-radius6 .hs_cos_wrapper_type_form input[type="week"], .border-radius6 .hs_cos_wrapper_type_form input[type="number"], .border-radius6 .hs_cos_wrapper_type_form input[type="email"], .border-radius6 .hs_cos_wrapper_type_form input[type="url"], .border-radius6 .hs_cos_wrapper_type_form input[type="search"], .border-radius6 .hs_cos_wrapper_type_form input[type="tel"], .border-radius6 .hs_cos_wrapper_type_form input[type="color"], .border-radius6 .hs_cos_wrapper_type_form input[type="file"], .border-radius6 .hs_cos_wrapper_type_form textarea, .border-radius6 .hs_cos_wrapper_type_form select { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .border-radius7 .hs_cos_wrapper_type_form input[type="text"], .border-radius7 .hs_cos_wrapper_type_form input[type="password"], .border-radius7 .hs_cos_wrapper_type_form input[type="datetime"], .border-radius7 .hs_cos_wrapper_type_form input[type="datetime-local"], .border-radius7 .hs_cos_wrapper_type_form input[type="date"], .border-radius7 .hs_cos_wrapper_type_form input[type="month"], .border-radius7 .hs_cos_wrapper_type_form input[type="time"], .border-radius7 .hs_cos_wrapper_type_form input[type="week"], .border-radius7 .hs_cos_wrapper_type_form input[type="number"], .border-radius7 .hs_cos_wrapper_type_form input[type="email"], .border-radius7 .hs_cos_wrapper_type_form input[type="url"], .border-radius7 .hs_cos_wrapper_type_form input[type="search"], .border-radius7 .hs_cos_wrapper_type_form input[type="tel"], .border-radius7 .hs_cos_wrapper_type_form input[type="color"], .border-radius7 .hs_cos_wrapper_type_form input[type="file"], .border-radius7 .hs_cos_wrapper_type_form textarea, .border-radius7 .hs_cos_wrapper_type_form select { -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; } .border-radius8 .hs_cos_wrapper_type_form input[type="text"], .border-radius8 .hs_cos_wrapper_type_form input[type="password"], .border-radius8 .hs_cos_wrapper_type_form input[type="datetime"], .border-radius8 .hs_cos_wrapper_type_form input[type="datetime-local"], .border-radius8 .hs_cos_wrapper_type_form input[type="date"], .border-radius8 .hs_cos_wrapper_type_form input[type="month"], .border-radius8 .hs_cos_wrapper_type_form input[type="time"], .border-radius8 .hs_cos_wrapper_type_form input[type="week"], .border-radius8 .hs_cos_wrapper_type_form input[type="number"], .border-radius8 .hs_cos_wrapper_type_form input[type="email"], .border-radius8 .hs_cos_wrapper_type_form input[type="url"], .border-radius8 .hs_cos_wrapper_type_form input[type="search"], .border-radius8 .hs_cos_wrapper_type_form input[type="tel"], .border-radius8 .hs_cos_wrapper_type_form input[type="color"], .border-radius8 .hs_cos_wrapper_type_form input[type="file"], .border-radius8 .hs_cos_wrapper_type_form textarea, .border-radius8 .hs_cos_wrapper_type_form select { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; } .border-radius9 .hs_cos_wrapper_type_form input[type="text"], .border-radius9 .hs_cos_wrapper_type_form input[type="password"], .border-radius9 .hs_cos_wrapper_type_form input[type="datetime"], .border-radius9 .hs_cos_wrapper_type_form input[type="datetime-local"], .border-radius9 .hs_cos_wrapper_type_form input[type="date"], .border-radius9 .hs_cos_wrapper_type_form input[type="month"], .border-radius9 .hs_cos_wrapper_type_form input[type="time"], .border-radius9 .hs_cos_wrapper_type_form input[type="week"], .border-radius9 .hs_cos_wrapper_type_form input[type="number"], .border-radius9 .hs_cos_wrapper_type_form input[type="email"], .border-radius9 .hs_cos_wrapper_type_form input[type="url"], .border-radius9 .hs_cos_wrapper_type_form input[type="search"], .border-radius9 .hs_cos_wrapper_type_form input[type="tel"], .border-radius9 .hs_cos_wrapper_type_form input[type="color"], .border-radius9 .hs_cos_wrapper_type_form input[type="file"], .border-radius9 .hs_cos_wrapper_type_form textarea, .border-radius9 .hs_cos_wrapper_type_form select { -webkit-border-radius: 9px; -moz-border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; border-radius: 9px; } .border-radius10 .hs_cos_wrapper_type_form input[type="text"], .border-radius10 .hs_cos_wrapper_type_form input[type="password"], .border-radius10 .hs_cos_wrapper_type_form input[type="datetime"], .border-radius10 .hs_cos_wrapper_type_form input[type="datetime-local"], .border-radius10 .hs_cos_wrapper_type_form input[type="date"], .border-radius10 .hs_cos_wrapper_type_form input[type="month"], .border-radius10 .hs_cos_wrapper_type_form input[type="time"], .border-radius10 .hs_cos_wrapper_type_form input[type="week"], .border-radius10 .hs_cos_wrapper_type_form input[type="number"], .border-radius10 .hs_cos_wrapper_type_form input[type="email"], .border-radius10 .hs_cos_wrapper_type_form input[type="url"], .border-radius10 .hs_cos_wrapper_type_form input[type="search"], .border-radius10 .hs_cos_wrapper_type_form input[type="tel"], .border-radius10 .hs_cos_wrapper_type_form input[type="color"], .border-radius10 .hs_cos_wrapper_type_form input[type="file"], .border-radius10 .hs_cos_wrapper_type_form textarea, .border-radius10 .hs_cos_wrapper_type_form select { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } /* Text Alignment */ .text-center {text-align: center; } .text-right {text-align: right; } /* Button Hover Animations --------------------------------------------------------------*/ /*------ BACKGROUND TRANSITIONS ------*/ /* Fade */ .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {background-color: #02d46a; color: white;} /* Back Pulse */ @-webkit-keyframes hvr-back-pulse { 50% {background-color: rgba(32, 152, 209, 0.75);} } @keyframes hvr-back-pulse { 50% {background-color: rgba(32, 152, 209, 0.75);} } .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #02d46a; color: white; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #02d46a; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {color: white;} .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);} /* Sweep To Left */ .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #02d46a; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {color: white;} .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);} /* Sweep To Bottom */ .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #02d46a; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {color: white;} .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {-webkit-transform: scaleY(1); transform: scaleY(1);} /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #02d46a; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {color: white;} .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {-webkit-transform: scaleY(1); transform: scaleY(1);} /* Bounce To Right */ .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #02d46a; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {color: white;} .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Left */ .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #02d46a; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {color: white;} .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Bottom */ .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #02d46a; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {color: white;} .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Top */ .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #02d46a; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {color: white;} .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Radial Out */ .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #02d46a; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {color: white;} .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {-webkit-transform: scale(2); transform: scale(2);} /* Radial In */ .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background: #02d46a; } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f83c1b; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {color: white;} .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {-webkit-transform: scale(0); transform: scale(0);} /* Rectangle In */ .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background: #02d46a; } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f83c1b; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {color: white;} .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {-webkit-transform: scale(0); transform: scale(0);} /* Rectangle Out */ .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #02d46a; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {color: white;} .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {-webkit-transform: scale(1); transform: scale(1);} /* Shutter In Horizontal */ .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #02d46a; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #f83c1b; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {color: white;} .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);} /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #02d46a; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {color: white;} .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);} /* Shutter In Vertical */ .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background: #02d46a; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #f83c1b; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {color: white;} .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {-webkit-transform: scaleY(0); transform: scaleY(0);} /* Shutter Out Vertical */ .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #02d46a; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {color: white;} .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {-webkit-transform: scaleY(1); transform: scaleY(1);} /*------ BORDER HOVER TRANSITIONS ------*/ /* Border Fade */ .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #f83c1b, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #02d46a, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Hollow */ .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #f83c1b, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {background: none; color: #f83c1b;} /* Trim */ .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-trim:before { content: ''; position: absolute; border: white solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {opacity: 1;} /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% {top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0;} } @keyframes hvr-ripple-out { 100% {top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0;} } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: #f83c1b solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {-webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out;} /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% {top: 0; right: 0; bottom: 0; left: 0; opacity: 1;} } @keyframes hvr-ripple-in { 100% {top: 0; right: 0; bottom: 0; left: 0; opacity: 1;} } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-in:before { content: ''; position: absolute; border: #02d46a solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {-webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in;} /* Outline Out */ .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-out:before { content: ''; position: absolute; border: #f83c1b solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {top: -8px; right: -8px; bottom: -8px; left: -8px;} /* Outline In */ .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: #f83c1b solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1;} /* Round Corners */ .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-radius; transition-property: border-radius; } .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {border-radius: 1em;} /* Underline From Left */ .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #02d46a; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {right: 0;} /* Underline From Center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #02d46a; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {left: 0; right: 0;} /* Underline From Right */ .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #02d46a; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {left: 0;} /* Overline From Left */ .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #02d46a; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {right: 0;} /* Overline From Center */ .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0; background: #02d46a; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {left: 0; right: 0;} /* Overline From Right */ .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #02d46a; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {left: 0;} /* Reveal */ .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #02d46a; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {-webkit-transform: translateY(0); transform: translateY(0); border-width: 4px;} /* Underline Reveal */ .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #02d46a; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {-webkit-transform: translateY(0); transform: translateY(0);} /* Overline Reveal */ .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #02d46a; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {-webkit-transform: translateY(0); transform: translateY(0);} /* -------------------------------------------------------------------------- 6. MISCELLANOUS -------------------------------------------------------------------------- */ /** * Styles that do not fit into available sections above can go here. * For example, one would place 3rd party plugin overriding styles here. * * This section is NOT for 'Custom' styles. All custom styles must go in the * proper sections above. * * For instance, custom header and footer styles must go in the HEADER and * FOOTER sections. Custom styles for anything in-between the header and footer * (such as, styles that are unique to the HOMEPAGE only), must go in the * CONTENT section. */ .greybg{background:#797979;padding: 50px 0; } /* Email Subscription Prefernces -------------------------------------------------------------------------- */ .email-preferences {position: relative; min-height: 100vh;} .email-preferences p {font-size: 16px;} .email-preferences h2 {font-size: 2.75rem;} .email-preferences .header {min-height: 350px; background-position: top center;} .email-preferences .thank-you .header .hero-text h1 {text-align: center;} .email-prefs .header {min-height: 0;} .email-preferences #email-prefs-form .hs-button.primary { background: #0e9ff7; font-family: Questa Light; line-height: 1; padding: 15px 40px; display: inline-block; font-size: 20px; font-weight: 600; color: #fff; text-align: center; margin: 5px; text-decoration: none; outline: none; -webkit-appearance: none; cursor: pointer; outline: none; transition: 0.4s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: none; } .email-preferences #email-prefs-form .hs-button.primary:hover {background-color: #ff6200; color: #fff;} .email-preferences.unsub .page-header {display: none;} .email-preferences.unsub .footer-container-wrapper, .email-preferences.unsub-confirm .footer-container-wrapper {position: absolute; bottom: 0; left: 0; right: 0; padding-top: 6rem;} .email-preferences .checkbox-row span.fakelabel span { position: relative; top: -4px; } @media (max-width: 860px) { .email-preferences .header-one .row-fluid .span9 {width: 100%; float: none; margin: 0;} .email-preferences .header .hero-text {float: left; width: 100%; text-align: center; } .email-preferences .header .hero-text h1 {font-size: 2.5rem;} .email-preferences h2 {font-size: 2rem;} } @media (max-width: 767px) { .email-preferences .header .hero-text {margin: 40px 0;} .email-preferences .header .hero-text h1 {font-size: 2rem;} } @media (max-width: 479px) { .email-preferences .header .hero-text {margin: 0;} } /* Loan Forgiveness Award -------------------------------------------------------------------------- */ .loan-forgiveness-award .row-fluid.page-center, .page-reference .row-fluid.page-center, .loan-forgiveness .social-instructions .row-fluid.page-center {max-width: 50rem;} .loan-forgiveness-main h2 {margin-bottom: 25px;} .loan-forgiveness-instructions .theme-button:focus {color: #fff;} .loan-forgiveness-instructions .theme-button:after {content: '\f063'; font-family: "FontAwesome"; display: block; text-align: center; padding-top: 5px;} .how-to-win .row-fluid .span4 {padding: 15px;} .loan-forgiveness .page-reference {font-size: 28px;} .loan-forgiveness .page-reference p {margin-bottom: 37px;} .loan-forgiveness .page-reference.max-width .page-center:after {content: ''; display: block; background: #cdcdcd; width: 100%; height: 1px; padding: 0 20px;} .loan-forgiveness-award .hs-form .hs-richtext {float: left; width: 30%; font-family: Questa Light; font-size: 20px; line-height: 1.25;} .loan-forgiveness-award .hs-form .hs-richtext ol {margin: 0; padding: 0;} .loan-forgiveness-award .hs-form .hs-richtext .helper-text {font-style: italic; font-size: 17px; font-weight: 300; display: block; line-height: 1.3;} .loan-forgiveness-award form.hs-form fieldset .hs-form-field, .loan-forgiveness .loan-forgiveness-award .hs-form.stacked .field div.input {float: right; width: 70%; padding-left: 38px;} .loan-forgiveness-award form.hs-form fieldset {margin-top: 32px;} .loan-forgiveness-award .input {padding-right: 0;} .loan-forgiveness-award .hs-form .hs-input, .loan-forgiveness-award .hs-form textarea.hs-input {max-width: 88%; border-radius: 5px; margin-bottom: 10px;} .loan-forgiveness-award .hs-form fieldset.form-columns-2 .hs-form-field {width: 31.25%; float: left;} .loan-forgiveness-award .hs_lastname.field.hs-form-field {padding-left: 20px !important;} .loan-forgiveness-award .hs-form.stacked label {display: none;} .loan-forgiveness-award .hs_email_me_when_i_win.field.hs-form-field .hs-input[type="checkbox"] {margin-right: 15px;} .loan-forgiveness-award .hs_email_me_when_i_win.field.hs-form-field label {display: block; font-family: Questa Light; font-size: 18px; font-weight: 300; text-indent: -1.7em; padding-left: 1.7em; line-height: .5;} .loan-forgiveness-award .hs-form.stacked .actions {text-align: center;} .loan-forgiveness-award .hs-form.stacked .hs-field-desc {display: none !important;} .loan-forgiveness-award label.hs-form-radio-display, .loan-forgiveness-award label.hs-form-checkbox-display {display: block !important;} .loan-forgiveness-award li.hs-form-radio span, .loan-forgiveness-award li.hs-form-checkbox span {position: relative; top: 2px; bottom: 0; left: 5px; font-family: Questa Light; font-size: 18px; font-weight: 300;} .loan-forgiveness-award form.hs-form .hs-form-field ul.inputs-list {margin: 0;} .loan-forgiveness-award select.hs-input {padding: 15px 15px 15px 20px; height: 50px; width: 100%; max-width: 94% !important;} .loan-forgiveness .loan-forgiveness-award.page3 .hs-form.stacked .field div.input, .loan-forgiveness-award.page3 .hs-form .hs-richtext {float: none; width: 100%; padding: 0;} .loan-forgiveness-award.page3 .hs-form .hs-richtext {margin-top: 20px;} .loan-forgiveness .loan-forgiveness-award.page3 .hs_i_approve_the_use_of_my_comments_to_help_other_students_pay_for_college_.field {margin-top: 10px;} .loan-forgiveness .loan-forgiveness-award .hs-form.stacked .field {margin-bottom: 27px;} .loan-forgiveness-award .hs-form textarea.hs-input {width: 100%; margin-top: 20px; font-size: 17px !important; padding: 15px;} .loan-forgiveness .hs-button.primary.large, .loan-forgiveness .hs-button.primary.large:hover, .loan-forgiveness .hs-button.primary.large:active {width: auto; text-shadow: none !important; box-shadow: none !important; border: none !important; background-image: none !important;} .loan-forgiveness .hs-button.primary.large:active {background-color: #0e9ff7 !important;} .loan-forgiveness .progress {overflow: hidden; height: 30px; background-color: #ccc; border-radius: 40px; background-color: transparent; border: 1px solid #eee; width: 100%; max-width: 37%; margin: 0 auto;} .loan-forgiveness .progress-bar {width: 0; height: 100%; color: #444; text-align: center; background-color: #0e9ff7; opacity: .4;} .loan-forgiveness .progress-label {position: relative; bottom: 28px; font-size: 16px; text-align: center; width: 100%; text-transform: uppercase; font-weight: 400;} .loan-forgiveness-award ul.hs-error-msgs.inputs-list, .loan-forgiveness .loan-forgiveness-award ul.hs-error-msgs.inputs-list, .loan-forgiveness .loan-forgiveness-award.page4 ul.hs-error-msgs.inputs-list { display: inline-block !important; width: 100%; max-width: 70% !important; float: right; padding-left: 40px !important; margin-top: 10px !important; } .loan-forgiveness ul.hs-error-msgs.inputs-list label, .loan-forgiveness-award ul.hs-error-msgs.inputs-list label { display: block; color: red; font-size: 16px; font-family: Questa Light; } .loan-forgiveness-award ul.hs-error-msgs.inputs-list, .loan-forgiveness .loan-forgiveness-award.page3 ul.hs-error-msgs.inputs-list { max-width: 100% !important; } .loan-forgiveness .loan-forgiveness-award.page3 ul.hs-error-msgs.inputs-list, .loan-forgiveness-award ul.hs-error-msgs.inputs-list { padding-left: 0 !important; } .loan-forgiveness-award .hs_submit {margin-top: 25px;} .loan-forgiveness-award li.hs-form-radio, .loan-forgiveness-award li.hs-form-checkbox {height: auto; text-indent: -1.1em; padding-left: 1.1em !important;} @media (max-width: 767px) { .loan-forgiveness-award .input {width: 100%; padding: 0; margin: 0;} .loan-forgiveness-award .input .hs-input {max-width: 95%;} .loan-forgiveness-award .hs-form .hs-richtext, .loan-forgiveness .loan-forgiveness-award .hs-form .hs-richtext {float: none; width: 100%; padding: 0 20px;} .loan-forgiveness-award form.hs-form fieldset .hs-form-field {float: none; width: 100%; padding-left: 20px;} .loan-forgiveness-award form.hs-form fieldset .hs-form-field, .loan-forgiveness .loan-forgiveness-award .hs-form.stacked .field div.input {width: 100%; float: none; padding-left: 20px; padding-right: 0; margin-top: 10px;} .loan-forgiveness-award .hs_firstname.field.hs-form-field .input {padding-right: 35px;} .loan-forgiveness-award select.hs-input {width: 100%; max-width: 100% !important; padding-right: 0;} .loan-forgiveness .loan-forgiveness-award.page4 .hs_referral_email.field.hs-form-field {margin-top: 0;} .loan-forgiveness .loan-forgiveness-award.page4 .hs-form.stacked .field div.input {padding-left: 0;} .loan-forgiveness .loan-forgiveness-award.page4 .hs_referral_first_name.field.hs-form-field, .loan-forgiveness .loan-forgiveness-award.page4 .hs_referral_last_name.field.hs-form-field {width: 48.5%;} .loan-forgiveness-award .hs-form fieldset.form-columns-2 .hs-form-field {width: 48.5%;} .loan-forgiveness .loan-forgiveness-award.page4 .hs_referral_first_name.field.hs-form-field .input {padding-right: 35px;} .loan-forgiveness .progress {max-width: 75%;} .loan-forgiveness ul.hs-error-msgs.inputs-list, .loan-forgiveness-award ul.hs-error-msgs.inputs-list, .loan-forgiveness .loan-forgiveness-award.page4 ul.hs-error-msgs.inputs-list {padding-left: 0 !important;} .loan-forgiveness .loan-forgiveness-award ul.hs-error-msgs.inputs-list {max-width: 100% !important; padding-left: 20px !important;} } @media (max-width: 500px) { .loan-forgiveness-award .input {padding-right: 20px;} .loan-forgiveness-award .hs-form fieldset.form-columns-2 .hs-form-field {width: 100%; float: none;} .loan-forgiveness-award .hs-form fieldset.form-columns-2 .hs-form-field .input {padding-right: 20px;} .loan-forgiveness .loan-forgiveness-award.page4 .hs_referral_first_name.field.hs-form-field, .loan-forgiveness .loan-forgiveness-award.page4 .hs_referral_last_name.field.hs-form-field {width: 100%;} .loan-forgiveness .loan-forgiveness-award.page4 .hs_referral_first_name.field.hs-form-field {margin-bottom: 20px;} .loan-forgiveness .progress {max-width: 100%;} } /* HeadTerm Pages -------------------------------------------------------------------------- */ .category-headterm blockquote { margin: 25px 0 25px 0; background: #dee8f1; padding: 30px; border: 2px solid #00609b; } .category-headterm blockquote h4 { margin: 0 0 10px; } .category-headterm .headterm--lenders { margin: 35px 0 0; padding: 0; list-style: none; } .category-headterm .headterm--lenders li { display: inline-block; margin: 0 40px 25px 0; vertical-align: middle; width: 20%; } .category-headterm .headterm--lenders li:last-child { margin-right: 0; } .headterm__read__more, .headterm__read__less { position: relative; font-weight: 700; font-size: 1.25rem; display: inline; padding: 15px 0 30px; } .headterm__read__more:before { content: ""; display: block; overflow: hidden; height: 75px; background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,white)); background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%); background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%); background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0 ); position: absolute; top: -75px; left: 0; width: 100%; } .headterm--article + [data-readmore-toggle], .headterm--article[data-readmore] { display: block; width: 100%; } .headterm--article[data-readmore] { transition: height 200ms; overflow: hidden; } .copyright-line.disclaimer { padding: 15px 0; } .copyright-line.disclaimer span { float: none; font-size: .9rem; } .footer-disclaimer { font-size: .9rem; padding-bottom: 5px; } .footer .footer--social--follow { text-align: right; } @media (max-width: 925px) { .category-headterm .headterm--lenders li { margin: 0 30px 25px 0; } } @media (max-width: 560px) { .category-headterm .headterm--lenders li { display: inline-block; width: 42%; } } @media (max-width: 500px) { .category-headterm .headterm--lenders li { display: block; width: 100%; margin: 0 0 25px 0; } } /* -------------------------------------------------------------------------- COMET FINANCIAL -------------------------------------------------------------------------- */ .cometfi.top-bar-menu .main-menu {text-align: center;} .cometfi.top-bar-menu ul {float: none;} .cometfi.top-bar-menu .search {float: none; display: inline-block;} .cometfi.top-bar-menu .hs_cos_wrapper_type_menu {display: inline-block;} .cometfi.site-logo img {width: 250px !important; height: auto; margin-bottom: 5px;} .cometfi.page-title-inner h1 {font-size: 3rem;} .cometfi.header-one .row-fluid {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} @media (max-width: 971px) { .cometfi.header-one {top: 0;} .cometfi.header-one .row-fluid {display: block;} .cometfi.page-title-inner h1 {margin-top: 50px; font-size: 2.75rem; text-align: center;} } @media (max-width: 767px) { .cometfi.site-logo img {width: 200px !important;} .cometfi.page-title-inner h1 {font-size: 2.5rem; margin-top: 40px; margin-bottom: 0;} } @media (max-width: 545px) { .cometfi.page-title-inner h1 {margin-top: 40px; float: none; font-size: 2.25rem;} } @media (max-width: 479px) { .cometfi.header.page-title {min-height: 340px !important;} } /* -------------------------------------------------------------------------- 7. MOBILE MEDIA QUERIES -------------------------------------------------------------------------- */ /* Screen sizes smaller than site maxWidth (.page-center) -------------------------------------------------------------------------- */ @media (max-width: 1200px) { } @media (max-width: 1165px) { .top-bar-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .top-bar-menu .search a {font-size: 16px;} .top-bar-menu .search a {font-size: 18px;} .top-bar-menu .search {padding: 4px 15px;} } /*@media (max-width: 1139px) { .footer-menu {width: 48% !important;} .footer--social--wrap {width: 48% !important;} .footer--social--follow {text-align: right;} .copyright-line {width: 100% !important; float: none !important;} }*/ @media (max-width: 1075px) { .topic-item {width: calc(93% / 5 - 20px);} } @media(max-width: 1040px) { .blog-full-cta-img img {position: static; display: block; margin: 0 auto;} .row-fluid [class*="span"].blog-full-cta-text, .row-fluid [class*="span"].blog-full-cta-button {display: block; float: none; width: auto; margin-left: 0;} .blog-full-cta, .hs-cta-wrapper .blog-full-cta {padding: 2rem 1rem 1rem;} .header .hero-text h1 {font-size: 3rem} } @media (max-width: 1050px) and (min-width: 767px) { .top-bar-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {padding: 8px 10px;} } @media (max-width: 971px) { /* Header */ .header {min-height: 540px;} .span6.widget-span.widget-type-menu.top-bar-menu.top-bar-main, .header-container-wrapper .main-menu{display: none;} #header-right, #header-sidr {min-height: 0;} .sidr-class-search {display: none;} .header-container-wrapper .header-container .sidr-wrap {display: block;position: absolute; right: 40px; width: auto; top: 17%;} .header-container-wrapper .header-container .sidr-wrap .menu{display: block;} .header-container-wrapper .header-container .top-bar-social {position: absolute; right: 50px; top: 40px; width: 100%;} .header-inner .site-logo {float: none;} .header-container .site-logo { margin-top: 0;} .header-one .span3, .header-one .span9 {float: none; width: 100%; margin-left: 0;} .page-title-inner {float: left; width: 100%;} .page-title-inner h1 {font-size: 50px; margin-top: 15px; text-align: center;} /* Blog Header */ .blog-hero-title h1 {margin-top: 1.5rem; font-size: 2.5rem;} /* Hide Sticky Header */ .banner--clone {display: none;} /* CometFi */ .cometfi.header-one {top: 0;} .cometfi.header-one .row-fluid {display: block;} .cometfi.page-title-inner h1 {margin-top: 50px; font-size: 2.75rem; text-align: center;} } @media (max-width: 959px) { .top-bar-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {padding: 8px 20px;} .top-bar-menu .search {padding: 8px 25px;} .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {margin: 0px;} /* Testimonial Module */ .img-right .testimonial-quote, .img-left .testimonial-quote {padding-top: 10px;} /* Staff Module */ .staff-entry .image-frame {height: 200px;} /* Browse By State CTA */ .states-button {max-width: 80%;} /* Blog Feed */ #topic-select {display: block;} .blog-full-cta .blog-full-cta-img {display: none;} .blog-full-cta .blog-full-cta-content {width: 100%; margin-left: 0; text-align: center;} #topic-menu {display: none;} .blog-listing-wrapper {padding-top: 2rem;} #topic-menu ~ .sod_select {display: block;} .cta-bg h3 {margin: 0 auto; max-width: none; width: 100%; text-align: center;} .cta-bg .hs-cta-wrapper {padding-left: 0; width: 100%; text-align: center; padding-top: 10px;} } @media (max-width: 880px) { .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { padding: 0 10px; } } @media (max-width: 795px) { .footer .span4 { width: 100%; float: none; margin-left: 0; text-align: center; margin-bottom: 15px; } .footer .span4:last-child { margin-bottom: 0; } .copyright-line span { float: none; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul { float: none; } } /* Landscape tablet and smaller devices -------------------------------------------------------------------------- */ @media (max-width: 768px) { .cta-box-row h2 {font-size: 2.75rem} } @media (max-width: 767px) { /* Header */ .header {min-height: 520px;} .header .hero-text {margin: 55px 0;} h1, .header .hero-text h1 {font-size: 2.5rem; margin-bottom: 30px;} .page-title-inner h1 {font-size: 2.5rem; margin-top: 30px; margin-bottom: 0;} *.blog-hero-title h1 {margin-top: 2.75rem; font-size: 2rem;} .header-inner .site-logo {margin-top: 0; float: none;} /* Top Bar Social */ .top-bar-social .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {float: left;} .top-bar-social ul li {width: auto; line-height: 1.5;} .header-container-wrapper .header-container .top-bar-social {top: -50px;right: 117px;width: 50%;} .header-one .logo{width:50%; float: left;} /* Blog Posts */ .custom-post-item-link:hover .post-hover {opacity: 0;} .post-listing .custom-post-item .custom-post-header h2 {font-size: 1.4rem;} /* .blog-content-wrapper {display: table;} .blog-content-wrapper .row-fluid .span3 {display: table-footer-group;} .blog-content-wrapper .row-fluid .span9 {display: table-header-group;} .blog-sidebar {display: table;} .blog-sidebar .jssocials {display: table-footer-group;} */ .blog-sidebar .jssocials .jssocials-shares {margin: 1.8em 0 0.2em;} .blog-sidebar .blog-sidebar-cta {display: table-header-group; margin-bottom: 20px;} /* Sidr - Mobile Menu */ #sidr-main .sidr-class-hs-menu-item.sidr-class-hs-menu-depth-1 a:hover {color: #eee; background: transparent;} #sidr-main .sidr-class-hs-menu-item.sidr-class-hs-menu-depth-1:hover .mobile-icon {color: #eee;} /* Blockquote */ blockquote.quote {font-size: 16px; padding-left: 0; margin: 40px 10px;} /* Lightbox Module */ .lightbox-single .image {margin-bottom: 25px;} /* Footer Top */ .footer-top .widget-container { text-align: center; padding: 0 0 40px 0; min-height: 1px; border-left: none; } .footer-top .widget-container h3:after { margin-top: 0; margin: 10px auto 0; } .footer-top .feedreader_box { width: 75%; margin: 0 auto; min-width: 280px; text-align: left; } .footer-top .address {text-indent: 0; padding-right: 0; margin-left: 0;} /* Footer Navigation */ .footer-menu {text-align: left;} .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {display: inline-block; float: left; padding: 0 8px;} .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:first-child {margin-left: 0;} /* Footer Social */ .footer .footer--social--follow {text-align: left;} .cta-img-box-wrap {padding: 0; margin-bottom: 50px;} .cta-box-row .span4:last-child .cta-img-box-wrap {margin-bottom: 0;} .custom-post-item.table-blog {display: block; height: initial;} .half-wrap {height: initial; position: relative;} .table-blog .post-hover p {display: block;} .post-listing .recent-post-row .blog-cta-wrap {display: none;} .state-row svg.state-svg {display: none !important;} .cta-img-box-wrap {width: 100%; display: inline-block;} .cta-img-box img {display: block; margin: 0 auto;} .table-blog a {display: block;} .half-blog {display: block; height: 350px;} .half-wrap {display: block;} .half-wrap:first-child a.half-wrap-link{margin-bottom: 5px;} .half-wrap, .half-wrap .half-blog {background-repeat: no-repeat; background-size: cover; background-position: center;} .custom-post-item-link .post-hover, .home-blog-feed .table-blog .half-blog .post-hover{top: 130px;} .home-blog-feed .post-hover .post-plus_icon, .home-blog-feed .table-blog .half-blog .post-hover .post-plus_icon {margin: 0; display: none;} .custom-post-item {width: 48% !important; float: left !important;} .custom-post-item:nth-child(2n+1) {margin-right: 15px;} .cta-bg.background-image {margin-bottom: 25px;} /* Browse By State */ .browse-by-state-wrap .sod_select {margin-bottom: 0;} /* Blog */ .sod_select {margin-bottom: 40px; max-width: 90%;} /* States */ .state .row-fluid .span6:last-child {margin-bottom: 0;} .home-cta-state-wrapper .page-center .row-fluid {display: block;} } @media(max-width: 676px) { /* Top Bar Social */ .top-bar-social ul > li {display: none; } /* Sidr Menu */ .header-container-wrapper .header-container .top-bar-social {top: -48px;right: -15px;} .cta-row-content-wrap {width: 100%; max-width: 100%;} .cta-row.padding7tb {padding: 3rem 0;} .cta-row-content h2 {font-size: 1.7rem;} .cta-bg.background-image {padding-right: 20px;} .cta-title-container {width: 100%;} .cta-button-container {width: 100%; margin-top: 20px;} } @media(max-width:575px) { /* Footer Navigation */ .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {display: none;} } @media(max-width:545px) { /* Header */ .header {min-height: 500px;} /* Top Bar Social */ .header-container-wrapper .header-container .top-bar-social {display: none;} /* Homepage */ .body-container-wrapper .body-container .home-intro-row {width: 100%;} h1, .header .hero-text h1 {font-size: 2rem;} /* Blog Feed */ .custom-post-item {width: 100% !important;} /* Page Headers */ .page-title-inner h1 {margin-top: 40px; float: none;} } @media (max-width: 501px) { .page-title-inner h1, .cometfi.page-title-inner h1 {font-size: 2.25rem; margin-top: 30px;} } /* Landscape phones and smaller devices -------------------------------------------------------------------------- */ @media (max-width: 479px) { /* Header */ .header {min-height: 490px;} .header .hero-text{margin: 40px 0;} .header .hero-text h1 {margin: 25px 0;} h1, .header .hero-text h1, .page-title-inner h1, .cometfi.page-title-inner h1 {font-size: 1.75rem;} .header .hero-text h1, .header .hero-text p {text-align: center;} .blog-hero-title h1{margin-top: 2rem; font-size: 1.75rem;} h2 {font-size: 2.25rem;} .body-container-wrapper .body-container .home-intro-row p {font-size: 1.25rem;} .compare-lenders {font-size: 1.25rem;} #sidr-main .sidr-class-hs-menu-item.sidr-class-hs-menu-depth-1 a:hover {color: #eee;} /* Section Title */ .section-title-center p {max-width: 100%;} /* Testimonial Module */ .testimonial p.details {font-weight: 700; margin: 10px 0 0; } .img-left .testimonial-quote, .img-right .testimonial-quote {padding: 0 0 0 10px; } .img-left .testimonial-headshot.text-center, .img-right .testimonial-headshot.text-center {float: left; } .img-right .testimonial-quote {float: right; } .img-center .testimonial-quote {padding-top: 20px; text-align: center; } .state-row {padding-top: 30px;} .state-row h2:before {top: -32px;} .blog-full-cta .blog-full-cta-content h4 {font-size: 1.5rem; margin: 0;} .theme-button.large {padding: 20px 25px;} .cta-box-row h2 {font-size: 2rem;} .browse-by-state-wrap .sod_select:after {right: 60px;} /* Contact Us */ body form.hs-form fieldset[class*="form-columns"] .hs-input {width: 95%;} } @media all and (max-width:400px) { .hs_cos_flex-slider .superimpose .caption{background-color:#000;position:static;font-size:2em;line-height:1.1em;color:#fff;width:90%;padding:0 5%;top:40%;text-align:center} #recaptcha_area table#recaptcha_table{width:300px!important} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1{width:300px!important} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4{width:67px!important} #recaptcha_area table#recaptcha_table #recaptcha_image{width:280px!important} .browse-by-state-wrap .sod_select:after {right: 35px;} }