/*
 Theme Name: Atlius Racing 2026 Theme [Phil]
 Description: Custom theme based on the parent theme Twenty Seventeen.
 Template: twentyseventeen
 Author: SG
 Author URI: https://www.speedguide.net
 Version: 1.1
 */



/* ph header height */
.has-header-image.twentyseventeen-front-page .custom-header,.has-header-video.twentyseventeen-front-page .custom-header,.has-header-image.home.blog .custom-header,.has-header-video.home.blog .custom-header{
	/* height: 500px; */
	height: 50vh !important;
	max-height: 50%; overflow: hidden;
}
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,.admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media {
	height: calc(50vh - 32px);
}


/* header main page no zoom */
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
        height: auto;
        left: 0;
        max-width: 100%;
        min-height: 0;
        -o-object-fit: unset;
        object-fit: unset;
		position: relative;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		overflow: hidden;
    }

/* top: -7%;
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	transform: translateY(-7%);
}
*/




/* p2018 scale img */
.has-header-image .custom-header-media img, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	width:100%; height: 50vh;
	object-fit: cover;
	object-position: 10% 20%;
}

/* p2026 posts and pages -  header height --  */
.site-branding {height: 30vh; }

/* logo */
#masthead img.custom-logo {background:rgba(188,188,188,0.6); border-radius: 0.3em;}

/* p2026 - logo */
.custom-logo-link img {
	display: inline-block;
	margin-top: 5vh; 
	max-height: 140px;
	width: auto;
	/* min-height: 50px; min-width: 50px; */
}


/* P2026 - fade in logo */
@keyframes fadeInSlideRight {
	from { opacity: 0; transform: translate(-60px, -20px); }
	to   { opacity: 1; transform: translate(0, 0); }
}
.custom-logo { /* my specific logo selector */
  animation: fadeInSlideRight 0.5s ease-out forwards;
}






/* P2026 - nav menu */
#masthead div.navigation-top {background: #f6c245;} /* #e26d22 #CACBCE #8CA0B8 #fba400 (lambo exoticcarcolors.com/car-color/arancio-borealis)  #e69a07 #FC9303 (lambo atlas) #FF8000 (mclaren) #8eb4bc  #dedede #c1c0ad */
#masthead div.navigation-top div.wrap {padding-top: 0em; padding-bottom: 0em;}
/* nav menu image */
/* #masthead div.navigation-top .menu-home {
	background-image: url('/images/logo/rangelab-logo.png'); 
	background-repeat: no-repeat; background-position: left;
} */


/* nav dropdowns */
#masthead .main-navigation li li       {background: #ddddd6;}
#masthead .main-navigation li li:hover {background: #444444;}
/* nav down-arrow */
#masthead .main-navigation a.menu-scroll-down {top: 0;}


/* content */
@media screen and (min-width: 48em){
	.site-content {padding-top: 2.5em;}
	.panel-content .wrap { padding-top: 2.5em;}
}


/* P2026 content width. can also set: margin-left: auto, margin-right: auto, padding-left: 2em, padding-right: 2em */
.wrap { max-width: 75% }
.page.page-one-column:not(.twentyseventeen-front-page) #primary { max-width: 75%; }
@media screen and (min-width: 48em) { .wrap { max-width: 75%; } }
@media screen and (min-width: 30em) { .page-one-column .panel-content .wrap { max-width: 90%; } }
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto; margin-right: auto; max-width: 90%;
}

/*
.page-one-column .site-main .wrap { width: 95%; }
.page-one-column .site-main .wrap img { width: 95%; }
*/


.post-navigation .nav-links { display: none; }




pre {background: #f5f5f5;}
.has-sidebar:not(.error404) #primary {width:74%;}
.has-sidebar #secondary { width: 20%;}
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header
	{margin-bottom: 2em;}





/* remove posts author and date metadata */
.entry-meta .byline, .entry-meta .cat-links { display: none; }
.entry-meta .posted-on { display: none; }



/* date text */
.entry-meta {font-weight: 100;}


/* div p subnav models */
div.p-subnav {width: 100%; margin: auto;}
.p-subnav a  {background: #eeeeee; margin: 10px; padding: 2px 10px 2px 10px; border: 1px solid #ccc;}
.p-subnav a:hover {background: #edeeff; border: 1px solid #777; opacity: 0.7;}



/* footer ------------ */
.site-footer { background: #222222; color: #ffffff;}

/* P2026 footer bg image */
.site-footer {
    background-image: url("/images/bg_senna.jpg");
    background-size: cover; background-repeat: no-repeat;
    background-position: center; 
}

.site-footer h2.widget-title {color: #72a9d3;}
.social-navigation li.menu-item-35 a:hover { background-color: #3B5998; } /* facebook */
.social-navigation li.menu-item-36 a:hover { background-color: #1da1f2; } /* twitter */
.social-navigation li.menu-item-37 a:hover { background-color: #ff0000; } /* youtube */
.social-navigation li.menu-item-38 a:hover { background-color: #72a9d3; } /* email */
.social-navigation li.menu-item-59 a:hover { background-color: #72a9d3; } /* store */


/* P2026 - footer link underline color */
.site-footer .widget-area a, .site-info a { box-shadow: none !important; color: #fff; text-decoration: none; text-decoration-color: #222; }
.footer-link, .site-footer .widget-area, .site-footer a, .site-footer .widget-area a { color: #ffffff; }
.site-footer .widget-area a:hover, .site-footer .widget-area a:active, .site-footer .widget-area a:focus {
	color: #ffffff; text-decoration: none; border-bottom: 1px solid #fff;
}

/* P2026 - footer social media links remove hover underline */
.wp-block-social-links a:hover {
    text-decoration: none !important;
	border-bottom: 0px solid #222 !important;
}