/**
 * One Valor News and Blog 
 * Art Pineda Web Development
 * apinedaweb.com
 * Copyright 2022
**/

:root {
    --blue-dark: rgba(0, 84, 152, 1); /** #005498 **/
    --blue: rgba(28, 84, 152, 1); /** #1c5498 **/
    --blue-light: rgba(43, 124, 188, 1); /** #2b7cbc **/
    --blue-lighter: rgba(55, 155, 215, 1);  /** #379bd7 **/
    --gray1: rgba(54, 59, 63, 1); /** #363b3f **/
    --basegray: rgba(33, 37, 41, 1); 
    --nav: rgb(54, 59, 63);
    --gray2: rgba(108, 117, 125); /** #6c757d **/
    --gray3: rgba(149, 165, 166, 1); /** #95a5a6; **/
    --blueish: rgb(27, 47, 64); 

    --heading-hero-1: 81px;
    --heading-hero-2: 32px;
    --heading-1: 58px;
    --heading-2: 40px;
    --heading-3: 31px;
    --heading-4: 24px;
    --para-1: 16px;
    --para-2: 20px;
}

/** captcha */
/* body:not(.page-id-744):not(.page-id-723) .grecaptcha-badge {
    display: none;
} */

body {
    margin: 0;
    /* font-family: 'Proxima Nova', serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.skip-to {
    left: 50%;
    position: absolute;
    transform: translateY(-100%);
    background: black;
    color: white;
    height: 30px;
    left: calc(100% / 2 - 95px);
    padding: 10px 25px;
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.25s;
    display: flex;
    align-items: center;
}

.skip-to:focus {
    transform: translateY(0%);
}

/** safari forms **/
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}
select{
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	height: 45px; 
	width: 100%;
	padding: 5px;
	border-radius: 0;
}

body, html {
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
    font-family: 'Helvetica Neue', 'Open Sans', sans-serif;
    background-color: var(--dark-1);
    scroll-behavior: smooth;
}

main {
    display: inherit;
    min-height: 100%;
}
body.home .wp-block-post-featured-image {
    margin-top: 0;
}

.entry-content p a {
    text-decoration: underline;
}

.post, .page,
.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

button#back_to_top {
    display: none;
    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 10;
    border: none;
    outline: none;
    background-color: rgba(0,0,0,0.85);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    color: white;
    cursor: pointer;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0;
    font-weight: 700;
}

main article .post-thumbnail img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 475px;
}

/* ul, ol, li {
    list-style: none;
    padding: revert;
    margin: revert;
    color: black;
}
@media (max-width: 599px){
    ul, ol, li {
        padding-left: 0;
        margin-left: 0;
    }
} */

ul, ol, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4 {
    /* font-family: 'Open Sans', sans-serif; */
    font-weight: 500;
    margin: 0 0 1rem;
    padding: 0;
    color: black;
    letter-spacing: 0.5px;
}

h1 {
    font-size: var(--heading-1);
    line-height: 1;
}
@media (max-width: 1023px){
    h1 { font-size: calc(var(--heading-hero-1) - 1rem);}
}
@media (max-width: 736px){
    h1 { font-size: 3rem;}
}

.is-style-hero-heading-1 {
    font-size: var(--heading-hero-1);
    line-height: 1;
}
@media (max-width: 736px){
    .is-style-hero-heading-1 {
        font-size: calc(var(--heading-hero-1) - 2.5rem);
    }
}

h2 {
    font-size: var(--heading-2);
}
@media (max-width: 736px){
    h2 {
        font-size: calc(var(--heading-2) - 0.75rem);
    }
}

.is-style-hero-heading-2 {
    font-size: var(--hero-heading-2);
}

h3 {
    font-size: var(--heading-3);
}

h3 strong {
    font-weight: 700;
}

h4 {
    font-size: var(--heading-4);
}

h4 strong {
    font-weight: 900;
}

a {
    color: black;
    text-decoration: none;
}

.noLink, .noLink a,
.noLink:is(:hover,:focus,:active),
.noLink a:is(:hover,:focus,:active) {
    text-decoration: none!important;
    pointer-events: none;
}

