/* /chartersafe_20.2.63/zzCustom.css */


/* TYPOGRAPHY Overrides */

html {
    font-size: 14px;
}

header a,
footer a,
.HomePage .wrapper a {
    text-decoration: none;
}


/* header a:hover, footer a:hover, .HomePage .wrapper a:hover {
    text-decoration: underline;
}
 */

h1,
h2,
h3,
h4,
h5,
h6,
.wantToBox select,
.TextButton,
.PrimaryButton,
a.auth-link,
.HpTabs .ui-tabs-nav li,
.hpNews .newsItem .title {
    font-family: "Montserrat", sans-serif;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 20px;
    font-weight: 400;
}

h4 {
    font-size: 16px;
    font-weight: 400;
}

h5 {
    font-size: 14px;
    font-weight: 400;
}

h5,
h6 {
    color: #919db4;
    font-weight: 400;
}




a.FeatureActionLink {
    display: block;
}

.nav-secondary .sub-nav-head {
    font-weight: 100;
    font-family: "Montserrat", sans-serif;
}

.RelocatedSubNav {
    float:left;
    max-width: 33%;
}



.PrimaryButton,
.TextButton,
a.auth-link {
    border: 2px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.50);
    transition: all 0.5s;
    padding: 5px 10px;
}

.TextButton,
a.auth-link {
    box-shadow: 0 0 4px rgba(0, 0, 0, .5);
    background-color:#D77B3E;
    border: 1px solid #FFFFFF;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.50);
    border-radius:35px;
    font-size: 16px;
    padding:.5em 1em;
    color: #fff;
}

.PrimaryButton {
    background-image: none;
}

.TextButton:hover,
.PrimaryButton:hover {
    box-shadow: none;
}

.CalloutArea1,
.CalloutArea2 {
    padding: 3rem;
    box-shadow: none;
}

.CalloutArea1 {
    background: #FAFAFA;
    border: 2px solid #DADADA;
}

.CalloutArea2 {
    background: #41629F;
    border: 2px solid #595959;
    color: #fff;
}


/* =========== Global Structural */


/* Header */

.auth-link-container {
    padding: inherit;
}

header a:hover {
    text-decoration: none;
}


header .auth-link {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    line-height: 32px;
    /* Needed to match height search and want to select */
    font-weight: normal;
}

header .auth-link:hover {
    box-shadow: none;
}


/* Social Icons */

.ftSocialBranding {
    padding:5px;
    margin-top:2em;
    position:relative;
}

.ftSocialBranding .branding {
    float:left;
    padding:5px 0;
    font-size:20px;
}
.ftSocialBranding .branding strong {
    color:#d8842a;
}

ul.socialicons {
    float:left;
    padding-left: 0;
    margin:0;
    margin-right:1em;
    list-style-type:none;
    line-height:0;
}

.socialicons li {
    display: inline-block;
    margin-bottom:0;
    padding:0;
/*     border:1px dotted white; */
}

.socialicons li a {
    display: block;
    width: 41px;
    height:40px;
    text-align: center;
    background-image:url(images/chartersafe/SocialSprite.png);
    text-indent:-200px;
    overflow:hidden;
}

.socialicons a.fb {
    background-position:0 0;
}

.socialicons a.twitter {
    background-position:-50px 0;
}

.socialicons a.linkedin {
    background-position:-100px 0;
}

.header-container {
    margin: 0;
    padding: 0;
}

header.header {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    height: 30vw;
    max-height: 300px;
    z-index: 99999;
}

.HomePage header.header {
    min-height: 32vw;
}

header.header>.container {
    position: relative;
    background-color: rgba(243, 242, 240, .7);
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    margin: 3rem auto;
    padding: 1rem;
}

@media(min-width:1170px){
    header.header>.container {
        border-radius:170px;
        padding-right: 1.5rem;
    }
}



.header-top-container,
.header-bottom-container {
    /*     min-height: 33px; */
    /*     border: 1px solid red; */
}

