/****************************************/
/****************************************/
/** Australian Nursing & Midwifery Education Centre **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 -   
 *
 * 
 *  Document contains changes to cta
 *
 *
*/
/****************************************/
/****************************************/
/*************** tiles ***************/
@media (min-width: 1360.98px) {
    #masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) {
        padding: 0 calc(var(--width-var) / 2);
    }
}

@media (max-width: 1360.98px) {
    #masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) {
        /* padding: calc(var(--padding) / 2); */ display: flex;
        justify-content: space-between !important;
        align-items: flex-start;
        flex-direction: row;
    }
}

@media (max-width: 1200.98px) {
    #masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) {
        padding: var(--padding) 0;
    }
}

@media (max-width: 992.98px) {
    #masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) {
        padding: var(--padding) 0;
        flex-direction: column;
    }

    #masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) div {
        width: 100%;
    }
}

[class="col-sm-"i]:has(div[id*="_Panel_"i]:is([id*="tile"i])) {
}

[class*="col-sm-"i]:has(div[id*="_Panel_"i]:is([id*="tile"i])), [class*="col-sm-"i]:has(div[id*="_Panel_"i]:is([id*="tile"i])):is( [class*="col-sm-"i]:has(div[id*="_Panel_"i]:is([id*="tile"i])) + [class*="col-sm-"i]:has(div[id*="_Panel_"i]:is([id*="tile"i])) ) {
    padding: 0 calc(var(--padding) * 0.5);
}

#masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) > div {
    padding: 0 calc(var(--padding) * 0.5);
}

#masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) > div > div, #masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) > div > div > div > div, #masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) > div > div > div > div > div {
    width: 100%;
    height: 100%;
}

#masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) {
    display: flex;
    align-items: stretch;
}

#masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="Tile"i])):is(:has([class*="col-sm-"i] div[id*="_Panel_"i]:not([id*="Tile"i]))) {
    display: flex;
    align-items: flex-start;
    /* flex-direction: row; */
}

#masterContentArea .col-primary > div > div > div.row div:has(> div[id*="_Panel_"i]:is([id*="tile"i])) {
    width: 100%;
    border-radius: var(--button-border-radius) !important;
}

#masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) div:is([id*="tile"i]) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    justify-content: flex-start;
}

#masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])):not(:has(div[id*="_Panel_"i]:not([id*="tile"i]))) div {
    display: flex;
    flex-grow: 1;
}

#masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])):not(:has(div[id*="_Panel_"i]:not([id*="tile"i])))>div div {
    height: 100%;
}

#masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])):not(:has(div[id*="_Panel_"i]:not([id*="tile"i])))>div div[id*="_Panel_"i]+div {
    display: none;
}

div[id*="_Panel_"i]:is([id*="tile"i]) {
    padding: var(--padding);
    padding-left: calc(var(--padding) / 2);
    padding-right: calc(var(--padding) + calc(var(--padding) / 2));
    /* background: var(--grey-color); */
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/grain-texture-25.png) !important;    
 }

div[id*="_Panel_"i]:is([id*="tile"i]):hover {
    padding-left: var(--padding);
    padding-right: var(--padding);
}

div[id*="_Panel_" i]:is([id*="icon" i][id*="tile" i]) img {
    width: 5rem !important;
    height: 5rem !important;
    object-fit: contain;
    margin-bottom: calc(var(--padding) / 2);
}

div[id*="_Panel_" i]:is([id*="icon" i][id*="tile" i]):hover {
    background: var(--primary-alt-superlight);
    box-shadow: var(--box-shadow-hover);
}

div[id*="_Panel_"i]:is([id*="tile"i]):not([id*="Primary"i],
[id*="Secondary"i],
[id*="Tertiary"i],
[id*="Grey"i]) {
   
    box-shadow: var(--box-shadow);
}


div[id*="_Panel_"i]:is([id*="tile"i]) *:is(h1, h2, h3, h4, h5, h6) {
    font-size: 2.4rem;
    margin-bottom: 2rem !important;
    color: var(--tertiary-color);
}

div[id*="_Panel_"i]:is([id*="tile"i]) h4 {
    display: flex;
    align-items: center;
    margin-bottom: 2rem !important;
}

div[id*="_Panel_"i]:is([id*="tile"i]):has(a.cta-link) h4 {
    padding-right: 5rem;
    width: 100%;
    position: relative;
} 

