﻿
.footer {
	padding: 0!important;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
	padding-left: 16px!important;
    padding-right: 16px!important;
}
.footer-main-block {
	display: flex;
    position: relative;
    min-height: 238px;
    padding: 40px 0 0 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.footer a:link, 
.footer a:visited,
.footer a:hover,
.footer a:focus,
.footer a:active,
.footer span, .footer-terms p {
	font-size: var(--base-sm-font-size);
	color: var(--secondary);
	line-height: 16px;	
	width: max-content;	
}

.footer a:hover {
	text-decoration: underline;
}

.footer-need-help a, .footer-follow-us a {
	padding-bottom: 8px;
}

.footer-main-block a {
	display: block;
}

.footer-image {
	z-index: -1;
}

.footer-social-media{
	display: flex!important;
	gap: 8px;
	padding-top: 16px;
}

.footer-social-media span {	
	height:24px;
	display: inline-block;
	transition: .3s background ease;

}

.footer-social-media .youtube {
	background: url(../Images/Icons/ic-youtube-badge.svg) no-repeat center center;    
	width:24px!important;
}

.footer-social-media .youtube:hover {
	background: url(../Images/Icons/ic-youtube-badge-hover.svg) no-repeat center center;  

}

.footer-social-media .facebook {
	background: url(../Images/Icons/ic-facebook-badge.svg) no-repeat center center;    
	width:24px!important;
}

.footer-social-media .facebook:hover {
	background: url(../Images/Icons/ic-facebook-badge-hover.svg) no-repeat center center;   

}

.footer-social-media .linkedin {
	background: url(../Images/Icons/ic-linkedin-badge.svg) no-repeat center center;    
	width:24px!important;
}

.footer-social-media .linkedin:hover {
	background: url(../Images/Icons/ic-linkedin-badge-hover.svg) no-repeat center center;   
}

.footer-social-media .twitter {
	background: url(../Images/Icons/ic-twitter-badge.svg) no-repeat center center;    
	width:24px!important;
}

.footer-social-media .twitter:hover {
	background: url(../Images/Icons/ic-twitter-badge-hover.svg) no-repeat center center;   
}


.footer-main-block p {
	padding-bottom: 8px!important;
	font-weight: normal!important;
	font-size: var(--base-font-size)!important;
	color: var(--primary)!important;
	margin: 0!important;
}

.footer-terms {
	padding: 32px 0;
}

.footer-terms span {
	padding-right: 24px;
	border-right: 1px solid var(--secondary);
}
.footer-terms a {
	padding-left: 24px;
}

.footer-language {
	position: relative;
}

html[lang="en-ca"] .footer-language p:after,
html[lang="fr-ca"] .footer-language p:after {
	content: ''!important;
	background: url(../Images/Canada.svg) no-repeat center center;
	width: 18px;
	height:12px;
	display: inline-block;
	margin-left: 8px;
}
html[lang="en-gb"] .footer-language p:after {
	content: ''!important;
	background: url(../Images/UK.svg) no-repeat center center;
	width: 18px;
	height:12px;
	display: inline-block;
	margin-left: 8px;
}
html[lang="en-us"] .footer-language p:after {
	content: ''!important;
	background: url(../Images/US.svg) no-repeat center center;
	width: 18px;
	height:12px;
	display: inline-block;
	margin-left: 8px;
}



@media screen and (max-width: 550px) {
	
	.footer-image {
		display: none;
	}
	.footer-main-block, .footer-main-block p {
		display: block;
    	text-align: center!important;
	}
	.footer-social-media {
		justify-content: center;
	}
	.footer-logo, .footer-need-help, .footer-follow-us, .footer-language {
		padding-bottom: 40px;
	}
	.footer-social-media {
		padding-top: 40px!important;
	}
	.footer-terms {
	    display: block;
	    text-align: center;
	    margin-left: -40px;		
	}
	
	.footer-terms a {
		padding-left: 40px!important;
	}
	
	.footer-terms p {
		padding-top: 24px;
		margin-left: 15px!important;
	}
	
	.footer a:link, .footer a:visited, .footer a:hover, .footer a:focus, .footer a:active, .footer span, .footer-terms p {
		width: auto!important;
	}

	.button-group-container-left {
	    margin: auto!important;
	}
	._Skins_Language.mc-component .toolbar-button-drop-down.select-language-drop-down {
		min-width: max-content;
		left: 50%!important;
	    transform: translate(-50%, 0);
	}
	
	.buttons._Skins_Language.mc-component {
		display: flex;
	}
	
}

@media screen and (min-width: 1366px) {
	.footer-logo {
		width: 32%;
	}
	.footer-need-help, .footer-follow-us {
		width: 20%;
	}
	.footer-language {
		width: 25%;
	}
	.footer-image {
		position: absolute;
	    bottom: 0;
	    right: 13px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1365px) {
	.footer-logo  {
		width: 22%;
	}
	.footer-language {
		width: 27%;
	}
	.footer-need-help, .footer-follow-us {
		width: 20%;
	}
	.footer-image {
		position: absolute;
	    bottom: 0;
	    right: 13px;
	}	
}

@media screen and (min-width: 551px) and (max-width: 768px) {
	.footer-logo {
		width: 12%;
	}
	.footer-language {
		width: 33%;
	}
	.footer-need-help, .footer-follow-us {
		width: 20%;
	}
	.footer-image {
		position: absolute;
	    bottom: 0;
	    right: 13px;
	}	
}

@media screen and (min-width: 551px) {

	._Skins_Language.mc-component .toolbar-button-drop-down.select-language-drop-down {
	    left: 0!important;
	}
	.button-group-container-left {
		margin-left: 0!important;
	}
}

/* language switch */

._Skins_Language.mc-component .button.select-language-button {
	padding: 12px 38px 12px 12px;
	background-color: #ffffff;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	width: 153.823px;
    height: 12px;
    margin: 0!important;
	display: block;
}


._Skins_Language.mc-component .toolbar-button-drop-down.select-language-drop-down {
    border: 1px solid #E1E1E1;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 10%);
    border-radius: 4px!important;
	background-color: #ffffff;
	top: 72px!important;
}

._Skins_Language.mc-component .toolbar-button-drop-down.select-language-drop-down ul {
	padding: 12px 0!important;
	margin: 0!important;
}
._Skins_Language.mc-component .toolbar-button-drop-down.select-language-drop-down ul > li {
	padding: 0!important;
	margin: 0!important;
}

._Skins_Language.mc-component .toolbar-button-drop-down.select-language-drop-down ul > li:hover {
	background: #fafafa;
}

._Skins_Language.mc-component .toolbar-button-drop-down.select-language-drop-down ul > li:hover a{
	text-decoration: underline!important;
}

._Skins_Language.mc-component .toolbar-button-drop-down.select-language-drop-down ul > li > a {
	font-family: proxima-nova, helvetica, arial, sans-serif!important;
    font-size: var(--base-sm-font-size)!important;
    line-height: 16px;
    color: var(--primary)!important;
    padding: 12px 38px 12px 12px!important;
}



._Skins_Language.mc-component .button.select-language-button:before {
	font-family: proxima-nova, helvetica, arial, sans-serif!important;
    font-size: var(--base-sm-font-size)!important;
    line-height: 16px;
    color: var(--primary)!important;	
	display: flex;
    align-items: center;
}


html[lang="en-us"] ._Skins_Language.mc-component .button.select-language-button:before {
	content: 'United States (English)';
}

html[lang="en-ca"] ._Skins_Language.mc-component .button.select-language-button:before {
	content: 'Canada (English)';
}

html[lang="en-gb"] ._Skins_Language.mc-component .button.select-language-button:before {
	content: 'United Kingdom (English)';
}

html[lang="fr-ca"] ._Skins_Language.mc-component .button.select-language-button:before {
	content: 'Canada (Français)‎';
}

._Skins_Language.mc-component .button.select-language-button:after {
	content:'';
	top: 14px!important;
    right: 14px!important;
    background: url(../Images/Icons/ic-chevron-down.svg) no-repeat center center;
    padding: 0;
    width: 12px;
    height: 12px;
	position: absolute;
    display: inline-block;
	transform: rotate(180deg);
}
/*._Skins_Language.mc-component .button.select-language-button[aria-expanded="true"]:after{
	transform: rotate(0deg)!important;
}*/

.button-group-container-left {
	position: relative;
}