.nav-auxiliary .NavigationListItem {
    margin: 0;
}

.navbar-header .NavigationLink {
    line-height: 36px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .8rem;
    font-weight:bold;
}

.photoBannerBg {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #999;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center center;
    background-image: linear-gradient(rgba(255, 255, 255, .1)30%, rgba(0, 0, 0, 0.60)), url("images/chartersafe/BlurredBG.jpg");
}

.HomePage .photoBannerBg {
    background-image: linear-gradient(rgba(255, 255, 255, 0)50%, rgba(0, 0, 0, 0.43)), url("images/chartersafe/hpHeroBg_v2.jpg");
}

.photoBannerBg .HomePageFullWidthArea {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.photoBannerBg h1 {
    color: #fff;
    text-align: center;
    margin: auto 5vw;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.70);
}


/* LOGO */

#masterHeaderImage {
    background-image:url(images/chartersafe/Newlogo.png);
    background-size: contain;
    margin-top: 0;
    height: 58px;
    width: 300px;
}

.header-logo-container {
    padding: 3rem 2rem;
}


/* header Search */

.hdSearch:before {
    font-family: "FontAwesome";
    content: "\f002";
    color: #fff;
    font-size: 20px;
}

.hdSearch span {
    display: none;
}


/* I want to... select  */

.wantToBox .dropbtn {
    cursor: pointer;
    line-height: 32px;
}

.wantToBox {
    position: relative;
    display: inline-block;
}

.wantToBox .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 10000;
}

.wantToBox .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.wantToBox .dropdown-content a:hover {
    background-color: #f1f1f1
}

.wantToBox:hover .dropdown-content {
    display: block;
}

.wantToBox:hover .dropbtn {
    /*background-color: #3e8e41;*/
}




/* ============= */


/* nav-primary */

.nav-primary .RadMenu:after {
    display: inline;
}


/* Remove space below main nav to get it to line up with Logo */

.nav-primary {
    border: 1px solid #fff;
    border-radius: 0 3px 3px 0;
    float: none;
    margin-left: 358px;
    margin-top: 20px;
    background-image: linear-gradient(#40619D, #324C7C);
    font-family: 'Montserrat', sans-serif;
 
}


/* Make Primary Nav Flex on supported Browsers */

@media(min-width: 768px) {
    .nav-primary {
    border-radius:54px;
}


    .nav-primary ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .nav-primary li.rmItem {
        float: none!important;
        flex-grow: 1;
        border-right: 1px solid #fff!important;
        text-align: center;
    }
    .nav-primary li.rmItem:last-child {
        border-right: none!important;
    }

    .nav-primary .RadMenu.RadMenu_Austin .rmText {
        display: block!important;
        text-align: center;
        float: none;
    }

    /* SUB NAV */
    .nav-primary .rmSlide .rmVertical .rmText {
        text-align: left;
    }

    .nav-primary .rmSlide .rmVertical li.rmItem {
        border-right: none!important;
    }
}


/* ============= */


/* HOME PAGE */

.HomePage h1.GeneratedPageTitle,
.HomePage .breadcrumb-obo-container {
    display: none;
}

.HomePage .col-primary .container>div>.ContentItemContainer {
    margin: 0;
    padding: 3rem 0;
}

.HomePage #masterContentArea.container {
    max-width: none;
    margin-top: 0;
}

.HomePage .col-primary .row h2 {
    text-align: center;
    font-size: 40px;
}


/* Welcome which gets hidden if logged in */

.HomePage .wrapper.loggedIn .col-primary .row:nth-child(1)>.container {
    display: none;
}

.HomePage .col-primary>div>.row:nth-child(1) {
/*     background-color: #41629f; */
background-color:#659DA5;
    border-top: 1px solid #fff;
    padding: 2rem 0 8rem 0;
}

.HomePage .wrapper.loggedIn .col-primary .row:nth-child(1) {
    padding: 0;
    height: 90px;
}


/* add gradient when logged in */