a:hover, a:focus, a:visited {
    text-decoration: underline;
    color: var(--gold-1);
}
a:visited {
    color: black;
}

p {
    color: var(--basegray);
    font-size: var(--para-1);
    /* font-family: 'Open Sans', sans-serif; */
    font-weight: 400;
    line-height: 1.5;
}

p.small {
    font-size: calc(var(--para-1 - 4px));
    line-height: 1.5;
}

dfn, cite, em, i {
    color: var(--cream-1);
}

.visuallyhidden, .sr-only {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}
@media (max-width: 599px){
    .mobile_hide {
        display: none;
    }
}
    
.btn {
    background-color: transparent;
    border: 2px solid transparent;
    padding: 0.5rem 1.25rem;
    border-radius: 0;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

.mb-0 { margin-bottom: 0; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }

.mt-0 { margin-top: 0px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }

/** min height page **/
body:not(.page-template-page-darkbg) #page > article .entry-content {
    min-height: calc(100vh - 276.25px);
    background-color: white;
}
body.page-template-page-darkbg {
    min-height: calc(100vh - 276.25px);
    background-color: var(--brown-1);
}
body.page-template-page-darkbg .entry-content a {
    color: white;
}

body.logged-in #page > article .entry-content {
    min-height: calc(100vh - 306.25px);
}


/** Containment 
***********************/
.container, .container-post {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1280px) {
    .container {
        width: 100%;
        /* max-width: 90%; */
        max-width: 1140px;
    }
    .container-post {
        width: 100%;
        max-width: 1140px;
    }
}

@media (min-width: 1450px) {
    .container, .container-post {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 1700px) {
    .container, .container-post {
        width: 100%;
        /* max-width: 991px; */
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 737px) and (max-width: 1279px) {
    .container, .container-post {
        width: 100%;
        max-width: 90%;
    }
}

@media (max-width: 736px) {
    .container, .container-post {
        max-width: 100%;
    }
}

.container-full {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.container-short,
.container-short-inner > *:not(.wp-block-cover) {
    width: 100%;
    max-width: 1140px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 737px) and (max-width: 1279px) {
    .container-short,
    .container-short-inner > *:not(.wp-block-cover) {
        width: 100%;
        max-width: 90%;
    }
}

@media (max-width: 736px) {
    .container-short,
    .container-short-inner > *:not(.wp-block-cover) {
        max-width: 90%;
    }
}

.container-short-inner > *:not(.wp-block-cover){ 
    padding-left: 1rem;
    padding-right: 1rem;
}

.hasAfter:after {
    content: "";
    width: 40px;
    height: 3px;
    background-color: var(--gold-1);
    display: block;
    margin-top: 1rem;
}

.hasSmallAfter:after {
    content: "";
    width: 20px;
    height: 2.5px;
    background-color: var(--gold-1);
    display: block;
    margin-top: 0.25rem;
}

/** Components
************************/
/** effects **/
.lazy,
.lazy img {
  background-image: none;
  opacity: 0;
}
.lazyFade,
.lazyFade img {
  -webkit-transition: all 0.75s ease-in;
  transition: all 0.75s ease-in;
  opacity: 1;
}


/** header **/
header#masthead.moved {
    background-color: var(--nav);
}
header#masthead {
    transition: 0.25s ease;
    z-index: 2;
    width: 100%;
    display: flex;
    position: fixed;
    background-color: transparent;
    color: white;
    align-items: center;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}
body:not(.home) header#masthead {
    top: 0;
    background-color: var(--blueish);
}
header a {
    color: white;
}

header#masthead .innerHead {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.5rem 1rem;
}

header .site-branding {
    margin-right: 2rem;
    z-index: 0;
}
header .site-branding img {
    width: 105px;
}
header .menu-main-menu-container {
    display: flex;
    justify-content: flex-end;
}

header li.hasDD a {
    position: relative;
    color: white;
}
header .nav-menu > li.hasDD > a:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

header .main-navigation a {
    font-weight: 500;
}

