html {scroll-behavior: smooth;}

/*desktop version*/
.h2 {
	font-size: 33px;
	font-weight: 400;
	line-height: 40px;
	color: #182745;
	padding-bottom: 20px;
}

.h3, .box-information > h3, .box-information-flex > h3 {padding-top: 0px;}

a.box-2columnsoffset_box, .box-3columnsoffset_box {padding:20px;}

/*tablet version*/
@media screen and (min-width: 700px) and (max-width: 1024px){
	.h2 {
		font-size: 30px;
		font-weight: 400;
		line-height: 37px;
	}
 
    .b1 {padding-bottom: 10px;}
  
    .h3, .box-information > h3, .box-information-flex > h3 {padding-bottom:5px;}
  
}

/*mobile version*/
@media screen and (max-width: 700px){
	.h2 {
		font-size: 24px;
		font-weight: 400;
		line-height: 29px;
	}
    .text-breadcrumb {
        display: block;
        padding-bottom: 40px;
    }
	.text-breadcrumb_icon {
        display: inline;
        width: 12px;
        height: 9px;
    }
}

/*text wrappers*/
div.uxArticle, article.uxArticle {margin: 0 5% 0;}
.uxArticle.uxArticle_top {margin: 40px 5% 0;}

article.uxArticle.uxArticle_top.mar40 {margin: 40px 5% 40px;}

.uxArticle h1{padding-bottom:20px;}
div.warning {
  	margin-top: 0;
	margin-right: 5%;
  	margin-left: 5%;
    padding: 20px;
  	margin-bottom: 50px;
}

div.accordion {width: 53%;}

.css-accordion-title {
 	margin-top: 30px;
	margin-right: 5%;
  	margin-left: 5%;
    margin-bottom: 20px;
}

div.box-3columns_box {width:auto;}

article.trustpilot-grey {
  margin: 0;
  padding: 20px 5% 20px;
  background: #F3F5F6;
}
		
/*tablet*/
@media screen and (min-width: 700px) and (max-width: 1024px){
	.group.breadcrumb {padding-top: 30px;}
  
  	.uxArticle.uxArticle_top {margin-top: 30px;}
  
  	h2.css-accordion-title {
    	margin-right: 5%;
      	margin-left: 5%;
    }
}

/*mobile*/
@media screen and (max-width: 700px){
    .uxArticle {margin:20px 10px 40px 10px;}
  
  	div.warning {
      	margin-top: 20px;
    	margin-left: 10px;
      	margin-right: 10px;
      	margin-bottom: 50px;
    }
  
  	.css-accordion-title {
      margin-top: 20px;
      margin-right: 10px;
      margin-left: 10px;
	}
   	#accordionGroup {width: calc(100% - 40px);}
  
 	.divider-medium {margin: 0 0 5px 0;}
}

/*standard style overrides*/
div.box-information_innerbutton:nth-child(3){margin-top: 0;}
div.box-information:nth-child(2){padding-bottom: 15px;}
div.uxArticle:nth-child(5) > div:nth-child(2){margin-top: 10px;}
div.uxArticle:nth-child(6) > h2:nth-child(1){padding-bottom: 30px;}

div.box-2columns_box:nth-child(2) > p:nth-child(3){padding-bottom: 0;}

h2.css-accordion-title {
  padding-bottom: 0;
  font-size: 33px;
  font-weight: 400;
  line-height: 33px;
}
#accordionGroup {
  margin-bottom: 30px;
  max-width: 840px;
}
div.uxArticle:nth-child(12) > h2:nth-child(1){padding-bottom: 30px;}

