/******************Weglot***********************************/

/*Restrict form width to remain within parent container 
   - form set to cover full width of pg. (used for translation purposes)*/
   .guideContainerNode {
    max-width: 100%;
}
/*WeGlot Keyboard Focus*/
.wg-drop.wg-mouse-click>div:focus 
{ 
    outline: 3px solid #1CA6DF; 
}

/**********************************************************/

/* Make text go full width of text component; used when improper template was used to create page and causing text to not fill component */

.cmp-text {
    max-width: initial;
}

/* Round tops of "title" cards */
#round-corners-top.cmp-container {
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

/* Round bottoms of "text" cards */
#round-corners-bottom.cmp-container {
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

/* Go ahead and just round everything on buttons, containers, or images*/
#round-all.cmp-button, #round-all.cmp-container, #round-all.cmp-image__image {
    border-radius: 10px;
}

.remove-word-break a { 
    word-break: break-word !important;
}

.round-image .image .cmp-image__image {
    border-radius: 50%;
}

/* thicken the "thick" separator */
.separator.separator--dark .cmp-separator__horizontal-rule {
    border-width: thick;
}

/* Thin and Thick separators are now colored to match the header */
.separator.separator--grey .cmp-separator__horizontal-rule, .separator.separator--dark .cmp-separator__horizontal-rule {
    border-color:#193A4D!important;
}

/* Leadership page to make Name links on Staff have more natural spacing when it breaks to new line */
.fix-link-line-space .text-large .text-medium {
    display: -webkit-inline-box;
}

/* Banks Upcoming CRA Examination Schedule tables alignment */
.first-column-450 table tr th:nth-child(1) {
    width: 450px;
}
@media only screen and (max-width : 768px) {
    .first-column-450 table tr th:nth-child(1) {
        width: 200px;
    }
}

/****************** The HUB Customization*****************/

/*********Control Card height*********/
.card-height
{
    height: 300px;
}