header .main-navigation li {
    padding: 0.5rem;
}
header .main-navigation li a:is(:visited) {
    color: white;
}

header .main-navigation li a:is(:hover,:focus,:active) {
    color: var(--blue-lighter);
}
header .main-navigation li.call_btn a {
    position: relative;
    width: 20px;
    overflow: hidden;
    margin-left: 1rem;
    transform: scale(-1.25) rotate(90deg) translate(3px, 4px);
}
header .main-navigation li.call_btn a:before {
    content: "\f095";
    font-family: 'FontAwesome', FontAweseome;
    position: relative;
    padding-right: 1rem;
}
header .main-navigation li.call_btn a:hover {
    text-decoration: none;
    color: var(--blue-lighter);
}

header .main-navigation li.contact_btn a {
    background-color: var(--blue-lighter);
    padding: 2px 6px;
    border: 2px solid transparent;
    border-radius: 1rem;
    text-shadow: 0 0 4px rgba(0, 0, 0, 1);
    font-weight: 600;
    transition: 0.25s ease all;
}
header .main-navigation li.contact_btn a:is(:hover,:focus,:active) {
    background-color: white;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0);
    color: black;
    border-color: var(--blue-lighter);
}

header ul.sub-menu {
    display: flex;
    background-color: var(--blue-light);
    width: auto;
    flex-wrap: wrap;
    padding: 0;
}
header ul.sub-menu li {
    display: block;
    padding: 0;
}
header ul.sub-menu li a {
    padding: 0.5rem 1.25rem;
}
header ul.sub-menu li a:is(:hover,:focus,:active) {
    background-color: white;
    color: black;
    text-decoration: none;
}

/** body **/
.wp-block-separator {
    border-top: 0;
    background: none;
}
.wp-block-post-date {
    display: block;
    justify-content: center;
    color: var(--blue);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.75rem;
    text-align: center;
    border-top: 1px solid var(--blue);
    padding-top: 0.5rem;
}

/** posts **/
nav.navigation.post-navigation {
    display: none;
    margin: 0;
    background-color: var(--blue-lighter);
    padding: 1rem 3.5rem;
    margin: 0;
}
@media (max-width: 768px){
    nav.navigation.post-navigation {
        padding: 1rem;
    }
}
nav.navigation.post-navigation a {
    font-size: 1.2rem;
    color: white;
    font-weight: 700;
}

body.single-post main {
    margin: 4rem 0 0;
    padding-bottom: 0;
}
body:not(.home).single-post main {
    margin-top: 7.5rem;
}

.container-post article .entry-content {
    margin-bottom: 4rem;
}

.container-post article .post-thumbnail {
    max-height: 475px;
    overflow: hidden;
    border-bottom: 6px solid var(--blue-lighter);
}
.container-post article .post-thumbnail {
    max-height: 475px;
    margin-bottom: 3rem;
    overflow: hidden;
}

