.feedback{
 border:1px solid transparent;
 margin:0px 0px;
 }
  /*releavent tag full width issue*/
.relevant-tags, .cmhc-container .date-published,.content-mid, .content-full.content-set{
    max-width:920px;
}
.content-mid{
clear:left;/*Bug 210523*/
}
.commontask-dropdown h3 span, .featurebox-tile-content h3 span{ /*experience editor font color issue*/
	color:#000000;
}
.article-tile .text-posts h3 span{
	color:inherit;
    text-decoration: underline;
}

header .content-full {
    max-width: 920px;
    padding: 0px 0px;
}
header.header-brdrbtm-blue .content-full {
    max-width: 920px;
    padding: 0px;
}
/*@media only screen and (max-width: 960px){
    header {
        padding: 30px 15px;
    }
}*/
/*image component*/
.image-component img{
width:100%;
}
/*callout baroder overlapping issue */
.calloutBox,.tag-large,.related-reports,.pdf-landing{
clear:both;
}
.cmhc-accordion, .text-component.text-clearfix {
    max-width: 920px;
    margin: auto;
    border: none;
    padding: 5px 0;
}

.text-component.text-clearfix {
    clear:left;
}

.media-newsroom-article {
    margin: 0 auto 30px auto;
    max-width: 920px;
    padding: 5px 0px;
    }
/*
.text-component.text-clearfix, .media-newsroom-article,
.image-main, .guide-page nav ul, .guide-page section{
  
    padding: 5px 15px;
}*/

.media-newsroom-article,
.image-main, .guide-page nav ul, .guide-page section ,.content-mid,.content-full.content-set{
  
    padding: 5px 0px;
}

 

h3.cmhc-accordion-header.cmhc-accordion-header-active{ /*accordion active space remove*/
margin-bottom:0;
}

@media only screen and (max-width: 960px){
#user-profile {
    margin-right: 0;
}
}
@media (max-width: 991px){
header .menu-list a {
    padding-right: 0;
}
}
 @media(max-width:920px){
	  .media-newsroom-article,
	 .text-component.text-clearfix{ /*update class name here*/
		padding:0 15px;
	 }
	 .guidenav-accordion + section .guide-page.ia-textlayout .text-component.ia-text, 
	 .guidenav-accordion + section .ia-cmhc-accordion {padding:0}
 }
 
 .text-component.ia-text {
clear:left;
}
#ProfileList #back-preview{ /*bug 208075*/
	margin-left:0;
	margin-bottom:30px;
}
.cmhc-accordion-content ol{ /*bug 208063*/
    margin-left:35px;
}
.cmhc-accordion-content ul{ /*bug 208063*/
    margin-left:15px;
}
.cmhc-accordion-content p{ /*bug 208063*/
    font-size:1.125em;
}
.nhslogo-image{
    text-align:center;
     border: 1px solid #656565;
    padding: 20px;
}
/*global style css chnages ends*/
/*Blue Line under Header*/
header.header-brdrbtm-blue{
  border-bottom:3px solid #0173AF;
  max-width:920px;
  margin:auto;
  padding:30px 0;
  
}

@media(max-width:950px){
header.header-brdrbtm-blue{
    margin:0 15px;
}
}

