@charset "utf-8";
/* CSS Document */
html, body {
font-family:'Segoe UI', Arial, Helvetica, sans-serif;
font-size:14px;
}
@media (min-width: 992px) {
body.home {
margin-bottom: 200px;
padding-top:90px;
}
}
.nav li {font-size:16px; font-weight:600;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #fff;
background-color: #0050a5;
}
.navbar-default .navbar-nav > li > a:hover {
background-color: rgba(0,51,153,0.12);
}
.scrollTop a { display:block; position:fixed; bottom:15px; right:15px; background-color:rgba(0,0,0,0.15); padding:11px 15px; color:#ffffff; border-radius:50%;}
.row {margin:0;}
.home h2 {font-weight:400; letter-spacing:-0.5px; line-height:1.3em;}
.lead {font-weight:400;}
.text-lg {font-size:1.25rem;}
/*
.index {padding-top:80px;}
.index .main {}
.index .header {position:absolute; top:0; left:0; right:0; height:80px; background-color:#2c3e50; z-index:10; display:block;}
.navbar-brand {position:absolute; top:0; left:0;}
.nav-signin {z-index:1; position:relative; top:20px; margin-bottom:20px;}
.nav-pills.nav-signin > li > a {}
.nav-pills.nav-signin > li > a:hover {}
.nav-pills.nav-signin >li.active > a, .nav-pills.nav-signin > li.active > a:hover, .nav-pills.nav-signin > li.active > a:focus {
}
*/
/* MAIN NAVIGATIONAL LINKS for the SIGN IN Pages */
/*
@media (min-width: 767px) {
.nav-signin {z-index:11; float:right; position:absolute; top:20px; right:15px;}
.nav-pills.nav-signin > li > a {color:#ffffff;}
.nav-pills.nav-signin > li > a:hover {color:#337ab7;}
.nav-pills.nav-signin >li.active > a, .nav-pills.nav-signin > li.active > a:hover, .nav-pills.nav-signin > li.active > a:focus {color: #fff;}
}
*/
a.featured-link {position:relative; top:0; margin:15px 0; width:100%; display:inline-block; border:0px solid #ccc; background-color:#fff;
color:inherit;
text-decoration:none;
-webkit-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.0);
box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.0);
border-radius:5px;
padding-bottom:15px;}
a.featured-link:hover {
top:-5px;
-webkit-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.3);
box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.3);
-webkit-transition: all .3s ease; /* Safari */
transition: all .3s ease;
}
a.featured-link p {font-size:20px;}
.column a:hover {color:inherit; text-decoration:none; }
.list-features {font-size:16px; margin:25px 0 0 0;}
@media (min-width: 768px) {
.list-features {font-size:20px; margin:25px 0 0 0;}
}
.col-3-list {list-style-type:none; padding:0;}
.event {font-size:1.15em; position:relative; padding-top: 8px;}
.list-group-item.month {background-color:#dbeef7;}
.news {font-size:1.15em; padding-left:15px; position:relative; padding-top: 25px;}
.event-details {}
.event-name, .news-headline {font-size:1.5em; font-weight:600;margin-bottom:10px;}
.event-name .fa {position:absolute; top:15px; left:15px;}
.news-headline .fa {position:absolute; top:32px; left:15px;}
.event-date, .news-date {margin:0 5px 0 0; font-style:;}
.event-date:before {content:"Date: "; font-weight:600;}
.event-time {margin:0 5px 0 0;} .event-time:before {content:"Time: "; font-weight:600;}
.event-location:before {content:"Location: "; font-weight:600;}
.event-description:before {content:"Description: "; font-weight:600;}
.contact-name:before {content:"Contact Name: "; font-weight:600;}
.contact-email:before {content:"Contact Email: "; font-weight:600;}
.contact-phone:before {content:"Contact Phone: "; font-weight:600;}
.contact-phone {margin:0 0 15px 0;}
.event-description, .news-article {margin:10px 0 10px 0;}
.news-article p, .news-article li {font-family:Georgia, "Times New Roman", Times, serif; line-height:1.6em; margin-bottom:1.6em;}
.news-article ul {margin-top:1em; margin-bottom:1em;}
.quote {margin-top:15px; font-size:1.35em;}
.col-news-list {padding:0;}
.list-group-news a {display:block;}
.list-group-news a:hover {text-decoration:none;}
.list-group-news li {border:0px; border-bottom:1px dotted #ccc; margin-bottom:0;}
.list-group-news li:hover {background-color:#efefef; border-bottom:1px dotted #ccc;}
.list-group-news li.active {background-color:#efefef; border-bottom:1px dotted #ccc;}
.list-group-news li.active:hover {background-color:#ccc; border-bottom:1px dotted #ccc;}
.list-group-news .date, .list-group-news .title {display:block;} .list-group-news .title {font-weight:600;}
.list-group-medicare .date, .list-group-medicare .title {display:inline-block;} .list-group-medicare .title {font-weight:600;}
.list-group-medicare .date {margin-right:10px;width:70px;}
/*.list-group-medicare .date::after {content:" \2014";}*/
@media (min-width: 1080px) {
.col-3-list {
padding-left:20px;
list-style-type:disc;
text-align:left;
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
-moz-column-gap: 40px; /* Firefox */
column-gap: 40px;
}
.col-3-list li {margin-left:10px; padding:5px 0;}
}
.accordion {font-size:1.25em;}
@media (max-width: 767px) {
.accordion {margin-left:-15px; margin-right:-15px;}
}
.accordion h4.panel-title {font-size:1.25em; font-weight:600;color:#0050a5; position:relative; padding-left:30px;}
.accordion h4.panel-title .fa {position:absolute; top:2px; left:0px;}
.accordion h4.panel-title a {display:block;}
.accordion h4.panel-title a:hover, .accordion h4.panel-title a:focus {text-decoration:none;}
.infobox {background-color:#FC6; font-size:1.25em; font-weight:400;}
/* MAIN BANNER FORMATTING */
.bg-banner-fixed {z-index:-2; position:fixed; top:0; width:100%; margin:0 0 0 0; height:100%; min-height:660px; background-image:url(../images/en-US-north-light-mn-help/banner-01.jpg); background-repeat:no-repeat; background-position:right top;}
.banner-main {position:relative; margin:0 -15px 0 -15px; min-height:660px; border-bottom:1px solid #cccccc; /* background-image:url(../images/banner-01.jpg); background-repeat:no-repeat; background-position:50% bottom; */ overflow:hidden;}
.home .banner-feature.main {padding:0 15px; min-height: 475px;}
@media (max-width: 767px) {
.bg-banner-fixed {background-position:8% -60px;}
.bg-banner-fixed.ltcc {background-position:90% top;}
.home .banner-feature.main {padding:15px 15px; min-height: 475px;}
.branding { }
.branding h1 {margin-top:0;}
.trans {margin-top:200px; padding:15px; background-color: rgba(255, 255, 255, 0.7);}
}
@media (min-width: 768px) {
.bg-banner-fixed {background-position:right top;}
.bg-banner-fixed.ltcc {background-position:82% top;}
}
@media (min-width: 1080px) {
.bg-banner-fixed.ltcc {background-position:84% top;}
}
@media (min-width: 1280px) {
.bg-banner-fixed.ltcc {background-position:86% top;}
}
@media (min-width: 1600px) {
.bg-banner-fixed.ltcc {background-position:right top;}
}
/* MARKETING BANNER WITH PHOTO BACKGROUND */
.banner-02 {position:relative; margin:0; min-height:550px; background-image:url(../images/en-US-north-light-mn-help/banner-02.jpg); background-repeat:no-repeat; background-position:left top; overflow:hidden;}
.banner-03 {position:relative; margin:0; min-height:550px; background-image:url(../images/en-US-north-light-mn-help/banner-03.jpg); background-repeat:no-repeat; background-position:50% 100%; /*overflow:hidden;*/}
.banner-04 {position:relative; margin:0; bacground-color:#ffffff; background-image:url(../images/en-US-north-light-mn-help/banner-04.jpg); background-repeat:no-repeat; background-position:left center; overflow:hidden;}
.banner {padding: 15px;}
.banner-inset {position:relative; top:70px;}
.container-banner-heading {/* margin-bottom:50px; */}
@media (max-width: 767px) {
.banner {padding:50px 0;}
.banner-02 {background-position:17.5% top; padding-top:250px;}
.banner-03 {background-position:center top;}
.banner-04 .container-banner-heading {margin:0 0 0 0;}
.banner {padding:15px 0;}
}
@media (min-width: 768px) {
.banner-02 {background-position:left top; padding-top:250px;}
.banner-03 {background-position:center top;}
}
@media (min-width: 1080px) {
.banner-02 {background-position:left top; padding-top:250px;}
.banner-03 {background-position:center top;}
}
@media (min-width: 1280px) {
.banner-02 {background-position:left top; padding-top:250px;}
.banner-03 {background-position:center top; padding-top:100px;}
}
@media (min-width: 1500px) {
.banner-02 {background-position:left top; padding-top:250px;}
.banner-03 {background-position:center top; padding-top:100px;}
}
/*.bannertext-positioner {
position: absolute;
top: 30%;
-ms-transform: translateY(-30%);
-webkit-transform: translateY(-30%);
-moz-transform: translateY(-30%);
-o-transform: translateY(-30%);
transform: translateY(-30%);
}
@media (min-width: 980px) {
.bannertext-positioner {
position: absolute;
top: 25%;
-ms-transform: translateY(-25%);
-webkit-transform: translateY(-25%);
-moz-transform: translateY(-25%);
-o-transform: translateY(-25%);
transform: translateY(-25%);
}
}*/
.heading-banner.signin {padding-top: 0; font-weight:400; color:#636363;}
.index .form-control {border:1px solid #666666;}
.btn-primary.signin {color:#fff; background-color:#37a92f; border-color:#31972a; border:2px solid #fff; font-weight:600;}
.btn-primary.signin:hover {background-color:#339933;}
.img-mkt-panel {text-align:center;}
.img-center {display: block; margin: 0 auto;}
/* HELPER STYLES */
/* Center content within a span or div: Text-align:center */
.center {text-align:center;}
/* Sometimes you need white (or light) text for use over a dark background */
.clr-reverse {color:#ffffff;}
/* Color text with a custom primary color */
.clr-primary {color:#246cac; color:#0050a5;}
/* Sometimes you need a white (or light) background */
.bg-clr-trans {background-color:transparent;}
/* Sometimes you need a white (or light) background */
.bg-clr-reverse {background-color:#ffffff;}
/* Sometimes you need a colored background to match a primary color */
.bg-clr-primary {background-color:#246cac;}
/* Sometimes you need a colored background alternative */
.bg-clr-alt {background-color:#efefef;}
/* Align text right or left with a class */
.align-left {text-align:left;}
.align-right {text-align:right;}
/* Assign a custom font-weight to any text via a class */
.wt-light {font-weight:200;}
.wt-medium {font-weight:400;}
.wt-bold, .home h2.wt-bold {font-weight:600;}
.wt-xbold, .home h2.wt-xbold {font-weight:800;}
.shadow-outset {-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25);}
.shadow-inset {-webkit-box-shadow: inset -2px 0px 30px 0px rgba(0,0,0,0.25);
-moz-box-shadow: inset -2px 0px 30px 0px rgba(0,0,0,0.25);
box-shadow: inset -2px 0px 30px 0px rgba(0,0,0,0.25);}
.ghosted {margin:0 -15px; background-color:rgba(255, 255, 255, 0.5); padding:15px 15px; position:relative; top:5px; border-radius:3px;}
.ghosted-less {background-color:rgba(255, 255, 255, 0.2);}
.ghosted-more {background-color:rgba(255, 255, 255, 0.8);}
a.ghosted {margin-left:0; padding:5px 15px;}
a.ghosted:hover {background-color:rgba(255, 255, 255, 1);}
a.inline {display:inline; margin: 0 0 0 15px;}
.margin-15px {margin:15px;}
@media (max-width: 767px) {
a.inline {display:block; margin: 10px 0 5px 0;}
}
.front {z-index:1;}
.back {z-index:-1;}
/* ============================================================================================================================
== BUBBLE WITH A RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */
/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-right { padding:1px 15px 15px 25px;}
.triangle-right.transparent {background-color:rgba(255, 255, 255, 0.75)}
.triangle-right ul {padding-left:20px;}
/* Variant : for top positioned triangle
------------------------------------------ */
.triangle-right.top {
background-color:rgba(255, 255, 255, 1.0);
}
/* Variant : for left positioned triangle
------------------------------------------ */
.triangle-right.left {
margin-left:40px;
background-color:rgba(255, 255, 255, 1.0);
}
/* Variant : for right positioned triangle
------------------------------------------ */
.triangle-right.right {
margin-right:40px;
background-color:rgba(255, 255, 255, 1.0);
}
/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-right:after {
content:"";
position:absolute;
bottom:-27px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:rgba(255, 255, 255, 1.0) transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
/* Variant : top
------------------------------------------ */
.triangle-right.top:after {
top:-27px; /* value = - border-top-width - border-bottom-width */
right:50px; /* controls horizontal position */
bottom:auto;
left:auto;
border-width:20px 20px 0 0; /* vary these values to change the angle of the vertex */
border-color:transparent rgba(255, 255, 255, 1.0);
}
/* Variant : left
------------------------------------------ */
.triangle-right.left:after {
top:16px;
left:-40px; /* value = - border-left-width - border-right-width */
bottom:auto;
border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
border-color:transparent rgba(255, 255, 255, 1.0);
}
/* Variant : right
------------------------------------------ */
.triangle-right.right:after {
top:16px;
right:-40px; /* value = - border-left-width - border-right-width */
bottom:auto;
left:auto;
border-width:15px 0 0 40px; /* vary these values to change the angle of the vertex */
border-color:transparent rgba(255, 255, 255, 1.0);
}
/* Person being quoted */
.quotee {padding: 0 0 0 15px; font-size:16px; font-weight:600;}
.quotee-title {font-size:14px; font-weight:400; font-style:italic;}