.container-post article .entry-meta {
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.container-post article .entry-meta span.byline:before {
    content: '';
    border-left: 1px solid var(--gray3);
    height: 100%;
    width: 1px;
    padding-left: 1rem;
}
.container-post article .entry-meta span.byline {
    padding-left: 1rem;
}
.container-post article .entry-meta span.posted-on,
.container-post article .entry-meta span.byline,
.container-post article .entry-meta a {
    font-size: 0.85rem;
    text-transform: uppercase;
    color: var(--gray2);
}

/** archive **/
.container-author {
    background-color: var(--blue-lighter);
    padding: 2rem 0;
    margin-bottom: 4rem;
}
.container-author > .container-post {
    font-size: 0.85rem;
    text-transform: uppercase;
}
.container-author h1.page-title {
    margin-top: 4rem;
    font-size: 1.25rem;
    color: white;
    text-transform: uppercase;
    letter-spacing: 3px;
}


/** posts share **/
.share-text {
    font-weight: 700;
    color: var(--blue-lighter);
    letter-spacing: 1px;
    font-size: 2rem;
    padding-right: 0.5rem;
}
.share-buttons {
    display: flex;
    align-items: center;
    margin-top: 6rem;
    padding-top: 2rem;
    border-top: 1px solid var(--blue-lighter);
    gap: 0.5rem;
    border-bottom: 1px solid var(--blue-lighter);
    padding-bottom: 2rem;
    margin-bottom: 3rem;
}
.share-button.facebook {
    background-image: url('/wp-content/themes/onevalornews/files/social_fb.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 35px;
    height: 35px;
    transition: 0.25s ease;
}
.share-button.twitter {
    background-image: url('/wp-content/themes/onevalornews/files/social_tw.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 35px;
    height: 35px;
    transition: 0.25s ease;
}
.share-button.linkedin {
    background-image: url('/wp-content/themes/onevalornews/files/social_linkedin.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 35px;
    height: 35px;
    transition: 0.25s ease;
}
.share-button.facebook:is(:hover,:focus),
.share-button.twitter:is(:hover,:focus),
.share-button.linkedin:is(:hover,:focus) {
    transform: scale(1.15);
}
.nav-previous {
    display: flex;
    align-items: center;
}
.nav-next {
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: flex-end;
}
.nav-previous:before {
    content: "\f177";
    font-family: 'FontAwesome', FontAweseome;
    position: absolute;
    color: white;
    font-weight: 800;
    padding: 0 1rem 0 0;
    transform: translate(-1.5rem, 0px);
}
.nav-next:after {
    content: "\f178";
    font-family: 'FontAwesome', FontAweseome;
    position: absolute;
    color: white;
    font-weight: 800;
    padding: 0 0 0 1rem;
    transform: translate(1.5rem, 0px);

}
a.goBackLink {
    padding: 5px 10px;
    border: 1px solid white;
    transition: 0.25s ease all;
}
a.goBackLink:is(:hover,:focus) {
    color: white;
    background-color: black;
}
nav.navigation.post-navigation a {
    letter-spacing: 1px;
    font-size: 0.9rem;
    text-transform: uppercase;
}

/** related **/
.related_all.container-post {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-bottom: 4rem;
}
.related_all.container-post .related_items {
    display: flex;
    gap: 1.5rem;
}
.related_all.container-post .related_items .related {
    display: flex;
    flex: 33%;
    flex-wrap: wrap;
    border: 1px solid var(--gray3);
    padding: 0;
    border-bottom: 4px solid var(--blue-dark);
}
.related_all.container-post .related_items .related .featured {
    height: 200px;
    display: flex;
    width: 100%;
    overflow: hidden;
}

.related_all.container-post .related_items .related .featured > a {
    display: flex;
    width: 100%;
}
.related_all.container-post .related_items .related .featured img {
    object-fit: cover;
    width: 100%;
    object-position: center;
    position: relative;
    transition: 0.25s ease-in-out;
}
.related_all.container-post .related_items .related .featured:is(:hover,:focus) {
    border-bottom: 4px solid var(--blue-lighter);
}
.related_all.container-post .related_items .related .featured img:is(:hover,:focus) {
    transform: scale(1.2);
    border-bottom: 4px solid var(--blue-lighter);
}
.related_all.container-post .related_items .related .content {
    padding: 1.25rem;
}
.related_all.container-post .related_items .related .content h3 {
    line-height: 1.25;
    font-size: 1.5rem;
    min-height: 85px;
}
.related_all.container-post h2 {
    display: flex;
    text-align: center;
    color: black;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 1rem;
}
.related_all.container-post h3:is(:hover,:focus) a {
    color: var(--blue-lighter);
}

.related_items .noImg {
    display: flex;
    align-items: center;
}
.related_items .noImg {
    display: flex;
    align-items: center;
}
.related_items  h3 {
    font-weight: 700;
}
.related_items .noImg h3 {
    border-bottom: 2px solid var(--blue);
    padding-bottom: 1rem;
}

/** footer **/
footer {
    min-height: 700px;
    background-color: var(--gray1);
}
footer * {
    color: white;
}
footer .footer-top {
    padding-top: 4rem;
}
footer .footer-top img {
    width: 130px;
}
footer .footer-bottom {
    padding-top: 1.5rem;
    padding-bottom: 4rem;
    display: flex;
    justify-content: space-between;
}

footer .footer-bottom * {
    font-weight: 500;
}

footer .footer-bottom p {
    font-weight: 500;
    font-size: 12.5px;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}
footer .footer-bottom p.lh1 {
    line-height: 1.75;
}

footer .footer-col:first-child {
    width: 25.5%;
    padding-right: 1rem;
}
footer .footer-col:nth-child(2) {
    width: 35%;
    padding-right: 0;
    flex-wrap: wrap;
}
footer .footer-col:last-child {
    width: 40%;
}
@media (max-width: 1279px){
    footer .footer-col:last-child {
        padding-left: 1rem;
    }
}

ul#footer-menu-4 {
    margin-top: 1rem;
}

footer .footer-col.inner {
    display: flex;
}
footer .footer-col.inner > * {
    flex: 50%;
}
footer .footer-col.inner a,
footer .widget_text a, 
footer .widget_text a:visited {
    color: white;
}
footer .footer-col.inner a:is(:hover,:focus),
footer .widget_text a:is(:hover,:focus) {
    color: var(--blue-light);
}

footer .footer-col.inner ul li {
    line-height: 20.4px;
}
footer .footer-col.inner ul li a {
    font-size: 13.6px;
}

footer .footer-col.inner .isTitle,
footer .footer-col.inner .isTitle a{
    color: white;
    font-weight: 600;
    font-size: 15.2px;
    margin-bottom: 4px;
}

ul#footer-menu-5 {
    margin-top: 1.4rem;
}

footer .footer-col.inner #footer-menu-3 .isTitle:not(:first-child),
footer .footer-col.inner #footer-menu-3 .isTitle:not(:first-child) a {
    margin-top: 19px;
    line-height: 0.5;
}

.offset-menu {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
@media (max-width: 799px){
    .offset-menu {
        display: none;
    }
}

.offset-menu > * {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
}
.offset-menu svg {
    width: 25px;
    height: auto;
    fill: var(--gray3);
}
.offset-menu svg:is(:hover,:focus){
    fill: var(--blue-lighter);
}

/**404**/
.site-main.dead, .nada {
    background-color: var(--blue);
}
.site-main.dead > section *, .nada * {
    color: white;
    text-align: center;
}
.site-main.dead > section header, .nada header {
    padding-top: 4rem;
    border-bottom: 1px solid white;
    padding-bottom: 4rem;
    text-align: center;
}
.site-main.dead > section header h1, .nada header h1 {
    line-height: 1.5;
}
.site-main.dead .page-content, .nada .page-content {
    margin: 0;
    padding: 4rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.site-main.dead .page-content h2, .nada .page-content p {
    font-size: 1.25rem;
    padding-bottom: 1.5rem;
}
.site-main.dead .page-content .searchForm {
    display: flex;
    flex-direction: column;
}
.site-main.dead > section input.search-field, .nada input.search-field {
    padding: 0.5rem 1rem;
    color: black;
    text-align: left;
}
.site-main.dead > section input.search-submit, .nada input.search-submit {
    line-height: 1.5;
    padding: 0.5rem 1rem;
    text-align: left;
    margin-left: 0.5rem;
    background-color: transparent;
    cursor: pointer;
    color: white;
    border: 2px solid white;
    transition: 0.25s ease all;
}
.site-main.dead > section input.search-submit:is(:hover,:focus),
.nada .search-submit:is(:hover,:focus) {
    background-color: var(--blue-lighter);
    color: black;
}
@media (max-width: 599px) {
    .site-main.dead > section input.search-submit,
    .nada input.search-submit {
        margin-top: 2rem;
    }
}

.site-main.dead .page-content .recents {
    margin-top: 4rem;
    width: 100%;
}
.site-main.dead .page-content .recents h2:after {
    content: '';
    display: flex;
    width: 10%;
    height: 2px;
    top: 0;
    left: 0;
    background-color: var(--blue-lighter);
    margin: 0 auto; 
}

body.search main#primary .container-post:last-child {
    padding-bottom: 4rem;
}