/*** ELEMENTAL STYLES ***/ *{margin: 0; padding: 0; border: 0;} body, html {margin: 0; padding: 0px; border: 0; font-family: Georgia, "Times New Roman", Times, serif; color: #000; height: 100%; line-height: 1.4em;} body {background: #21201e; font-size: 20px;} a {color: #7797b9; text-decoration: none;} a:hover {color: #ababab;} p {margin: 0 0 1.1em 0; padding: 0;} hr {height: 2px; background-color: #ccc; margin-bottom: 1.1em;} td {vertical-align: top;} input, select, textarea {border: 1px solid #ccc;} input[type="submit"] {border: 0px;} h1, h2, h3, h4, h5, h6 {margin: 0 0 7px 0; line-height: 1.1em; font-family: "brandon-grotesque", sans-serif; font-style: normal; font-weight: 400;} h1 a, h2 a, h4 a, h5 a, h6 a {font-weight: normal;} h1 {font-size: 32px; color: #7797b9; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 30px 0;} h2 {font-size: 24px; color: #7797b9; font-family: Georgia, "Times New Roman", Times, serif;} h3 {font-size: 21px; text-transform: uppercase; font-weight: 500;} h4 {font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700;} h5 {font-size: 18px; color: #7797b9; font-weight: 500; text-transform: uppercase;} h6 {font-size: 16px; font-weight: 500;} /*** CLASSES ***/ .clear {clear: both;} .hide {display: none;} .aligncenter {text-align: center;} .alignleft {float: left;} .alignright {float: right;} .blueBar {position: relative;} .blueBar:after {content: ''; background-color: #7797b9; height: 14px; position: absolute; top: 0; left: 0; width: 62.5%;} .blueBtn {font-size: 24px; padding: 14px 20px; background-color: #7797b9; color: #fff; font-weight: 400; font-style: italic; font-family: "brandon-grotesque", sans-serif; letter-spacing: 2px;} .blueBtn:hover {background-color: #21201e; color: #fff;} .blueBtn:active {position:relative; top:1px;} .blueOutlineBtn {font-size: 28px; padding: 0 30px; border: 4px solid #7797b9; background-color: #fbfdff; color: #acacac; font-weight: 500; font-style: italic; font-family: "brandon-grotesque", sans-serif; letter-spacing: 2px;} .blueOutlineBtn:hover {background-color: #7797b9; border: 4px solid #7797b9; color: #fff;} .blueOutlineBtn:active {position:relative; top:1px;} .wp-caption.alignleft, img.alignleft {float: left; margin: 0 20px 15px 0;} .wp-caption.alignright, img.alignright {float: right; margin: 0 0 15px 20px;} .wp-caption.aligncenter, img.aligncenter {display: block; margin: 0 auto 1.1em;} .wp-caption-text {font-size: 11px; color: #444; padding: 0 30px; line-height: 15px; text-align: center; margin-top: 3px;} /** Pagination **/ .pagination.bot {margin-top: 20px;} .pagination .page-numbers {display: inline-block; font-size: 18px; border: 1px solid #ccc; padding: 6px 16px; margin: 0 4px 8px 0; font-weight: 700; font-family: "brandon-grotesque", sans-serif;} .pagination .page-numbers.current {color: #ababab;} .pagination a.page-numbers:hover {background-color: #ababab; border: 1px solid #ababab; text-decoration: none; color: #fff;} /** Gallery Styles **/ #content .gallery {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;} #content .gallery .gallery-item {width: 170px; max-width: none; margin: 0 1% 2%;} /*** LAYOUT STYLES ***/ .globalWrapper, #mainHeader, #welcome, #dream, #network, #family, #team, #newsletter, #pageBanner, #content, #mainFooter {max-width: 1120px; width: auto; margin: 0 auto; box-sizing: border-box;} /*** HEADER STYLES ***/ #headerWrapper {border-bottom: 13px solid #7797b9; background: #fbfdff;} #mainHeader {padding-top: 50px;} #mainHeader #logo {padding-bottom: 45px; float: left;} #mainHeader #logo img:hover {opacity:0.6; filter:alpha(opacity=60);} /* Navigation */ #mainNav {padding-top: 80px; font-family: "brandon-grotesque", sans-serif; float: right;} #mainNav ul {margin: 0; padding: 0 0 0 0; list-style: none; overflow: hidden;} #mainNav ul li {float: left; padding: 0; margin: 0;} #mainNav ul li:first-of-type {display: none;} #mainNav ul li a {padding: 10px 25px; font-size: 24px; font-weight: 500; color: #000; display: block;} #mainNav ul li:last-child a {font-weight: 700; color: #7797b9;} #mainNav ul li.current_page_item a, #mainNav ul li.current_page_parent a, #mainNav ul li.current-page-ancestor a, #mainNav ul li a:hover {color: #ababab;} #openMobileMenu, #closeMobileMenu, #mainNav ul.children {display: none;} #openMobileMenu {padding: 10px; width: 100%; background: none; font-family: "brandon-grotesque", sans-serif; font-weight: 700; font-size: 24px;} #mainNav #closeMobileMenu {width: 100%; padding: 20px 30px 20px 20px; background-color: #554840; color: #fff; text-align: center; font-weight: bold; font-size: 18px;} html.mobileMenu-open, body.mobileMenu-open {overflow: hidden;} body.mobileMenu-open #mainNav {left: 0;} #mobileMask {position: fixed; top: 0; left: 0; z-index: 899; width: 100%; height: 100%; background: rgb( 0, 0, 0 ); background: rgba(0, 0, 0, 0.8); -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } /*** HOME STYLES ***/ #mainBannerWrapper {background: #7797b9;} #mainBanner {height: 470px; overflow: hidden;} /** Slideshow **/ #slideshow {width: 100%; height: 470px; overflow: hidden; position: relative; clear: both; font-family: "brandon-grotesque", sans-serif;} #slideshow ul {list-style: none;} #slideshow li {position: absolute; top: 0; right: 0; z-index: 1; width: 100%; height: 100%; background-position: center; background-size: cover;} #slideshow li.selected {z-index: 3;} #slideshow li.lastSelected {z-index: 2;} #slideshow .slideContent {width: 1120px; position: relative; top: 60px; color: #fff; margin: 0 auto;} #slideshow .slideContent .title {width: 750px; height: 110px; font-size: 44px; font-weight: 400; text-transform: uppercase; line-height: 1.2em;} #slideshow .slideContent .desc {width: 360px; height: 125px; margin-top: 90px; background: #7797b9; color: #fff; overflow: hidden; float: right;} #slideshow .slideContent .desc .info {margin: 20px; font-size: 20px; letter-spacing: 2px; line-height: 1.3em; font-weight: 500;} #slideshow .slideContent .desc .info p {margin: 0 0 10px 0;} #slideshow .slideContent .whiteBtn {font-size: 18px; padding: 2px 20px; background-color: #fff; color: #ababab; font-weight: 700; font-style: italic; letter-spacing: normal;} #slideshow .slideContent .whiteBtn:hover {background-color: #21201e; color: #fff;} #slideshow .slideContent .whiteBtn:active {position:relative; top:1px;} #thumbnails {position: absolute; z-index: 5; bottom: 25px; width: 100%; text-align: center;} #thumbnails a {display: inline-block; border-radius: 10px; width: 14px; height: 14px; background-color: #fff; margin-right: 10px;} #thumbnails a:last-of-type {margin-right: 0;} #thumbnails a:hover, #thumbnails a.selected {background-color: #7797b9;} /** Welcome **/ #welcomeWrapper {background: #fbfdff;} #welcome {display: -webkit-flex; display: flex; align-items: center;} #welcome #intro {width: 750px; margin-top: 80px; margin-bottom: 80px;} #welcome #gears {width: 250px; margin: 20px 0; padding-left: 120px;} #welcome #gears img {display: block; max-width: 100%; height: auto;} #welcome strong {color: #7797b9;} /** Dream **/ #dreamWrapper {height: 415px; background: url( '../images/bgr_dreams.jpg' ) no-repeat center/cover; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;} #dream {color: #fff; text-align: center;} #dream h1 {font-size: 44px; font-weight: 400; letter-spacing: 5px; text-transform: uppercase; line-height: 1.3em; font-family: "brandon-grotesque", sans-serif; margin: 0; text-align: center; color: #fff;} #dream p {padding: 0 150px;} /** Netwrork **/ #networkWrapper {background: #fbfdff url( '../images/mosaic.svg' ) no-repeat right bottom;} #network {display: -webkit-flex; display: flex; overflow: hidden; position: relative; padding: 20px 0 60px;} #network h1 {letter-spacing: 3px;} #network #intro {width: 700px; margin-top: 80px;} #network #image {width: 320px; margin-top: 20px; padding-left: 100px;} /** Family **/ #familyWrapper {height: 570px; background: url( '../images/bgr_family.jpg' ) no-repeat center/cover; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;} #family {display: -webkit-flex; display: flex; color: #fff;} #family .col {width: 29.47%; margin: 0 20px;} #family .col .title {font-size: 44px; font-weight: 400; text-transform: uppercase; line-height: 1.5em; font-family: "brandon-grotesque", sans-serif;} #family .col .block {margin: 0 0 80px 0; padding-top: 20px; border-top: 13px solid #7797b9;} #family .col .block:last-of-type {margin-bottom: 0;} /** Team **/ #teamWrapper {background: #fbfdff;} #team h1 {padding: 60px 0 30px; font-size: 44px; letter-spacing: 4px; margin: 0;} #team #grid {display: -webkit-flex; display: flex; margin-top: 70px; border-top: 13px solid #7797b9;} #team #grid h1 {color: #554840;} #team #grid #text {width: 320px; padding-right: 125px;} #team #grid #collage {width: 60.50%; width: calc( 100% - 445px );} #team #grid #collage ul {margin: 0; padding: 0 0 0 0; list-style: none; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} #team #grid #collage li {width: 33.33%; padding: 0; margin: 0;} #team #grid #collage li img {display: block; max-width: 100%; height: auto;} #team #grid #collage li > * {display: block; position: relative;} #team #grid #collage li > * span {position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; text-align: center; color: #fff; font-size: 16px; font-weight: 700; font-family: "brandon-grotesque", sans-serif; opacity: 0; line-height: 20px; padding: 0 10px; box-sizing: border-box; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #team #grid #collage li > *:after {content: ''; background: rgb(119,151,185); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #team #grid #collage li:hover > *:after{opacity: 0.75;} #team #grid #collage li:hover span {opacity: 1;} #team #grid #collage ul.double li.spacerDouble {width: 66.66%;} #team #grid #collage ul.double li.spacerSingle, #team #grid #collage ul.single li.spacerDouble {display: none;} #team #grid #collage li.spacerDouble > * span, #team #grid #collage li.spacerSingle > * span {opacity: 1; font-size: 20px; line-height: 1.4;} /** Newsletter **/ #newsletterWrapper {background: url('../images/bgr_newsletter.jpg') repeat-x top; border-bottom: 2px solid #fff;} #newsletter {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 40px 0 20px;} #newsletter h1 {color: #7797b9; font-size: 44px; font-weight: 400; text-transform: uppercase; line-height: 1.2em; font-family: "brandon-grotesque", sans-serif; letter-spacing: 4px;} #newsletter #text {width: 580px; padding-right: 20px; margin-top: 30px;} #newsletter #form {width: 425px;} #newsletter #form p {margin-bottom: 10px;} #newsletter #form .text {width: 100%; background-color: #bababb; border: none; color: #7797b9; font-size: 20px; padding: 15px 20px; box-sizing: border-box; font-family: "brandon-grotesque", sans-serif;} #newsletter #form #hcnt-captcha {margin-bottom: 10px;} #newsletter #form ::-webkit-input-placeholder {color: #7797b9; text-transform: uppercase; letter-spacing: 3px;} #newsletter #form ::-moz-placeholder {color: #7797b9; text-transform: uppercase; letter-spacing: 3px;} #newsletter #form :-ms-input-placeholder {color: #7797b9; text-transform: uppercase; letter-spacing: 3px;} /*** PAGE STYLES ***/ #pageBannerWrapper {background: #7797b9; border-bottom: 13px solid #7797b9; background-repeat: no-repeat; background-size: cover; background-position: bottom center; height: 340px;} #pageBannerWrapper.special {height: 470px; background-position: center;} #pageBanner {position: relative; height: 100%;} #pageBanner img {display: block; max-width: 100%; height: auto;} #pageBanner span {width: 500px; bottom: 30px; color: #fff; font-size: 44px; font-weight: 400; text-transform: uppercase; line-height: 1.0em; font-family: "brandon-grotesque", sans-serif; letter-spacing: 4px; position: absolute;} #pageBannerWrapper.special #pageBanner {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;} #pageBannerWrapper.special #pageBanner div {text-align: center;} #pageBannerWrapper.special #pageBanner span {display: block; width: 100%; bottom: auto; position: static; text-transform: capitalize;} #pageBannerWrapper.special #pageBanner span.bigTitle {font-size: 60px; margin-bottom: 30px;} #pageBannerWrapper.special #pageBanner span.bigTitle sup{position: relative; top: -12px; left: 4px; font-size: 24px;} #pageBannerWrapper.special #pageBanner span.smallTitle {font-size: 38px; line-height: 38px; width: 645px; margin: 0 auto;} #contentWrapper {background: #fbfdff;} #content {padding: 60px 0;} #content ul, #content ol {padding-left: 20px; margin-bottom: 1.2em;} #content ul ul, #content ol ol {padding-left: 20px; margin-bottom: 0;} #content ul.ui-tabs-nav {padding: 0; margin: 0;} #content.sidebar {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} /** Tab Styles **/ .tabs {padding-top: 90px;} .tabs h3.accord {display: none; font-size: 32px; border-bottom: 12px solid #7797b9; padding-bottom: 8px; padding-right: 30px; position: relative; cursor: pointer; box-sizing: border-box;} .tabs h3.accord:after {content: '\f078'; font-family: 'FontAwesome'; font-size: 16px; position: absolute; right: 10px;} .tabs h3.accord.active:after {transform: rotate(180deg);} .tabs > ul {list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: flex; width: 100%; border-bottom: 3px solid #d3d4d5;} .tabs > ul li {margin-right: 80px; position: relative; top: 1px;} .tabs > ul li:last-of-type {margin-right: 0;} .tabs > ul li a {display: block; text-decoration: none!important; font-size: 32px; color: #ababab; padding: 15px 0 30px 0; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; border-top: 12px solid #fbfdff; font-family: "brandon-grotesque", sans-serif;} .tabs > ul li.ui-tabs-active a {border-top: 12px solid #7797b9; color: #554840;} .tabs div.ui-tabs-panel {padding: 50px 0 20px;} #content .post {padding: 30px 0; color: #acacac;} #content .post h1 {margin: 0 0 10px 0; width: 100%;} #content .post .more a {font-size: 22px; font-family: "brandon-grotesque", sans-serif; font-weight: 700;} #content .post .image {float: left; padding-right: 40px; margin-top: 8px;} #content .post .image img {display: block; max-width: 100%; height: auto;} #content .post .image:hover img {opacity:0.6; filter:alpha(opacity=60);} #content .post .snippet {width: 66.67%; float: left;} #content .post .period {width: 170px; height: 40px; padding: 10px 10px 0 10px; margin-right: 40px; color: #fff; background: #7797b9; text-align: right; font-weight: 500; font-size: 24px; text-transform: uppercase; font-family: "brandon-grotesque", sans-serif; float: left;} /*** EVENTS STYLES ***/ #events {margin-top: 70px; padding: 40px 0; border-top: 3px solid #d5d5d5; text-transform: uppercase; font-family: "brandon-grotesque", sans-serif;} #events .row {display: -webkit-flex; display: flex; padding: 50px 0 30px;} #events > div.row:last-of-type .desc {border-bottom: 0; padding-bottom: 0;} #events .date {min-width: 180px; min-height: 115px; margin-right: 40px; color: #7797b9; font-size: 56px; text-align: center; letter-spacing: 4px; line-height: 1.0em;} #events .dateInner {border-right: 3px solid #7797b9;} #events .desc {width: 890px; color: #acacac; border-bottom: 2px solid #ababab; line-height: 1.8em; padding-bottom: 60px; box-sizing: border-box;} #events .row.full .desc {width: 100%;} #events .desc .title {font-size: 32px;} #events .desc .details {font-size: 28px; font-weight: 700;} #events .desc .button {margin: 40px 0 0;} /*** CAREER STYLES ***/ .openings .post {padding: 30px 0; color: #acacac;} .openings .post .more a {font-size: 22px; font-family: "brandon-grotesque", sans-serif; font-weight: 700;} .openings .post h1 {margin: 0 0 0 0;} /*** TEAM STYLES ***/ .team-nav {height: 40px; margin-bottom: 40px; font-size: 40px; position: relative;} .team-nav .control {position: absolute;} .team-nav .arrow-prev {left: 0;} .team-nav .arrow-next {left: 424px;} .team-nav .exit {right: 0;} #flexWrap {display: -webkit-flex; display: flex;} .profile {max-width: 450px; margin-right: 50px; display: block} /* min-width: 450px; */ .profile .image {padding-bottom: 70px;} .profile .name {margin: 0 0 10px 0; color: #7797b9; font-size: 32px; font-family: "brandon-grotesque", sans-serif; font-weight: 700; letter-spacing: 2px;} .profile .position {margin: 0 0 15px 0; color: #acacac; font-size: 24px; font-style: italic; letter-spacing: 2px;} .profile .social {border-top: 6px dotted #a8c1df; margin: 20px 0; padding-top: 15px;} .profile .social ul {margin: 0; padding: 0 0 0 0!important; list-style: none; overflow: hidden;} .profile .social ul li {float: left; padding: 0; margin: 0;} .profile .social ul li a {padding-right: 20px; font-size: 50px; color: #818181; display: block;} .profile .social ul li a:hover {color: #7797b9;} .profile .name, .profile .position, .profile .social {display: none;} /* These are now mobile only */ .bio {color: #acacac; max-width: 620px; display: block} /* width: 100%; */ .bio .bio-top {border-bottom: 6px dotted #a8c1df; padding-bottom: 15px; margin-bottom: 20px;} .bio .bio-top .name {margin: 0 0 10px 0; color: #7797b9; font-size: 32px; font-family: "brandon-grotesque", sans-serif; font-weight: 700; letter-spacing: 2px;} .bio .bio-top .position {margin: 0 0 15px 0; color: #acacac; font-size: 24px; font-style: italic; letter-spacing: 2px;} .bio .bio-top .social {float: right;} .bio .bio-top .social ul {margin: 0!important; padding: 0 0 0 0!important; list-style: none; overflow: hidden;} .bio .bio-top .social ul li {float: left; padding: 0; margin: 0;} .bio .bio-top .social ul li a {padding-right: 20px; font-size: 50px; color: #818181; display: block;} .bio .bio-top .social ul li a:hover {color: #7797b9;} /*** CONTACT STYLES ***/ table.contactTbl {margin-bottom: 20px; color: #ababab; text-align: center; letter-spacing: 2px;} table.contactTbl a {color: #ababab; font-weight: bold;} table.contactTbl a:hover {color: #000;} table.contactTbl hr {width: 60%; margin: 30px auto; background: #7797b9; height: 1px;} table.contactTbl img:hover {opacity:0.6; filter:alpha(opacity=60);} #cntWrapperTop {border-left: 35px solid #e0e1e2; padding-left: 25px; width: 100%; box-sizing: border-box;} #cntWrapperBot {padding-left: 60px; width: 100%; box-sizing: border-box;} #cntWrapper p {margin-bottom: 10px;} #cntWrapper .gen {width: 100%; background-color: #f0f2f3; color: #acacac; border: none; font-size: 20px; padding: 15px 20px; box-sizing: border-box; font-family: "brandon-grotesque", sans-serif;} #cntWrapper .wpcf7-list-item-label {font-size: 32px; color: #7797b9; letter-spacing: 3px; font-family: "brandon-grotesque", sans-serif; text-transform: uppercase;} #cntWrapper .wpcf7-list-item input {display: none;} #cntWrapper .wpcf7-list-item input:checked + #diffbox {background-color: #7797b9;} #cntWrapper #cnt-captcha {margin-bottom: 1.1em;} #cntWrapper #diffbox {display: inline-block; margin-right: 12px; width: 20px; height: 20px; border: 2px solid #7797b9; cursor: pointer;} #cntWrapper #cnt-submit {float: right; margin-top: -20px;} #cntWrapper ::-webkit-input-placeholder {color: #acacac; text-transform: uppercase; letter-spacing: 3px;} #cntWrapper ::-moz-placeholder {color: #acacac; text-transform: uppercase; letter-spacing: 3px;} #cntWrapper :-ms-input-placeholder {color: #acacac; text-transform: uppercase; letter-spacing: 3px;} /*** BRANDCONNECT STYLES ***/ #contentWrapper.bc > section > *:nth-last-child( 2 ) {margin-bottom: 0;} #contentWrapper.bc #content {font-family: 'brandon-grotesque', sans-serif; font-size: 25px; line-height: 32px;} #contentWrapper.bc #content > div + * {padding-top: 35px;} #contentWrapper.bc #content div.iphone {margin: 0 0 -300px 20px;} #blueSection {padding: 60px 0; background: #809ebe;} #blueSection #blueContent {color: #fff;} #blueSection #blueContent > h1:first-child, #blueSection #blueContent > h2:first-child, #blueSection #blueContent > h3:first-child, #blueSection #blueContent > h4:first-child, #blueSection #blueContent > h5:first-child, #blueSection #blueContent > h6:first-child {width: 45%; font-size: 45px; line-height: 45px; margin-bottom: 45px; color: #fff; text-transform: none; font-family: 'brandon-grotesque', sans-serif; letter-spacing: 5px;} #blueSection #blueContent *:nth-last-child( 2 ) {margin-bottom: 0;} #graphSection {padding: 50px 0; color: #545456;} #graphSection > h1:first-child, #graphSection > h2:first-child, #graphSection > h3:first-child, #graphSection > h4:first-child, #graphSection > h5:first-child, #graphSection > h6:first-child {font-size: 38px; line-height: 38px; font-weight: 400; letter-spacing: 2px; text-transform: none; color: #809ebe; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 auto; width: 60%;} #graphSection img.aligncenter {display: block; max-width: 100%; height: auto; margin: 50px auto;} #startedSection {max-width: 920px; margin: 30px auto 50px; border: 4px solid #809ebe; padding: 50px; position: relative; color: #ababab; font-size: 30px; line-height: 40px; text-align: center; font-style: italic;} #startedSection > h1 {color: #809ebe; font-size: 32px; font-weight: 500; margin: 0; position: absolute; top: -18px; left: 0; right: 0; margin: 0 auto; text-align: center; font-style: normal;} #startedSection > h1 span {position: relative; background: #fbfdff;} #startedSection > h1 span:before {content: ''; background: #fbfdff; position: absolute; left: -20px; width: 20px; height: 30px;} #startedSection > h1 span:after {content: ''; background: #fbfdff; position: absolute; right: -20px; width: 20px; height: 30px;} #startedSection a.investBtn {display: inline-block; font-family: 'brandon-grotesque', sans-serif; padding: 20px 34px; font-size: 36px; margin: 20px auto; color: #fff; text-transform: uppercase; font-style: normal; font-weight: 700; background: #809ebe; border: 2px solid #fff; box-shadow: 0 0 0 8px #809ebe;} #startedSection a.investBtn:hover {box-shadow: 0 0 0 8px #fff; border: 2px solid #809ebe; background: #fff; color: #809ebe;} #finePrint {padding: 20px 0 40px; font-size: 14px; color: #000000; font-weight: 700; line-height: 18px;} /* Magnific Popup Styles */ .mfp-content button.mfp-close {opacity: 1; color: #000; background-color: #fff; top: 10px; right: 10px; font-size: 34px;} .mfp-zoom-in .mfp-with-anim {opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8);} .mfp-zoom-in.mfp-bg {opacity: 0; transition: all 0.3s ease-out;} .mfp-zoom-in.mfp-ready .mfp-with-anim {opacity: 1; transform: scale(1);} .mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-zoom-in.mfp-removing .mfp-with-anim{transform: scale(0.8); opacity: 0;} .mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;} .mfp-content ul, .mfp-content ol {padding-left: 35px; margin-bottom: 1.1em;} .mfp-content ul ul, .mfp-content ol ol {padding-left: 30px; margin-bottom: 0;} #investInner {width: 50%; height: 50%; min-width: 320px; margin: 0 auto; position: relative; background-color: #fff; padding: 60px; border-radius: 4px; min-height: 100px;} #investInner > div {background: #fff; display: none;} #investInner > div:first-of-type {display: block;} #investInner code {display: block; margin-bottom: 1.2em; font-size: 26px; background-color: #eee; padding: 10px; width: 57px; margin: 0 auto 2em;} #pdfContainer {width:100%; height: 300px; overflow: auto; margin-bottom: 40px; padding: 10px; box-sizing: border-box; font-size: 16px; text-align: justify;} /*** SIDEBAR STYLES ***/ #hasSidebar {width: 71.43%; padding-right: 20px; box-sizing: border-box;} #sidebar {width: 200px; padding: 0 40px; letter-spacing: 3px; position: relative; margin-top: 35px;} #content.tabs #sidebar {margin-top: 85px;} #sidebar:after {content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background-color: #d5d5d5;} #content.single #sidebar{margin-top: 0;} #sidebar h4 {font-size: 20px; color: #7797b9; font-family: "brandon-grotesque", sans-serif; text-transform: uppercase;} #sidebar h4.archive {text-transform: capitalize;} #sidebar ul {margin: 0; padding: 0 0 30px 0; list-style: none; overflow: hidden;} #sidebar ul li {float: left; padding: 0; margin: 0;} #sidebar ul li a {padding: 15px 0; color: #acacac; font-size: 18px; line-height: 1.3em; display: block; letter-spacing: 1px;} #sidebar ul li a:hover {color: #000;} /*** FOOTER STYLES ***/ #mainFooter {padding: 40px 0 40px; line-height: 1.0em;} #mainFooter #links {padding-bottom: 70px; font-size: 20px; color: #fff;} #mainFooter #links a {color: #fff;} #mainFooter #links a:hover {color: #ccc;} #mainFooter #links #left {float: left;} #mainFooter #links #left ul {margin: 0; padding: 0 0 0 0; list-style: none; overflow: hidden;} #mainFooter #links #left li {float: left; padding: 0 50px 0 0; margin: 0;} #mainFooter #links #right {float: right;} #mainFooter #credits {color: #fff; font-size: 15px; float: left; font-family: 'PT Sans', sans-serif;}