:root {
    --primary-color: white;
    --secondary-color: #dcdcdc;
    --tertiary-color: #131313;
    --accent-color: #fbb226;
    --body-text-color: #454545;
    --background-black: #121212
}





/*--------------------------GRAPHIC DESIGN--------------------------*/

#main-graphiccontent {
    background-color: white;
    height: auto;
    margin-top: -10px;
    font-size: small;
}

.graphicprojects-content-container {
    padding: 10%;
    display: grid;
}

.graphicprojects-content-inner-container {
    padding: 6%;
}

.graphicprojects-content-inner-container img {
    height: auto;
    max-width: 100%;
}

.graphicproject-01 {
    text-align: center;
}

.first-img-mobile-ivan {
    margin-top: -20px;
}

.giant-senator-logo {
    margin-top: -12%;
    display: none;
}

.external-link-senator-sandra {
    color: #7A8027;
    font-weight: bold;
    text-decoration: underline 1.5px;
    text-underline-offset: 2px;
}

.external-link-senator-sandra:hover {
    font-weight: normal;
    text-decoration: none;
}

.external-link-senator-ivan {
    color: #0B8041;
    font-weight: bold;
    text-decoration: underline 1.5px;
    text-underline-offset: 2px;
}

.external-link-senator-ivan:hover {
    font-weight: normal;
    text-decoration: none;
}

.campaign-desktop {
    display: none;
}

.first-text-csyr {
    margin-top: -40px;
}

.last-img-csyr {
    margin-top: -60px;
}

.graphicproject-03 {
    text-align: right;
}

.smallgraph-content-inner-container-small {
    text-align: center;
}

.smallgraphic-titles1 {
    font-size: 18pt;
    margin-top: -6%;
}

.smallgraphic-titles {
    font-size: 18pt;
}

.HoverImgs-Default1 {
    width: 70%;
    margin: 4%;
    animation: slideRight 2s ease-out;
    object-fit: cover !important;
    border-radius: 40px !important;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
}

.HoverImgs-Hover1 {
    display: none;
}

.HoverImgs-Default1:hover {
    content: url(/Assets/Content/ColourRetouchingAssets02.png);
    border-radius: 20px !important;
    box-shadow: none;
}

.HoverImgs-Default1:active {
    content: url(/Assets/Content/ColourRetouchingAssets04.png);
}

.HoverImgs-Default2 {
    width: 70%;
    margin: 4%;
    animation: slideLeft 2s ease-out;
    object-fit: cover !important;
    border-radius: 40px !important;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
}

.HoverImgs-Hover2 {
    display: none;
}

.HoverImgs-Default2:hover {
    content: url(/Assets/Content/ColourRetouchingAssets04.png);
    border-radius: 20px !important;
    box-shadow: none;
}

.HoverImgs-Default2:active {
    content: url(/Assets/Content/ColourRetouchingAssets02.png);
}

.not-full-width-img {
    width: 75%;
    padding-top: 10%;
}


.HoverImgs-Default {
    width: 70%;
    margin: 4%;
    animation: slideRight 2s ease-out;
    object-fit: cover !important;
}

.HoverImgs-Hover {
    display: none;
}

.HoverImgs-Default:hover {
    content: url(/Assets/Content/SmallPhotoEditHover2.png);
    border-radius: 20px !important;
    box-shadow: none;
}