/*

Theme Name:  CVNM Custom Style Sheet
Description: Buttons, Photo Credits, Score Boxes
Version:      1.0.0
////// Use version numbers to prompt browsers to re-cache the stylesheet when we update your theme

*/

/*  Buttons */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body .nectar-button.large.see-through, body .nectar-button.large.see-through-2, body .nectar-button.large.see-through-3 {
    border-width: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

a.nectar-button.partner-cats-butt {
    border-radius: 0px!important;
}

#partner-feature .nectar-recent-posts-single_featured .regular.nectar-button {
    display: none;
}

/* Salient, may we has full width buttons please? */
a.nectar-button.small, a.nectar-button.medium, a.nectar-button.large {
    margin: 0 auto 10px !important;
    width: 100%!important;
    text-align: center!important;
}

/* Wordpress Basic Button Block */
.wp-block-button { width: 100%; }

.wp-block-button a
{
   background-color: transparent;
   border: solid 2px rgba(255, 255, 255, 0.75);
   border-radius: 200px;
   box-shadow: none;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   color: #fff;
   padding: 5px 22px;
   width: 100%;
   transition: all .4s ease;
}

/* Extend wp-block-button hover state */
.rb-button-cloud a:hover,
.rb-button-cloud a:active
{
   background-color: #d62;
   border: solid 2px #d62;
   box-shadow: 0 20px 38px rgb(0 0 0 / 16%);
   transform: translateY(-3px);
}


/* Orange button, hover animation */
/* White outline button, hover animation */
.rb-button-orange a
{
   position: relative;
   display: block;
   border: solid 2px #d62;
   border-radius: 200px;
   color: #d62;
}

.rb-button-white a
{
   position: relative;
   display: block;
   border: solid 2px #fff;
   border-radius: 200px;
   color: #fff;
}

.rb-button-orange a:hover,
.rb-button-white a:hover
{
   background-color: #d62;
   border: solid 2px #d62;
   box-shadow: 0 20px 38px rgb(0 0 0 / 16%);
   padding: 5px 42px 5px 22px;
   transform: translateY(-3px);
}

.rb-button-orange a::after,
.rb-button-white a::after
{
   display: block;
   position: absolute;
   top: 0px;
   right: 50px;
   content: "\f105";
   font-family: 'FontAwesome';
   font-size: 20px;
   font-weight: normal;
   color: #fff;
   opacity: 0;
   transition: all .5s ease;
}

.rb-button-orange a:hover::after,
.rb-button-white a:hover::after
{
   opacity: 1;
   right: 40px;
}
/* Fix the following to match above */
.score-box a.nectar-button {
    border: 2px solid rgba(255,255,255,0.75);
    opacity: 1;
    box-shadow: none;
    transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
    visibility: visible;
    color: rgb(255, 255, 255);
    background-color: transparent;
}

/*  Photo Credits */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* 2 types of credits, 1st is basic, 2nd has background-color for greater story-telling length */
.credit p {
    display: block;
    font-size: 80%;
    /* color: rgba(255,255,255,1); */
    /* background-color: rgba(255, 255, 255, .5); */
    padding: 0px;
    /* transform: translateY(0em); */
    /* border: 1px solid red; */
    /* width: 80%; */
    /* text-align: right; */
    line-height: 1.35;
}

.home .credit p a, .home .credit p {
    color: rgba(255,255,255,.8);
}

.credit a {
    color: rgba(221, 102, 34, .75);
}

.credit a:hover {
    color: rgba(255,255,255,.5);
}


.credit-open {
    font-size: 80%;
    line-height: 1.5;
    text-align: left;

    margin-top: -74px;
    background-color: #fff;
    padding: 10px;
    border-top: 5px solid #d62;
}
.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation.credit-open {
    /* border-top: 0px solid #d62; */
    /* transform: translateY(-150px); */
padding: 0;}

/* ideally(?) rewrite all transforms into css in order use responsive styles */
OFF-div.col-raised {
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
}

div.col-raised {
    margin-top: -150px;
}

/* hide the post meta on single pages until we can edit out in the template files */
.single #single-below-header .meta-author
{ display: none;
}

.single #single-below-header .meta-date {
    /* display: initial; */
}

.related-posts .meta-category a {
    display: block!important;
    width: fit-content;
}

/* score button box styles to clean up */
a.button-scores {
    width: 100%;
}

.score-box a.nectar-button {
    width: 100%;
}

/* need to override the dark/light scheme used on the row */
.score-box h3 {
    color: #fff;
    margin-top: 0px!important;
    margin-bottom: 15px!important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Fix this sheet */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.score-box a.nectar-button {
    border-radius: 8px!important;
}


/* score button box styles to clean up */
a.button-scores {
    width: 100%;
}

.score-box a.nectar-button {
    width: 100%;
}

/* need to override the dark/light scheme used on the row */
.score-box h3 {
    color: #fff;
    margin-top: 0px!important;
    margin-bottom: 15px!important;
}

.nectar-button.active-page i, .nectar-button.active-page i[class*="fa-"] {
    font-size: 18px;
    line-height: 18px;
    width: 18px;
    position: absolute;
    top: 50%;
    left: 30px;
    /* margin-top: -9px; */
    opacity: 1;
    transition: all .45s cubic-bezier(0.25,1,0.33,1);
    -webkit-transition: all .45s cubic-bezier(0.25,1,0.33,1)
}

.nectar-button.active-page i, .nectar-button.active-page i[class*="fa-"] {
    /* transform: rotate(180deg); */
      /* transform-origin: 51% 28%; */
}

.nectar-button.active-page:hover i, .nectar-button.active-page:hover i[class*="fa-"] {
    transform: translateX(-8px) rotate(180deg)!important;
    /* transform-origin: 51% 30%; */
}

.nectar-button.active-page span {
    -ms-transform: translateX(18px);
    -webkit-transform: translateX(18px);
    transform: translateX(18px)
}

.nectar-button.active-page:hover span {
    -ms-transform: translateX(28px);
    -webkit-transform: translateX(28px);
    transform: translateX(28px);
}

.nectar-button.active-page i, .nectar-button.active-page i[class*="fa-"] {
    font-size: 18px;
    /* line-height: 18px; */
    width: 18px;
    position: absolute;
    /* top: 50%; */
    left: 30px;
    /* margin-top: -9px; */
    opacity: 1;
    transition: all .45s cubic-bezier(0.25,1,0.33,1);
    -webkit-transition: all .45s cubic-bezier(0.25,1,0.33,1)
}

.nectar-button.active-page i, .nectar-button.active-page i[class*="fa-"] {
    /* transform: rotate(180deg); */
    /* transform-origin: 51% 28%; */
}

.nectar-button.active-page:hover i, .nectar-button.active-page:hover i[class*="fa-"] {
    transform: translateY(0px) rotate(360deg)!important;
   color:#fff;
    /* transform-origin: 51% 30%; */
}

.nectar-button.active-page span {
    -ms-transform: translateX(18px);
    -webkit-transform: translateX(18px);
    /* transform: translateX(18px); */}

.nectar-button.active-page:hover span {
    -ms-transform: translateX(28px);
    /* -webkit-transform: translateX(28px); */
    /* transform: translateX(28px); */
}

a.nectar-button.medium.see-through.extra-color-3.has-icon.action-button {
    border: 2px solid rgba(255,255,255,0.75)!important;
    color: #fff!important;
}