.push-right{
	left:50%;
	position:relative
}
.pull-left{
	right:50%;
	position:relative;
}

/*home page hero banner theme purple*/

.theme_purple_nobg{
	background-color: #25283d;
    color: white;
}

.theme_purple_nobg h1 {
    padding: 4rem 2rem 1rem 4rem;
   /* font-size: 2.2rem;*/
   /*Added important for PTCH Hero banner individual Components*/
	color: white !important;
	line-height:2.0rem;
}
.theme_purple_nobg p {
    padding: 1rem 2rem 1rem 4rem;
    /*font-size: 1.3rem;*/
	line-height: 1.6rem;
	/*Added important for PTCH Hero banner individual Components*/
	color: white !important;
}

.theme_purple_nobg p > a{
	background-color: white;
	border-radius: 5px;
	color: #25283d;
	padding: 10px 20px 10px 20px;
	font-size: 0.9rem;
	border: 1px solid #25283d;
	text-decoration: none;
}


.theme_purple_nobg p > a:hover {
   	background-color: #ffe331;
	color: #25283d;
}

@media (min-width:600px) and (max-width:630px){
.theme_purple_nobg p > a{
    font-size:0.8rem;
}
}
/*@media screen and (min-width: 768px) {
  .theme_purple_nobg p > a{
    font-size: 1.0rem;
  }
}*/


.theme_yellow{
	 background-color: white;
    -webkit-box-shadow: inset 0px 0px 0px 2em #ffe331;
    box-shadow: inset 0px 0px 0px 2em #ffe331;
}
.theme_yellow h1 {
    margin: 0;
    color: #25283d;
    line-height: 2.0rem;
    padding: 4rem 4rem 1rem 4rem;
}
.theme_yellow p {
    color: #484a53;
    margin: 0;
    line-height: 1.6rem;
    padding: 1rem 4rem 1rem 4rem !important;
}
.theme_yellow p > a{
	color: #25283d;
    background-color: transparent;
    border: none;
    font-size: 0.9rem;
    padding: 0;
}
.theme_yellow p > a:before {
  content: url("https://uatscr-assets.cmhc-schl.gc.ca/sites/place-to-call-home/icons/arrowHollow--gold--bold2.png");
  width: 0px;
  height: 0px;
  display: inline-block;
  border: none;
  margin: 0 15px 5px 0;
}
@media screen and (min-width: 600px){

 div.heroDisplay--v2 section.heroDisplay__content article.heroDisplay__quadrant.theme_yellow h1 {
    padding: 3rem 4rem 0rem 4rem;
}
}
@media screen and (min-width: 768px){
 div.heroDisplay--v2 section.heroDisplay__content article.heroDisplay__quadrant.theme_yellow h1 {
    padding: 4rem 4rem 1rem 4rem;
}
}
/*Theme Purple*/
.theme_purple{
    background-color: white;
    -webkit-box-shadow: inset 0px 0px 0px 2em #25283d;
    box-shadow: inset 0px 0px 0px 2em #25283d;
}

.theme_purple h1 {
    color: #25283d;
    padding: 4rem 2rem 1rem 4rem;
    margin: 0;
    line-height: 2.0rem;
	 /* font-size: 2.2rem;*/
}

.theme_purple p {
    color: #484a53;
    margin: 0;
    line-height: 1.6rem;
    padding: 1rem 4rem 0rem 4rem !important;
}
.theme_purple p > a{
	color: #25283d;
    background-color: transparent;
    border: none;
    font-size: 0.9rem;
    padding: 0;
}

.theme_purple p > a:before{

    content: url("https://uatscr-assets.cmhc-schl.gc.ca/sites/place-to-call-home/icons/arrowHollow--gold--bold2.png");
    width: 0px;
    height: 0px;
    display: inline-block;
    border: none;
    margin: 0 15px 5px 0;
}
@media screen and (min-width: 600px){
 div.heroDisplay--v2 section.heroDisplay__content article.heroDisplay__quadrant.theme_purple h1 {
    padding: 3rem 4rem 0rem 4rem;
}
}
@media screen and (min-width: 768px){
 div.heroDisplay--v2 section.heroDisplay__content article.heroDisplay__quadrant.theme_purple h1 {
    padding: 4rem 4rem 1rem 4rem;
}
}
.index.v2 footer hr{ background-color: transparent;}


div.heroDisplay--v2 section.heroDisplay__content article.heroDisplay__quadrant.hero-image{
    background-position:center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom:0;
}

div.heroDisplay--v2 section.heroDisplay__content article.heroDisplay__quadrant{
    padding-bottom:3rem;
}
@media (max-width:1023px) {
div.heroDisplay--v2 section.heroDisplay__content article.heroDisplay__quadrant{
    padding-bottom:4rem;
}
}

@media (max-width:600px){
    div.heroDisplay--v2 section.heroDisplay__content article.heroDisplay__quadrant.hero-image{
        display:none
    }
    .push-right{
	left:0%;
	position:relative
    }
    .pull-left{
    	right:0%;
    	position:relative;
    }
}

@media screen and (min-width: 768px) and (max-width:779px){
  .theme_purple_nobg p > a , .theme_purple p > a, .theme_yellow p > a{
    font-size: 0.9rem;
  }
 
}


@media screen and (min-width: 780px) {
  .theme_purple_nobg p > a , .theme_purple p > a, .theme_yellow p > a{
    font-size: 1.0rem;
  }
 
}

@media screen and (min-width: 1024px) {
 body.fr .theme_purple_nobg p > a{
    background-color: white;
    border-radius: 40px;
    color: #25283d;
    padding: 2% 6% 3% 6%;
    border: 2px solid #25283d;
    text-decoration: none;
    font-size: 1.1rem;
  }
  body.fr .theme_purple_nobg p > a:hover {
    background-color: transparent;
    color: white;
    border: 2px solid white;
  }
  .theme_purple_nobg p > a , .theme_purple p > a, .theme_yellow p > a{
    font-size: 1.2rem;
  }
}