div[id*="_Panel_"i]:is([id*="tile"i]):has(a.cta-link) h4:before {
    position: absolute;
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    right: 0;
    top: 0;
    background-color: var(--primary-alt-superlight);
    border-radius: 50%;
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/cta-arrow-primary.svg);
    background-size: 1.8rem;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .2s ease;    
}

div[id*="_Panel_"i]:is([id*="tile"i]):has(a.cta-link):hover h4:before {
    background-color: var(--primary-color);
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/cta-arrow-white.svg);
}

div[id*="_Panel_"i]:is([id*="tile"i]) p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* -webkit-line-clamp: 3; */
    line-height: 1.4em;
}

div[id*="_Panel_"i]:is([id*="tile"i]) a.cta-link:not([class*="utton"i]) {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 0;
    z-index: 1;
}

div[id*="_Panel_"i]:is([id*="tile"i]), div[id*="_Panel_"i]:is([id*="tile"i]) * {
    transition: 0.2s ease all;
}

div[id*="_Panel_"i]:is([id*="tile"i]) > *:not(img) {
    /* max-width: calc(100% - var(--padding)); */
}

div[id*="_Panel_"i]:is([id*="tile"i]) >div {
    height: auto !important;
    align-items: flex-end;
}

.iMIS-WebPart:has(div[id*="_Panel_"i]:is([id*="tile"i])) {
    margin-bottom: 2.5rem !important;
    display: flex !important;
}

@media (max-width: 1200.98px) {
    .iMIS-WebPart:has(div[id*="_Panel_"i]:is([id*="tile"i])) {
        margin-bottom: 0rem !important;
    }
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Primary"i]) {
    background: var(--primary-color);
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Primary"i]):has(a.cta-link) h4:before {
    background-color: var(--white-color);
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/cta-arrow-primary.svg);  
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Primary"i]):has(a.cta-link):hover h4:before {
    background-color: var(--primary-alt-light);
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/cta-arrow-primary.svg);  
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Primary"i]) *:is(*:not(.button, .Button, sup, sub)) {
    color: white !important;
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Secondary"i]) {
    background: var(--secondary-color);
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Secondary"i]):has(a.cta-link) h4:before {
    background-color: var(--white-color);
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/cta-arrow-secondary.svg);  
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Secondary"i]):has(a.cta-link):hover h4:before {
    background-color: var(--secondary-alt-light);
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/cta-arrow-secondary.svg);  
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Secondary"i]) *:is(*:not(.button, .Button, sup, sub)) {
    color: white !important;
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Tertiary"i]) {
    background: var(--tertiary-color);
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Tertiary"i]):has(a.cta-link) h4:before {
    background-color: var(--white-color);
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/cta-arrow-tertiary.svg);  
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Tertiary"i]):has(a.cta-link):hover h4:before {
    background-color: var(--tertiary-alt-light);
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/cta-arrow-tertiary.svg);  
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Tertiary"i]) *:is(*:not(.button, .Button)) {
    color: white !important;
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Grey"i]) {
    background: var(--white-color);
    box-shadow: var(--box-shadow);
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Grey"i]):hover {
    background: var(--primary-alt-superlight);
    box-shadow: var(--box-shadow-hover);
}

div[id*="_Panel_"i]:is([id*="tile"i][id*="Grey"i]) *:is(*:not(.button, .Button, sup, sub)) {
    /* color: white !important; */
}

 
.grey-row div[id*="_Panel_"i]:is([id*="tile"i][id*="Grey"i]) {
    background: var(--white-color);
    box-shadow: var(--box-shadow);
}

 

div[id*="_Panel_"i]:is([id*="tile"i]):not([id*="tile"i][id*="Grey"i]) a[class*="button"i] {
    background: white !important;
    color: var(--dark-color) !important;
}

:is(div[id*="_Panel_"i]:is([id*="tile"i]):not([id*="tile"i][id*="Grey"i]) a[class*="button"i]):hover{
    /* color: white !important; */
    background: var(--primary-alt-superlight) !important;
}



:is(div[id*="_Panel_"i]:is([id*="tile"i]):not([id*="tile"i][id*="Grey"i]) a[class*="button"i]):before{/* background: white !important; */}
.grey-row div[id*="_Panel_"i]:is([id*="tile"i][id*="Grey"i]) a[class*="button"i] {
    background: var(--primary-color);
    color: white;
    margin-top: auto !important;
}

