/* 
 Theme Name: School Mental Health Ontario
 Desciption: This is the theme for School Mental Health Ontario.
 Author: Hussein Mukri
 Date: April 24, 2022
*/
/* Start by setting display:none to make this hidden. Then we position it in relation to the viewport window with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with  our animation centered, and no-repeating */
h1,h2,h3,h4,h5,h6{
    font-family: 'Poppins';   
    margin: 0;
    color: #40008D;
}
h2.black{ /* Used for explore by topic areas */
    font-size:  1.25rem;
    font-weight: bold;
    color: #2F2F2F;
}
#content-column h2{
    font-size: 1.625rem;
}
#content-column h3{
    font-size: 1.45rem;
    color: #2F2F2F;
}
#content-column h4{
    font-size: 1.25rem;
}
html {
  scroll-behavior: smooth;
}
/* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
body.loading .loadingmodal {
    overflow: hidden;   
}
/* Anytime the body has the loading class, our  modal element will be visible */
body.loading .loadingmodal {
    display: block;
}
body{
    font-family: 'Roboto';
    color: #2F2F2F;
}
hr,.wp-block-separator{
    border-top: 1px solid #dee2e6!important;
    border-bottom: unset!important;
    height: 1px;
    border: none;
    margin: 2.75rem 0;
}
a{
    color:#40008D;
}
.clearboth{
    clear: both;
}
:target:before { /* this is for anchor tags with name in it for # eg our mission */
    content:"";
    display:block;
    height:150px; /* fixed header height*/
    margin:-150px 0 0; /* negative fixed header height */
}
img{
    width: 100%;
    height: auto;
}
main{
    padding-top: 189px;
}
.nav-link{
    padding:0;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result{
    font-size: 1rem!important;
}
.post-edit-link{
    margin-right: 1rem;
}
blockquote{
    font-size: 1.0rem;
    margin:0 auto;
    font-style:italic;
    padding:1.2em 30px 1.2em 75px;
    line-height:1.6;
    position: relative;
}
blockquote p{
    font-size: 1.2rem;
    font-style: normal;
}

blockquote::before, blockquote.french::before{
    font: var(--fa-font-solid);
    content: "\f10d";
    color: #DDD;
    font-size: 3rem;
    position: absolute;
    left: 0px;
    top: 0px;
}
blockquote.french::before{
    font: var(--fa-font-solid);
    content: "\f100";
    font-size:3rem;
}
blockquote::after,blockquote.french::after{
    font: var(--fa-font-solid);
    color:#DDD;
    font-size:2rem;
    content: '\f10e';
    position: absolute;
    right: -15px;
    top: 20px;
}
blockquote.french::after{
    font: var(--fa-font-solid);
    content: "\f101";
    font-size:2rem;
}
blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}
/*---------------------------------------------------
    ACTION TOOL KIT
----------------------------------------------------- */
a.toolkit{
    background: #FFF;
    color: #71339C;
    text-align: center;
    font-weight: bold;
}
a.toolkit:hover{
    background: none;
    color: #FFF;
    border: 2px solid #FFF;
}
.actionkit img{
    opacity: 1;
    max-width: 226px;
    max-height: 226px;
}
h1.actionkit{
    font-size: 1.5rem;
    color: #FFF;
}
h2.actionkit{
    font-size: 3rem;
    color: #FFF;
    margin-top: 1rem;
}
/* ---------------------------------------------------
    TABLE
----------------------------------------------------- */
table{
    border: none;
    margin-bottom: 2rem;
}
table td{
    vertical-align: top;
    padding: 1rem 0;
}
table tr{
    border-bottom: 1px solid #EEE;
}
table th{
    font-size: 1.25rem;
    padding-bottom: 1rem;
    vertical-align: top;
}
/* ---------------------------------------------------
    EVENTS
----------------------------------------------------- */
#content-column .events .card-title {
    margin-bottom: 0;
    padding: 1.25rem 1.25rem 0 1.25rem;
}
#content-column .events h3 {
    color: #40008D;
    font-size: 1.25rem;
}
#content-column .events a{
    text-decoration: none;
}
#content-column .events time{
    color: #000;
    margin-bottom: 1rem;
}
#content-column .events .eventstatus{
    font-size: 0.9rem
}
#content-column .events hr{
    margin: 0.75rem 0;
}
/* ---------------------------------------------------
    GRADIENTS
----------------------------------------------------- */
.gradient-1{
    background: linear-gradient(174deg, rgba(0, 163, 224, 0.8), rgba(120, 190, 32, 0.8)); /*blue, green */
}
.gradient-2{
    background: linear-gradient(174deg, rgba(120, 190, 32, 0.8), rgba(0, 163, 224, 0.8), rgba(64, 0, 141, 0.8)); /* Green, blue, purple */
}
.gradient-3{
    background: linear-gradient(90deg, rgba(64, 0, 141, 1), rgba(0,163,224, 1)); /* purple, blue */
}
.gradient-4{
    background: linear-gradient(270deg, rgba(0, 163, 224, 1), rgba(120, 190, 32, 1)); /*blue, green */
}
.gradient-5{
    background: linear-gradient(270deg, rgba(64, 0, 141, 1), rgba(0,163,224, 1)); /* blue, purple */
}
.gradient-6{
    background: linear-gradient(90deg, rgba(239,36,134,1) 0%, rgba(255,193,214,1) 35%); /* pink */
}
.gradient-7{
    background: #000; /* black */   
}
.gradient-8{
    background: linear-gradient(90deg, rgba(255,221,21,1), rgba(0,173,238,1)); /* yellow to green */
}
.gradient-9{
    background: linear-gradient(90deg, rgba(69,36,126,1), rgba(41,1,83,1)); /* printing banner */
}
.gradient-10{
    background: #EEE; /* Grey */   
}
.graident-students{
    background: linear-gradient(270deg, rgba(255,198,202,.6), rgba(241,229,255,.7)); /* students */
}
.graident-parents-caregivers{
     background: linear-gradient(270deg, rgba(41,23,69,1), rgba(92,67,133,.5)); /* parents and caregivers banner */
}
/* ---------------------------------------------------
    BUTTONS
----------------------------------------------------- */
.btn{
    border-radius: 2.5rem;
    padding: 0.75rem 1rem;
    border: none;
    font-size: 1rem;
    color: #FFF;
    line-height: 1.0;
    font-weight:bold;
}
.btn-xlarge{
    height: auto;
}
.btn:hover{
    box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
    transition: 0.4s; /* Adds a transition effect when the padding is decreased */
    color: #FFF;
}
.btn-green{
    background: #65A21A;
    color: #FFF;
}
.btn-blue{
    background: #089DD9;
    color: #FFF;
}
.btn-purple{
    background: #40008D;
    color: #FFF;
}
.btn-darkpurple{
    background: #291745;
    color: #FFF;
}
.btn-orange{
    background: #F7931D;
    color: #000;
}
.btn-pink{
    background: #EC008B;
    color: #FFF;
}
.btn-white{
    background: #FFF;
    color: #000;
}
.btn-white:hover{
    color: #000;
}
.btn-red{
    background: #C1272D;
    color: #FFF;
}
.favorite-heart-button{
    color: #FA42C1;
    margin-right: 12px;
}
.btn-dark-blue{
    background: #0071BB;
}
.btn-small,.btn-large{
    min-width: 184px;
    height: 60px;
    padding: 1.25rem .75rem;
    font-size: 1.125rem;
}
.btn-large{
    min-width: 290px;
}
/* Button Link */
.btn-link,a.btn-link {
  color: #222;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  text-align: left;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-width: 0;
  font-size: 1rem;
  text-decoration: none;
}
.btn-link:hover,a.btn-link:hover {
  color: #5e6a71;
  background-color: transparent;
  border-color: transparent;
  text-decoration: none;
  box-shadow: none;
}
/* Button alignment */
.align-button-right{
    display:block;
    float:right;
}
.align-button-left{
    display:block;
    float:left;
    margin: 0 40px 20px 0;
}
.align-button-center, .has-text-align-center{
    text-align: center!important;
    margin: 20px;
}
.align-button-left p, .align-button-right p{
    margin: 0 0 20px 0 ;
}
#connectwithus .btn{
    margin-top: 20px;
}
article{
    padding: 6rem 0;
}
/* ---------------------------------------------------
    BORDERS
----------------------------------------------------- */
.bordertopbottom{
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}
.borderbottom{
    border-bottom: 1px solid #DDD;
}
.bordertop{
    border-top: 1px solid #DDD;
}
.border{
    border: 1px solid #EEE;
    padding: 1rem;
}
.noborder, #showresource .noborder img{
    border:none;
}
/* ---------------------------------------------------
    PADDING
----------------------------------------------------- */
.paddingtop{
    padding-top: 7.5rem;
}
.paddingbottom{
    padding-bottom: 7.5rem;
}
.paddingtop80{
    padding-top: 5.0rem;
}
.paddingbottom80{
    padding-bottom: 5.0rem;
}
.paddingtophalf{
    padding-top: 3.75rem;   
}
.paddingbottomhalf{
    padding-bottom: 3.75rem;
}
.padding20top{
    padding-top: 1.25rem
}
.padding20bottom{
    padding-bottom:  1.25rem;
}
.padding30bottom{
    padding-bottom: 1.875rem
}
.padding30top{
    padding-top: 1.875rem
}
.padding40top{
    padding-top: 2.5rem
}
.padding40bottom{
    padding-bottom: 2.5rem   
}
/* ---------------------------------------------------
    MARGIN
----------------------------------------------------- */
.margin30bottom{
    margin-bottom: 1.875rem;
}
.margin60bottom{
    margin-bottom: 3.75rem;
}
.margin30top{
    margin-top: 1.875rem
}
.margin60top{
    margin-top: 3.75rem;
}
/* ---------------------------------------------------
    TOP OF PAGE BUTTON
----------------------------------------------------- */
#backtotop {
    position: fixed;
    top: 650px;
    right: 0rem;
    z-index: 98;
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    font-size: 1.3rem;
    background: #65A21A;
    color: #FFF;
    cursor: pointer;
    border: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#backtotop .fa{margin:1rem;padding:0}
