/*** ELEMENTAL STYLES ***/ *{margin: 0; padding: 0; border: 0;} body, html {margin: 0; padding: 0px; border: 0; color: #000; height: 100%; line-height: 1.2em;} body {color: #2f3942; background: #2f3942; font-size: 18px; font-family: Montserrat;} a {color: #0062B3; text-decoration: none;} a:hover {color: #1e3860;} marquee {display: block; padding: 10px 0; color: #fff; background: #ec008c;} marquee a {text-decoration: underline; color: #fff;} marquee a:hover {text-decoration: none; color: #fff; opacity: 0.8;} marquee * {display: inline-block; margin-bottom: 0 !important;} marquee > * + * {margin-left: 8px;} 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-weight: 700; color: #1e3860; font-family: 'Encode Sans', sans-serif;} h1 a, h2 a, h4 a, h5 a, h6 a {font-weight: normal;} h1 {font-size: 44px;} h2 {font-size: 26px;} h3 {font-size: 24px;} h4 {font-size: 20px;} h5 {font-size: 18px;} h6 {font-size: 14px;} /*** CLASSES ***/ .mobile {display: none;} .clear {clear: both;} .aligncenter {text-align: center;} .alignleft {float: left;} .alignright {float: right;} .colorTeal {color: #148f76;} .smcx-widget {z-index: 100 !important;} .textalign-left {text-align: right;} .textalign-right {text-align: right;} .textalign-center {text-align: right;} .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 {margin-top: 30px; padding-top: 20px; border-top: 1px solid #dfdad0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;} .pagination .page-numbers {display: inline-block; font-size: 18px; padding: 10px 14px; border: 1px solid #ccc; margin: 0 4px; font-weight: 700;} .pagination .page-numbers.current {color: #21370f; text-decoration: none;} .pagination .screen-reader-text {margin: 0; padding: 0; border: 0;} .pagination a.page-numbers:hover {background-color: #21370f; border: 1px solid #21370f; text-decoration: none; color: #fff;} .orangeBtn {padding: 12px 25px; background-color: #eea14e; display: inline-block; color: #ffffff; text-decoration: none; text-align: center;} .orangeBtn:focus, .orangeBtn:hover {background-color: #1e3860; color: #fff;} .orangeBtn:active {position: relative; top: 1px;} .peachBtn {padding: 12px 25px; background-color: #d7ad8f; display: inline-block; color: #ffffff; text-decoration: none; text-align: center;} .peachBtn:hover {background-color: #1e3860; color: #fff;} .peachBtn:active {position: relative; top: 1px;} .blueBtn {padding: 12px 25px; background-color: #1e3860; display: inline-block; color: #ffffff; text-decoration: none; text-align: center;} .blueBtn:focus, .blueBtn:hover {background-color: #325F8C; color: #fff;} .blueBtn:active {position: relative; top: 1px;} .blueAltBtn {padding: 12px 25px; background-color: #344C70; display: inline-block; color: #ffffff; text-decoration: none; text-align: center;} .blueAltBtn:focus, .blueAltBtn:hover {background-color: #1e3860; color: #fff;} .blueAltBtn:active {position: relative; top: 1px;} .lightBlueBtn {padding: 12px 25px; background-color: #325F8C; display: inline-block; color: #ffffff; text-decoration: none; text-align: center;} .lightBlueBtn:focus, .lightBlueBtn:hover {background-color: #1e3860; color: #fff;} .lightBlueBtn:active {position: relative; top: 1px;} .grayBtn {padding: 12px 25px; background-color: #E3EBF1; display: inline-block; color: #5E676F; text-decoration: none; text-align: center;} .grayBtn:focus, .grayBtn:hover {background-color: #1e3860; color: #fff;} .grayBtn:active {position: relative; top: 1px;} .button {padding: 12px 25px; background-color: #eea14e; display: inline-block; color: #ffffff; text-decoration: none; text-align: center;} .button:focus, .button:hover {background-color: #1e3860; color: #fff;} .button:active {position: relative; top: 1px;} .button:focus, .blueBtn:focus, .grayBtn:focus, .peachBtn:focus, .orangeBtn:focus, .blueAltBtn:focus, .lightBlueBtn:focus {outline: 1px dotted #333;} /* Flex Zone */ .flex {display: -webkit-flex; display: flex;} .flex > * {-ms-flex: 0 1 auto;} .flex-row {-webkit-flex-direction: row; flex-direction: row;} .flex-col {-webkit-flex-direction: column; flex-direction: column;} .flex-wrap {-webkit-flex-wrap: wrap; flex-wrap: wrap;} .flex-hor-center {-webkit-justify-content: center; justify-content: center;} .flex-hor-end {-webkit-justify-content: flex-end; justify-content: flex-end;} .flex-hor-between {-webkit-justify-content: space-between; justify-content: space-between;} .flex-hor-around {-webkit-justify-content: space-around; justify-content: space-around;} .flex-vert-center {-webkit-align-items: center; align-items: center;} .flex-vert-end {-webkit-align-items: flex-end; align-items: flex-end;} /*** LAYOUT STYLES ***/ .globalWrapper {max-width: 1400px; width: auto; margin: 0 auto;} /*** HEADER STYLES ***/ #marqueeWrapper {background: #fff; padding-top: 20px;} #headerWrapper {background: #f5f7fa;} #mainHeader #logo {max-width: 180px; margin: 30px 0;} #mainHeader #logo a {display: block;} #mainHeader #logo img {display: block; max-width: 100%; height: auto;} #mainHeader #logo img:hover {opacity:0.6; filter:alpha(opacity=60);} #mainHeader #search {position: relative; top: 6px; margin-left: 20px;} #mainHeader #search .search-clear {display: block; padding: 12px; position: absolute; top: 0; left: 0; color: #ccc;} #mainHeader #search .search-clear.active{color: #eea14e;} #mainHeader #search #sf-submit {background: none; position: absolute; top: 0; right: 0; width: 60px; height: 48px; font-size: 24px; color: #b5b8b9;} #mainHeader #search #sf-submit i {position: relative; top: -3px; right: 6px;} #mainHeader #search input[type=text] {padding: 12px 40px; border-radius: 20px; width: 160px; box-sizing: border-box; font-size: 16px;} /* Navigation */ #headerMenu {display: flex; align-items: center; margin-left: 40px;} #mainNav {margin: 25px 0 10px;} #mainNav ul {margin: 0; padding: 0 0 0 0; list-style: none;} #mainNav ul li {padding: 0; margin: 0;} #mainNav ul li a {padding: 10px 22px; font-size: 16px; color: #000; display: block; text-align: center;} #mainNav ul.menu > li:first-child > a {padding-left: 0;} #mainNav ul.menu > li:last-child > a {padding-right: 0;} #mainNav ul li.current_page_item a, #mainNav ul li.current-page-ancestor a {color: #325f8c;} #mainNav ul li a:hover, #mainNav ul li a:focus, #mainNav ul li a:active, #mainNav ul li a:visited {color: #325f8c;} #mainNav ul li a:focus #mainNav ul li.menu-item-has-children > a {position: relative;} #mainNav ul li.menu-item-has-children > a:after {content: "\f107"; display: inline-block; margin-left: 4px; font-weight: 900; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} #mainNav ul ul.sub-menu {position: absolute; z-index: -2; min-width: 150px; margin-top: -10px; opacity: 0; background: #efefef; transition: all 0.6s;} #mainNav ul ul.sub-menu li {display: block;} #mainNav ul ul.sub-menu li a {font-size: 14px; text-align: left;} #mainNav ul ul.sub-menu li:hover > a {background-color: #f7f7f7;} #mainNav ul li:hover > ul.sub-menu, #mainNav ul li.focused > ul.sub-menu {z-index: 8; margin-top: 0; opacity: 1;} #openMobileMenu, #mainNav ul.children {display: none;} #openMobileMenu {background: none; margin-top: 10px; padding: 10px; color: #b5b8b9; font-size: 23px;} #closeMobileMenu {display: block; background: #eea14e; width: 100%; padding: 14px 20px; color: #1E3860;} #mobileMenuWrapper {position: fixed; top: 0; left: -300px; z-index: 900; display: none; width: 300px; height: 100%; overflow-y: auto; background-color: #1e3860; margin: 0; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #mobileMenuWrapper ul li {float: none; display: block;} #mobileMenuWrapper ul li a {display: block; border: 0; color: #fff; border-bottom: 1px solid #405678; border-top: 1px solid #1e3860; text-align: left; font-size: 16px; padding: 12px;} #mobileMenuWrapper ul li:last-of-type a {border-bottom: 0;} #mobileMenuWrapper ul.sub-menu {border-bottom: 1px solid #405678;} #mobileMenuWrapper ul.sub-menu a {font-size: 14px; padding-left: 35px;} #mobileMenuWrapper li.current_page_item > a, #mobileMenuWrapper li.current-page-ancestor > a, #mobileMenuWrapper ul ul li.current-cat > a {color: #fff; background: none;} html.mobileMenu-open, body.mobileMenu-open {overflow: hidden;} body.mobileMenu-open #mobileMenuWrapper {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 ***/ #homeWrapper {background: #fff;} #home {padding: 50px 0;} body.home #fundWrapper .fund .card span:not(.flex) {color: #1e3860;} /*** FUND STYLES ***/ #fundWrapper {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 100px; margin-top: 40px;} #fundWrapper .fund {margin: 15px; color: #fff; width: 270px; height: 270px; word-break: break-word; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; } #fundWrapper .fund.darkBlue .side {background: rgba(30,56,96,0.9);} #fundWrapper .fund.darkBlue:hover .side {background: rgba(30,56,96,1);} #fundWrapper .fund.gray .side {background: rgba(244,244,244,0.9);} #fundWrapper .fund.gray:hover .side {background: rgba(244,244,244,1);} #fundWrapper .fund.orange .side {background: rgba(250,167,74,0.9); } #fundWrapper .fund.orange:hover .side {background: rgba(250,167,74,1);} #fundWrapper .fund.offBlack .side {background: rgba(47,57,66,0.9);} #fundWrapper .fund.offBlack:hover .side {background: rgba(47,57,66,1);} #fundWrapper .fund.offWhite .side {background: rgba(227,235,241,0.9);} #fundWrapper .fund.offWhite:hover .side {background: rgba(227,235,241,1);} #fundWrapper .fund.blue .side {background: rgba(50,95,140,0.9);} #fundWrapper .fund.blue:hover .side {background: rgba(50,95,140,1);} #fundWrapper .fund.peach .side {background: rgba(215,173,143,0.9);} #fundWrapper .fund.peach:hover .side {background: rgba(215,173,143,1);} #fundWrapper .fund.orange .card span:not(.flex) {color: #1E3860;} #fundWrapper .fund.gray .card span:not(.flex) {color: #5E676F;} #fundWrapper .fund .card, #fundWrapper .fund .card .side {width: 100%; height: 100%; box-sizing: border-box;} #fundWrapper .fund .card {display: block; position: relative; color: #fff; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; } #fundWrapper .fund .card:focus {box-shadow: 2px 2px 7px rgb(0, 0, 0, 0.75); outline: 1px dotted #000; transition: none;} #fundWrapper .fund .card span:not(.flex) {display: block; color: #fff;} #fundWrapper .fund.white .card span:not(.flex), #fundWrapper .fund.offWhite .card span:not(.flex) {color: #2f3942;} #fundWrapper .fund .card .side {position: absolute; top: 0; left: 0; padding: 20px; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } #fundWrapper .fund .card .card-front {display: table; z-index: 2;} #fundWrapper .fund.has-thumbnail .card .card-front{background-repeat: no-repeat; background-position: center; background-size: contain;} body.blog #fundWrapper .fund.has-thumbnail .card .card-front, body.category #fundWrapper .fund.has-thumbnail .card .card-front{background-repeat: no-repeat; background-position: center; background-size: contain;} #fundWrapper .fund .card .card-front .title {display: table-cell; vertical-align: middle; text-align: center; font-size: 26px; text-align: center; line-height: 1.2em;} #fundWrapper .fund .card-back {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);} #fundWrapper .fund .card-back .back-inner {position: relative; height: 100%;} body:not(.home) #fundWrapper .fund .card-back .back-inner:after {content: ''; position: absolute; top: 0; right: 15px; background-color: #fff; width: 3px; height: 100%;} #fundWrapper .fund.white .card-back .back-inner:after {background-color: #000;} #fundWrapper .fund .card-back .listWrap {line-height: 14px; max-height: 235px; overflow: hidden; list-style: none;} #fundWrapper .fund .card-back .listItem {margin-bottom: 4px; font-size: 12px; margin-right: 24px;} #fundWrapper .fund .card-back .subTitle {font-size: 16px; display: block; position: absolute; left: calc( 100% + 10px ); top: 0; transform: rotate(90deg); transform-origin: top left; white-space: nowrap;} #fundWrapper .fund.ltr .card-front {-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg);} #fundWrapper .fund.ltr .card-back {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);} #fundWrapper .fund.ltr:hover .card {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);} #fundWrapper .fund.rtl .card-front {-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg);} #fundWrapper .fund.rtl .card-back {-webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg);} #fundWrapper .fund.rtl:hover .card {-webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg);} #fundWrapper .fund.utd .card, #fundWrapper .fund.dtu .card {-webkit-transform-origin: 100% 135px; transform-origin: 100% 135px;} #fundWrapper .fund.dtu .card-front {-webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg);} #fundWrapper .fund.dtu .card-back {-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg);} #fundWrapper .fund.dtu:hover .card {-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg);} #fundWrapper .fund.utd .card-front {-webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg);} #fundWrapper .fund.utd .card-back {-webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg);} #fundWrapper .fund.utd:hover .card {-webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg);} #fundWrapper .fund.no-transform:hover .card, #fundWrapper .fund.no-transform .card-front, #fundWrapper .fund.no-transform .card-back {-webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none;} #fundWrapper .fund.no-transform { -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; } body.home #fundWrapper {padding-bottom: 40px;} #fundWrapper .fund.bigFund {width: 450px; height: 450px;} #fundWrapper .fund.bigFund .card .card-front {display: flex; align-items: center; justify-content: center; text-align: center;} #fundWrapper .fund.bigFund .card .card-front strong, #fundWrapper .fund.bigFund .card .card-front span {display: block;} #fundWrapper .fund.bigFund .card .card-front strong {margin-bottom: 8px;} #fundWrapper .fund.bigFund .card .card-back {line-height: 1.4; font-size: 14px;} #fundWrapper .fund.bigFund .card .card-back > :last-child {margin-bottom: 0;} #fundWrapper .fund.bigFund .card-back .back-inner:before {display: none;} #fundWrapper .fund.bigFund.utd .card, #fundWrapper .fund.bigFund.dtu .card {-webkit-transform-origin: 100% 225px; transform-origin: 100% 225px;} /*** PAGE STYLES ***/ /* Page Banner(s) */ #bannerImage + #bannerVideo {padding-top: 40px;} .pageBannerWrapper {background: #fff;} .pageBannerWrapper .bannerInner {position: relative;} .pageBannerWrapper .bannerInner iframe {display: block; width: 100%;} .pageBannerWrapper .bannerInner img {display: block; max-width: 100%; height: auto; margin: 0 auto;} .pageBannerWrapper.orange {background: #eea14e; color: #fff;} .pageBannerWrapper.orange + #bannerImage {padding-top: 40px;} .pageBannerWrapper.orange .bannerInner {font-weight: 400;} .pageBannerWrapper.orange.hasWholesaler .bannerInner {height: 225px;} .pageBannerWrapper.orange .banner-title {display: block; padding: 40px 0; font-size: 44px; line-height: 1.2em;} .pageBannerWrapper #bannerFlex {display: -webkit-flex; display: flex;} .pageBannerWrapper #bannerFlex .flex-title {font-size: 40px; line-height: 1.2em; padding: 37px 0 37px 40px;} .pageBannerWrapper #bannerFlex #fundDate {padding: 50px 0 0 40px; text-align: right;} .pageBannerWrapper #bannerFlex #fundDate p {font-size: 12px;} .pageBannerWrapper #bannerFlex #fundDate p span {font-size: 28px;} .pageBannerWrapper #bannerFlex.two > div {width: 50%; box-sizing: border-box;} .pageBannerWrapper #bannerFlex.three > div {width: 33.33%; box-sizing: border-box;} .pageBannerWrapper #bannerFlex.single-fund > div {width: auto; box-sizing: border-box;} .pageBannerWrapper #bannerFlex.two .flex-title {padding: 37px 40px 37px 0;} .pageBannerWrapper #bannerFlex.two #bannerRight {padding: 37px 0;} .pageBannerWrapper #bannerFlex.two #bannerRight img {margin: 0 0 0 auto;} .pageBannerWrapper #bannerFlex.three #bannerLeft {width: 340px; min-width: 340px; padding: 37px 0;} .pageBannerWrapper #bannerFlex.three #bannerLeft img {display: block; max-width: 100%; height: auto;} .pageBannerWrapper #bannerFlex.three #fundDate {width: 38%;} .pageBannerWrapper #fundWholesaler {display: block; position: absolute; bottom: -139px; right: 0; z-index: 10;} .pageBannerWrapper #fundWholesaler span {display: block;} .pageBannerWrapper #fundWholesaler .relative {position: relative; z-index: 1; background-color: #fff; padding-bottom: 42px;} .pageBannerWrapper #fundWholesaler .relative span {position: absolute; bottom: 0; width: 100%; background: #148f77; color: #fff; text-align: center; padding: 11px 0 10px;} .pageBannerWrapper #fundWholesaler:hover img {opacity: 0.75; filter:alpha(opacity=75%);} .pageBannerWrapper #fundWholesaler:hover .relative span{color: #148f77; background: #fff; border: 2px solid #148f77; box-sizing: border-box;} /* General Content */ #contentWrapper {background: #fff;} #inner {padding: 40px 0 60px; position: relative;} #inner #content {width: 100%; padding-bottom: 40px; position: relative;} #inner.sidebar {display: -webkit-flex; display: flex;} #inner.sidebar #content {margin-left: 50px;} body.privacy-policy #content a {text-decoration: underline;} /* Sitemap */ body.page-id-25 #content ul li h1, body.page-id-25 #content ul li h2, body.page-id-25 #content ul li h3, body.page-id-25 #content ul li h4, body.page-id-25 #content ul li h5, body.page-id-25 #content ul li h6 {margin: 0; font-size: 16px;} body.page-id-25 #content ul li h1 a, body.page-id-25 #content ul li h2 a, body.page-id-25 #content ul li h3 a, body.page-id-25 #content ul li h4 a, body.page-id-25 #content ul li h5 a, body.page-id-25 #content ul li h6 a {display: block; margin-bottom: 8px;} body.page-template-template-fullwidth #inner, body.page-template-template-fullwidth #inner #content {padding: 0;} .fl-rich-text ul, .fl-rich-text ol, #content ul, #content ol {padding-left: 35px; margin-bottom: 1.1em;} .fl-rich-text ul ul, .fl-rich-text ol ol, #content ul ul, #content ol ol {padding-left: 30px; margin-bottom: 0;} #content img {max-width: 100%; height: auto;} #content .neatTitle {font-size: 24px; background: #6f9eb5; color: #fff; padding: 8px 12px; margin: 0 0 20px 0; position: relative;} #content .wppb-user-forms .input {padding: 4px 6px; box-sizing: border-box;} #wppb-edit-user ul, #wppb-register-user ul, #wppb-recover-password ul {padding-left: 0;} #fundList.simple .row .logoWrap {width: 160px; min-width: 160px;} /* Gravity Forms */ body .gform_wrapper .ginput_container, .gform_wrapper li.hidden_label input {margin-top: 0 !important;} #content ul.gform_fields {padding-left: 0;} .popmake-title {font-weight: 500 !important;} #wppb-form-element-7 > h4 {font-style: italic;} /* Bread Crumbs */ body.single-cpt_funds #breadcrumbs {width: 75%;} #breadcrumbs {display: flex; flex-wrap: wrap; list-style: none;} #content #breadcrumbs, #content .woocommerce-breadcrumb {list-style: none; padding: 10px 0 25px; font-size: 12px;} #breadcrumbs .crumb, #content .woocommerce-breadcrumb > * {display: inline-block; font-size: 12px;} #breadcrumbs .divider, #content .woocommerce-breadcrumb .divider {display: inline-block; margin: 0 10px; font-size: 18px; color: #1e3860;} #breadcrumbs a.crumb, #content .woocommerce-breadcrumb > a {color: #1e3860;} #breadcrumbs a.crumb:hover, #content .woocommerce-breadcrumb > a:hover {color: #eea14e;} /** * - Blog */ #content article.hentry {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ccc;} #content .post-thumbnail {min-width: 300px; margin-right: 20px;} #content .post-title a {color: #1E3860;} #content .post-title a:hover {color: #eea14e;} #content .post-content h1 {margin-bottom: 12px; line-height: 1.2; font-size: 24px;} #content .post-content small {display: block; margin-bottom: 12px; font-weight: 700;} #content .post-content .btn {padding: 10px 30px;} #content .post-content > :last-child {margin-bottom: 0;} /*** SEARCH STYLES ***/ #content.search .hentry {padding-top: 40px; margin-top: 40px; border-top: 1px solid #b5b8b9;} #content.search h1 + .hentry {border-top: 0; padding-top: 0; margin-top: 0;} /*** FUNDS LISTING STYLES ***/ #fundList {margin-top: 20px; border-top: 1px solid #ccc;} #fundList .row {display: -webkit-flex; display: flex; margin: 30px 0; border-bottom: 1px solid #ccc;} #fundList .row:last-of-type {border-bottom: 0;} #fundList .row .logoWrap {display: block; width: 140px; min-width: 140px;} #fundList .row .mobile.logoWrap {display: none;} #fundList .row .logo {width: 160px; height: 70px; float: left; border: 1px solid #ccc; box-sizing: border-box; position: relative; overflow: hidden;} #fundList .row .logo img {display: block; margin: 0 auto; max-width: 100%; height: auto; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);} #fundList .row .desc {margin-left: 40px;} #fundList .row .desc h2 a {color: #1E3860;} #fundList .row .desc h2 a:hover {color: #325f8c;} #fundList .row .desc h4 {margin: 0px 0 9px 0; color: #b5b8b9; text-transform: uppercase;} body.single-cpt_funds #content h1 {margin-bottom: 40px; padding-bottom: 20px; border-bottom: 2px solid #b5b8b9; font-weight: 400;} body.single-cpt_funds #content #breadcrumbs + h1 {position: relative;} body.single-cpt_funds #content.hasWholesaler #breadcrumbs + h1:after {content: ''; position: absolute; right: 0; bottom: 0; height: 100%; width: 275px; background-color: #fff;} /* Next / Prev */ #content.hasWholesaler #fundNextPrev {position: relative; width: 100%; width: calc( 100% - 275px );} #content #fundNextPrev a {display: inline-block;} #content #fundNextPrev #nextPrevCore a {margin-left: 18px; font-size: 18px; font-weight: 700; color: #148f76;} #content #fundNextPrev #nextPrevFav a {margin-left: 14px; margin-top: 8px; font-size: 18px; font-weight: 400; color: #6f9eb5;} /*** SIDEBAR STYLES ***/ #sidebar {width: 230px; min-width: 230px;} #sidebar .widget {margin-bottom: 1.1em;} #sidebar h4 {margin: 0; font-size: 24px; line-height: 24px; background: #325f8c; color: #fff; padding: 8px 12px;} #sidebar img {display: block; max-width: 100%; height: auto; margin: 0 auto;} #sidebar ul {list-style: none;} #sidebar ul li {border-bottom: 1px solid #E2E2E2; padding: 12px;} #sidebar ul li a {font-size: 16px; display: block; color: #1e3860;} #sidebar ul li a:hover {color: #6f9eb5;} #sidebar ul li.current_page_item a {color: #000;} body.single-cpt_funds #sidebar a {display: block; padding-left: 8px; padding-right: 8px; line-height: 1.2; font-size: 14px;} /*** FOOTER STYLES ***/ #disclosureWrapper {padding-top: 40px; padding-bottom: 0; line-height: 1.4; font-size: 10px; color: #fff;} #disclosureWrapper p {margin-bottom: 8px;} #disclosureWrapper > :last-child {margin-bottom: 0;} #footerWrapper {padding: 50px 0;} #mainFooter #credits {font-size: 13px; color: #6e6e6e; float: left;} #mainFooter #credits a {color: #b5b8b9;} #mainFooter #credits a:hover {color: #fff;} #mainFooter #credits ul.menu {display: -webkit-flex; display: flex; margin: 0 0 1.1em; padding: 0; list-style: none;} #mainFooter #credits ul.menu li:after {content: '|'; position: relative; top: -1px; display: inline-block; margin: 0 12px; color: #999; speak: none;} #mainFooter #credits ul.menu li:last-child:after {display: none;} #mainFooter #credits ul.menu li a {font-size: 16px;} #copyrights {float: right; color: #fff;} #copyrights img {max-width: 200px; height: auto;} /* Popup */ .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; -webkit-transform: scale(0.8); 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; -webkit-transform: scale(1); transform: scale(1);} .mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-zoom-in.mfp-removing .mfp-with-anim{-webkit-transform: scale(0.8); 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;} #roboPop {max-width: 500px; margin: 0 auto; position: relative; background-color: #fff; padding: 60px; border-radius: 4px; min-height: 100px;} #roboPop.shake{ animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% {-ms-transform: translate3d(-1px, 0, 0); -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0);} 20%, 80% {-ms-transform: translate3d(2px, 0, 0); -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0);} 30%, 50%, 70% {-ms-transform: translate3d(-4px, 0, 0); -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0);} 40%, 60% {-ms-transform: translate3d(4px, 0, 0); -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0);} } .embed-iframe-container {padding-top: 105vh !important;} @media ( min-width: 1024px ) { .embed-iframe-container { padding-top: 1130px !important; } }