@media (min-width: 767.98px) {
    #masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) div:is([id*="tile"i]).button-wrap {
    flex-wrap: wrap;
    gap: 0 1.5rem;
    flex-direction: initial;
}

#masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) div:is([id*="tile"i]).button-wrap *:not(:has(a[class*="button"i])) {
    width: 100%;
}

#masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) div:is([id*="tile"i]).button-wrap p:has(a[class*="button"i]) {
    width: calc(50% - .75rem);
}
#masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) div:is([id*="tile"i]).button-wrap p:is(:nth-last-child(2), :last-child) {
    margin-bottom: 0 !important;
}

#masterContentArea .col-primary > div > div > div.row:has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="tile"i])) div:is([id*="tile"i]).button-wrap p:is(:nth-last-child(2), :last-child) a[class*="button"i] {
    margin-bottom: 0 !important;
}

}



/********image ratios ********/
.iMIS-WebPart > .ContentItemContainer > div:is([class*="ratio" i]) img {
    object-fit: cover;
    object-position: center center;
}

.ratio-3-2 img {
    aspect-ratio: 3 / 2;
}

.ratio-4-3 img {
    aspect-ratio: 4 / 3;
}

.ratio-16-9 img {
    aspect-ratio: 16 / 9;
}

.ratio-1-1 img {
    aspect-ratio: 1 / 1;
}

.ratio-21-9 img {
    aspect-ratio: 21 / 9;
}

.ratio-5-4 img {
    aspect-ratio: 5 / 4;
}

.ratio-9-16 img {
    aspect-ratio: 9 / 16;
}

.ratio-2-3 img {
    aspect-ratio: 2 / 3;
}

/**************** Standard call-to-action ****************/
.col-primary > div > div > div.row.call-to-action-row:has(> div + div) > div:has(div[id*="_Panel_"i]:is([id*="Tile"i], [id*="tile"i])) {
    display: flex;
    align-items: flex-start;
}

.col-primary > div > div > div.row.call-to-action-row:has(> div + div) > div div:not(.image-container) {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: flex-start;
}

.row.call-to-action-row {
    display: flex;
    flex-direction: row;
    align-items: stretch !important;
    align-content: stretch;
    /* height: 100%; */
}

.col-primary > div > div > div.row.call-to-action-row:has(> div + div) {
    /* gap: var(--padding); */
    display: flex;
    flex-direction: row;
    align-items: stretch;
    /* column-gap: var(--padding); */
    /* display: flex; */
    /* align-items: stretch; */
    /* flex-direction: row; */
}

@media (min-width: 1200.98px) {
    .col-primary > div > div > div.row.call-to-action-row:has(> div + div) > div {
        /* padding: 0; */
    }
}

@media (max-width: 1200.98px) {
    .row.call-to-action-row {
        /* display: flex; */ flex-direction: column;
        /* align-items: stretch; */
        /* align-content: stretch; */
        gap: 0;
    }

    .col-primary > div > div > div > div.row.call-to-action-row:has(> div + div) {
        gap: 0;
        display: flex;
        flex-direction: row;
        /* padding: var(--padding) !important; */
    }
}

@media (max-width: 992.98px) {
    .col-primary > div > div > div > div.row.call-to-action-row:has(> div + div) {
        flex-direction: column;
    }

    .col-primary > div > div > div > div.row.call-to-action-row:has(> div + div) {
        padding: 0 !important;
        gap: 0;
        display: flex;
        flex-direction: column;
    }
}

.row.call-to-action-row > div div {
    display: flex !important;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    align-items: flex-start;
}

.row.call-to-action-row > div div[id*="_Panel_"]+div {
    display: none !important;
}

.row.call-to-action-row > div div.image-container {
    flex-grow: 0;
}

div[id*="_Panel_"][id*="calltoaction"] {
    display: flex;
    overflow: hidden;
    border-radius: var(--border-radius);
    /* border: var(--input-border); */
    flex-direction: column;
    /* background: #fff; */
    transition: all 0.2s ease;
    flex-grow: 1;
    /* height: 100%; */
    /* box-shadow: var(--box-shadow); */
    align-items: flex-start;
    position: relative;
    padding: calc(var(--padding) / 2);
}
div[id*="_Panel_"][id*="calltoaction"] * {
    
    transition: all 0.2s ease;
   
}

div[id*="_Panel_"][id*="calltoaction"]:hover {
    /* box-shadow: var(--box-shadow-hover); */
    /* transform: translateY(calc(var(--padding) * -0.5)); */
    background: var(--primary-alt-superlight);
}