#backtotop:hover {
    background: #00A3E0;
}
#backtotop.show {
    opacity: 1;
}
/* ---------------------------------------------------
    OTHER
----------------------------------------------------- */
.row-eq-height .card {
    height: 100%;
    width:  100%;
    margin-bottom: 0;
}
.row-eq-height:last-child{
    padding-bottom: none;
}
.row-eq-height>[class*="col-"] {
    padding-bottom: 24px;
}
#content-column .card-title h3{
    margin-bottom:  0;
}
.hideme{
    opacity:0.1;
}
.center-content {
    justify-content: center;
}
.text-align-right{
    text-align: right;
}
.error{
    color: #C00;
}
.container{
    max-width: 1280px;
}
.container-fluid{
    padding-right: 0;
    padding-left: 0;
}
.card {
    border-radius: 0;
    margin-bottom: 24px;
    transition: all 0.5s ease;
    box-shadow: 0 0 36px rgba(94, 106, 113, 0);
    border:none;
}
.icon-circle {
    width: 190px;
    display: inline-block;
    border-radius: 50%;
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden;
    height: auto;
    max-width: 100%;
    line-height: 190px;
    max-height: 190px;
}
.icon-circle img{
    width: unset;
    height: unset;
}
.wp-block-audio audio {
    min-width: 100%!important;
}
time{
    font-size: 0.75rem;
    margin-top:  0.9375rem;
    margin-bottom: 2.125rem;
    display: block;
}
iframe{
    margin: 1rem 0 2rem 0;
}
.wp-block-group{
    padding:  1rem;
    border-radius: 20px;
}
#stay-informed a{
    text-decoration: underline;
}
button.popoverbutton{
    background: none;
    border: none;
    text-decoration: underline;
    margin: 0;
    padding: 0;
}
.popover-header{
    background: #000;
    color: #FFF;
}
.important-message{
    background: #78BE2026;
    padding:  1.563rem; 
    border-radius: 20px;
}
/* ---------------------------------------------------
    FORM
----------------------------------------------------- */
.form-control:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-group input, .form-group select, .form-group textarea{
    padding-left: 1.5rem;
}
/*
.form-group label{
    position: absolute;
    left: -999em;
}*/
.form-group{
    margin: 0;
}
.form-group input{
    height: 3.5rem; /* 60px */ 
 }
 .form-group textarea{
    height: 12.5rem; /* 200px */ 
 }
