/*---global---*/

/*-----General code-----*/

@font-face {
	font-family: 'Arial-Bold';
	src: url('/content/dam/open-digital/life-with-btc-ca/ca/en/fonts/Arial-Bold.ttf');
	font-display: swap
}

@font-face {
	font-family: 'Arial';
	src: url('/content/dam/open-digital/life-with-btc-ca/ca/en/fonts/Arial.ttf');
	font-display: swap
}

@font-face {
	font-family: 'Nunito-Regular';
	src: url('/content/dam/open-digital/life-with-btc-ca/ca/en/fonts/Nunito-Regular.ttf');
	font-display: swap
}

@font-face {
	font-family: 'Nunito-Bold';
	src: url('/content/dam/open-digital/life-with-btc-ca/ca/en/fonts/Nunito-Bold.ttf');
	font-display: swap
}

@font-face {
	font-family: 'OpenSans-Bold';
	src: url('/content/dam/open-digital/hugagain-ca/ca/en/fonts/OpenSans-Bold.ttf');
	font-display: swap
}

@font-face {
	font-family: 'OpenSans-SemiBold';
	src: url('/content/dam/open-digital/hugagain-ca/ca/en/fonts/OpenSans-SemiBold.ttf');
	font-display: swap
}


@font-face {
	font-family: 'OpenSans-Light';
	src: url('/content/dam/open-digital/hugagain-ca/ca/en/fonts/OpenSans-Light.ttf');
	font-display: swap
}

@font-face {
	font-family: 'OpenSans-ExtraBold';
	src: url('/content/dam/open-digital/hugagain-ca/ca/en/fonts/OpenSans-ExtraBold.ttf');
	font-display: swap
}

body {
	font-family: 'OpenSans-Light', sans-serif;
}

p,
.text.parbase ul,
.text.parbase ul li,
.text.parbase ol li,
a {
	font-family: 'OpenSans-Light', sans-serif !important;
	/*text-shadow: none;*/
	font-size: 16px;
	color: #58585a;
}

