:root {
    --brightblue: #0057aa;
    --brightbluehover: #02427d;
    --lightblue: #dceffe;
    --mediumblue: #c2e4fd;
    --lightyellow: #fffbea;
    --lightpink: #fdf0f9;
    --lightgray: #eef0ef;
    --pink: #f397d6;
}

.buttons .ui-button, .buttons .catfish-button, .buttons .button {
    font-weight: 700;
    text-transform: uppercase; 
    background: var(--brightblue);
    color: white;
}
.buttons .ui-button:hover, .buttons .catfish-button:hover, .buttons .button:hover {
    background: var(--brightbluehover);
}
.catfish-button > .catfish-button, .catfish-button > .button, .button > .catfish-button, .button > .button, .catfish-button, .button{
    font-weight: 700;
    text-transform: uppercase; 
    background: var(--brightblue);
    color: white;
}
.catfish-button > .catfish-button:hover, .catfish-button > .button:hover, .button > .catfish-button:hover, .button > .button:hover, .catfish-button:hover, .button:hover {
    background: var(--brightbluehover);
}
/*Centered Navbar*****************************************/

/*general navbar*/
nav#main-nav {
    display: flex;
    flex-direction: column;
    background: white;
    height: 10rem;
}
i.far.fa-angle-down {
    font-size: 1.5rem;
    padding-left: 10px;
}
.navbar-item {
    height: 100%;
}
.navbar-item a {
    color: black;
    font-weight:700;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-family: 'circe-rounded';
}
.storelogo a {
    display: flex;
}
.navbar-item a:hover {
    opacity: 0.7;
}
#logorow .navbar {
    background: transparent;
}
#logorow .navbar .navbar-item.has-dropdown:hover .navbar-link {
    background: transparent;
}
a.navbar-link {
    color: black!important;
    font-family: 'circe-rounded';
    font-weight: 700;
}
a.navbar-link.notdropdown::after {
    display: none;
}
a.navbar-link.notdropdown {
    padding-right: 1.5rem;
}
/*icon styling*/
img.caratdown {
    width: 14px;
    margin-left: 10px;
}
/*search styling*/
input#small-searchterms {
    border: 0px!important;
    box-shadow: none!important;
}
input#btn-small-search {
    background: var(--brightblue);
    font-weight: 700;
}
input#btn-small-search:hover {
    background: var(--brightbluehover);
}
/*TOPBAR*************************************************/

.topbar {
    background: var(--brightblue);
    padding-top: 2px;
}
.container.topbarcontainer {
    display: flex;
    justify-content: space-between;
}
.leftoptions {
    display: flex;
    gap: 30px;
}
.container.topbarcontainer .navbar-item a {
    color: white!important;
}
.topbar .navbar-item {
    color: white;
    padding-left: 0px;
    padding-right: 0px;
    font-family: 'circe-rounded';
    font-size: 1.3rem;
    font-weight: 500;
}
a.navbar-item {
    font-family: 'circe-rounded';
    font-size: 1.3rem;
    font-weight: 500;
}
.navbar-item.has-dropdown a span {
    line-height: 0px;
}
.navbar-item.has-dropdown a {
    display: flex;
    align-items: center;
}
/*search*/
a.navbar-search-toggle {
    display: inline-block;
}
i.fal.fa-search {
    font-weight: 600;
    margin-right: 5px;
}
/*login logout buttons*/
a.navbar-item.logbutton {
    display: flex;
    align-items: center;
    gap: 5px;
}
i.fal.fa-sign-out.fa-lg {
    font-weight: 600;
    font-size: 1rem;
}
/*admin button*/
a.adminbutton {
    display: inline-block;
}
i.fas.fa-cog {
    margin-right: 5px;
}
a.is-shown.logbutton {
    display: inline-block;
}
i.fal.fa-sign-out.fa-lg {
    margin-bottom: 2px;
}
.navbar-link:not(.is-arrowless)::after {
    margin-top: -0.5em;
}
/*text on topbar buttons*/
.topbar span {
    text-transform: capitalize;
    font-weight:600;
    font-family: 'circe-rounded'; 
}
a.navbar-link {
    font-size: 1.3rem;
    font-weight: 700;
}
/*search box top nav*/
.search-box {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 260px;
    height: 28px;
}
.searchbox_wrapper,
.search-box form {
    height: inherit;
}
.search-box .searchbox {
    padding-top: 1px;
    padding-bottom: 1px;
}
.search-box input {
    height: inherit;
}
.search-box .searchbutton {
    width: 50px;
    background: var(--brightbluehover);
    padding-top: 1px;
    padding-bottom: 1px;
}
.leftoptions .navbar-item {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
}

/*BOTTOM NAV********************************/

