/*----------------Core---------------------------*/ html { height: 100%; } body{ min-height: 100%; padding: 0px; margin: 0px; background: #fff; font-family: 'Montserrat', Arial, sans-serif; font-size: 16px; line-height: 1.5em; color: #212448; height: 100%; } img, input[type=image] { border: 0px; vertical-align: middle; } a:link, a:visited, a:active { color: #0d4b98; } a:focus, input:focus {outline: 0; } a:hover { color: #0d4b98; text-decoration: none;} form { margin: 0px; padding: 0px; } input[type=text], textarea { color: #fff; background: #111; border: 1px solid #000; padding: 2px; } input[type=submit] { cursor: pointer; color: #000; background: #34c6f5; padding: 2px 8px; border:0px; font-weight: bold; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } label { display: block; } .container { max-width: 991px; } .large-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } /*------------UTILITIES ----------------------*/ .clear{ clear: both; height: 0px; margin: 0px; overflow: hidden; } .table-row { display: table; width: 100%; margin: 0; padding: 0; } .table-cell { display: table-cell; vertical-align: middle; } ul.no-list { list-style: none; padding-left: 0; } ul.no-list li { margin-left: 0px; list-style-image: none; } ul.no-list li sup { margin-left: -11px; display: inline-block; } .bullet { display: inline-block; height: 0.6em; width: 0.6em; margin-right: 4px; border-bottom: 2px solid #fff; border-right: 1px solid #fff; background: #bb131a; } .row-5 { margin: 0 -7px; } .row-5 .col-sm-2 { width: 20%; padding: 0 7px; } .small-padding { margin-left: -5px; margin-right: -5px; } .small-padding .col-sm-1, .small-padding .col-sm-2, .small-padding .col-sm-3, .small-padding .col-sm-4, .small-padding .col-sm-5, .small-padding .col-sm-6, .small-padding .col-sm-7, .small-padding .col-sm-8, .small-padding .col-sm-9, .small-padding .col-sm-10, .small-padding .col-sm-11, .small-padding .col-sm-12, .small-padding .col-xs-1, .small-padding .col-xs-2, .small-padding .col-xs-3, .small-padding .col-xs-4, .small-padding .col-xs-5, .small-padding .col-xs-6, .small-padding .col-xs-7, .small-padding .col-xs-8, .small-padding .col-xs-9, .small-padding .col-xs-10, .small-padding .col-xs-11, .small-padding .col-xs-12 { padding: 0 5px; } .no-padding { margin-left: 0px; margin-right: 0px; } .no-padding .col-sm-1, .no-padding .col-sm-2, .no-padding .col-sm-3, .no-padding .col-sm-4, .no-padding .col-sm-5, .no-padding .col-sm-6, .no-padding .col-sm-7, .no-padding .col-sm-8, .no-padding .col-sm-9, .no-padding .col-sm-10, .no-padding .col-sm-11, .no-padding .col-sm-12, .no-padding .col-xs-1, .no-padding .col-xs-2, .no-padding .col-xs-3, .no-padding .col-xs-4, .no-padding .col-xs-5, .no-padding .col-xs-6, .no-padding .col-xs-7, .no-padding .col-xs-8, .no-padding .col-xs-9, .no-padding .col-xs-10, .no-padding .col-xs-11, .no-padding .col-xs-12 { padding: 0px; } .photo-caption { font-size: 11px; color: #888; display: block; line-height: 1.4em; text-align: right; margin-top: 3px; } .small-space { font-size: 5pt; } h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', Arial, serif; font-weight: 300; } #lightbox { position: fixed; top: 0px; left: 0px; width: 60%; min-width: 272px; max-width: 450px; padding: 25px 25px 59px; height: 80%; min-height: 272px; max-height: 500px; box-shadow: 0 0 8px rgba(0,0,0,0.2); background: #fff; border: 1px solid #ccc; z-index: 9998; } #chooser-container { height: 100%; overflow: auto; margin-bottom: -21px; } #chooser-container .row, #chooser-container #directory, #chooser-container .errorbx{ margin: 0px; } #chooser-container h3 { font-size: 24px; color: #000; margin: 0 0 8px; } #chooser-controls { z-index: 9999; margin-top: 44px; height: 21px; } #chooser-controls a{ display: block; text-align: right; color: #000; } #lightbox-screen { cursor: pointer; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #eee; opacity: .8; -ms-filter: 'alpha(opacity=80)'; z-index: 9997; } #lightbox, #lightbox-screen{ display: none; } a.read-more { font-weight: bold; font-size: 14px; text-transform: uppercase; } .heading { font-family: 'Montserrat'; font-size: 16px; font-weight: 400; color: #212448; } .footnotes { font-size: 14px; line-height: 1.4em; } .footnotes ul { list-style: none; padding-left: 0; } .footnotes li { display: block; padding-left: 15px; position: relative; } .footnotes li sup { display: block; position: absolute; left: 0px; top: 7px; } .small { font-size: 14px; line-height: 1.5em; } /*------------HEADER----------------------*/ #menu-logo { margin: 10px 0; } #header { background: #212448; z-index: 500; font-size: 16px; line-height: 1.4em; position: fixed; top: 0; opacity: 0; -webkit-transition: all 1s ease-in-out 0s; transition: all 1s ease-in-out 0s; width: 100%; left: 0; cursor: pointer; max-height: 100%; overflow: auto; padding: 10px 15px; color: #fff; } #header .header-wrap { padding: 0 15px; } #header .company { display: block; font-weight:bold; } #header.loaded { top: 0px; opacity: 1; } #header a { color: #fff; } #header .logo { } #header .container-fluid { padding: 0 15px; } #header .table-cell { width: 33.33333333333333%; } #mobile-trigger { padding: 14px 0; } #mobile-trigger .menu-text { font-size: 18px; line-height: 1.4em; font-family: 'Montserrat'; } #mobile-menu-btn { float: right; margin-left: 15px; cursor: pointer; width: 30px;overflow: hidden; text-decoration: none; } #mobile-menu-btn:hover { opacity: 0.5; } #mobile-menu-btn .icon-bar { height: 2px; background: #fff; display: block; margin: 4px 0px; } #mobile-menu-btn:hover .icon-bar { background: #eee; } #page-cover { cursor: pointer; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); overflow: hidden; z-index: 501; } #mobile-menu { display: none; overflow: hidden; color: #666; padding: 24px 0 8px; display: none; z-index: 510; } #mobile-menu.active { width: 300px; overflow: auto; } #mobile-menu .mobile-menu-trigger { cursor: pointer; font-size: 16px; line-height: 1.5em; padding: 18px 5px 19px; margin: -10px -30px 15px; text-align: center; background-color: rgba(0,0,0,0.05); } #mobile-menu h6 { display: block; font-size: 18px; margin: 0 0 15px; font-weight: normal; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.2); } #mobile-menu ul { list-style: none; padding: 0; margin: 0; padding-left: 18px; } #mobile-menu li { font-size: 14px; line-height: 1.5em; position: relative; /*list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAD0lEQVQYlWP4TwAwjAwFAIS1/wGYKmMjAAAAAElFTkSuQmCC');*/ } #mobile-menu li:before { display: block; content: ''; position: absolute; top: 7px; left: -18px; width: 8px; height: 8px; background: #fff; border-radius: 100%; } #mobile-menu li.last { border: 0; } #mobile-menu li a { display: block; color: #fff; text-decoration: none; padding: 0px 0 5px; } #mobile-menu li a:hover { opacity: 0.5; } /*------------FOOTER----------------------*/ #footer { text-align: center; padding: 25px 15px; color: #777; border-top: 1px solid #ddd; margin-top: 25px; } #footer a{ color: #777; } /*------------PAGE WRAP----------------------*/ #page-wrap { height: 100%; } #page-wrap.active { -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -ms-transform: translateX(-300px); -o-transform: translateX(-300px); transform: translateY(-300px); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .5s ease; -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -ms-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); height: 100%; overflow: hidden; } /*------PAGES----------*/ .page { display: none; font-size: 16px; line-height: 1.6em; padding-top: 70px; padding-bottom: 20px; } .page h1 { font-family: 'Montserrat'; font-weight: bold; text-transform: uppercase; color: #9fd3e8; font-size: 36px; margin: 35px 0 15px; } .page h2 { font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 0 0 15px; color: #212448; } .page h3 { font-size: 18px; font-weight: bold; margin: 30px 0 5px; color: #212448; } .page h2 .sub { display: block; font-size: 16px; text-transform: uppercase; color: #2a93d5; font-weight: 400; margin-top: 5px; } .page hr { border-color: #ccc; } .page ul { margin: 20px 0; list-style: none; } .page ul li { position: relative; } .page li:before { display: block; content: ''; position: absolute; top: 9px; left: -18px; width: 8px; height: 8px; background: #000; border-radius: 100%; } .page ul.no-list li { list-style-image: none; } .page ul.no-list li:before { display: none; } /*------HOME----------*/ #intro { display: block; } #intro #home-banner { background: #000 url('../images/home-groupshot.jpg') 50% 50% no-repeat; background-size: cover; } #intro #home-banner .container { position: relative; padding-top: 50.3%; } #intro #home-banner h1 { position: absolute; bottom: 30px; left: 0; color: #fff; font-size: 56px; line-height: 1.1em; text-transform: uppercase; text-shadow: 0 0 8px rgba(0,0,0,0.1); } #home-video { background: #212448; color: #fff; padding: 30px 0; } #home-video h2 { color: #9dcbd9; font-size: 56px; margin: 15px 0; font-weight: bold; line-height: 1.1em; text-transform: uppercase; } #home-video h2 .green { display: block; color: #bccd34; } #home-video h2 .orange { display: block; color: rgb(230,80,39); } #home-buttons { margin: 30px 0; } #home-buttons h3 { margin: 30px 0 10px; text-transform: uppercase; } #ad-boxes { position: relative; padding: 0 18px; } #ad-boxes .arrow { cursor: pointer; color: #0d4b98; position: absolute; top: 50%; padding: 5px; background: #fff; font-size: 24px; right: 100%; z-index: 1000; margin-top: -18px; } #ad-boxes .arrow.right { right: unset; left: 100%; } #advisory-groups-slider .ad-box { margin: 15px; } #advisory-groups-slider .ad-box .img-responsive { } #advisory-groups-row { margin: 0 -5px; } #advisory-groups-row:after { clear: both; content: ''; display: table; } #advisory-groups-row .ad-box { float: left; padding: 5px; width: 11.11111111111%; } #advisory-groups-row .ad-box .box-holder { display: table; width: 100%; height: 80px; background: #b6cc4a; color: #000; } #advisory-groups-row .ad-box .box-holder.orange { background: rgb(230,80,39); } #advisory-groups-row .ad-box .box-holder div { display: table-cell; vertical-align: middle; padding: 5px; font-weight: bold; text-align: center; } #advisory-groups-row .ad-box .box-holder div span { display: block; font-size: 9px; line-height: 1.2em; font-weight: normal; } #home { padding-bottom: 0; } #home .giant-quotebox.blue { background: #9fd3e8 !important; margin: 30px 0; } #home h1.navy { color: #212448; } #theme-banner { background: #000 url('../images/FAF_3Women.jpg') 50% 50% no-repeat; background-size: cover; margin-bottom: 30px; } #theme-banner .container { position: relative; padding-top: 47.5%; } #theme-banner h1 { position: absolute; top: 30px; left: 0; color: #fff; font-size: 56px; line-height: 1.1em; text-transform: uppercase; text-shadow: 0 0 8px rgba(0,0,0,0.1); } .word-cloud { margin: 30px 0; padding: 60px; background: #212448; overflow: hidden; } .word-cloud .wrap { position: relative; } .word-cloud .layered div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .word-cloud .layered .img-responsive { animation-delay: 0.5s; animation-duration: 1.5s; } #how-we-work { margin: 30px 0; } #how-we-work h1 { color: #212448; } #how-we-work h1 .green { color: #bccd34; } #how-we-work h1 .orange { color: rgb(230,80,39); } #how-we-work h3 { color: #212448; font-weight: bold; font-size: 18px; margin: 0; } #how-we-work .quotebox { position: relative; z-index: 10; margin: 10px 0 20px -120px; float: left; padding: 30px 30px 30px 120px; color: #fff; background: #bccd34; font-size: 32px; line-height: 1.3em; font-weight: normal; } #how-we-work .quotebox:after { clear: both; display: table; content: ''; } #how-we-work .quotebox.orange { background: rgb(230,80,39); } #how-we-work .img-responsive { margin-bottom: 20px; } /*------UTILTIES----------*/ .flex-row { display: flex; flex-wrap: nowrap; flex-grow: 1; justify-content: space-between; align-items: center; } .black-white { transition: all 0.2s ease-in-out 0s; } .ie-row:hover .black-white, .ie-row .black-white.inactive { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; } .ie-row:hover .black-white:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .thankyous .img-responsive { max-width: 150px; } /*------ABOUT US----------*/ #about { padding: 130px 60px 0px; min-height: 100%; position: relative; } #about-banner { background: #212448; overflow: hidden; margin: -60px -60px 0px; } #about-banner .photo-row { margin: 0 -15px; position: relative; } #about-banner .photo { float: left; width: 33%; padding-top: 33.33333%; background-color: #eee; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } #about-banner #about-photo-2 { background-image: url('../images/about-2.jpg'); width: 34%; border-left: 15px solid #212448; border-right: 15px solid #212448; } #about-banner #about-photo-1 { background-image: url('../images/about-1.jpg'); } #about-banner #about-photo-3 { background-image: url('../images/about-3.jpg'); } #about-banner .photo-row:before { display: table; content: " "; } #about-banner .photo-row:after { display: table; content: ''; clear: both; } #about-companies { padding: 30px 0; margin: 0 -60px; background: #212448; color: #fff; } #about-companies a {color: #9fd3e8; } #about-companies .img-responsive { max-height: 48px; margin-bottom: 30px; } /*------LETTERS----------*/ .letter { padding: 130px 60px 60px; position: relative; } .letter .quotebox { position: relative; z-index: 10; margin: 10px 0 20px -120px; float: left; padding: 30px 30px 30px 120px; color: #fff; background: #9fd3e8; font-size: 32px; line-height: 1.3em; font-weight: normal; } .letter .quotebox:after { clear: both; display: table; content: ''; } .letter h1 { margin-top: 0; } .giant-quotebox { padding: 60px 0; background: #bccd34; color: #212448; } .giant-quotebox .q { font-size: 36px; line-height: 1.5em; color: #fff; margin-bottom: 15px; } .siggy { max-width: 200px; } .bio { margin-bottom: 30px; } .quicklinks { background: #212448; color: #fff; padding: 15px; margin-bottom: 30px; } .quicklinks h3 { font-size: 18px; color: #fff; margin: 0 0 15px; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.1); } .quicklinks ul { margin: 15px 0 0; padding-left: 18px; } .quicklinks li:before { background: #fff; } .quicklinks a { color: #fff !important; } .highlights { padding: 0px 0; position: relative; } .highlights h1 { margin: 15px 0 30px; } .highlights h3 { display: inline-block; background: #212448; font-size: 22px; font-weight: normal; padding: 15px 30px 15px 120px; margin: 0px 0 15px -120px; color: #fff; } .highlights li { margin-bottom: 10px; } .ie-row { margin: 0 auto; position: relative; } .ie-row:after { clear: both; content: ''; display: table; position: relative; } /*------FAF----------*/ #faf-letter { padding: 0; } #faf-letter .bio { color: #9fd3e8; } #faf-letter .quicklinks a:hover { color: #9fd3e8 !important; } #faf-members { } #faf-members h1 { color: #9fd3e8; text-transform: uppercase; } #faf-members h1 .img-responsive { max-height: 85px; } #faf-members strong { color: #9fd3e8; } #faf-members .redbox { background: #212448; color: #fff; padding: 30px 0; } #faf-members .redbox h1 { color: #fff; } #faf-members .redbox .inactive { opacity: 0.5; } #faf-members .redbox strong { color: #fff; } #faf-members .hover-image { float: left; width: 10%; } #faf-members .second-row .hover-image { float: left; width: 9.7%; } #faf-members .second-row .gap-spacing { float: left; width: 3%; } /*------FASB----------*/ #fasb-letter { padding: 0; } #fasb-letter h1 { color: #bccd34; } #fasb-letter a { color: #bccd34; } #fasb-letter .quotebox { background: #bccd34; } #fasb-letter .highlights { background: #fff; } #fasb-letter .highlights h3 { color: #bccd34; } #fasb-letter .highlights li:before { background: #bccd34; } #fasb-letter .highlights li ul { margin: 0; } #fasb-letter .highlights li ul li:before { background: transparent; border: 2px solid #bccd34; } #fasb-letter hr { border-color: #bccd34; } #fasb-letter .quicklinks a:hover { color: #bccd34 !important; } #fasb-members { padding-bottom: 0; } #fasb-members h1 { color: #bccd34; text-transform: uppercase; } #fasb-members h1 .img-responsive { max-height: 85px; } #fasb-members .redbox { background: #212448; color: #fff; padding: 30px 0; } #fasb-members .redbox .inactive { opacity: 0.5; } #fasb-members .thankyous strong { color: #bccd34; } #fasb-members .hover-image { float: left; width: 12.5%; } /*------GASB----------*/ #gasb-letter { padding: 0; } #gasb-letter .bio { color: rgb(230,80,39); } #gasb-letter h1 { color: rgb(230,80,39); } #gasb-letter a { color: rgb(230,80,39); } #gasb-letter .quotebox { background: rgb(230,80,39); } #gasb-letter h3 { color: rgb(230,80,39); } #gasb-letter .highlights h3 { color: rgb(230,80,39); } #gasb-letter .highlights li:before { background: rgb(230,80,39); } #gasb-letter hr { border-color: rgb(230,80,39); } #gasb-letter .quicklinks h3 { color: #fff; } #gasb-letter .quicklinks a:hover { color: rgb(230,80,39) !important; } #gasb-members { padding-bottom: 0; } #gasb-members .giant-quotebox { background: rgb(230,80,39); } #gasb-members h1 { color: rgb(230,80,39); text-transform: uppercase; } #gasb-members h1 .img-responsive { max-height: 85px; } #gasb-members .redbox { background: #212448; color: #fff; padding: 30px 0; } #gasb-members .redbox .inactive { opacity: 0.5; } #gasb-members .hover-image { float: left; width: 12.5%; } /*------WELCOME AND THANK YOU----------*/ #welcome-thankyou { padding-top: 130px; padding-bottom: 60px; position: relative; } #welcome-thankyou h1 { color: #212448; } #welcome-thankyou h3 { color: #212448; font-weight: bold; font-size: 20px; margin: 0; } #welcome-thankyou strong { color: #212448; } #welcome-thankyou .img-responsive { max-width: 150px; margin-top: 10px; } #welcome-thankyou .headshot { font-size: 14px; line-height: 1.4em; } /*------------ADVISORY GROUPS----------------------*/ #advisory-groups { padding-top: 130px; padding-bottom: 60px; position: relative; } #advisory-groups .border { z-index: -1; position: absolute; top: 103px; left: 30px; bottom: 30px; right: 30px; border: 2px solid rgba(0,0,0,0.3); } #advisory-groups h1 { font-size: 22px; text-transform: uppercase; font-weight: bold; color: #212448; } #advisory-groups h2 { position: relative; text-transform: uppercase; z-index: 10; text-transform: none; min-width: 350px; margin: 40px 0; float: left; padding: 30px 30px 30px 60px; color: #000; background: #bdd247; font-size: 30px; line-height: 1em; font-weight: bold; } #advisory-groups h2.gasb {background: #d25931; } #advisory-groups h2 span { display: block; font-size: 22px; } #advisory-groups h2:after { clear: both; display: table; content: ''; } #advisory-groups h3 { font-size: 22px; text-transform: uppercase; font-weight: bold; color: #212448; margin: 0 0 5px; } #advisory-groups a { color: #212448; } .advisory-flex { margin: 15px auto; display: flex; flex-flow: row nowrap; align-items: center; } .advisory-flex .icon { order: 0; flex-basis: 25%; min-width: 25%; padding-right: 30px; } .advisory-flex .icon a, a.more-icon { display: block; position: relative; background: #bdd247; color: #000; text-align: center; text-decoration: none; padding: 100% 15px 0; } .advisory-flex .icon a.orange, a.more-icon.orange { background: #d25931; } .advisory-flex .icon a span.holder, a.more-icon span.holder { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .advisory-flex .icon a span.holder span, a.more-icon span.holder span { display: block; text-align: center; font-size: 36px; line-height: 1em; font-weight: bold; } .advisory-flex .icon a span.holder span .mini, a.more-icon span.holder span .mini { display: block; margin-top: 4px; font-weight: normal; font-size: 18px; line-height: 1.3em; } .page.advisory-page { padding-top: 130px; padding-bottom: 30px; color: #666; position: relative; } .page.advisory-page .border { z-index: -1; position: absolute; top: 103px; left: 30px; bottom: 30px; right: 30px; border: 2px solid rgba(0,0,0,0.3); } .page.advisory-page strong { color: #333; } .page.advisory-page.fasb h1 { color: #bdd247; text-transform: uppercase; font-weight: bold; font-size: 22px; line-height: 1.5em; } .page.advisory-page.fasb h2 { color: #bdd247; text-transform: uppercase; font-weight: bold; font-size: 22px; line-height: 1.5em; text-transform: none; } .page.advisory-page.fasb h3 { color: #bdd247; text-transform: uppercase; font-weight: bold; font-size: 18px; line-height: 1.5em; } .page.advisory-page.gasb h1 { color: #d25931; text-transform: uppercase; font-weight: bold; font-size: 22px; line-height: 1.5em; } .page.advisory-page.gasb h2 { color: #d25931; text-transform: uppercase; font-weight: bold; font-size: 22px; line-height: 1.5em; text-transform: none; } .page.advisory-page.gasb h3 { color: #d25931; text-transform: uppercase; font-weight: bold; font-size: 18px; line-height: 1.5em; } .page.advisory-page .more-icon { margin: 15px auto; } .other-groups-bg { margin: 30px 0 0; padding: 30px 0; } .other-groups-bg .diamond-bot { margin-bottom: 30px; } .gasb-gray-bg, .fasb-gray-bg { margin: 0 0 0px; padding: 15px 0; color: #666; } .fasb-gray-bg h1, .gasb-gray-bg h1 { margin-top: 0; } .diamond-view-all { background: transparent; border: 2px solid #25aae1; color: #25aae1; } .gasb .diamond-view-all { border: 2px solid #d64939; color: #d64939; } @media all and (max-width: 991px) { .container { max-width: 660px !important; } #home { padding: 70px 0 0 !important; } #top-cover .padded { padding: 0 45px; } #cover-repeated, #new-cover { height: auto !important; } #cover-repeated .cover, #new-cover .cover { position: static; padding: 60px 45px; } .cover .padded { padding: 0px; } #theme, #theme-footer { padding: 120px 60px; height: auto; } } @media all and (min-width: 766px) and (max-width:991px) { } @media all and (max-width:765px) { .page { padding: 90px 15px 45px !important; } .page h1 { font-size: 22px; line-height: 1em; margin-top: 0; } .hide-mobile { display: none; } .menu-row .column-1, .menu-row .column-2, .menu-row .column-3 { width: 100%; margin-bottom: 15px; } .mobile-banner { margin: 0 -15px; } #home .mobile-banner { margin: 0 0 15px; } #home-video { margin: 0 -15px; padding: 15px 0; } #home-video h2 { font-size: 32px; line-height: 1.1em; margin-top: 0; } #home-buttons { margin: 15px -15px; } .word-cloud { padding: 15px; } #intro { padding: 70px 15px 15px !important; } #about { padding-bottom: 0 !important; } #about-banner { margin: -20px -15px 30px; } #about-banner #about-photo-2 { border-left-width: 4px; border-right-width: 4px; } #about-companies { margin: 0 -15px; padding: 15px 15px; } #about-companies .img-responsive { margin: 15px 0 15px; } #about-companies .col-sm-4 { padding-bottom: 30px; } #advisory-groups h2 { font-size: 22px; float: none; padding: 30px; margin: 0 -15px; } .flex-row, .advisory-flex { flex-flow: row wrap; align-items: center; } .advisory-flex .icon { min-width: 100%; flex-basis: 100%; order: 0; flex: 1 100%; padding: 0 0 30px; } a.more-icon span.holder span { font-size: 18px; line-height: 1em; } a.more-icon span.holder span .mini { font-size: 10px; line-height: 1.3em; } .letter { margin: 0px; padding: 0px; position: relative; } .letter .quotebox, #how-we-work .quotebox { font-size: 22px; float: none; padding: 30px; margin: 15px -30px; } #how-we-work .quotebox { margin: 15px -15px; } .highlights h3 { padding: 15px; margin: 0 0 15px; } .highlights { margin: 0 -15px; padding: 15px; } #faf-members { padding: 90px 15px 15px !important; } #faf-members .redbox { margin: 15px -15px; padding: 15px; } #fasb-members { padding: 90px 15px 0px !important; } #fasb-members .redbox { margin: 15px -15px 0; padding: 15px; } #gasb-members { padding: 90px 15px 0px !important; } #gasb-members .redbox { margin: 15px -15px 0; padding: 15px; } .giant-quotebox { padding: 15px; margin: 0 -15px; } .giant-quotebox .q { font-size: 20px; line-height: 1.4em; } }