div[id*="_Panel_"][id*="calltoaction"] > *:not(.image-container):not([class*="button"i]) {
    padding-right: calc(var(--padding) / 2);
    margin-right: var(--padding);
}
div[id*="_Panel_"][id*="calltoaction"]:hover > *:not(.image-container):not([class*="button"i]) {
    padding-left: calc(var(--padding) / 2);
        padding-right: 0;

 }
div[id*="_Panel_"][id*="calltoaction"] > *:not(.image-container):last-child {
    margin-bottom: var(--padding);
    margin-top: auto;
}

#masterContentArea .col-primary > div > div > div.row:has(> div + div) > div {
    display: flex;
    flex-grow: 1;
    /* align-items: stretch; */
    /* justify-content: space-between; */
}

#masterContentArea .col-primary > div > div > div.row:has(> div + div) > div > div {
    width: 100%;

}

#masterContentArea .col-primary > div > div > div.row.call-to-action-row:has(> div + div) > div > div {
height: 100%;
}

.row.call-to-action-row div[class*="col-sm-4"], .row.call-to-action-row div[class*="col-sm-3"] {
    /* width: 100%; */
}

.row.call-to-action-row .iMIS-WebPart {
    flex-grow: 1;
}

.row.call-to-action-row .WebPartZone {
    flex-grow: 1;
}

div[id*="_Panel_"][id*="calltoaction"] img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    aspect-ratio: 3/2;
    border-radius: var(--border-radius);
    padding: 0 !important;
}

div[id*="_Panel_"][id*="calltoaction"]:last-of-type a[class*="utton"] {
    margin-top: auto !important;
    /* margin-left: var(--padding) !important; */
    margin-bottom: var(--padding) !important;
}
div[id*="_Panel_"][id*="calltoaction"]:hover a[class*="utton"] {
   background: white !important;
   margin-left: var(--padding);
   color: var(--primary-color);
}

div[id*="_Panel_"][id*="calltoaction"]:hover a[class*="utton"]:hover{background: transparent !important;color: white !important;}
div[id*="_Panel_"][id*="calltoaction"] h4 {
    margin-bottom: 2rem !important;
    margin-top: var(--padding);
    color: var(--tertiary-color);
    padding-right: calc(5rem + calc(var(--padding) / 2)) !important;
    position: relative;
    width: 100%;
}
div[id*="_Panel_"][id*="calltoaction"]:hover h4 {
    padding-right: 5rem !important;
}

div[id*="_Panel_"][id*="calltoaction"] .image-container {
    position: relative;
}

div[id*="_Panel_"][id*="calltoaction"] .image-container:before {
        position: absolute;
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    right: calc(var(--padding) / 2);
    top: calc(100% + 3.2rem);
    background-color: var(--primary-alt-superlight);
    border-radius: 50%;
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/cta-arrow-primary.svg);
    background-size: 1.8rem;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .2s ease;
}

div[id*="_Panel_"][id*="calltoaction"]:hover .image-container:before {
    right: 0;
    background-color: var(--white-color);
}

div[id*="_Panel_"][id*="calltoaction"] > *:last-child:not(div) {
    margin-bottom: 0;
}

div[id*="_Panel_"i]:is([id*="calltoaction"]):hover *:is(h1, h2, h3, h4, h5, h6, p) {
/*     color: white !important; */
 }

.col-primary>div>div>div>div.row>div div:not(.iMIS-WebPart > .ContentItemContainer *) [id*="downloadContainer"] {
    display: none !important;
}

div[id*="_Panel_"i]:is([id*="calltoaction"]) a:is([class*="cta-link"i]) {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 0;
    z-index: 1;
}

div[id*="_Panel_"][id*="calltoaction"][id*="mage"] {
    justify-content: flex-end;
    padding-left: var(--padding);
padding-top: 15rem;
}

div[id*="_Panel_"][id*="calltoaction"][id*="mage"] .image-container {
    position: static;
}

div[id*="_Panel_"][id*="calltoaction"][id*="mage"] .image-container img {
    position: absolute;
    left: 0;
    top: 0;
    aspect-ratio: auto;
    height: 100% !important;
    width: 100% !important;
}

div[id*="_Panel_"][id*="calltoaction"][id*="mage"] .details {
    margin: 0;
    padding: var(--padding) !important;
    background: var(--white-color);
    position: relative;
    flex-grow: 1 !important;
    border-radius: var(--border-radius);
}