.HomePage .wrapper.loggedIn .col-primary .row:nth-child(1) {
    /*     background-image:linear-gradient(#41629F,#283c5f); */
}

.HomePage .col-primary .row:nth-child(1) .iMIS-WebPart>.ContentItemContainer {
    margin: 0;
    padding: 0;
}

.HomePage .col-primary .row:nth-child(1) .container {
    background-color: #fff;
    padding: 0;
    /* Remove default bootstrap left right padding */
}

.HomePage .col-primary .row:nth-child(1) .container>div {
    background-color: #fff;
    padding: 0 3rem;
}


/* Login Lockup */

.HomePage .col-primary .row:nth-child(1) .container div.col-sm-3 {
    background-color: #F3F2F0;
}

.HomePage .col-primary .row:nth-child(1) .container div:nth-child(2) .CenterText,
.HomePage .col-primary .row:nth-child(1) .container div:nth-child(2) .CenterText a {
    color: #fff;
}



/* Tabbed Content */

.HomePage .col-primary>div>.row:nth-child(2) {
background-color:#73acb3;
    border-top: 1px solid #fff;
}

.HomePage .col-primary .row:nth-child(2) .container>div>.ContentItemContainer {
    padding: 0;
}

.HpTabs>div>div.ContentItemContainer {
    margin-bottom: 0;
}




/* TOGGLE Tabs if logged in */


/* Set default */

.HpTabs>.iMIS-WebPart:first-child {
    display: block;
}

.HpTabs>.iMIS-WebPart:last-child {
    display: none;
}


/* Override default if logged in */

.wrapper.loggedIn .HpTabs>.iMIS-WebPart:first-child {
    display: none;
}

.wrapper.loggedIn .HpTabs>.iMIS-WebPart:last-child {
    display: block;
}



.HpTabs .ui-tabs-tab.ui-state-active,

/* Override default ultrawave styles styles */

.HpTabs .ui-tabs-tab.ui-state-hover,
.HpTabs .ui-tabs-tab.ui-state-active {
    background: none;
    height: auto!important;
    opacity: 1;
}

.HpTabs .ui-tabs-nav {
    list-style: none;
    padding: 0;
    float: left;
    width: 100%;
    clear: both;
    margin-top: -71px;
    /* Positions over bottom of row above */
    margin-bottom: 0;
}

.HpTabs .ui-tabs-nav li {
    float: left;
    width: 30%;
    text-align: center;
    padding: .5em 0;
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 1%;
    line-height: 50px;
}


/* Adjust for long third option of logged in tabs */

.wrapper.loggedIn .HpTabs>.iMIS-WebPart:last-child .ui-tabs-nav li:last-child {
    line-height: 24px;
}

@media (max-width: 415px) {
    /*   Adjust formatting as screen gets even smaller   */
    .HpTabs .ui-tabs-nav li {
        font-size: 14px;
    }
}

.HpTabs .ui-tabs-nav li a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.HpTabs .ui-state-hover li a {
    color: #4B4B4B;
}


.HpTabs .ui-tab.ui-state-hover,
.HpTabs .ui-tab.ui-state-active {
    border: 1px solid #fff;
    border-bottom: none;
    background-color: #73acb3;
    border-radius:35px 35px 0 0;
}




.HpTabs .ui-tabs-active a.ui-tabs-anchor,
.HpTabs li.ui-state-hover a.ui-tabs-anchor {
    color: #ffffff;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.43);
}

.HpTabs .ui-tabs-panel {
    clear: both;
    padding: 4rem 2rem;
    color: #fff;
    background-image: url(images/chartersafe/HpTabPixBG.png);
    background-position: top right;
    background-size: contain;
    background-repeat:no-repeat;
    height: auto!important;
}

.HpTabs .ui-widget-content p {
    color: #fff;
    max-width: 66%;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
}

.HpTabs .ui-tabs-panel ul {
    /*list-style-type: none;*/
    padding-left: 1em;
}