b,
strong {
	font-family: 'OpenSans-Bold', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'OpenSans-Bold', sans-serif;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

span.logo-medicine-txt {
	display: none
}

header .navbar-default .top-header {
	border-bottom: none;
}

header nav.navbar.navbar-default {
	border-bottom: none;
}

header ul.nav.navbar-nav.pull-right.header-actions li.dropdown.hidden-xs,
header ul.nav.navbar-nav.pull-right.header-actions li.dropdown.hidden-xs span {
	display: inline-block !important;
}

/*-----General code-----*/

/*footer*/
.footer {
	background: #58585a;
	padding-top: 60px;
}

.multi-column-container.footer-col-outer .col-xs-12 {
	padding: 0
}

.footer p,
.footer a {
	font-size: 12px;
	line-height: 1.3
}

p.footer-text {
	padding-top: 15px;
}

p.footer-copyrights {
	padding: 10px 0;
}

.multi-column-container.footer-col-outer .multi-column-container.footer-col-inner .col-sm-8.col-xs-12.column-1 {
	padding-right: 15px;
}

.footer-col-inner .col-sm-4.col-xs-12.column-2 {
	border-left: 1px solid
}

.footer .footer-col-inner li {
	margin-bottom: 5px;
}

.footer ul.footer-links {
	padding-right: 113px;
	text-align: right;
}

.footer ul.footer-links a {
	text-transform: uppercase;
}

.footer p {
    color: white;
}

/*footer*/

/*homepage*/
.home-banner-col .column-1 {
	float: right;
	padding: 0;
}

.component-section.home-root {
	padding-top: 0;
}

p.gradient-heading {
	width: max-content;
	position: relative;
	color: #FFF;
	z-index: 1;
	padding-left: 3%;
	font-family: 'OpenSans-Bold' !important;
	text-shadow: none;
	font-size: 24px;
    letter-spacing: 1px;
}

p.gradient-heading:before {
	content: " ";
	display: block;
	height: 150%;
	width: 102%;
	margin-left: -5%;
	margin-right: -5%;
	position: absolute;
	transform: skew(-10deg);
	background: linear-gradient(to right, #5c2d91, #c011d5);
	z-index: -100;
	margin-top: -5px;
}

.home-banner-col .column-2 {
	padding: 40px 125px 0px 115px;
}

.home-banner-col .row {
	border-bottom: 2px solid #ff00ff;
}

p.banner-text {
	font-weight: bold;
}
p.banner-text.margin-bottom-20px {
    margin-bottom: 20px;
}
p.pink-heading {
	color: #ff00ff;
	font-size: 34px;
	padding: 15px 0;
	font-weight: bold;
    line-height: 1;
}

.home-banner-col {
	padding-bottom: 60px;
}

.home-banner-col {
	padding-bottom: 60px;
}

.home-carousel .multi-column-container .column-1 {
	float: right;
}

.home-carousel .multi-column-container .col-sm-6.col-xs-12 {
	padding: 0
}

.home-carousel {
	border-top: 1px solid #9b9b9c6b;
	border-bottom: 1px solid #9b9b9c6b;
}

.purple-btn hr {
	display: none;
}

p.purple-heading {
	font-size: 28px;
	color: #5c2d91;
	line-height: 1.2;
	font-family: 'OpenSans-Bold' !important;
}

.home-carousel .multi-column-container .col-sm-6.col-xs-12.column-2 {
	padding-left: 140px; padding-top: 185px;
	/*padding-top: 200px;*/
}

.purple-btn .linked-list.vertical a.btn {
	color: #5c2d91;
	font-style: normal;
	font-size: 18px;
	border: 2px solid #5c2d91;
	padding: 10px 20px;
	font-family: 'OpenSans-Bold' !important;
	border-radius: 5px;
	margin-top: 20px;
    background:white;    
}

.purple-btn span.fa.fa-arrow-circle-down{
    display:none
}
            
.home-carousel a.left.carousel-control,
.home-carousel a.right.carousel-control {
	background-image: url(/content/dam/open-digital/hugagain-ca/ca/en/icons/arrowicon.svg);
	background-size: 100% 100%;
	width: 40px;
	height: 40px;opacity: 1;
}

.home-carousel.carousel .carousel-control.left {
	left: 3%;
}

.home-carousel.carousel .carousel-control.right {
	right: 3%;
	transform: rotate(180deg);
}

.carousel-control span.fa.fa-chevron-left,
.carousel-control span.fa.fa-chevron-right {
	display: none;
}

.home-carousel .carousel-indicators {
	margin: 0;
/* 	padding-left: 115px; */
	margin:auto
}
.home-carousel.carousel .carousel-indicators {
    /*width: 78%;*/ width: calc(100% - 280px);
}

.home-carousel .carousel-indicators li {
	background-color: #fff;
	border: 1px solid #ff00ff;
	color: white;
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 25px;
}

.home-carousel .carousel-indicators li .carousel-indicator {
	padding: 6px !important;
}

.home-carousel .carousel-indicators li .carousel-indicator:after,
.home-carousel.carousel .carousel-indicators li.active a {
	border: none !important;
}

.home-carousel .carousel-indicators li.active {
	background-color: #ff00ff;
	border: 1px solid #ff00ff;
	width: 20px;
	height: 20px;
	margin-bottom: 1px;
	margin-top: 1px;
}
.home-carousel .carousel-inner .item:nth-child(2) .column-2 {
    padding-right: 185px;
    padding-top: 85px;
}
.home-carousel .carousel-inner .item:nth-child(3) .column-2 { 
    padding-top: 170px;
}
.home-carousel .carousel-inner .item:nth-child(2) .column-2 .purple-btn .linked-list.vertical a.btn,
.home-carousel .carousel-inner .item:nth-child(3) .column-2 .purple-btn .linked-list.vertical a.btn  {
	margin-top: 50px;
}

.component-section.full-width.container.no-style.power-hug .page-section-inner {
	border-top: 0.5px solid #9b9b9c85;
	/*padding: 50px 115px;*/ 
	padding: 50px 115px 20px;
}

p.home-ptext {
	padding: 40px 0 60px;
}

.multi-column-container.home-icon-col img {
	height: 120px; display: block;
	width: 120px !important;    margin: auto;
}

.multi-column-container.home-icon-col .col-sm-20.col-xs-12.col-sm-6 {
	padding: 0;margin-top: 40px;
}

p.icon-text {
	font-weight: bold;
	width: max-content;
	text-align: center;
	padding-left: 10px;
	color: #5c2d91;
	padding-top: 30px;
	font-family: 'OpenSans-Bold'!important;
}

p.pink-callout {
	padding: 40px 0px;
	margin: 0 115px;
	text-align: center;
	border-top: 1px solid #9b9b9c6b;
	border-bottom: 1px solid #9b9b9c6b;
	color: #ff00ff;
	font-weight: bold;
	font-size: 18px;
}

.book-btn hr {
	display: none;
}

.home .container.middle-content {
	display: none;
}

.book-btn a.btn.btn-default {
	font-style: normal;
	background-color: #5c2d91;
	font-size: 18px;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	border-radius: 5px;
	border: 1px solid #5c2d91;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.book-btn {
    position: fixed;
    z-index: 9999;
    /*bottom: 1.8em;*/
    bottom: 0em;
    right: 5.5em;
}

.book-btn img {
	padding-left: 15px;
}

.home p.purple-heading.mobile-only {
	display: none;
}
	.book-btn a.btn.btn-default b {
    padding-right:5px!important
}

html[lang="fr"] .home .home-banner-col .column-2 {
    padding: 40px 35px 0px 115px;
}

html[lang="fr"] .home-carousel .carousel-inner .item:nth-child(2) .column-2 {
    padding-right: 115px;
}
html[lang="fr"] img.header-nav-logo {
    margin-left: -20px;
}
html[lang="en"] .multi-column-container.home-icon-col {
    /*width: 110%;*/
}
.multi-column-container.footer-col-outer .multi-column-container.footer-col-inner .col-sm-8.col-xs-12.column-1 .text.parbase.section{
	margin-left: -3em;
}
html[lang="fr"] .footer ul.footer-links {
    padding-left: 0;
}
html[lang="fr"] .footer ul.footer-links li a {
    font-size:10px
}
html[lang="fr"] .footer ul.footer-links {
    padding-right: 90px;
}
html[lang="fr"] .home-icon-col .column-2 p.icon-text,
html[lang="fr"] .home-icon-col .column-3 p.icon-text {
    /*margin-left:-2em;*/
    /*margin-left:0em;*/
}
html[lang="fr"] .home-icon-col .column-4 p.icon-text,
html[lang="fr"] .home-icon-col .column-5 p.icon-text {
    /*margin-left:-1em;*/
    /*margin-left:0em;*/
}
div.calendar-popup .modal-header {
	display: none;
}

div.calendar-popup.modal .modal-body {
	padding: 50px;
}
div.calendar-popup.modal button.close.fg-color {
	border-radius: 100px;
	color: white;
	background: #9b9b9c;
	padding: 2px 8px 1px;
	position: absolute;
	right: 0;
}
div.calendar-popup {
	background: linear-gradient(to top, rgb(255,175,80,0.9), rgb(255,47,208,0.9));
}
.calendar-popup button.btn.submit-btn.btn-primary.btn-lg {
    color: #5c2d91;
    font-style: normal;
    font-size: 18px;
    border: 2px solid #5c2d91;
    padding: 10px 20px;
    font-family: 'OpenSans-Bold' !important;
    border-radius: 5px;
    background: white;
}

.calendar-popup button.btn.clear-btn.btn-default.btn-lg {
    display: none;
}

.calendar-popup label.control-label {
    font-size: 20px;
    color: #5c2d91;
    font-family: 'OpenSans-ExtraBold' !important;
}
.calendar-popup .form-container .form-group label span {
    color: #5c2d91;
}
.calendar-popup .form-control-container,
.calendar-popup button.btn.btn-default.date-picker-trigger{
   border: 1px solid #5c2d91; 
   border-radius: 5px;
   color:#5c2d91
}
.resources-root .purple-btn .linked-list.vertical a.btn {
    margin-top: 60px;
}
.picker__holder {
        overflow-y: hidden !important;
}
.picker {
    font-size: 15px !important;
    line-height: .6 !important;
    }
   
   
/* 27-12-22 */
.home .power-hug p.purple-heading.font-update {
    font-family: 'OpenSans-Light' !important;
}
.home .power-hug p.purple-heading.font-update b{
    font-family: 'OpenSans-Bold' !important;
} 
.circle-icon.i-icon {
    border: 0px solid #5c2d91;
    min-width: 40px;
    min-height: 40px;
    font-size: 36px;
    font-weight: bold;
    /*background: #5c2d91;*/
    /*color: #fff;*/
    margin: 20px auto;
    display: block;cursor: pointer;
}
.power-hug .home-icon-col p.icon-text + p,
.circle-icon.i-icon span {display: none;}
p.invisible-text.in{display: block;}
p.invisible-text {display: none;text-align: center;
    max-width: calc(100% - 150px);
    border: 1px solid #ff00ff;
    margin: auto;
    padding: 15px;
    border-radius: 10px;
}
/* 
.circle-icon.i-icon.active {
    background: #ff00ff;
    border-color: #ff00ff;
    position: relative;
}

.circle-icon.i-icon.active:after {
    content: '';
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 20px solid #f0f;
    bottom: -18px;
    left: 10px;
}
*/ 
.multi-column-container.home-icon-col img.active-img {height: 70px;width: 40px !important;display: none;}
.multi-column-container.home-icon-col .default-img {height: 40px;width: 40px !important;}
.multi-column-container.home-icon-col .circle-icon.active img.active-img{display: block;margin-top: -8px;}
.home-icon-col .fa.fa-tooltip.circle-icon:before, 
.multi-column-container.home-icon-col .circle-icon.active .default-img{display: none;}

.component-section.home-root .home-banner-col .book-btn a.btn.btn-default,
.component-section.prevention-root .prevention-banner-col .book-btn a.btn.btn-default,
.component-section.resources-root .resource-banner-col .book-btn a.btn.btn-default{
    margin: 0 0 -38px auto;
    border-radius: 0 0 5px 5px;
}
.component-section.home-root .book-btn,
.component-section.prevention-root .book-btn,
.component-section.resources-root .book-btn{
    position: static;
    max-width: calc(100% - 220px);
    margin: auto;
}
.component-section.home-root .book-btn a.btn.btn-default, 
.component-section.resources-root .book-btn a.btn.btn-default{
    margin: 0 0 -20px auto;
    max-width: max-content;
    border-radius: 5px 5px 0 0;
}
.component-section.prevention-root .book-btn a.btn.btn-default {
    margin: 0 0 0px auto;
    max-width: max-content;
    border-radius: 5px 5px 0 0;
}
.purple-btn.learn-more-btn {
    max-width: calc(100% - 220px);
    margin: 0 auto 40px;
    text-align: center;
    padding-bottom: 40px;
    border-bottom: 1px solid #9b9b9c6b;
}
p.pink-callout.font-update.no-brdr-btm {
    border-bottom: 0px;
}
.purple-btn.learn-more-btn a.btn.btn-primary.btn-lg.icon-left {
    margin-top: 0;
}
.footer { margin: 0;}
.html-asset-container.margin-bottom-10[data-consent-check-custom-class="m-0"] {
    margin: 0px;
}
.power-hug .home-icon-col p.icon-text {
    /*padding-left: 0;*/
    display: block;
    padding-top: 0px;
    max-width: 160px;
    margin: auto;min-height: 75px;
}
.power-hug .home-icon-col p.icon-text + p{display: none;}
/*homepage*/

/*Media Queries*/

/*ipad potrait and above*/
@media screen and (min-width:768px) {

	/*header*/
	header .navbar-default .main-inner-naviagtion {
		height: 105px;
		border-bottom: 2px solid #ff00ff;
	}

	header img.header-nav-logo {
		height: 90px;
		background: transparent;
	}

	header .primary-navigation.logo-enabled {
		border-bottom: none;
	}

	div#top-nav {
		display: flex !important;
		justify-content: center;
	}

	header .primary-navigation.logo-enabled .nav.navbar-nav {
		border-bottom: none;
		position: absolute;
		top: 2.5em;
		width: auto;
	}


	li.dropdown.item-more.first-level-item,
	li.dropdown.item-more.first-level-item span {
		display: none !important;
	}

	.primary-navigation .nav>li.first-level-item a {
		color: #5c2d91;
		font-weight: bold;
		letter-spacing: 0;
		text-transform: uppercase;
		font-family: 'OpenSans-SemiBold' !important;
	}

	.top-header .header-actions>li>a.dropdown-toggle {
		display: none;
	}

	ul.nav.navbar-nav.pull-right.header-actions ul.dropdown-menu {
		position: static;
		display: block;
		background: none;
		box-shadow: none;
		border: none;
		margin-top: 2.4em;
		min-width: unset;
	}

	ul.nav.navbar-nav.pull-right.header-actions ul.dropdown-menu li {
		display: inline-block;
	}

	ul.nav.navbar-nav.pull-right.header-actions ul.dropdown-menu li a {
		font-size: 16px;
		font-weight: bold;
		color: #9b9b9c;
		padding: 10px 20px;
	}

	ul.nav.navbar-nav.pull-right.header-actions .dropdown-menu>li.active>a,
	ul.nav.navbar-nav.pull-right.header-actions .dropdown-menu>li>a,
	ul.nav.navbar-nav.pull-right.header-actions .dropdown-menu>li.active>a:hover,
	ul.nav.navbar-nav.pull-right.header-actions .dropdown-menu>li>a:hover {
		border-left: none;
	}

	ul.nav.navbar-nav.pull-right.header-actions .dropdown-menu>li:first-child a {
		color: #ff00ff;
		;
		border-right: 2px solid #9b9b9c;
		font-family: 'OpenSans-SemiBold' !important;
	}

	.static-links-wrapper {
		display: none;
	}

	.covid19-risks header .primary-navigation .nav>li.first-level-item:nth-child(2) a,
.covid19-prevention header .primary-navigation .nav>li.first-level-item:nth-child(3) a,
.resources header .primary-navigation .nav>li.first-level-item:nth-child(4) a
{
    color:#ff00ff
}
 
 html[lang="fr"] .book-btn br {
    display: none;
}

html[lang="fr"] .footer-col-outer .column-1 img {
    margin-top: 10px;
}
	/*header*/
	
	.power-hug .home-icon-col .column-4 p.icon-text { 
        max-width: 180px; 
    }
    html[lang="fr"] .power-hug .home-icon-col .column-4 p.icon-text { 
        max-width: 185px; 
    }
    .power-hug .home-icon-col .column-5 p.icon-text { 
        max-width: 170px; 
    }
}

/*-----For all resolutions from 1700px and above------*/
@media screen and (min-width:1700px) {
	.footer {
		padding: 60px 280px;
	}

	.component-section.full-width.container.no-style.home-root {
		padding: 0 275px 20px;
	}
	
	.home-carousel.carousel .carousel-control.left,
    .home-carousel.carousel .carousel-control.right{
    	top:49%
    }
    
    .book-btn {
        right: 25.5em;
    }
}

/*-----For all resolutions including desktop and below------*/
@media screen and (max-width:1300px) {
	.footer ul.footer-links {
		padding-right: 85px;
	}

	.home-carousel .carousel-inner .item:nth-child(2) .column-2 {
		padding-top: 65px;
		padding-right: 145px;
	}
	
	.home-carousel a.left.carousel-control, .home-carousel a.right.carousel-control {
        top: 53%;
    }

	html[lang="fr"] img.header-nav-logo {
    margin-left: unset;
}
header .navbar-default .main-inner-naviagtion .top-header .container {
    padding: 0 50px;
}
.footer-col-outer .column-1 img {
    width: 110%!important;
}
}

/*-----For all resolutions including ipad landscape and below------*/
@media screen and (max-width:1080px) {
	.footer ul.footer-links {
		padding-right: 42px;
		text-align: right;
	}

	.home-banner-col .column-2,
	html[lang="fr"] .home .home-banner-col .column-2 {
		padding: 30px 15px 0px 40px;
	}

	.home-carousel .multi-column-container .col-sm-6.col-xs-12.column-2 {
		padding-left: 85px;
		padding-top: 100px;
	}

	.home-carousel .carousel-inner .item:nth-child(2) .column-2 {
		padding-top: 45px;
		padding-right: 115px;
	}

	.component-section.full-width.container.no-style.power-hug .page-section-inner {
		padding: 50px 40px;
	}

	p.pink-callout {
		margin: 0 40px;

	}

	.home p.banner-text{
    	line-height: 1.3;
	}

	html[lang="fr"] .home p.banner-text{
        line-height: 1.3;
        font-size: 13px;
    }

	html[lang="fr"] .home-carousel .carousel-inner .item:nth-child(3) .column-3 {
        padding-right: 7px;
    }
    
    .home-carousel.carousel .carousel-control.left,
    .home-carousel.carousel .carousel-control.right{
    	top:37%
    }
    
    .home-carousel.carousel .carousel-indicators {
        width: 82%;
    }
    html[lang="fr"] header .primary-navigation.logo-enabled .nav.navbar-nav {
        left: 12em;
        top: 1.5em;
    }
    html[lang="fr"] header .primary-navigation.logo-enabled .nav.navbar-nav li.first-level-item {
        width: 22%;
    }
    html[lang="fr"] .primary-navigation .nav>li.first-level-item a {
        font-size: 14px;
    }
    
    html[lang="fr"] ul.nav.navbar-nav.pull-right.header-actions ul.dropdown-menu{
    	margin-top: 2em;
    }
       html[lang="fr"] img.header-nav-logo {
        margin-left: -20px;
    }
    html[lang="en"] .multi-column-container.home-icon-col {
        width: unset;
    }
    header .navbar-default .main-inner-naviagtion .top-header .container {
        padding: 0 15px;
    }
    .footer-col-outer .column-1 img {
        width: 100%!important;
    }
    p.pink-heading {
        font-size: 28px;
    }
    .resources-root .purple-btn .linked-list.vertical a.btn {
        margin-top: 20px;
    }
}

/*ipad potrait and below*/
@media screen and (max-width:810px) {
	header .primary-navigation.logo-enabled .nav.navbar-nav {
		left: 7.5em;
	}

	.component-section.home-root {
		padding: 0 0 20px;
	}

	.home-banner-col .column-2 {
		padding: 15px 10px 0px 40px;
	}

	p.pink-heading {
		padding: 5px 0;
	}

	p.banner-text {
		font-size: 13px;
		line-height: 1.3;
	}

	.home-carousel .multi-column-container .col-sm-6.col-xs-12.column-2 {
		padding-left: 70px;
		padding-top: 70px;
	}

	.home-carousel .carousel-inner .item:nth-child(2) .column-2 {
		padding-top: 15px;
		padding-right: 40px;
	}

	.home-carousel .carousel-inner .item:nth-child(2) .column-2 .purple-btn .linked-list.vertical a.btn,
    .home-carousel .carousel-inner .item:nth-child(3) .column-2 .purple-btn .linked-list.vertical a.btn  {
		margin-top: 5px;
	}

	.home-carousel.carousel .carousel-control.left {
		left: 1%;
	}

	.home-carousel.carousel .carousel-control.right {
		right: 1%;
	}

	.home-carousel a.left.carousel-control,
	.home-carousel a.right.carousel-control {
		width: 30px;
		height: 30px;
		top: 45%;
	}

	.component-section.full-width.container.no-style.power-hug {
		padding: 30px 0 20px;
	}

	p.home-ptext,
	p.icon-text {
		font-size: 13px;
	}

	.multi-column-container.home-icon-col img {
		height: 90px;
		width: 90px !important;
	}

	.multi-column-container.home-icon-col .row {
		display: flex;
	}

	p.pink-heading,
	p.purple-heading {
		font-size: 24px;
	}

.home p.banner-text {
    line-height: 1.2;
}

	html[lang="fr"] .home p.pink-heading,
	html[lang="fr"] .home p.purple-heading {
    font-size: 18px;
    margin-bottom: 0;
}

	html[lang="fr"] .home .home-banner-col .column-2 {
    	padding: 10px 5px 0px 40px;
	}
	html[lang="fr"] .home p.banner-text {
    line-height: 1.2;
    font-size: 12px;
    margin-bottom: 5px;
}


.home-carousel.carousel .carousel-control.left, .home-carousel.carousel .carousel-control.right {
    top: 38%;
}
    html[lang="fr"] header .primary-navigation.logo-enabled .nav.navbar-nav {
    left: 4em;
}
.multi-column-container.footer-col-outer .multi-column-container.footer-col-inner .col-sm-8.col-xs-12.column-1 .text.parbase.section{
	/*margin-left: unset;*/
}
p.gradient-heading {
    font-size: 18px;
}
html[lang="fr"] .home-icon-col .column-2 p.icon-text,
html[lang="fr"] .home-icon-col .column-3 p.icon-text,
html[lang="fr"] .home-icon-col .column-4 p.icon-text,
html[lang="fr"] .home-icon-col .column-5 p.icon-text {
    margin-left:unset;
}
}

/*iphone landscape and below*/
@media screen and (max-width:767px) {
    p.pink-callout {
    border-top: 2px solid #9b9b9c6b;
    border-bottom: 2px solid #9b9b9c6b;
    }

	/*header*/
	header .primary-navigation.logo-enabled .nav.navbar-nav {
		left: revert;
		margin-top: 0;
	}

	.main-inner-naviagtion.mobile-configuration .navbar-header {
		display: grid;
		grid-template-columns: 25% 50% 25%;
	}

	.navbar-default .top-header .navbar-header .navbar-toggle {
		grid-column: 1;
		border-left: none;
		background-color: transparent;
		padding-top: 45px;
	}

	.main-inner-naviagtion.mobile-configuration a.navbar-brand {
		grid-column: 2;
		padding-right: 0;
		text-align: center;
	}

	ul.nav.navbar-nav.pull-right.header-actions {
		grid-column: 3;
		padding-top: 40px;
	}

	.navbar-default .main-inner-naviagtion.mobile-configuration .navbar-toggle .icon-bar {
		width: 30px;
		border-radius: 150px !important;
		height: 4px;
		background-color: #58585a;
		border: 1.5px solid #58585a;
	}

	.top-header img.header-nav-logo-condensed {
		height: 80px;
	}

	header .navbar-default .top-header {
		height: 100px;
	}

	ul.nav.navbar-nav.pull-right.header-actions span {
		font-weight: bold;
		color: #ff00ff;
	}

	ul.nav.navbar-nav.pull-right.header-actions span.caret {
		color: #58585a;
		border-top: 9px dashed;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		margin-top: -4px;
		margin-left: 5px;
	}

	.top-header .header-actions>li>a.dropdown-toggle {
		display: initial; font-family: 'OpenSans-SemiBold', sans-serif !important;
	}

	ul.nav.navbar-nav.stacked-menu {
		text-align: center;
		display: grid;
	}

	ul.nav.navbar-nav.stacked-menu a {
		color: #5c2d91;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: inherit;
		font-family: 'OpenSans-SemiBold' !important;
	}

	ul.nav.navbar-nav.stacked-menu li.menu-img-link.first-level-item,
	ul.nav.navbar-nav.stacked-menu li.dropdown.first-level-item.visible-xs {
		display: none !important;
	}

	.primary-navigation .nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.primary-navigation .nav>li:nth-child(2)>a {
		padding-top: 20px
	}

	button.navbar-toggle {
		background-image: url(/content/dam/open-digital/hugagain-ca/ca/en/icons/Close-X-Button-new.svg) !important;
		background-repeat: no-repeat;
		transition: 1s smooth;
    	width: 30px;
    	background-position-y: 40px;
	}

	button.navbar-toggle .icon-bar {
		display: none;
	}

	button.navbar-toggle.collapsed {
		background-image:
			unset !important;
		transition: 1s smooth;
	}

	button.navbar-toggle.collapsed .icon-bar {
		display: block
	}

	ul.nav.navbar-nav.pull-right.header-actions li.dropdown ul.dropdown-menu {
		min-width: auto;
	}

	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus {
		background-color:
			transparent;
	}

	ul.nav.navbar-nav.pull-right.header-actions li.dropdown ul.dropdown-menu li a {
		color: #5c2d91;
		font-weight: bold;
	}

	.static-links-wrapper span img,
	.book-btn img {
		margin-left: 2%;
	}

	div#top-nav {
		border-top: none;
	}

	.static-links-wrapper {
		grid-row: 1;
		background-color: #5c2d91;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.static-links-wrapper a.dropdown-toggle {
		color: white !important;
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		padding-right: 7px !important;
		letter-spacing: inherit !important;
	}

	.static-links-wrapper a.dropdown-toggle b {
		font-weight: bolder;
	}

	header ul.nav.navbar-nav.pull-right.header-actions li.dropdown.hidden-xs {
		float: right;
	}

	.static-links-wrapper li.first-level-item{
        width:100%
    }
    
    	.covid19-risks header .primary-navigation .nav>li.first-level-item:nth-child(2) a,
        .covid19-prevention header .primary-navigation .nav>li.first-level-item:nth-child(3) a,
        .resources header .primary-navigation .nav>li.first-level-item:nth-child(4) a
        {
            color:#ff00ff
        }

	/*header*/

	/*footer*/
	.footer {
		padding-bottom: 20px
	}

	.multi-column-container.footer-col-inner {
		padding: 30px 25px 0px;
	}

	.footer ul.footer-links {
		text-align: center;
		padding: 20px 0px 0px;
		border-top: 2px solid #ffffff;
	}

	.multi-column-container.footer-col-outer .multi-column-container.footer-col-inner .col-sm-8.col-xs-12.column-1 {
		padding-bottom: 15px;
	}

	.footer-col-inner .col-sm-4.col-xs-12.column-2 {
		border-left: unset;
	}

	/*footer*/

	.book-btn {
		top: 6.5em;
		bottom: unset;
		right: unset;
	}

	.book-btn a.btn.btn-default {
		width: 668px;
		border-radius: 10px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		padding: 12px 11px;
		font-size: 16px;
	}

	.home-banner-col .column-2,
	html[lang="fr"] .home .home-banner-col .column-2 {
		border-bottom: 0;
		padding: 30px; margin-top: 50px;
	} 
    html[lang="fr"] .home .home-banner-col .column-2 { margin-top: 75px;} 
	.home-banner-col .column-1 {
		border-bottom: 2px solid #ff00ff;
	}

	.home-banner-col {
		padding-bottom: 0px;
	}

	p.gradient-heading {
		width: auto;
		text-align: center;
    	font-size: 22px;
	}

	p.pink-heading,
    html[lang="fr"] .home p.pink-heading, 
    html[lang="fr"] .home p.purple-heading {
		line-height: 1;
		font-size: 30px;
	}

	.home .home-carousel p.purple-heading {
		display: none
	}

	.home p.purple-heading.mobile-only {
		display: block;
		padding: 10px 30px;
		height: 5.5em;
		font-size: 34px;
	}

	.home-carousel .multi-column-container .col-sm-6.col-xs-12.column-2 {
		/*padding: 50px 30px 20px;*/
		padding: 25px 30px 45px;text-align: center;
	}

	.home-carousel ol.carousel-indicators {
		justify-content: center;
		display: flex;
		top: 42.5em;
		padding: 0;
		width: 59%;
		text-align: center;
		height: 1em;
		margin: auto;
	}

	.home-carousel .carousel-indicators li,
	.home-carousel .carousel-indicators li.active {
		width: 12px;
		height: 12px;
		margin: 1px 8px;
	}

	.home-carousel .carousel-inner .item:nth-child(2) .column-2 .purple-btn .linked-list.vertical a.btn,
    .home-carousel .carousel-inner .item:nth-child(3) .column-2 .purple-btn .linked-list.vertical a.btn  {
		margin-top: 20px;
	}

	.home-carousel.carousel .carousel-control.left,
	.home-carousel.carousel .carousel-control.right {
		display: table;
		height: 30px;
		width: 30px;
		/*top: 82%;*/ top: auto; bottom: 70px;
	}

	.home-carousel.carousel .carousel-control.left {
		left: 7%;
	}

	.home-carousel.carousel .carousel-control.right {
		right: 7%;
	}

	.component-section.full-width.container.no-style.power-hug {
		padding-top: 30px;
	}

	.component-section.full-width.container.no-style.power-hug .page-section-inner {
		border-top: none;
		padding: 0 30px;
	}

	p.purple-heading {
		font-size: 34px;
	}

	p.home-ptext {
		padding: 15px 0 35px;
	}

	p.icon-text {
		width: unset;
		padding-bottom: 40px;
		font-size: 18px;
	}

	p.icon-text br {
		display: none;
	}

	p.pink-callout {
		margin: 0 30px;
		font-size: 34px;
		line-height: 1.2;
	}

	.purple-btn .linked-list.vertical a.btn,
	.home-carousel .carousel-inner .item:nth-child(2) .column-2 .purple-btn .linked-list.vertical a.btn,
    .home-carousel .carousel-inner .item:nth-child(3) .column-2 .purple-btn .linked-list.vertical a.btn,
    .home-carousel .carousel-inner .item:nth-child(1) .column-2 .purple-btn .linked-list.vertical a.btn   {
		margin-top: 0px;
	}

	p.pink-heading,
    html[lang="fr"] .home p.pink-heading, 
    html[lang="fr"] .home p.purple-heading {
		padding: 15px 0;
	}

    html[lang="fr"] .home p.purple-heading.mobile-only{
	    padding: 10px 30px;height: 7em;
    }

	p.banner-text,html[lang="fr"] .home p.banner-text {
		font-size: 16px;
		line-height: unset;
	}

	p.home-ptext {
		font-size: 16px;
	}

	.multi-column-container.home-icon-col img {
		height: 120px;
		width: 120px !important;
	}

	.multi-column-container.home-icon-col .row {
		display: block;
	}
    .home p.banner-text {
        line-height: unset;
    }
    html[lang="fr"] .home-carousel ol.carousel-indicators {
        top: 41.5em;
    }

    .home-root {
        padding-top: 40px!important;
    }
    html[lang="fr"] .home-root {
        /*padding-top: 60px!important;*/
    }
    html[lang="fr"] header .primary-navigation.logo-enabled .nav.navbar-nav {
        left: unset;
        top: unset;
    }
    html[lang="fr"] header .primary-navigation.logo-enabled .nav.navbar-nav li.first-level-item {
        width: 100%;
    }
    html[lang="fr"] .primary-navigation .nav>li.first-level-item a {
        font-size: 16px;
    }
     html[lang="fr"] .book-btn a.btn.btn-default{
        display:block
    }
     html[lang="fr"] .carousel.slide.home-carousel .purple-btn .linked-list.vertical a.btn {
        max-width: -webkit-fill-available;
        padding: 10px;
    }
    .home-carousel.carousel .carousel-indicators {
        width: fit-content;top: auto;bottom: 15px;
    }
    html[lang="fr"] ul.nav.navbar-nav.pull-right.header-actions ul.dropdown-menu {
        margin-top: 0;
    }
    html[lang="fr"] .footer ul.footer-links {
        padding-right: 0px;
    }
    .static-links-wrapper li span {
        font-family: 'OpenSans-Light';
        font-size: 14px;
    }
    .home-root,
    .prevention-root,
    html .resources-root {
    	padding-top:0!important;	
        margin-top: 150px!important;
        border-top: 2px solid #ff00ff;
    }
    html[lang="fr"] .home-root,
    html[lang="fr"] .prevention-root,
    html[lang="fr"] .resources-root {	
        margin-top: 100px!important;
    }
    .margin-bottom-20px {
        margin-bottom: 20px!important;
    }
    .home-banner-col .row {
        border-bottom: 2px solid #9b9b9c6b;
    }
    .home-carousel {
        border-bottom: 3px solid #9b9b9c6b;
    } 
    .power-hug p.purple-heading {
        line-height:1.2!important
    }    
    #popup-template.modal button.close.fg-color {
        padding: 2px 6px!important;
    }
    #popup-template.modal button.close.fg-color span{
        font-size: 20px;
        display: list-item;
    }
	html[lang="fr"] .book-btn a.btn.btn-default b {
        padding-right:0px!important
    }
    
    
    /* New chages 27-12-22 */
    .circle-icon.i-icon.active + .invisible-text {
        display: block;
        max-width: 100%;
    }
    p.invisible-text.in {
        display: none; 
    }
    .purple-btn.learn-more-btn {
        max-width: calc(100% - 60px); 
    }
    .component-section.home-root .home-banner-col .book-btn a.btn.btn-default, .component-section.prevention-root .prevention-banner-col .book-btn a.btn.btn-default, .component-section.resources-root .resource-banner-col .book-btn a.btn.btn-default {
        margin: 0 auto -50px auto; 
    }
    html[lang="fr"] .component-section.home-root .home-banner-col .book-btn a.btn.btn-default, 
    html[lang="fr"] .component-section.prevention-root .prevention-banner-col .book-btn a.btn.btn-default, 
    html[lang="fr"] .component-section.resources-root .resource-banner-col .book-btn a.btn.btn-default {
        margin: 0 auto -72px auto; 
    }
    .power-hug .home-icon-col p.icon-text {
        max-width: 100%;
        padding-bottom: 10px;
        min-height: auto;
    }
    .prevention-icon-col .col-sm-20, .prevention-icon-col .col-sm-20.col-xs-12.col-sm-6 {
        width: 100%;
    }
    .component-section.prevention-root .book-btn a.btn.btn-default {
        margin: 0 auto; 
    }
    .component-section.home-root .book-btn a.btn.btn-default, 
    .component-section.resources-root .book-btn a.btn.btn-default{
        margin: 0 auto -20px auto; 
    }
    .component-section.home-root .book-btn, .component-section.prevention-root .book-btn, .component-section.resources-root .book-btn {
        max-width: calc(100% - 40px);
    }
    
    html[lang="fr"] .home-carousel .carousel-inner .item:nth-child(3) .column-2 .purple-btn .linked-list.vertical a.btn{
        max-width: 250px;
        white-space: inherit;
    }
    html[lang="fr"] .home-carousel .carousel-inner .item:nth-child(2) .column-2{padding: 25px 30px 45px;}
    html[lang="fr"] .multi-column-container.footer-col-outer .multi-column-container.footer-col-inner .col-sm-8.col-xs-12.column-1 .text.parbase.section {
        margin-left: 0;
    }
}

