﻿/* pink CTA button */
div.generalFullWidth-content a.CTA-pinkButtonWithArrow{
     border-color: transparent;
     background-color: #DE1B5C; 
     color: white;
     display: inline-block;
}
div.generalFullWidth-content a.CTA-pinkButtonWithArrow:hover,
div.generalFullWidth-content a.CTA-pinkButtonWithArrow:focus {
     border: 2px solid #DE1B5C;
     color: #212529;
     background-image: none;
}
div.generalFullWidth-content a.CTA-pinkButtonWithArrow:hover:after,
div.generalFullWidth-content a.CTA-pinkButtonWithArrow:focus:after {
     border: 2px solid #212529;
     padding: 4px;
     border-width: 0 2px 2px 0;
}

/* White border button in blue background */
div.generalFullWidth-content a.CTA-ButtonWhiteBorderBlueBGWithArrow{
     background-color: transparent; 
     display: inline-block;
     color: white !important;
     clear:both;
     text-decoration:none; 
     height: auto; 
     text-align:left; 
     padding: 8px 50px 8px 14px; 
     background-size: 18px auto; 
     background-position: right 10px top 50%; 
     background-repeat:no-repeat; 
     margin-bottom: 4px;
     border: 2px solid white;
     width: fit-content;
     position: relative;
}
div.generalFullWidth-content a.CTA-ButtonWhiteBorderBlueBGWithArrow:after {
     content: '';
     border: solid white;
     display: inline-block;
     padding: 4px;
     right: 15px;
     -webkit-transform: rotate(-45deg);
     position: absolute;
     top: 15px;
     /* border-color: black; */
     border-width: 0 2px 2px 0;
}
div.generalFullWidth-content a.CTA-ButtonWhiteBorderBlueBGWithArrow:hover,
div.generalFullWidth-content a.CTA-ButtonWhiteBorderBlueBGWithArrow:focus {
     border: 2px solid white;
     color: black !important;
     background-image: none;
     background-color: white;
}
div.generalFullWidth-content a.CTA-ButtonWhiteBorderBlueBGWithArrow:hover:after,
div.generalFullWidth-content a.CTA-ButtonWhiteBorderBlueBGWithArrow:focus:after {
     border: 2px solid black;
     padding: 4px;
     border-width: 0 2px 2px 0;
}

/* solid pink box */
div.generalFullWidth-content div.solid-pink-background-box {
     background-color: #DE1B5C;
     color: white;
}
div.generalFullWidth-content div.solid-pink-background-box p {color:white;}
div.generalFullWidth-content div.solid-pink-background-box a {color:white;}
div.generalFullWidth-content div.solid-pink-background-box a:hover, div.generalFullWidth-content div.solid-pink-background-box a:active, div.generalFullWidth-content div.solid-pink-background-box a:focus {color: white; text-decoration:underline;}
div.generalFullWidth-content div.solid-pink-background-box a:visited, div.generalFullWidth-content div.solid-pink-background-box a:link {color: white; text-decoration: none;}
div.generalFullWidth-content div.solid-pink-background-box h1, div.generalFullWidth-content div.solid-pink-background-box h2, div.generalFullWidth-content div.solid-pink-background-box h3, div.generalFullWidth-content div.solid-pink-background-box h4 {color: white;}

/* margin between navigation and blue container */
/*.nav-spacing {
    margin-bottom: 0rem !important;
}*/

div.container-blue-bg .generalFullWidth-content a:visited, body div.container-blue-bg .generalFullWidth-content a.clearingBannerLink {
    text-decoration: underline !important;
}

div.container-blue-bg .generalFullWidth-content a:visited, body div.container-blue-bg .generalFullWidth-content a:hover.clearingBannerLink {
    text-decoration: none !important;
}