/*Hero Banner Custom Style*/
/*Required styles*/
.ia-hero-banner .banner-content a.button{
    margin-left:0;
    text-transform:lowercase;
}
.ia-hero-banner .banner-content a.button:first-letter{ /*Bug208195*/

    text-transform:uppercase;
}
.ia-hero-banner .banner-content h2{
    margin: 1em 0 1em 0;
}
.ia-hero-banner .banner-wrapper {

    display: flex;
    /*min-height: 491px; 227644*/
    width: 100%;
    justify-content: space-around;
}
.ia-hero-banner .banner-image{
    height:100%;
}
.ia-hero-banner .banner-image img{
    height:100%;
}
.ia-hero-banner .banner-content h2{
  word-break: break-word;
}
/*.ia-hero-banner .banner-content p{
  margin:0;
}*/
/*background image style*/
.ia-hero-banner .section-right .banner-image {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
@media (min-width:1025px){
    .ia-hero-banner .section-right {
        /*height: 100%;*/
        height:auto;
        padding-right:0px;
	}
    }
@media (max-width:920px){
   .ia-hero-banner .banner-wrapper{
     display:inline-block;
     min-height:320px;
   }
  .ia-hero-banner .section-right .banner-image{
    display:none;
  }
}

/*Required styles*/
/*CSS class bg Color controls*/
  .bgcolor-white{
      background-color: #ffffff;
  }
  .bgcolor-lightgrey{
      background-color: #f7f7f7;
  }
  .bgcolor-blue{
      background-color: #0173af;
  }
  .bgcolor-grey{
      background-color: #ececec;
  }
  /*CSS class bg Color controls for Accordion*/
  .acc-bgcolor-white{
      background-color: #ffffff;
  }
  .acc-bgcolor-lightgrey{
      background-color: #f7f7f7;
  }
  .acc-bgcolor-blue{
      background-color: #0173af;
  }
    /*background hover effect*/
  .bgcolorgrey-hover:hover{
    background-color: #f7f7f7;
  }
  .bgcolordarkblue-hover:hover{
    background-color: #005989
    }
.bgcolorwhite-hover:hover{
    background-color: #ffffff;
  }
/*CSS class bg Color controls Ends*/

/*CSS class Color controls*/
  .color-white{
      color: #ffffff;
  }
  .color-black{
      color: #222222;
  }
  .color-blue{
  color:#0173af ;
    }
  .color-grey{
    color:#656565;
    }
/*CSS class Color controls Ends*/
/*CSS style tile min height starts*/
    
    .height-5{
        height:5em;
    }
    .height-8{
        height:8em;
    }
    .height-10{
        height:10em;
    }
     .height-12{
        height:12em;
    }
     .height-15{
        height:15em;
    }
    .height-18{
        height:18em;
    }
    .height-20{
        height:20em;
    }
    /*when grid column1 -the height of the index tile should to take auto*/
    .grid-1 .height-5, .grid-1 .height-8, .grid-1 .height-10, .grid-1 .height-12,
    .grid-1 .height-15, .grid-1 .height-18, .grid-1 .height-20{
               /* min-height:110px;*/
                height:auto;
    }
    
/*CSS style tile min height starts*/
  /* CSS class margin contorls starts here*/
  /*four side margin controls*/
  .margin-10{
    margin: 10px;
  }
  .margin-15{
    margin: 15px;
  }
  .margin-20{
    margin: 20px;
  }
  .margin-25{
    margin: 25px;
  }
  .margin-30{
    margin: 30px;
  }

  /*CSS class for top and bottom margin controls*/
  .margin-top-bottom-10{
    margin-top: 10px;
    margin-bottom:10px;
  }
  .margin-top-bottom-15{
    margin-top: 15px;
    margin-bottom:15px;
  }
  .margin-top-bottom-20{
    margin-top: 20px;
    margin-bottom:20px;
  }
  .margin-top-bottom-25{
    margin-top: 25px;
    margin-bottom:25px;
  }
  .margin-top-bottom-30{
    margin-top: 30px;
    margin-bottom:30px;
  }
   /*CSS class for left and right margin controls*/
 .margin-left-right-10{
     margin-left:10px;
     margin-right:10px;
  }
  .margin-left-right-15{
    margin-left:15px;
     margin-right:15px;
  }
  .margin-left-right-20{
    margin-left:20px;
     margin-right:20px;
  }
  .margin-left-right-25{
   margin-left:25px;
     margin-right:25px;
  }
  .margin-left-right-30{
    margin-left:30px;
     margin-right:30px;
  }
  /*margin-top css class starts*/
  .margin-top-10{
    margin-top: 10px;
  }
  .margin-top-15{
    margin-top: 15px;
  }
  .margin-top-20{
    margin-top: 20px;
  }
  .margin-top-25{
    margin-top: 25px;
  }
  .margin-top-30{
    margin-top: 30px;
  }
  /*margin-bottom css class starts*/
  .margin-bottom-10{
    margin-bottom: 10px;
  }
  .margin-bottom-15{
    margin-bottom: 15px;
  }
  .margin-bottom-20{
    margin-bottom: 20px;
  }
  .margin-bottom-25{
    margin-bottom: 25px;
  }
  .margin-bottom-30{
    margin-bottom: 30px;
  }

   /*margin-left css class starts*/
  .margin-left-10{
    margin-left: 10px;
  }
  .margin-left-15{
    margin-left: 15px;
  }
  .margin-left-20{
    margin-left: 20px;
  }
  .margin-left-25{
    margin-left: 25px;
  }
  .margin-left-30{
    margin-left: 30px;
  }

  /*margin-Right css class  starts*/
  .margin-right-10{
    margin-right: 10px;
  }
  .margin-right-15{
    margin-right: 15px;
  }
  .margin-right-20{
    margin-right: 20px;
  }
  .margin-right-25{
    margin-right: 25px;
  }
  .margin-right-30{
    margin-right: 30px;
  }

 /*CSS class for margin controls Ends Here*/
  
/*CSS class for text alignment controls*/   
 .text-left{
    text-align: left;
 }
 .text-center{
    text-align: center;
 }
.text-right{
    text-align: right;
}
/*Text transform css*/
.text-uppercase{
  text-transform: uppercase;
}
.text-lowercase{
  text-transform: lowercase;
}
/*text alignment controls Ends here*/
  
/*CSS Class for padding controls*/
.padding-0{
    padding:0;
    
}
.padding-15{
    padding: 15px;
}
.padding-20{
    padding: 20px;
}
.padding-25{
    padding: 25px;
}
.padding-30{
    padding: 30px;
}
/*CSS class for top and bottom padding controls*/
 .padding-top-bottom-10{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-top-bottom-15{
     padding-top: 15px;
    padding-bottom: 15px;
  }
  .padding-top-bottom-20{
     padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-top-bottom-25{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .padding-top-bottom-30{
    padding-top: 30px;
    padding-bottom: 30px;
  }
    
  .padding-top-bottom-20-5{
     padding-top: 20px;
    padding-bottom: 5px;
  }

  /*CSS class for left and right padding controls*/
   .padding-left-right-10{
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-left-right-15{
   padding-left: 15px;
    padding-right: 15px;
  }
  .padding-left-right-20{
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-left-right-25{
    padding-left: 25px;
    padding-right: 25px;
  }
  .padding-left-right-30{
    padding-left: 30px;
    padding-right: 30px;
  }
  .padding-left-right-40{
    padding-left: 40px;
    padding-right: 40px;
  }
  .padding-left-right-50{
    padding-left: 50px;
    padding-right: 50px;
  }

  /*CSS class for top padding controls*/
  .padding-top-10{
    padding-top: 10px;
  }
  .padding-top-15{
    padding-top: 15px;
  }
  .padding-top-20{
    padding-top: 20px;
  }
  .padding-top-25{
    padding-top: 25px;
  }
  .padding-top-30{
    padding-top: 30px;
  }
  /*CSS class for bottom padding controls*/
  .padding-bottom-10{
    padding-bottom: 10px;
  }
  .padding-bottom-15{
    padding-bottom: 15px;
  }
  .padding-bottom-20{
    padding-bottom: 20px;
  }
  .padding-bottom-25{
    padding-bottom: 25px;
  }
  .padding-bottom-30{
    padding-bottom: 30px;
  }

/*CSS class for left padding controls*/
  .padding-left-10{
    padding-left: 10px;
  }
  .padding-left-15{
    padding-left: 15px;
  }
  .padding-left-20{
    padding-left: 20px;
  }
  .padding-left-25{
    padding-left: 25px;
  }
  .padding-left-30{
    padding-left: 30px;
  }
/*CSS class for right padding controls*/
.padding-right-10{
  padding-right: 10px;
}
.padding-right-15{
  padding-right: 15px;
}
.padding-right-20{
  padding-right: 20px;
}
.padding-right-25{
  padding-right: 25px;
}
.padding-right-30{
  padding-right: 30px;
}
/*CSS Class for padding controls*/

 
/*CSS class for font size controls */
/*Title fonts variations*/
  .font-42{
    font-size: 42px;
  }
  .font-48{
    font-size: 48px;
  }
  .font-54{
    font-size: 54px;
  }
/*description fonts*/
  .font-11{
	font-size:11px
  }
  .font-12{
	font-size:12px
  }
.font-14{
	font-size:14px
  }
  .font-16{
	font-size:16px
  }
  .font-18{
    font-size: 18px;
  }
  .font-20{
    font-size: 20px;
  }
  .font-22{
    font-size: 22px;
  }
  .font-24{
    font-size: 24px;
  }
  .font-30{
    font-size: 30px;
  }
  /*CSS class for font size controls Ends */

  /*CSS class for font Weight controls starts */
    .font-bold{
        font-weight: bold;
    }
    .font-normal{
        font-weight: normal;
    }
/*CSS class for font Weight controls starts */    

/*Button bg and color variations*/
.white-button{
    border:1px solid #ffffff;
    background-color: #ffffff;
    color: #006DCE;
}
.white-button:hover{
    background-color: #005989;
    border:1px solid #005989;
    color: #FFFFFF;
}
.darkblue-button{
    border:1px solid #004567;
    background-color: #004567;
    color:#FFFFFF;
}
.darkblue-button:hover{
    background-color: #005989;
    border:1px solid #005989;
    color: #FFFFFF;
}
.blue-button{
    border:1px solid #006DCE;
    background-color: #006DCE;
    color: #FFFFFF;
}
.blue-button:hover{
    background-color: #005989;
    border:1px solid #005989;
    color: #FFFFFF;
}

/*Button bg and color variations Ends */
/*css style for text block component*/
.text-clearfix{
    clear:both;
}
/*css style for text block component*/

/*css control for border*/
.border-lightgrey{
    border: 1px solid #bebebe;
}

.border-black{
    border: 1px solid #000000;
}
.border-blue{
    border: 1px solid #0173AF;
}
/*Border for accordion styles*/
.acc-border-lightgrey{
    border: 1px solid #bebebe;
}

.acc-border-black{
    border: 1px solid #000000;
}
.acc-border-blue{
    border: 1px solid #0173AF ;
}
/*related sub nav border left style*/
.subnav-brdrleft-blue{
	 border-left: 5px solid #0173AF;
  }
  .subnav-brdrleft-black{
	 border-left: 5px solid #000000;
  }
  .subnav-brdrbtm-blue{
	 border-bottom: 3px solid #0173AF;
  }
  .subnav-brdrbtm-black{
	 border-bottom: 3px solid #000000;
  }
/*Hover effect*/
.bordergrey-hover:hover{
    border: 1px solid #555555;
}
.borderblack-hover:hover{
  border: 1px solid #000000;
}
.borderblue-hover:hover{
  border: 1px solid #0173AF;
}
/*Accordion Style*/
/*Accordion Width*/
.accordion-width-75{
    width:75%;
}
.accordion-width-50{
    width:50%;
}
.accordion-width-25{
    width:25%;
}

.ia-cmhc-accordion {/*bug 210166*/
    clear:both;
    margin-bottom:15px;/*bug 221121*/
}
/*Overriding Accordion Css Styles*/
 /*.ia-cmhc-accordion h3.cmhc-accordion-header a {
        border: 1px solid transparent;
        /*color: inherit;
        font-size:inherit!important;
        margin-top: 0;
        
    }*/
/*Feature Box css */
/*Required Styles */
.ia-featurebox .featurebox-title{
    margin: 1em 0 1em 0;
}
.ia-featurebox .featurebox-tile-image{
    text-align:center;
}

.ia-featurebox .featurebox-tile-icon { /*added as part of bug 230646*/
    text-align: center;
    display: block;
    padding: 3.25em 0em 0em 0em;
}
.ia-featurebox .featurebox-tile-content h3{
     margin-top: 0;
     margin-bottom: 15px;
}
.ia-featurebox .featurebox-tile-content a.button{margin: 0;
}
.ia-featurebox .feature-wrapper {
    display:table;
    width:100%;
}
.ia-featurebox [class*="column"]+[class*="column"]:last-child {
    float: left;
}
.featurebox-tile-image img{
    display:block;
    width:100%;
}
.ia-featurebox .featurebox-tile-main h3 a{
    font-weight:bold;
    text-decoration:underline;
    color:#0173AF;
}
.section-right .featurebox-tile-image img{
    position:absolute;
	left:0;
	top:0;
	min-width:100%;
	min-height:100%;
	width:100%;
	height:100%;
}
/*css for tile gutter space */
.ia-featurebox .columns{
    padding-left:0.9375rem;
    padding-right:0.9375rem;
}
/*Feature Box css ends*/
/*Feature Box css */
/*featurebox required style starts for fullwidth with image*/
.ia-featurebox .d-inline .section-left{
  padding:0;
}
@media (min-width:40.063em){
.ia-featurebox .d-inline{
  display:flex;
  justify-content:space-around;
  width:100%;
}
    
}
@media (max-width:640px){
.ia-featurebox .d-inline{
  display:inline-block;

}
    
}
.ia-featurebox .d-inline .featurebox-tile-image{
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
    background-position:top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
.ia-featurebox .section-right .featurebox-tile-image{
  margin-right: -15px;
}
.ia-featurebox .section-right.large-pull-6 .featurebox-tile-image img{
  margin-left: -15px;
}
/*feature Box style ends here for fullwidth with image*/

/*Common task required style starts*/
.common-task-content{
  display:inline-block;
  width:24%;
  padding:2%;
  vertical-align:top;
}
@media (max-width:767px){
  .ia-common-tasks .common-task-content {
display: inline-block;
width: 98%;
padding: 2%;
vertical-align: top;
}
.img-posts.show-for-medium-up { /*show-for-medium-up class is from foundation for overriding we used important*/
    display: none!important;
}
}
@media (min-width:768px) and (max-width:1023px){
  .ia-common-tasks .common-task-content {
        display: inline-block;
        width: 48%;
        padding: 2%;
        vertical-align: top;
    }
    .common-task-main.text-center{
      text-align: left!important; /*for overriding text-center class property in ipad view we used important*/
    }
}

.ia-common-tasks ul.common-task-main{
  margin-left: 0;
}
.ia-common-tasks .commontask-dropdown label{
  color: inherit;
  cursor: default;
  padding: 40px 0;
}

.ia-common-tasks .commontask-dropdown select{
  width: auto;
  margin-top: -8px;
  margin-left: 42px;
  text-transform: none;
  border: 1px solid transparent;
  height: 45px;
  min-width: 269px;
}

.ia-common-tasks .commontask-tile{
  text-align: center;
  margin-bottom: 25px;
}

/*.ia-common-tasks .commontask-tile .img-icon{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display:inline-block;
  margin-bottom: 20px;
}

.ia-common-tasks .commontask-tile .img-icon img{
  width: 50px;
  height: 50px;
  margin: 50px;

}*/

/*bug 202715 */
.ia-common-tasks .commontask-tile .img-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 20px;
}
.ia-common-tasks .commontask-tile .img-icon img {
    width: 50px;
    height: 50px;
    margin: 25px;
}
/*.ia-common-tasks [class*="column"]+[class*="column"]:last-child { /*html chnages to ul/
  float: left !important;
}*/
.ia-common-tasks .ui-selectmenu-button.ui-button.ui-widget.ui-selectmenu-button-closed {
 background-color: transparent;
 border-bottom: 1px solid #0137af;
}

.ia-common-tasks .ui-selectmenu-button.ui-button {
 width: auto;
 margin-top: -8px;
 margin-left: 42px;
 text-transform: none;
 border: 1px solid transparent;
 height: 45px;
 min-width: 269px;
}
.ia-common-tasks .ui-selectmenu-button-closed .ui-selectmenu-text {
 color: #0173af;
 padding-left: 0;
 font-size: 1.1rem;
 letter-spacing: 1.5px;
}
.ia-common-tasks .commontask-wrapper{
    display:table;
    width:100%;
}
.ia-common-tasks .commontask-tile a{
    /*text-decoration:none;*/
    display:block;
    line-height:21px;
}

/*common task required style ends here*/
/*Related Article Required Style*/
.related-wrapper{
/*display: table;*/
width: 100%;
}
/*related article grid view tile wrapper class */
.article-wrapper{ 
    display: block;
    height: 100%;
    position: relative;
}
.article-tile .text-posts{
    min-height:auto;
    height:100%;
}

.grid-items a {
    text-decoration: none;
}
/*@media (min-width: 768px) and (max-width: 1024px){
.article-tile .img-posts,.article-tile .text-posts{
width: 48%;
display: inline-block!important;
vertical-align: top;
}
}*/

.ia-related-article  .columns{
    position: relative;
    padding-left: .9375rem;
    padding-right: .9375rem;
    float: left;
}
.ia-related-article .article-tile a, #observer-grid .article-tile a{
    text-decoration:none;
}
.article-tile .text-posts h3{
   text-decoration:underline;
}
.article-tile .text-posts h3 a{
    font-weight:bold;
    text-decoration:underline;
}
.ia-related-article .img-posts img{
    width:100%;
}
#observer-grid .grid-itemss .img-posts img{
    width:100%;
}
/*Related Article full width with image*/
.fullwidth-img .img-posts,.fullwidth-img .text-posts{
  width: 49%;
  display: inline-block;
  vertical-align: top;
  float:left;
}

.fullwidth-img .section-left.large-push-6{
 margin-left:10px;
}
.article-date{
    float:none;
}

/*masonry efffect style starts here*/

 .grids {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

        .grids:after {
            content: '';
            display: block;
            clear: both;
        }

    .gutter-sizer {
        width: 2%;
    }

    .grid-items {
        height: auto;
        margin-bottom: 20px;
        float: left;
    }

        .grid-items .img-posts img {
            width: 100%;
        }

        .grid-items .text-posts {
            height: auto;
            padding: 15px;
        }

    .grid-sizer-4, .grid-item-4 {
        width: 23%;
    }

    .grid-sizer-3, .grid-item-3 {
        width: 31.5%;
    }

    .grid-sizer-2, .grid-item-2 {
        width: 48%;
    }

    .grid-sizer-1, .grid-item-1 {
        width: 98%;
    }

    @media (max-width:767px) {
        .grid-sizer-4, .grid-item-4, .grid-sizer-3, .grid-item-3, .grid-sizer-2, .grid-item-2, .grid-sizer-1, .grid-item-1 {
            width: 100%;
        }
    }
    /*masonry effect style ends for related article*/
     /*required style for breadcrumb style starts*/
    .ia-breadcrumb{
        margin: 6px 2px 15px;
    }
    .ia-breadcrumb ul{
        list-style-type: none;
        margin: 0;
		display:inline;
    }
    .ia-breadcrumb li{
        display: inline;
        line-height:21px;
    }
  
    .ia-breadcrumb li a{
        color: inherit;
       /* text-decoration:none;*/
    }
  
    .ia-breadcrumb li img{
        width: 10px;
        height: 10px;
    }
    
     /*required style for breadcrumb style ends*/
  /*required style for action button components starts here*/
    .action-button ul{
        list-style-type: none;
        margin: 0;
        white-space:nowrap;
    }
   .action-button li{
        display: inline-block;
        padding: 5px;
    }
    /*210861*/
    .action-button li:first-child{
          margin-right:20px;
    }
    .action-button li:nth-child(2){
         margin-right:30px;
    }
	.action-button li:last-child{
          margin-right:0;
    }
    
    .action-button ul li .action-imgicon{
        width: 35px;
        height: 35px;
        border-radius: 50%;
        margin: 0 auto;

    }
    .action-button ul li .action-imgicon img{
        width: 30px;
        height: 30px;
        margin: 3px;

    }
    .action-button li:last-child {
        padding-right: 0;
    }
	

    @media (max-width:767px){
        .action-button li:first-child{
            padding-left: 0;
        }
    }
    /*For placing action icon next to the Page title- aligned Left
    .ia-text-component .action-button {
	    text-align:left!important;
	}*/
	.ia-text-component h1{
        line-height:1.2;
        margin-bottom:10px;
        word-break:break-word;
    	}
	.ia-text-component p{
        margin-bottom:0.25em;
    	}
   /*required style for action button componetnts ends here*/
   /*H1 and Description styles starts here*/
   .pagecontent-wrapper{
       display:table;
       width:100%;
   }
   /*H1 and Description styles ends here*/
    /*required style for related guide index and sub nav*/
    /* .cmhc-container .guide-page .columns .columns{
        	padding-left: .9375rem;
            padding-right: .9375rem;
        }*/
 .cmhc-container .guide-page .gridorder.padding-0  {
    padding-left: 0;
    padding-right: 0;
}  
.gridorder .text-component.ia-text  {
    padding:0;
} 
     .guide-page [class*="column"]+[class*="column"]:last-child {
            float: left;
        }
        .ia-guidesteplinks{
           /* display:table-cell;*/
           padding-bottom:35px;
        }
        .guide-page{
            padding-top:0;/*overwriting css */
        }
        .related-text-tile h3{
            margin-top:0;
            margin-bottom:0.5em;
            line-height:1.25em;
        }
     .related-text-tile a.active{
	    text-decoration:none;
	    color:#656565;
       }
    /*required style for related info*/
  .ia-related-info [class*="column"]+[class*="column"]:last-child {
    float: left;
}
     .related-info-links h2{
    margin-top:0
    }
  
 .related-info-links ul li {
    margin-top: 10px;
    margin-left: 5px;
    text-indent: -19px;
    list-style-type: none;
    margin-bottom: 0;
}

    .related-info-links ul li span{
        word-break: break-all;
    }
  ul.related-links {
    list-style-type: none;
    margin:0;
    padding:0;
    }
    .related-info-links ul li::before {   
    content: '';   
    display: inline-block;   
    height: 20px;   
    width: 15px;    
    background-size: 7px;   
    background-image: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-right.svg');
    background-repeat: no-repeat;   
    margin-right: 0px;
    background-position: center center;
    vertical-align: middle;
  }
 /*required style for related guide index and sub nav ends*/
 
 /*Custom web form styles*/
 
 .custom-form-style {
    max-width: 920px;
    width: 100%;
    margin:0 auto;
    padding: 1.5em 4em 2em 4em;
     margin-bottom: 50px;
     margin-top:20px;
    border-width: 10px 1px 1px 1px;
    clear:both;
    border-color: #0173af;
}

/*for align button at center*/
.ia-formbtn{
    margin:10px auto !important;
    display:block;
}
.custom-form-style p { /*207883*/
    margin-bottom:0;
}
@media(max-width:920px){
     .custom-form-style {
         padding: 0 15px;
     }
}

.form-borderblue{
    border-color: #0173af;
}

.form-borderblack{
    border-color: #000000;
}
/*important used - as web form is out of box component*/
.ia-signup-field {
    display: inline!important;
    position: relative;
    width: 50% !important;
}

 
 /*Content Guide Landing Page Layout Styles*/
 .guide-page nav ul, .guide-page section{
     padding:  0;
    max-width: 920px;
    clear:left; /*210525*/
 }
 .guide-page footer{
    padding:40px 0;
    max-width: 920px;
    margin:0;
 }
 
 footer .content-full{
     max-width:920px;
     padding:0;
 }
/* .footer-navigation ul:last-child li {
    margin-right: 0;
}
@media (min-width:920px){

    .footer-navigation ul:last-child{
        float:right;
    }
}*/
 
 
/*.nhslogoimg{  
    border: 1px solid #656565;
    padding: 20px;
   
}*/
 @media (min-width:1025px){
   .guidenav-accordion{
       width: 71%;
   }
   .related-info-links{
       width: 25%;
       float:right;
       clear: right;
       margin-left:15px;
   }
}
 @media (min-width:641px){
   .nhslogoimg{
       width: 25%;
       float:right;
       clear: right;
       margin-left:15px;
   }
}
@media (max-width: 640px){
    .nhslogo-image{
        display: inline;
        float:right;
        padding:10px;
    }
     .nhslogo-image img{
         width:80px;
         height:auto;
     }
}

@media (max-width: 640px){
    .action-button{
        display: inline-block;
    }
}  

@media (max-width:767px){
    .gridorder{
      display: flex;
      flex-direction: column;
    }
    .related-info-links {
      order: 4;
      -webkit-order: 4;
      margin-left:0;
    }

}

/*showmore chapter accordion style starts*/   
.showmore-wrapper.active{
        display: block;
		margin-bottom:20px;
    }
    #chptr-showmore{
        padding-bottom: 15px;
        border-bottom: 3px solid #0173AF;
        margin-bottom:30px;
        cursor:pointer;
        color:#0173AF;
        display:block;
        text-decoration:none;
    }
    
    #chptr-showmore::before {   
    content: '';   
    display: inline-block;   
    height: 15px;   
    width: 15px;    
    background-size: 12px;   
    background-image: url(https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-right.svg) ;
    background-repeat: no-repeat;   
    margin-right: 10px;
    background-position: center center;
    transform: rotate(90deg);
    padding:11px;
    position:relative;
    top:5px;
    border:1px solid transparent;
}
#chptr-showmore:hover::before {   
    padding:11px;
    position:relative;
    top:5px;
    border:1px solid #ddd;
}

#chptr-showmore.active::before { 
   
    transform: rotate(270deg);
}
#chptr-showmore.active{
margin-bottom:0px;
}