@media screen and (max-width: 414px) {
	.book-btn a.btn.btn-default {
		width: 23.5em
	}

	/* .static-links-wrapper span img,
	.book-btn img {
		 margin-left: unset;
	}

	.home p.purple-heading.mobile-only {
		height: 7em;
	}

	.home-carousel ol.carousel-indicators {
		top: 33em;

	}

	.home-carousel.carousel .carousel-control.left,
	.home-carousel.carousel .carousel-control.right {
		top: 79%;
	} 

	html[lang="fr"] .home-carousel ol.carousel-indicators {
        top: 31.5em;
    } */

	html[lang="fr"] .book-btn img {
         padding-left: 0px;
    }
    html[lang="fr"] .book-btn a.btn.btn-default {
        width: 26.9em;
        font-size:14px
    }
    .primary-navigation .nav .static-links-wrapper>li.first-level-item>a {
        padding-left: 0;
    }
    html[lang="fr"] .home-root,
    html[lang="fr"] .prevention-root,
    html[lang="fr"] .resources-root {	
        margin-top: 170px!important;
    }
}



/*Media Queries*/

/*Bug fixes*/
/*ipad 9 potrait*/
@media screen and (max-width:1023px) and (min-width:810px){
    .top-header .container{
		padding-left: 0!important;
		padding-right: 0!important;
}
	header img.header-nav-logo {
		margin-left: -10px;
	}

        html[lang="fr"] .home-carousel .multi-column-container .col-sm-6.col-xs-12.column-2{
    padding-right: 30px;
}
html[lang="fr"] .home-carousel .multi-column-container .col-sm-6.col-xs-12.column-2 .purple-btn .linked-list.vertical a.btn{
    font-size:16px;
}
}