.form-control{
    background: #FFF;
    color: #000;
    border: 2px solid #ced4da;
    border-radius: .75rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 1.25rem;
}
.input-group-text{
    background: none;
    border:none;
}
.input-group{
    background: #FFF;
    border-radius: 3rem;
    padding-right: 1rem;
    padding-left: 0.5rem;
    border: 2px solid #DDDDDD ;
}
#sidebar .form-group input, #resourcesearch .form-group input{
    padding-left: 0;
}
/* Font Awesome Icons */
.fa-search{
    color: #AAAAAA;
    font-size:1.75rem;
}
h2.search{
    font-size: 1.75rem;
}
h3.title{
    font-size:2.1rem;
}
.success{
    color: #639F19!important;
}
#search .fa-search{
    color: #40008D;
    font-size: inherit;
}
.form-group select{
    height: 3.5rem; /* 60px */ 
    padding-right: 72px;
    color: #000;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: right center;
    background-image: url(data:image/jpeg;base64,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);
}
#resourcesearch input{
    background: none;
}
.textboxhighlighterror{
    color: #40008D;
    border: 1px solid #40008D;
}
.form-error{
    color: #40008D;
    text-align: left;
}
#ThankYou{
    display: none;
    font-size: 1.25rem;
    color: #78BE20;
    margin: 1.25rem 0;
}
#Form{
    max-width: 610px;
    margin: 1rem auto;
    width: 100%;
}
/* ---------------------------------------------------
    SHOW RECORDS
----------------------------------------------------- */
#ShowRecords{
    clear: both;
    margin: 0 auto;
    text-align: center;
    padding: 1rem;
    width: 100%;
}
#ShowRecords table{
    margin-top: 1.25rem;
}
#ShowRecords table th{
    border-bottom: none;
}
/* ---------------------------------------------------
    OVERLAY & MODAL
----------------------------------------------------- */
.loadingmodal { /* For loading */
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .9 ) 
                url('https://smho-smso.ca/wp-content/themes/School-Mental-Health-Ontario/library/images/ajax-loader-smho.gif') 
                50% 50% 
                no-repeat;
}
.overlay {
    top: 0;
    left: 0;
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    2000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: linear-gradient(150deg, rgba(0, 163, 224, 0.7), rgba(120, 190, 32, 0.7));
}
.modal-title{
    font-size: 1.25rem;
}
.modal-footer {
    justify-content: center;
}
/* ---------------------------------------------------
    TOP SECONDARY NAV
----------------------------------------------------- */
nav#topnav{
    background: #F2F2F2;
    position: fixed;
    width: 100%;
    padding: 15px;
    z-index: 98;
}
nav#topnav a{
    font-weight: bold;
}
nav#topnav .btn-primary{
    background: #2F2F2F;
    color: #FFF;
    font-size: 1rem;
    padding: 0.79rem;
    height: 39px;
}
nav#topnav ul{
    margin: 0;
}
nav#topnav li,nav#topnav-fr li{
    display:inline-block;
    margin-right:  19px;
}
nav#topnav li:last-child{
    margin: 0;
}
.menu-top-nav{
    display: none;
}
/* ---------------------------------------------------
    HEADER
----------------------------------------------------- */
header{
    height: 120px;
    padding: 25px 0;
    background: #FFF;
    transition: 0.4s; /* Adds a transition effect when the padding is decreased */
    position: fixed;
    top: 69px;
    z-index: 99;
    width :100%;
    border-bottom: 1px solid #DDDDDD;
    box-shadow:  0px 15px 45px -9px rgba(0,0,0,0.05);
}
header #logo{
    float:left;
    height: 70px;
    display: flex;
    align-items: center;
    transition: 0.4s;
}
header #navigation{
    float:right;
    display: flex;
    vertical-align: middle;
    align-items: center;
    height: 70px;
}
header #navigation .btn{
    padding: 0;
}
header #search {
    margin-right: 35px;
    height: 70px;
    width: 70px;
    border: 2px solid #40008D;
    background: #FFF;
    border-radius: 50%;
    font-size: 1.875rem;
    transition: 0.4s;
}
header #languages{
    height: 70px;
    display: flex;
    align-items: center;
    float:right;
    transition: 0.4s;
}
header #languages a, header #languagesmobile a{
    font-weight: 1.25rem;
    font-weight: bold;
}
header #languagesmobile, .spambot_go_away, #CookieModal,#spanpageid,hr.hide{
    display:none;
}
header #tools .subscribe{
    background: #089DD9;
    padding: 1.25rem .75rem;
    font-size: 1.125rem;
    line-height: 18px;
    border-radius: 3rem;
    margin-top: 2rem;
    width: 100%;
    color: #FFF;
}
/* ---------------------------------------------------
    BREADCRUMB
----------------------------------------------------- */
.breadcrumb{
    background: unset;
    margin: 1.25rem 0 3.75rem;
    padding:0;
    line-height: 1;
    color: #747474;
}
.breadcrumb h1{
    display: block;
    font-size: 1rem;
    line-height: 1rem;
    padding:0;
    margin: 0;
    float: left;
    font-family: 'Roboto';
    color: #2F2F2F;
}
.breadcrumb a{
    color: #747474;
}
ol.breadcrumb {
    padding: 0;
}
ol.breadcrumb li{
    line-height: 1;
}
#purplebackground .breadcrumb a, #purplebackground .breadcrumb, #purplebackground .btn-link, .parentdarkpurple .breadcrumb a,.parentdarkpurple .breadcrumb, .parentdarkpurple .btn-link,.parentdarkpurple .btn-link:hover{
    color: #FFF;
}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
/* Toggled State */
#sidebar {
    width: 440px;
    position: fixed;
    top: 0;
    padding: 24px 20px;
    right: -440px;
    height: 100vh;
    z-index: 999;
    background: #40008D;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    text-align:left;
    margin-bottom: 30px;
    transition: 0.4s;
}
#sidebar.active {
    right: 0;
    display: block;
}
#sidebar.hidden{
    display: none;
}
#sidebarCollapse{
    margin-right: 35px;
    height: 70px;
    width: 70px;
    color: #40008D;
    border: 2px solid #40008D;
    background: #FFF;
    border-radius: 50%;
    font-size: 1.875rem;
    transition: 0.4s; /* Adds a transition effect when the padding is decreased */
}
#dismiss, #dismiss-cookie, .dismiss-alert{
    margin: 0 0 40px 0;
    width: 70px;
    height: 70px;
    text-align: center;
    font-size:  1.875rem;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 2px solid #FFF;
    background: #40008D;
    color: #FFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; /* future proofing */
    -khtml-border-radius: 50%; /* for old Konqueror browsers */
}
.dismiss-alert{
    margin-bottom: 0;
    background: none;
    border:none;    
}
#dismiss:hover, #dimiss-cookie:hover {
    background: #fff;
    color: #40008D;
}
#sidebar h2{
    font-size: 1.25rem;
    margin-bottom: 15px;
    padding:0;
    color: #FFF;
}
#sidebar ul.components {
    padding: 0;
}
#sidebar hr{
    border:none;
    border-bottom: 1px solid #5A00C7;
}
#sidebar ul p {
    color: #fff;
    padding: 10px;
}
#sidebar ul li{
    padding: 0;
}
#sidebar ul li a {
    font-size: 1.125rem;
    display: block;
    color: #FFF;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#sidebar ul li a:hover {
    text-decoration: underline;
}
#sidebar h2 ul li a {
    font-size: 1.25rem;
}
#sidebar ul li.active>a,
#sidebar a[aria-expanded="true"] {
    text-decoration: underline;
}
a[data-toggle="collapse"] {
    position: relative;
}
#tools{
    margin: 4rem 0;
}
#search-form-menu{
    padding: 0;
    margin:0 0 40px 0;
}
#search-form-menu input, #tools input, #search-form input{
    border:none;
}
/* ---------------------------------------------------
    CAROUSEL
----------------------------------------------------- */
#carousel h1{
    font-weight: 700;
    font-size: 2.875rem;
    margin-top: 170px;
}
#carousel p.banner-text{
    font-size: 1.25rem;
    margin-top: 1.20rem;
}
.homecontent .carousel-inner, .secondarycontent .carousel-inner{
    width:100%;
    display: block;
}
.secondarycontent .carousel-inner{
    max-height: 350px!important;
}
.homecontent  #carousel, .homecontent .carousel-item, .secondarycontent #carousel, .secondarycontent .carousel-item{
    width: 100%;
    /*height:  464px;*/
    position: relative;
}
.secondarycontent #carousel, .secondarycontent .carousel-item{
    height: 300px;
}
#carousel .container-fluid {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.homecontent #carousel .carousel-cell, .secondarycontent #carousel .carousel-cell, .studentcontent #carousel .carousel-cell{
    width:100%;
    display: block;
}
.banner-text-rev, .banner-text-rev a {
    color: #fff;
    max-width: 936px;
    text-align: center;
}
.hero-carousel .flickity-page-dots {
    bottom: 18px;
}
#carousel .flickity-button:disabled {
  display: none;
}
#carousel .dot:only-child {
  display: none;
}
#carousel .flower img{
    max-width: 120px;
    max-height: 120px;
    margin-top: 35px;
    margin-bottom: 30px
}
#carousel .flowerparent img{ /* for secondary pages */
    max-width: 236px;
    max-height: 236px;
    margin-top: 32px;
    margin-bottom: 32px   
}
.flickity-page-dots .dot.is-selected {
    border: 2px solid #40008D;
    background: #FFF;
    color: #40008D;
    width: 18px;
    height: 18px;
    margin: 3px;
}
/*----------------------------------------------------
    PARENT SECTION
----------------------------------------------------- */
#parentbannervideo, .parentdarkpurple{
    background: #291745;
}
video.loading {
  background: black url('https://smho-smso.ca/wp-content/themes/School-Mental-Health-Ontario/library/images/ajax-loader-smho.gif') center center no-repeat;
}
#parentbannervideo h1, #parent-banner-image h1, #parentbannervideo p,#parent-banner-image p, .parentdarkpurple p{
    font-size: 3.75rem;
    font-weight: bold;
    color: #FFF;
}
#parentbannervideo p, .parentdarkpurple p{
    font-size: 1.625rem;
    font-weight: normal;
}
#parent-banner-image p{
    //font-size: 1.125rem;
    font-size: 1.25rem;
    font-weight: normal;
}
.parentdarkpurple h2,.parentdarkpurple h3{
    font-size: 2.25rem;
    color: #FFF;
    padding-bottom: 2.5rem;
}
h2.bys-purple-background-header{ /* Used for BYS kit page */
    background-image: url(/by-your-side/wp-content/themes/By-Your-Side/library/images/background.png);
    position: relative;
    background-size: cover;
    background-position-y: center;
    color: #FFF;
    padding: 1rem;
}
.parentdarkpurple h3{
    line-height: 1.5;
    font-size:1.25rem;
}
.parentdarkpurple h3 a{
    color: #FFF;
}
.parentdarkpurple a:hover{
    text-decoration: underline;
}
.parentdarkpurple .btn-white{
    color: #000;
}
.parentdarkpurple .card{
    background: transparent;
}
#parentvideo{
    width: 100%;
    /*height: 450px;*/
    object-fit: cover;
}
#videobutton{
    background: none;
    border: none;
    color: #FFF;
    font-size:1.25rem;
    padding:0;
}
.parentdarkpurple hr{
    border-top: 1px solid #DDD !important;
}
#videobutton:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}
a.bluebox{
    background: #007FAD;
    height: 295px;
    width: 295px;
    padding: 1rem;
    color: #FFF;
    font-size: 1.125rem;
    display: inline-flex;
    font-weight: 700;
    border-radius: 0;
}
.parentscaregiverscontent .featuredimage{
    border-radius: 0;
    height: 150px;
}
.parentscaregiverscontent #parentintroductioncontent{
    color: #000;
    font-size: 1.125rem;
}
.next-topic a,.previous-topic a{
    color: #695C7C;
    font-size: 0.875rem;
    font-weight: bold;
}
.next-topic .fa-solid,.previous-topic .fa-solid{
    font-size: 2rem;
    color: #695C7C;
}
.greybackround{
    background: #F5F5F5;
}
.greybackround h2,.lightpurplebackground h2, .lightbluebackground h2{
    color: inherit;
    font-weight: revert;
}
.lightpurplebackground{
    background: #F3EFF8;
}
.lightpurplebackground .btn-small{
    min-width: 100px;
    height: 36px;
    font-size: 0.75rem;
    padding: 0.75rem 1rem;
}
.lightpurplebackground h2,.lightbluebackground h2{
    font-size: 1.25rem;
}
.lightbluebackground{
    background: #E6F6FC;
}
.lightbluebackground a{
    color: #000;
}
.parentscaregiverscontent #topicresources .card:last-child{
    margin-bottom:0;
}
.multiple-languages-pill{
    background: #F5F5F5;
    color: #000;
    min-width: 300px;
    height: 60px;
    padding: 1.25rem .75rem;
    font-size: 1.125rem;
    border-radius: 2.5rem;
    display: inline-block;
    text-align: center;
    line-height: 1.0;
}
#content-column a.multiple-languages-pill{
    text-decoration: none;
}
/* ---------------------------------------------------
    HOME CARDS
----------------------------------------------------- */
#audiencecards .row{
    margin-top: 2.5rem;
}
#audiencecards .row:last-child{
    margin-bottom: 1.25rem;
    margin-top: 0;
}
#audiencecards .card{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
#audiencecards em{
    color: #FFF;
    font-size: 2.5rem;
}
#audiencecards h2{
    font-size: 1.25rem;
    margin: 0 auto 56px auto;
    max-width: 400px;
    text-align: center;
    font-weight: bold;
}
#audiencecards h3{
    color: #40008D;
    font-size: 1.625rem;
    font-weight: bold;
}
#audiencecards .card-title{
    margin-bottom: 0;
    padding: 0.75rem 1.25rem;
    height: 100px;
}
#audiencecards .card-body{
    padding:  0 1.25rem 1.25rem;
}
#audiencecards ul{
    padding: 0;
    margin: 0;
}
#audiencecards li{
    list-style: none;
    margin:0;
    padding: 0.5rem 0;
    border-bottom:  1px solid #DDDDDD;
}
#audiencecards li a{
    color: #2F2F2F;
}
#audiencecards li a:hover{
    color: #40008D;
    text-decoration: none;
}
#audiencecards .btn{
    margin-top: 52px;
}
#audiencecards .logo{
    border-radius: 50%;
    width: 85px;
    height: 85px;
}
#audiencecards .logo img{
    max-width: 44.63px;
}
/* ---------------------------------------------------
    FAVOURITES
----------------------------------------------------- */
.filtereditems.darkpurple{    
    background: #25225D;
}
#favouritescounter{
    display: none;
}
/* Old purpole box
#favourites-icon .btn{
    padding:  1.25rem;
}
#myfavourites{
    background: #40008D;
    color: #FFF;
}
#myfavourites h3,#myfavourites li a{
    color: #FFF;
}
#myfavourites li a:hover{
    color: #FFF;
}
#myfavourites hr{
    background: #7850A8;
}
#myfavourites li{
    border-bottom:  1px solid #7850A8;
}
#myfavourites em, #myfavourites .btn{
    color: #7850A8;
}*/
#favourites img{
    height:  120px;
    max-width:  295px;
    border-radius: 20px;
}
.featuredimage{
    background-size: cover;
    background-position: center;
    height: 120px;
    width: 100%;
    border-radius: 20px;
    margin: 0 auto;
}
#favourites h3{
    font-size: 1.25rem;
}
#content-column #favourites a{
    text-decoration: none;
}
/* ---------------------------------------------------
    KITS
----------------------------------------------------- */
#kitsection{
    margin-top: 80px;
}
.kit h2{
    font-size: 1.625rem;
    color: #40008D;
    margin-bottom:  1.3rem;
    font-weight: bold;
}
.kit a{
    font-weight: bold;
    text-decoration: underline;
    margin-top:  0.25rem;
}
.kit .card{
    background: initial;
    margin: 0;
}
.kit:last-child{
    margin-top:  1rem;
}
.kit:first-child{
    margin: 0;
}
.logocard{
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.logocard2{
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.contentcard{
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.logocard img,.logocard2 img{
    height: auto;
    /*margin: 0 auto;*/
}
/* ---------------------------------------------------
    WAYFINDER
----------------------------------------------------- */
.wayfinder{
    font-size:1rem;
    background-image: linear-gradient(90deg, rgba(195,230,242,1) 0%, rgba(240,201,224,1) 50%, rgba(251,232,173,1) 100%);
    position: relative;
}
.wayfinder::before{
    content: "";
    width: 100%;
    height: 100%;
    left:0;
    position: absolute;
    background: repeating-linear-gradient( -45deg, #FFF, #FFF 5px, #000 5px, #000 10px );
    opacity: 0.01;
    border-radius: 20px;
}
.wayfinder .card-body{
    position: relative;
}
/* ---------------------------------------------------
    LMHS
----------------------------------------------------- */
.lmhs{
    background-image: url("/leading-mentally-healthy-schools/wp-content/themes/Leading-Mentally-Healthy-Schools/library/images/lmhs-ad-background.svg");
    position: relative;
    background-size: cover;
    background-position-x: center;
}
/* ---------------------------------------------------
    By Your Side
----------------------------------------------------- */
.byyourside{
    background-image: url("/by-your-side/wp-content/themes/By-Your-Side/library/images/background.png");
    position: relative;
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
}
.parentpromocard.byyourside h2,.parentpromocard.byyourside p{
    color: #FFF;
}
/* ---------------------------------------------------
    PARENT PROMO CARDS
----------------------------------------------------- */
.parentpromocard{
    border-radius: 20px;
}
.parentpromocard.purple{
    background: #40008D10;
}
.parentpromocard .card-title{
    margin-bottom: 1.25rem;
}
.parentpromocard h2{
    font-size: 1.25rem;
    color: #40008D;
    font-weight: bold;
}
.parentpromocard h2.topic{
    font-size: 1.125rem;
    margin-bottom:  1.25rem;
    color: #2F2F2F;
}
.parentpromocard p{
    font-size: 0.875rem;
    font-weight:bold;
}
.bulletblue, .bulletpurple, .bulletgreen,.bulletred{
  margin-top: 0.3rem;
  height: 20px;
  width: 20px;
  border: 2px solid #00A3E0;
  border-radius: 50%;
  display: inline-block;
  color: #FFF;
}
.bulletpurple{
    border:  2px solid #40008D;
}
.bulletgreen{
    border:  2px solid #78BE20;
}
.studentcontent .bulletred,.studentcontent .bulletpurple{
    background: #C1272D ;
    border: none;
    font-size: 0.6875rem;
}
.studentcontent .bulletpurple{
    background: #40008D;
}
/* ---------------------------------------------------
    EXPLORE BY TOPIC
----------------------------------------------------- */
#whatsnewexplore .featuredimage{
    border-radius: 10px;
    height: 200px;
}
#explorebytopic .item{
    border-bottom:  1px solid #DDDDDD;
    padding: 1.25rem 0;
}
.students#explorebytopic .item:first-of-type {
    padding-top: 0;
}
#explorebytopic a{
    color: #2F2F2F;
    font-size: 1.3rem;
}
#explorebytopic a:hover{
    text-decoration: none;
}
#explorebytopic .item:hover .bulletpurple{
    background: #40008D;
}
#explorebytopic .item:hover .bulletgreen{
    background: #78BE20;
}
#explorebytopic .item:hover .bulletblue{
    background:  #00A3E0;
}
/* ---------------------------------------------------
    TABLE OF CONTENTS
----------------------------------------------------- */
#tableofcontents{
    background: #78BE2026;
    padding:  1.563rem 0; 
    border-radius: 20px;
}
#tableofcontents.students{
    background: #F1E5FF;
}
#content-column #tableofcontents h2{
    font-size: 1.25rem;
    padding-left: 20px;
    padding-right: 20px;
    color: #2F2F2F;
    font-weight: bold;
}
#tableofcontents .col-sm-6{
    padding-left: 20px;
    padding-right: 20px;
}
#tableofcontents .item{
    border-bottom:  1px solid #DDDDDD;
    padding: 0.5rem 0;
}
#content-column #tableofcontents a{
    text-decoration: none;
    font-size:  1.125rem;
}
/* ---------------------------------------------------
    INTRODUCTION
----------------------------------------------------- */
#parentintroduction h2.title{
    font-size: 3.75rem;
    font-weight: bold;
    color: #000;
    line-height: 4rem;
}
#parentintroductioncontent{
    font-size: 1.625rem;
    font-weight: bold;
    color: #40008D;
    line-height: initial;
}
#parentintroductioncontent a{
    text-decoration: underline;
}
#studentintroduction{
    color: #FFF;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: initial;
}
#pageintroductioncontent{
    font-size:  1.25rem;
    font-weight: bold;
}
#icon{
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
#icon em{
    font-size:  2rem;
    color: #FFF;
}
#icon img{
    width:  80%;
    height: auto;
}
/* ---------------------------------------------------
    RESOURCE SEARCH
----------------------------------------------------- */
#resourcesearch{
    padding-top: 6rem;
}
#resourcesearch h2{
    font-size: 1.125rem;
    margin-bottom: 2rem;
    color: #2F2F2F;
}
#resourcesearch form, #suggest-a-topic form, #practices-subscription form, #unsubscribe form{
    max-width: 610px;
    display: block;
    margin: 0 auto;
}
/* ---------------------------------------------------
    SUGGEST A TOPIC
----------------------------------------------------- */
#suggest-a-topic h2{
    font-size: 1.25rem;
    margin-bottom: 30px;
}
/* ---------------------------------------------------
    CONTACT FORM
----------------------------------------------------- */
#contact-form{
    margin-bottom: 3rem;
}
/* ---------------------------------------------------
    SUBSCRIPTION PRACTICES
----------------------------------------------------- */
#practices-subscription #description{
    width: 400px;
    margin: 1.25rem auto 2.75rem auto;
}
#practices-subscription h3{
    font-size: 1.25rem;
}
#practices-subscription #subscription-practice-status{
    margin-bottom: 2.75rem;
}
/* ---------------------------------------------------
    ONLINE RESOURCES
----------------------------------------------------- */
.filtereditems .purple{    
    background: #40008D;
}
#purplebackground{
  background: url('https://smho-smso.ca/wp-content/themes/School-Mental-Health-Ontario/library/images/students-background-purple.png'); 
  background-size: cover; 
  background-repeat: no-repeat;
}
.studentcontent .filtereditems{
  background-image: url('https://smho-smso.ca/wp-content/themes/School-Mental-Health-Ontario/library/images/students-background.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  background-color: #F1E5FF;
}
.studentcontent .nobackground{
    background: none;
}
.studentcontent .filtereditems .container{
    position: relative;
}
.filtereditems .white{    
    background: #FFF;
}
.filtereditems.purple h2, .filtereditems.white h2, .studentcontent .filtereditems h2, .parentscaregiverscontent .filtereditems h2{
    font-size: 2.5rem;
    margin-bottom: 2.0rem;
    border-bottom: 1px solid #7850A8;
    padding-bottom: 2.5rem;
    font-weight: bold;
}
.filtereditems.white h2{
    color: #40008D;
}
.filtereditems.purple h2{
    color: #FFF;
}
.studentcontent .filtereditems h2{
    color: #40008D;
    border-bottom: 1px solid #D0A8FF;
}
.parentscaregiverscontent h2#related-resources{
    color: #000000;
}
.parentscaregiverscontent #content-column h2{
    color: #007FAD;
}
.parentscaregiverscontent .filtereditems h2, .parentscaregiverscontent #content-column .filtereditems h2{
    color: #000000;
    border-bottom: 1px solid #DDDDDD;
}
#showresource h2.title{
    font-size: 2.5rem;
    color: #2F2F2F;
}
.filtereditems.white a, #content-column .filter-posts a{
    text-decoration: none;
}
.parentscaregiverscontent .filtereditems.white h3 a,.parentscaregiverscontent .filtereditems  h3 a {
    color: #000;
}
.filtereditems.purple a{
    color: #FFF;
}
.filtereditems a:hover{
    text-decoration: underline;
}
.filtereditems a.btn{
    margin-top: 4rem;
}
.filtereditems.purple a.btn{
    color: #40008D;
}
.studentcontent .filtereditems a.btn{
    color: #FFF;
 }
