/*
Theme Name:     hotrod
Theme URI:      https://ahrf.com/
Description:    The American Hot Rod Foundation WP-Theme
Version:        1.0
Author:         CHRS Interactive
Author URI:	    https://www.chrsinteractive.com/
*/

/* ---------------------------- */

/* -- @MASTERHEAD/NAVIGATION -- */
body.overflow-hidden {overflow: hidden;}

.site-header {width:100%;position:sticky;top:0;left:0;z-index:99;background:var(--color-off-white);}
.site-header.sticky {box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);}

.header-top {padding:10px 0;border-bottom:1px solid #E7E7E7;}
.header-btm {padding:15px 0;}
.header-left,
.header-right {width:50%;box-sizing:border-box;float:left;}
.header-left {padding-right:30px}
.header-right {padding-left:30px;text-align:right;}

.logo {position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:50px;padding:10px 15px;background:var(--color-off-white-dark);z-index:4;}
.logo img {display:block;}
.logo:after {content: "";display: block;position:absolute;top:100%;left:0;width: 0;height: 0;border-left: 45px solid transparent;border-right: 45px solid transparent;border-top: 20px solid var(--color-off-white-dark);}

.header-search-trigger {float:left;padding-right:20px;height:20px;line-height:20px;border-right:1px solid var(--color-main);}
.header-search-trigger span {display:inline-block;font-size:1.4rem;color:#8A8A8A;padding-left:25px;background:url(images/icon-search.svg) center left no-repeat;background-size:20px 20px;}

.header-social {float:left;padding-left:20px;}
.header-social li {display:inline-block;margin-right:10px;}

.header-links {text-align:right;}
.header-links li {display:inline-block;margin-left:15px;font-size:1.4rem;line-height:20px;}
.header-links li span {text-decoration:underline;}
.header-links li a {color:#333;}
.header-links li a:hover {color:var(--color-red-light);}

#ajaxsearchpro1_1, #ajaxsearchpro1_2, div.asp_m.asp_m_1 {min-width:0 !important;width:80% !important;box-sizing:border-box !important;}

/* Main Menu */
.mainNav li {display:inline-block;margin-left:30px;font:1.4rem/18px var(--font-heading);font-weight:600;}
.mainNav li a {color:var(--color-main);}
.mainNav li a:hover,
.mainNav li.current-menu-item a {color:var(--color-red-light);}

.mainNav-wrap.header-left .mainNav li:first-of-type {margin-left:0;}

/* Level 2 */
.mainNav li ul {display:none;}
.mainNav li:hover > ul {display: block;}
.mainNav li ul {position: absolute; top: 100%;padding:10px 0;width:100%;max-width:270px;text-align:left;z-index:99;background:#fff;}
.mainNav li ul li {display:block;position:relative;}
.mainNav li ul li a {color:#444;}
.mainNav li ul li a:hover {color:#000;}

/* Responsive Menu */
.mainNav-wrap {display:none;}

.mobile-nav-trigger-outter {float:right;width:30px;height:30px;z-index:99}
.mobile-nav-trigger {display:block;}
.mobile-nav-trigger .cd-menu-icon {margin-top:15px;margin-left:15px;display: block;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 30px; height:2px;-webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute;top:0;left:0;z-index:9;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }
.mobile-nav-trigger .cd-menu-icon::before { top: -9px; }
.mobile-nav-trigger .cd-menu-icon::after { top: 9px; }
.mobile-nav-trigger .cd-menu-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.mobile-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.mobile-nav-trigger .cd-menu-icon.is-clicked { background: none !important }
.mobile-nav-trigger .cd-menu-icon,
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after,
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:#222;}

.mobile-nav {position: fixed;visibility:hidden;opacity:0; left: 0; top: 0; height:100%;width:100%;background:var(--color-off-white); z-index:98;transition:all 0.3s ease;overflow:scroll;}
.mobile-nav.is-visible {visibility:visible;opacity:1;}
.mobile-nav-inner {padding-top:180px;}

.mobileNav li {display:block;font-size:1.8rem;margin-bottom:20px;}
.mobileNav li a {color:#000;}
.mobileNav li a:hover {color:var(--color-red-light);}

.breadcrumbs {padding:25px 0;}
.breadcrumbs ul li {display:inline-block;font-size:1.4rem;}
.breadcrumbs ul li:after {content:"<";display:inline-block;padding:0 10px;}
.breadcrumbs ul li:last-of-type:after {display:none;}
.breadcrumbs ul li a {text-decoration:underline;}
.breadcrumbs a {color:var(--color-main);}
.breadcrumbs a:hover {color:var(--color-red-light);}

.back-link {display:inline-block;padding-left:20px;margin-top:15px;font-weight:700;}
.back-link:after {content:"west";position:absolute;top:50%;left:0;transform:translateY(-50%);}

.post-edit-link {display:block;position:fixed;top:50%;right:0;padding:10px;z-index:99999999;background:rgba(139,16,6,0.8);color:#fff;font:16px/1 Helvetica, Arial, serif;text-transform:uppercase;font-weight:600;}
.post-edit-link:hover {background:rgba(139,16,6,1);color:#fff;}

/* -- @CONTENT ---------------- */
.button,
input[type=submit] {display:inline-block;padding:10px 20px;border:2px solid transparent;background:var(--color-red-light);font:13px/1.2 var(--font-heading);font-weight:600;letter-spacing:1px;color:#fff;text-transform:uppercase;text-align:center;box-sizing:border-box;}
.button-red-outline {background:none;border-color:var(--color-red-light);color:var(--color-red-light)}
.button-red-outline-red {background:none;border-color:var(--color-red-light);color:var(--color-red-light)}

.button:hover {background:var(--color-red-dark);color:#fff;border-color:var(--color-red-dark);}
.button-grid {text-align:center;}
.button-grid .button {width:180px;margin-top:10px;}
.button-col-2 {max-width:400px;margin:0 auto;}
.button-col-3 {max-width:580px;margin:0 auto;}

.icon-item {position:relative;}
.icon-item:after {font-family: 'Material Symbols Outlined';font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;}

.narrow-content-sml {max-width:780px;margin:0 auto;}
.narrow-content-lrg {max-width:980px;margin:0 auto;}

.home-slider-wrap {position:relative;}
.home-slide-item {width:100%;height:60vh !important;min-height:400px !important;}
.home-slide-content {position:absolute;width:100%;left:0;bottom:100px;}
.home-slide-content span {display:block;font-weight:600;width:70%;}
.home-slide-content .slide-title {font-size:2.8rem;line-height:30px;text-shadow: 2px 2px rgba(0,0,0,0.8);}
.home-slide-content .slide-subtitle {font-size:1.6rem;line-height:20px;margin-bottom:20px;text-shadow:2px 2px rgba(0,0,0,0.8);}

.home-slider-101-wrap {position: absolute; top: 5%; left:0;width:100%;z-index: 1;}
.home-slider-101 {display:block;color: #fff; cursor: pointer; transition:0.4s;float:right;width: 125px; height: 125px;position:relative;}
.home-slider-101:hover {color:#000;}
.home-slider-101::before, .home-slider-101::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background:var(--color-red-light); opacity: 0.7; z-index: -1; animation: chrs-pulse 2s ease-out infinite;}
.home-slider-101::after {animation-delay: 2s;}
.home-slider-101-inner {width: 125px; height: 125px; background: var(--color-red-light); border-radius: 100%;display: flex; align-items: center; justify-content: center;  }
.home-slider-101 p {font-size: 1.8rem;line-height:1;font-weight: 700;margin-bottom:5px;}
.home-slider-101 span {font-size:1.5rem;font-weight: 700;}
@keyframes chrs-pulse {0% {transform: scale(1); opacity: 0.5;} 100% {transform: scale(1.2); opacity: 0;}}

.archive-nav-bar {padding:25px 0;background:var(--color-red-light);}
.archive-nav-bar-inner {text-align:center;}
.archive-nav-bar-title span {font-size:22px;font-weight:700;}

.archive-nav-menu {margin-top:20px;}
.archive-nav-menu li {display:inline-block;margin:0 20px;line-height:20px;}
.archive-nav-menu li a {display:block;height:20px;padding-left:25px;background-position:center left;background-size:20px 20px;background-repeat:no-repeat;}
.archive-nav-menu li a.nav-images {background-image:url(images/icon-images.svg)}
.archive-nav-menu li a.nav-videos {background-image:url(images/icon-video.svg)}
.archive-nav-menu li a.nav-audio {background-image:url(images/icon-audio.svg)}
.archive-nav-menu li span {font-size:1.4rem;}

.home-intro {margin-bottom:30px;}

.home-grid img {display:block;width:100%;height:auto;}
.home-grid-lrg,
.home-grid-item {display:block;position:relative;}
.home-grid-lrg.first {width:100%;height:300px;}
.home-grid-lrg.last {display: grid;grid-template-columns: repeat(auto-fill, 50%);justify-content: space-between;}
.home-grid-item:after {content:"";position:absolute;width:100%;height:60%;bottom:0;left:0;background: linear-gradient(to bottom,  rgba(41,41,41,0) 0%,rgba(41,41,41,0.9) 100%);}
.home-grid-item span,
.home-grid-item h2 {position:absolute;margin:0;z-index:3;}
.home-grid-item .grid-tag {top:20px;right:20px;}
.home-grid-item h2 {width:100%;bottom:30px;left:0;padding-left:30px;box-sizing:border-box;}
.home-grid-sml {height:200px;}

/* Archive Grid */
.archive-grid {display: grid;grid-template-columns: repeat(auto-fill, 48%);justify-content: space-between;}
.archive-block {margin-bottom:30px;}
.archive-block a {display:block;position:relative;}
.archive-block .block-thumb {overflow:hidden;}
.archive-block .block-thumb img {display:block;width:100%;transition:1s;}
.archive-block a span {display:block;margin-top:10px;color:var(--color-main);font-weight:600;}
.archive-block .icon-item:after {position:absolute;top:10px;right:10px;color:#fff;z-index:2;font-size:3.0rem;transition:0.4s;}
.archive-block .icon-item:hover:after {color:var(--color-red-dark);}
.archive-block .icon-video:after {content: "play_circle";}
.archive-block .icon-audio:after {content: "volume_up";}

.archive-block:hover .block-thumb img {transform: scale(1.1);}
.archive-block:hover a span {color:var(--color-red-dark);}

.archive-block p {margin:10px 0 2px;}

.grid-overlay {position:relative;}
.grid-overlay:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:25%;background: linear-gradient(to bottom,  rgba(250,250,250,0) 0%,rgba(250,250,250,1) 70%);}

/* Pioneer Detail */
.pioneer-header-content {margin-bottom:30px;}
.pioneer-header-content h1 {font-size:2.8rem;margin-bottom:5px;}
.pioneer-header-content p {margin-bottom:5px;}
.pioneer-author {font-size:1.6rem;color:#8A8A8A;}

/* About */
.tabs-nav li {display:inline-block;margin-right:10px;padding:15px 25px;background:var(--color-off-white);font-weight:700;cursor:pointer;transition:0.4s;}
.tabs-nav li:hover {color:var(--color-red-light);}
.tabs-nav li.active {background:var(--color-off-white-dark);color:var(--color-red-light);}

.tab-content {display:none;}
.tab-content.active {display:block;}

.team-block {margin-bottom:30px;}
.team-block p {margin-bottom:5px;}
.team-name,
.team-position {font-weight:700;}
.team-position {color:var(--color-red-light);}
.team-bio p {font-size:1.6rem;}

.contributor-list-wrap ul li,
.vip-member-col ul li {margin-bottom:5px;line-height:1.4;}
.contributor-list-wrap ul li a {color:var(--color-main);}
.contributor-list-wrap ul li a:hover {color:var(--color-red-light);}

.accordion-row {padding:30px 0;border-top:1px solid #E7E7E7;}
.accordion-header h3 {font-weight:700;text-transform:uppercase;margin:0;}
.accordion-header:after {content:"keyboard_arrow_down";position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:3.0rem;}
.accordion-row.active .accordion-header:after {content:"keyboard_arrow_up";}
.accordion-content {display:none;padding-top:30px;}
.accordion-row.active .accordion-content {display:block;}

/* Photo of Day */
.photo-day-frame {margin-bottom:30px;}
.photo-day-frame img {display:block;width:100%;}

/* Collection */
.frame-thumbs span {display:block;margin-top:5px;color:#8a8a8a;}
.photo-day-frame li,
.thumb-item {position:relative;border-radius:5px;overflow:hidden;}
.flex-active-slide .thumb-item:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:10px;background:var(--color-red-light);}
.thumb-item img {display:block;}

/* Story / Timeline */
.timeline-row-wrap.reverse {background:var(--color-off-white-dark);}
.timeline-row {position:relative;padding:30px 0;}

.timeline-content,
.timeline-pic {position:relative;z-index:3;}
.timeline-content {margin-bottom:30px;}

.timeline-pic-header {padding:10px 0 20px;}
.timeline-pic-header > div {width:48%;font-size:1.4rem;line-height:1.4;}
.timeline-pic-title {color:var(--color-red-light);}
.timeline-pic-link {text-align:right;float:right;}
.timeline-row a {display:inline-block;position:relative;color:var(--color-main);font-size:1.4rem;font-weight:700;padding-right:20px;text-transform:uppercase;}
.timeline-row a:after {content:"keyboard_arrow_right";position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:2.0rem;color:var(--color-red-light);}
.timeline-row a:hover {color:var(--color-red-light);}

.jquery-modal.blocker.current {z-index:999 !important}
.jquery-modal .modal  {max-width:950px !important;border-radius:0 !important;border:none !important;}


.acf-gallery-wrapper { max-width: 800px; margin: auto;padding-bottom:20px; }
.acf-gallery-main { margin-bottom: 15px; }
.acf-gallery-main img,
.acf-gallery-main video { width: 100%; max-height: 500px; object-fit: contain; }

.acf-gallery-thumbs { display: flex; gap: 10px; flex-wrap: wrap; }
.acf-gallery-thumbs img,
.acf-gallery-thumbs video { width: 100px; height: 70px; object-fit: cover; cursor: pointer; border: 2px solid transparent; }
.acf-gallery-thumbs img.active,
.acf-gallery-thumbs video.active { border-color: #333; }

.pagination,
.envira-gallery-wrap .envira-pagination,
.archive-pagination {text-align:center;}
.pagination .page-numbers,
.envira-gallery-wrap .envira-pagination .page-numbers,
.archive-pagination .page-numbers {font-weight:500 !important;margin:0 10px;}
.pagination .page-numbers a,
.envira-gallery-wrap .envira-pagination a,
.archive-pagination a {color:#4D4D4D}
.pagination .page-numbers a:hover,
.envira-gallery-wrap .envira-pagination a:hover,
.archive-pagination a:hover {color:var(--color-red-light);}
.pagination .page-numbers span,
.envira-gallery-wrap .envira-pagination span,
.archive-pagination span {color:#A9A9A9;}

.filter-sidebar-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;}
.filter-sidebar-header h2 {margin:0;line-height:1;}
.filter-sidebar-header a {display:block;font-size: 1.4rem;color: #8A8A8A;text-decoration: underline;}

.filter-group-trigger {display: flex; justify-content: space-between; align-items: center; cursor: pointer;padding: 10px 0;border-top: 1px solid #ddd;}
.filter-group-trigger .filter-arrow {color:var(--color-red-light);}

.filter-group-content {display: none;}
.filter-group.is-open .filter-group-content {display: block;}

.filter-group label {display:block;}
.filter-group-level-1 {margin-bottom:25px;}
.filter-group-trigger p,
.filter-group-level-1 label {font-weight:700;text-transform:uppercase;margin-bottom:15px;line-height:1.4;}
.filter-group-level-1 label {font-size:1.6rem;}
.filter-group-level-2 {margin-left:20px;}
.filter-group-level-2 label {font-weight:400;text-transform:none;margin-bottom:7px;}
.filter-disabled {opacity:0.4;}
.filter-group-trigger p {margin: 0;}

.image-archive-sidebar {padding:20px;box-sizing:border-box;}
.image-archive-main {padding-top:40px;}

/* Archives */
.archive-sidebar-nav li {display:block;margin-bottom: 20px;font-size: 14px;font-weight: 600;line-height:1.2;}
.archive-sidebar-nav li a {display:inline-block;position:relative;padding-left:25px;color:var(--color-main);}
.archive-sidebar-nav li a:hover {color:var(--color-red-dark);}
.archive-sidebar-nav li a:before {content:"";display:block;position:absolute;top: 50%;left: 0;width: 15px;height: 16px;transform: translateY(-50%);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.archive-sidebar-nav li a.link-images:before {background-image:url(images/icon-archive-images.svg);}
.archive-sidebar-nav li a.link-videos:before {background-image:url(images/icon-archive-video.svg);}
.archive-sidebar-nav li a.link-audio:before {background-image:url(images/icon-archive-audio.svg);}
.archive-sidebar-nav li a.link-collections:before {background-image:url(images/icon-archive-collections.svg);}
.archive-sidebar-nav li a.link-pioneers:before {background-image:url(images/icon-archive-pioneers.svg);}
.archive-sidebar-nav li a.link-blog:before {background-image:url(images/icon-archive-blog.svg);}

.video-thumb:after {content:"play_circle";position:absolute;top:50% !important;left:50% !important;right:auto  !important;transform:translate(-50%,-50%) !important;font-size:4.5rem !important;color:#fff;}
.video-thumb:hover:after {color:var(--color-red-light) !important;}

.archive-collection-list {column-count:2;}
.archive-collection-list li {display:block;margin-bottom:10px;line-height:1.4;font-weight:500;font-size:1.6rem;}
.archive-collection-list li a {color:var(--color-main);}
.archive-collection-list li a:hover {color:var(--color-red-dark);}

.audio-embed-row {margin-bottom:30px;}

.images-archive-grid {columns: 2;column-gap: 15px;}
.images-archive-grid .images-archive-block {break-inside: avoid;margin-bottom: 15px;}
.images-archive-grid .images-archive-block a {display: block;}
.images-archive-grid .images-archive-block img {width: 100%;height: auto;display: block;}
.fancybox__container .f-caption {max-width:960px;line-height:1.4;}

/* News */
.news-slider-wrap {margin:40px 0;padding:40px 0;background:var(--color-off-white-dark);;}
.news-slider-header h2 {margin-bottom:5px;}
.news-slider-header a {display:inline-block;position:relative;color:var(--color-main);font-weight:700;padding-right:20px;text-transform:uppercase;}
.news-slider-header a:after {content:"keyboard_arrow_right";position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:2.0rem;color:var(--color-red-light);}
.news-slider-header a:hover {color:var(--color-red-light);}

.news-slider {margin:20px 0 0 30px;}
.news-slider .slide-item {display:block;padding:0 10px;}
.news-slider-title {margin-top:5px;font-size:1.4rem;line-height:1.4;}
.news-slider-title span {display:block;margin-top:2px;color:#8a8a8a;}

/* Membership */
.page-id-17003 .mp_wrapper {padding:40px;margin-top:40px;background:var(--color-off-white-dark);}
.page-id-17003 .mp_wrapper .mp-form-row {margin-bottom:15px;}
.page-id-17003 .mp_wrapper .mp-form-row label {display:block !important;margin-bottom:3px;line-height:1.4;}
.page-id-17003 .mp_wrapper .mp-form-row .mepr-radios-field-row label {display:inline !important;}

.page-id-77 .wp-block-kadence-column {padding:20px;margin-bottom:40px;background:var(--color-off-white-dark);}

/* Contest */
.wpforms-container {padding:40px !important;background:var(--color-off-white-dark) !important;}

.hotrod-winner-grid {display: grid;grid-template-columns: repeat(auto-fill, 48%);justify-content: space-between;}
.hotrod-winner-item {margin-bottom:40px;}
.hotrod-winner-item h3,
.hotrod-winner-item p {margin-bottom:7px;}
.hotrod-winner-item h3 {font-weight:700;}

.chrs-vote-btn.chrs-vote-disabled {opacity:0.3;background:#ccc;border:none;}

.car-specs {padding:20px;margin-bottom:40px;background:var(--color-off-white-dark);}

/* Footer Signup Form */
.footer-signup {padding:20px 0;}
.signup-form-title {margin-bottom:10px;text-align:center;}
.signup-form-wrap input {display:inline-block;height:38px;line-height:38px;box-sizing:border-box;border:none;padding:0;}
.signup-form-wrap input[type=text],
.signup-form-wrap input[type=email] {width:43%;background:#fff;padding:0 5px;}
.signup-form-wrap input[type=submit] {display:inline-block;width:10%;height:38px;line-height:38px;box-sizing:border-box;border:none;background:#000;color:#fff;}

/* Member Press */
.button.mp-hide-pw {display:none !important;}
.mepr-login-form-wrap,
.mp_login_form {max-width:600px;margin:0 auto;padding:40px;background:var(--color-off-white-dark);box-sizing:border-box;}
.mepr-login-form-wrap label,
.mp_login_form .mp-form-label label {display:block !important;margin-bottom:10px;}
.mp_wrapper h1, .mp_wrapper h2, .mp_wrapper h3 {font-weight:700;}

.mepr-share-button,
.wpforms-form button[type="submit"] {padding:10px 20px !important;border:none !important;background:var(--color-red-light) !important;font:13px/1.2 var(--font-heading) !important;border-radius:0 !important;color:#fff !important;text-transform:uppercase !important;font-weight:600 !important;letter-spacing:1px !important;}
.mepr-share-button:hover,
.wpforms-form button[type="submit"]:hover {background:#000 !important;}

.member-library-sidebar .button {display:block;max-width:300px;}

figcaption {line-height:1.4;}

/* -- @FOOTER ----------------- */
.site-footer {}

.footer-logo {width:150px;margin:0 auto 30px;}
.footer-menu {margin-bottom:30px;}
.footer-menu li {margin-bottom:10px;font-size:1.4rem;line-height:1.4;}
.footer-menu li:first-of-type {font-weight:700;text-transform:uppercase;}
.footer-menu li a {color:var(--color-main);}
.footer-menu li a:hover {color:var(--color-red-light);}

.footer-mid {padding:15px 0;}
.footer-links li {display:inline-block;margin:5px 20px;font-weight:700;}
.footer-links li a {color:#fff;}
.footer-links li a:hover {color:var(--color-red-light);}

.footer-copy {padding:25px 0;}
.footer-copy span {font-size:1.2rem;line-height:1.4;display:block;}
.footer-copy span,
.footer-copy a {color:#fff;}
.footer-copy a:hover {text-decoration:underline;}

/* #Clearer
================================================== */
.container:after,
.row:after,
.entry:after,
.timeline-pic-header:after {content: ""; display: table; clear: both;}