div[id*="_Panel_"][id*="calltoaction"][id*="mage"] .details>div:has(a[class*="button"i]) {
    flex-grow: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

div[id*="_Panel_"][id*="calltoaction"][id*="mage"] h4 {
    padding-right: 0 !important;
    margin-top: 0;
}

body#MainBody div[id*="_Panel_"][id*="calltoaction"][id*="mage"] a[class*="button"i] {
    margin-left: 0 !important;
    background: var(--primary-color) !important;
    color: var(--white-color) !important;
} 

body#MainBody div[id*="_Panel_"][id*="calltoaction"][id*="mage"] a[class*="button"i]:hover {
    background: var(--primary-alt-light) !important;
    color: var(--white-color) !important;
}

 
/*************quoteblock**************/

*:is([class*="quoteblock" i], [class*="blockquote" i], div[id*="_Panel_"][id*="Quoteblock"i], blockquote, div:is(div[class*="pull-out"])) {
    padding: calc(var(--padding) / 1) !important;!i;!;
    /* background: var(--grey-color); */
    border-radius: var(--border-radius);
    /* border-left: none; */
    display: flex !important;
    width: 100%;
    margin: 0;
    justify-content: space-between;
    margin-bottom: 1em;
    flex-direction: column !important;!im;!;
    flex-wrap: wrap;
    /* border: none !important; */!im;!;
    position: relative;
    border: none !important;
    background: var(--primary-alt-superlight);
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/grain-texture-25.png) !important;
}

*:is([class*="quoteblock" i], [class*="blockquote" i], div[id*="_Panel_"][id*="Quoteblock"i], blockquote, div:is(div[class*="pull-out"])) {
    
}

*:is([class*="quoteblock" i], [class*="blockquote" i], div[id*="_Panel_"][id*="Quoteblock"i])[id*="rimary"] {
    background: var(--primary-color);
    
}

*:is([class*="quoteblock" i], [class*="blockquote" i], div[id*="_Panel_"][id*="Quoteblock"i])[id*="econdary"] {
    background: var(--secondary-color);
}

*:is([class*="quoteblock" i], [class*="blockquote" i], div[id*="_Panel_"][id*="Quoteblock"i])[id*="ertiary"] {
    background: var(--tertiary-color);
}


*:is([class*="quoteblock" i], [class*="blockquote" i], div[id*="_Panel_"][id*="Quoteblock"i]):is([id*="rimary"], [id*="econdary"], [id*="ertiary"]) *:not([class*="utton"]) {
    color: var(--white-color);
}

*:is([class*="quoteblock" i], [class*="blockquote" i], div[id*="_Panel_"][id*="Quoteblock"i]):is([id*="rimary"], [id*="econdary"], [id*="ertiary"]):before {
    filter: brightness(0) invert(1);
}

*:is([class*="quoteblock" i], [class*="blockquote" i], div[id*="_Panel_"][id*="Quoteblock"i], blockquote):before {
    content: "";
    display: flex;
    background-image: url(/App_Themes/_ANMEC_Theme/images/svg/quote.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 3rem;
    aspect-ratio: 1/1;
    margin-left: calc(var(--padding) / 2);
    margin-left: auto;
    position: absolute;
    right: calc(var(--padding) / 2);
    top: calc(var(--padding) / 2);
    filter: var(--primary-image-filter);
}


*:is([class*="quoteblock" i], [class*="blockquote" i], div[id*="_Panel_"][id*="Quoteblock"i], blockquote, div:is(div[class*="pull-out"]))>div {
    width: 100%;
}



*:is([class*="quoteblock" i], [class*="blockquote" i], div[id*="_Panel_"][id*="Quoteblock"i], blockquote) > * {
    width: calc(100% - 6rem);
}

@media (max-width: 992.98px) {
    *:is([class*="quoteblock" i], [class*="blockquote" i], div[id*="_Panel_"][id*="Quoteblock"i], blockquote, div:is(div[class*="pull-out"])) {
        padding: calc(var(--padding) / 1);
    }
}

 

  *:is([class*="quoteblock" i], [class*="blockquote" i], div[id*="_Panel_"][id*="Quoteblock"i], blockquote, div:is(div[class*="pull-out"])) *:is(p, .iMIS-WebPart div[id*="_Panel_"i], p a) a {
    color: currentColor !important;
 }

#masterContentArea .col-primary div[id*="_Panel_"]>img {
    border-radius: var(--border-radius);
}