/* HEADER */
.cppv2_header .inner-wrap.using-image:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(249, 249, 249, 0.8);
  z-index: 2;
  width: 46%;
  backdrop-filter: blur(14px);
}


@media only screen and (max-width: 1000px) {
	.cppv2_header .inner-wrap.using-image:before {
	  width: 100%;
	}
	.remove-margin-top-on-mobile {
		margin-top:0 !important;
	}
}

@media only screen and (max-width: 768px) {
	.cppv2_header .inner-wrap.using-image:before {
		 background-color: #F9F9F9; 
	}
}

/*
.cpp-header-bg-dark .inner-wrap.using-image:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
  width: 46%;
  backdrop-filter: blur(14px);
}


@media only screen and (max-width: 1000px) {
	.cpp-header-bg-dark .inner-wrap.using-image:before {
	  width: 100%;
		    backdrop-filter: blur(1px);
	}
	.remove-margin-top-on-mobile {
		margin-top:0 !important;
	}
}

@media only screen and (max-width: 768px) {
	.cpp-header-bg-dark .inner-wrap.using-image:before {
	}
}
*/

@media (max-width: 999px) {
    .cpp-header-bg .inner-wrap.using-image {
       /* opacity:0.2 !important; */
    }
    .cpp-header-bg .row-bg.using-image {
        opacity:0.2 !important;
    }
    .cpp-header-bg-dark .inner-wrap.using-image:before {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-color: rgba(0, 0, 0, 0.6);
	  z-index: 2;
	  width: 100%;
      backdrop-filter: blur(1px);
	}
}




.cppv2_header .header_h1 {
  color: #242c40;
  font-size: 43px;
  line-height: 1.3;
}

.cppv2_header .header_h1 span.highlight {
  color: #005688;
  font-size: 43px;
  line-height: 1.3;
}


@media only screen and (max-width: 676px) {
	.cppv2_header .header_h1, 
	.cppv2_header .header_h1 span.highlight {
		font-size: 32px;
	}
}

.cppv2_header .header_text {
  font-size: 16px;
  color: rgba(80, 80, 80, 1) !important;
  max-width: 87%;
  display: inline-block;
}

.cppv2_header .header_note {
  font-size: 13px;
  display: inline-block;
  padding: 8px 13px;
  color: rgba(31, 35, 47, 1) !important;
  background: #fff;
  font-weight: 600;
  border-radius: 5px;
}

.cppv2_tabs .tabbed > ul li a {
  color: #000;
  background-color: #ffffff;
  padding: 11px 18px;
  margin-right: 10px;
  border-radius: 5px;
  border: 1px solid #dcdcdc !important;
  margin-bottom: 10px;
}

.cppv2_tabs .tabbed > ul li:last-child a {
  border: 1px solid #dcdcdc !important;
}

.cppv2_tabs .tabbed > ul li a.active-tab {
  background-color: #005688 !important;
  border-color: #005688 !important;
  color: #fff;
  border: 1px solid #005688 !important;
}

.cppv2_tabs .tabbed > ul li a.active-tab span {
  font-weight: 700 !important;
}

.cppv2_tabs .tabbed > ul li a:hover {
  background-color: #fff;
}

.cppv2_tabs .wpb_content_element .wpb_tabs_nav {
  margin-bottom: 0 !important;
}

.cppv2_fullwidthbg:before {
  content: "";
  margin-left: -50vw;
  left: 50%;
  width: 100vw;
  background: rgba(247, 245, 242, 1);
  height: 100%;
  position: absolute;
}

a.nectar-button.small.regular.accent-color.regular-button.display-mobile.cppv2_smallbtn { 
	background: #C41C25 !important;
	border-radius: 6px !important;
	font-family: Open Sans !important;
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 14px !important;
	line-height: 30px !important;
	text-transform: uppercase !important;
	color: #FFFFFF !important;
	width: auto !important;
	margin-top: 10px !important;
	padding: 5px 25px !important;
	transition: all 0.3s ease-in-out;		
}

a.nectar-button.small.regular.accent-color.regular-button.display-mobile.cppv2_smallbtn:hover { 
	background: #2D2D2D !important;
}

a.nectar-button.small.regular.accent-color.regular-button.display-mobile.cppv2_smallbtn .text {
	font-family: Open Sans !important;
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 14px !important;
	line-height: 30px !important;
	text-transform: uppercase !important;
	color: #FFFFFF !important;
}