.filtereditems h3, #content-column .filtereditems h3{
    font-size: 1.25rem;
    font-weight: normal;
}
#content-column .filtereditems h3 a{
    text-decoration: none;
}
#content-column .filtereditems h3 a:hover {
    text-decoration: underline;
}
.filtereditems .card{
    background:  initial;
}
.filtereditems img{
    height:  120px;
    max-width:  295px;
    border-radius: 20px;
}
/*
#showresource img{
    border: 1px solid #DDD;
}*/
#relateditems{
    padding: 1.3rem;
    background: #00A3E01A;
    border-radius: 20px;
}
#content-column #relateditems a{
    text-decoration: none;
    color: #2F2F2F;
    font-size: 1.125rem;
}
#content-column #relateditems a:hover{
    color: #40008D
}
#content-column #relateditems h2.title{
    font-size: 1.25rem;
    padding-bottom:  1.5625rem;
    border-bottom: 1px solid #D1D1D1;
    margin-bottom: 1.3rem;
    color: #40008D;
}
.parentscaregiverscontent #content-column #relateditems h2.title {
    color: #000;
}
/*
.filtereditems .featuredimage{
    background-size: cover;
    background-position: center;
    height: 120px;
    min-width: 100%;
    border-radius: 20px;
    margin-bottom: 1rem;
}*/
#relateditems .featuredimage{
    min-width:  100%;
    width: 100%;
    margin-bottom: 0.7rem;
}
#content-column .filter-posts .featuredimage{
    width: 100%;
    /*width: 244px;
    height:  80px;*/
}
#content-column .filter-posts h3{
    font-size: 1.125rem;;
}
.filter-close{
    display: none;
    font-size: 1rem;
    color: #000;
}
.purple-border{
    border: 3px solid #40008D;
}
#filterrow{
    position: relative;
}
#filterrow .dropdown-menu{
    min-width:400px;
}
#filterrow .dropdown-menu button{
    background: none;
    border: none;
    outline: none;
}
#filterrow .dropdown-menu button:focus-visible {
  /* remove default focus style */
  outline: none;
  /* custom focus styles */
  box-shadow: 0 0 2px 2px #089DD9;
  color: #089DD9;
}
#filterrow .dropdown-item{
    white-space: initial;
    border-bottom: 1px solid #DDD;
    padding:0.5rem;
}
#filterrow #order-by-menu .dropdown-item{
    border-bottom: none;
    padding: 0 0.5rem;
}
#filterrow #order-by-menu hr{
    margin: revert;
}
#filterrow .dropdown-item:last-child{
   border-bottom: none;
}
#filterrow .dropdown-item button{
    text-align: left;
}
#filterrow .btn-dropdown{
    border:  2px solid #DDDDDD;
    border-radius: 10px;
    padding: 0 72px 0 10px;
    height:  39px;
    color: #000;
    text-align: left;
    background: #FFF;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: right center;
    background-image: url(data:image/jpeg;base64,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);
}
#filterrow.students .btn-dropdown{
    background-image: url('data:image/jpeg;base64,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')
}
/*
#filterrow.parentscaregivers .btn-dropdown {
    background-image: url(data:image/jpeg;base64,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Y3RCb3R0b21sb25nAAAAAAAAAAxjcm9wUmVjdExlZnRsb25nAAAAAAAAAA1jcm9wUmVjdFJpZ2h0bG9uZwAAAAAAAAALY3JvcFJlY3RUb3Bsb25nAAAAAAA4QklNA+0AAAAAABABLAAAAAEAAQEsAAAAAQABOEJJTQQmAAAAAAAOAAAAAAAAAAAAAD+AAAA4QklNBA0AAAAAAAQAAAAeOEJJTQQZAAAAAAAEAAAAHjhCSU0D8wAAAAAACQAAAAAAAAAAAQA4QklNJxAAAAAAAAoAAQAAAAAAAAABOEJJTQP1AAAAAABIAC9mZgABAGxmZgAGAAAAAAABAC9mZgABAKGZmgAGAAAAAAABADIAAAABAFoAAAAGAAAAAAABADUAAAABAC0AAAAGAAAAAAABOEJJTQP4AAAAAABwAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAADhCSU0ECAAAAAAAEAAAAAEAAAJAAAACQAAAAAA4QklNBEQAAAAAABAAAAACAAACQAAAAkAAAAAAOEJJTQQeAAAAAAAEAAAAADhCSU0EGgAAAAADPQAAAAYAAAAAAAAAAAAAACMAAAA8AAAABAB0AGUAcwB0AAAAAQAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAA8AAAAIwAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAABAAAAABAAAAAAAAbnVsbAAAAAIAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAIwAAAABSZ2h0bG9uZwAAADwAAAAGc2xpY2VzVmxMcwAAAAFPYmpjAAAAAQAAAAAABXNsaWNlAAAAEgAAAAdzbGljZUlEbG9uZwAAAAAAAAAHZ3JvdXBJRGxvbmcAAAAAAAAABm9yaWdpbmVudW0AAAAMRVNsaWNlT3JpZ2luAAAADWF1dG9HZW5lcmF0ZWQAAAAAVHlwZWVudW0AAAAKRVNsaWNlVHlwZQAAAABJbWcgAAAABmJv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MS4wLyIgeG1wTU06RG9jdW1lbnRJRD0iQ0MxRTk2MEQyNEY5MDAyRkQ2ODQxMjcwODRCOEY2QzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NGY1ZmM4ODEtM2JjNS0yYTQ4LThlMWQtYjAzODJjOGVlODJjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9IkNDMUU5NjBEMjRGOTAwMkZENjg0MTI3MDg0QjhGNkM2IiBkYzpmb3JtYXQ9ImltYWdlL2pwZWciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTEyLTIwVDIxOjQxOjE0LTA1OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTEyLTIwVDIxOjU1OjAwLTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0xMi0yMFQyMTo1NTowMC0wNTowMCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjcwMWZiMmJlLTM5NjItZDM0YS1hZWE5LWExNWNmMDEyMjM3YyIgc3RFdnQ6d2hlbj0iMjAyNC0xMi0yMFQyMTo0NToyNS0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjEyIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGY1ZmM4ODEtM2JjNS0yYTQ4LThlMWQtYjAzODJjOGVlODJjIiBzdEV2dDp3aGVuPSIyMDI0LTEyLTIwVDIxOjU1OjAwLTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjUuMTIgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg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);
}*/
#filterrow .dropdown-toggle::after{
    display: none;
}
#filterrow .btn-clear-filters{
    background: #2F2F2F;
    height: 39px;
    padding:  0.5rem 0;
    display: none;
}
#filterrow .btn-submit-filters{
    background: #40008D;
    height: 39px;
    padding:  0.5rem 0;
}
#filterrow.students .btn-submit-filters{
    background: #C1272D;
}
#filterrow.parentscaregivers .btn-submit-filters{
    background: #291745;
}
#appliedfilters{
    display: none;
}
#appliedmessage{
    font-weight: bold;
}
ul.appliedfiltereditems{
    padding: 0;
    margin: 0;
}
ul.appliedfiltereditems li{
    display: inline-block;
    list-style: none;
    margin: 0.5rem 0.4rem 0.5rem 0!important;
    font-size: 0.75rem;
}
ul.appliedfiltereditems a, #whatsnewexplore ul.appliedfiltereditems a{
    display: inline-block;
    padding: 0.75rem;
    text-decoration: none!important;
    color: #000;
    background: #DDDDDD;
    border-radius: 20px;
}
#content-column ul.appliedfiltereditems a:hover, ul.appliedfiltereditems a:hover,#whatsnewexplore ul.appliedfiltereditems a:hover{
    background: #40008D;
    color: #FFF;
}
.studentcontent ul.appliedfiltereditems a{
    color: #FFF;
    background: #40008D;
}
.studentcontent ul.appliedfiltereditems a:hover{
    background: #FFF;
    color: #40008D;
}
/* Latest resources */
.filtereditems.purple ul.appliedfiltereditems a{
    color: #000;
}
.filtereditems.purple ul.appliedfiltereditems a:hover{
    background: #FFF;
    color: #40008D;   
}
/* ---------------------------------------------------
    COLOURS
----------------------------------------------------- */
.green{
    background:#78BE20;
}
.purple{
    background:#40008D;
}
.blue{
    background:#00A3E0;
}
.white{
    background: #FFF;
}
/* ---------------------------------------------------
    ACCORDIONS
----------------------------------------------------- */
.accordion{
    margin-bottom: 1rem;
}
.accordion .card{
    margin-bottom: 0;
}
.accordion .card-header{
    background: #FFF;
    border-bottom: none;
    padding: 0.75rem;
}
#content-column .accordion .card-header h3{
    color: #2F2F2F;
    font-size: 1.125rem;
    font-weight: normal;
}
.accordion .card-body{
    padding: 1.25rem 2.4rem;
}
#content-column .accordion h4{
    font-size: 1.125rem;
}
#content-column .accordion h5, #content-column .accordion h6{
    font-size: 1.0rem;
}
/* ---------------------------------------------------
    TABS
----------------------------------------------------- */
.nav-tabs .nav-item a{
    color: #2F2F2F;
    font-size: 1.125rem;
    padding: 1.0rem;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border-color: #DDD #DDD #fff;
}
.nav-tabs a.active{
    font-weight: bold;
}
.tab-content>.active{
    padding: 1.0rem;
}
/* ---------------------------------------------------
    YOUTUBE VIDEO
----------------------------------------------------- 
.wp-block-embed__wrapper {
    position: initial!important; // This overrides some changes made to Wordpress
}
.youtube-video, .wp-block-embed-youtube, .is-type-video{
    position:relative;
    padding-bottom:40%;
    height:0;
    overflow:hidden;
}
.youtube-video iframe, .youtube-video object, .youtube-video embed, .wp-block-embed-youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin: 0;
}
.wp-block-column .is-type-video{
    margin: 0;
}
.card-body iframe{
    width: 100%;
    /*height: 400px;
}*/
figure {
    margin: 0 0 2rem;
}
/* ---------------------------------------------------
    ONLINE COURSE LEARN TEMPLATE
----------------------------------------------------- */
#online-course .btn{
    margin: 2.25rem 0;
}
#online-course{
    padding-bottom: 3.0rem;
}
#content-column #online-course h2{
    margin-bottom: 2.0rem;
    font-family: 'Poppins';
}
#content-column #online-course h3.course-title{
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
    font-family: 'Roboto';
}
#online-course .img-card{
    border-radius: 0.625rem;
    margin-bottom: 3.5rem;
}
#online-course .img-card img{
    border-radius: 0.625rem;
    opacity: 0.2;
}
/* ---------------------------------------------------
    TESTIMONIAL
----------------------------------------------------- */
#testimonial{
    background: #089DD9;
    color:#FFF;
}
#testimonial .container{
    max-width: 610px;
    text-align: center;
    padding: 0;
    font-size: 1.25rem;
}
#testimonial .author, #testimonial .from{
    font-size: 0.875rem;
}
#testimonial .author{
    font-weight:bold;
}
#testimonial .from{
    font-weight: normal;
}
/* ---------------------------------------------------
   PICTURE BANNER ADS
----------------------------------------------------- */
.picture-banner-ads{
    position: relative;
    width: 100%;
    border-radius: 0.625rem;
    background-size: cover;
}
.picture-banner-ads h2,.picture-banner-ads p{
    margin: 1.5rem 0;
    max-width: 600px;
}
.picture-banner-ads .title{
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    color: #FFF;
    font-size: 1.625rem;
    max-width: 70%
}
.picture-banner-ads .logo{
    position: relative;
    border-radius: 0.625rem;
    display: flex;
}
.picture-banner-ads .logo img{
    max-height: 80px;
    max-width: 80px;
    position: relative;;
}
.picture-banner-ads .logo.whitebackground{
    background: #FFF;
    padding: 0.5rem;
}
.picture-banner-ads .logo.whitebackgroundcircle,.parentpromocard.byyourside .byyourside{
    width:125px;
    height: 125px;
    background: #FFF;
    border-radius: 50%;
    margin: 0 auto;
}
.parentpromocard.byyourside .byyourside{
    display: flex;
}
.picture-banner-ads .gradient-container{
    border-radius: 0.625rem;
    /* height: inherit; */
    width: inherit;
    position: absolute;
    height: 100%;
}
.picture-banner-ads.white p,.picture-banner-ads.white h2{
    color: #FFF;
}
.picture-banner-ads.black p,.picture-banner-ads.black h2{
    color: #000;
}
#content-column a.banneranchor{
    text-decoration: none;
}
/* ---------------------------------------------------
    RECTANGLE CARDS WITH GRADIENT
----------------------------------------------------- */
#recommendations h2{
    font-size: 1.25rem;
}
#recommendations .gradient-card{
    margin-bottom: 0;
    width: 100%;
    height: 200px;
    border-radius: 0.625rem;
    color: #FFF;
    font-size: 1.25rem;
}
#recommendations .gradient-card:hover{
    opacity: 0.8;
}
#recommendations .gradient-card p{
    max-width: 65%;
}
#recommendations a:hover{
    text-decoration: none;
}
/* ---------------------------------------------------
    NEWS & ONLINE RESOURCES
----------------------------------------------------- */
#news h2{
    font-size: 2.5rem;
    margin-bottom: 2.0rem;
    border-bottom: 1px solid #DDD;
    padding-bottom: 2.5rem;
    font-weight: bold;
}
#carditems h2.newsitemnumber{
    color: #747474;
    font-size: 2.5rem;
    border:none;
    margin-bottom: 2.25rem;
    padding: 0;
}
#carditems .card{
    border: none;
    width: 100%;
}
#carditems .flickity-button, #carousel .flickity-button {
    position: absolute;
    border: 2px solid #40008D;
    color: #40008D;
    width: 84px;
    height: 84px;    
}
#carditems .flickity-button{
    top: 70px;
    background: #FFF;
}
#carditems .flickity-prev-next-button.next{
    right: -290px;
}
#carditems .flickity-prev-next-button.previous{
    left: 1062px;
}
#carditems .card-body{
    padding: 0;
}
#carditems .col-xl-4{
    padding-left: 0;
    padding-right: 1.25rem;
}
#carditems h3{
    font-size: 1.25rem;
    font-weight: bold;
    min-height: 7.5rem;
    border-bottom: 1px solid #DDD;
    margin-bottom: 1.875rem;
    padding-bottom: 1rem;
}
#counter,#paged,#type,#chosenitem,#numItems,#orginalurl,#printlogo,#englishurl,#frenchurl,#editurl{
    display: none;
}
/* ---------------------------------------------------
    DISCLAIMER
----------------------------------------------------- */
#disclaimer{
    background: #40008D;
    padding: 1.5rem;
    color: #FFF;
    display:none;
}
#disclaimer #dismiss-cookie {
    margin-bottom: 0;
}
#disclaimer h2{
    margin-bottom: 1rem;
    color: #FFF;
}
#disclaimer p:last-child{
    margin: 0;
}
#disclaimer a{
    color: #FFF;
    text-decoration: underline;
}
/* ---------------------------------------------------
    TWO COLUMN CONTENT - RIGHT COLUMN
----------------------------------------------------- */
#content-column .container{
    padding: 0;
    overflow: auto;
}
#content-column img{
    width: inherit;
    max-width: 100%;
}
figcaption{
    width: 70%;
    font-size: 0.9rem;
    font-style: italic;
    /* background: #EEE; */
    padding: 1rem;
    margin: 0 auto;
    text-align: left;
}
#content-column .parent-title{
    margin:0;
    padding-bottom: 4.1rem;
    font-size: 3.70rem;
    line-height: 1;
    font-weight: bold;
    color: #2F2F2F;
}
#content-column #introduction h2.title{
    margin-left:0;
    margin-right: 0;
}
#content-column a{
    text-decoration: underline;
}
#content-column a:hover{
    text-decoration: none;
}
#content-column .breadcrumb{
    margin-bottom: 5.8rem;
}
#content-column .breadcrumb a{
    text-decoration: none;
}
#content-column .breadcrumb a:hover{
   text-decoration: underline;
}
#content-column h2.title{
    font-size:  2.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #2F2F2F;
}
#content-column h2, #content-column h3, #content-column h4, #content-column h5, #content-column h6{
    margin-bottom: 1.5rem;
    font-weight: bold;
}
#content-column ul li, #content-column ol li{
    margin-bottom: 1.0rem;
}
#content-column ul li:last-child{
    margin-bottom: 0;
}
#content-column .icon-circle{
    max-width: 190px;
    max-height: 190px;
    height: 190px;
    width: 190px;
    line-height: 190px;
}
#content-column #quicklinks h2, #content-column .row{
    margin-left:0;
    margin-right:0;
}  
#content-column #quicklinks a, #content-column a.btn, #content-column .accordion .card-header a, #content-column #recommendations a, #content-column h3.card-title a{ 
    text-decoration: none;
}
#content-column .icon h3{
    margin-bottom: 0rem ;
    font-size: 1.125rem;
    color: #2F2F2F;
    font-family: 'Roboto';
}
#content-column #quicklinks{
    padding-top: 0;
}
/* ---------------------------------------------------
    TWO COLUMN CONTENT - LEFT COLUMN
----------------------------------------------------- */
#filter, #filter-column{
    padding-top: 217px;
}
.menu-card{
    padding: 1.563rem 1.25rem;
    background: #00A3E01A;
    border-radius: 20px;
    /*position:sticky; 
    top: 195px;*/
}
.menu-card h2{
    border-bottom: 1px solid #DDD;
    padding-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: bold;
}
.menu-card.students h2{
    border-bottom: 1px solid #D0A8FF;
}
.menu-card a{
    color: #2F2F2F;
    font-size: 1rem;
    line-height: 1rem;
}
.menu-card a.btn{
    color: #FFF;
    font-weight: bold;
}
.menu-card ul{
    padding: 0;
    margin: 1rem 0 0 0;
    list-style: none;
}
.menu-card .navbar{
    padding:0;
}
.menu-card .nav-link{
    padding:0;
    margin-bottom: 1.375rem;
}
.menu-card [aria-current] {
    text-decoration: bold;
}
.menu-card li.active a{
    color: #2F2F2F;
    font-weight: bold;
}
.menu-card.students{
    background: rgb(241,229,255);
    background: linear-gradient(211deg, rgba(241,229,255,1) 12%, rgba(255,198,202,1) 58%);
}
/* ---------------------------------------------------
    ALERTS
----------------------------------------------------- */
#alerts{
    display: none;
}
.alert{
    margin:0;
    width: 100%;
    border-radius: 0rem;
}
.alert-primary {
    border: none;
}
#alerts .flickity-prev-next-button:disabled {
    opacity: 0;
    display: none;
}
#alerts .flickity-button:disabled {
    display: none;
}
#alerts .btn-small {
    min-width: 100px;
    width: 100%;
}
/* ---------------------------------------------------
    FOOTER
----------------------------------------------------- */
footer{
    background: #FFF;
}
#connectwithus{
    background: #F5F5F5;
}
#connectwithus h2{
    font-size: 2.5rem;
    font-weight: bold;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #DDD;
}
#connectwithus h3{
    font-size: 1.25rem;
    color: #40008D;
    font-weight: bold;
    margin-bottom: 2.5rem;
}
#widgets{
    margin-top: 2.1875rem;
}
#twitterwidget{
    border: 2px solid #DDD;
    background: #FFF;
    margin-top: 4rem;
}
#linkssocialmedia{
    padding-bottom: 3.5rem;
}
#linkssocialmedia ul{
    margin: 1.25rem 0 0 0;
    padding:0;
}
#generalfooter h3{
    font-size: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #DDD;
    color: #40008D;
    font-family: 'Poppins';
    font-weight: bold;
}
#copyrightpolicies{
    margin-top: 1.125rem;
}
#footnote a{
    text-decoration: underline;
}
#copyright{
    font-size: 0.875rem;
}
#menu-other-footer li,#menu-other-footer-fr li{
    display:inline-block;
    margin-right: 1rem;
}
#menu-other-footer li a, #menu-other-footer-fr li a{
    color: #000;
    font-weight: bold;
    font-size: 0.875rem;
}
#social-media{
    list-style: none;
    padding: 0;
    margin-top: 1rem;
}
#social-media li{
    display: inline-block;
    text-align: center;
    margin-right: 1.0rem;  
    margin-bottom: 1.0rem; 
}
#social-media li a{
    display: inline-block;
    border: 2px solid #40008D;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 60px;
    height: 60px;
    font-size: 2.1rem;
    line-height: 1.7;
}
#languages ul, #languagesmobile ul{
    padding: 0;
    margin:0;
    display: inline-flex;
    color: #40008D;
}
#languages li, #languagesmobile li{
    list-style: none;
    margin:0;
    padding:0;
}
#languages li.lang-item-first:after, #languagesmobile li.lang-item-first:after{
    content: " / ";
    margin-right: 5px;
}
/* ---------------------------------------------------
    WORDPRESS OFFICIAL CSS
----------------------------------------------------- */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; width: auto; height: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;  text-align: center;}
.wp-block-columns {
  display: flex;
}
.wp-block-column {
  flex: 1;
}
.wp-block-media-text {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 50% 1fr;
    .has-media-on-the-right {
        grid-template-columns: 1fr 50%;
    }
}

