body {font-family:"Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .clear {clear:both;} section {padding:60px 0;} header #logo a span{display:inline-block;height:80px;} #btn-login span{display:inline-block;margin-left:8px} #mainMenu nav>ul>li>a{padding:12px 9px 10px 9px;letter-spacing:.4px} .anchor {width:0; height:0; opacity:0; overflow:hidden; position:relative;} .accordion .ac-item, .accordion.accordion-simple .ac-item {border-bottom:1px solid #dadcdf;} .accordion .ac-item .ac-title::before {left:0; color:#e8203d;} .accordion .ac-item .ac-title {font-size:18px; padding-left:30px;} .accordion .ac-item .ac-content {padding:30px 20px 20px 30px;} .accordion .ac-item .ac-content h4 {font-weight:700; font-size:17px; line-height:1.4; margin-bottom:17px;} .owl-carousel .owl-nav [class*=owl-],.owl-carousel .owl-nav [class*=owl-]:active,.owl-carousel .owl-nav [class*=owl-]:focus,.owl-carousel .owl-nav [class*=owl-]:hover{background-color:transparent;border-color:transparent;color:#fff} .owl-carousel .owl-nav [class*=owl-] i{color:#fff;opacity:.5;font-size:30px} .owl-carousel .owl-nav [class*=owl-]:active i,.owl-carousel .owl-nav [class*=owl-]:focus i,.owl-carousel .owl-nav [class*=owl-]:hover i{color:#fff;opacity:1} .owl-carousel.arrows-large .owl-nav [class*=owl-] i{line-height:78px;font-size:60px} .owl-carousel .owl-nav [class*=owl-]{opacity:1!important} .heading-text.heading-section>h2::before{content:"";position:absolute;height:2px;width:100px;background-color:#e8203d;bottom:-30px;left:0;right:0} .heading-text.heading-section>h3{margin-bottom:60px;font-size:2.5em} .heading-text.heading-section>h3::before{content:"";position:absolute;height:2px;width:100px;background-color:#e8203d;bottom:-20px;left:0;right:0} .text-size-default ol,.text-size-default p,.text-size-default ul{font-size:15px;line-height:25px} .scrollpanel{max-width:100%;overflow:auto;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .scrollpanel-nav a{font-size:18px;padding:10px 20px;line-height:1;display:block} .scrollpanel-nav ul{list-style-type:none;margin:0;padding:0} #container-nav-why-brookstreet{padding:100px 30px} #nav-why-brookstreet{position:relative} #container-panel-why-brookstreet{padding:50px 30px} #why-brookstreet-1{background-color:#003a75;background-image:url(../images/why-brookstreet3.jpg);background-position:center right;background-repeat:no-repeat;background-size:cover} #why-brookstreet-2{background:#003a75} #section-why-brookstreet h1, #section-why-brookstreet h2, #section-why-brookstreet h3, #section-why-brookstreet h4, #why-brookstreet-2 p{color:#003a75;} #why-brookstreet-1 h2{padding:0;margin:0 0 60px 0} #why-brookstreet-1 .scrollpanel-nav a {color:#003a75;border-right:3px solid rgba(0,58,117,0.33); font-weight:600;} #why-brookstreet-1 .scrollpanel-nav .active a{color:#e8203d;} #panel-why-brookstreet .scrollpanel-item {color:#fff; padding-bottom:200px;} #panel-why-brookstreet .scrollpanel-item h3 {color:#fff; font-weight:600; line-height:1.2; font-size:22px; margin-bottom:22px;} #panel-why-brookstreet .scrollpanel-item p {color:#fff;} #why-brookstreet-1 .active-indicator{position:absolute;top:0;right:0;width:3px;height:38px;background:#e8203d;transition:all .5s ease} /* @media (min-width:399px){ #why-brookstreet-2 .scrollpanel{height:700px} #panel-why-brookstreet .scrollpanel-item{height:800px} .scrollpanel-item-inner h3{font-size:24px!important;line-height:30px!important} } @media (min-width:575px){ #why-brookstreet-2 .scrollpanel{height:480px} #panel-why-brookstreet .scrollpanel-item{height:640px} } @media (min-width:630px){ #why-brookstreet-2 .scrollpanel{height:400px} #panel-why-brookstreet .scrollpanel-item{height:600px} } @media (min-width:768px){ #why-brookstreet-2 .scrollpanel{height:300px} #panel-why-brookstreet .scrollpanel-item{height:400px} } */ @media (min-width:992px){ #why-brookstreet-2 .scrollpanel{height:450px; padding-top:100px} #container-panel-why-brookstreet{padding:100px 30px} } @media (min-width:1200px){ #why-brookstreet-2 .scrollpanel{height:450px; width:550px; } } #section-why-brookstreet #why-brookstreet-sm .heading-section h3 {color:#fff;} #why-brookstreet-sm {background-color:#003a75; color:#fff; padding:80px 0;} #why-brookstreet-sm .accordion .ac-item {border-bottom:1px solid rgba(255,255,255,0.15);} #why-brookstreet-sm .accordion .ac-item .ac-title, #why-brookstreet-sm .accordion .ac-item .ac-content * {color:#fff;} #container-nav-our-approach{padding:20px 20px} #nav-our-approach{position:relative} #container-panel-our-approach{padding:20px 0} #our-approach-1 h2{padding:0;margin:0 0 60px 0} #our-approach-1 .scrollpanel-nav a{color:#96989d;border-right:2px solid rgba(150,152,157,.75)} #our-approach-1 .scrollpanel-nav .active a{color:#e8203d} #our-approach-2 .scrollpanel{height:620px; /*padding-top:100px;*/} #panel-our-approach .scrollpanel-item {padding-bottom:300px;} #panel-our-approach .scrollpanel-item-inner{text-align:center; } #panel-our-approach img{width:100%} #our-approach-1 .active-indicator{position:absolute;top:0;right:0;width:2px;height:38px;background:#e8203d;transition:all .5s ease} #our-approach-readmore {text-align:center; margin-right:30px; height:0;} #our-approach-readmore a {position:relative; top:-20px;} #our-approach-sm-readmore {text-align:center; padding:30px 0 0 0} /* @media (max-width:767px){ #our-approach-2 .scrollpanel{height:125vw} #panel-our-approach .scrollpanel-item{height:150vw} .mCSB_inside>.mCSB_container{margin-right:0!important} } @media (min-width:768px){ #our-approach-2 .scrollpanel{height:700px} #panel-our-approach .scrollpanel-item{height:800px} } @media (min-width:810px){ #our-approach-2 .scrollpanel{height:810px} #panel-our-approach .scrollpanel-item{height:920px} } */ @media (min-width:992px){ #our-approach-2 .scrollpanel{height:510px;} #panel-our-approach .scrollpanel-item img { width:360px; } } @media (min-width:1430px){ #our-approach-2 .scrollpanel{height:590px;} #panel-our-approach .scrollpanel-item img { width:420px; } } @media (min-width:1590px){ #our-approach-2 .scrollpanel{height:660px;} #panel-our-approach .scrollpanel-item img { width:480px; } } @media (min-width:1900px){ #our-approach-2 .scrollpanel{height:815px;} #panel-our-approach .scrollpanel-item img { width:600px; } } #our-approach-sm .accordion p {text-align:center;} #our-approach-sm .accordion img {width:100%;} .clients-img{width:100%} .content-slider-nav{padding-top:20px} .content-slider-nav a{display:inline-block;height:36px;width:36px;line-height:36px;border:1px solid #e8203d;font-size:26px;text-align:center;margin-right:10px;color:#e8203d} .content-slider-nav a .fa,.content-slider-nav a i,.content-slider-nav a:active .fa,.content-slider-nav a:active i,.content-slider-nav a:focus .fa,.content-slider-nav a:focus i,.content-slider-nav a:hover .fa,.content-slider-nav a:hover i{color:#e8203d;} /* .content-slider-nav a:active,.content-slider-nav a:focus,.content-slider-nav a:hover { } */ .owl-dots{padding-top:10px} #footer{color:#003a75;background:#ebedef} #footer .footer-logo-container {padding-top:10px; padding-bottom:40px;} #footer .footer-logo{border-right:0;} #footer .footer-logo img {height:50px;} #footer .copyright-content{min-height:30px;padding:10px 0;background-color:#fff;font-size:13px;line-height:18px} .footer-content-text{line-height:1.6;padding-bottom:20px} .footer-contactinfo{padding-top:20px} .footer-contactinfo span{display:inline-block;margin:0 20px;color:#e8203d} #footer a{color:#003a75} #footer a:active,#footer a:focus,#footer a:hover{color:#e8203d} .footer-nav-block .widget-title:before{content:" ";font-size:0;display:block;height:3px;width:50px;background:#e8203d;margin-bottom:8px} .inspiro-slider .slide-captions>p.lead{color:#fff;font-size:24px;font-weight:600;line-height:30px;margin:0;padding:0;text-shadow:0 0 25px rgba(0,0,0,0.5)} .inspiro-slider .slide-captions>p.lead-xs{display:none;color:#fff;font-size:24px;font-weight:600;line-height:30px;margin:10px 0 0 0;text-shadow:0 0 25px rgba(0,0,0,0.5);padding:0 60px} .inspiro-slider .slide-captions>small.photodescription{color:#fff;font-size:12px;font-weight:500;line-height:13px;text-shadow:0 0 20px rgba(0,0,0,0.5);text-align:right;position:absolute;bottom:-20px;right:0} /* .w-slide{background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;height:300px;background-color:#ccc;padding:30px} .w-slide h4{font-size:24px;line-height:34px;color:#fff;margin-bottom:20px} .w-slide h5{font-size:18px;line-height:28px;color:#fff;margin-bottom:18px} .w-slide h6{font-size:18px;line-height:28px;color:#fff} .w-slide h4 span,.w-slide h5 span{background:#e8203d;color:#fff;padding:4px 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline} .w-slide h6 span span{background:#003a75;color:#fff;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:1px 10px;display:inline!important} */ .platform-logo img{max-width:100%} .owl-item img.clients-img{width:100%;height:auto!important} .wealth-management-platform-image {width:100%;} #challenges {} .challenge h3 {margin-bottom:20px;} .challenge h3 span {display:block; font-weight:600;} .challenge h3 .color1 {color:#e8203d} .challenge h3 .color2 {color:#003a75} .challenge .list-icon.list-icon-colored li::before {color:#e8203d} @media (max-width:767px){ .challenge {margin-bottom:30px;} .challenge h3 {font-size:2em; line-height:1.5em; font-weight:600;} .wealth-management-platform-image {margin-bottom:30px;} } @media (min-width:1px) and (max-width:479px){ /* .w-slide{height:330px} .w-slide h4{font-size:22px;line-height:28px} .w-slide h5{font-size:16px;line-height:24px} .w-slide h6{font-size:14px;line-height:20px} .w-slide h4 span,.w-slide h5 span{padding:4px 10px} .w-slide h6 span span{padding:1px 10px} */ .owl-carousel.arrows-large .owl-nav [class*=owl-] i{line-height:78px;font-size:40px} .owl-carousel.arrows-large .owl-nav [class*="owl-"] {width:50px !important;} } @media (min-width:480px) and (max-width:991px) { .owl-carousel.arrows-large .owl-nav [class*=owl-] i{line-height:78px;font-size:50px} .owl-carousel.arrows-large .owl-nav [class*="owl-"] {width:50px !important;} } @media (max-width:991px) { .inspiro-slider .slide-captions > p.lead-xs {font-size:20px;line-height:25px; font-style:italic; font-weight:400; padding: 0 30px; height:300px;} .inspiro-slider .slide-captions > p.lead-xs1 {text-align:left;} .inspiro-slider .slide-captions > p.lead-xs1 .s-tblcell {vertical-align:top;padding-right:33%;} .inspiro-slider .slide-captions > p.lead-xs2 {text-align:right;} .inspiro-slider .slide-captions > p.lead-xs2 .s-tblcell {vertical-align:top; } .inspiro-slider .slide-captions > p.lead-xs3 {text-align:left;} .inspiro-slider .slide-captions > p.lead-xs3 .s-tblcell {vertical-align:top; padding-right:33%; } .inspiro-slider .slide-captions > p.lead-xs4 {text-align:right;} .inspiro-slider .slide-captions > p.lead-xs4 .s-tblcell {vertical-align:top; } .inspiro-slider .slide-captions > p.lead-xs .s-tbl {display:table; height:100%; width:100%;} .inspiro-slider .slide-captions > p.lead-xs .s-tblcell {display:table-cell; width:100%; height:100%; } } @media (min-width:992px){ .inspiro-slider .slide-captions>p.lead,.inspiro-slider .slide-captions>small.photodescription{display:block} .inspiro-slider .slide-captions>p.lead-xs{display:none} .inspiro-slider .slide-captions>p.lead {font-size:18px; line-height:24px; font-style:italic; font-weight:400; height:75vh; line-height:1.5;} .inspiro-slider .slide-captions>p.lead .s-tbl {display:table; height:100%; width:100%;} .inspiro-slider .slide-captions>p.lead .s-tblcell {display:table-cell; height:100%; width:100%;} .inspiro-slider .slide-captions>p.lead1 .s-tblcell {vertical-align:top; text-align:left; padding-top:1vh;} .inspiro-slider .slide-captions>p.lead2 .s-tblcell {vertical-align:top; text-align:left; padding-top:12vh;} .inspiro-slider .slide-captions>p.lead3 .s-tblcell {vertical-align:top; text-align:right; padding-top:3vh;} .inspiro-slider .slide-captions>p.lead4 .s-tblcell {vertical-align:top; text-align:left; padding-top:16vh;} #why-brookstreet-sm, #our-approach-sm, #team-sm {display:none} #why-brookstreet-lg, #our-approach-lg, #team-lg {display:block} .anchor {top:15px;} } @media (min-width:1200px){ .inspiro-slider .slide-captions>p.lead {margin-left:-2vw; margin-right:-5vw;font-size:21px; line-height:27px;} /* .inspiro-slider .slide-captions>p.lead1 {font-size:20px;} .inspiro-slider .slide-captions>p.lead2 {font-size:20px;} .inspiro-slider .slide-captions>p.lead3 {font-size:20px;} .inspiro-slider .slide-captions>p.lead4 {font-size:20px;} */ } @media (min-width:1400px){ .inspiro-slider .slide-captions>p.lead {margin-left:-5vw; margin-right:-10vw;} .inspiro-slider .slide-captions>small.photodescription{right:-10vw;} .inspiro-slider .slide-captions>p.lead1 {font-size:24px;} .inspiro-slider .slide-captions>p.lead2 {font-size:24px;} .inspiro-slider .slide-captions>p.lead3 {font-size:24px;} .inspiro-slider .slide-captions>p.lead4 {font-size:24px;} } @media (min-width:1600px){ .inspiro-slider .slide-captions>p.lead {margin-left:-12vw; margin-right:-12vw;} .inspiro-slider .slide-captions>small.photodescription{right:-12vw;} .inspiro-slider .slide-captions>p.lead1 {font-size:26px;} .inspiro-slider .slide-captions>p.lead2 {font-size:26px;} .inspiro-slider .slide-captions>p.lead3 {font-size:26px;} .inspiro-slider .slide-captions>p.lead4 {font-size:26px;} } @media (min-width:1900px){ .inspiro-slider .slide-captions>p.lead {margin-left:-18vw; margin-right:-18vw;} .inspiro-slider .slide-captions>small.photodescription{right:-18vw;} .inspiro-slider .slide-captions>p.lead1 {font-size:32px;} .inspiro-slider .slide-captions>p.lead2 {font-size:32px;} .inspiro-slider .slide-captions>p.lead3 {font-size:32px;} .inspiro-slider .slide-captions>p.lead4 {font-size:32px;} } @media (min-width:2400px){ .inspiro-slider .slide-captions>p.lead {margin-left:-24vw; margin-right:-24vw;} .inspiro-slider .slide-captions>small.photodescription{right:-24vw;} .inspiro-slider .slide-captions>p.lead1 {font-size:1.5vw;} .inspiro-slider .slide-captions>p.lead2 {font-size:1.5vw;} .inspiro-slider .slide-captions>p.lead3 {font-size:1.5vw;} .inspiro-slider .slide-captions>p.lead4 {font-size:1.5vw;} } @media (min-width:3000px){ .inspiro-slider .slide-captions>p.lead {margin-left:-30vw; margin-right:-30vw;} .inspiro-slider .slide-captions>small.photodescription{right:-30vw;} } /* @media (min-width:650px) and (max-width:790px){ .w-slide h4{font-size:22px;line-height:28px} .w-slide h5{font-size:16px;line-height:24px} .w-slide h6{font-size:14px;line-height:20px} .w-slide h4 span,.w-slide h5 span{padding:4px 10px} .w-slide h6 span span{padding:1px 10px} } */ .d-tbl{height:100%;display:table;vertical-align:middle} .d-tblcell{height:100%;display:table-cell;vertical-align:middle} .page-section-heading{margin-bottom:30px} .page-section-heading .num{display:block;float:left;font-size:40px;font-weight:900;color:#fff;background-color:#003a75;line-height:40px;padding:12px 0;width:80px;border-radius:12px;text-align:center} .page-section-heading .title{display:block;margin-left:100px;font-size:20px;line-height:24px;font-weight:700;padding-top:8px;opacity:.7} .team-member .team-desc .team-member-position{display:block;line-height:1.2;padding:6px 0 4px 0} .team-member .team-bio{font-size:13px;line-height:15px;padding:0 20px 20px 20px;text-align:left} .team-member .team-bio{display:none} #team-slider-nav {padding:30px 0 50px 0; text-align:center} /* text nav links */ /* #team-slider-nav a{display:inline-block;;padding:7px 14px 8px 14px;line-height:17px;border:1px solid #e8203d;font-size:17px;text-align:center;margin:0 14px;color:#e8203d;transition:all .4s ease;} #team-slider-nav a.active,#team-slider-nav a:active,#team-slider-nav a:focus,#team-slider-nav a:hover{border:1px solid #e8203d; color:#fff; background:#e8203d;} */ /* image nav links */ #team-slider-nav a{display:inline-block;;padding:10px 20px;border:2px solid #f7f9fb;text-align:center;margin:0 10px;transition:all .4s ease;} #team-slider-nav a.active,#team-slider-nav a:active,#team-slider-nav a:focus,#team-slider-nav a:hover{border:2px solid #e8203d;} #team-slider .owl-stage,#team-slider .owl-stage-outer{transition:height .5s ease} .t-slide-title{font-size:21px;line-height:27px;margin-bottom:30px} .team-readmore a {font-size:32px; color:#e8203d; transition:all 0.5s ease;} .team-readmore a:active, .team-readmore a:focus, .team-readmore a:hover {color:#003a75;} .ac-item .team-readmore {padding:20px 0 10px 0; text-align:center;} .teamnav-img {height:44px;} #numbers{background:#fff} #numbers .icon-box .counter {margin-bottom:6px;} #numbers .icon-box .counter span,#numbers .icon-box .counter strong{font-size:34px;line-height:34px;font-weight:600;color:#003a75;transition:color 0.2s ease} #numbers .icon-box .counter strong{display:inline-block;padding-left:6px} #numbers .icon-img{height:96px;text-align:center} #numbers .icon-box .numbers-icon{fill:#003a75;transition:all 0.2s ease;width:80px;height:80px;position:relative;top:5px} #numbers .icon-box:hover .numbers-icon{fill:#e8203d;width:90px;height:90px;top:0} #numbers .icon-box .units{font-size:15px;font-weight:600;color:#003a75;line-height:1.2;transition:all 0.2s ease} #numbers .icon-box:hover .counter span,#numbers .icon-box:hover .counter strong,#numbers .icon-box:hover .units{color:#e8203d} #numbers *{cursor:default} #numbers-heading {text-align:center;} @media (min-width:240px) { #numbers-heading img {width:95%;} } @media (min-width:470px) { #numbers-heading img {width:400px;} } @media (min-width:576px) { #numbers-heading img {width:480px;} } @media (min-width:768px) { #numbers-heading img {width:510px;} } @media (min-width:768px){ #numbers .icon-box {margin-bottom:0;} } #map {height:360px; margin:40px 0;} .contactinfo {padding-left:36px; position:relative;} .contactinfo .fa {position:absolute; top:3px; left:0; color: #e8203d; display:inline-block; width:32px; text-align:center; font-size:20px;} .contactinfo-address .fa {} .contactinfo-phone .fa {} .contactinfo-email .fa {} .contactinfo a:hover, .contactinfo a:focus, .contactinfo a:active {color: #e8203d; } @media (max-width:767px){ #team-slider-nav a{margin-bottom:20px} #numbers .counter span,#numbers .counter strong{font-size:50px;line-height:50px} .footer-contactinfo{display:none} .footer-contactinfo-sm-block{padding-left:40px;position:relative;line-height:1.5;margin-bottom:30px} .footer-contactinfo-sm-block i{position:absolute;top:1px;left:0;font-weight:900;font-size:20px;color:#e8203d;display:inline-block;width:20px;text-align:center} } @media (max-width:991px){ header #logo a{height:80px} .inspiro-slider .slide-captions>p.lead,.inspiro-slider .slide-captions>small.photodescription{display:none!important} .inspiro-slider .slide-captions>p.lead-xs{display:block} #why-brookstreet-sm, #our-approach-sm, #team-sm {display:block} #why-brookstreet-lg, #our-approach-lg, #team-lg {display:none} .anchor {top:-60px;} } @media (max-width:1199px){ header #logo a img {height:50px;} #btn-login span{display:none} #mainMenu nav>ul>li>a{padding:12px 6px 10px 6px} } @media (min-width:768px){ .footer-contactinfo-sm{display:none} } @media (min-width:1200px){ header #logo a img {height:50px;} } @media (min-width:576px) and (max-width:1199px){ .page-section-heading .num{float:none} .page-section-heading .title{margin-left:0;padding-top:20px} } .heading-text.heading-section > h2 { font-size: 44px; line-height: 1.2; margin-bottom: 48px; } .heading-text.heading-section > h3 { font-size: 28px; line-height: 1.2; margin-bottom: 48px; } h1, h2, h3, h4 {font-weight:600;} .text-size-default strong {font-weight:700;} #private-clients-slider.owl-carousel .owl-dots, #institutional-clients-slider.owl-carousel .owl-dots {position:relative; top:56px;} #private-clients-slider.owl-carousel .owl-dots .owl-dot span, #institutional-clients-slider.owl-carousel .owl-dots .owl-dot span { margin: 0 4px; width: 30px; height: 4px; cursor: pointer; border-radius: 0; background: #d3d3d3; box-shadow: 0 0 0 0 rgba(0,0,0,0); transition: background 0.3s ease; } #private-clients-slider.owl-carousel .owl-dots .owl-dot.active span, #institutional-clients-slider.owl-carousel .owl-dots .owl-dot.active span { background: #e8203d; } #private-clients-slider.owl-carousel .owl-dots .owl-dot.active span::after, #institutional-clients-slider.owl-carousel .owl-dots .owl-dot.active span:after {display:none;} @media (max-width:767px){ #private-clients-slider.owl-carousel .owl-dots, #institutional-clients-slider.owl-carousel .owl-dots {display:none;} } .formsuccess {border:1px solid #3b0; color:#3b0; padding:10px 20px; line-height:20px; font-size:14px; margin-bottom:30px;} .formerrors {border:1px solid #d00; color:#d00; padding:10px 20px; line-height:20px; font-size:14px; margin-bottom:30px;} .doclist1 {list-style-type:none; margin:0; padding:0;} .doclist1 li {padding:8px 0; border-bottom:1px dotted #ccc;} .doclist1 li:last-child {border-bottom:0;} .doclist1 .docname {font-size:15px; font-weight:700; display:block;} .doclist1 .docdate {font-size:12px; color:#aaa; display:block;} .doclist1 .doclink {font-size:12px; font-weight:700; padding-top:3px; text-transform:uppercase;} .doclist1 .doclink a {color:#e8203d; transition:all 0.4s ease;} .doclist1 .doclink a:hover, .doclist1 .doclink a:focus, .doclist1 .doclink a:active {color:#222;} @media (min-width:768px){ .doclist1 .docinfo {width:78%; float:left;} .doclist1 .doclink {width:20%; float:right; text-align:right; padding-top:3px;} } .newscard {border-radius:0; margin-bottom:30px; border-top:3px solid #003a75;} .newscard:hover, .newscard:focus, .newscard:active {border-top:3px solid #e8203d;} .newscard-header {margin-bottom:8px;} .newscard-img {height:32px; float:left;} .newscard-img img {height:30px;} .newscard-date {float:right; font-size:12px; color:#aaa; padding-top:8px;} h5.newscard-title {font-weight:600; font-size:18px; line-height:21px; color:#003a75; letter-spacing:-0.15px;} h5.newscard-title a {color:#003a75; transition:all 0.4s ease;} h5.newscard-title a:hover, h5.newscard-title a:focus, h5.newscard-title a:active {color:#e8203d;} .newscard:hover h5.newscard-title a, .newscard:focus h5.newscard-title a, .newscard:active h5.newscard-title a {color:#e8203d;} .newsitem-image {margin-bottom:40px;} .newsitem-image img {width:100%;} .newsitem-meta {margin-bottom:30px;} .newsitem-source {float:left; height:40px;} .newsitem-source img {height:40px;} .newsitem-date {float:right; font-size:14px; color:#aaa; padding-top:11px; font-weight:600;} .newsitem-date i {font-size:16px; position:relative; top:0px; left:-2px;} .pag-links {float:left; padding-top:20px;} .pag-links a { display: inline-block; height: 36px; width: 36px; line-height: 32px; border: 1px solid #e8203d; font-size: 26px; text-align: center; margin-right: 10px; color: #e8203d; } .pag-links a:hover, .pag-links a:focus, .pag-links a:active {color: #e8203d;} .pag-count {float:right; padding-top:20px;} #brookstreet-blog .post-item { padding: 0 15px 10px 0 !important; } #brookstreet-blog .post-item.border > .post-item-wrap {border:0 none !important;} #brookstreet-blog .post-item.border > .post-item-wrap > .post-item-description { padding: 12px 0 12px 0 !important; width: 100% !important; } #brookstreet-blog .post-item.border > .post-item-wrap > .post-item-description h2 {line-height:18px !important; margin-bottom:6px;} #brookstreet-blog .post-item.border > .post-item-wrap > .post-item-description h2 > a {line-height:20px !important;} #brookstreet-blog .post-item.border > .post-item-wrap > .post-item-description .post-meta-date {font-weight:700;} #brookstreet-blog .post-item .post-image a {display:block; width:100%; height:110px; background-position:center center; background-size:cover; background-repeat:no-repeat;} @media (min-width:10px) { #brookstreet-blog .post-item .post-image a {height:180px;} } @media (min-width:360px) { #brookstreet-blog .post-item .post-image a {height:240px;} } @media (min-width:470px) { #brookstreet-blog .post-item .post-image a {height:300px;} } @media (min-width:530px) { #brookstreet-blog .post-item .post-image a {height:360px;} } @media (min-width:767px) { #brookstreet-blog .post-item .post-image a {height:180px;} } @media (min-width:860px) { #brookstreet-blog .post-item .post-image a {height:200px;} } @media (min-width:992px) { #brookstreet-blog .post-item .post-image a {height:160px;} } @media (min-width:1200px) { #brookstreet-blog .post-item .post-image a {height:190px;} } #brookstreet-blog-sidebar .widget-title {font-weight:700;} #brookstreet-blog-sidebar .post-thumbnail-list .post-thumbnail-entry { border-bottom: 1px solid #F7F9FB; float: none; margin-bottom: 16px; padding-bottom: 10px; clear: both; } #brookstreet-blog-sidebar .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-imgcontainer {float:left; width:70px; margin-right:10px;} #brookstreet-blog-sidebar .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-img {float:none; width:100%;} #brookstreet-blog-sidebar .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a { font-size: 14px; line-height:15px;font-weight: 600; margin:0 0 2px 0; color:#222; transition:all 0.4s ease;} #brookstreet-blog-sidebar .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a:hover, #brookstreet-blog-sidebar .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a:focus, #brookstreet-blog-sidebar .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a:active {color:#e8203d;} #brookstreet-blog-sidebar .post-thumbnail-list .post-thumbnail-entry {border-bottom:1px dotted #ccc;} #brookstreet-blog-sidebar .post-thumbnail-list .post-thumbnail-entry:last-child {border-bottom:0 none;} #brookstreet-blog-post {} #brookstreet-blog-post .blog-post-image {margin-bottom:30px;} #brookstreet-blog-post .blog-post-image img {width:100%;} #brookstreet-blog-post .blog-post-meta {margin-bottom:30px;} #brookstreet-blog-post .blog-post-date {font-size:14px; color:#aaa; font-weight:600;} #brookstreet-blog-post .blog-post-date i {font-size:16px; position:relative; top:0px; left:-2px;}