h2.cppv2_subheader { text-align: left !important; font-size: 25px; margin-top: -25px; padding-bottom: 25px; margin-bottom: 25px !important; border-bottom: #E8E8E8 1px solid; }

h2.cppv2_subheader2 { text-align: left !important; font-size: 22px; line-height: 1.3; margin-top: -25px; padding-bottom: 25px; margin-bottom: 25px !important; border-bottom: #E8E8E8 1px solid; }

/* sticky */
.cppv2_sticky { position: sticky !important; top:0 !important; }
.cppv2_sticky .vc_column-inner { padding-right: 50px; }


@media only screen and (max-width: 768px) {
	.cppv2_sticky { padding: 0 !important; }
	.cppv2_sticky .vc_column-inner { padding-right: 0; }
	.cppv2_sticky * { text-align: left !important; }
	.cppv2_sticky .iwithtext { margin-bottom: 10px; padding-left: 33px !important; }
	.cppv2_sticky .iwt-icon { display: block !important; }
}

/* check icons */
body .icon-default-style.icon-ok.extra-color-1.icon-default-style {
	font-size: 30px!important;
}


/* FORM CONTAINER */
.cppv2_formcontainer form { 
 background: transparent !important; 
 box-shadow: none !important;
}

html .cppv2_formcontainer .formcraft-css .fc-form .form-element .field-cover.customText-cover {
	margin-top: 10px;
}

html .cppv2_formcontainer .formcraft-css .fc-form .form-element .field-cover.customText-cover * {
	font-family: Open Sans !important; 
	font-style: normal !important; 
	font-weight: normal !important; 
	font-size: 14px !important; 
	line-height: 28px !important; 
	color: #2D2D2D !important; 
	text-align: left !important;
}

html .cppv2_formcontainer .formcraft-css .fc-form .form-element .sub-label-true .sub-label * {
	font-family: Open Sans !important; 
	font-style: normal !important; 
	font-weight: normal !important; 
	font-size: 14px !important; 
	line-height: 28px !important; 
	color: #2D2D2D !important; 
	text-align: left !important; 
}

html .cppv2_formcontainer .formcraft-css .fc-form .form-element .field-cover.customText-cover font { 
	display: none !important; 
}

html .cppv2_formcontainer .formcraft-css .fc-form .form-element .field-cover.customText-cover span.red {
	color: #E03239 !important; 
}


/* FORM INPUTS */

	/* labels*/
	html .formcraft-css .fc-form.label-block .form-element .field-cover>span>span:first-child>span {
		font-family: Open Sans !important; 
		font-style: normal !important; 
		font-weight: 600 !important; 
		font-size: 15px !important; 
		line-height: 30px !important; 
		color: #2D2D2D !important; 
		margin-bottom: 6px !important;
	}

	/* heading */
	html .formcraft-css .fc-form .form-element .field-cover.heading-cover {
		padding-bottom: 0px !important; 
		font-family: Open Sans !important; 
		font-style: normal !important; 
		font-weight: 600 !important; 
		font-size: 15px !important; 
		line-height: 30px !important; 
		color: #2D2D2D !important; 
		margin-bottom: 0px !important;
	}
	html .formcraft-css .fc-form .form-element .field-cover.heading-cover .bold-true:after { 
		content: "*";
		color: #E03239 !important;
		font-family: Open Sans !important;
		font-style: normal !important;
		font-weight: normal !important;
		font-size: 14px !important;
		margin-left: 2px;
	}

	html .formcraft-css .fc-form .form-element .field-cover.heading-cover span {
		padding-bottom: 0px !important; 
		font-family: Open Sans !important; 
		font-style: normal !important; 
		font-weight: 600 !important; 
		font-size: 15px !important; 
		line-height: 30px !important; 
		color: #2D2D2D !important; 
	}

	html .formcraft-css .fc-form .form-page-content .form-element-type-heading .form-element-html {
		padding: 0 !important; 
	}

	html .formcraft-css .fc-form .main-label, 
	html .formcraft-css .fc-form .main-label * {
		text-align: left !important; 
	}


	/*required */
	html .formcraft-css .fc-form .is-required-true .main-label:after { 
		content: "*";
		color: #E03239 !important;
		font-family: Open Sans !important;
		font-style: normal !important;
		font-weight: normal !important;
		font-size: 14px !important;
		margin-left: 2px;
	}


	/* select */
	/* input */
	html .formcraft-css .fc-form .form-element .dropdown-cover.autocomplete-type- select, 
	html .formcraft-css .fc-form .form-element .dropdown-cover.autocomplete-type-false select,
	html .formcraft-css .fc-form .form-element .form-element-html input,
	html .formcraft-css .fc-form .form-element .field-cover textarea { 
		background: #FFFFFF !important; 
		border: 1px solid #C0C0C0 !important; 
		box-sizing: border-box !important; 
		border-radius: 5px !important;
		font-family: Open Sans !important;
		font-style: normal !important;
		font-weight: normal !important;
		font-size: 15px !important;
		line-height: 24px !important;
		color: #2D2D2D !important;
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
		max-width: 100% !important;
	}

	/* select dropdown arrow */
	html .formcraft-css .fc-form .form-element .dropdown-cover.autocomplete-type- select, 
	html .formcraft-css .fc-form .form-element .dropdown-cover.autocomplete-type-false select {
		background: #FFFFFF url(//www.cpp.ca/wp-content/uploads/2021/09/icon-select-arrow.png) center right 7px no-repeat !important;
	}

	/* submit btn */
	html .formcraft-css .fc-form .form-element .submit-cover {
		transition: none !important;
	}

	html .formcraft-css .fc-form .form-element .submit-cover.align-left .submit-button { 
		background: #C41C25 !important;
		border-radius: 6px !important;
		font-family: Open Sans !important;
		font-style: normal !important;
		font-weight: bold !important;
		font-size: 16px !important;
		line-height: 30px !important;
		text-transform: uppercase !important;
		color: #FFFFFF !important;
		width: 100% !important;
		margin-top: 10px !important;
		padding: 20px 10px !important;
		transition: all 0.3s ease-in-out;		
	}

	html .formcraft-css .fc-form .form-element .submit-cover.align-left .submit-button:hover { 
		background: #2D2D2D !important;
	}

	html .formcraft-css .fc-form .form-element .submit-cover.align-left .submit-button .text {
		font-family: Open Sans !important;
		font-style: normal !important;
		font-weight: bold !important;
		font-size: 16px !important;
		line-height: 30px !important;
		text-transform: uppercase !important;
		color: #FFFFFF !important;
	}

	html .formcraft-css .fc-form .form-element.error-field .error { display: none !important; }

	html .formcraft-css .fc-form.label-block .field-cover .sub-label span { display: block; margin-bottom: 15px !important; }

	/* error */
	html .formcraft-css .fc-form .form-element.is-required-true .field-cover .main-label>span::after { display: none; }
	html .form-element-html span.main-label span.formfielderror { display: none !important; }
	html .form-element-html span.main-label span.formfielderror.formfielderrorfr.formfielderrorfr { display: none !important; }

	html .formcraft-css .fc-form .form-element.error-field .form-element-html select, 
	html .formcraft-css .fc-form .form-element.error-field .form-element-html input[type=text],
	html .formcraft-css .fc-form .form-element.error-field .field-cover textarea {
		border: #E03239 1px solid !important;
		background-color: #FFF8F8 !important;
	}
	
	/* required notice */
	html .formcraft-css .fc-form .form-element.error-field .form-element-html:after { 
		content: "* Required";
		font-family: Open Sans;
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 23px;
		color: #E03239;
		margin-top: 11px;
		display: block;
	}

	/* required notice FR */
	html:lang(fr-CA) .formcraft-css .fc-form .form-element.error-field .form-element-html:after { 
		content: "* Champ Obligatoire";
	}





/* Contact Us */
html a.nectar-button.large.see-through-2.ccpv2-telbtn, .ccpv2-telbtn { border-radius: 6px !important; background: #2D2D2D !important; color: #FFF !important; border: none !important; transform: none !important; box-shadow: none !important; font-weight: 700 !important; font-size: 14px !important; margin-top: 30px !important; }
.ccpv2-telbtn span { font-weight: 700 !important; font-size: 14px !important; }
html a.nectar-button.large.see-through-2.ccpv2-telbtn:hover, .ccpv2-telbtn:hover { background:#E03239 !important; }
.ccpv2-telbtn:before { content: '\f095'; font-family: 'FontAwesome'; margin-right: 10px; color: #747474; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); display: inline-block; } 
.ccpv2-telbtn:hover::before { color: #FFF; }

/*html .formcraft-css .fc-form .form-page-content { padding: 0 !important; }*/

.page-id-4846 .cppv2_sticky .iwithtext { padding: 33px; background:#FCF0F1; border-radius: 10px;}
.page-id-4846 .cppv2_sticky .iwithtext .iwt-icon { left: 33px; top: 30px; font-size: 20px !important; }
.page-id-4846 .cppv2_sticky .iwithtext .iwt-icon i { font-size: 20px !important; }
.page-id-4846 .cppv2_sticky .iwithtext .iwt-text { padding-left: 40px !important; }

.cppv2_sticky .greybox { padding: 33px; background-color: #f8f8f8 !important; border-radius: 10px;}

.officelocation { padding-left: 30px; position: relative; }
.officelocation:before { content: '\f041'; font-family: 'FontAwesome'; font-size: 26px; position: absolute; top:0; left: 0; color: #000; }
.row .col .officelocation h5, body .officelocation h5, .officelocation h5 { text-align: left !important; margin-bottom: 15px; }
.cppv2-left { text-align: left !important; }

/* Contact Us FR */
.page-id-4940 .cppv2_sticky .iwithtext { padding: 33px; background:#FCF0F1; border-radius: 10px;}
.page-id-4940 .cppv2_sticky .iwithtext .iwt-icon { left: 33px; top: 30px; font-size: 20px !important; }
.page-id-4940 .cppv2_sticky .iwithtext .iwt-icon i { font-size: 20px !important; }
.page-id-4940 .cppv2_sticky .iwithtext .iwt-text { padding-left: 40px !important; }


@media only screen and (max-width: 768px) {

	.page-id-4846 .cppv2_sticky .iwithtext .iwt-icon { display: none !important; }
	.page-id-4940 .cppv2_sticky .iwithtext .iwt-icon { display: none !important; }

	.page-id-4846 .cppv2_sticky .iwithtext .iwt-text { padding-left: 0 !important; }
	.page-id-4940 .cppv2_sticky .iwithtext .iwt-text { padding-left: 0 !important; }
}