/*alt link list (build into information box component in future?*/
.box-2columns_box > .box-information_innerlist > .list-link > .list-link_link > .button-tertiary-right-blue {width: calc(100% - 7px);}
.box-2columns_box.box-information-blue > .box-information_innerlist > .list-link > .list-link_link > .button-tertiary-right-blue {outline: 4px solid #DAEBF4;}
.box-2columns_box.box-information-blue > .box-information_innerlist > .list-link > .list-link_link > .button-tertiary-right-blue:focus {outline: 4px solid #182745;}  

.box-2columns_box.box-information-blue > .box-information_innerlist > .list-link > .list-link_link > .button-tertiary-right-blue {
	margin-top: 5px;
  	width: calc(100% - 20px);
}

.box-2columns_box > .box-information_innerlist > .list-link > .list-link_link > .button-tertiary-right-blue > .button-tertiary-right-blue_icon {
	position: relative;
  	display: block;
  	float: right;
}

.box-2columns_box > .box-information_innerlist > .list-link > .list-link_line {
	margin-top: 0;
  	margin-bottom: 0;
}

/*tablet*/
@media screen and (min-width: 700px) and (max-width: 1024px){
	div.box-information_innerbutton:nth-child(3){margin-top: 20px;}
  
  	div.box-information:nth-child(2) > h3:nth-child(3){padding-top: 20px;}
  
  	h2.css-accordion-title {
  		font-size: 30px;
  		line-height: 30px;
	}
  
  	/*link list layout change from 3col to 2col*/
  	.box-3columns_box.box-3columns_box-step {
      flex-basis: 40%;
      max-width: 45%;
      padding-bottom: 0;
    }
}


@media screen and (max-width: 700px){
    .box-information-green.h2, .box-information-flex > h2 {
        font-size: 24px;
        font-weight: 400;
        line-height: 29px;
        color: #182745;
        padding-bottom: 20px;
    }
  div.box-3columnsoffset_box_right > p {font-size:16px; padding-bottom: 0px;}
    div.accordion {width: 89%;}

  	div.uxArticle, article.uxArticle {margin: 0 20px 0;}
	.uxArticle.uxArticle_top {margin: 20px 20px 0;}
  
	div.uxArticle:nth-child(6) > h2:nth-child(1){padding-bottom: 10px;}
  
  	.box-2columns_box.box-information-blue > .box-information_innerlist > .list-link > .list-link_link > .button-tertiary-right-blue {padding-bottom: 3px;}
  
  	article.uxArticle:nth-child(8){margin: 20px 5% 0;}
  
  	h2.css-accordion-title {
      font-size: 24px;
      line-height: 24px;
      margin-left: 20px;
    }
 	#accordionGroup {margin-bottom: 20px;}
  	div.uxArticle:nth-child(12) > h2:nth-child(1){padding-bottom: 20px;}
	div.warning {
    	margin-left: 20px;
    	margin-right: 20px;
    }
}


/*accordion related*/
div.accordion-panel h3, div.accordion-panel ul, div.accordion-panel ol, div.accordion-panel p {padding-bottom: 10px;}
div.accordion-panel h3 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 10px;
  line-height:32px;
}

.h2 .box-information-flex > h2 {
    font-size: 33px;
    font-weight: 400;
    line-height: 33px;
    color: #182745;
    padding-bottom: 20px;
}

@media screen and (min-width: 700px) and (max-width: 1024px){
    .h2, .box-information-flex > h2{
    font-size: 30px;
    font-weight: 400;
    line-height: 33px;
    }
}

@media screen and (max-width: 700px){.uxArticle, .uxArticle.uxArticle-fullwidth {margin:20px 10px 20px 10px;}}

.list-container > .h2 {
    font-size: 33px;
    font-weight: 400;
    line-height: 33px;
    color: #182745;
  	padding-bottom: 20px;
}

.uxArticle > .list-link {
  width: 426px;
  display: flex;
  vertical-align: top;
  margin-right: 40px;
}

/*body text*/
.list-link_link, .list-link_pdf {
    font-size: 22px;
    font-weight: 200;
    line-height: 25px;
    color: #182745;	
}

/*tertiary button styles*/

a.button-tertiary-right-blue_list-check {display: inline-block;}

.button-tertiary-none-blue, .button-tertiary-left-blue, .button-tertiary-right-blue {
    color: #33508A;
    outline: 4px solid #FFFFFF;
    border-radius: 5px;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    overflow: hidden;
 	padding: 5px;

    /*full width params*/
    width: calc(100% - 20px);
}
.button-tertiary-none-blue:hover, .button-tertiary-left-blue:hover, .button-tertiary-right-blue:hover,
.button-tertiary-none-blue:focus, .button-tertiary-left-blue:focus, .button-tertiary-right-blue:focus {
    color: #182745;
    text-decoration: underline;
}
.button-tertiary-none-blue:focus, .button-tertiary-left-blue:focus, .button-tertiary-right-blue:focus {outline: 4px solid #182745;}
img.button-tertiary-left-blue_icon, img.button-tertiary-right-blue_icon {
    width: 17px;
    height: 17px;
    margin-left: 5px;
    margin-top: 5px;

    position: relative;
    display: block;
    float: right;
}
img.button-tertiary-left-blue_icon {content: url("/_resources/img/style-guide/buttons/circle-blue_chevron-white_left.png");}
img.button-tertiary-right-blue_icon {content: url("/_resources/img/style-guide/buttons/circle-blue_chevron-white_right.png");}

.button-tertiary-left-blue:focus-within > img.button-tertiary-left-blue_icon, .button-tertiary-left-blue:hover > img.button-tertiary-left-blue_icon {content: url("/_resources/img/style-guide/buttons/circle-darkblue_chevron-white_left.png");}
.button-tertiary-right-blue:focus-within > img.button-tertiary-right-blue_icon, .button-tertiary-right-blue:hover > img.button-tertiary-right-blue_icon {content: url("/_resources/img/style-guide/buttons/circle-darkblue_chevron-white_right.png");}

/*change this if it causes conflicts with info box controls*/
.list-link_link > a.button-tertiary-right-blue {margin-left: 0; display: inline-block;}

/*pdf icon*/
.list-link_pdf {padding-top: 5px;}

.document-icon {
  width: 30px;
  height: auto;
  display: inline;
  vertical-align: middle;
  padding-right: 5px;
}

@media screen and (min-width: 700px) and (max-width: 1024px){
    /*header*/
    .list-container > .h2 {
        font-size: 30px;
        line-height: 37px;
        padding-bottom: 0;
    }
  
  	.list-link {margin-right: 30px;}
   .box-3columns_box ul.list-link {width: 89%;}
    .list-link_link, .list-link_pdf {
      font-size: 20px;
      line-height: 22px;
      padding-bottom: 0;
    }

  	.button-tertiary-none-blue, .button-tertiary-left-blue, .button-tertiary-right-blue {
        font-size: 20px;
        line-height: 25px;
    }
    img.button-tertiary-left-blue_icon, img.button-tertiary-right-blue_icon {
        width: 16px;
        height: 16px;
    }
}

@media screen and (max-width: 700px){
    /*headers*/
    .list-container > .h2 {
        font-size: 24px;
        line-height: 24px;
        padding-bottom: 10px;
    }
  
    .list-link {
        display: block;
        width: 100%;
        margin-right: 0;
    }
}

.button-primary-none-default {
    background-color: #FCD900;
    border: 4px solid #FCD900;
    color: #182745;
}

.button-primary-none-default, .button-primary-none-blue, .button-secondary-none-white {
       border-radius: 5px;
    display: inline-block;
    padding: 10px 30px;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    overflow: hidden;
    width: fit-content;
    text-decoration: none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.18);
}


.button-primary-none-default:active {
    border: 4px solid #182745;
    background: #F0AB00;
    outline: 4px solid #ffffff;
}

.button-primary-none-default:hover, .button-primary-none-default:focus {
    text-decoration: none;
    color: #182745;
}

.button-primary-none-default:hover, .button-primary-none-default:focus {
    text-decoration: none;
    color: #182745;
}

@media screen and (max-width: 460px) {
    .box-information > .box-information_innerbutton > .button-primary-none-default, .box-information > .box-information_innerbutton > .button-primary-none-blue, .box-information > .box-information_innerbutton > .button-secondary-none-white, .box-2columns_box > .box-information_innerbutton > .button-primary-none-default, .box-2columns_box > .box-information_innerbutton > .button-primary-none-blue, .box-2columns_box > .box-information_innerbutton > .button-secondary-none-white, .box-3columns_box > .box-information_innerbutton > .button-primary-none-default, .box-3columns_box > .box-information_innerbutton > .button-primary-none-blue, .box-3columns_box > .box-information_innerbutton > .button-secondary-none-white {
        width: 100%;
    }
}

/*hr line height fix*/
.divider-large.divider-darkgrey {height: 1px;}
  
@media screen and (min-width: 400px) and (max-width: 701px){  
    section.l-col-0 {
        padding-bottom: 0px;
    }
}  

a.pdf-link-bottom {width: auto;}

@media screen and (max-width: 700px) {
    div.box-2columnsoffset_box, .box-3columnsoffset_box {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 767px) {
    div.savings-category-grid {
        gap: 20px;
    }
}