/*
Theme Name: Vincenzo-Dixie
Theme URI: https://davidgagne.net/tags/wordpress/
Author: David Vincent Gagne @ Jacket Industries, LLC
Author URI: https://jacket-industries.com/
Description: Custom WordPress Theme based on existing Dixie Electric website
Version: 2.1.6
Requires at least: 5.8 // PHP
Requires: WordPress: 6.0
Text Domain: vincenzo-dixie
*/

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

/*-----------------------------------------------------
-    CSS Variables
-----------------------------------------------------*/
:root{
     --lightcolor: rgb(0, 178, 89);
     --darkcolor: #0e2a59;
     --contrastcolor: #fade70;
     --tile-height: 133px;
}

/* Full-width example container */
.tile-x {
     width: 100%;
     height: var(--tile-height);
     /* Use your image URL below */
     background-repeat: repeat-x;            /* tile horizontally only */
     background-position: center center;    /* vertical centering of each tile */
     background-size: auto var(--tile-height); /* scale each tile so its height matches container */
     background-color: #ffffff;              /* fallback background */
     overflow: hidden; /* hide any tiny antialiasing at edges */
}
.tile-x[aria-hidden="true"] {
     pointer-events: none;
}
body {
     min-height: 75rem;
     padding-top: 5.0rem;
     font-family: "Roboto";
     font-size: 1.25em;
     -ms-word-wrap: break-word;
     word-wrap: break-word;
}

a, a:link, a:visited{
     text-decoration: none;
}
a:hover{
     text-decoration: underline;
}

.container-fluid {
  --bs-gutter-x: 0;
}

.carousel-inner{
     max-height: 50vh;
}
.carousel-caption{
     bottom: 5rem;
}
.page-content{
     padding-top: 2em;
}
.vincenzo-nav{
     border-bottom: 1px inset #000;
}
.current{
     font-weight: bolder;
     text-decoration: none;
}
.current a, .current a:link, .current a:visited {
     color: #000 !important;
}
.current a:hover {
     color: var(--lightcolor) !important;
     text-decoration: none;
}
.highlight{
     color: var(--lightcolor);
}
h2.highlight{
     border-top: 2px dotted var(--lightcolor);
     border-bottom: 2px dotted var(--lightcolor);
     padding: 1em 0 1em 0;
     margin-top: 2em;
     margin-bottom: 2em;
}
.post-title a, .post-title a:link, .post-title a:visited{
     color: var(--darkcolor);
     font-weight: bold;
}

.dropdown-toggle::after {
     display: none;
}

.vincenzo-slideup a:hover{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.vincenzo-slideup img:hover{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
     transform: translate(0, -15px);
}
.wp-caption{
     max-width: 100%;
}
.wp-caption a, .wp-caption a:link, .wp-caption a:visited, .wp-caption a:hover {
     text-decoration: none;
}
.wp-caption-text{
     background-color: transparent;
     font-weight: bold;
     font-size: 110%;
}
.text-right{
     text-align: right;
}

.blog-post{
    font-size: 1.5em;
    line-height: 1.75em;
}

.footer_socials{
     margin-top: 2em;
}

.single-blog-post-excerpt{
     font-size: 1.25em;
     line-height: 1.5em;
     font-style: italic;
     color: var(--lightcolor);
}
/*-----------------------------------------------------
-    Utility Classes
-----------------------------------------------------*/
.pull-right{float:right !important}
/*-----------------------------------------------------
-    Hide anything.
-----------------------------------------------------*/
.hidden{
     display: none;
}

/*-----------------------------------------------------
-    Set any content to small-caps.
-----------------------------------------------------*/
.small-caps{
     text-transform: uppercase;
}

.bg-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.split-page-excerpt{
     background-color: #000;
     color: #fff;
     font-size: xx-large;
     font-weight: bolder;
     padding: 1em 4em 0.75em 4em;
     text-align: center;
     margin-bottom: 1em;
}

@media only screen and (max-width: 1024px){
     .split-page-excerpt{
          font-size: xx-large;
          font-weight: bolder;
          padding: 0.75em 0.75em;
          text-align: center;
     }
}
@media only screen and (max-width: 400px){
     .content-wrapper{
          padding: 0;
     }
     .blog-post{
          font-size: 1.25em;
     }
}