.ai-guidenav {
    list-style-type: none;
    margin-left: 0;
}
.ai-guidenav li{
    list-style-type: none;
    margin-left:20px;
    padding:0;
    text-indent:-20px;
}
/*.ai-guidenav li a{
    text-decoration:none;
}*/
.ai-guidenav li a.active{
    color: #656565;
}
.ai-guidenav li::before {   
    content: '';   
    display: inline-block;   
    height: 20px;   
    width: 10px;    
    background-size: 7px;   
    background-image: url(https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-right.svg) ;
    background-repeat: no-repeat;   
    margin-right: 10px;
    background-position: center center;
    vertical-align: middle;
}
 /*showmore chapter accordion style ends*/
 .guidenav-accordion + .clearfix .text-component.text-clearfix{
clear: left;
}
/*Grid layout and gutter space css Starts*/

/*grid layout 3 column*/
.grid-3 {
    display: -ms-grid;
    display: grid;
    margin:0.625rem 0;
    padding-left: 0;
    padding-right: 0;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows:1fr;
}
/*three column gutter space & IE columns fix*/
.grid-3.gutterspace-15{
    column-gap: 0.938rem;
    -ms-grid-columns: 1fr 0.938rem 1fr 0.938rem 1fr;    
}
.grid-3.gutterspace-15 .grid-content{
    margin: 0.438rem 0 0.438rem 0;
 }
