/** * File Name: ac-new-site-styles.css */ @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); @import url(https://fonts.googleapis.com/css?family=Prata); /* ========================================================================== 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. * * */ /* Colors */ /* text color */ /* header color */ /* footer top bg color */ /* footer bottom bg color */ /* Form BG */ /* Orange */ /* Generic American College: */ /* Program Colors */ /* RED */ /* GREEN */ /* ORANGE */ /* LIGHT BLUE */ /* BLUE */ /* RED */ /* Program Colors Hover */ /* RED */ /* GREEN */ /* ORANGE */ /* LIGHT BLUE */ /* BLUE */ /* RED */ /* Typography */ /* Links */ /* Containers */ /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */ /* ========================================================================== 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 ========================================================================== */ /** * 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: #414042; font-family: Times, serif;; font-size: 1em; line-height: 2.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /** * Page Center * * Apply .page-center to full-width modules. */ /*.container-fluid .row-fluid .page-center { float: none; max-width: 1165px !important; margin: 0 auto; }*/ .row-fluid .page-center, .row-fluid .page-center[class*="span"], .row-fluid .page-center[class*="span"]:first-child { float: none; max-width: 1165px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } .max-width .page-center, .row-fluid-wrapper .page-center.max-width { max-width: 60rem; } a { color: #b2354f; text-decoration: none; } a:hover, a:focus { color: #8d1b28; outline: none;} hr { color: #ccc; background-color: #ccc; height: 1px; border: none; } /* Highlighted Text */ ::-moz-selection { color: #fff; background: #414042; text-shadow: none; } ::selection { color: #fff; background: #414042; text-shadow: none; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img {     max-width: initial; } /*------------------------------------------------------------------ [Commons] -------------------------------------------------------------------*/ .fr{ float: right; } .fl{ float: left; } .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: #414042 !important;} /* 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; } .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 */ .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.375rem; } .padding80 { padding: 5rem; } .padding90 { padding: 5.625rem; } .padding100 { padding: 6.25rem; } .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.375rem 0; } .padding80tb { padding: 5rem 0; } .padding90tb { padding: 5.625rem 0; } .padding100tb { padding: 6.25rem 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.375rem; } .padding80t { padding-top: 5rem; } .padding90t { padding-top: 5.625rem; } .padding100t { padding-top: 6.25rem; } .padding10b { padding-bottom: 0.625rem; } .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.375rem; } .padding80b { padding-bottom: 5rem; } .padding90b { padding-bottom: 5.625rem; } .padding100b { padding-bottom: 6.25rem; } /* ========================================================================== $Typography ========================================================================== */ /* Basic text */ p { font-family: Times, serif; }; small {} strong {font-weight: bold; font-weight: 600; } em {} cite {} code {} pre {} sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em } /* Headings */ h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;; color: #333; line-height: 1.5; margin: 30px 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: 2.500rem; font-weight: 700; text-transform: uppercase;} h2 { font-size: 1.5rem; font-weight: 400; font-family: 'Prata', serif;;} h3 { font-size: 1.25rem; font-weight: 300; text-transform: uppercase;} h4 { font-size: 1.25rem; font-weight: 300; font-family: 'Prata', serif;;} h5 { font-size: 1rem; font-weight: 700; text-transform: uppercase;} h6 { font-size: .875rem; font-weight: 700; text-transform: uppercase;} /* 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 0 } ul { list-style: none; } ol { list-style: decimal; } ul li { padding-left: 1em; } .body-container-wrapper ul { padding-left: 0; } .body-container-wrapper ul li { text-indent: -.7em; line-height: 2 } .body-container-wrapper ul li:before { content: "• "; color: #414042; vertical-align: middle; font-size: 1rem; } /*checklist*/ ul.check-list { margin: 0 0 20px; list-style: none; } ul.check-list li { margin: 0 0 5px } ul.check-list li:before { font-family: "FontAwesome"; content: "\f00c"; 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; } /* 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; } img { max-width: 100% !important; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } /* Colors */ .accentColorCyan { color: ; } .accentColor2 { color: ; } .accentColor3 { color: ; } /* 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: #414042; } .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: ; } /*-----------------------------------------------------------------------------------*/ /* $UI Components /*-----------------------------------------------------------------------------------*/ .theme-button { margin: 0; background: #b2354f; border: none; border-radius: 50px; font-size: .75rem; font-weight: 700; height: auto; line-height: 1.25; padding: 15px 55px; font-family: 'Montserrat', sans-serif;; letter-spacing: 1px; -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; } .theme-button:hover { background: #8d1b28; color: #fff; border: none; } .theme-button::focus {color: #fff;} .theme-button.drk-blue { background: #063159; margin: 30px 0; padding: 13px 55px; } .theme-button.drk-blue:hover { background: #052a4c; } /*-----------------------------------------------------------------------------------*/ /* $Header /*-----------------------------------------------------------------------------------*/ .top-bar-menu { padding: 5px 0; font-weight: 400; background: #093258; } .top-bar-menu .phone { color: #f2f2f2; font-weight: 700; text-transform: uppercase; font-family: 'Montserrat', sans-serif;; font-size: .75rem; letter-spacing: 1px; line-height: 20px; padding: 8px 0; } .top-bar-menu .phone {float: left;} .top-bar-menu .phone a {color: #fff;} .top-bar-menu .fa-phone { color: #f2f2f2; padding-right: 10px; position: relative; top: 1px; font-size: .975rem; } .top-bar-menu .top-menu {float: right;} .top-bar-menu ul { margin: 0; } .top-bar-menu ul li {padding: 0;} .top-bar-menu ul li:first-child { margin-left: 0; } .top-bar-menu ul li a { color: #f2f2f2; font-family: 'Montserrat', sans-serif;; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; font-size: .72rem; border-left: 1px solid #375572; padding: 15px; } .top-bar-menu ul li { display: inline-block; /*padding: 0 20px;*/ position: relative; } .top-bar-menu .search a {color: #f2f2f2; font-size: 11px; vertical-align: middle; padding: 15px 20px;} .top-bar-menu .search .hs-search-module {display: inline-block;} #hs_cos_wrapper_google_search .input {padding-right: 0; display: inline;} .top-bar-menu .search label {display: none;} #panel { display:none; } div#hs-search-module {display: inline;} .header-panel.show-menu { -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); } .header-panel {padding: 25px 0; border-bottom: 5px solid #e6e7e8;} .hs-search-module input[type="text"] { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 2px solid #e6e7e8; margin: 0; padding: .75rem; width: 78%; font-size: 11px; color: #606060 !important; letter-spacing: 1px; text-transform: uppercase; display: inline; } .hs-search-module input[type="submit"] {width: 18%; padding: 0;} .hs-search-module input[type="text"]:focus {border: 2px solid #e6e7e8;} body #comment-form input[type="submit"] {color: #fff; margin: 0; font-family: 'Montserrat',sans-serif !important; font-size: .75rem !important; font-weight: 700; padding: 18px 0; width: 20%; height: 44px; line-height: .75;} .navbar-fixed-top {padding: 0; box-shadow: none;} .navbar-fixed-top .span2, .navbar-fixed-top .span5 {margin-left: 0;} #logo {padding-bottom: 20px; max-width: 250px; margin: 0 auto;} .navbar-brand {float: none; padding: 0;} /* Search Form - Top Bar & Sidr*/ .hs-search-module ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: 'Montserrat', sans-serif;; font-size: 11px; color: #aaa; letter-spacing: 1px; text-align: left; text-transform: uppercase; } .hs-search-module ::-moz-placeholder { /* Firefox 19+ */ font-family: 'Montserrat', sans-serif;; font-size: 11px; color: #aaa; letter-spacing: 1px; text-align: left; text-transform: uppercase; } .hs-search-module :-ms-input-placeholder { /* IE 10+ */ font-family: 'Montserrat', sans-serif;; font-size: 11px; color: #aaa; letter-spacing: 1px; text-align: left; text-transform: uppercase; } .hs-search-module :-moz-placeholder { /* Firefox 18- */ font-family: 'Montserrat', sans-serif;; font-size: 11px; color: #aaa; letter-spacing: 1px; text-align: left; text-transform: uppercase; } .top-bar-menu .search.open a {background: #fff;} .top-bar-menu .search.open .fa-search:before {content: '\f00d'; color: #093258; font-size: .75rem;} /* MegaMenu --------------------------------------------------------------*/ .main-menu {margin-top: 20px !important; margin-bottom: 20px !important;} #menuzord { display: none; } #menuzord.menuzord-responsive { display: block; } /* 1 - MENU CONTAINER ======================================*/ .menuzord, .menuzord *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .menuzord{width:100%;/*max-width:1170px;*/margin:0;padding:0;float:none;/*position:relative;*/background:#fff; font-family: 'Montserrat', sans-serif;;} .menuzord a{-o-transition:color .3s linear,background .3s linear;-moz-transition:color .3s linear,background .3s linear;-webkit-transition:color .3s linear,background .3s linear;transition:color .3s linear,background .3s linear} .menuzord-menu.scrollable > .scrollable-fix{display:none} /* 2 - BRAND ======================================*/ .menuzord-brand{margin:18px 30px 0 0;float:left;color:#666;text-decoration:none;font-size:24px;font-weight:600;line-height:1.3;cursor:pointer; display: none;} /* 3 - MENU ======================================*/ .menuzord-menu{margin:0; padding:0;float:left;list-style:none} .menuzord-menu.menuzord-right{float:right} .menuzord-menu > li{display:inline-block;float:left; padding-left: 0; padding-right: 16px; border-bottom: 3px solid #e6e7e8;} .menuzord-menu > li.active{border-bottom: 3px solid #004b91;} .menuzord-menu > li > a{padding:0 0 20px;display:inline-block;text-decoration:none;text-transform: uppercase; font-size: .8125rem; line-height: 20px; color: #555; font-weight: 700;} .menuzord-menu > li.active > a,.menuzord-menu > li:hover > a{color:#333} /* 4 - DROPDOWN ======================================*/ .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown{list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:99;min-width:180px;white-space:nowrap;background:#fff} .menuzord-menu ul.dropdown li ul.dropdown{left:100%} .menuzord-menu ul.dropdown li{clear:both;width:100%;border:0 none;font-size:16px;position:relative} .menuzord-menu ul.dropdown li a{font-size: 16px; width:100%;background:none;padding:5px 10px;color:#666;text-decoration:none;display:inline-block;float:left;clear:both;position:relative;outline:0;-o-transition:padding .2s linear;-moz-transition:padding .2s linear;-webkit-transition:padding .2s linear;transition:padding .2s linear} .menuzord-menu ul.dropdown li:hover > a{padding-left:10px;padding-right:19px;color:#333} .menuzord-menu ul.dropdown.dropdown-left{left:none} .menuzord-menu ul.dropdown li ul.dropdown.dropdown-left{left:-100%} /* 5 - DROPDOWN/MEGAMENU INDICATORS ======================================*/ .menuzord-menu li .indicator{margin-left:3px} .menuzord-menu li ul.dropdown li .indicator{position:absolute;top:8px;right:10px;font-size:15px} /* 6 - MEGAMENU ======================================*/ .menuzord-menu > li > .megamenu{width:100%;padding:55px 142px 20px;left:0;position:absolute;display:none;z-index:99; background:#fff; -webkit-box-shadow: 0 20px 28px rgba(0,0,0,0.175); -moz-box-shadow: 0 20px 28px rgba(0,0,0,0.175); -o-box-shadow: 0 20px 28px rgba(0,0,0,0.175); -ms-box-shadow: 0 20px 28px rgba(0,0,0,0.175); box-shadow: 0 20px 28px rgba(0,0,0,0.175);; margin-top: 10px;} .megamenu:hover .active > a{ background: #fff; -webkit-box-shadow: 1px 2px 7px 0 rgba(0,0,0,.3); -moz-box-shadow: 1px 2px 7px 0 rgba(0,0,0,.3); -o-box-shadow: 1px 2px 7px 0 rgba(0,0,0,.3); -ms-box-shadow: 1px 2px 7px 0 rgba(0,0,0,.3); box-shadow: 1px 2px 7px 0 rgba(0,0,0,.3); } /* 7 - MEGAMENU WIDTHS ======================================*/ .menuzord-menu > li > .megamenu.megamenu-three-quarter-width{width:75%;left:auto} .menuzord-menu > li > .megamenu.megamenu-half-width{width:50%;left:auto} .menuzord-menu > li > .megamenu.megamenu-quarter-width{width:25%;left:auto} /* 8 - GRID SYSTEM ======================================*/ .menuzord-menu > li > .megamenu .megamenu-row{width:100%;margin-top:0} .menuzord-menu > li > .megamenu .megamenu-row:first-child{margin-top:0} .menuzord-menu > li > .megamenu .megamenu-row:before,.menuzord-menu > li > .megamenu .megamenu-row:after{display:table;content:"";line-height:0} .menuzord-menu > li > .megamenu .megamenu-row:after{clear:both} .menuzord-menu > li > .megamenu .megamenu-row .col1, .menuzord-menu > li > .megamenu .megamenu-row .col2, .menuzord-menu > li > .megamenu .megamenu-row .col3, .menuzord-menu > li > .megamenu .megamenu-row .col4, .menuzord-menu > li > .megamenu .megamenu-row .col5, .menuzord-menu > li > .megamenu .megamenu-row .col6, .menuzord-menu > li > .megamenu .megamenu-row .col7, .menuzord-menu > li > .megamenu .megamenu-row .col8, .menuzord-menu > li > .megamenu .megamenu-row .col9, .menuzord-menu > li > .megamenu .megamenu-row .col10, .menuzord-menu > li > .megamenu .megamenu-row .col11, .menuzord-menu > li > .megamenu .megamenu-row .col12 {display:block;min-height:20px;float:left;margin-left:3%} .menuzord-menu > li > .megamenu .megamenu-row [class*="col"]:first-child{margin-left:0} .menuzord-menu > li > .megamenu .megamenu-row .col1{width:5.583333333333%} .menuzord-menu > li > .megamenu .megamenu-row .col2{width:14.166666666666%} .menuzord-menu > li > .megamenu .megamenu-row .col3{width:22.75%} .menuzord-menu > li > .megamenu .megamenu-row .col4{width:31.333333333333%} .menuzord-menu > li > .megamenu .megamenu-row .col5{width:39.916666666667%} .menuzord-menu > li > .megamenu .megamenu-row .col6{width:48.5%} .menuzord-menu > li > .megamenu .megamenu-row .col7{width:57.083333333333%} .menuzord-menu > li > .megamenu .megamenu-row .col8{width:65.666666666667%} .menuzord-menu > li > .megamenu .megamenu-row .col9{width:74.25%} .menuzord-menu > li > .megamenu .megamenu-row .col10{width:82.833333333334%} .menuzord-menu > li > .megamenu .megamenu-row .col11{width:91.416666666667%} .menuzord-menu > li > .megamenu .megamenu-row .col12{width:100%} /* 9 - SHOW/HIDE BUTTON (MOBILE MODE) ======================================*/ .menuzord .showhide{width:60px;height:46px;padding:.75rem 0 0;display:none;float:right;text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent} .menuzord .showhide em{width:22px;height:4px;margin:0 20px 0;float:right;background:#414042} .menuzord .showhide em:nth-child(2) {margin-top: 4px;} .menuzord .showhide em:last-child {margin-top: 4px;} /* 10 - ICONS (parent menu items) ======================================*/ .menuzord-menu > li > a > i{margin:0 5px 0 0;font-size:18px;float:left;line-height:20px;font-family:'FontAwesome'} /* 11 - SEARCH FIELD ======================================*/ .menuzord-menu > li.search form{float:left;padding:22px 16px 17px} .menuzord-menu > li.search form input[type="text"]{width:160px;padding:5px 10px;font-family:'Open Sans',sans-serif;border:none;background:#f0f0f0;border-radius:2px;outline:0;-o-transition:width 1s ease-out;-moz-transition:width 1s ease-out;-webkit-transition:width 1s ease-out;transition:width 1s ease-out} .menuzord-menu > li.search form:hover input[type="text"]{width:160px} /* 12 - VERTICAL TABS ======================================*/ .menuzord-tabs{width:100%;float:left} .menuzord-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none} .menuzord-tabs-nav > li > a{width:100%;padding:7px 16px;float:left;font-size:18px;text-decoration:none;color:#666;border:solid 1px #f0f0f0;outline:0} .menuzord-tabs-nav li.active a, .menuzord-tabs-nav li:hover a{background:#f0f0f0} .menuzord-tabs-content{width:80%;min-height:30px;padding:20px;float:right;display:none;font-size:.75rem;border:solid 1px #f0f0f0} .menuzord-tabs-content.active{display:block} /* 13 - COLOR SCHEMES ======================================*/ /* Change the color of your site navigation links */ /* Change the hover color of your site navigation links */ /* Change the color of the animated line you see on hover */ .menuzord .menuzord-menu > li > a { color: #606060; } .menuzord .menuzord-menu > li.active > a, .menuzord .menuzord-menu > li:hover > a, .menuzord .menuzord-menu ul.dropdown li:hover > a { color: #333; } .menuzord .menuzord-menu > li:hover > a, .menuzord .menuzord-menu ul.dropdown li:hover > a {} .menuzord .logo .tacfs-logo {border: none; padding-top: 0;} .menuzord .logo .tacfs-logo img {width: 194px; height: 150px;} .menuzord .logo .tacfs-logo-small {display: none;} .menuzord .logo.small .tacfs-logo {display: none;} .menuzord .logo.small .tacfs-logo-small {display: block;} .menuzord .logo.small .tacfs-logo img {width: 194px; height: 164px;} .menuzord-menu>li.logo {border: none;} .menuzord-menu>li:nth-child(7) {padding-right: 0;} .menuzord .list-unstyled {padding: 0;} .menuzord .section-title {font-family: 'Montserrat', sans-serif; letter-spacing: 1px; font-weight: 700; color: #414042; text-transform: uppercase; font-size: 1.1rem;} .menuzord .section-description {font-family: Times, serif;; font-weight: 400; font-size: 15px; line-height: 1.75; color: #414042; white-space: normal; text-transform: none; float: left; width: 100%; margin-top: 5px;} .menuzord .dropdown-item {position: relative; display: inline-block; padding-bottom: 40px; float: left; width: 100%; line-height: 1.25;} .menuzord .dropdown-item:first-child:after {content: " "; width: 53px; border: 2px solid #e6e7e8; position: absolute; left: 0; bottom: 18px;} .menuzord .theme-button {background: #606060; border: 1px solid #484848; margin: 10px 0; float: right; } .menuzord .theme-button:hover {background: #3a3a3a; border-color: #3a3a3a;} .menuzord .theme-button:focus {color: #fff;} /* 14 - MOBILE MODE (RESPONSIVE MODE) ======================================*/ /*@media (max-width: 805px) { .menuzord-menu > li > a {padding: 10px;} }*/ /*@media (max-width: 991px) { .menuzord-responsive.menuzord{padding:0;} .menuzord-responsive .menuzord-brand{margin:8px 30px 10px 20px;font-size:20px;line-height:1.55} .menuzord-responsive .showhide{margin:0} .menuzord-responsive .menuzord-menu{width:100%;float:left!important; position: absolute; top: 85px; background: #fff; box-shadow: 2px 2px 5px 0 #ddd; -webkit-box-shadow: 2px 2px 5px 0 #ddd; -moz-box-shadow: 2px 2px 5px 0 #ddd;; z-index: 1;} .menuzord-responsive .menuzord-menu.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch} .menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix{display:block} .menuzord-responsive .menuzord-menu > li{width:100%;display:block;position:relative} .menuzord-responsive .menuzord-menu > li > a{width:100%;padding:.75rem 20px;display:block;border-bottom:solid 1px #f0f0f0} .menuzord-responsive .menuzord-menu > li:first-child > a{border-top:solid 1px #f0f0f0} .menuzord-responsive .menuzord-menu ul.dropdown,.menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown{width:100%;left:0;position:static;border:none;background:#fff;float:left;} .menuzord-responsive .menuzord-menu ul.dropdown li{position:relative} .menuzord-responsive .menuzord-menu ul.dropdown li a{border-bottom:solid 1px #f0f0f0} .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a{padding-left:40px!important} .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a{padding-left:60px!important} .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a{padding-left:80px!important} .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a{padding-left:50px!important} .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a{padding-left:70px!important} .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a{padding-left:90px!important} .menuzord-responsive .menuzord-menu li .indicator{width:60px;height:50px;position:absolute;right:0;top:0;font-size:22px;text-align:center;line-height:43px;border-left:solid 1px #ddd;} .menuzord-responsive .menuzord-menu li .indicator:hover {background:#ddd;} .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator{height:38px;right:0;top:0;font-size:18px;line-height:36px} .menuzord-responsive .menuzord-menu > li > .megamenu{width:100%!important;left:0!important;position:static;border-top:none;border-bottom:solid 1px #f0f0f0} .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*="col"]{float:none;display:block;width:100%!important;margin-left:0;margin-top:15px} .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row:first-child [class*="col"]:first-child{margin-top:0} .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row{margin-top:0} .menuzord-responsive .menuzord-menu > li.search form{width:100%;margin:4px 0;padding:10px 16px!important} .menuzord-responsive .menuzord-menu > li.search form input[type="text"]{width:100%} .menuzord-responsive .menuzord-tabs-nav{width:100%} .menuzord-responsive .menuzord-tabs-content{width:100%} }*/ .slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em;cursor:pointer} .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{margin-top:.188em} .slicknav_menu{*zoom:1} .slicknav_menu .slicknav_menutxt{font-family: 'Montserrat', sans-serif;; letter-spacing: 1px; font-weight: 700; font-size: 0.4rem; color: #414042; text-transform: uppercase; position: absolute; top: -5px;} .slicknav_menu .slicknav_icon{float:left; width: 22px; height: 22px; margin: 2px 0 0;} .slicknav_menu .slicknav_icon:before{background:transparent;width:1.125em;height:.875em;display:block;content:"";position:absolute} .slicknav_menu .slicknav_no-text{margin:0} .slicknav_menu .slicknav_icon-bar{display:block;width:22px;height:4px;background-color: #414042;transition: all 0.2s;margin-top: 2px;margin: 2px 0 0;border-radius: 0;} .slicknav_menu:before{content:" ";display:table} .slicknav_menu:after{content:" ";display:table;clear:both} .slicknav_nav{clear:both} .slicknav_nav ul{display:block} .slicknav_nav li{display:block;max-width: 750px; margin: 0 auto;padding:0;border-top: 1px solid #e6e7e8;} .slicknav_nav .slicknav_arrow{font-size:16px;margin:0;position: absolute; right: 15px;color:#606060} .slicknav_nav .slicknav_item{cursor:pointer} .slicknav_nav .slicknav_item a{display:inline} .slicknav_nav .slicknav_row{display:block} .slicknav_nav a {display:block; font-family: 'Montserrat', sans-serif;; font-size: .75rem; font-weight: 700; text-transform: uppercase; color: #004b91; position: relative;} .slicknav_nav a:hover {color: #333;} .slicknav_nav a img{margin-right: 10px; margin-bottom: 2px;} .slicknav_nav a img.home-icon{margin-right: 10px; margin-bottom: 2px;} .slicknav_nav a img.blog-icon{margin-right: 10px; margin-bottom: 2px;} .slicknav_nav a img.phone-icon{margin-right: 10px; margin-bottom: 2px;} .slicknav_nav a img.contact-icon{margin-right: 10px; margin-bottom: 2px;} .slicknav_nav .slicknav_parent-link a{display:inline} .slicknav_brand{float:left} .slicknav_menu{font-size:16px;box-sizing:border-box;background:none;padding:0;} .slicknav_menu *{box-sizing:border-box} .slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,0.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position: absolute; top: 5px; right:0;z-index: 1;} .slicknav_nav{background:#efefef;color:#fff;margin:0;padding:0;list-style:none;overflow:hidden; position: relative; z-index: 1;} .slicknav_nav ul{list-style:none;overflow:hidden;padding:0;margin:0 0 0 20px;} .slicknav_parent a {padding: 15px 0 15px 22px;} ul.slicknav_nav {max-height: 100% !important; width: 100%;} .slicknav_nav .slicknav_row{padding:15px 0 15px 22px;margin:0} .slicknav_nav .slicknav_row:hover{} .slicknav_parent.slicknav_open {border-bottom: 3px solid #004b91;} .slicknav_parent.slicknav_open .slicknav_row {background: #e6e7e8;} .slicknav_parent.slicknav_open .slicknav_item a {color: #333;} .slicknav_nav .slicknav_txtnode{margin-left:15px} .slicknav_nav .slicknav_item a{padding:0;margin:0} .slicknav_nav .slicknav_parent-link a{padding:0;margin:0} .slicknav_brand{color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px} .slicknav_nav .section-title {font-weight: 700; padding: 15px 0 15px 22px;} .slicknav_nav .input {padding: 0 20px;} .slicknav_nav .hs-search-module input[type="text"] {width: 96.5%; margin: 20px 0;} .slicknav_nav input[type="submit"] {width: 100%; margin-bottom: 20px; height: auto; padding: 0;} .slicknav_nav .child {border: none;} .slicknav_nav .child .child-link {color: #333; padding: 8px 18px;} .slicknav_menu .slicknav_menutxt:before {content: 'Menu';} .slicknav_menu .slicknav_open .slicknav_menutxt:before {content: 'Close';} .slicknav_menu .slicknav_icon-bar{ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;;} .slicknav_menu .slicknav_open .slicknav_icon-bar:first-child { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: 3% 10%; -ms-transform-origin: 3% 10%; -webkit-transform-origin: 3% 10%; } .slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(2) { opacity: 0; } .slicknav_menu .slicknav_open .slicknav_icon-bar:last-child { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform-origin: 0% 90%; -ms-transform-origin: 0% 90%; -webkit-transform-origin: 0% 90%; } .slicknav_menu {display:none;} .span12.widget-span.widget-type-cell.mobile-header {display: none;} .mobile-login-btn { color: #414042; padding: 6px 25px; border: 1px solid #898d8d; height: auto; border-radius: 30px; text-transform: uppercase; font-size: 8px; font-family: "Montserrat",sans-serif; letter-spacing: 1px; font-weight: 700; left: 10px; top: 9px; display: inline-block; z-index: 1; margin-bottom: 7px; } .span4.widget-span.widget-type-raw_html.mobile-logo { position: absolute; top: 10px; left: calc(50% - 43px); margin: 0; } .tacfs-logo-mobile img { width: 88px; height: 82px; background: #fff; } /*-----------------------------------------------------------------------------------*/ /* Footer /*-----------------------------------------------------------------------------------*/ .footer-container-wrapper {background: #094d90; color: #f2f2f2;} .span12.widget-span.widget-type-form.footer-form {background: url(//cdn2.hubspot.net/hubfs/1662436/icons/envelope.png) no-repeat 90% 0 transparent;} .footer-top {padding: 50px 0 15px 0;} .footer-top .footer-header, .footer-top .footer-links a {color: #c3e4f6; font-family: 'Montserrat', sans-serif;; letter-spacing: 1px; font-weight: 700; font-size: .78rem; line-height: 1.75; text-transform: uppercase; margin-bottom: 0; display: block; text-decoration: none; cursor: pointer;} .footer-top .footer-links a:hover {color: #fff;} .footer-top .footer-header {color: #f2f2f2; margin-bottom: 10px;} .footer-top .footer-links, .footer-top .footer-links li {padding: 0;} .footer-top .trademark {font-size: .5rem; position: relative; bottom: 3px; padding-left: 1px;} .footer-top .footer-form h3 {font-family: 'Montserrat', sans-serif;; font-size: 1.125rem; font-weight: 700; color: #fff; text-transform: uppercase; margin: 0; position: relative; z-index: 1;} /*.footer-top .footer-form h3:after {content: '\f003'; font-family: "FontAwesome"; font-size: 4rem; font-weight: 400; position: absolute; top: -22px; right: 0; margin-left: 10px; -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); color: rgba(5, 61, 114, .9); z-index: -1;}*/ .footer-top .footer-form .hs-richtext {z-index: 1; font-family: 'Prata', serif;; text-transform: none; font-size: .75rem; font-weight: bold; margin-bottom: 20px; position: relative; letter-spacing: .5px;} .footer-top .footer-form input[type="email"] {border-radius: 50px; border: 0;} .footer-top .footer-form .hs-form-field>label span.hs-form-required {display: none;} .footer-top .footer-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-family: 'Montserrat', sans-serif;; font-weight: 700; color: #a9a9ae; text-align: left; text-transform: uppercase;} .footer-top .footer-form ::-moz-placeholder { /* Firefox 19+ */font-family: 'Montserrat', sans-serif;; font-weight: 700; color: #a9a9ae; text-align: left; text-transform: uppercase;} .footer-top .footer-form :-ms-input-placeholder { /* IE 10+ */font-family: 'Montserrat', sans-serif;; font-weight: 700; color: #a9a9ae; text-align: left; text-transform: uppercase;} .footer-top .footer-form :-moz-placeholder { /* Firefox 18- */font-family: 'Montserrat', sans-serif;; font-weight: 700; color: #a9a9ae; text-align: left; text-transform: uppercase;} .footer-top .footer-form .hs-error-msgs.inputs-list {font-size: .65rem;} .footer-top .footer-form .hs-button.primary.large {background: #063159; width: auto; border: none; height: 44px; border-radius: 50px; font-size: .875rem; font-weight: 700; padding: 0px 55px; margin-top: 0; font-family: 'Montserrat', sans-serif;;} .footer-top .footer-form .hs-button.primary.large:hover {background: #fff; color: #063159 !important;} .footer-top .theme-button.drk-blue {font-size: .875rem !important; font-weight: 700; margin: 30px 0 15px; color: #fff; width: auto; padding: 13px 45px;} .footer-top .theme-button.drk-blue:hover {text-decoration: none; background: #fff; color: #063159 !important;} .footer-top .footer-separator:after {content: ''; display: block; height: 4px; width: 55px; background: #063159; float: left; margin: 0 0 20px;} .footer-top .footer-separator.full:after {width: 100%; height: 5px; margin: 35px 0 5px;} .footer-top .social-sharing {padding: 0 0 0 10px; text-align: left;} .footer-top .social-sharing a {margin-right: 10px; font-size: 1.5rem;} .footer-top .social-sharing a:hover {color: #dcdcdc;} .footer-top .social-sharing a:last-child {margin: 0;} .footer-container-wrapper .footer-bottom {background: #063159; padding: 2.75em 0; font-family: 'Montserrat', sans-serif;; text-transform: uppercase; font-size: .75rem;} .footer-bottom a {color: #c3e4f6;} .footer-bottom a:hover {color: #fff; text-decoration: none;} /*.footer-bottom a:after {content: '|'; display: inline-block; padding: 0 20px 0 25px; color: #fff;}*/ .footer-bottom .copyright ul {margin: 0; padding: 0; color: #fff;} .footer-bottom .copyright ul li {font-weight: 700; display: inline-block; padding: 5px 10px; font-size: .74rem; border-left: 1px solid #fff; line-height: 1.125;} .footer-bottom .copyright ul li:first-child {border: none; padding-left: 0;} .footer-bottom .cfp-disclaimer {font-family: Times, serif;; color: #c3e4f6; font-weight: bold; text-transform: none;} .span12.widget-span.widget-type-rich_text.page-center.cfp-disclaimer {margin: 40px auto 80px;} .footer-top .social-sharing a:before {display: none !important;} @media (max-width: 882px) { .footer-top .theme-button.drk-blue, .footer-top .footer-form .hs-button.primary.large {padding: 13px 35px;} } @media (max-width: 767px) { .span12.widget-span.widget-type-cell.footer-top.page-center {padding: 1.5rem 0 0;} .footer-top .footer-links, .footer-top .footer-col-1 .footer-separator:after, .footer-top .footer-col-2 .footer-separator:after, .footer-top .footer-col-3 .footer-separator:after {display: none;} .footer-container-wrapper .footer-top {padding: 2.5rem 0 1.25rem; } .footer-top .row-fluid {display: table;} .footer-top .mobile-top {display: table-header-group;} .footer-top .mobile-bottom {display: table-footer-group;} .footer-top .footer-header {margin-bottom: 23px;} .footer-top .footer-col3 .footer-header:last-child {margin-bottom: 0;} .footer-top .social-sharing {text-align: center; padding: 4px 0; background: #063159; margin-top: 20px;} .footer-top .theme-button.drk-blue {margin: 25px 0; padding: 13px 25px; font-size: .75rem !important;} .footer-top .footer-form .hs-button.primary.large {padding: 0 25px;} .footer-top .footer-separator.full:after {display: none; margin: 30px 0 5px;} .footer-top .footer-col-4 {display: table; width: 100%;} .footer-top .row-fluid-wrapper.row-depth-2.row-number-1 {display: table-header-group;} .footer-top .row-fluid-wrapper.row-depth-2.row-number-2 {display: table-footer-group;} .footer-top .row-fluid-wrapper.row-depth-2.row-number-3 {display: table-cell;} .footer-top .footer-col-4 .contact-us .theme-button.drk-blue {margin-bottom: 0;} .footer-top .span12.widget-span.widget-type-rich_text.contact-us.footer-separator.full:after {display: block; margin-bottom: 20px;} .footer-top .footer-col-1, .footer-top .footer-col-2, .footer-top .footer-col-3, .footer-top .footer-col-4 .contact-us, .footer-top .footer-col-4 .footer-form {padding: 0 20px;} .footer-top .footer-form h3 {font-size: .75rem; margin-bottom: 5px;} .footer-top .footer-form .hs-richtext {margin-bottom: 15px;} .footer-top .footer-form input[type="email"] {margin-bottom: 10px;} .footer-top .footer-form .hs-button.primary.large {padding: 0 35px; font-size: .75rem;} .footer-container-wrapper .footer-bottom {padding: 1rem 0;} .footer-bottom .copyright ul li:last-child {border: none;} .footer-bottom a:hover {text-decoration: none;} .span12.widget-span.widget-type-rich_text.page-center.copyright {padding: 0;} .footer-bottom .copyright ul {text-align: center; margin: 0; padding: 0;} .footer-bottom .cfp-disclaimer {text-align: center;} .span12.widget-span.widget-type-rich_text.page-center.cfp-disclaimer {margin: 15px auto;} } /*-----------------------------------------------------------------------------------*/ /* $Page Title /*-----------------------------------------------------------------------------------*/ .page-title{ margin-top: 0; margin-bottom: 40px; } .page-title-bg-image{ background-size:cover; background-repeat: no-repeat; background-position: center; } .page-title.page-title-bg-image { min-height: 365px; position: relative; } .page-title-overlay { background: rgba(0, 0, 0, .2); width: 100%; position: absolute; width: 100%; height: 100%; } .page-title .page-title-heading { min-height: 365px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; float: none; padding-top: 50px; } .title-h1 h1{ /* position: absolute; top: 30%; */ margin: 0; font-family: 'Prata', serif;; font-size: 2.5rem; font-weight: 300; color: rgba (255, 255, 255, .80); text-transform: none; line-height: 3.125rem; text-shadow: 0px 0px 72.2px rgba(0, 0, 0, 0.67); width: 50%; position: relative; } @media only screen and (max-width: 1020px) { .page-title .page-title-heading .title-h1 h1 {width: 75%; top: 35%; } } @media only screen and (max-width: 839px) { .hs-search-module input[type="text"] {width: 75%;} } @media only screen and (max-width: 767px) { .page-title {margin-bottom: 0;} .page-title.background-image {padding: 10% 0; min-height: inherit;} .page-title .page-title-heading {margin: 0; min-height: inherit; max-width: 100%} .page-title .page-title-heading .title-h1 h1{padding:100px 0;} } @media only screen and (max-width: 645px){ .page-title .page-title-heading .title-h1 h1 {font-size: 2.25rem;} } @media only screen and (max-width: 600px){ .page-title .page-title-heading .title-h1 h1 { position: static; width: 100%; text-align: center; } } @media only screen and (max-width: 572px){ .hs-search-module input[type="text"] {width: 70%;} .hs-search-module input[type="submit"] {width: 23%;} } @media only screen and (max-width: 496px){ .hs-search-module input[type="text"] {width: 65%;} .hs-search-module input[type="submit"] {width: 27%;} } @media only screen and (max-width: 480px){ .page-title .page-title-heading .title-h1 h1{font-size: 1.75rem; } .page-title.page-title-bg-image {min-height: 156px;} } @media only screen and (max-width: 439px){ .hs-search-module input[type="text"] {width: 60%;} .hs-search-module input[type="submit"] {width: 31%;} } /*-----------------------------------------------------------------------------------*/ /* Forms /*-----------------------------------------------------------------------------------*/ /* All Global Forms ========================================================================== */ /* Form Field */ body .hs-form-field {position: relative;} /* Descriptions */ body .hs-field-desc {} /* Labels */ body label {} body .hs-form-field > label {position: absolute; top:5px; left: 10px; color: #606060;} body .hs-form-field > label span:first-child{display: none;} body .hs-form-field > label span.hs-form-required{color: #606060; font-size: .75rem;} /* One Line Inputs */ .input { padding-right: 35px; } 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%; text-transform: none; font-family: 'Montserrat', sans-serif;; font-size: .75rem; border-radius: 50px; border: 3px solid #ebebeb; padding: 15px; color: #606060; } 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: #094d90; box-shadow: none; } /* Separate Styles for Multiple Line Inputs */ body textarea {} body textarea:focus {} /* Separate Styles for Drop Downs */ body select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; background-position: 95% 50%; background-repeat:no-repeat; background-image:url(//cdn2.hubspot.net/hubfs/1662436/icons/blog-category-down-arrow.png); } body select:focus {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; margin: -10px 5px 10px; } ul.hs-error-msgs.inputs-list li { margin: -20px 0 0 0; display: inline-block; text-indent: inherit; padding: 0; font-size: .75rem; } ul.hs-error-msgs.inputs-list li:before {display: none;} body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {height: .75rem; margin-right: 10px;} li.hs-form-checkbox:before {display: none;} /* 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: 2px solid #b2354f !important; } body .hs-input.error::-webkit-input-placeholder { color: #b2354f; } body .hs-input.error::-moz-placeholder { color: #b2354f; } body .hs-input.error:-ms-input-placeholder { color: #b2354f; } body .hs-input.error:-moz-placeholder { color: #b2354f; } body .hs-form-booleancheckbox:before {display: none;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: 'Montserrat', sans-serif;; font-size: .675rem; font-weight: 700; color: #a9a9ae; text-align: left; text-transform: none; } ::-moz-placeholder { /* Firefox 19+ */ font-family: 'Montserrat', sans-serif;; font-size: .675rem; font-weight: 700; color: #a9a9ae; text-align: left; text-transform: none; } :-ms-input-placeholder { /* IE 10+ */ font-family: 'Montserrat', sans-serif;; font-size: .675rem; font-weight: 700; color: #a9a9ae; text-align: left; text-transform: none; } :-moz-placeholder { /* Firefox 18- */ font-family: 'Montserrat', sans-serif;; font-size: .675rem; font-weight: 700; color: #a9a9ae; text-align: left; text-transform: none; } /* Button */ body .hs-button.primary.large { background: #b2354f ; width: auto; border: none; border-radius: 50px; font-size: .75rem; font-weight: 700; padding: 0px 55px; font-family: 'Montserrat', sans-serif;; } body .hs-button.primary.large:hover { background: #8d1b28; border-radius: 50px; } /* 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"] {} .body-container-wrapper ul li.hs-form-radio::before { display: none; } .hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li.hs-form-radio input { width: auto; margin-right: 10px; } /*-----------------------------------------------------------------------------------*/ /* Landing Page Template /*-----------------------------------------------------------------------------------*/ /* Add to Calendar */ .atc-style-blue .atcb-link, .atc-style-blue .atcb-link:active, .atc-style-blue .atcb-link:focus { margin: 0 !important; background: #b2354f !important; border: none !important; border-radius: 50px !important; font-size: .75rem !important; font-weight: 700 !important; padding: 15px 35px !important; font-family: 'Montserrat', sans-serif; !important; letter-spacing: 1px !important; -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;; color: #fff !important; text-transform: uppercase !important; } .atc-style-blue .atcb-link:hover { background: #8d1b28 !important; color: #fff; border: none; } li.atcb-item:before { display: none !important; } .atc-style-blue .atcb-list { box-shadow: none !important; width: 100% !important; padding: 35px 10px 10px !important; position: relative; bottom: 25px; background: none !important; border: 2px solid #b2354f !important; border-top: none !important; border-radius: 0 0 8px 8px !important; } .atc-style-blue .atcb-list, .atc-style-blue .atcb-item, .atc-style-blue .atcb-item-link { color: #414042 !important; font-family: 'Montserrat', sans-serif; !important; } .atc-style-blue .atcb-item-link, .atc-style-blue .atcb-item-link:hover, .atc-style-blue .atcb-item-link:active, .atc-style-blue .atcb-item-link:focus { font-family: 'Montserrat', sans-serif; !important; } .atc-style-blue .atcb-item.hover, .atc-style-blue .atcb-item:hover, .atc-style-blue .atcb-item-link:hover { background: none !important; color: #8d1b28 !important; } /* Header For Landing Pages /*-----------------------------------------------------------------------------------*/ .lp .top-bar {background: #063159; padding: 5px 30px; margin-bottom: 15px;} .lp .top-bar .phone {text-align: right;} .lp .top-bar .phone a {color: #d7dce0; text-decoration: none; font-family: 'Montserrat', sans-serif;;} .lp .top-bar .phone a:before {font-family: "FontAwesome"; content: '\f095'; font-size: 18px; padding-right: 5px; position: relative; top: 2px;} /*.lp .header-container-wrapper {border-top: 20px solid #063159;}*/ .lp .header-container {padding: 0 0 15px; text-align: center;} .lp .page-title.page-title-bg-image {padding-bottom: 100px;} .lp .title-h1 h1 {font-family: 'Montserrat', sans-serif;; text-transform: uppercase; font-weight: 700; width: 75%;} .lp #logo {padding: 0;} .lp h3, .thank-you h3 {font-family: 'Prata', serif;;} .lp.new-header .page-title.page-title-bg-image {min-height: 350px; background: #ecf0f3; background-repeat: no-repeat; background-position: top center; background-size: contain;} .thank-you.new-header .page-title.page-title-bg-image {min-height: 350px; background: #ecf0f3; background-repeat: no-repeat; background-position: top center; background-size: contain;} .lp.new-header .span12.widget-span.widget-type-rich_text.page-center.cfp-disclaimer {margin: 10px auto 10px;} .lp.new-header .span12.widget-span.widget-type-rich_text.page-center.cfp-disclaimer ul {margin: 0; padding: 0;} .lp.new-header .span12.widget-span.widget-type-rich_text.page-center.cfp-disclaimer ul li {padding: 0;} @media (max-width: 767px) { .lp.new-header .page-title.page-title-bg-image {min-height: 275px; background-size: cover; background-repeat: no-repeat; background-position: top right;} .thank-you.new-header .page-title.page-title-bg-image {min-height: 275px; background-size: cover; background-repeat: no-repeat; background-position: right center;} } @media (max-width: 480px) { .lp.new-header .page-title.page-title-bg-image {min-height: 150px; background-size: cover; background-repeat: no-repeat; background-position: center;} .thank-you.new-header .page-title.page-title-bg-image {min-height: 150px; background-size: cover; background-repeat: no-repeat; background-position: top center;} .lp .top-bar .phone {text-align: center;} } @media (max-width: 380px) { .lp.new-header .page-title.page-title-bg-image {min-height: 130px; background-size: contain; background-repeat: no-repeat; background-position: center;} .thank-you.new-header .page-title.page-title-bg-image {min-height: 130px; background-size: contain; background-repeat: no-repeat; background-position: center;} } /* Footer For Landing Pages /*-----------------------------------------------------------------------------------*/ .lp .footer-container-wrapper {background: #094d90; padding: 0; border: none;} .lp .footer-container-wrapper .footer-top {background: #094d90; padding: 2.5em 0 3.25em;} .lp .footer-top a {font-family: 'Montserrat', sans-serif;;text-transform: uppercase; font-weight: 700; margin-bottom: 5px; font-size: .875rem;} .lp .footer-top a:hover {cursor: pointer;} .lp .footer-top .footer-separator:after {content: ''; display: block; height: 5px; width: 55px; background: #053d72; float: left; margin-top: 30px;} .lp .footer-top .footer-separator.full:after {width: 100%; margin-top: 15px;} .lp .footer-top .social-sharing {text-align: left; padding: 0;} .lp .footer-top .social-sharing a {margin-right: 10px; font-size: 1.5rem;} .lp .footer-top .social-sharing a:last-child {margin: 0;} .lp .footer-container-wrapper .footer-bottom {background: #063159; padding: 2em 0; font-family: 'Montserrat', sans-serif;; text-transform: uppercase; font-size: .75rem;} .lp .footer-bottom a:after {content: '|'; display: inline-block; padding: 0 20px 0 25px} .lp .footer-bottom .copyright ul {margin: 0; padding: 0;} .lp .footer-bottom .copyright ul li {display: inline-block; padding: 0;} .hs_what_areas_are_you_interested_in_learning_more_about_.field.hs-form-field.smart-field .hs-form-field>label { } input[name="honeypot"] { position: absolute; bottom: 0; margin-left: -50000px; } /* Landing Page CTA ------------------------------------------------------------ */ /*.lp-cta img {-webkit-box-shadow: 0px 0px 10px 3px rgba(214,214,214,1); -moz-box-shadow: 0px 0px 10px 3px rgba(214,214,214,1); box-shadow: 0px 0px 10px 3px rgba(214,214,214,1);}*/ /* Landing Page Form ------------------------------------------------------------ */ .lp .form-right {border: 5px solid #ebebeb; padding: 30px; margin-top: -100px; background: #fff; position: relative;} .lp.new-header .form-right {margin-top: 35px;} .lp .form-right h3 {font-family: 'Montserrat', sans-serif;; font-weight: 700; font-size: 1.25rem; line-height: 1.25; color: #414042; text-transform: uppercase; margin: 0;} .lp .form-right h3:after {content: ''; display: block; background: #ebebeb; width: 100%; height: 5px; margin: 30px 0 35px;} .lp .hs_hs_persona.field.hs-form-field.smart-field label span.hs-form-required {position: absolute; top: 35px;} .lp .hs_hs_persona.field.hs-form-field.smart-field ul.inputs-list {margin-bottom: 20px;} /* Landing Page Social Share ------------------------------------------------------------ */ .social-share-wrap {width: 100%;} .social-share-wrap img {display: none;} .social-sharing {text-align: center; padding: 45px 0;} .social-share-wrap .social-share-text {font-size: .875rem; font-family: 'Montserrat', sans-serif;; font-weight: 700; text-align: center; margin-right: 20px; text-transform: uppercase;} .social-share-wrap .social-share-text:after {content: ''; display: block; background: #ebebeb; width: 100%; max-width: 55px; height: 5px; margin: 30px auto 0;} .social-sharing a {width: 35px !important; margin-right: 5px; display: inline-block; color: #fff;} .social-sharing a:last-child {margin: 0;} .social-sharing a:before { font-family: 'FontAwesome'; font-size: 1rem; line-height: 2.25; text-decoration: none; color: #fff; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; border: 1px solid; border-radius: 0; width: 35px; height: 35px; 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;; background: none; } .social-sharing a[href*="facebook"]:before {content: "\f09a"; background: #3b5998;} .social-sharing a[href*="rss"]:before {content: "\f09e"; background: #ff6600;} .social-sharing a[href*="twitter"]:before {content: "\f099"; background: #55acee;} .social-sharing a[href*="linkedin"]:before {content: "\f0e1"; background: #007bb5;} .social-sharing a[href*="plus.google"]:before {content: "\f0d5"; background: #dd4b39;} .social-sharing a[href*="pinterest"]:before {content: "\f0d2"; background: #cb2027;} .social-sharing a[href*="email"]:before {content: "\f0e0"; background: #777;} .social-sharing a:hover:before {border: none;} /*-----------------------------------------------------------------------------------*/ /* Thank You Page Template /*-----------------------------------------------------------------------------------*/ .thank-you .title-h1 h1 {font-family: 'Montserrat', sans-serif;; text-transform: uppercase; font-weight: 700; width: 75%;} /* RSS Feed */ .thank-you .blog-row h2 {text-transform: uppercase; font-size: 2.5rem;} .thank-you .hs-rss-item.hs-with-featured-image {position: relative; margin-right: 3%; width: 31.25%; display: flex; flex-direction: column-reverse; float: left; -webkit-box-shadow: 0 0 5px 0 rgba(20,20,21,0.2); -moz-box-shadow: 0 0 5px 0 rgba(20,20,21,0.2); box-shadow: 0 0 5px 0 rgba(20,20,21,0.2); margin-bottom: 2.13%;} .thank-you .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {display: flex; display: -webkit-flex; margin-bottom: 30px; max-height: 200px; object-fit: cover;} .thank-you .hs-rss-item.hs-with-featured-image:nth-child(3) {margin-right: 0;} .thank-you .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {width: 100%; display: flex; display: -webkit-flex;} .thank-you .hs-rss-item.hs-with-featured-image .hs-rss-item-text {width: 100%; padding: 0 30px; flex-grow: 1; line-height: 1.5; } .thank-you .hs-rss-title {font-size: 1rem; line-height: 1; color: #414042; text-transform: uppercase; font-family: 'Montserrat', sans-serif;; font-weight: 700;} body.thank-you .hs-rss-title:hover {color: #b2354f;} .thank-you .hs-rss-module.feedreader_box {display: flex; display: -webkit-flex;} .thank-you .hs-rss-description {margin-top: 20px; height: 260px; overflow: hidden; line-height: 2.25;} .thank-you .hs-rss-description p {height: 150px; overflow: hidden;} .thank-you .blog-title {padding-bottom: 0;} .thank-you .hs-rss-description a { background: #b2354f; border: none; border-radius: 50px; height: 46px; font-family: 'Montserrat', sans-serif;; line-height: 46px; padding: 0px 55px; letter-spacing: 1px; display: inline-block; font-size: .75rem; font-weight: 700; color: #fff; text-align: center; margin: 5px; text-decoration: none; text-transform: uppercase; outline: 0; -webkit-appearance: none; cursor: pointer; outline: 0; transition: .4s ease; margin: 30px 0; position: absolute; bottom: 0; left: 30px; } .thank-you .hs-rss-description a:hover { background: #8d1b28; color: #fff; border: none; } .thank-you .hs-rss-description a:focus {color: #fff;} @media (max-width: 767px) { .lp .form-right {margin-top: 0;} .thank-you .hs-rss-module.feedreader_box {display: block;} .thank-you .hs-rss-item.hs-with-featured-image {margin-right: 0; width: 100%;} .thank-you .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {max-height: 300px;} } @media (max-width: 545px) { .thank-you .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {max-height: 200px;} } a#cta_button_1662436_b7083f41-0188-432d-a5e6-3f65ce56ef96 {background: #b2354f; font-family: ; line-height: 2.25; padding: 10px 25px; margin: 0; display: inline-block; font-size: 18px; color: #fff; text-align: center; margin: 10px 0 0; text-decoration: none; outline: 0; -webkit-appearance: none; cursor: pointer; outline: 0; border: solid 0; border-radius: 4px; transition: .4s ease; box-shadow: none; text-shadow: none; text-transform: uppercase; } @media (max-width: 613px) { body.lp.designations .hs_student_status.field.hs-form-field label {top: 84px;} } /*-----------------------------------------------------------------------------------*/ /* Marketing Project Request LP /*-----------------------------------------------------------------------------------*/ .marketing-project-request .title-h1 h1 {color: #fff;} .marketing-project-request p {margin-bottom: 0; line-height: 1.5;} .marketing-project-request h3 {font-family: 'Prata', serif;; margin: 0 0 5px;} .marketing-project-request .intro .span6:first-child {margin-bottom: 25px;} .marketing-project-request .intro .span6:last-child:before {content: ''; display: inline-block; background: #b2354f ; width: 5px; height: 90px; float: left; position: relative; top: 3px;} .marketing-project-request .intro .span6:last-child p, .marketing-project-request .intro .span6:last-child h3 {margin-left: 23px;} .marketing-project-request .hs-form-field>label span:first-child {display: block !important; font-family: 'Montserrat', sans-serif;; font-weight: 700; font-size: 14px; text-transform: uppercase;} .marketing-project-request .hs-form-field>label {position: relative; top: 0;} .marketing-project-request .hs-form-field>label span.hs-form-required {position: absolute; top: 40px; left: 5px;} .marketing-project-request .hs-form fieldset.form-columns-1 label span:first-child {display: none !important;} .marketing-project-request .hs-form fieldset.form-columns-1 label span.hs-form-required {position: relative; top: 46px; left: 10px; z-index: 1;} .marketing-project-request .hs-richtext {float: left; width: 49%; font-family: Times, serif;; position: relative; padding:0 20px 0 10px;} .marketing-project-request .hs-richtext p {line-height: 1.875;} .marketing-project-request .hs-richtext h5 {font-family: 'Montserrat', sans-serif;; font-weight: 700; font-size: 14px; text-transform: uppercase; margin-bottom: 15px;} .marketing-project-request form.hs-form fieldset[class*="form-columns"] .hs-input {margin-bottom: 16px; width: 95%; padding: 15px 25px; text-transform: none;} .marketing-project-request .hs-form fieldset.form-columns-1 .input {float: right; width: 50%; position: relative; top: 8px; right: 0; margin-bottom: 0;} .marketing-project-request textarea {min-height: 175px; border-radius: 25px; margin-bottom: 0 !important; width: 95%; padding: 15px 25px;} .marketing-project-request .hs_social_media.field.hs-form-field label span.hs-form-required, .marketing-project-request .hs_meeting_requested.field.hs-form-field label span.hs-form-required, .marketing-project-request .hs_is_this_a_video_related_project.field.hs-form-field label span.hs-form-required, .marketing-project-request .hs_is_this_a_web_related_project.field.hs-form-field label span.hs-form-required, .marketing-project-request .hs_has_a_senior_leader_reviewed_this_request.field.hs-form-field label span.hs-form-required {display: none !important;} .marketing-project-request form.hs-form .hs-form-field ul.inputs-list {display: inline-block; margin: 8px 0 0;} .marketing-project-request form.hs-form .hs-form-field ul.inputs-list li {float: left; font-family: 'Montserrat', sans-serif;; font-size: 12px;} .marketing-project-request form.hs-form .hs-form-field ul.inputs-list li:before {display: none; text-indent: 0;} .marketing-project-request input[type="radio"] {width: auto !important; margin-right: 5px;} .marketing-project-request form.hs-form .hs-form-field ul.inputs-list li.hs-form-radio {margin-right: 20px; padding-left: 1.25em; text-transform: uppercase;} .marketing-project-request input[type="checkbox"] {height: .875rem;} .marketing-project-request form.hs-form .hs-form-field ul.inputs-list li.hs-form-checkbox {margin-right: 10px; text-transform: uppercase;} .marketing-project-request .hs_social_media.field.hs-form-field .input {padding-right: 0; top: 20px;} .marketing-project-request .hs_attachments.field.hs-form-field .input {} .marketing-project-request .hs_attachments.field.hs-form-field .input .hs-input {} .marketing-project-request input[type="file"] {border: none;} .marketing-project-request .hs_lists.field.hs-form-field .input {margin-top: 35px;} .marketing-project-request .hs_creative_details.field.hs-form-field .input {top: -15px;} .marketing-project-request .hs_creative_details.field.hs-form-field span.hs-form-required {top: 80px;} .marketing-project-request .hs_creative_details_sizes_specs_etc_.field.hs-form-field .input {margin-top: -28px;} .marketing-project-request .hs_creative_details_sizes_specs_etc_.field.hs-form-field label span.hs-form-required {display: none !important;} .marketing-project-request .hs_target_audiences.field.hs-form-field textarea, .marketing-project-request .hs_lists.field.hs-form-field textarea {min-height: 100px;} .marketing-project-request .hs_submit {text-align: center; margin-top: 30px;} .marketing-project-request .mp-request-form h3:after {display: none;} .marketing-project-request .mp-request-form {padding: 30px 25px 48px ; margin-bottom: 80px; border: 5px solid #ebebeb;} .marketing-project-request fieldset.form-columns-1:nth-child(5):before {content: ''; display: block; background: #eee; width: 100%; max-width: 98%; height: 1px; margin: 23px auto 20px;} .marketing-project-request .hs-form fieldset.form-columns-2 ul.hs-error-msgs.inputs-list {display: inline-block !important; width: 100%; float: left; padding-left: 10px; margin: 10px 0;} .marketing-project-request ul.hs-error-msgs.inputs-list label {display: block; color: #b2354f ; font-size: 14px; font-family: Times, serif;;} .marketing-project-request .hs-form fieldset.form-columns-1 ul.hs-error-msgs.inputs-list {padding-left: 10px; position: relative; top: 30px; margin-bottom: 35px;} .marketing-project-request .hs_social_media.field.hs-form-field ul.hs-error-msgs.inputs-list {width: 100%; float: left;} .marketing-project-request .hs_creative_details.field.hs-form-field ul.hs-error-msgs.inputs-list {display: none !important;} .marketing-project-request .hs_creative_details_sizes_specs_etc_.field.hs-form-field ul.hs-error-msgs.inputs-list {margin: 0;} .marketing-project-request .hs_attachments.field.hs-form-field label, .marketing-project-request .hs_attachment_2.field.hs-form-field label, .marketing-project-request .hs_attachment_3.field.hs-form-field label, .marketing-project-request .hs_attachment_4.field.hs-form-field label, .marketing-project-request .hs_attachment_5.field.hs-form-field label, .marketing-project-request .hs_attachment_6.field.hs-form-field label {display: none;} .marketing-project-request .hs_attachments.field.hs-form-field, .marketing-project-request .hs_attachment_2.field.hs-form-field, .marketing-project-request .hs_attachment_3.field.hs-form-field, .marketing-project-request .hs_attachment_4.field.hs-form-field, .marketing-project-request .hs_attachment_5.field.hs-form-field, .marketing-project-request .hs_attachment_6.field.hs-form-field {width: 25%; float: left;} .marketing-project-request .hs_attachments.field.hs-form-field .input, .marketing-project-request .hs_attachment_2.field.hs-form-field .input { position: relative; top: 50px; padding: 15px 0;} .marketing-project-request .hs_attachment_3.field.hs-form-field .input, .marketing-project-request .hs_attachment_4.field.hs-form-field .input, .marketing-project-request .hs_attachment_5.field.hs-form-field .input, .marketing-project-request .hs_attachment_6.field.hs-form-field .input { position: relative; bottom: 20px; margin-bottom: 3px;} .marketing-project-request .hs_attachments.field.hs-form-field .hs-input, .marketing-project-request .hs_attachment_2.field.hs-form-field .hs-input, .marketing-project-request .hs_attachment_3.field.hs-form-field .hs-input, .marketing-project-request .hs_attachment_4.field.hs-form-field .hs-input, .marketing-project-request .hs_attachment_5.field.hs-form-field .hs-input, .marketing-project-request .hs_attachment_6.field.hs-form-field .hs-input { padding: 10px 15px; margin-bottom: 0; background: none;} @media only screen and (max-width: 767px) { .marketing-project-request .intro .span6:last-child:before {left: -20px;} .marketing-project-request .intro .span6:last-child p, .marketing-project-request .intro .span6:last-child h3 {margin-left: 0;} .marketing-project-request .mp-request-form {padding: 30px 26px;} .marketing-project-request .hs-richtext, .marketing-project-request .hs-form fieldset.form-columns-1 .input {float: none; width: 100%; top: 0px;} .marketing-project-request .hs_attachments.field.hs-form-field .input, .marketing-project-request .hs_attachment_2.field.hs-form-field .input {top: 0;} .marketing-project-request .hs_attachments.field.hs-form-field, .marketing-project-request .hs_attachment_2.field.hs-form-field, .marketing-project-request .hs_attachment_3.field.hs-form-field, .marketing-project-request .hs_attachment_4.field.hs-form-field, .marketing-project-request .hs_attachment_5.field.hs-form-field, .marketing-project-request .hs_attachment_6.field.hs-form-field {width: 50%; float: left;} .marketing-project-request .hs_creative_details_sizes_specs_etc_.field.hs-form-field .input {margin-top: -15px;} .marketing-project-request .hs_creative_details.field.hs-form-field span.hs-form-required {top: 85px;} .marketing-project-request .hs_social_media.field.hs-form-field .input {top: 0;} .marketing-project-request fieldset.form-columns-1:nth-child(5):before {margin: 23px auto 35px;} .marketing-project-request .hs_social_media.field.hs-form-field ul.hs-error-msgs.inputs-list {top: 0;} } @media only screen and (max-width: 700px) { .marketing-project-request .hs-form fieldset.form-columns-2 .hs-form-field {width: 100%; float: none;} .marketing-project-request .hs_attachments.field.hs-form-field .input, .marketing-project-request .hs_attachment_2.field.hs-form-field .input { padding: 0;} .marketing-project-request .hs_attachment_3.field.hs-form-field .input, .marketing-project-request .hs_attachment_4.field.hs-form-field .input { bottom: 35px;} .marketing-project-request .hs_attachment_5.field.hs-form-field .input, .marketing-project-request .hs_attachment_6.field.hs-form-field .input { bottom: 70px;} .marketing-project-request .hs_attachments.field.hs-form-field .hs-input {margin-top: 10px;} .marketing-project-request .hs_attachments.field.hs-form-field .hs-input, .marketing-project-request .hs_attachment_2.field.hs-form-field .hs-input, .marketing-project-request .hs_attachment_3.field.hs-form-field .hs-input, .marketing-project-request .hs_attachment_4.field.hs-form-field .hs-input, .marketing-project-request .hs_attachment_5.field.hs-form-field .hs-input, .marketing-project-request .hs_attachment_6.field.hs-form-field .hs-input { margin-bottom: 20px;} .marketing-project-request .hs_submit {margin-top: -70px; position: relative; z-index: 1; } } /*-----------------------------------------------------------------------------------*/ /* African American Scholarship Landing Page /*-----------------------------------------------------------------------------------*/ .aa-scholarship .header-container-wrapper { border-top: 8px solid #063159; } .aa-scholarship .header-container { padding: 0; } .aa-scholarship { line-height: 1.5 !important; } .aa-scholarship .title-h1 { margin: 4rem auto !important; } .aa-scholarship .title-h1 h1 { width: 68%; margin-left: 50px; font-size: 3rem; position: relative; } .aa--advisor--intro--wrap .row-fluid [class*="span"] { margin-left: 0; } .aa--advisor--intro { margin-top: -120px; background: #fff; padding: 48px 68px; position: relative; } .aa__advisor__intro__text h3 { margin-top: 0; line-height: 1.25; } .aa__advisor__intro__text:before { display: block; background: #b2354f ; width: 4px; height: 35px; content: ''; float: left; position: relative; right: 15px; margin-left: -3px; } .aa--advisor--stat--callout { padding-top: 17px; } .aa--advisor--stat--callout p { font-size: 1rem; font-family: 'Prata', serif;; } p.aa__advisor__stat__callout__only { font-size: 1.125rem; font-family: 'Montserrat', sans-serif;; font-weight: 700; text-transform: uppercase; margin-bottom: 0; } .aa__advisor__stat__callout__percentage { color: #b2354f ; font-size: 4.5rem; font-family: 'Montserrat', sans-serif;; font-weight: 700; line-height: .975; margin: 0; } .aa__advisor__image__row .row-fluid [class*="span"] { margin-left: 0; } .aa__advisor__image__row { background: -moz-linear-gradient(180deg, #fff 65%, #efefef 35%); background: -webkit-linear-gradient(180deg, #fff 65%, #efefef 35%); background: linear-gradient(180deg, #fff 65%, #efefef 35%); } .aa__advisor__image__row .row-fluid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .aa__advisor_image__row .row-fluid .span5 { margin-left: 0; } .aa__advisor__image__row__right.span5 { position: relative; } .aa__advisor__image__row__right.span5 img { position: absolute; bottom: 0; left: 0; } .how--can--you--help { background: #efefef; } .page-center.how--can--you--help--content { max-width: 48rem !important; } .organizations--involved--wrap { background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 400px; } .organizations--involved.page-center { max-width: 55rem !important; } .organizations--involved--content h3 { font-family: 'Montserrat', sans-serif;; font-size: 2.125rem; font-weight: 700; text-transform: uppercase; margin-bottom: 0; margin-top: 0; } .organizations--involved--content p { margin-bottom: 0; } .apply--now--cta--wrap { background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 275px; border-bottom: 5px solid #ebebeb; } .aa--scholarship--form form { position: relative; } .aa--scholarship--form h3 { font-family: 'Montserrat', sans-serif;; font-weight: 700; font-size: 1.250; text-transform: uppercase; } .aa--scholarship--form .hs-form-field { width: 48%; } .aa--scholarship--form .hs-field-desc { font-family: 'Montserrat', sans-serif;; font-weight: 700; font-size: .875rem; text-transform: uppercase; } .aa--scholarship--form .hs_let_us_know_how_you_d_like_to_help.field.hs-form-field { width: 48%; float: right; position: absolute; top: 0; right: 0; } .aa--scholarship--form textarea { height: 290px; border-radius: 25px; } .aa--scholarship--form .hs-form-field > label { top: 30px; left: 10px; } .aa--scholarship--form .hs_submit { position: absolute; bottom: 23px; right: 0; } .aa-scholarship .footer-container-wrapper .footer-bottom { border-top: 5px solid #ebebeb; } #aa--scholarship--logo--slider { position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 5em; margin: auto; overflow: hidden; } #aa--scholarship--logo--slider .arrow { cursor: pointer; position: absolute; width: 30px; height: 30px; padding: 0; margin: 0; outline: 0; background: transparent; border: 2px solid #fff; border-radius: 100%; top: 35%; } #aa--scholarship--logo--slider .arrow:hover { background: rgba(0, 0, 0, 0.1); } #aa--scholarship--logo--slider .arrow:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 0.75em; height: 0.75em; margin: auto; border-style: solid; } #aa--scholarship--logo--slider .prev { left: 0; bottom: 0; } #aa--scholarship--logo--slider .prev:before { left: 0.25em; border-width: 2px 0 0 2px; border-color: #fff transparent transparent #fff; transform: rotate(-45deg); } #aa--scholarship--logo--slider .next { right: 0; bottom: 0; } #aa--scholarship--logo--slider .next:before { right: 0.25em; border-width: 2px 2px 0 0; border-color: #fff #fff transparent transparent; transform: rotate(45deg); } #aa--scholarship--logo--slider .aa--scholarship--logo--slider--frame { position: absolute; top: 0; left: 2em; right: 2em; bottom: 0; border-left: 0.25em solid transparent; border-right: 0.25em solid transparent; overflow: hidden; } #aa--scholarship--logo--slider .aa--scholarship--logo--slider--item { position: absolute; top: 0; bottom: 0; width: 50%; height: 100%; } #aa--scholarship--logo--slider .aa--scholarship--logo--slider--inset { position: absolute; /*top: 0;*/ left: 0; right: 0; /*bottom: 0;*/ /*margin: 0.5em 0.5em;*/ overflow: hidden; text-align: center; } /* Safari 6.1+ (9.0 is the latest version of Safari at this time) */ @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .aa__advisor__image__row__right.span5 img { left: -1px; } }} /* Safari 6.1-7.0 */ @media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) { .aa__advisor__image__row__right.span5 img {(; left: -1px; );} } /* Safari 7.1+ (9.0 is the latest version of Safari at this time) */ _::-webkit-full-page-media, _:future, :root .aa__advisor__image__row__right.span5 img { left: -1px; } @media (max-width: 1119px) { .aa-scholarship .title-h1 h1 { font-size: 2.5rem; } } @media ( max-width: 879px) { .organizations--involved--wrap.padding90t { padding-top: 2.625rem; } } @media (max-width: 845px) { .aa-scholarship .title-h1 h1 { font-size: 2.125rem; } } @media ( max-width: 768px) { .aa-scholarship .title-h1 { margin: 3rem auto !important; } .aa-scholarship .title-h1 h1 { font-size: 2rem; line-height: 1.125; } .aa-scholarship .page-title.page-title-bg-image { min-height: 280px !important; } } @media ( max-width: 767px) { .aa--advisor--intro { margin-top: -40px; padding: 48px 68px 0; } .learn--more--apply--now .span6:first-child { width: 70%; } .aa--advisor--stat--callout { padding-bottom: 30px; } #aa--scholarship--logo--slider .aa--scholarship--logo--slider--item { width: 50%; } .aa__advisor__image__row__right.span5 { display: none; } } @media (max-width: 600px) { .aa-scholarship h3 { font-size: 1.25rem; line-height: 1.5; } .aa-scholarship .page-title.page-title-bg-image { min-height: 220px !important; } .aa-scholarship .title-h1 { margin: 3rem auto !important; } .aa-scholarship .title-h1 h1 { width: 80%; margin-left: 0; font-size: 1.7rem; } .aa--advisor--intro { padding: 28px 38px 0; } .aa--scholarship--form .hs-form-field { width: 100%; } .aa--scholarship--form .hs_let_us_know_how_you_d_like_to_help.field.hs-form-field { width: 100%; float: none; position: relative; } .aa--scholarship--form .hs_submit { position: relative; bottom: 0; } .learn--more--apply--now .span6:first-child { width: 85%; } .learn--more--apply--now .theme-button { padding: 15px 40px; } } @media ( max-width: 480px) { .aa-scholarship .title-h1 { margin: 1.75rem auto !important; } .aa-scholarship .title-h1 h1 { margin-left: 0; font-size: 1.5rem; } .organizations--involved--content h3 { margin-bottom: 15px; } #aa--scholarship--logo--slider .aa--scholarship--logo--slider--item { width: 100%; } #aa--scholarship--logo--slider .arrow { width: 20px; height: 20px; } } @media (max-width: 375px) { .aa-scholarship h3 { font-size: 1.125rem; } .aa-scholarship .title-h1 h1 { font-size: 1.25rem; } .aa-scholarship .page-title.page-title-bg-image { min-height: 200px !important; } .learn--more--apply--now .span6:first-child { width: 100%; } } /*-----------------------------------------------------------------------------------*/ /* Email Subscription Preferences /*-----------------------------------------------------------------------------------*/ .subscription-template p {font-size: 1em; } .subscription-template h1 {font-size: 3rem; margin: 0 0 6px; font-weight: 700; font-family: 'Montserrat', sans-serif;; line-height: 1.25;} .subscription-template h2 {font-size: 2rem; margin-top: 15px;} .subscription-template h3 {margin-top: 0;} .subscription-template .thank-you .header .hero-text h1 {text-align: center;} .email-prefs .header {min-height: 0;} .subscription-template #email-prefs-form .hs-button.primary { margin: 5px 0 0; height: 50px; background: #b2354f; border: none; border-radius: 50px; font-size: .75rem; text-transform: uppercase; font-weight: 700; padding: 15px 55px; font-family: 'Montserrat', sans-serif;; letter-spacing: 1px; color: #fff; -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; } .subscription-template #email-prefs-form .hs-button.primary:hover { background: #8d1b28; color: #fff; border: none; } .subscription-template #email-prefs-form .hs-button.primary:focus {color: #fff;} /* Template Re-Design */ .subscription-template.new #email-prefs-form h2 {display: none;} .subscription-template.new #email-prefs-form h3 {font-family: 'Prata', serif;; font-size: 1.5em;} .subscription-template.new #email-prefs-form h3:before {content: ''; display: block; background: #b2354f ; width: 4px; height: 40px; float: left; margin-right: 20px; position: relative; top: -5px;} .subscription-template.new #email-prefs-form h4 {font-family: 'Montserrat', sans-serif;; font-weight: 700; font-size: 1.5em; text-transform: uppercase; letter-spacing: 2px; padding-left: 20px; margin: 38px 0 7px;} .subscription-template.new p {margin-bottom: 15px; padding-left: 25px; font-family: Times, serif;; font-size: 1em;} .subscription-template.new .email-prefs .header {display: none;} .subscription-template.new .email-prefs .item {margin: 0;} .subscription-template.new .email-prefs .item .item-inner {background: none; border: none; padding: 0 20px;} .subscription-template.new .email-prefs {margin-top: 20px;} .subscription-template.new #email-prefs-form {font-family: Times, serif;;} .subscription-template.new .checkbox-row {height: 20px;} .subscription-template.new .checkbox-row span.fakelabel span {font-weight: 400; position: relative; top: -8px; display: none;} .subscription-template.new .email-prefs .item p {margin: 0; padding: 0; position: relative; left: 30px; top: -22px;} .subscription-template.new .subscribe-options {padding-left: 20px; margin-bottom: 28px;} .subscription-template.new .subscribe-options label {margin: 0; font-size: 1em;} .subscription-template.new .subscribe-options p {margin: 0; padding: 0; text-indent: -1.8em; padding-left: 1.6em;} .subscription-template.new .subscribe-options label span {font-size: 1em; font-weight: 400; margin: 0;} .subscription-template.new .widget-type-email_subscriptions #email-prefs-form .hs-button.primary {margin: 5px 0 0 20px;} .subscription-template.new .email-prefs-img {text-align: right;} @media (max-width: 860px) { } @media (max-width: 767px) { .subscription-template h1 {font-size: 2rem;} .subscription-template h2 {font-size: 1.5rem;} .subscription-template.new .span6.widget-span.widget-type-email_subscriptions {padding: 45px 0;} .subscription-template.new .email-prefs-img {text-align: left;} } @media (max-width: 479px) { .subscription-template .header .hero-text {margin: 0;} } /*-----------------------------------------------------------------------------------*/ /* Remove white space from Google Conversion iframe /*-----------------------------------------------------------------------------------*/ iframe[name="google_conversion_frame"]{ position:fixed; } /*-----------------------------------------------------------------------------------*/ /* August 2017 - Landing Pages /*-----------------------------------------------------------------------------------*/ .lp.aug-seventeen select {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';} .lp.aug-seventeen select::-ms-expand {display: none;} .lp.aug-seventeen .form-row .select-wrap {position: relative;} .lp.aug-seventeen .form-row .select-wrap:after { content: "\f0d7"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; font-size: 16px; color: #a7a9ac; top: 8px; right: -15px; margin: 0; z-index: 1; } .lp.aug-seventeen textarea { overflow: auto; } @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { .lp.aug-seventeen .form-row .select-wrap:after { top: 12px; right: 0; } } /*** Landing Page Option 1 ***/ .lp.aug-seventeen.opt-one p {line-height: 2;} .lp.aug-seventeen.opt-one .title-h1 h1 {color: #fff; font-size: 4.25rem; line-height: 4.25rem; text-shadow: none; width: 100%;} .lp.aug-seventeen.opt-one .page-title .page-title-heading {min-height: 420px; margin-left: 50px; width: 100%;} .lp.aug-seventeen.opt-one .page-title.page-title-bg-image {min-height: 480px; padding-bottom: 125px;} .lp.aug-seventeen.opt-one .page-title-overlay {min-height: 480px;} .lp.aug-seventeen.opt-one .left-column {background: #fff; padding: 55px 65px 0 99px; margin-top: -125px; position: relative;} .lp.aug-seventeen.opt-one h3 {font-size: 1.375rem; line-height: 1.75; margin-top: 0;} .lp.aug-seventeen.opt-one h3 a {color: #b2354f; } .lp.aug-seventeen.opt-one h3 a:hover {color: #8d1b28; } .lp.aug-seventeen.opt-one .subhead {font-size: 1.375rem; line-height: 1.75; font-family: 'Prata', serif;; font-weight: 300;} .lp.aug-seventeen.opt-one .subhead:before {content: ''; display: block; background: #b2354f ; width: 4px; height: 40px; float: left; position: relative; top: 8px; left: -33px;} .lp.aug-seventeen.opt-one .form-row {background: #f1f2f2;} .lp.aug-seventeen.opt-one .form-row input, .lp.aug-seventeen .form-row select {background: transparent; border: 3px solid #e6e7e8; margin-bottom: 25px;} .lp.aug-seventeen.opt-one .hs-form-field ul.inputs-list {margin: -20px 0 10px 15px;} .lp.aug-seventeen.opt-one form.hs-form fieldset .hs-form-field {padding: 0 30px 0 0;} .lp.aug-seventeen.opt-one form.hs-form fieldset .hs-form-field:nth-child(3n - 1) {padding-right: 0;} .lp.aug-seventeen.opt-one .form-row .form-title {font-family: 'Montserrat', sans-serif;; color: #414042; text-transform: uppercase; font-weight: 700; margin: 0 0 33px; } .lp.aug-seventeen.opt-one .form-row .form-title:after {content: ''; display: block; background: #d9dbdc; width: 100%; height: 5px; margin-top: 20px;} .lp.aug-seventeen.opt-one .hs_cos_wrapper_type_form {border: 5px solid #d9dbdc; padding: 20px 30px 40px;} .lp.aug-seventeen.opt-one .hs-form fieldset.form-columns-1.blog-subscribe {width: 74.5%; text-align: right; float: left; padding-top: 15px; margin-right: 30px;} .lp.aug-seventeen.opt-one .hs_yes_i_want_to_subscribe_to_the_blog_ {padding: 0 !important;} .lp.aug-seventeen.opt-one .hs_yes_i_want_to_subscribe_to_the_blog_ .input {padding: 0;} .lp.aug-seventeen.opt-one .hs_yes_i_want_to_subscribe_to_the_blog_ ul li {padding-left: 0;} .lp.aug-seventeen.opt-one .hs_submit {text-align: right;} .lp.aug-seventeen.opt-one .hs-button.primary.large {margin: 0; background: #b2354f; border: none; border-radius: 50px; font-size: .75rem; font-weight: 700; height: auto; line-height: 1.25; padding: 15px 55px; font-family: 'Montserrat', sans-serif;; letter-spacing: 1px; -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;; } .lp.aug-seventeen.opt-one .hs-button.primary.large:hover {background: #8d1b28; color: #fff; border: none;} /* Chrome/Opera/Safari */ .lp.aug-seventeen.opt-one ::-webkit-input-placeholder { font-family: 'Montserrat', sans-serif;; font-size: 12px; color: #606060; text-align: left; text-transform: uppercase; font-weight: 300; } /* Firefox 19+ */ .lp.aug-seventeen.opt-one ::-moz-placeholder { font-family: 'Montserrat', sans-serif;; font-size: 12px; color: #606060; text-align: left; text-transform: uppercase; font-weight: 300; } /* IE 10+ */ .lp.aug-seventeen.opt-one :-ms-input-placeholder { font-family: 'Montserrat', sans-serif;; font-size: 12px; color: #606060; text-align: left; text-transform: uppercase; font-weight: 300; } /* Firefox 18- */ .lp.aug-seventeen.opt-one :-moz-placeholder { font-family: 'Montserrat', sans-serif;; font-size: 12px; color: #606060; text-align: left; text-transform: uppercase; font-weight: 300; } /*** End Landing Page Option 1 ***/ /*** Landing Page Option 2 ***/ .lp.aug-seventeen.opt-two p {line-height: 2;} .lp.aug-seventeen.opt-two .title-h1 h1 {color: #fff; font-size: 4.25rem; line-height: 4.25rem; text-shadow: none; width: 100%; position: relative; margin-top: 33px;} .lp.aug-seventeen.opt-two .page-title.page-title-bg-image {min-height: 620px; padding-bottom: 0;} .lp.aug-seventeen.opt-two .page-title-overlay {min-height: 620px; position: relative;} .lp.aug-seventeen.opt-two .page-title-overlay .row-fluid {padding-top: 122px;} .lp.aug-seventeen.opt-two .right-column {background: #fff; padding: 35px 80px 30px 68px;} .lp.aug-seventeen.opt-two h3 {font-size: 1.375rem; line-height: 1.75; margin-top: 0;} .lp.aug-seventeen.opt-two h3 a {color: #b2354f; } .lp.aug-seventeen.opt-two h3 a:hover {color: #8d1b28; } .lp.aug-seventeen.opt-two .subhead {font-size: 1.375rem; line-height: 1.75; font-family: 'Prata', serif;; font-weight: 300;} .lp.aug-seventeen.opt-two .subhead:before {content: ''; display: block; background: #b2354f ; width: 4px; height: 40px; float: left; position: relative; top: 8px; left: -27px;} .lp.aug-seventeen.opt-two .form-row input, .lp.aug-seventeen .form-row select {background: transparent; border: 3px solid #e6e7e8; margin-bottom: 25px;} .lp.aug-seventeen.opt-two .hs-form-field ul.inputs-list {margin: -20px 0 10px 15px;} .lp.aug-seventeen.opt-two form.hs-form fieldset .hs-form-field {padding: 0 30px 0 0;} .lp.aug-seventeen.opt-two form.hs-form fieldset .hs-form-field:nth-child(3n - 1) {padding-right: 0;} .lp.aug-seventeen.opt-two .form-row {margin-top: 85px;} .lp.aug-seventeen.opt-two .form-row .form-title {font-family: 'Montserrat', sans-serif;; color: #414042; text-transform: uppercase; font-weight: 700; margin: 0 0 33px; } .lp.aug-seventeen.opt-two .form-row .form-title:after {content: ''; display: block; background: #d9dbdc; width: 100%; height: 5px; margin-top: 20px;} .lp.aug-seventeen.opt-two .hs_cos_wrapper_type_form {border: 5px solid #d9dbdc; padding: 20px 30px 40px; margin-top: 58px;} .lp.aug-seventeen.opt-two .hs-form fieldset.form-columns-1.blog-subscribe {width: 74.5%; text-align: right; float: left; padding-top: 15px; margin-right: 30px;} .lp.aug-seventeen.opt-two .hs_yes_i_want_to_subscribe_to_the_blog_ {padding: 0 !important;} .lp.aug-seventeen.opt-two .hs_yes_i_want_to_subscribe_to_the_blog_ .input {padding: 0;} .lp.aug-seventeen.opt-two .hs_yes_i_want_to_subscribe_to_the_blog_ ul li {padding-left: 0;} .lp.aug-seventeen.opt-two .hs_submit {text-align: right;} .lp.aug-seventeen.opt-two .hs-button.primary.large {margin: 0; background: #b2354f; border: none; border-radius: 50px; font-size: .75rem; font-weight: 700; height: auto; line-height: 1.25; padding: 15px 55px; font-family: 'Montserrat', sans-serif;; letter-spacing: 1px; -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;; } .lp.aug-seventeen.opt-two .hs-button.primary.large:hover {background: #8d1b28; color: #fff; border: none;} /* Chrome/Opera/Safari */ .lp.aug-seventeen.opt-two ::-webkit-input-placeholder { font-family: 'Montserrat', sans-serif;; font-size: 12px; color: #606060; text-align: left; text-transform: uppercase; font-weight: 300; } /* Firefox 19+ */ .lp.aug-seventeen.opt-two ::-moz-placeholder { font-family: 'Montserrat', sans-serif;; font-size: 12px; color: #606060; text-align: left; text-transform: uppercase; font-weight: 300; } /* IE 10+ */ .lp.aug-seventeen.opt-two :-ms-input-placeholder { font-family: 'Montserrat', sans-serif;; font-size: 12px; color: #606060; text-align: left; text-transform: uppercase; font-weight: 300; } /* Firefox 18- */ .lp.aug-seventeen.opt-two :-moz-placeholder { font-family: 'Montserrat', sans-serif;; font-size: 12px; color: #606060; text-align: left; text-transform: uppercase; font-weight: 300; } /*** End Landing Page Option 2 ***/ /*** Landing Page Option 3 ***/ .lp.aug-seventeen.opt-three .header-container-wrapper { border-top: 8px solid #063159; } .lp.aug-seventeen.opt-three .header-container { padding: 0; } .lp.aug-seventeen.opt-three { line-height: 1.5 !important; } .lp.aug-seventeen.opt-three .title-h1 { margin: 4rem auto !important; } .lp.aug-seventeen.opt-three .title-h1 h1 { width: 68%; margin-left: 50px; font-size: 3rem; position: relative; } .lp.aug-seventeen.opt-three .intro--wrap .row-fluid [class*="span"] { margin-left: 0; } .lp.aug-seventeen.opt-three .intro { margin-top: -120px; background: #fff; padding: 48px 68px; position: relative; } .lp.aug-seventeen.opt-three .subhead {font-size: 1.375rem; margin-top: 0; line-height: 1.375; font-family: 'Prata', serif;; font-weight: 300;} .lp.aug-seventeen.opt-three .subhead:before {content: ''; display: block; background: #b2354f ; width: 4px; height: 40px; float: left; position: relative; top: 0; left: -19px;} /*** Stat Callout Custom Module ***/ .stat--callout { padding-top: 17px; } .stat--callout p { font-size: 1rem; font-family: 'Prata', serif;; } p.stat__callout__top__text { font-size: 1.125rem; font-family: 'Montserrat', sans-serif;; font-weight: 700; text-transform: uppercase; margin-bottom: 0; } .stat__callout__percentage { color: #b2354f ; font-size: 4.5rem; font-family: 'Montserrat', sans-serif;; font-weight: 700; line-height: .975; margin: 0; } /*** Image Row Custom Module ***/ .image__row .row-fluid [class*="span"] { margin-left: 0; } .image__row .row-fluid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .image__row .row-fluid .span5 { margin-left: 0; } .image__row__right.span5 { position: relative; } .image__row__right.span5 img { position: absolute; bottom: 0; left: 0; } /*** Organizations Involved Custom Module ***/ .organizations--involved--wrap { background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 400px; } .organizations--involved.page-center { max-width: 55rem !important; } .organizations--involved--content h3 { font-family: 'Montserrat', sans-serif;; font-size: 2rem; font-weight: 700; text-transform: uppercase; margin-bottom: 0; margin-top: 0; } .organizations--involved--content p { margin-bottom: 0; } #logo--slider { position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 5em; margin: auto; overflow: hidden; } #logo--slider .arrow { cursor: pointer; position: absolute; width: 30px; height: 30px; padding: 0; margin: 0; outline: 0; background: transparent; border: 2px solid #fff; border-radius: 100%; top: 35%; } #logo--slider .arrow:hover { background: rgba(0, 0, 0, 0.1); } #logo--slider .arrow:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 0.75em; height: 0.75em; margin: auto; border-style: solid; } #logo--slider .prev { left: 0; bottom: 0; } #logo--slider .prev:before { left: 0.25em; border-width: 2px 0 0 2px; border-color: #fff transparent transparent #fff; transform: rotate(-45deg); } #logo--slider .next { right: 0; bottom: 0; } #logo--slider .next:before { right: 0.25em; border-width: 2px 2px 0 0; border-color: #fff #fff transparent transparent; transform: rotate(45deg); } #logo--slider .logo--slider--frame { position: absolute; top: 0; left: 2em; right: 2em; bottom: 0; border-left: 0.25em solid transparent; border-right: 0.25em solid transparent; overflow: hidden; } #logo--slider .logo--slider--item { position: absolute; top: 0; bottom: 0; width: 50%; height: 100%; } #logo--slider .logo--slider--inset { position: absolute; /*top: 0;*/ left: 0; right: 0; /*bottom: 0;*/ /*margin: 0.5em 0.5em;*/ overflow: hidden; text-align: center; } /*** CTA Custom Module ***/ .apply--now--cta--wrap { background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 275px; border-bottom: 5px solid #ebebeb; } /*** Form ***/ .lp.aug-seventeen.opt-three .form--wrap form { position: relative; } .lp.aug-seventeen.opt-three .form--wrap h3 { font-family: 'Montserrat', sans-serif;; font-weight: 700; font-size: 1.250; text-transform: uppercase; } .lp.aug-seventeen.opt-three .form--wrap .hs-form-field { width: 48%; } .lp.aug-seventeen.opt-three .form--wrap .hs-field-desc { font-family: 'Montserrat', sans-serif;; font-weight: 700; font-size: .875rem; text-transform: uppercase; } .lp.aug-seventeen.opt-three .form--wrap .hs_let_us_know_how_you_d_like_to_help.field.hs-form-field { width: 48%; float: right; position: absolute; top: 0; right: 0; } .lp.aug-seventeen.opt-three .form--wrap textarea { height: 290px; border-radius: 25px; } .lp.aug-seventeen.opt-three .form--wrap .hs-form-field > label { top: 30px; left: 10px; } .lp.aug-seventeen.opt-three .form--wrap .hs_submit { position: absolute; bottom: 23px; right: 0; } .lp.aug-seventeen.opt-three .footer-container-wrapper .footer-bottom { border-top: 5px solid #ebebeb; } /* Safari 6.1+ (9.0 is the latest version of Safari at this time) */ @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .image__row__right.span5 img { left: -1px; } }} /* Safari 6.1-7.0 */ @media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) { .image__row__right.span5 img {(; left: -1px; );} } /* Safari 7.1+ (9.0 is the latest version of Safari at this time) */ _::-webkit-full-page-media, _:future, :root .aa__advisor__image__row__right.span5 img { left: -1px; } /*** End Landing Page Option 3 ***/ /*** Thank You Page ***/ .thank-you.aug-seventeen .page-title.page-title-bg-image {position: relative;} .thank-you.aug-seventeen .page-title .page-title-heading {width: 100%%; /* position: absolute; height: 100%; */display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0;} .thank-you.aug-seventeen .title-h1 h1 {width: 100%; color: #fff; font-size: 4.25rem; line-height: 4.25rem; text-shadow: none; margin-top: 0; position: relative; top: 0 !important;} .thank-you.aug-seventeen .page-title-overlay {background: none; position: absolute; height: 100%; width: 100%;} /*** End Thank You Page ***/ /*-----------------------------------------------------------------------------------*/ /* Responsive /*-----------------------------------------------------------------------------------*/ .hs-responsive-embed { position: relative; height: 0; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { position: absolute; top: 0; left: 0; 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: 56.25%; } @media (max-width: 1199px) { /* Header */ .span12.widget-span.widget-type-cell.top-bar-menu-inner.page-center, .span12.widget-span.widget-type-cell.main-menu.page-center {max-width: 970px; padding: 0;} .menuzord-menu>li {padding-left: 3px;} .menuzord-menu>li>a {font-size: .675rem;} .menuzord .logo img {width: 100% !important;} } @media (max-width: 1119px) { /* August 2017 Landing Page Templates - Landing Page Option 3 */ .lp.aug-seventeen.opt-three .title-h1 h1 {font-size: 2.5rem;} } @media (max-width: 1020px) { .thank-you .title-h1 h1 {width: 100% !important; top: 23% !important;} } @media (max-width: 1014px) { /* August 2017 Landing Page Templates - Landing Page Option 1 */ .lp.aug-seventeen.opt-one .hs-form fieldset.form-columns-1.blog-subscribe {width: 70%;} /* August 2017 Landing Page Templates - Landing Page Option 2 */ .lp.aug-seventeen.opt-two .hs-form fieldset.form-columns-1.blog-subscribe {width: 70%;} } @media screen and (max-width: 991px) { .thank-you .body-container-wrapper {margin-top: 4.75rem;} /* Header */ .span12.widget-span.widget-type-cell.top-bar-menu, .span12.widget-span.widget-type-cell.main-menu.page-center {display: none;} .header {display: none;} .span12.widget-span.widget-type-cell.mobile-header {display: block; position: relative; top: 0; border-bottom: 3px solid #e6e7e8; padding-top: 8px;} #mobile-menu {display: none;} #menuzord.menuzord-responsive {display: none;} .slicknav_menu {display: block;} } @media (max-width: 930px) { .lp .page-title .page-title-heading .title-h1 h1, .thank-you .title-h1 h1 {width: 90%; top: 30%;} } @media (max-width: 880px) { /* August 2017 Landing Page Templates - Landing Page Option 1 */ .lp.aug-seventeen.opt-one .hs-form fieldset.form-columns-1.blog-subscribe {width: 63%;} /* August 2017 Landing Page Templates - Landing Page Option 2 */ .lp.aug-seventeen.opt-two .hs-form fieldset.form-columns-1.blog-subscribe {width: 63%;} /* August 2017 Landing Page Templates - Landing Page Option 3 */ .organizations--involved--wrap.padding90t {padding-top: 2.625rem;} } @media (max-width: 845px) { /* August 2017 Landing Page Templates - Landing Page Option 3 */ .lp.aug-seventeen.opt-three .title-h1 h1 {font-size: 2.125rem;} } @media (max-width: 768px) { /* August 2017 Landing Page Templates - Landing Page Option 1 */ .lp.aug-seventeen.opt-one .row-fluid .span8, .lp.aug-seventeen.opt-one .row-fluid .span4 {width: 100%; margin-left: 0; float: none;} .lp.aug-seventeen.opt-one .page-title.page-title-bg-image {min-height: 300px; padding-bottom: 90px;} .lp.aug-seventeen.opt-one .page-title .page-title-heading {min-height: 175px;} .lp.aug-seventeen.opt-one .page-title-overlay {min-height: 0;} .lp.aug-seventeen.opt-one .left-column {margin-top: -90px;} .lp.aug-seventeen.opt-one .right-column {padding: 0 0 0 100px;} /* August 2017 Landing Page Templates - Landing Page Option 2 */ .lp.aug-seventeen.opt-two .row-fluid .span6 {width: 100%; margin-left: 0; float: none;} .lp.aug-seventeen.opt-two .page-title.page-title-bg-image {min-height: 590px;} .lp.aug-seventeen.opt-two .page-title-overlay .row-fluid {padding-top: 10px;} .lp.aug-seventeen.opt-two .title-h1 {padding-bottom: 40px;} .lp.aug-seventeen.opt-two .title-h1 h1 {padding: 0 30px; font-size: 3.5rem;} .lp.aug-seventeen.opt-two .page-title-overlay .padding80b {padding-bottom: 3.25rem;} .lp.aug-seventeen.opt-two .form-row {margin-top: 20px;} /* August 2017 Landing Page Templates - Landing Page Option 3 */ .lp.aug-seventeen.opt-three .title-h1 {margin: 3rem auto !important;} .lp.aug-seventeen.opt-three .title-h1 h1 {font-size: 2rem; line-height: 1.125;} .lp.aug-seventeen.opt-three .page-title.page-title-bg-image {min-height: 280px !important;} } @media (max-width: 767px) { /* Landing Page */ .lp .page-title .page-title-heading .title-h1 h1, .thank-you .title-h1 h1 {width: 100%; padding: 65px 0; line-height: 2.75rem;} .lp .page-title.page-title-bg-image {min-height: 300px;} .lp .social-share-wrap .padding70t, .social-share-wrap .padding50b {padding: 40px 0 0;} /* August 2017 Landing Page Templates - Landing Page Option 1 */ .lp.aug-seventeen.opt-one .title-h1 h1 {font-size: 3rem; line-height: 3rem; padding: 0;} .lp.aug-seventeen.opt-one .page-title .page-title-heading {min-height: 175px;} /* August 2017 Landing Page Templates - Landing Page Option 2 */ .lp.aug-seventeen.opt-two .form-row {margin-top: 60px;} /* August 2017 Landing Page Templates - Landing Page Option 3 */ .lp.aug-seventeen.opt-three .intro {margin-top: -40px; padding: 48px 68px 0;} .learn--more--apply--now .span6:first-child {width: 70%;} .stat--callout {padding-bottom: 30px;} #logo--slider .logo--slider--item {width: 50%;} .image__row__right.span5 {display: none;} /* August 2017 Thank You Page */ .thank-you.aug-seventeen .title-h1 h1 {font-size: 3.75rem; line-height: 3.75rem;} .thank-you.aug-seventeen .page-title.page-title-bg-image, .thank-you.aug-seventeen .page-title .page-title-heading, .thank-you.aug-seventeen .page-title-overlay {min-height: 300px !important;} .thank-you.aug-seventeen .page-title .page-title-heading {padding: 0;} /* Thank You Page */ .thank-you .span8.widget-span.widget-type-cell {margin-bottom: 40px;} .max-width-reset .row-fluid.page-center {max-width: 100% !important;} } @media (max-width: 735px) { /* August 2017 Landing Page Templates - Landing Page Option 1 */ .lp.aug-seventeen.opt-one .hs-form fieldset.form-columns-1.blog-subscribe {width: 60%;} /* August 2017 Landing Page Templates - Landing Page Option 2 */ .lp.aug-seventeen.opt-two .hs-form fieldset.form-columns-1.blog-subscribe {width: 60%;} } @media (max-width: 690px) { /* August 2017 Landing Page Templates - Landing Page Option 1 */ .lp.aug-seventeen.opt-one .hs-form fieldset.form-columns-1.blog-subscribe {width: 50%;} /* August 2017 Landing Page Templates - Landing Page Option 2 */ .lp.aug-seventeen.opt-two .hs-form fieldset.form-columns-1.blog-subscribe {width: 50%;} } @media (max-width: 645px) { /* Footer */ .footer-bottom ul li:nth-child(2) a:after {display: none;} /* August 2017 Landing Page Templates - Landing Page Option 1 */ .lp.aug-seventeen.opt-one .left-column {padding: 30px 30px 30px 45px;} .lp.aug-seventeen.opt-one .subhead:before {left: -23px;} .lp.aug-seventeen.opt-one .right-column {padding: 0 0 0 45px;} } @media (max-width: 615px) { /* August 2017 Landing Page Templates - Landing Page Option 1 */ .lp.aug-seventeen.opt-one fieldset.form-columns-2 .hs-form-field {width: 100%;} .lp.aug-seventeen.opt-one form.hs-form fieldset .hs-form-field {padding: 0;} .lp.aug-seventeen.opt-one .hs-form fieldset.form-columns-1.blog-subscribe {width: 100%; float: none; text-align: left; padding-top: 0;} .lp.aug-seventeen.opt-one .hs_submit {text-align: left;} /* August 2017 Landing Page Templates - Landing Page Option 2 */ .lp.aug-seventeen.opt-two .title-h1 h1 {font-size: 3rem; line-height: 3.5rem;} .lp.aug-seventeen.opt-two fieldset.form-columns-2 .hs-form-field {width: 100%;} .lp.aug-seventeen.opt-two form.hs-form fieldset .hs-form-field {padding: 0;} .lp.aug-seventeen.opt-two .hs-form fieldset.form-columns-1.blog-subscribe {width: 100%; float: none; text-align: left; padding-top: 0;} .lp.aug-seventeen.opt-two .hs_submit {text-align: left;} } @media (max-width: 600px) { /* August 2017 Landing Page Templates - Landing Page Option 1 */ .lp.aug-seventeen.opt-one .title-h1 h1 {text-align: left; width: 100%; padding: 65px 0;} .lp.aug-seventeen.opt-one .page-title .page-title-heading {margin-left: 20px; padding-top: 0;} /* August 2017 Landing Page Templates - Landing Page Option 3 */ .lp.aug-seventeen.opt-three h3 {font-size: 1.25rem; line-height: 1.5;} .lp.aug-seventeen.opt-three .page-title.page-title-bg-image {min-height: 220px !important;} .lp.aug-seventeen.opt-three .title-h1 {margin: 3rem auto !important;} .lp.aug-seventeen.opt-three .title-h1 h1 {width: 80%; margin-left: 0; font-size: 1.7rem;} .lp.aug-seventeen.opt-three .intro {padding: 28px 38px 0;} .lp.aug-seventeen.opt-three .form--wrap .hs-form-field {width: 100%;} .lp.aug-seventeen.opt-three .form--wrap .hs_let_us_know_how_you_d_like_to_help.field.hs-form-field {width: 100%; float: none; position: relative;} .lp.aug-seventeen.opt-three .form--wrap .hs_submit {position: relative; bottom: 0;} .learn--more--apply--now .span6:first-child {width: 85%;} .learn--more--apply--now .theme-button {padding: 15px 40px;} /* August 2017 Thank You Page */ .thank-you.aug-seventeen .title-h1 h1 {text-align: left;} } @media (max-width: 480px) { /* Landing Page */ body.lp {line-height: 2} .lp .page-title .page-title-heading .title-h1 h1, .thank-you .title-h1 h1 {padding: 52px 0; font-size: 1.5rem; line-height: 2rem;} .lp .page-title.page-title-bg-image {min-height: 200px;} /* Header */ .slicknav_nav .hs-search-module input[type="text"] {width: 94%;} /* August 2017 Landing Page Templates - Landing Page Option 1 */ .lp.aug-seventeen.opt-one .page-title.page-title-bg-image {min-height: 250px; padding-bottom: 50px;} .lp.aug-seventeen.opt-one .title-h1 h1 {font-size: 2.5rem; line-height: 2.5rem;} .lp.aug-seventeen.opt-one .left-column {margin-top: -50px;} /* August 2017 Landing Page Templates - Landing Page Option 2 */ .lp.aug-seventeen.opt-two .title-h1 h1 {font-size: 2.5rem; line-height: 3.25rem; padding: 0;} .lp.aug-seventeen.opt-two .right-column {padding: 30px 30px 10px 48px;} /* August 2017 Landing Page Templates - Landing Page Option 3 */ .lp.aug-seventeen.opt-three .title-h1 {margin: 1.75rem auto !important;} .lp.aug-seventeen.opt-three .title-h1 h1 {margin-left: 0; font-size: 1.5rem;} .organizations--involved--content h3 {margin-bottom: 15px;} #logo--slider .logo--slider--item {width: 100%;} #logo--slider .arrow {width: 20px; height: 20px;} /* August 2017 Thank You Page */ .thank-you.aug-seventeen .page-title.page-title-bg-image, .thank-you.aug-seventeen .page-title .page-title-heading, .thank-you.aug-seventeen .page-title-overlay {min-height: 250px !important;} .thank-you.aug-seventeen .title-h1 h1 {font-size: 2.5rem; line-height: 2.5rem;} } @media (max-width: 375px) { /* August 2017 Landing Page Templates - Landing Page Option 1 */ .lp.aug-seventeen.opt-one .page-title.page-title-bg-image {min-height: 225px} .lp.aug-seventeen.opt-one .title-h1 h1 {font-size: 2.25rem; line-height: 2.25rem;} /* August 2017 Landing Page Templates - Landing Page Option 2 */ .lp.aug-seventeen.opt-two .title-h1 h1 {font-size: 2.25rem; line-height: 3rem;} /* August 2017 Landing Page Templates - Landing Page Option 3 */ .lp.aug-seventeen.opt-three h3 {font-size: 1.125rem;} .lp.aug-seventeen.opt-three .title-h1 h1 {font-size: 1.25rem;} .lp.aug-seventeen.opt-three .page-title.page-title-bg-image {min-height: 200px !important;} .learn--more--apply--now .span6:first-child {width: 100%;} /* August 2017 Thank You Page */ .thank-you.aug-seventeen .page-title.page-title-bg-image, .thank-you.aug-seventeen .page-title .page-title-heading, .thank-you.aug-seventeen .page-title-overlay {min-height: 225px !important;} .thank-you.aug-seventeen .title-h1 h1 {font-size: 1.25rem; line-height: 1.25rem;} }