.HpTabs .ui-tabs-nav li a:before {
    font-family: fontawesome;
    font-weight: normal!imporant;
    font-size: 1.5em;
    -webkit-text-stroke: 0;
    display: inline-block;
    margin-right: 1rem;
    font-weight: 100;
}


/* Set Tab Icons */

.HpTabs .ui-tabs-nav li:nth-child(1) a:before {
    content: "\f005";
}

.HpTabs .ui-tabs-nav li:nth-child(2) a:before {
    content: "\f0c0";
}

.HpTabs .ui-tabs-nav li:nth-child(3) a:before {
    content: "\f059";
}

.wrapper.loggedIn .HpTabs .ui-tabs-nav li:nth-child(1) a:before {
    content: "\f075";
}

.wrapper.loggedIn .HpTabs .ui-tabs-nav li:nth-child(2) a:before {
    content: "\f1d8";
}

.wrapper.loggedIn .HpTabs .ui-tabs-nav li:nth-child(3) a:before {
    content: "\f0a3";
}






/* what to expect */

.HomePage .col-primary .row:nth-child(3) {
    background-color: #fff;
}


.HomePage .col-primary .row:nth-child(3) h3 {
    background-color: #41629f;
    border:1px solid #41629f;
    color:#fff;
    line-height: 50px;

    border-radius:40px;
}

/* icons next to each item */

.HomePage .col-primary .row:nth-child(3) h3 em {
    font-size: 26px;
    margin-right: .5rem;
    background-color:transparent;
    border:1px solid #fff;
    border-radius:100%;
    color: #fff;
    font-weight: 200;
    height:50px;
    width:50px;
    text-align:center;
    padding:10px;
    display:inline-block;
}


/* News and Announcements */

.HomePage .col-primary .row:nth-child(4) {
/*     background-color: #41629f; */
background-color:#E5C56E;
}

.HomePage .col-primary .row:nth-child(4) h2 {
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.43);
}

.hpNews .newsItem a {color:#fff;}

.hpNews .newsItem .inner {
    border: 1px solid transparent;
    padding: 1em;
    margin: 1em;
    /*     min-height:200px; */
    color: #333;
}

.hpNews .newsItem:hover .inner {
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, .3)
}

.hpNews .newsItem .title,
.hpNews .newsItem .pubDate,
.hpNews .newsItem .summary {
    display: inline-block;
    margin-bottom: 1rem;
}


.hpNews .newsItem .title {
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.43);
    font-size: 24px;
    line-height: 1em;
    font-weight: 400;
}

.hpNews .newsItem .pubDate {
    font-weight: bold;
}

.hpNews .newsItem .summary {
    font-weight: 200;
}

.HomePage .slick-prev:before,
.HomePage .slick-next:before {
    font-size: 45px;
}

.slick-prev,
.slick-next {
    height: 45px;
    width: 45px;
    z-index: 999;
}


/* Upcoming events */

.HomePage .col-primary .row:nth-child(5) {
    /*     background-color: orange; */
}

.hpEvents .slick-slider {}

.hpEvents .slick-prev:before,
.hpEvents .slick-next:before {
    color: #41629f;
}

.hpEvents .slick-list {
    padding-left: 10px;
}

.hpEvents .slick-slide {
    /*     text-align:center; */
}

.hpEvents .slick-slide .inner {
    margin-right: 10px;
}

.hpEvents .slick-slide img {
    display: block;
    width: 100%;
}

.hpNews .slick-prev,
.hpEvents .slick-prev {
    left: -45px;
}

.hpNews .slick-next,
.hpEvents .slick-next {
    right: -45px;
}

.HomePage .wrapper {
    display: block;
}

.hpEvents p {
    margin-right: 1em;
}

.hpEvents .where,
.hpEvents .when {
    font-weight: 400;
}


/* ==================================== */


/* Int Content */


/* ==================================== */


.nav-secondary {
    background-color:#ededed;
}