.grid-3.gutterspace-20{
    column-gap: 1.25rem; 
    -ms-grid-columns: 1fr 1.25rem 1fr 1.25rem 1fr;
}
.grid-3.gutterspace-20 .grid-content{
    margin: 0.625rem 0 0.625rem 0;
 }

.grid-3.gutterspace-25{
    column-gap: 1.563rem;
    -ms-grid-columns: 1fr 1.563rem 1fr 1.563rem 1fr;  
}
.grid-3.gutterspace-25 .grid-content{
    margin: 0.781rem 0 0.781rem 0;
 }

.grid-3.gutterspace-30{
    column-gap: 1.875rem;
    -ms-grid-columns: 1fr 1.875rem 1fr 1.875rem 1fr;
}
.grid-3.gutterspace-30 .grid-content{
    margin: 0.938rem 0 0.938rem 0;
 }
/*three column gutter space & IE columns ends*/

/*IE grid issue for 3 column*/
    .grid-3 .grid-content:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(2){
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(3){
        -ms-grid-row: 1;
        -ms-grid-column: 5
    }

    .grid-3 .grid-content:nth-child(4){
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(5){
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(6){
        -ms-grid-row: 3;
        -ms-grid-column: 5
    }

    .grid-3 .grid-content:nth-child(7){
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(8){
        -ms-grid-row: 5;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(9){
        -ms-grid-row: 5;
        -ms-grid-column: 5
    }

    .grid-3 .grid-content:nth-child(10){
        -ms-grid-row: 7;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(11){
        -ms-grid-row: 7;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(12){
        -ms-grid-row: 7;
        -ms-grid-column: 5
    }

    .grid-3 .grid-content:nth-child(13){
        -ms-grid-row: 9;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(14){
        -ms-grid-row: 9;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(15){
        -ms-grid-row: 9;
        -ms-grid-column: 5
    }
    .grid-3 .grid-content:nth-child(16){
        -ms-grid-row: 11;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(17){
        -ms-grid-row: 11;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(18){
        -ms-grid-row: 11;
        -ms-grid-column: 5
    }
    
    .grid-3 .grid-content:nth-child(19){
        -ms-grid-row: 13;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(20){
        -ms-grid-row: 13;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(21){
        -ms-grid-row: 13;
        -ms-grid-column: 5
    }
    .grid-3 .grid-content:nth-child(22){
        -ms-grid-row: 15;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(23){
        -ms-grid-row: 15;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(24){
        -ms-grid-row: 15;
        -ms-grid-column: 5
    }
    .grid-3 .grid-content:nth-child(25){
        -ms-grid-row: 17;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(26){
        -ms-grid-row: 17;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(27){
        -ms-grid-row: 17;
        -ms-grid-column: 5
    }
    .grid-3 .grid-content:nth-child(28){
        -ms-grid-row: 19;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(29){
        -ms-grid-row: 19;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(30){
        -ms-grid-row: 19;
        -ms-grid-column: 5
    }
    .grid-3 .grid-content:nth-child(31){
        -ms-grid-row: 21;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(32){
        -ms-grid-row: 21;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(33){
        -ms-grid-row: 21;
        -ms-grid-column: 5
    }
    .grid-3 .grid-content:nth-child(34){
        -ms-grid-row: 23;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(35){
        -ms-grid-row: 23;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(36){
        -ms-grid-row: 23;
        -ms-grid-column: 5
    }


@media (min-width:641px) and (max-width: 768px){
.grid-3 {
    grid-template-columns: 1fr 1fr;
    
    }
/*grid 3 in ipad view two column - gutter space & IE columns */
.grid-3.gutterspace-15{
    -ms-grid-columns: 1fr 0.938rem 1fr;    
}
.grid-3.gutterspace-20{
    -ms-grid-columns: 1fr 1.25rem 1fr;
}
.grid-3.gutterspace-25{
    -ms-grid-columns: 1fr 1.563rem 1fr;  
}
.grid-3.gutterspace-30{
    -ms-grid-columns: 1fr 1.875rem 1fr;
}

/*grid 3 in ipad view two column - gutter space & IE columns */
    /*IE rows and coloumn issue css style*/
	.grid-3 .grid-content:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(5) {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(6) {
        -ms-grid-row: 5;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(7) {
        -ms-grid-row: 7;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(8) {
        -ms-grid-row: 7;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(9) {
        -ms-grid-row: 9;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(10) {
        -ms-grid-row: 9;
        -ms-grid-column: 3
    }

    .grid-3 .grid-content:nth-child(11) {
        -ms-grid-row: 11;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(12) {
        -ms-grid-row: 11;
        -ms-grid-column: 3
    }
	
	.grid-3 .grid-content:nth-child(13) {
        -ms-grid-row: 13;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(14) {
        -ms-grid-row: 13;
        -ms-grid-column: 3
    }
    .grid-3 .grid-content:nth-child(15) {
        -ms-grid-row: 15;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(16) {
        -ms-grid-row: 15;
        -ms-grid-column: 3
    }
    .grid-3 .grid-content:nth-child(17) {
        -ms-grid-row: 17;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(18) {
        -ms-grid-row: 17;
        -ms-grid-column: 3
    }
    .grid-3 .grid-content:nth-child(19) {
        -ms-grid-row: 19;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(20) {
        -ms-grid-row: 19;
        -ms-grid-column: 3
    }
    .grid-3 .grid-content:nth-child(21) {
        -ms-grid-row: 21;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(22) {
        -ms-grid-row: 21;
        -ms-grid-column: 3
    }
    .grid-3 .grid-content:nth-child(23) {
        -ms-grid-row: 23;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(24) {
        -ms-grid-row: 23;
        -ms-grid-column: 3
    }
    .grid-3 .grid-content:nth-child(25) {
        -ms-grid-row: 25;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(26) {
        -ms-grid-row: 25;
        -ms-grid-column: 3
    }
    .grid-3 .grid-content:nth-child(27) {
        -ms-grid-row: 27;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(28) {
        -ms-grid-row: 27;
        -ms-grid-column: 3
    }
    .grid-3 .grid-content:nth-child(29) {
        -ms-grid-row: 29;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(30) {
        -ms-grid-row: 29;
        -ms-grid-column: 3
    }
    .grid-3 .grid-content:nth-child(31) {
        -ms-grid-row: 31;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(32) {
        -ms-grid-row: 31;
        -ms-grid-column: 3
    }
    .grid-3 .grid-content:nth-child(33) {
        -ms-grid-row: 33;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(34) {
        -ms-grid-row: 33;
        -ms-grid-column: 3
    }
    .grid-3 .grid-content:nth-child(35) {
        -ms-grid-row: 35;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(36) {
        -ms-grid-row: 35;
        -ms-grid-column: 3
    }
}

@media (max-width: 640px){
    .grid-3 {
    grid-template-columns: 1fr;
    grid-auto-rows: initial;
    
    }
/*grid 3 in ipad view two column - gutter space & IE columns */
.grid-3.gutterspace-15{
    -ms-grid-columns: 1fr;    
}
.grid-3.gutterspace-20{
    -ms-grid-columns: 1fr;  
}
.grid-3.gutterspace-25{
    -ms-grid-columns: 1fr;  
}
.grid-3.gutterspace-30{
    -ms-grid-columns: 1fr;  
}

/*grid 3 in mobile view one column - gutter space & IE columns */
    /*IE rows and coloumn issue css style*/
.grid-3 .grid-content:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(3) {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(4) {
        -ms-grid-row: 7;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(5) {
        -ms-grid-row: 9;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(6) {
        -ms-grid-row: 11;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(7) {
        -ms-grid-row: 13;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(8) {
        -ms-grid-row: 15;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(9) {
        -ms-grid-row: 17;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(10) {
        -ms-grid-row: 19;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(11) {
        -ms-grid-row: 21;
        -ms-grid-column: 1
    }

    .grid-3 .grid-content:nth-child(12) {
        -ms-grid-row: 23;
        -ms-grid-column: 1
    }
    .grid-3 .grid-content:nth-child(13) {
        -ms-grid-row: 25;
        -ms-grid-column: 1
    }
    .grid-3 .grid-content:nth-child(14) {
        -ms-grid-row: 27;
        -ms-grid-column: 1
    }
    .grid-3 .grid-content:nth-child(15) {
        -ms-grid-row: 29;
        -ms-grid-column: 1
    }
    .grid-3 .grid-content:nth-child(16) {
        -ms-grid-row: 31;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(17) {
        -ms-grid-row: 33;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(18) {
        -ms-grid-row: 35;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(19) {
        -ms-grid-row: 37;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(20) {
        -ms-grid-row: 39;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(21) {
        -ms-grid-row: 41;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(22) {
        -ms-grid-row: 43;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(23) {
        -ms-grid-row: 45;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(24) {
        -ms-grid-row: 47;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(25) {
        -ms-grid-row: 49;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(26) {
        -ms-grid-row: 51;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(27) {
        -ms-grid-row: 53;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(28) {
        -ms-grid-row: 55;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(29) {
        -ms-grid-row: 57;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(30) {
        -ms-grid-row: 59;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(31) {
        -ms-grid-row: 61;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(32) {
        -ms-grid-row: 63;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(33) {
        -ms-grid-row: 65;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(34) {
        -ms-grid-row: 67;
        -ms-grid-column: 1
    }
     .grid-3 .grid-content:nth-child(35) {
        -ms-grid-row: 69;
        -ms-grid-column: 1
    }
	
}
/*grid layout 3 column ends here*/

/*grid layout 2 column*/
.grid-2 {
    display: -ms-grid;
    display: grid;
    margin:0.625rem 0;
    padding-left: 0;
    padding-right: 0;
    /*grid-template-columns: 1fr 1fr ;*/
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr ;
}
/*two column gutter space & IE columns */
.grid-2.gutterspace-15{
    column-gap: 0.938rem;
    -ms-grid-columns: 1fr 0.938rem 1fr;    
}
.grid-2.gutterspace-15 .grid-content{
    margin: 0.438rem 0 0.438rem 0;
 }
.grid-2.gutterspace-20{
    column-gap: 1.25rem; 
    -ms-grid-columns: 1fr 1.25rem 1fr;
}
.grid-2.gutterspace-20 .grid-content{
    margin: 0.625rem 0 0.625rem 0;
 }

.grid-2.gutterspace-25{
    column-gap: 1.563rem;
    -ms-grid-columns: 1fr 1.563rem 1fr;  
}
.grid-2.gutterspace-25 .grid-content{
    margin: 0.781rem 0 0.781rem 0;
 }

.grid-2.gutterspace-30{
    column-gap: 1.875rem;
    -ms-grid-columns: 1fr 1.875rem 1fr;
}
.grid-2.gutterspace-30 .grid-content{
    margin: 0.938rem 0 0.938rem 0;
 }
 
.grid-2.gutterspace-50{
    column-gap: 3.125rem;
    -ms-grid-columns: 1fr 3.125rem 1fr;
}
.grid-2.gutterspace-50 .grid-content{
    margin: 1.5625rem 0 1.5625rem 0;
 }
/*two column gutter space & IE columns ends*/

/*IE rows and coloumn issue css style*/
	.grid-2 .grid-content:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .grid-2 .grid-content:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .grid-2 .grid-content:nth-child(5) {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(6) {
        -ms-grid-row: 5;
        -ms-grid-column: 3
    }

    .grid-2 .grid-content:nth-child(7) {
        -ms-grid-row: 7;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(8) {
        -ms-grid-row: 7;
        -ms-grid-column: 3
    }

    .grid-2 .grid-content:nth-child(9) {
        -ms-grid-row: 9;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(10) {
        -ms-grid-row: 9;
        -ms-grid-column: 3
    }

    .grid-2 .grid-content:nth-child(11) {
        -ms-grid-row: 11;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(12) {
        -ms-grid-row: 11;
        -ms-grid-column: 3
    }
	
	.grid-2 .grid-content:nth-child(13) {
        -ms-grid-row: 13;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(14) {
        -ms-grid-row: 13;
        -ms-grid-column: 3
    }
    .grid-2 .grid-content:nth-child(15) {
        -ms-grid-row: 15;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(16) {
        -ms-grid-row: 15;
        -ms-grid-column: 3
    }
    .grid-2 .grid-content:nth-child(17) {
        -ms-grid-row: 17;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(18) {
        -ms-grid-row: 17;
        -ms-grid-column: 3
    }
    .grid-2 .grid-content:nth-child(19) {
        -ms-grid-row: 19;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(20) {
        -ms-grid-row: 19;
        -ms-grid-column: 3
    }
    .grid-2 .grid-content:nth-child(21) {
        -ms-grid-row: 21;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(22) {
        -ms-grid-row: 21;
        -ms-grid-column: 3
    }
    .grid-2 .grid-content:nth-child(23) {
        -ms-grid-row: 23;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(24) {
        -ms-grid-row: 23;
        -ms-grid-column: 3
    }
    .grid-2 .grid-content:nth-child(25) {
        -ms-grid-row: 25;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(26) {
        -ms-grid-row: 25;
        -ms-grid-column: 3
    }
    .grid-2 .grid-content:nth-child(27) {
        -ms-grid-row: 27;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(28) {
        -ms-grid-row: 27;
        -ms-grid-column: 3
    }
    .grid-2 .grid-content:nth-child(29) {
        -ms-grid-row: 29;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(30) {
        -ms-grid-row: 29;
        -ms-grid-column: 3
    }
    .grid-2 .grid-content:nth-child(31) {
        -ms-grid-row: 31;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(32) {
        -ms-grid-row: 31;
        -ms-grid-column: 3
    }
    .grid-2 .grid-content:nth-child(33) {
        -ms-grid-row: 33;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(34) {
        -ms-grid-row: 33;
        -ms-grid-column: 3
    }
    .grid-2 .grid-content:nth-child(35) {
        -ms-grid-row: 35;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(36) {
        -ms-grid-row: 35;
        -ms-grid-column: 3
    }
    @media (max-width: 640px){
    .grid-2 {
    grid-template-columns: 1fr;
    grid-auto-rows: initial;
    
    }
/*grid 2 in mobile view one column - gutter space & IE columns issues */
.grid-2.gutterspace-15{
    -ms-grid-columns: 1fr;    
}
.grid-2.gutterspace-20{
    -ms-grid-columns: 1fr;  
}
.grid-2.gutterspace-25{
    -ms-grid-columns: 1fr;  
}
.grid-2.gutterspace-30{
    -ms-grid-columns: 1fr;  
}

/*grid 2 in mobile view one column - gutter space & IE columns */
    /*IE rows and coloumn issue css style*/
    .grid-2 .grid-content:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(3) {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(4) {
        -ms-grid-row: 7;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(5) {
        -ms-grid-row: 9;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(6) {
        -ms-grid-row: 11;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(7) {
        -ms-grid-row: 13;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(8) {
        -ms-grid-row: 15;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(9) {
        -ms-grid-row: 17;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(10) {
        -ms-grid-row: 19;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(11) {
        -ms-grid-row: 21;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(12) {
        -ms-grid-row: 23;
        -ms-grid-column: 1
    }
    .grid-2 .grid-content:nth-child(13) {
        -ms-grid-row: 25;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(14) {
        -ms-grid-row: 27;
        -ms-grid-column: 1
    }
	.grid-2 .grid-content:nth-child(15) {
        -ms-grid-row: 29;
        -ms-grid-column: 1
    }

    .grid-2 .grid-content:nth-child(16) {
        -ms-grid-row: 31;
        -ms-grid-column: 1
    }
      .grid-2 .grid-content:nth-child(17) {
        -ms-grid-row: 33;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(18) {
        -ms-grid-row: 35;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(19) {
        -ms-grid-row: 37;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(20) {
        -ms-grid-row: 39;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(21) {
        -ms-grid-row: 41;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(22) {
        -ms-grid-row: 43;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(23) {
        -ms-grid-row: 45;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(24) {
        -ms-grid-row: 47;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(25) {
        -ms-grid-row: 49;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(26) {
        -ms-grid-row: 51;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(27) {
        -ms-grid-row: 53;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(28) {
        -ms-grid-row: 55;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(29) {
        -ms-grid-row: 57;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(30) {
        -ms-grid-row: 59;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(31) {
        -ms-grid-row: 61;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(32) {
        -ms-grid-row: 63;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(33) {
        -ms-grid-row: 65;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(34) {
        -ms-grid-row: 67;
        -ms-grid-column: 1
    }
     .grid-2 .grid-content:nth-child(35) {
        -ms-grid-row: 69;
        -ms-grid-column: 1
    }
}
/*grid layout 2 column ends here*/

/*grid layout 1 column*/
.grid-1 {
    display: -ms-grid;
    display: grid;
    margin:0.625rem 0;
    padding-left: 0;
    padding-right: 0;
    grid-template-columns: 1fr;
   /* grid-auto-rows:1fr;*/
   
    
}

/*one column gutter space & IE columns */
.grid-1.gutterspace-15{
    column-gap: 0.938rem;
    -ms-grid-columns: 1fr;    
}
.grid-1.gutterspace-15 .grid-content{
    margin: 0.438rem 0 0.438rem 0;
 }
.grid-1.gutterspace-20{
    column-gap: 1.25rem; 
    -ms-grid-columns: 1fr;
}
.grid-1.gutterspace-20 .grid-content{
    margin: 0.625rem 0 0.625rem 0;
 }

.grid-1.gutterspace-25{
    column-gap: 1.563rem;
    -ms-grid-columns: 1fr;  
}
.grid-1.gutterspace-25 .grid-content{
    margin: 0.781rem 0 0.781rem 0;
 }

.grid-1.gutterspace-30{
    column-gap: 1.875rem;
    -ms-grid-columns: 1fr;
}
.grid-1.gutterspace-30 .grid-content{
    margin: 0.938rem 0 0.938rem 0;
 }
/*one column gutter space & IE columns ends*/
/*one column IE ISSUE style*/
.grid-1 .grid-content:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(3) {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(4) {
        -ms-grid-row: 7;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(5) {
        -ms-grid-row: 9;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(6) {
        -ms-grid-row: 11;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(7) {
        -ms-grid-row: 13;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(8) {
        -ms-grid-row: 15;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(9) {
        -ms-grid-row: 17;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(10) {
        -ms-grid-row: 19;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(11) {
        -ms-grid-row: 21;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(12) {
        -ms-grid-row: 23;
        -ms-grid-column: 1
    }
    .grid-1 .grid-content:nth-child(13) {
        -ms-grid-row: 25;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(14) {
        -ms-grid-row: 27;
        -ms-grid-column: 1
    }
	
	.grid-1 .grid-content:nth-child(15) {
        -ms-grid-row: 29;
        -ms-grid-column: 1
    }

    .grid-1 .grid-content:nth-child(16) {
        -ms-grid-row: 31;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(17) {
        -ms-grid-row: 33;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(18) {
        -ms-grid-row: 35;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(19) {
        -ms-grid-row: 37;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(20) {
        -ms-grid-row: 39;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(21) {
        -ms-grid-row: 41;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(22) {
        -ms-grid-row: 43;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(23) {
        -ms-grid-row: 45;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(24) {
        -ms-grid-row: 47;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(25) {
        -ms-grid-row: 49;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(26) {
        -ms-grid-row: 51;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(27) {
        -ms-grid-row: 53;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(28) {
        -ms-grid-row: 55;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(29) {
        -ms-grid-row: 57;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(30) {
        -ms-grid-row: 59;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(31) {
        -ms-grid-row: 61;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(32) {
        -ms-grid-row: 63;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(33) {
        -ms-grid-row: 65;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(34) {
        -ms-grid-row: 67;
        -ms-grid-column: 1
    }
     .grid-1 .grid-content:nth-child(35) {
        -ms-grid-row: 69;
        -ms-grid-column: 1
    }
/*grid layout 1 column ends here*/
/*grid layout 3 column*/
/*.grid-3 {
    display: -ms-grid;
    display: grid;
    margin:10px 0;
    padding-left: 0;
    padding-right: 0;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
}
@media (max-width: 992px){
    .grid-3 {
    grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px){
    .grid-3 {
    grid-template-columns: 1fr;
    }
}*/


/*grid layout 2 column*/
/*.grid-2 {
    display: -ms-grid;
    display: grid;
    margin:10px 0;
    padding-left: 0;
    padding-right: 0;
    grid-template-columns: 1fr 1fr ;
    grid-auto-rows: 1fr;
}
@media (max-width: 767px){
    .grid-2 {
    grid-template-columns: 1fr;
    }
}*/


/*grid layout 1 column*/
/*.grid-1 {
    display: -ms-grid;
    display: grid;
    margin:10px 0;
    padding-left: 0;
    padding-right: 0;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
}*/

/*Grid layout and gutter space css ends*/


/*.gutterspace-15{
    grid-gap: 15px;
}

.gutterspace-20{
    grid-gap: 20px;
}

.gutterspace-25{
    grid-gap: 25px;
}
.gutterspace-30{
    grid-gap: 30px;
}
*/
.featurebox-tile-main{
    position: relative;
    height: 100%;
    width:100%;
}

/*index page tiles css starts*/
.pagetile-content {
        position: relative;
        /*height: 100%;*/
        cursor:pointer;
    }
    .pagetile-content a {
        text-decoration:none;
    }
    .pagetile-content p{
        margin-bottom:8px;
    }
    .pagetile-content a .index-tiletitle {
        text-decoration:underline;
    }
    .border-btm-blue{
        border-bottom: 5px solid #0173AF;
    }
    .border-btm-black{
        border-bottom: 5px solid #000000;
    }
    .border-btm-grey{
        border-bottom: 5px solid #f7f7f7;
    }
    .ia-pagetiles [class*="column"]+[class*="column"]:last-child{
        float: left;
    }
/*index page tiles css starts*/



 @media(max-width:930px){ /*maxwidth 920px for brealpoint*/
	  .media-newsroom-article, .text-component.text-clearfix, .content-mid,.text-component.ia-text,.image-component, .ia-cmhc-accordion, .cmhc-accordion, .date-published,
	  figure.text-version-2 .content_photo{
		padding:0 15px ;
	 }
	 .date-published{
		padding:0 15px !important;
	 }
	 .ia-guide-index .text-component.text-clearfix, .pubs-reports-search{
	     padding-left:0!important;
	     padding-right:0!important;
	 }
	  main .CoveoSearchInterfaces .coveo-main-section, .pubs-reports-search, .pubs-reports-browse .cmhc-accordion, #MainPanel {
	     margin-left:0;
	     margin-right:0;
	 }
	 .youTubeEmbed iframe{
	     width:100%;
	 }
	 
 }
 
 /*mobile gutter space 30px below 640px*/
 /*@media(max-width:640px){
	  .media-newsroom-article, .text-component.text-clearfix, .content-mid,.text-component.ia-text, .image-component, .ia-cmhc-accordion, .cmhc-accordion, .date-published,
	   .cmhc-container .date-published, .ia-hero-banner, .ia-featurebox, .ia-generic-form, .ia-common-tasks,.ia-guide-index, .ia-pagecontent-head, .ia-related-article, .ia-twoplusone, .ia-pagetiles,
	   .related-insights, figure.text-version-2 .content_photo, main .CoveoSearchInterfaces .coveo-main-section,
	   .pubs-reports-browse .cmhc-accordion,.pubs-reports-search h2, .pubs-reports-browse h2, .pdf-landing, .observer-container,  #MainPanel{
		padding-left: 30px;
		padding-right: 30px;
	 }
	  main .CoveoSearchInterfaces .coveo-main-section, .pubs-reports-search, .pubs-reports-browse .cmhc-accordion, #MainPanel {
	     margin-left:0;
	     margin-right:0;
	 }
	 header{
	     padding:30px !important;
	 }
	 .ia-guide-index .text-component.text-clearfix, .pubs-reports-search{
	      padding-left:0;
	     padding-right:0;
	 }
	 .related-insights figure{
	     padding:0;
	     width:100%;
	     margin-left:0;
	     margin-right:0;
	 }
	 header.header-brdrbtm-blue{
	    margin: 0 30px !important;
        padding: 30px 0!important;
	 }
	 
 }*/

 
 /*mobile responsive gutter 30px ends*/
 
  
 /*INC7187462 - accordion outline missing issue style*/
 .cmhc-accordion.myfolder .cmhc-accordion-header{
    background-color: #ffffff;
    border: 2px solid #005c84;
    color: #005c84;
    font-weight: bold;
    font-size: 16px;
}

.cmhc-accordion.myfolder .cmhc-accordion-content{
        border-top: none;
    border-left: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
}

 /*INC7187462 - accordion outline missing issue style ends*/