.wp-block-media-text.is-vertically-aligned-top {
    .wp-block-media-text__content,
    .wp-block-media-text__media {
        align-self: start;
    }
}
.wp-block-media-text,
.wp-block-media-text.is-vertically-aligned-center {
    .wp-block-media-text__content,
    .wp-block-media-text__media {
        align-self: center;
    }
}

.wp-block-media-text.is-vertically-aligned-bottom {
    .wp-block-media-text__content,
    .wp-block-media-text__media {
        align-self: end;
    }
}

.wp-block-media-text .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
}

.wp-block-media-text .wp-block-media-text__content {
    grid-column: 2;
    grid-row: 1;
    word-break: break-word;
    padding: 0 8% 0 8%;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
    grid-column: 2;
    grid-row: 1;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 1;
}

.wp-block-media-text > figure > img,
.wp-block-media-text > figure > video {
    max-width: unset;
    width: 100%;
    vertical-align: middle;
}

.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
    height: 100%;
    min-height: 250px;
    background-size: cover;
}

.wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img {
    // The image is visually hidden but accessible to assistive technologies.
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
/*
* Here we here not able to use a mobile first CSS approach.
* Custom widths are set using inline styles, and on mobile,
* we need 100% width, so we use important to overwrite the inline style.
* If the style were set on mobile first, on desktop styles,
* we would have no way of setting the style again to the inline style.
*/
@media (max-width: #{ ($break-small) }) {
    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% !important;
        .wp-block-media-text__media {
            grid-column: 1;
            grid-row: 1;
        }
        .wp-block-media-text__content {
            grid-column: 1;
            grid-row: 2;
        }
    }

    .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right {
        .wp-block-media-text__media {
            grid-column: 1;
            grid-row: 2;
        }
        .wp-block-media-text__content {
            grid-column: 1;
            grid-row: 1;
        }
    }
}
.is-vertically-aligned-center{
    align-self: center;
}