.CalloutArea2 h2,
.CalloutArea2 h3,
.CalloutArea2 h4 {
    color: #fff;
    margin: 0 0 1em 0;
}

.InfoGraphic h1 {text-align:center;}

.InfoGraphic .col-primary > div > .row{
        margin-bottom:2em;
        padding:2em;
        color:#fff;
        border-radius:10px;
        float:left;
        width:100%;
}


.InfoGraphic .col-primary  a{color:#fff;text-decoration:none;font-weight:bold;}
.InfoGraphic .col-primary a:hover{text-decoration:underline;opacity:.9;}
.InfoGraphic .col-primary h2 {
    background-color:#fff;
    color:#333;
    line-height:1em;
    display:inline-block;
    border-radius:100%;
    font-size:17px;
    text-align:center;
    height:84px;
    padding:1.25em 1em;
    float:left;
    margin:0 2rem 2rem 0;
    border:5px solid rgb(218, 218, 218);
}
.InfoGraphic .col-primary h2 span{display:block;}


.InfoGraphic .col-primary h3,
.InfoGraphic .col-primary h4 {color:#fff;}


.InfoGraphic .col-primary > div  .row {position:relative;}

.InfoGraphic .col-primary > div > .row.Step1:after,
.InfoGraphic .col-primary > div > .row.Step2:after {
    content:"\f0d7";
    font-family:"fontawesome";
    font-size:105px;
    line-height:45px;
    text-shadow:-1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;;
    color:#333;
    display:block;
    text-align:center;
    position:absolute;left:0;right:0;bottom:-30px;
    z-index:9999;
    }


.InfoGraphic .col-primary > div > .row.Step1 {
        background-color:#e5742c;
}


.InfoGraphic .col-primary > div > .row.Step1 .CalloutArea2.PrimaryContact {
    background-color: #fff;
    border-color: #fbba92;
    min-height:unset;
}
.InfoGraphic .PrimaryContact .ContactInfo{color:#333;}
.InfoGraphic .PrimaryContact .ContactInfo a {color:#e6742d;}


.InfoGraphic .col-primary > div > .row.Step2 {
    background-color:#3d5c94;
}
.InfoGraphic .col-primary > div > .row.Step3 {
    background-color:Green;
}
.InfoGraphic .col-primary ul{clear:both;}

.InfoGraphic .col-primary .CalloutArea1 {
        clear:both;
        color:initial;
        padding:1em;
}

.InfoGraphic .col-primary .CalloutArea1 em {
    font-size:2em;
}

@media(min-width:768px){
   

       ul.TwoCol li {
            float:left;
            width: 45%;
            margin-right: 5%;
            
        }
    .InfoGraphic .Step1 ul.TwoCol li {
        min-height: 3em;
        line-height: 1.3em;
    }
}



/* GetaQuote Customizations*/
.InfoGraphic .GetAQuote h3 {clear:both;}


/* InsuranceNeedsForDevelopingSchools */
.InfoGraphic .InsuranceNeedsForDevelopingSchools h2 {height:110px;font-size:24px;line-height: 24px;}
.InfoGraphic .InsuranceNeedsForDevelopingSchools h2 span {font-size: 18px;}



.InfoGraphic .col-primary .InsuranceNeedsForDevelopingSchools p {
    clear:both;
    margin-left:115px;
}
.InfoGraphic .col-primary .InsuranceNeedsForDevelopingSchools ul.TwoCol {
    margin-left:90px;   
    clear:right;
}

@media (min-width: 768px){
    .InfoGraphic .col-secondary {display:none;}
}


/* my account page  */
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    padding:1em .75em;
}

.panel-heading.Distinguish,
 .PanelHead.Distinguish,
 .TitleBarCaption,
 .panel-group .panel-heading,
.panel-border {border:none;}


/* For PrimaryContact Lock up*/

.CalloutArea2.PrimaryContact {
    padding: 1rem;
    width: 100%;
    margin: 0 auto 1rem!important;
}


.CalloutArea2.PrimaryContact,
.PrimaryContact img,
.PrimaryContact .ContactInfo {
    display: block;
    float: left;
    /* border:1px solid red; */
}

.CalloutArea2.PrimaryContact {
    margin-bottom: 1rem;
    min-height:250px;
}

.PrimaryContact img {
    padding-right: 1rem;
    padding-top: 5px;
}

.PrimaryContact .ContactInfo {
    text-align: left;
    color: #fff;
    width: 63%;
    padding: 0;
    margin: 0;
}

.PrimaryContact a {
    color: #f4c3a4;
    text-decoration: none;
}


/* Must Name the iPart "Primary Staff Contacts" */

div[id*="PrimaryStaffContacts"] .panel-heading.Distinguish {
    padding: 0;
}

div[id*="PrimaryStaffContacts"] .panel-heading.Distinguish h2 {
    font-size: 20px;
    font-weight: 400;
}

div[id*="PrimaryStaffContacts"] .panel-body {
    padding: 0;
}



/* 
h1.GeneratedPageTitle {
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    /*width: 80%;*/

text-align: center;
text-shadow: 0 0 10px rgba(0,
0,
0,
0.61);
margin-bottom: 2rem;
font-weight: 300;

}
*/
/*  Primary Contacts Lockup  */
.PrimaryContacts .CalloutArea2 {
    margin: 0;
    padding: 1rem;
}

@media(min-width: 769px) {
    .PrimaryContacts .CalloutArea2 p {
        margin: 0 0 1rem 125px;
    }

    .PrimaryContacts .CalloutArea2 img {
        float: left;
        margin-right: 1rem;
    }
}
/* STAFF PAGE */
body.Staff h2{
    font-size:1.5em;
    background-color:#4c5fa3;
    color:#fff;
    padding-left:1em;
}

body.Staff h2.AnchorLeft{border-radius:0 20px 20px 0;}
body.Staff h2.AnchorRight{border-radius:20px 0 0 20px;}

.StaffMbr {
    margin-bottom:1.5em;
}

.StaffMbr .left {
    float:left;
    padding-right:1em;
}
.StaffMbr .right {
    margin-left:145px;
}

.StaffMbr .left .img {
    background-color:black;
    width:130px;
    height:130px;
    border-radius:65px;
    overflow:hidden;
    text-align:center;
}

.StaffMbr .name {color:#659DA5;font-size:1.5em;font-weight:bold;}
.StaffMbr .title {color:#49629A;font-size:1.2em;font-weight:bold;}
.StaffMbr .ContactInfo,
.StaffMbr .ContactInfo a {color:#BE5853}



/* CLAIMS LANDING PAGE */

/* HIDE SUB NAV ON */
.ClaimsLandingPage .col-secondary,
.ClaimsWizard .col-secondary{display:none;}

.ClaimsWizard h1 {text-align:center;}


/* Q&A_Callout */
/* .Q&A_Callout to be put in Edit Zone Properties */

.QandA_Callout {
    margin:2em auto;
    max-width:80%;
        padding:2em;
    /* Rectangle: */
    background: #F9F9F9;
    border: 1px solid #D3D3D3;
}


.QandA_Callout h2 {
    color:#4a4a4a;
    text-align:center;
    margin-bottom:1em;
}

.AnswerList {
    float:left;
    width:100%;
}

.AnswerList .answer a {
    text-decoration:none;
    text-align:center;
    color:#333;
    display:block;
    padding:2em;
    /* Rectangle 2 Copy: */
    background: #FFFFFF;
    border: 2px solid #D3D3D3;
    border-radius: 5px;

}

.AnswerList .answer a strong {
    display:block;
    font-size:1.75em;
    color:#41629f;
}

.AnswerList .answer:hover a {
    border-color:#f57d20;
    background-image: linear-gradient(-180deg, #FFFFFF 0%, #FDFDFD 58%, #EAEAEA 100%);
    border: 2px solid #E5742B;
    border-radius: 5px;
}

.AnswerList .answer:hover a strong {
    color:#f57d20;
}




@media(min-width: 768px) {

    .WebPartZone.CalloutArea1 {
        min-height: 178px;
        text-align: center;
        padding: 1rem;
        margin: auto;
    }

    @media(min-width:769px) {
        .WebPartZone.CalloutArea1 h2 {
            font-size: 23px;
        }

        .WebPartZone.CalloutArea1.withTwoButtons {
            min-height:245px;
        }

        /* Used on Claims Page */
        .WebPartZone.CalloutArea1.withTwoButtons h2 {
            min-height: 47px;
        }
        /* To standarize height of lock-ups on landing pages */
        .WebPartZone.CalloutArea1.TwoLinesTall h2 {

            min-height: 86px;
        }
        /* Used on Cert of insurance page */
        .WebPartZone.CalloutArea1.ThreeLinesTall h2 {
            min-height: 129px;
        }
    }

    .WebPartZone.CalloutArea1 h2 a {
        text-decoration: none;
    }
}




/* ============= */

/* Back to Top */
.ToTop {
    text-align: center;
}

.ToTop a {
    font-weight: 300;
    font-size: 1.2rem;
    display: inline-block;
    background-color: #41629f;
    padding: 1rem 2rem;
    text-decoration: none;
    color: #fff;
    transition: bottom .25s;
    position: relative;
    bottom: -5px;
    border-radius:20px 20px 0 0;
}

.ToTop a:hover {
    bottom: 0;
}

.ToTop a:before {
    font-family: fontawesome;
    content: "\f102";
    font-size: 1.2em;
    margin-right: .5rem;
}


/* Footer */
.footer {
    padding: 3rem 0;
    display: block;
    height: auto;
}





footer a.ftLogo {
    /*     border:1px solid white; */
    display: inline-block;
    background-image: url(images/chartersafe/ftlogo.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 65px;
    width: 100%;
    margin-bottom: 1rem;
}

footer a.ftLogo span {
    display: block;
    text-indent: -500px;
}

footer .NavigationListItem:first-child .NavigationLink {
    padding-left: 0;
}


/* To line up with QuickLinks Heading */
.footer .quickLinks h2 {
    font-size: 1.5rem;
    margin-top: 1rem;
}

.footer .quickLinks {
    margin-bottom:2em;
}

.footer .quickLinks ul {
    margin: 0;
    padding: 0 0 0 15px;
}

.footer .quickLinks ul li {
    float: left;
    width: 50%;
}

.footer-copyright,
.footer-copyright h3 {
    color: #fff;
}


/* ========================== */

/* RWD */

/* ========================== */

/* Upto 1024 wide */
@media(max-width: 1024px) {
    /* overide height so image can be seen */

    header.header {
        max-height: none;
        height: 270px;
    }

    .HomePage header.header {
        max-height: none;
        height: 550px;
    }
    /*  re-factor header    */

    header.header>.container {
        box-shadow: none;
        margin: 0;
    }
    /* Hd logo */

    #masterHeaderImage {
        height: 3vw;
        width: 25vw;
    }

    .RadMenu.RadMenu_Austin .rmText,
    .RadMenu.RadMenu_Austin .rmHorizontal .rmText,
    .RadMenu.RadMenu_Austin .rmSlide .rmText {
        padding: 1.2vw;
    }

    .nav-primary {
        margin-left: 30.6vw;
    }
    /* Welcome Row on Home Page */

    .HomePage .col-primary .row:nth-child(1) {
        padding-top: 0;
    }
    /* override width of sign in form labels so does not force scroll */

    .PanelField label,
    .PanelField .Label {
        width: auto;
    }
    /*  reposition slider buttons so they don't force Horiz-scroll    */

    .hpNews .slick-prev,
    .hpEvents .slick-prev {
        left: -40px;
    }

    .hpNews .slick-next,
    .hpEvents .slick-next {
        right: -40px;
    }
}



/* Exactly 768 */
@media(width:768px) {
    header.header {
        max-height: none;
        height: 315px;
    }
}



/* Upto 768px wide */
@media(max-width: 768px) {

    .HomePage .wrapper.loggedIn .col-primary .row:nth-child(1),
    .TextButton.wantToBox {
        display: none;
    }
    /* Hd logo refactor */

    .header-logo-container {
        padding: 1.35rem;
    }

    #masterHeaderImage {
        height: 4.8vw;
        width: 29.5vw;
    }
    /*   Make aux nav be block and right justify   */

    .navbar-header.nav-auxiliary .NavigationUnorderedList {
        clear: both!important;
        display: block!important;
        float: none;
        text-align: right;
    }
    /*   clear out margin since no longer on the same line as Logo   */

    .nav-primary {
        margin-left: 0;
    }
    /*  Drop down menu    */

    .RadMenu.RadMenu_Austin .rmRootGroup>.rmItem {
        border-bottom: 1px solid rgba(237, 237, 237, 0.38);
        width: 100%;
        float: left;
        line-height: 45px;
    }

    .RadMenu.RadMenu_Austin .rmLink .rmToggle>.rmIcon {
        background-position: 0 -26px;
    }
    /* sign in on home page  */

    .HomePage .container>div>.ContentItemContainer {
        padding: 1rem;
    }

    .HomePage .col-primary .row:nth-child(1) .container>div {
        padding: 0;
    }
    /* Home page tabbed content reduce font size to avoid wrapping */

    .HpTabs .ui-tabs-nav li a {
        font-size: 1rem;
    }
    /*   remove background image because it is eye candy and not needed on mobile   */

    .HpTabs .ui-tabs-panel {
        background-image: none;
    }
    /*   remove max width since no background image   */

    .HpTabs .ui-tabs-panel p {
        max-width: none;
    }
}


/* BELOW TABLET */
@media(max-width: 767px) {
    header .hdSearch {
        display: none;
    }
    /* Hd logo refactor */

    .header-logo-container {
        padding: 1.35rem;
        width: 100%;
    }

    #masterHeaderImage {
        height: 4.8vw;
        width: 100%;
        max-width: none;
        background-position: center
    }

    .navbar-header {
        float: none;
        clear: both;
        text-align: center;
    }

    .navbar-header.nav-auxiliary .NavigationUnorderedList {
        text-align: center;
    }

    header.header>.container {
        margin: 0;
        padding: 0;
    }

    .HomePage .col-primary .row:nth-child(1) {
        padding-bottom: 0;
    }


    .CalloutArea1,
    .CalloutBlockType1 {
        margin: 20px auto 0 auto;
        padding: 1em 0;
        text-align: center;
    }

    .CalloutArea1 h2 br {
        display: none;
    }
    /*  h1.GeneratedPageTitle {
    font-size:28px;} */
}







/* For Tab to Accordion Toggle on mobile */

/* Hide Row on mobile */
.ui-state-hover,
.ui-state-active {
    background: none;
    height: auto!important;
    border: none;
}

.accordion_container>h3 {
    display: none;
}


@media(max-width:767px) {


    

    .HpTabs .ui-widget-content p {
        max-width: none;
    }

    .photoBannerBg,
    .HpTabs ul.ui-tabs-nav,
    .HpTabs>div>div>div>ul:first-child {
        display: none;
    }

    header.header{
        height: 160px;
    }

    .accordion_container {
        margin-bottom: 20px;
    }

    .accordion_container>h3 {
        display: block;
        background-color: #41629f;
        padding: 1rem;
        color: #fff;
        border: 1px solid #fff;
    }

    .accordion_container h3.ui-accordion-header-active {
        background-color: #d56b28;
    }


    .accordion_container>h3:before {
        content: "+ ";
        color: #fff;
    }

    .accordion_container>h3.ui-accordion-header-active:before {
        content: "- ";
        color: #fff;
    }


    .hpTabs .tab {
        max-height: none;
    }
}