header#top-nav { background: transparent; }

a.logo img { width: 10em !important }

/* main menu hover colors */
.sf-menu > li > a:hover, 
.sf-menu > li.sfHover > a,
.sf-arrows li .sf-with-ul:focus:after,
.sf-arrows li:hover > .sf-with-ul:after { color: #1a4863; }

/* add shadow so menu text shows up over header image */
.sf-menu > li > a { text-shadow: 0 1px 2px rgba(26, 72, 99, .5); }

/* sub menu hover colors */
.sf-menu ul.sub-menu { background-color: #1a4863; }
.sf-menu ul.sub-menu li:hover { background-color: #385363; }

.unclickable > a:hover { cursor: default; }

/* ======= Internal Pages ========= */
/* header styles */
#personal-finan-view-header,
#baystate-brokerage-header,
#about-us-header,
#team-header { background-position: center !important; }

#join-us-header { background-position: bottom; }

.heading-title.header-title h3,
.heading-title.header-title h1,
.heading-title.header-title .al-subtitle { text-shadow: 0 1px 2px rgba(26, 72, 99, .5); }

/* ----------Home Page---------- */
/* 4 columns under header */
.hm-4-cols .wpb_wrapper { text-align: center; }
.hm-4-col-btn { margin-bottom: 2em; }

/* personal financial view section ?????*/
.hm-fp-txt { padding: 0 2em; }
.hm-fp-txt h2 { text-align: left !important; padding-top: .5em; }
.hm-fp-txt>.al-subtitle { font-size: 16px !important; }
.hm-fp-txt-sm { font-size: 12px; padding-left: 2em; }
.hm-fp-btn { margin-bottom: 1em; margin-left: 2em; }
#hm-fp-section.vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0; }
#hm-fp-section .vc_column_container>.vc_column-inner { padding-right: 0; }
.wpb_content_element.hm-fp-img { margin-bottom: 0; }
.hm-fp-img>.wpb_wrapper>p { margin-top: 0 !important; }
.hm-fp-img img { width: 100%; height: auto; }
/* column bg img instead of txt block bg img */
.hm-fp-img {
    background-image: url(http://box5925.temp.domains/~baystax5/wp-content/uploads/2018/03/bg1blur.jpg?id=692) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100%;
    overflow: hidden;
    position: absolute !important;
    top: 0;
    right: 0;
    width: 50%;
    z-index: 0;
}

/* video section */
#hm-vid-sec .wpb_video_wrapper { padding-top: 26.25%; }
.hm-partner-txt h3 { color: #3ba5e3; }
.hm-partner-txt h4 { color: #1a4863; }

/* logo slider section */
.hm-lg-slider .hm-lg-slider-img img { width: 60%; margin-right: auto; margin-left: auto; }
.vc_row.hm-lg-slider-section.vc_row-o-full-height { min-height: 40vh; }
.hm-lg-slider-section .layer {
    background-color: rgba(130,194,232, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hm-lg-slider-section .heading-title { padding-bottom: 2em; }

/* ------Media Queries------ */
@media(min-width: 992px) and (max-width: 1199px) {
    .hm-4-cols .icon-progress p { font-size: 16px; }
}
@media(max-width: 991px) {
    .hm-4-cols,
    .hm-inspire-cols{ width: 100%; }
    .hm-inspire-header h2 { font-size: 34px; }
    .hm-inspire-cols .item-about .icon {
        text-align: center;
        float: none;
        display: block;
    }
    .hm-inspire-cols .item-about .icon i { width: 3px; }
    .hm-inspire-cols .bg-icon {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        left: 0 !important;
    }
    .hm-inspire-cols h3 {
        text-align: center;
        margin-top: 0;
    }
    .hm-inspire-cols .content p { text-align: center; }
    .hm-partner-txt h3 { font-size: 30px; }
    .hm-partner-txt h4 { font-size: 21px; }
    .hm-lg-slider-section h2 {font-size: 34px; }
}
/* ------End Media Queries------ */

/* ============About Us Page============ */
.about-sec-txt { padding: 0 2em; }
.about-sec-txt h4 { padding-top: 1em; }
.about-sec-img img { width: 100%; height: auto; }
.about-txt-4-section.vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0; }
.about-txt-4-section .vc_column_container>.vc_column-inner { padding-right: 0; padding-left: 0; }
.wpb_content_element.about-sec-img { margin-bottom: 0; }
/* col bg img */
.about-sec-img-rgt {
    background-image: url(http://box5925.temp.domains/~baystax5/wp-content/uploads/2019/11/rawpixel-749493-unsplash.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100%;
    overflow: hidden;
    position: absolute !important;
    top: 0;
    right: 0;
    width: 50%;
    z-index: 0;
}
.about-sec-img-lft {
    background-image: url(http://box5925.temp.domains/~baystax5/wp-content/uploads/2019/11/rawpixel-699806-unsplash.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100%;
    overflow: hidden;
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 50%;
    z-index: 0;
}
.about-sec-txt-rgt { float: right; }
.about-sec-txt-lft, .about-sec-txt-rgt { padding-bottom: 1em; }

.vc_row-has-fill + .vc_row-full-width + .vc_row.about-starred-txt > .vc_column_container > .vc_column-inner { padding-top: 0; }
.about-starred-txt-inner .wpb_content_element { margin-bottom: 1em; }
.about-sec-sm-txt { font-size: 12px; color: #ffffff;}
.about-starred-txt .wpb_content_element p:last-child { margin-top: 0; }

.about-sec-img-full {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* ----------Responsive Styles/Media Queries---------- */
@media (max-width:991px) {
    .hide-on-mobile { display: none; }
    .about-sec-txt-mobile { width: 100%; }
    .vc_row-has-fill + .vc_row-full-width + .vc_row.about-txt-4-sec-main > .vc_column_container > .vc_column-inner { padding-top: 0; }
    .about-txt-4-sec-main { padding-bottom: 1em; }
    .about-sec-txt-lft, .about-sec-txt-rgt { padding-bottom: 0; }
    .about-sec-txt-rgt { float: none; }
}
@media (max-width: 576px) {
    .hide-on-sm-mobile { display: none !important; }
}


/* ============Services > Financial Planning============ */
.fp-testimonial-row .al-testimonials-item img { display: block !important; }

/* ============Services > Personal Financial View============ */
section#pf-info { padding-bottom: 0; }
section#pf-vid-bg { padding-top: 0; padding-bottom: 0; }
#pf-vid-bg > .vc_row.vc_row-o-full-height { min-height: 45vh; }

/* ============Services > Businesses============ */
/* about us section */
.al-icon-large-container.bus-about-us-info .al-icon-container:hover { border-color: #1a4863 !important }
.al-icon-large-container.bus-about-us-info .al-icon-container:hover .al-icon { background-color: #1a4863 !important; }
.bus-about-us-info .al-icon-container .al-icon-circle:hover { background: #1a4863 !important }
.about-sec-img>.wpb_wrapper>p { margin-top: 0 !important; }

/* ============Team Page============ */
/* possible full width image row */
.team-full .team-info .wpb_wrapper {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.team-full .team-info .img-responsive {
    width: 100%;
    height: auto;
}

/* full width image w/hover effect */
.team-hover {
    display: block;
    background-color: rgba(252,251,249,0.7);
    position: absolute;
    top: 8.7%;
    width: 90%;
    text-align: center;
    padding: 10.2em 1em;
    margin-left: .5em;
    transition: all 400ms ease-out;
    opacity: 0 !important;
    border: 3px solid rgba(252,251,249);
}
.team-hover.lg-hover { padding: 7.2em 1em; }
.team-hover:hover {
    opacity: 1 !important;
    transition-delay: 0s;
    transition-duration: 0.4s;
}
.team-hover p {  transition: all .55s ease-in-out; }
.team-hover p:hover { 
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
/* hover effect end */

/* basic team styles */
.team-info { margin-bottom: 10px; }
.team-info .img-responsive { 
    margin-bottom: 25px; 
    width: 267px;
}

.team-info h2{
    font-size: 18px;
    color: #434343;
    font-weight: 500;
    margin-top: 17px;
    margin-bottom: 4px;
}
.team-info p span.team-title,
.team-hover p span.team-title{ 
    color: #3ba5e3; 
    margin-top: 0;
}
.team-info .team-sm-txt { font-size: 16px; }
.team-info p,
.team-info p span{ font-size: 14px; }

.team-info p { margin-top: 10px; }

.team-hover a { color: #2e80b0; }
.team-hover a:hover { color: #1a4863; text-decoration: none; }

/* partner section styling */
.team-hover.lg-hover {
    padding: 15.2em 1em;
    top: 6.9%;
    width: 93%;
}

/* opacity color over section */
.team-txt { position: relative; }
.vc_row.team-txt.vc_row-o-full-height { min-height: 60vh !important; }
.team-txt .layer {
    background-color: rgba(130,194,232, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.team-txt .heading-title { padding: 8em 4em; }

/* =============== Gloabl Styles ============== */
body { color: #434343; }

/* list icon color */
.justify_text li:before { color: #1a4863; }

/* button colors, tab menus, accordion menus */
.btn, 
.ult_tabmenu.style1 li.ult_tab_li.current a, 
.accordion .ui-state-active { background-color: #2e80b0 !important; }

/* ------Hiding & Displaying Rows On Desktop and/or Mobile------ */
@media (min-width: 992px) {
    .hide-on-desktop { display: none !important; }
}

/* ============ Footer ============ */
footer { background-color: #1a4863; }
footer .social_icons { margin-right: 15px; }
footer .social_icons a { color: #ffffff; }
footer .social_icons a:hover, .social_icons a:focus { color: #82c2e8; }
footer .al-widget ul.menu li a:before { color: #82c2e8; }
footer .al-widget ul li a:hover { color: #82c2e8; }
footer .down-footer { background-color: #385363; }

/* ------ Media Queries ------ */
@media (max-width: 991px) {
    footer .al-widget img.wp-image-3079 { padding-bottom: 2em; }
    footer .col-md-4 { padding-bottom: 2em; }
    footer .social_icons,
    footer .social_icons a:last-child { margin-right: 0; }
    
}
@media (max-width: 768px) {
    footer { text-align: center !important; }
}