.bottomnavbuttons {
    gap: 10px;
    display: flex;
}
.bottomnav {
    display: flex;
    justify-content: space-between;
}
.bottomnav  .navbar-item a {
    text-transform: capitalize;
}
/*carats*/
.content-field-navbar .navbar-link:not(.is-arrowless)::after {
    border-color: var(--dark);
}
/*store logo*/
.is-header-logo {
    height: 2.8rem!important;
}
.navbar-item.storelogo {
    padding-left: 0px;
}
.navbar-item img {
    max-height: unset;
}
.navbar .container.bottomnav {
    height: 8rem;
    background: white;
}
/*dropdowns*/
a.navbar-link {
    line-height: 1;
}
.navbar-link:hover {
    color: black!important;
    opacity: 0.7;
}
.navbar-dropdown {
    background: white;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px;
    box-shadow: none;
    filter: none;
    transform: translate(0.5rem, -2rem);
    -webkit-transform: translate(0.5rem, -2rem);
    -moz-transform: translate(0.5rem, -2rem);
    -ms-transform: translate(0.5rem, -2rem);
    -o-transform: translate(0.5rem, -2rem);
    -webkit-filter: none;
}
.navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background-color: white;
    color: black;
}


/*mobile navbar**********************************************/
.mobileshow {
    background: white;
}
.mobileshow .container {
    display: flex;
    justify-content: space-between;
}
.promobannermobile {
    margin: 0.5rem 1.2rem;
    padding: 10px;
    background: var(--brightblue);
    color: white;
}
.mobileshow .notdropdown {
    padding-left: 0px;
}

/*logo*/
.mobileshow .storelogo {
    width: 7rem;
}
.mobileshow .is-header-logo {
    height: 3.5rem;
}
.rightMobileBar {
    display: flex;
    align-items: center;
}
i.fal.fa-shopping-cart.fa-lg {
    color: black;
    font-weight: 500;
}
.badge {
    top: 1.75rem;
    background: var(--brightblue);
    padding-top: 5px;
}
/*burger*/
.navbar-burger span {
    background-color: black;
}
/*burger menu*/
.mobileshow .navbar-menu {
    background: var(--white);
    transform: translate(0px, 4.5rem);
    -webkit-transform: translate(0px, 4.5rem);
    -moz-transform: translate(0px, 4.5rem);
    -ms-transform: translate(0px, 4.5rem);
    -o-transform: translate(0px, 4.5rem);
}
.mobileshow .navbar-menu .navbar-item {
    padding-top: 0px;
    padding-bottom: 0px;
}
.mobileshow .navbar-start {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/*burger menu dropdowns*/
.mobileshow .navbar-dropdown {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}
@media screen and (max-width:767px) {
    .mobileshow .navbar-menu.logo-left.is-active {
        padding-left: 1rem;
        padding-right: 2rem;
    } 

}

/*media queries hide show desktop mobile*/
@media screen and (max-width:1087px) {
    .mobileshow {
        display: block!important;
    }
    .mobilehide {
        display: none!important;
    }
}
@media screen and (min-width:1088px) {
    .mobileshow {
        display: none!important;
    }
}
@media screen and (max-width:1087px) {
    nav#main-nav {
        background: transparent;
    }
    a.navbar-item {
        display: flex;
        align-items: center;
    }
    .badge {
        top: 1rem;
        right: 0.25rem
    }
}
/*mobile navbar styling*/
@media screen and (max-width:1087px) {
    .mobileshow .storelogo {
        width: 7rem;
        display: flex;
        align-items: center;
        margin-left: 10px;
    }
    #toprow .navbar {
        background-color: transparent;
    }
    .mobileshow .navbar-menu.logo-left.is-active {
        background:white;
        padding-left: 1rem;
        padding-right: 2rem;
    } 
    }