/*#loadOverlay{display: none;}*/
@media (max-width: 1280px) {
    #carditems .flickity-prev-next-button.next{
        right:10px;
    }
    #carditems .flickity-prev-next-button.previous {
        left: 10px;
    }
    #carditems .flickity-button {
        top: unset;
        bottom: -120px;
    }
    #carditems{
        max-width: unset;
    }
}
@media (max-width: 1025px) {
    #disclaimer{
        margin-bottom:  48px;
    }
    #filterrow .dropdown{
        margin-bottom:  1rem;
    }
    #filterrow .dropdown-menu{
        position: relative;
    }
}
@media (max-width: 992px) {
    .homecontent #carousel .row{
        height: 500px;
    }
    main .btn-large{
        min-width: 220px
    }
    #menu-column, #filter-column {
        margin-top: 0;
        border-right: none;
        padding: 24px;
        background: #EEE;
    }
    .menu-card h2, #content-column h1, #connectwithus h2{
        text-align: center;
    }
    .menu-card .left-toggler {
        background: #fff;
        border-color: #fff;
        color: #222;
        min-height: 60px;
        width: 100%;
        text-align: left;
    }
    .menu-card .left-toggler .fa-bars{
        margin-right: 1rem;
    }
    #content-column #secondarypromo h2.title{
        margin: 2.5rem auto;
    }
    #filter-menu{
        width: 100%;
    }
    .menu-card .nav-link, #filter-menu-card{
        position: relative;
        padding-right: 60px;
        transition: all 0.3s ease-out;
    }
    .menu-card ul, .menu-card ul.submenu, .menu-card ul.submenu .nav-link{
        margin:0;
    }
    .menu-card ul.submenu li.nav-link{
        border:0;
        padding: 1rem 0 0 0;
    }
    .menu-card {
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0 6px 24px rgba(94, 106, 113, 0.2);
        margin:0;
        background: #FFF;
    }
    .menu-card h2.title{
        display:none;
    }
    #quicklinks .borderbottom{
        border: none;
    }
    #menu-column{
        order: 1;
    }
    #filter-column{
        order: 2;
    }
    #content-column{
        order: 3;
    }
    .icon{
        margin-bottom: 2.0rem;
    }
    #filterrow .dropdown-menu.show {
        min-width: 96%;
        max-width: 96%;
        margin:  2%;
        top: 0;
    }
}
@media (max-width: 768px) {
    #linkssocialmedia ul{
        margin-bottom: 2rem;
    }
    ul#social-media{
        margin-bottom: 0;
    }
    .homecontent #carousel .row{
        height: 350px;
    }
    nav#topnav{
        display: none;
    }
    .menu-top-nav{
        display: initial;
    }
    .menu-top-nav li,nav#topnav-fr li{
        display: inline;
        margin: initial;
    }
    #header{
        height: auto!important;
    }
    header{
        top: 0;
    }
    header #logo{
        margin-bottom: 10px;
    }
    header #navigation{
        width: 100%;
    }
    header #sidebarCollapse{
        float:left;
        margin:0;
    }
    header #search{
        float: right;
        margin-right: 0;
    }
    header #languages{
        display:none;
    }
    header #languagesmobile{
        display:flex;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
    }
    header #logo{
        float: none;
        text-align: center;
        justify-content: center;
    }
    hr.hide{
        display: block;
    }
    #quicklinks{
        padding-top: 3.75rem;
    }
    #quicklinks .col-lg-2{
        margin-bottom: 2rem;
    }
    main{
        padding-top: 200px;
    }
    main .btn-large{
        min-width: 295px
    }
    /* Reversing the behavior of the sidebar: 
    it'll be rotated vertically and off canvas by default, 
    collapsing in on toggle button click with removal of 
    the vertical rotation.   */
    #sidebar {
        margin-left: -250px;
        transform: rotateY(100deg);
        width: auto;
    }
    #sidebar.active {
        margin-left: 0;
        transform: none;
    }
    /* Reversing the behavior of the bars: 
       Removing the rotation from the first,
       last bars and reappear the second bar on default state, 
       and giving them a vertical margin */
    #sidebarCollapse span:first-of-type,
    #sidebarCollapse span:nth-of-type(2),
    #sidebarCollapse span:last-of-type {
        transform: none;
        opacity: 1;
        margin: 0 auto;
    }
    /* Removing the vertical margin and make the first and last bars rotate again when the sidebar is open, hiding the second bar */
    #sidebarCollapse.active span {
        margin: 0 auto;
    }
    #sidebarCollapse.active span:first-of-type {
        transform: rotate(45deg) translate(2px, 2px);
    }
    #sidebarCollapse.active span:nth-of-type(2) {
        opacity: 0;
    }
    #sidebarCollapse.active span:last-of-type {
        transform: rotate(-45deg) translate(1px, -1px);
    }
    .carousel-caption h1{
        font-size: 1.25rem;
    }
    #twitter{
        margin-top: 3.5rem;
    }
    #quicklinks .row{
        padding-bottom: 0.5rem;
    }
    #recommendations .gradient-card{
        font-size: 1rem;
    }
    .breadcrumb,.breadcrumb h1{
        line-height: 2rem;
    }
    #content-column .parent-title{
        font-size: 2.5rem;
    }
    .wp-block-columns{
        display: block;
    }
    .position-md-static {
        position: static !important;
    }
    /* KITS */
    .logocard{
        margin: 0;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-left-radius: 0px;
        -webkit-border-top-right-radius: 20px;
        border-top-right-radius: 20px;
        -moz-border-radius-topright: 20px;
    }
    .contentcard{
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        border-top-right-radius: 0px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-bottomleft: 20px;
        border-bottom-left-radius: 20px;
    }
    .featuredimage{
        height: 240px;
    }
}
@media (max-width: 576px) { 
    #backtotop {
        top: 600px;
    }
    #carousel h1,#parent-banner-image h1,#parentbannervideo h1{
        font-size: 2rem;
    }
    #parentbannervideo p, .parentdarkpurple p{
        font-size: 1.25rem;
    }
    .parentdarkpurple h2,.parentscaregiverscontent .filtereditems h2, .parentscaregiverscontent #content-column .filtereditems h2{
        font-size: 1.5rem;
    }
    .p-mobile-5{
        padding: 1rem 0.75rem!important;
    }
    #online-course .col-sm{
        margin-bottom: 12px;
    }
    .secondarycontent #carousel .row{
        height: 300px;
        margin: -25px 0;
    }  
    #promo .button{
        top: 100%;
    }
    .btn-large, .btn-small{
        width: 50%;
    }
    #practices-subscription #description{
        width: 100%;
    }
    #recommendations .gradient-card{
        margin-bottom: 1rem;
        font-size: 1.25rem;
    }
    #promo .card{
        margin-bottom: 24px;
    }
    .picture-banner-ads .title{
        font-size: 1.25rem;
        width: 60%;
    }
    #content-column .parent-title{
        font-size: 1.75rem;
    }
    #content-column img{
        width: 100%;
    }
    #disclaimer h2{
        font-size: 1.0rem;
    }
    #disclaimer p{
        font-size: 0.9rem;
    }
    .card-body iframe{
        width: 100%;
        /*height: 300px;*/
    }
    #parentintroduction h2.title{
        font-size: 2.75rem;
    }
    #content-column .logo img{
        width: inherit;
    }
}
@media (max-width: 428px) { 
    header #logo img{
       width: 100%;
       height: auto;
    }
    .btn-large, .btn-small{
       min-width: 100%;
    }
    #disclaimer{
        padding: 1.0rem 0;
    }
    #dismiss, #dismiss-cookie,.dismiss-alert{
        width: 40px;
        height: 40px;
        font-size: 1.0rem;      
    }
}
/* Print Styles */
@media print {
    body {
        background: white;
    }
    main{
        padding-top: unset;
    }
    #st-2, #st-2.st-left,#st-2.st-right,#backtotop,#navigation, #site-footer,#banner .col-sm-3,#carousel .col-md-3,#content-column .col-md-3,
    #maincontent nav,#header,.button, button, form, #content-column em, .flickity-page-dots, #resourcesearch,
    #smallhomebanners, #quicklinks,#promo,#newscarousel,.carousel-background-image .col-4, #recommendations,
    .is-type-video,.youtube-video,#suggest-a-topic,.card-footer,#loadmorerow, iframe,nav#topnav,.loadmore,#disclaimer,#menu-column,.filter-posts,#AddFavourite,#favourites-icon{
        display: none;
    }
    #content-column .collapse, #printlogo{
        display: block;
    }
    #content-column .col-xl-9, #content-column .col-md-6{
        padding: 0;
    }
    #content-column{
        padding: 0 1rem;
    }
    #content-column h3.coloured-card-title{
        color: #000;
    }
    #content-column .colouredcards{
        border: 0;
    }
    .card-header{
        padding: unset!important;
    }
    .container {
        display: inline;
    }
    #printlogo img{
        max-width:  256px;
        max-height: 55px;
    }
    .paddingtophalf, .paddingbottomhalf{
        padding: 1rem 0;
    }
    #banner h2, #banner p{
        max-width: unset;
        margin: unset;
        margin-top: 0.5rem;
    }
    .hideme{
        opacity: unset;
    }
    #carousel .banner-text-rev{
        max-width: unset;
        color: #000;
    }
    #carousel-background-image .col-md-6, #carousel-background-image .col-sm-8{
        flex: 0 100%;
        max-width: 100%;
    }
    .banner-title{
        max-width: 100%;
    }
    #introduction h2.title{
        max-width: 100%;
    }
    blockquote{
        border: none;
    }
}