/*font size UAT issues for desktop and above*/
@media screen and (min-width:1200px){
  html[lang="en"] p.purple-heading.font-update {
    font-size: 34px;
}  
html[lang="en"] p.pink-callout.font-update {
    font-size: 24px;
}    
          html[lang="en"] p.pink-heading {
    font-family: 'OpenSans-Bold'!important;
}
html[lang="en"] p.pink-heading b {
    font-family: 'OpenSans-ExtraBold'!important;
}
}


@media screen and (min-width:768px) and (max-width:1199px){
    .learn-img .visible-lg-inline-block img {
        height: 40vw !important;
    }
    .multi-column-container .col-sm-6.col-sm-20:nth-child(2n+1) {
        clear: inherit;
    }
    p.invisible-text { 
         max-width: calc(100% - 20px);
        
    }
    .power-hug .home-icon-col p.icon-text{ 
        max-width: 135px; 
    }
    html[lang="fr"] .power-hug .home-icon-col .column-4 p.icon-text,  html[lang="fr"] .power-hug .home-icon-col .column-5 p.icon-text{
            min-height: 96px;max-width: 135px; 
    }
    p.therapeutic-options-text,
    .purple-btn.learn-more-btn,
    .component-section.home-root .book-btn, 
    .component-section.prevention-root .book-btn, 
    .component-section.resources-root .book-btn { 
        max-width: calc(100% - 60px); 
    }
    .primary-navigation .nav>li.first-level-item a { 
        font-size: 12px;
    }
    ul.nav.navbar-nav.pull-right.header-actions ul.dropdown-menu li a {
        font-size: 12px; 
        padding: 10px 10px;
    }
    html[lang="fr"] .book-btn a.btn.btn-default{font-size: 11px; }
}

.learn-img .visible-lg-inline-block img {
height:430px;
}

.home-root .vertical a.btn.btn-default {
margin-top:20px;
}
.purple-btn.learn-more-btn a.btn.btn-default {
    width: 210px;
    padding: 8px 20px;
}
.prevention-icon-col .col-sm-20 {
width: 20%;
}
.component-section.survey_btn {
background-color: #5c2d91;
padding: 0;
margin-top:-15px;
border-radius: 0px 0px 5px 5px;
}
.component-section.survey_btn .rte-node p {
color: #fff;
padding:5px 0 0px;
font-size: 18px;
}
.risks.home-banner-col .row {
/*border-bottom: 0px solid #ff00ff;*/
}
.component-section.survey_btn .rte-node p a {
color: #fff;
padding:5px 0 0px;
text-decoration: none;
font-family: 'OpenSans-Bold' !important;
}