@media screen and (min-width:768px) and (max-width:1087px) {
    .mobileshow .navbar-menu.logo-left.is-active {
        padding-left: 4rem;
        padding-right: 5rem;
    }
} 
/*cart*/
.shoppingcart__wrapper .cartform .cartTableWrapper .cart-item-row .cart--pictures .shopping-cart__product__images__item img {
    object-fit: contain!important;
}
.product__title.is-word-break-all a {
    word-break: normal;
}
/*footer*/
.footer-column-content {
    display: flex;
    flex-direction: column;
}
h2.footertitle {
    font-weight: 600!important;
    color: black;
    font-family: 'circe-slab-a';
    border-bottom: 2px solid var(--brightblue);
    padding-bottom: 2px;
    width: fit-content;
    font-size: 1.4rem;
}
h2.footertitle, .footer-column-content a {
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
} 
.copyrightandlogo {
    background: var(--lightgray);
}
.bordercopyright {
    padding-top: 2rem;
    border-top: 1px solid var(--lightgray);
}
.arone-footer {
    padding-bottom: 4rem;
    padding-top: 4rem;
    background: var(--lightgray)!important;
}
.arone-footer a span, .arone-footer a span:hover {
    font-weight: 400!important;
    color: black;
    font-family: 'circe-rounded';
    font-size: 1.3rem;
    opacity: 0.7;
}
.arone-footer a span:hover {
    text-decoration: underline;
}
img.social {
    width: 24px;
}
p.copyrighttext {
    color: black;
    font-weight: 400;
    font-size: 0.9rem;
    padding-bottom: 20px;
    padding-top: 20px;
    font-family: 'circe-rounded';
    opacity: 0.7;
}
/*slider*/
.flexslider.infigo-slider .slides > li {
    padding-top: 12rem;
    padding-bottom: 10rem;
}
.flexslider h3 {
    max-width: 400px;
    color: black!important;
    font-family: 'circe-rounded';
    margin-bottom: 21px!important;
    font-size: 1.2rem;
}
.flexslider h2 {
    color: black!important;
    font-family: 'circe-slab-a';
    font-weight: 600;
    font-size: 2.5rem!important;
    line-height: 3.5rem;
    margin-bottom: 10px!important;
}
.flexslider a.button {
    background: transparent;
    padding: 0px 30px!important;
    border-radius: 40px;
    font-family: 'circe-rounded';
    text-transform: uppercase;
    font-weight: 700;
    font-size: unset;
    color: black;
    height: 2.3rem;
    border: 0.14rem solid black;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    line-height: 0!important;
}
.flexslider a.button:hover {
    color: white;
    background: black;
}
.slidertext {
    width: fit-content;
    padding: 3rem;
}
.slidertext.whitebg {
    background: rgb(255, 255, 255, 0.3);
}
/*slider dots*/
.flexslider.infigo-slider .flex-control-paging li a {
    box-shadow: none;
    background: rgb(255,255,255,0.7);
}
.flexslider.infigo-slider .flex-control-paging li a.flex-active {
    background: white;
}
.flexslider.infigo-slider .flex-control-paging li a:hover, .flexslider.infigo-slider .flex-control-paging li:hover a, .flexslider.infigo-slider .flex-control-paging li a:focus, .flexslider.infigo-slider .flex-control-paging li a:focus-within {
    background: white!important;
    color: white!important;
}
/*capture and cherish*/
section.capturecherish {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background: var(--lightblue);
}
.capturegrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
}
.capturecherishtextbox {
    background: white;
    padding: 4rem;
    height: fit-content;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
}
.capturecherishtextbox h2 {
    color: black;
    font-family: 'circe-slab-a';
    font-weight: 600;
    font-size: 2.5rem!important;
}
.captureparagraph {
    color: black;
    font-family: 'circe-rounded';
    font-weight: 400;
    font-size: 1.44em;
}
.leftphotobg {
    height: 30rem;
    background-image: url('https://dibh4pmtbctcd.cloudfront.net/candid-portraitpress/site/images/homepage/adventures-full.jpg');
    background-position-x: left;
    background-position-y: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.leftphotobg {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
}
/*new featured categories*/
section.newfeaturedcategory {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
section.photoprints.newfeaturedcategory {
    background: var(--lightyellow);
}
section.productsforeveryoccasion.newfeaturedcategory {
    background: var(--lightpink);
}
.itemtitle {
    text-align: center;
    padding-bottom: 3rem;
}
.itemtitle h2 {
    color: black;
    font-family: 'circe-slab-a';
    font-weight: 600;
    font-size: 2.5rem!important;
}
.itemtitle p {
    color: black;
    font-family: 'circe-rounded';
    font-weight: 400;
    font-size: 1.44em;
}
.categoriesgrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2rem;
}
.photo {
    width: 100%;
    padding-top: 100%; /* Set padding-top to be equal, resulting in a square */
    background-size: cover;
    background-position: center;
    transition: padding 0.3s; /* Smooth transition for padding */
}
.photo:hover {
    padding-top: calc(100% - 30px);
}
.item1 .photo {
    background-image: url('https://dibh4pmtbctcd.cloudfront.net/candid-portraitpress/site/images/homepage/categories/photoprints.jpg');
}
.item2 .photo {
    background-image: url('https://dibh4pmtbctcd.cloudfront.net/candid-portraitpress/site/images/homepage/categories/wallart.jpg');
}
.item3 .photo {
    background-image: url('https://dibh4pmtbctcd.cloudfront.net/candid-portraitpress/site/images/homepage/categories/banners.jpg');
}
.item4 .photo {
    background-image: url('https://dibh4pmtbctcd.cloudfront.net/candid-portraitpress/site/images/homepage/categories/graduations.jpg');
}
.item5 .photo {
    background-image: url('https://dibh4pmtbctcd.cloudfront.net/candid-portraitpress/site/images/homepage/categories/gifts.jpg');
}
.item6 .photo {
    background-image: url('https://dibh4pmtbctcd.cloudfront.net/candid-portraitpress/site/images/homepage/categories/gamedays.jpg');
}
p.productname {
    color: black;
    font-family: 'circe-slab-a';
    font-weight: 600;
    font-size: 2rem!important;
    line-height: 1;
    width: fit-content;
    margin-top: 1rem;
    margin-bottom: 0.5rem
}
p.productsubtext {
    color: black;
    font-family: 'circe-rounded';
    font-weight: 400;
    font-size: 1.44em;
    opacity: 0.7; 
}
section.newfeaturedcategory p.productname {
    border-bottom: 2px solid var(--brightblue);
}
section.newfeaturedcategory.productsection3 {
    background: var(--lightblue);
    border-top: 1rem white solid!important;
}

/*portraitpressdifference*/
section.portriatpressdifference .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.mapphoto {
    width: 100%;
    background-image: url('https://dibh4pmtbctcd.cloudfront.net/candid-portraitpress/site/images/homepage/map-image.jpg');
    height: 30rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
}
.portraitpressdifference-title {
    display: flex;
    column-gap: 10px;
    align-items: baseline;
}
.portraitpressdifference-title h2 {
    font-weight: 600!important;
    color: black;
    font-family: 'circe-slab-a';
    font-size: 2.5rem;
    text-rendering: optimizeSpeed;
}
.portraitpressdifference-title img {
    width: 200px;
}
p.textblockparagraph, .pagelinks a {
    color: black;
    font-family: 'circe-rounded';
    font-weight: 400;
    font-size: 1.44em;
}
.pagelinks {
    display: flex;
    width: 27rem;
    justify-content: space-between;
    padding-top: 0.5rem;
    align-items: center;
}
.pagelinks a {
    font-weight: 600;
    font-size: 1.3em;
}
.pagelinks a:hover {
    opacity: 0.7;
}
.socialslinks {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding-top: 0.2rem;
}
.textblock {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
}
.linkline {
    height: 80%;
    width: 2px;
    background: black;
}
/*homepage media queries*/
@media screen and (max-width:767px) {
    /*slider*/
    li.section.is-medium.has-background-default.has-background-center.has-background-cover.has-background-repeat {
        background-position: right;
    }
    .slidertext {
        background: rgb(255, 255, 255, 0.95)!important;
    }
    .flexslider.infigo-slider .slides > li {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .flexslider.infigo-slider .flex-direction-nav a:before {
        display: none;
    }
    /*capture and cherish*/
    .capturegrid {
        display: block;
    }
    .leftphotobg {
        display: none;
    }
    .capturecherishtextbox h2 {
        font-size: 2rem !important;
        line-height: 2.5rem;
        margin-bottom: 1rem;
    }
    /*general roboto font size*/
    h3.ict-sub-title.subtitle.has-text-inherit.is-4.has-text-default.has-style-default, .capturecherishtextbox p, p.productsubtext, .itemtitle p, p.textblockparagraph {
        font-size: 1.3rem;
    }
    /*general top and bottom padding*/
    section.capturecherish, section.newfeaturedcategory {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    /*new featured categories section*/
    .itemtitle h2 {
        line-height: 3rem !important;
        margin-bottom: 1rem;
    }
    .itemtitle p {
        opacity: 0.7;
    }
    .categoriesgrid {
        grid-template-columns: 1fr;
    }
    /*navbar*/
    .navbar-menu.logo-left.is-active .navbar-item a {
        font-weight: 500;
    }
    .mobileshow .navbar-start {
        gap: 18px;
    }
    .navbar-item.has-dropdown a {
        padding-top: 3px;
        padding-bottom: 3px;
    }
}
@media screen and (min-width:600px) and (max-width:767px) {
    /*new featured categories grid*/
    .categoriesgrid {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width:1072px) {
    /*portraitpressdifference*/
    section.portriatpressdifference .container {
        display: flex;
        flex-direction: column;
        grid-gap: 4rem;
    }
    .mapphoto {
        height: unset;
        padding-top: 50%!important;
        background-size: cover;
    }
    .portraitpressdifference-title {
        line-height: 3.7rem;
        flex-wrap: wrap;
    }
    .pagelinks {
        width: max-content;
        gap: 15px;
        align-items: center;
    }
    .linkline {
        padding-top: 1.2rem;
    }
    .textblock {
        gap: 1.25rem;
    }
}
@media screen and (min-width:768px) and (max-width:1072px) {
    /*new featured category grid*/
    p.productsubtext {
        font-size: 1.3em;
    }
    /*portrait press difference*/
    .mapphoto {
        padding-top: 50%!important;
    }
}
@media screen and (min-width:768px) and (max-width: 1130px) {
    .leftphotobg {
        background-size: cover;
        background-position-x: right;
    }
    .capturecherishtextbox {
        padding: 3rem;
    }
    .capturecherishtextbox h2 {
        line-height: 3.5rem;
        margin-bottom: 1rem;
    }
}
@media screen and (max-width:450px) {
    .pagelinks {
        width: unset;
        flex-wrap: wrap;
        row-gap: 5px;
    }
}
/*login*/

.returning-wrapper__inner {
    padding-bottom: 20px;
}
.login__wrapper h1.title.is-spaced {
    display: none;
}
.login__wrapper span.requiredMarker {
    display: none!important;
}
a.clickHereToSignInAElement, a.clickHereToRegisterAElement {
    font-weight: 600;
    color: var(--brightblue);
}
.login__wrapper > .catfish-container {
    float: none;
    margin-top: 6rem;
    margin-bottom: 6rem;
    min-height: unset;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding-top: 3rem;
}
@media screen and (max-width:767px) {
    .login__wrapper > .catfish-container {
        margin-top: 0px;
        background: var(--lightblue);
    }
}
.login__wrapper {
    margin: 0px;
    width: 100%;
    max-width: unset;
    background-size: cover;
    box-shadow: rgb(0,0,0,0.2);
}
.login__wrapper .columns:last-child {
    margin-bottom: calc(-1 * 2rem);
    justify-content: center;
}
@media screen and (max-width:767px) {
    .login__wrapper {
        background: var(--lightblue)!important;
    }
}
/*login fonts*/
.login-title.subtitle.is-4.is-spaced {
    font-family: 'circe-slab-a';
    font-weight: 600;
    color: black;
}
.login__wrapper label, .login__wrapper a {
    font-family: 'circe-rounded';
    color: black;
    font-size: 1.3rem;
}
a#TermsAndConditionLink, td.forgot-password a, a.clickHereToRegisterAElement, a.clickHereToSignInAElement {
    color: var(--brightblue) !important;
    font-weight: 700;
}
button.loginbutton.catfish-button, input#register-button {
    font-family: 'circe-rounded';
    font-weight: 600;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    width: 100%;
}
input#TermsAndConditions {
    transform: scale(1.5);
    margin-left: 10px;
}

/*homepage white border bottoms*/
section.capturecherish, section.photoprints.newfeaturedcategory, .banner.banners1.clearfix {
    border-bottom: 1rem solid white;
}
section.portriatpressdifference {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

/*content pages*/

/*general*/
div#phTitle {
    display: none;
}
.topicpage {
    padding-top: 10rem;
    border-bottom: 1rem solid white;
}
@media screen and (max-width:1086px) {
    .topicpage {
        padding-top: 6rem;
    }
}
h2.contentPagetitle {
    color: black!important;
    font-family: 'circe-slab-a';
    font-weight: 600;
    font-size: 2.5rem!important;
    margin-bottom: 0px!important;
}
h2.contentsubtitle {
    color: black!important;
    font-family: 'circe-slab-a';
    font-weight: 600;
    font-size: 2rem!important;
    margin-bottom: 0.8rem!important;
}
p.contentparagraph {
    color: black!important;
    font-family: 'circe-rounded';
    font-size: 1.2rem;
}
.subtitleandtext {
    padding-top: 3rem;
}
/*return policy*/
body.Return_Policy .topicpage {
    background: var(--lightyellow);
}
/*history*/
body.History .topicpage {
    background: var(--lightpink);
}
.historyblock {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
}
.leftblock img {
    width: 3rem;
    max-width: unset;
}
.leftblock {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pinkborder {
    height: 100%;
    width: 4px;
    background: var(--pink);
    margin-top: 1rem;
}
.block5 .pinkborder {
    background: transparent;
}
body.History .subtitleandtext {
    padding-top: 0px!important;
}
body.History h2.contentsubtitle {
    margin-top: 0.5rem;
}
body.History h2.contentPagetitle {
    margin-bottom: 3rem!important;
}
body.History p.contentparagraph {
    padding-bottom: 2rem;
}
/*about us page*/
/*banner*/
section.aboutusbanner {
    background-image: url('https://dibh4pmtbctcd.cloudfront.net/candid-portraitpress/site/images/contentpages/aboutus-banner.jpg');
    margin-top: 4.2rem;
    padding: 10rem 0px;
    background-size: cover;
    background-position: right;
    border-bottom: 1rem solid white;
}
p.ourmissionforprint {
    font-size: 1.3rem;
    font-weight: 900;
    font-family: 'circe-rounded';
    color: black;
}
p.aboutusbannertitle {
    font-size: 2.5rem;
    font-family: 'circe-slab-a';
    font-weight: 600;
    color: black;
    padding: 10px 0px;
}
p.aboutusbannerparagraph {
    font-size: 1.3rem;
    font-weight: 500;
    font-family: 'circe-rounded';
    color: black;
    width: 50%;
}
@media screen and (max-width:1300px) {
    p.aboutusbannerparagraph {
        width: 500px;
    }
}
@media screen and (max-width:1087px) {
    p.aboutusbannerparagraph {
        width: 100%
    }
    section.aboutusbanner {
        background-position: left;
        margin-top: unset;
    }
}
/*about us graphics section*/
section.aboutusgraphicsection {
    background: var(--lightpink);
    padding-top: 4rem;
    padding-bottom: 6rem;
    border-bottom: 1rem solid white;
}
.graphicflex {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding-top: 2rem;
}
.graphicflex img {
    max-width: unset;
    width: 14rem;
}
section.aboutusgraphicsection .subtitleandtext, section.aboutusbottom .subtitleandtext {
    padding-top: 0px!important;
}
@media screen and (max-width:605px) {
    .graphicflex img {
        display: none!important;
    }
}
/*about us bottom*/
section.aboutusbottom {
    background: var(--lightyellow);
    padding-top: 6rem;
    padding-bottom: 6rem;
}
body.About_Us .topicpage {
    background: white;
    padding: 0px!important;
}
/*about us hide on other pages that arent about us*/
section.aboutusbanner, section.aboutusbottom, section.aboutusgraphicsection {
    display: none!important;
}
body.About_Us section.aboutusbanner, body.About_Us section.aboutusbottom, body.About_Us section.aboutusgraphicsection {
    display: block!important;
}
/*anchor menu topic pages*/
span.minititle {
    width: 100%;
    display: flex;
    font-weight: 600;
}
p.contentparagraph {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
}
body.Terms_Of_Service div#phTopic, body.Terms_Of_Use div#phTopic, body.Privacy_Policy div#phTopic {
    background: white;
}
section.menu {
    background: var(--lightblue);
    padding: 2rem;
}
.content ul {
    margin-left: 0px!important;
    list-style: none!important;
    margin-top: 0px!important;
}
a.anchorlink {
    width: 100%;
    display: flex;
    padding: 0.5rem 1rem;
    font-family: 'circe-rounded';
    font-size: 1.3rem;
    background: var(--mediumblue);
    font-weight: 600;
    color: black;
}
section.contentpage.TOS .subtitleandtext {
    padding-top: 5rem;
}
h2.contentPagetitle.anchorPage {
    padding-bottom: 3rem;
}
a.contentpagelink {
    color: var(--brightblue);
    text-decoration: underline;
    font-weight: 600;
}
/*affiliates page*/
section.affilatesbanner, section.affiliatesrestofpage {
    display: none!important;
}
body.Affilates_And_Partners section.affilatesbanner, body.Affilates_And_Partners section.affiliatesrestofpage {
    display: block!important;
}
section.affilatesbanner {
    background-image: url('https://dibh4pmtbctcd.cloudfront.net/candid-portraitpress/site/images/contentpages/affiliates-banner2.jpg');
    margin-top: 4.2rem;
    padding: 10rem 0px;
    background-size: cover;
    background-position: right;
}
@media screen and (max-width:1087px) {
    section.affiliatesbanner {
        background-position: left;
        margin-top: unset;
    }
}
.affiliatesbottom {
    background: var(--lightyellow);
    padding-bottom: 5rem;
    padding-top: 2rem;
}
.affiliategrid {
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: grid;
    gap: 2rem;
}
body.Affilates_And_Partners .topicpage {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.affiliateinnerflex {
    display: flex;
    background: var(--lightblue);
    padding: 2rem;
    align-items: center;
    gap: 2rem !important;
}
a.titleandlink {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
a.titleandlink h2.contentsubtitle {
    color: var(--brightblue) !important;
    margin-bottom: 0px!important;
    line-height: 1.2;
}
a.titleandlink i.fas.fa-external-link-alt {
    font-size: 20px;
    color: var(--brightblue);
    margin-left: 0.5rem;
}
p.contentallcaps {
    color: var(--brightblue);
    opacity: 0.6;
    font-family: 'circe-rounded';
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 8px;
}
.whitebgimage {
    padding: 5rem 2rem;
    background: white;
    height: 15rem;
    display: flex;
    justify-content: center;
}
.whitebgimage img {
    max-width: 200px;
    width: 200px;
    object-fit: contain!important;
}
a.titleandlink.twolinelink {
    align-items: flex-start;
}
a.titleandlink.twolinelink i.fas.fa-external-link-alt {
    margin-top: 8px;
}
a.titleandlink:hover h2 {
    text-decoration: underline;
}
@media screen and (max-width:1087px) {
    .affiliateinnerflex {
        align-items: flex-start;
        flex-direction: column!important;
    } 
    .whitebgimage {
        padding: 0px;
        width: 100%;
    }
}
/*FAQ page*/
body.FAQs .topicpage, body.Contact_Us .topicpage {
    background-color: var(--lightblue);
}

.faqquestions {
    display: grid;
    gap: 0.5rem;
}
.faq {
    background: white;
}
.question {
    display: flex;
    flex-direction: row;
    align-items: center!important;
    cursor: pointer;
    padding: 1.5rem;
}
.question h3 {
    font-family: 'circe-rounded';
    font-weight: 600;
    font-size: 1.5rem;
    color: black;
    margin: 0px!important;
}
p.faqtitle {
    margin-bottom: 0px !important;
    background: var(--brightblue);
    padding: 1.5rem;
    font-family: 'circe-rounded';
    font-weight: 600;
    font-size: 1.5rem;
    color: white;
    margin-top: 3rem;
    line-height: 1;
}
p.faqparagraph {
    margin-bottom: 0px !important;
    background: rgb(255,255,255,0.5);
    padding: 1.5rem;
    font-family: 'circe-rounded';
    font-weight: 500;
    font-size: 1.3rem;
    color: black;
    margin-top: 3rem;
}
.triangle {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid black; 
    display: inline-block;
    margin-right: 10px;
    transition: transform 0.3s; 
}
.open {
    transform: rotate(90deg);
}
.answer {
    display: none;
}
.answer.show {
    display: block;
}
.answer.show p {
    padding: 0px 1.5rem 1.5rem 1.5rem;
    font-family: 'circe-rounded';
    font-weight: 500;
    font-size: 1.3rem;
    color: black;
}

/*help page*/
span.contactsection {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 10px;
}
span.contactsection i {
    margin-right: 8px;
}

span.contactsection a, a.contentlink {
    color: var(--brightblue);
    text-decoration: underline;
    font-weight: 700;
}
span.helptitle {
    width: 100%;
    display: flex;
    font-weight: 600;
    font-size: 1.5rem;
}
/*Shipping Info page*/
.contentparagraph.withlink {
    display: block;
}
.shippingInfo table {
    width: 100%;
}
.shippingInfo table, .shippingInfo th, .shippingInfo td {
    border: 1px solid black;
    border-collapse: collapse;
    font-family: 'circe-rounded';
    font-weight: 500;
    font-size: 1.2rem;
    color: black;
    padding: 0.4rem;
}
.shippingInfo th {
    font-weight: 700;
}
body.Shipping_\&_Returns .topicpage {
    background: var(--lightyellow);
}
ul.contentlist {
    list-style: disc;
    list-style-position: inside;
    padding-top: 10px;
    padding-bottom: 10px;
}
ul.contentlist li {
    font-family: 'circe-rounded';
    font-weight: 500;
    font-size: 1.2rem;
    color: black;
}
ul.contentlist li strong {
    font-weight: 700;
}
/*styling misc pages*/

/*product page*/
h1.title, .one-page-checkout .step-title h2 {
    color: black !important;
    font-family: 'circe-slab-a';
    font-weight: 600;
    font-size: 2.5rem !important;
}
.attributeTitle, .level-item .title, .level-item .subtitle, label, .catfish-select {
    color: black !important;
    font-family: 'circe-rounded';
}
span.attributeRequired {
    font-family: auto;
}
.shoppingcart__wrapper a, .shoppingcart__wrapper span, b.coupon-box--title, .coupon-box--tooltip {
    color: black !important;
    font-family: 'circe-rounded';
}
.shoppingcart__wrapper {
    max-width: unset;
}
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton, .shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton {
    color: black!important;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart-item-row .cart--actions__buttons>div .catfish-button {
    background-color: white!important;
    color: black!important;
    border: #dbdbdb 1px solid;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart-item-row .cart--actions__buttons>div .catfish-button:hover {
    background-color: transparent!important;
}
/*opc*/
.one-page-checkout #opc-billing .table-container tr .item-name label, .one-page-checkout #opc-shipping .table-container tr .item-name label {
    font-size: 1.3rem;
}
span.requiredMarker {
    font-size: 1.3rem;
    color: red;
}
.advanced-select.is-extended .item-list {
    border-radius: 0px;
    padding: 0px;
    box-shadow: none;
    border: #002E47 1px solid;
    border-top: 0px;
}
span.text.dropdownSelectedItem {
    color: black!important;
    font-family: 'circe-rounded';
}
button.button.action-button.is-primary {
    background: var(--brightblue);
}
button.button.action-button.is-primary:hover {
    background: var(--brightbluehover);
}
section.advanced-select.is-extended svg.bi.bi-chevron-down {
    margin-bottom: -5px;
}
.column.is-clipped .advanced-select .button.is-outlined span.text {
    color: black!important;
}
.column.is-clipped .advanced-select .button.is-primary.is-outlined:hover {
    background: rgb(0,0,0,0.2)!important;
    color: black!important;
}
li#opc-confirm_order .subtitle, .one-page-checkout .cart-total span, input#PurchaseOrderNumber, tr.cart-item-row a, tr.cart-item-row span {
    color: black!important;
    font-family: 'circe-rounded';
}
td.cart_total_right {
    text-align: right;
}
.one-page-checkout .cart-total tr {
    column-gap: 10px;
}
.one-page-checkout .coupon-box__container {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1.5rem;
    background: #F5F9FB;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
/*account pages*/
h2.section-title.subtitle.is-4.is-spaced {
    color: black!important;
    font-family: 'circe-rounded';
}
.account-page--customerinfo {
    max-width: unset;
}
.account-page.account-page--addresses .address-list .catfish-button {
    background-color: white!important;
    color: black!important;
    border: #dbdbdb 1px solid;
}
.account-page.account-page--addresses .address-list .catfish-button:hover {
    background-color: transparent!important;
}
.account-page.account-page--addresses .address-item table tr span, .account-page.account-page--addresses .address-item table tr label, b.acentcolour, address, .account-page--myorders .order_toggle_filter, input#order_search_input, a.t-link {
    color: black!important;
    font-family: 'circe-rounded';
}
h2.orders_v2_title.title, .od_half_row.od_title.title.od_row_formating.column {
    color: black !important;
    font-family: 'circe-slab-a';
    font-weight: 600;
    font-size: 2.5rem !important;
}
/*account navigation*/

.block.block-account-navigation .listbox li a, .password-recovery-page-content.block p {
    color: black!important;
    font-family: 'circe-rounded';
}
.block.block-account-navigation .listbox li a.active, .block.block-account-navigation .listbox li a.is-active {
    background: var(--brightblue);
    color: white!important;
}
.block-account-navigation .title {
    color: black !important;
    font-family: 'circe-slab-a';
    font-weight: 600;
}
.orderLineItems .t-grid {
    box-shadow: none;
}
a.checkout-data-info__orderdetails {
    color: var(--brightblue)!important;
    font-family: 'circe-rounded';
    text-decoration: underline;
    font-weight: 700;
    font-size: 1.3rem;
}
h2.product-title.click-trigger a {
    color: black !important;
    font-family: 'circe-slab-a';
    font-weight: 600;
    font-size: 1.3rem;
}
span.checkout-data-info__orderid {
    color: black !important;
    font-family: 'circe-slab-a';
    font-size: 1.3rem;  
}
/*category page styling*/
.product-item--info .description {
    display: none;
}
.catfish-default-product-box {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}
.catfish-default-product-box:hover {
    box-shadow: none;
    border: 1px solid black;
}

.catfish-default-product-box span.productPrice {
    color: black!important;
    font-family: 'circe-rounded';
}
/*category nav*/
h6.navigationmenu--title {
    color: black !important;
    font-family: 'circe-slab-a';
    font-weight: 600;
}
.navigationmenu ul li>a {
    color: black!important;
    font-family: 'circe-rounded';
    padding: auto;
}
.navigationmenu ul li.active>a {
    color: white!important;
    font-family: 'circe-rounded';
    background: var(--brightblue);
}
.navigationmenu {
    padding-top: 7rem;
    padding-bottom: 0px;
}
section.category-product-section.section {
    padding-top: 0px;
}
/* order details page*/

div#order_details_v2 li, .od_products_title, .od_row_formating, div#order_details_v2 a, .od_product_quantity,.od_product_total.block, .od_product_price, span.status-box.ordered {
    color: black!important;
    font-family: 'circe-rounded';
}
a.od_print_button.catfish-button span {
    color: white!important;
}

/*fixes*/
.name_quantity.rootAttribute {
    display: none;
}
.addtoBasketScreen, #loadingArea, .loadingArea, .loadingScreen {
    background-image: none!important;
}
.Script_DynamicUiGeneration_New .UploadIntroDialog .modal {
    background-image: url('https://dibh4pmtbctcd.cloudfront.net/candid-portraitpress/site/images/login/login-bg-01.png')!important;
}
.modal-footer.modal-card-foot.ng-scope button.btn.btn-default.btn-me.catfish-button.ng-binding.ng-scope {
    background: #002E47!important;
}
/*hide edit options*/
input.basketEditButton.options.catfish-button {
    display: none;
}
/*swap font awesome for svgs for browser compatibility*/
a.navbar-item.cart svg {
    width: 1.75rem;
    height: 1.75rem;
    fill: black;
}
a.adminbutton {
    display: flex;
    align-items: center;
    gap: 5px;
}
a.adminbutton svg {
    width: 1.3rem;
    fill: white;
    margin-bottom: 4px;
}
a.logbutton {
    display: flex;
    align-items: center;
    gap: 8px;
}
a.logbutton svg {
    width: 1.3rem;
    fill: white;
    margin-bottom: 4px;
}
/*category pages*/
.categoriesgrid {
    grid-template-columns: 1fr 1fr;
}
.insidedescription {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
img.categorybannerimage {
    height: 10rem;
    padding: 1rem;
}
.insidedescription h2 {
    margin: 0px!important;
    color: black !important;
    font-family: 'circe-slab-a';
    font-weight: 600;
    font-size: 2.5rem !important;
}
.categorypageproducts p.productname {
    margin-top: 1rem!important;
    margin-bottom: 0.5rem!important;
    border-bottom: 2px solid var(--brightblue);
    font-size: 1.75rem!important;
}
.categorypageproducts p.productsubtext {
    font-size: 1.3em;
    line-height: 1.5rem;
}
.categorypageproducts .photo:hover {
    padding-top: 100%;
}
.categorypageproducts a.categoryitem:hover .photo {
    opacity: 0.6;
}
section.category-outro-wrapper.section {
    padding-top: 0px;
    padding-bottom: 6rem;
}
/*terms of service in cart*/
a.read {
    display: none;
}
.terms-of-service label {
    color: red!important;
}
a.termsofservicelink {
    text-decoration: underline;
    font-weight: 600;
    color: red!important;
}