/*
Theme Name: Ombudsman (CPC / BB Child Theme)
Theme URI: https://www.innovapost.com
Version: 1.0
Description: The base child theme for Beaver Builder for CPC Ombudsman website
Author: Jamie Oastler
Author URI: https://www.innovapost.com
template: bb-theme
*/
/* Beaver Builder Styles */
footer .textwidget {
color: #999999;
}
.fl-page-nav .navbar-nav a {
font-family: "Open Sans", sans-serif;
}
.fl-page-header .fl-page-nav .navbar-nav li > a {
padding: 15px 24px;
}
.fl-page-header .fl-page-header-logo {
padding-left: 28px !important;
}
.fl-builder-content .fl-photo-content {
max-width: max-content;
}
/* FORM - General Design */
.page-template-page-form .fl-page-content {
background: rgba(237, 237, 237, 0.5);
}
.page-template-page-form .gform_body,
.page-template-page-form .gf_page_steps {
background: white;
}
.gform_wrapper .gform_body .gform_page_fields {
max-width: 95%;
margin: 0 20px;
}
.gform_wrapper .gform_body .gform_page_footer {
max-width: 95%;
margin: 14px auto;
border-top: none;
min-height: 50px;
}
.gform_wrapper .gform_body {
padding: 10px;
}
.gform_wrapper a.map-it-link {
display: none;
}
.gform_confirmation_message {
max-width: 95%;
margin: 0 auto;
}
.gform_wrapper .gfield_error {
padding-left: 10px;
}
.gform_wrapper .gfield_required {
display: none;
}
.gform_wrapper .description,
.gform_wrapper .gfield_description {
font-size: 16px !important;
font-family: "Open Sans", sans-serif;
}
.gform_wrapper .large-title .gfield_label {
font-size: 32px;
font-style: normal;
font-weight: 500;
font-family: "Roboto Serif", sans-serif;
color: #2043cf;
}
.page-template-page-form .gform_wrapper li.gfield.gfield_error {
background-color: #ffffff;
border: none;
}
.page-template-page-form .gform_wrapper .gfield_error .gfield_label {
color: inherit;
}
.page-template-page-form .gform_wrapper .gf_hide_field_title .gfield_label {
display: none;
}
.page-template-page-form .gform_wrapper .gf_hide_field_title label {
font-size: 14px;
}
.fl-module-content hr,
hr {
border-top: 2px solid #d1d2e6;
width: 32px;
margin: 15px 0;
display: block;
}
#gform_confirmation_wrapper_1 {
background: #fff;
padding: 20px;
margin-top: 0px;
padding-top: 0px;
}
body .gform_wrapper ul li.gfield {
margin-bottom: 25px;
}
/* FORM - Page Steps */
.gform_wrapper #gf_page_steps_1 {
height: 55px;
}
/* FORM - Pagination + Buttons */
.gform_wrapper .gform_button,
.gform_wrapper .gform_button:hover,
.gform_wrapper .gform_button:visited,
.gform_wrapper .gform_button:active,
.gform_wrapper .gform_button:focus,
.gform_wrapper .gform_next_button,
.gform_drop_area button,
.gform_wrapper .gform_next_button:hover,
.gform_wrapper .gform_next_button:visited,
.gform_wrapper .gform_next_button:active,
.gform_wrapper .gform_next_button:focus {
background: #fff !important;
color: #2043cf !important;
border: 0px !important;
float: left;
border-radius: 4px;
border: 3px solid #2043cf !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 12px 24px !important;
margin-bottom: 10px;
font-family: "Open Sans";
font-weight: 600;
}
.gform_drop_area button {
float: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus {
outline: 1px solid black !important;
}
.gform_wrapper .gform_button:hover,
.gform_wrapper .gform_button:active,
.gform_wrapper .gform_button:focus,
.gform_wrapper .gform_next_button:hover,
.gform_wrapper .gform_next_button:active,
.gform_wrapper .gform_next_button:focus,
.gform_drop_area button:focus,
.gform_drop_area button:hover {
text-decoration: underline !important;
outline: 4px solid black;
outline-offset: -5px;
}
.gform_wrapper .gform_previous_button,
.gform_wrapper .gform_previous_button:hover,
.gform_wrapper .gform_previous_button:visited,
.gform_wrapper .gform_previous_button:active,
.gform_wrapper .gform_previous_button:focus {
background: #fff !important;
color: #2043cf !important;
border: 3px solid #2043cf !important;
border-radius: 4px;
-moz-border-radius: 4x;
-webkit-border-radius: 4px;
padding: 12px 24px;
margin-bottom: 10px;
font-weight: 600;
}
.gform_wrapper .gform_previous_button:hover,
.gform_wrapper .gform_previous_button:active,
.gform_wrapper .gform_previous_button:focus {
text-decoration: underline !important;
outline: 4px solid black;
outline-offset: -5px;
}
.gform_wrapper .gform_save_link {
font-weight: 600;
}
.gform_wrapper .gform_last_page_button {
background: #ededed;
color: #666666;
border: 1px solid #999999;
}
.gform_wrapper #gform_submit_button_1 {
float: left;
}
.gform_wrapper #gform_submit_button_2 {
background: #fff;
color: #009fa6;
border: 1px solid #009fa6;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 12px 24px;
}
.fl-page-content .gform_wrapper .gf_page_steps {
border-bottom: none;
text-align: center;
margin-bottom: 16px;
padding: 20px 0;
}
.gform_wrapper .gf_page_steps .gf_step {
padding-top: 25px;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
margin: 10px 0 0 0;
padding: 28px 16px 16px;
width: 200px;
}
.gform_wrapper ul li.cpc_summary .edit-link img {
display: inline-block;
margin-right: 3px;
}
.gform_wrapper .field-review {
margin-bottom: 20px;
}
/* Form - Specific Element Enhancements */
#gform_wrapper_1 .gform_body {
max-width: 1000px;
margin: 0 auto;
}
.gform_wrapper #input_1_4 img {
float: left;
margin-right: 5px;
}
body .gform_wrapper ul li.gf_right_half.cpc_context_info {
padding-left: 20px;
border-left: 1px solid #999999;
margin-top: 75px;
}
.gf_right_half.cpc_context_info h3 {
margin-top: 0px;
}
.gform_wrapper ul li.cpc_subject img,
.gform_wrapper ul li.cpc_summary img {
display: none;
}
.gform_wrapper .warning-info {
background-image: url("icons/warning.png");
background-color: #ffefc0;
background-position: 5px center;
background-repeat: no-repeat;
padding: 2em 2em 2em 2em;
}
#gform_wrapper_2 .gform_body {
padding-left: 0px;
}
.gform_wrapper .top_label .gfield_label {
width: 100%;
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper
li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: none !important;
max-width: calc(100% - 2px);
border: none;
}
#gform_wrapper_2 .gfield_error .gfield_label {
color: inherit;
}
/* Design Support */
/* Apply to Row */
#offset-background-twocol {
background: -webkit-linear-gradient(left, white 20%, #f8fafd 20%);
background: -moz-linear-gradient(left, white 20%, #f8fafd 20%);
background: -ms-linear-gradient(left, white 20%, #f8fafd 20%);
background: -o-linear-gradient(left, white 20%, #f8fafd 20%);
}
#wpml-continue {
width: 100%;
}
#wpml-continue td {
padding: 10px;
}
.cannot-find-error {
display: inline-block;
font-weight: 400;
font-family: "Open Sans";
}
input:not([type="radio"]):not([type="submit"]):not([type="button"]):not(
[type="image"]
):not([type="file"])
+ label.gform-field-label,
.gform_legacy_markup_wrapper
.field_sublabel_above
.ginput_complex.ginput_container
label {
font-weight: 400;
font-family: "Open Sans";
font-size: 16px;
}
.not_found_container {
margin-bottom: 0;
margin-top: 10px;
text-align: left;
}
/* Responsive Overrides */
@media only screen and (min-width: 768px) {
.fl-page-header-primary .fl-logo-img {
max-width: 219px;
}
#gform_wrapper_1 .gform_body.thin {
max-width: 695px;
}
}
@media only screen and (min-width: 992px) {
.fl-page-header-primary .fl-logo-img {
max-width: 219px;
}
.ombudsman_logo .fl-photo {
max-width: 220px;
}
}
@media (max-width: 768px) {
.fl-page-header-wrap .fl-page-nav-collapse ul.navbar-nav {
width: 400px;
margin: 0 auto;
}
.fl-page-header-wrap .fl-page-nav-collapse ul.navbar-nav > li {
border: none;
float: left;
width: 200px;
text-align: center;
}
.fl-page-header .fl-page-header-logo {
padding-left: 0 !important;
}
footer .fl-icon {
display: none;
}
/* Use fullwidth background for mobile-width */
#offset-background-twocol {
background: #f8fafd;
}
}
/* Appeal search button margin fix */
#gform_2 > div.gform_footer.top_label {
margin: 0;
padding: 0;
}
/* Beaver Builder Upgrade Adjustments */
.fl-node-5b16bc6bc91b9 .fl-col-content.fl-node-content,
.fl-node-5eea7212caa4a .fl-col-content.fl-node-content {
height: 100%;
}
.fl-module.fl-module-rich-text.fl-node-5b181810afea4 .fl-rich-text {
padding-top: 0px;
}
.fl-col-group-equal-height {
align-items: center;
}
.fl-col-group-equal-height .fl-col,
.fl-col-group-equal-height .fl-col-content {
align-self: stretch;
}
footer .fl-col-group-equal-height .fl-col,
.fl-col-group-equal-height .fl-col-content {
align-self: center;
}
.ot-sdk-columns * {
font-size: 1.3rem !important;
font-family: "Open Sans", sans-serif !important;
}
.otPcCenter * {
font-size: 1.3rem !important;
font-family: "Open Sans", sans-serif !important;
}
/**************************OMBUDSMAN REDESIGN************************/
.fas.fa-phoneno:before {
content: url('data:image/svg+xml,');
}
.fas.fa-faxno:before {
content: url('data:image/svg+xml,');
}
.fas.fa-map-location:before {
content: url('data:image/svg+xml,');
}
div#check-status-widget .gform_confirmation_wrapper p:first-child:before {
content: url('data:image/svg+xml,');
position: absolute;
margin-left: -35px;
}
.appeal-confirmation .title:before {
content: url('data:image/svg+xml,');
padding-right: 10px;
position: absolute;
margin-left: -35px;
}
.appeal-confirmation .title.error:before {
content: url('data:image/svg+xml,');
padding-right: 10px;
position: absolute;
margin-left: -35px;
}
html[lang="en-CA"]
.addressComplete
.ginput_address_line_1.gform-grid-col:before {
content: url('data:image/svg+xml,');
float: right;
}
html[lang="fr-CA"]
.addressComplete
.ginput_address_line_1.gform-grid-col:before {
content: url('data:image/svg+xml,');
float: right;
}
.lock-icon {
content: url('data:image/svg+xml,');
}
.fa-times:before {
content: url('data:image/svg+xml,') !important;
}
/******************* BASE STYLE OVERRIDES TO ACCOMODATE FOR VISUAL THEME*******************/
* {
color: #222;
}
label {
font-family: "Open sans";
}
a {
&:focus {
outline-offset: 2px !important;
}
&:hover {
text-decoration: underline;
}
& span:hover {
text-decoration: underline;
}
}
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: 0px !important;
}
input[type="radio"] {
margin-left: 3px !important;
&:focus {
outline-offset: 2px !important;
}
}
h1 {
color: #222 !important;
font: 44px "Roboto Serif" !important;
font-weight: 300 !important;
line-height: 56px !important;
}
h2 {
color: #2043cf !important;
font-weight: 500 !important;
}
h2:not(.gform_submission_error) {
font-size: 32px !important;
line-height: 40px !important;
}
h3 {
font-size: 28px !important;
line-height: 36px !important;
}
h4 {
font-size: 24px !important;
line-height: 32px !important;
}
h5 {
font-size: 20px !important;
line-height: 28px !important;
}
h6 {
font-size: 16px !important;
line-height: 24px !important;
}
h2,
h3,
h4,
h5,
h6 {
color: #2043cf !important;
font-family: "Roboto Serif" !important;
}
/******************************************************************************************/
/*****************************Helper classes**************************/
.mt-76 {
margin-top: 76px !important;
}
.pt-40 {
padding-top: 40px !important;
}
.pb-40 {
padding-bottom: 40px !important;
}
.bb-D1D2E6 {
border-bottom: 1px solid #d1d2e6;
}
.pt-55 {
padding-top: 55px !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
a.fl-screen-reader-text:focus {
position: absolute;
top: 1%;
z-index: 2;
padding: 20px;
left: 44%;
background: white;
border: 2px solid black;
}
div.ginput_preview {
& span {
padding-right: 20px;
}
}
/*******************************************************************************/
/****************************************************************************/
/************************MODAL POPUP SECTION*********************************/
/****************************************************************************/
body.homepagemodal-body-modal-open {
overflow: hidden;
}
.homepagemodal-modal-trigger a:focus,
.homepagemodal-modal-trigger span:focus {
outline: 2px solid black;
}
.homepagemodal-hiddenspanstart {
width: 1px;
height: 1px;
display: block;
position: absolute;
outline: none !important;
}
.homepagemodal-modal-cover {
background: rgba(51, 51, 51, 0.85);
opacity: 0;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
transition: opacity 0.25s ease;
visibility: hidden;
}
.dialog-label {
outline: none;
}
.homepagemodal-modal-cover.homepagemodal-modal-cover-open {
display: block;
opacity: 0.75;
visibility: visible;
}
.homepagemodal-modal-dialog {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: flex;
border: 0;
opacity: 0;
transition: opacity 0.25s ease;
visibility: hidden;
height: fit-content;
z-index: 999;
}
.homepagemodal-modal-large {
max-width: 778px;
}
.homepagemodal-modal-medium {
max-width: 568px;
}
.homepagemodal-modal-small {
max-width: 368px;
}
.homepagemodal-modal-dialog.homepagemodal-modal-open {
align-items: center;
opacity: 1;
visibility: visible;
}
.homepagemodal-modal-dialog-content {
background: white;
padding: 48px;
position: relative;
width: 100%;
border-radius: 4px;
max-width: 600px;
margin: auto;
}
.homepagemodal-modal-dialog-content h2,
.homepagemodal-modal-dialog-content h3 {
margin-top: 0px;
& :focus-visible {
outline: 0;
}
& :focus {
outline: 0;
}
}
.homepagemodal-modal-dialog-content h2:focus-visible {
outline: 0;
}
.homepagemodal-modal-close {
float: right;
z-index: 210;
text-indent: -9999px;
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>')
50% 50% no-repeat transparent !important;
border: none;
outline-offset: 3px;
cursor: pointer;
margin-right: -2rem;
margin-top: -2rem;
}
.homepagemodal-appeal-trigger,
.homepagemodal-appeal-trigger-appeal {
margin-right: 24px;
background-color: #2043cf !important;
@media only screen and (max-width: 480px) {
text-align: center;
width: 100%;
}
& span {
color: white;
font-weight: 600 !important;
}
& span:hover {
text-decoration: underline !important;
}
& a:hover {
text-decoration: underline !important;
}
}
#homepagemodal-btn-group {
display: flex;
@media only screen and (max-width: 480px) {
display: block;
}
& .fl-button-wrap.fl-button-width-auto.fl-button-left {
@media only screen and (max-width: 480px) {
margin-bottom: 24px;
}
}
}
/*********************************************************************/
.intro-background-large {
display: block;
}
.intro-background-medium {
display: none;
}
.intro-background-small {
display: none;
margin-left: 16px;
}
a.fl-screen-reader-text {
color: #2043cf !important;
outline-offset: 0px !important;
}
.gform_wrapper .gform_page_footer .button.gform_previous_button {
order: 2;
}
a.inline-a {
color: #2043cf !important;
text-decoration: underline !important;
&.chev:after {
content: url('data:image/svg+xml,');
position: absolute;
padding-top: 4px;
}
&.chev-w:after {
content: url('data:image/svg+xml,');
position: absolute;
padding-top: 4px;
}
&.chev.standalone {
font-weight: 500;
/* text-decoration: none !important; */
&:hover {
text-decoration: underline !important;
}
&:focus {
text-decoration: underline !important;
}
&.pdf:after {
content: url('data:image/svg+xml,');
padding-left: 5px;
position: absolute;
margin-top: -2px;
}
}
}
div#radio-description li {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
div#radio-description-1 li,
div#radio-description-2 li,
div#radio-description-3 li,
div#radio-description-4 li,
div#radio-description-5 li,
div#radio-description-6 li {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.paragraph-with-image-description {
margin-left: 0 !important;
}
#appeal-form-submission {
padding-top: 200px;
margin-right: 0;
& .gform_legacy_markup_wrapper .gform_page_footer input[type="submit"] {
margin-right: 40px !important;
}
& .gform_wrapper #gform_submit_button_1,
& .gform_wrapper .gform_next_button {
background-color: #2043cf !important;
color: #ffffff !important;
}
& .gform_body .form-cpc-icon li {
height: auto !important;
}
& .gform_wrapper .warning-info.warning-list {
background-image: url('data:image/svg+xml,');
background-color: #fff5ec;
background-position-y: 28px;
background-repeat: no-repeat;
padding: 24px 2em 2em 4em;
background-position-x: 32px;
box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}
}
.radio-list-general-subject li.gchoice {
padding-top: 40px !important;
border-top: 1px solid #d1d2e6;
}
.radio-list-general-subject li.gchoice:last-child {
border-bottom: 1px solid #d1d2e6;
}
.gf_page_steps {
display: none;
}
.gform_last_page_button {
display: none;
}
#ui-datepicker-div {
font-size: 12px;
}
.hidedescription,
.showdescription {
color: #2043cf !important;
}
/**********CHEVRON***************/
.cpc-nav--primary-chevron-down,
.cpc-nav--primary-chevron-up {
position: absolute;
border: solid #2043cf;
border-width: 0 2px 2px 0;
display: inline !important;
padding: 3px;
margin-left: 6px;
}
.cpc-nav--primary-chevron-down {
margin-top: 8px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.cpc-nav--primary-chevron-up {
margin-top: 4px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
/***********************************/
body .gform_legacy_markup_wrapper img.ui-datepicker-trigger {
display: inline;
position: absolute;
top: 12px;
left: calc(98% - 20px);
}
div.ginput_container_date {
position: relative !important;
}
.menu.fl-menu-vertical li:not(:last-child) {
border-color: transparent !important;
}
.fl-menu {
& a:hover {
text-decoration: underline !important;
}
& .fl-menu-mobile-toggle.text {
background: transparent;
}
}
.fl-menu-mobile-flyout .menu li {
text-align: left !important;
border-left: 0;
}
button.fl-menu-mobile-close {
padding: 6px 10px 6px 10px !important;
margin: 3px;
margin-top: 5px;
float: left !important;
&:focus {
outline: 2px solid black;
}
}
.as-h3 {
color: #2043cf;
font-family: Roboto Serif;
font-size: 28px;
font-style: normal;
font-weight: 500;
}
.as-h2 {
color: #2043cf;
font-family: Roboto Serif;
font-size: 28px;
font-style: normal;
font-weight: 500;
}
.date-picker-css {
width: fit-content;
}
.single-paragraph-description {
margin-left: 0px !important;
& .fl-col-small {
width: 100% !important;
}
}
html[lang="fr-CA"] .single-paragraph-description {
&.d-r-a {
margin-top: 65px;
& .fl-row-content-wrap {
margin-bottom: 0;
}
}
}
.dimensions-of-fairness {
float: right;
position: absolute;
right: 0;
top: 3vw;
left: 51vw;
max-height: 480px;
}
.dimensions-of-fairness-m {
display: none;
}
.form-status-check .gform-body {
padding-bottom: 24px;
}
.fl-appeal-process {
display: flex;
& .section {
flex: 1;
padding-right: 32px;
}
}
.fl-appeal-process-row {
margin-left: 0px !important;
}
.fl-appeal-process-step {
background-color: #4a4e69;
color: white;
width: fit-content;
margin-bottom: 22px;
padding: 4px 11px;
border-radius: 4px;
}
.fl-appeal-process-column h3 {
font-family: "Roboto Serif";
font-size: 20px !important;
color: #222 !important;
font-weight: 600;
}
header {
&.fl-builder-content {
& .fl-row-content-wrap {
border-bottom: 0px;
}
& .fl-row-content {
&.fl-row-full-width.fl-node-content {
max-width: 1200px;
margin-left: 0px;
}
}
}
}
.intro-subsection-p-last {
padding-bottom: 24px;
font-size: 16px;
color: #fff;
}
a.fl-button:hover,
.fl-builder-content a.fl-button:hover {
-webkit-box-shadow: 0px 0px 0px 4px #fff;
-moz-box-shadow: 0px 0px 0px 4px #fff;
box-shadow: 0px 0px 0px 4px #fff;
}
ul#menu-primary {
width: max-content;
li a {
padding-right: 20px;
padding-left: 20px;
}
li:nth-last-child(2) {
padding-right: 20px;
}
li:last-child {
padding-left: 16px;
border-left: 1px solid grey;
}
li a {
padding-top: 4px;
padding-bottom: 4px;
}
}
.pp-photo-container a:focus {
border: 2px solid black;
border-radius: 4px;
}
#desktop-menu-logo {
width: 180px;
& .fl-module-content.fl-node-content {
margin-left: 0px;
}
}
.intro-container {
display: grid;
min-height: 700px;
&.privacy-policy {
min-height: 700px;
}
& .intro-background-large {
grid-column: 1;
grid-row: 1;
}
& .intro-background-medium {
grid-column: 1;
grid-row: 1;
}
& .intro-background-small {
grid-column: 1;
grid-row: 1;
}
& .intro-heading {
grid-column: 1;
grid-row: 1;
width: auto;
padding: 34px 48px;
height: 320px;
z-index: 1;
color: #222;
&.filemyappeal {
z-index: 0;
}
&.privacy-policy {
height: 200px;
max-width: 60%;
}
& .privacy-policy {
height: 200px;
width: unset;
}
}
& .intro-main-section {
grid-column: 1;
background-color: #2043cf;
border-radius: 0 30px 0 30px;
color: #fff;
position: absolute;
bottom: 0;
left: -150px;
padding: 56px 56px 56px 200px;
& h2 {
color: #fff !important;
}
&.homepage {
bottom: 0;
}
&.about-ombudsman {
background-color: #4a4e69;
}
&.privacy-policy {
background-color: #4a4e69;
bottom: unset;
top: 180px;
max-width: 1040px;
& .intro-subsection {
max-width: 790px;
height: auto;
max-width: max-content;
}
}
}
& .intro-subsection {
max-width: 520px;
height: 302px;
& p:last-child {
padding-bottom: 22px;
}
&.about-ombudsman {
max-width: 680px;
height: auto;
}
}
}
html[lang="fr-CA"] .intro-container {
&.privacy-policy {
min-height: 870px;
}
&.about-ombudsman {
min-height: 735px;
}
& .intro-subsection {
&.privacy-policy {
max-width: 750px;
}
}
& .intro-main-section {
&.privacy-policy {
bottom: unset;
top: 310px;
max-width: 1060px;
}
}
}
.intro-heading {
& h1 {
color: blue;
}
& p {
font: 600 44px "Roboto Serif";
}
&.homepage {
& h1 {
width: 75%;
}
}
}
div#check-status-widget {
padding-left: 65px;
border-left: 1px solid #d1d2e6;
& .gform_legacy_markup_wrapper .top_label input.medium,
& .gform_legacy_markup_wrapper .top_label select.medium {
width: calc(70% - 8px) !important;
}
& .gform_confirmation_wrapper a {
text-decoration: underline !important;
color: #2043cf !important;
}
& .gform_legacy_markup_wrapper div.validation_error {
margin-left: 0px;
}
& .gform_confirmation_wrapper {
background: var(--Utility-sucess-bckgr, #edf9ec);
border-radius: 0px 8px;
box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
padding: 32px 24px 32px 56px;
& p:first-child {
color: var(--Text, #222);
font-family: "Roboto Serif";
font-size: 20px;
font-style: normal;
font-weight: 600;
letter-spacing: -0.2px;
line-height: normal;
}
}
& .gform_wrapper.gravity-theme .gfield_label {
font-weight: 500;
}
& label.gfield_label.gform-field-label {
font: 16px "Open Sans" !important;
margin: 0;
}
& input[type="text"] {
border: 1px solid #4a4e69;
color: #727272;
}
}
.menu-item {
& a {
color: black !important;
}
}
.div-dof {
position: absolute;
}
.div-dof-p {
padding: 40px 0px;
border-top: 1px solid #d1d2e6;
border-bottom: 1px solid #d1d2e6;
margin: 96px 0 96px 0;
& div {
background-color: #e8f7f9;
padding: 40px 24vw 40px 40px;
width: 80%;
}
}
.submit-my-appeal-button a {
background-color: white !important;
border: 1px solid #2043cf !important;
& span {
color: #2043cf !important;
font-weight: 600;
}
}
.ombudsman-resposibility {
padding-right: 15px;
margin-right: 0;
border-right: 0px solid grey;
height: 380px;
}
#fl-to-top {
background-color: #222222 !important;
& span {
background-color: #222222 !important;
}
}
/**Override focus style for accessibility**/
.fl-row-ombudsman-widget {
margin: 0px;
margin-bottom: 40px;
& .fl-row-content-wrap {
background-color: white !important;
padding-left: 40px !important;
}
& .fl-row-content-wrap h2 {
color: #2043cf;
}
}
.inner-4 {
grid-column: 1;
grid-row: 1;
}
.mobile-menu-button {
margin-left: 14px;
}
.fl-content-footer-section-1 {
margin-top: 30px;
display: flex;
flex-direction: row;
margin: 0 auto;
& a {
color: #ffffff !important;
}
& .fl-row-1 {
width: 100%;
}
& .fl-row-sec-1 a {
margin-left: 32px;
}
& .fl-row-sec-1 {
width: 50%;
border-right: 1px solid white;
border-bottom: 1px solid white;
}
& .fl-row-sec-2 {
padding-left: 40px;
width: 100%;
display: flex;
flex-direction: row;
margin: 0 auto;
padding-bottom: 10px;
border-right: 0;
border-bottom: 1px solid white;
}
}
img.gform_delete {
width: auto;
height: 20px;
margin-top: -5px;
}
.validation_error {
&.emailwidget {
margin-left: 0 !important;
}
}
.gfield_fileupload_progressbar_progress,
.gfield_fileupload_progressbar {
padding-right: 0 !important;
}
.ginput_preview_list {
& div {
padding-top: 5px;
padding-bottom: 5px;
}
}
.fl-content-footer-section-2 {
& span {
color: #ffffff !important;
}
& .fl-row-1 {
width: 50%;
}
}
.fl-row-2 .fl-icon-wrap {
padding-right: 40px;
}
.footer-fl-row-2-sec-2 {
width: auto;
}
footer {
& .fl-photo-img-svg {
float: right;
width: auto;
}
& .fl-module-content {
margin-left: 10px;
margin-top: 0px !important;
}
& .fl-row-content-wrap {
padding-top: 30px !important;
padding-bottom: 0px !important;
}
& .fl-row-content-wrap .fl-icon {
padding-top: 3px;
vertical-align: top;
}
}
div#mobile-menu-lang-toggle li:not(:last-child) {
display: none;
}
.paragraph-with-image-description h2 {
margin-top: 0 !important;
}
.show-description-tag {
display: block;
}
.info-section-block {
display: none;
}
.showdescription {
width: max-content;
}
.appeal-confirmation {
background-color: #edf9ec;
padding: 32px 24px;
border-radius: 5px;
box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}
.appeal-confirmation p {
margin-left: 30px;
}
.appeal-confirmation .title {
font-family: "Roboto Serif";
font-size: 20px !important;
font-style: normal;
font-weight: 600;
margin-bottom: 16px;
border: 0px;
margin-left: 30px;
}
.appeal-confirmation-2 h3 {
font-family: "Roboto Serif";
font-size: 28px !important;
font-style: normal;
font-weight: 600;
margin: 0;
margin-bottom: 16px;
border: 0px;
}
.appeal-confirmation-2 h4 {
font-family: "Roboto Serif";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px;
margin: 0;
}
.appeal-confirmation-2 p:not(:last-child) {
padding-bottom: 24px;
}
.ombudsman_logo .fl-col-content.fl-node-content {
align-items: unset !important;
}
.menu > li.current-menu-item > a {
color: #222222 !important;
font-weight: 600 !important;
}
.latest-news {
padding-top: 0px !important;
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.latest-news h2 {
padding-top: 0px !important;
margin-top: 0px !important;
}
.latest-news h2 {
margin-top: 0px;
}
#appeal-form-submission {
& .fl-row-content-wrap {
margin-bottom: 0;
}
}
#appeal-form-submission .fl-row-content-wrap {
display: none;
}
.file-my-appeal-form-steps {
margin-bottom: 64px !important;
}
.paragraph-with-image-description {
&.customer-file .fl-col-small {
width: 50% !important;
}
& p {
max-width: 730px;
}
& .fl-col-small {
width: 100% !important;
}
}
html[lang="fr-CA"] .ginput_address_country label {
font-weight: 400 !important;
margin-top: -4px !important;
}
.en-appeal-link,
.fr-appeal-link {
& p:last-child {
padding-top: 16px;
}
}
/************************************************************************/
/*********************TABLET AND MEDIUM DEVICES**************************/
/************************************************************************/
@media only screen and (min-width: 641px) and (max-width: 64em) {
.fl-menu .fl-menu-mobile-toggle.text {
width: auto;
}
.latest-news {
padding-bottom: 96px;
}
.ombudsman-resposibility {
border: 0px;
border-bottom: 1px solid #d1d2e6;
height: auto;
padding-bottom: 55px;
}
.ombudsman-resposibility h2,
#check-status-widget h2 {
margin-top: 10px;
}
#check-status-widget {
margin-top: 45px;
padding-left: 0px;
border-left: 0;
}
.form-status-check {
input[type="text"] {
width: 70% !important;
}
}
.paragraph-with-image-description {
& .fl-col-content.fl-node-content {
width: 80% !important;
}
& p:last-child {
margin-bottom: 0 !important;
}
& .fl-row-content-wrap {
padding-bottom: 0 !important;
}
}
p {
font-size: 16px !important;
}
body {
font-size: 16px !important;
line-height: 1.45;
}
div#check-status-widget {
padding-left: 0;
border-left: 0;
& div.fl-module-content.fl-node-content {
margin-left: 0 !important;
margin-right: 0 !important;
}
& .gform_legacy_markup_wrapper .top_label input.medium,
& .gform_legacy_markup_wrapper .top_label select.medium {
width: 100% !important;
}
}
.paragraph-with-image-description .fl-col-small,
.single-paragraph-description .fl-col-small {
padding-left: 20px !important;
padding-right: 20px !important;
}
.n-a-c.fl-col-small:not(.fl-col-small-full-width) {
padding-top: 64px;
}
.single-paragraph-description .fl-row-content-wrap {
margin-left: 0 !important;
margin-right: 0 !important;
}
.paragraph-with-image-description {
& .file-description {
margin-top: 16px !important;
padding-right: 0;
}
}
.div-dof-p {
margin: 64px 0 0px 0 !important;
}
.mobile-logo-en {
display: none;
}
.tablet-logo-en {
display: block;
}
.fl-appeal-process-row {
padding-left: 24px;
padding-right: 24px;
& h2 {
width: 80%;
}
& p.ombudsman-appeal-p {
width: 80%;
margin-bottom: 24px;
}
& .fl-row-content-wrap {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-left: 0;
}
}
.fl-appeal-process-column {
& p {
margin-bottom: 32px;
}
& h3 {
margin-top: 16px;
}
}
.fl-appeal-process-step {
margin-bottom: 16px;
}
/*******************************HOME PAGE WIDGET STYLE ********************************/
.fl-row-ombudsman-widget .fl-row-content-wrap {
padding-left: 40px !important;
padding-right: 20px !important;
display: block;
}
.fl-row-ombudsman-widget .fl-row-content-wrap .fl-col {
width: 100% !important;
float: left;
margin-left: 0;
max-width: unset !important;
}
.fl-row-ombudsman-widget {
margin-left: 0 !important;
margin-right: 0 !important;
width: 80%;
}
/*************************************************************************************/
/*******************************APPEAL PROCESS SECTION********************************/
html[lang="fr-CA"] .single-paragraph-description {
&.n-a-c,
&.o-a-c,
&.d-r-a {
margin-top: 64px !important;
margin-left: 24px !important;
}
&.d-r-a .fl-row-content-wrap {
margin-bottom: 0;
}
}
.fl-row-ombudsman-widget div.fl-row-content-wrap:first-child {
margin-top: 0;
padding-top: 0;
padding-left: 24px !important;
}
.fl-appeal-process {
padding-left: 20px;
padding-right: 20px;
max-width: 80%;
display: block;
position: relative;
}
.fl-appeal-process-row h2 {
font-size: 32px;
padding-top: 0;
margin-top: 0;
}
.fl-appeal-process-column {
border-top: 0px;
}
.fl-appeal-process-step:before {
content: " \007C"/ "";
position: absolute;
color: blue;
font-size: 10px;
transform: rotate(90deg);
margin-left: -28px;
}
.file-my-appeal-form-steps {
margin-bottom: 64px !important;
}
.v-border {
border-left: 1px dashed blue;
position: absolute;
top: 10px;
bottom: 21%;
left: 0px;
}
.fl-content-footer-section-1 {
& .fl-row-sec-2 {
display: table;
}
& .fl-row-sec-1 {
display: table;
}
& .fl-row-sec-1 a {
display: block;
margin: 0px 0px 24px 32px;
width: fit-content;
color: var(--White, #fff);
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.16px;
}
& .fl-icon {
display: table-cell;
}
}
.fl-row-sec-1 .fl-row-1 {
width: 100%;
}
.fl-row-sec-2 .fl-row-2 {
width: 50%;
}
.footer-fl-row-2-sec-2 {
display: none;
}
.fl-row-2 .fl-icon-wrap {
padding: 0px 40px 24px 0px;
}
#fl-canadatm-logo {
width: auto !important;
padding-top: 20px;
padding-right: 20px;
}
.footer-fl-row-2-sec-2 {
display: none !important;
}
#footer-fl-row-2-sec-1 {
width: auto !important;
}
.single-paragraph-description .fl-col-small:not(.fl-col-small-full-width),
.paragraph-with-image-description
.fl-col-small:not(.fl-col-small-full-width) {
max-width: unset;
margin-top: 64px !important;
}
.single-paragraph-description
.customer-file
.fl-col-small:not(.fl-col-small-full-width),
.paragraph-with-image-description
.fl-col-small:not(.fl-col-small-full-width):last-child {
max-width: unset;
margin-top: 0px !important;
}
.single-paragraph-description {
& h2 {
margin-top: 0 !important;
}
& p {
max-width: 80%;
}
& .fl-row-content-wrap {
margin-top: 0px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.paragraph-with-image-description .fl-row-content-wrap {
margin-top: 0px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.latest-news {
padding-top: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/****************************************************************************/
/*********************************MOBILE MENU STYLES**************************/
.mobile-menu-container .fl-row-content-wrap {
padding-bottom: 10px !important;
}
a {
font-size: 16px !important;
}
.mobile-menu-button {
max-width: 100px;
}
.fl-menu-mobile-toggle:focus {
border: 2px solid #222222 !important;
}
.mobile-menu-button ul {
max-width: 100%;
background-color: white;
}
.fl-menu-responsive-toggle-medium-mobile {
min-width: 120px;
}
.fl-menu .fl-menu-mobile-toggle.text {
width: auto;
margin-left: -5vw;
}
.mobile-menu-container
.fl-row-content-wrap
.fl-col-group:not(.fl-col-group-nested) {
display: flex;
flex-direction: row;
}
.mobile-menu-container .fl-row-content-wrap .fl-col-group .fl-col {
flex-basis: 33%;
flex-grow: 0;
}
.mobile-menu-container
.fl-row-content-wrap
.fl-col-group
.fl-col:nth-child(2) {
flex-basis: auto;
flex-grow: 0;
padding-left: 3em;
}
#mobile-menu-lang-toggle {
float: right;
}
.fl-icon-wrap {
width: max-content;
}
.paragraph-with-image-description.customer-file .fl-col-small {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.div-dof-p p {
padding-left: 40px;
padding-right: 40px;
}
/*********************************************************************************/
/*********************************DIMENSIONS OF FAIRNESS**************************/
.dimensions-of-fairness {
display: none;
}
.dimensions-of-fairness-m {
display: block;
max-height: 690px;
left: 6%;
top: 3vw;
}
.div-dof-p {
padding: 1vw 0px;
border-top: 0;
border-bottom: 1px solid #d1d2e6;
margin: 64px 0 64px 0;
padding-bottom: 32px;
}
.div-dof-p h2 {
padding-left: 20px;
}
.div-dof-p {
& p {
padding-left: 40px;
padding-right: 40px;
}
& h2 {
padding-left: 40px;
padding-right: 40px;
}
}
.div-dof-p div {
background-image: linear-gradient(
to bottom,
white 0%,
white 30%,
#e8f7f9 50%
);
padding: 0vw 0vw 40px 0vw;
width: 100%;
margin-top: 0vw;
}
.fl-appeal-process {
& .section {
padding-right: 0px;
}
}
/*************************************************************************************/
/****************************TABLET STYLES FOR BANNERS********************************/
.intro-container {
display: grid;
min-height: 1138px;
& .intro-background-large {
display: none;
}
& .intro-background-medium {
display: block;
margin-left: 24px;
}
& .intro-background-small {
display: none;
}
&.homepage {
min-width: none;
min-height: unset;
}
&.about-ombudsman {
min-height: unset;
}
& .intro-main-section {
&.homepage {
padding-top: 48px;
padding-bottom: 48px;
position: unset;
margin-top: -10%;
border-radius: 0 30px 0 0px;
padding: 56px 64px 56px 64px;
}
&.about-ombudsman {
position: unset;
margin-top: -20px;
padding: 56px 56px 56px 32px;
position: unset;
margin-top: -6%;
padding: 32px 48px 40px 48px;
margin-right: 10%;
border-radius: 0 30px 0 0;
}
&.privacy-policy {
width: 80%;
position: unset;
margin-top: -8%;
padding: 32px 48px 40px 48px;
border-radius: 0 30px 0 0px;
margin-right: 10%;
}
}
& .intro-subsection {
max-width: none;
width: auto;
height: 302px;
&.homepage {
height: unset;
}
&.about-ombudsman {
width: 100%;
max-width: none;
}
}
& .intro-heading {
&.homepage {
width: auto;
& h1 {
font-size: 44px;
width: 70%;
}
& p {
font: 600 48px "Roboto Serif" !important;
}
}
&.about-ombudsman {
& h1 {
width: 70%;
}
}
&.privacy-policy {
max-width: 60%;
}
}
}
}
/***************************************************************************************/
/*************************MOBILE AND SMALL DEVICES**************************************/
/***************************************************************************************/
@media only screen and (max-width: 640px) {
/***********OVERRIDES**********/
h1 {
font-size: 29px !important;
line-height: 36px !important;
}
h2:not(.gform_submission_error) {
font-size: 26px !important;
line-height: 32px !important;
}
h3 {
font-size: 24px !important;
line-height: 32px !important;
}
h4 {
font-size: 20px !important;
line-height: 28px !important;
}
h5 {
font-size: 18px !important;
line-height: 24px !important;
}
h6 {
font-size: 16px !important;
line-height: 24px !important;
}
body {
font-size: 16px !important;
line-height: 1.45;
}
.single-paragraph-description .fl-col-small:not(.fl-col-small-full-width),
.paragraph-with-image-description
.fl-col-small:not(.fl-col-small-full-width) {
max-width: unset;
margin-top: 64px !important;
}
.fl-menu .fl-menu-mobile-toggle.text {
width: auto !important;
margin-left: -5vw;
}
.dimensions-of-fairness {
display: none;
}
.dimensions-of-fairness-m {
display: block;
max-width: 1000px;
padding-bottom: 24px;
}
.div-dof-p div {
background-image: linear-gradient(
to bottom,
white 0%,
white 30%,
#e8f7f9 50%
);
padding: 0vw 0vw 14px 0vw;
width: 100%;
}
.div-dof-p {
padding-bottom: 32px;
& h2 {
padding-left: 20px;
padding-right: 20px;
}
& p {
padding-left: 20px;
padding-right: 20px;
}
}
.form_saved_message {
padding-left: 24px !important;
padding-right: 24px !important;
}
.latest-news {
margin-top: 64px !important;
margin-bottom: 64px !important;
padding-top: 0;
padding-bottom: 0;
}
.single-paragraph-description {
& h2 {
margin-top: 0 !important;
}
& p:last-child {
margin-bottom: 0;
}
}
.fl-row-ombudsman-widget .fl-row-content-wrap {
padding-left: 20px !important;
padding-right: 20px !important;
display: block;
}
div#check-status-widget {
& div.fl-module-content.fl-node-content {
margin-left: 0 !important;
margin-right: 0 !important;
}
padding-left: 0;
border-left: 0;
& .gform_legacy_markup_wrapper .top_label input.medium,
& .gform_legacy_markup_wrapper .top_label select.medium {
width: 100% !important;
}
}
.file-my-appeal-form-steps {
margin-bottom: 48px !important;
}
.fl-row-ombudsman-widget .fl-row-content-wrap .fl-col {
width: 100% !important;
float: left;
margin-left: 0;
max-width: unset !important;
}
.ombudsman-resposibility {
border: 0px;
border-bottom: 1px solid #d1d2e6;
padding-bottom: 55px;
height: auto;
}
#check-status-widget {
margin-top: 45px;
padding-left: 0px;
border-left: 0;
}
.intro-heading {
grid-column: 1;
grid-row: 1;
width: auto;
padding: 48px 48px;
height: 320px;
z-index: 1;
color: #222;
}
.fl-appeal-process {
padding-left: 20px;
padding-right: 0;
max-width: 100%;
display: block;
}
.fl-appeal-process {
& .section {
padding-right: 0px;
}
}
#gform_wrapper_2 .gform_body {
padding-left: 0px;
padding-right: 0px;
}
.en-appeal-link,
.fr-appeal-link {
& p::last-child {
padding-top: 24px;
}
}
.v-border {
border-left: 1px dashed blue;
position: absolute;
top: 10px;
bottom: 21%;
left: 0;
}
.ombudsman-appeal-p {
padding-bottom: 32px;
}
.mobile-logo-en {
display: block;
}
.tablet-logo-en {
display: none;
}
.paragraph-with-image-description {
&.customer-file {
margin-top: 64px !important;
& .fl-col-small {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
& .file-description {
margin-top: 16px !important;
padding-right: 0;
}
}
.gform_wrapper #gform_submit_button_2 {
width: auto;
}
.fl-appeal-process {
position: relative;
}
.fl-appeal-process p {
margin-bottom: 32px;
}
.fl-appeal-process-column {
border-top: 0px;
}
.fl-appeal-process-row h2 {
padding-top: 24px;
font-size: 32px;
}
.fl-appeal-process-column h3 {
font-weight: 600;
}
.fl-appeal-process-row {
padding-left: 20px;
padding-right: 20px;
}
.fl-appeal-process-step:before {
content: " \007C"/ "";
position: absolute;
color: blue;
font-size: 10px;
transform: rotate(90deg);
margin-left: -25px;
}
/***********************MOBILE FOOTER STYLE*******************************/
.fl-content-footer-section-1 {
display: block;
padding-right: 20px;
margin-top: 0;
& .fl-row-sec-1 {
width: 100%;
border-bottom: 1px solid white;
border-right: 0;
padding-bottom: 20px;
}
& .fl-row-sec-1 a {
margin-left: 0;
width: fit-content;
display: block;
margin-bottom: 16px;
}
& .fl-row-sec-2 {
display: table;
border-bottom: 1px solid white;
}
& .fl-row-sec-1 {
display: table;
}
& .fl-row-sec-2 {
padding-left: 0;
width: 100%;
display: block;
margin: 0 auto;
padding-top: 20px;
}
& .fl-row-sec-1 a {
padding-left: 0;
}
}
a {
font-size: 16px !important;
}
.fl-row-sec-2 .fl-row-2 .fl-icon-wrap {
display: block;
}
.fl-row-sec-1 .fl-row-1 {
width: 100%;
}
.fl-row-2 .fl-icon-wrap {
padding: 0px 40px 16px 0px;
}
.fl-canadatm-logo .fl-module-content.fl-node-content {
margin-left: 0;
}
#footer-fl-row-2-sec-1 {
width: 100% !important;
}
.fl-col-group-custom-width {
display: block !important;
}
.fl-icon-text {
padding-left: 0;
}
footer .fl-module-content {
margin-left: 24px;
margin-top: 0px !important;
}
footer {
border: 0 !important;
}
.footer-fl-row-2-sec-2 {
display: none;
}
footer .fl-icon {
display: table-cell;
}
.footer-fl-row-2-sec-2 {
display: none !important;
}
.fl-row-ombudsman-widget .fl-row-content-wrap:first-child {
padding-top: 0;
}
.fl-row-ombudsman-widget {
margin-bottom: 0;
}
#fl-canadatm-logo {
width: auto !important;
padding-top: 20px;
padding-right: 20px;
}
.fl-canadatm-logo {
width: auto !important;
}
html[lang="fr-CA"] .single-paragraph-description {
&.n-a-c,
&.o-a-c,
&.d-r-a {
margin-top: 64px !important;
}
}
.latest-news.single-paragraph-description
.fl-col-small:not(.fl-col-small-full-width),
.paragraph-with-image-description
.fl-col-small:not(.fl-col-small-full-width) {
padding-top: 0 !important;
margin-top: 0 !important;
}
.paragraph-with-image-description {
& .customer-file {
padding-right: 0;
padding-left: 0;
margin-right: 24px !important;
margin-left: 24px !important;
}
}
.div-dof-p {
padding-top: 0;
margin-top: 64px;
margin-bottom: 0;
border-top: 0px solid #d1d2e6;
}
.dimensions-of-fairness-m {
border-top: 0;
}
.n-a-c h2 {
margin-top: 0;
}
.div-dof-p p {
padding-left: 20px;
padding-right: 20px;
}
.as-h2 {
font-size: 24px;
}
.ombudsman-resposibility {
padding-right: 0;
}
/*****************************************************************************************/
/************************************MOBILE MENU STYLE************************************/
.mobile-menu-container .fl-row-content-wrap {
padding-bottom: 10px !important;
}
.mobile-menu-container
.fl-row-content-wrap
.fl-col-group:not(.fl-col-group-nested) {
display: flex;
flex-direction: row;
}
.mobile-menu-container .fl-row-content-wrap .fl-col-group .fl-col {
flex-basis: 33%;
flex-grow: 0;
}
.mobile-menu-container
.fl-row-content-wrap
.fl-col-group
.fl-col:nth-child(2) {
flex-basis: auto;
flex-grow: 0;
}
.mobile-menu-button {
max-width: 100%;
}
.mobile-menu-button ul {
max-width: 100%;
background-color: white;
}
.fl-menu-mobile-toggle {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.fl-menu-mobile-toggle:focus {
border: 2px solid #222222 !important;
}
div#mobile-menu-lang-toggle li a {
padding-top: 5px;
}
#mobile-menu-lang-toggle {
float: right;
}
/********************************************************************************/
.form-status-check {
input[type="text"] {
width: 100% !important;
}
}
.fl-module.fl-module-widget .fl-module-content.fl-node-content {
margin-left: 0px !important;
margin-right: 0px !important;
}
/****************************MOBILE STYLES FOR BANNERS****************************/
.intro-background-medium {
display: none;
}
.intro-background-large {
display: none;
}
.intro-background-small {
display: block;
}
.intro-container {
&.homepage {
min-height: 900px;
width: auto;
position: unset;
margin-top: -2%;
min-height: unset;
}
&.about-ombudsman {
min-height: unset;
}
& .intro-heading {
&.homepage {
width: auto;
height: auto;
padding-right: 24px;
& h1 {
width: 80%;
margin-top: 0;
}
& p {
font-size: 30px !important;
}
}
&.about-ombudsman {
width: auto;
height: 200px;
}
&.privacy-policy {
max-width: 100%;
}
}
& .intro-main-section {
padding-left: 24px;
padding-right: 24px;
left: 0;
&.homepage {
padding-top: 48px;
padding-bottom: 48px;
position: unset;
margin-top: -5%;
border-radius: 0 30px 0 0px;
}
&.about-ombudsman {
position: unset;
margin-top: -20px;
padding: 56px 24px 56px 24px;
border-radius: 0 30px 0 0px;
}
&.privacy-policy {
position: unset;
margin-top: -8%;
padding: 20px 24px 40px 24px;
border-radius: 0 30px 0 0px;
width: 100%;
}
& .intro-subsection {
max-width: none;
width: auto;
&.homepage {
height: unset;
}
}
}
}
}
/********************************************************************************/
/***************************Special Case handling to accomodate for Visual Designs***********************************/
@media only screen and (min-width: 1441px) {
.ombudsman-appeal-p {
padding-bottom: 25px;
}
.single-paragraph-description {
& p {
max-width: 780px;
}
& .fl-col-small {
width: 100% !important;
}
}
.paragraph-with-image-description {
& p {
max-width: 780px;
}
& .fl-col-small {
width: 50% !important;
}
}
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
.ombudsman-appeal-p {
padding-bottom: 25px;
}
.single-paragraph-description {
& p {
max-width: 730px;
}
& .fl-col-small {
width: 100% !important;
}
}
.paragraph-with-image-description {
& p {
max-width: 730px;
}
& .fl-col-small {
width: 50% !important;
}
}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
.fl-row[data-node] .fl-row-content-wrap {
margin-right: 24px;
margin-bottom: 24px;
margin-left: 24px;
padding-right: 20px;
padding-left: 20px;
}
.single-paragraph-description .fl-col-small {
width: 100% !important;
}
.paragraph-with-image-description p {
max-width: 730px;
}
.paragraph-with-image-description .fl-col-small {
width: 100% !important;
float: left;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (min-width: 1025px) {
.v-border {
border-top: 1px dashed blue;
position: absolute;
top: 200px;
left: 33px;
width: 100%;
}
.fl-appeal-process-column {
padding-top: 1px;
}
.fl-appeal-process-step:before {
content: " \007C"/ "";
position: absolute;
padding-top: 35px;
color: blue;
font-size: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
.fl-row-ombudsman-widget {
float: left;
}
.fl-row-ombudsman-widget .fl-row-content-wrap {
padding-left: 32px !important;
margin-top: 32px !important;
}
#check-status-widget .fl-module-content:first-child {
margin-left: 0 !important;
}
.fl-appeal-process-row .fl-row-content-wrap {
padding-left: 0 !important;
margin-top: 64px !important;
padding-top: 0 !important;
}
}
@media only screen and (max-width: 480px) {
.intro-heading.homepage & h1 {
width: 100%;
}
#file-appeal-btn {
width: 100%;
text-align: center;
}
.fl-module.fl-module-widget .fl-module-content.fl-node-content {
margin-left: 0px !important;
margin-right: 0px !important;
}
.fl-row-ombudsman-widget .fl-row-content-wrap .fl-col {
width: 100% !important;
max-width: 480px;
}
.gform_wrapper #gform_submit_button_2 {
width: 100%;
}
#check-status-widget .gform_legacy_markup_wrapper .top_label input.medium,
.gform_legacy_markup_wrapper .top_label select.medium {
width: 100% !important;
}
h1 {
font-size: 29px;
}
.gform_wrapper .gform_body .gform_page_fields {
margin: 0 14px !important;
}
.radio-list-general-subject ul.gfield_checkbox li,
.radio-list-general-subject ul.gfield_radio li {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
}
@media only screen and (max-width: 450px) {
.v-border {
border-left: 1px dashed blue;
position: absolute;
top: 11px;
bottom: 22%;
left: 1px;
}
.form-status-check {
input[type="text"] {
width: 100% !important;
}
}
.fl-appeal-process {
& .section {
padding-right: 0px;
}
}
.intro-heading.homepage h1 {
width: 100% !important;
}
.intro-main-section.homepage {
position: unset;
margin-top: -20%;
}
html[lang="en-CA"]
.addressComplete
.ginput_address_line_1.gform-grid-col:before {
float: none;
}
html[lang="fr-CA"]
.addressComplete
.ginput_address_line_1.gform-grid-col:before {
float: none;
}
.gform_legacy_markup_wrapper
.field_sublabel_above
.ginput_complex.ginput_container
label,
.gform_legacy_markup_wrapper
.field_sublabel_above
div[class*="gfield_time_"].ginput_container
label {
margin: 0 !important;
}
}
.ab-sub-wrapper,
.ab-item span {
color: rgba(240, 246, 252, 0.7) !important;
}
/**************************************************************************************/