/**
 * Theme Name: Perkowitz 2024
 * Description: Perkowitz Custom Theme 2024 - A Blocksy Child theme
 * Author: Lobstervine
 * Template: blocksy
 * Text Domain: blocksy
 */
 /* links */
 a { text-decoration: none; }
 a:hover { text-decoration: underline; }
 .ct-button:hover {
     text-decoration: none;
 }
 
 /* header logo hover */
 .site-title a:hover {
     color: #92cD00;
     text-decoration: none;
 }
 .home .site-title a:hover {
     color: white;
 }
 .blog .entry-title a:hover {
     color: #333;
 }
 
 /* nav hover */
 header .menu-item a:hover,
 header nav[class*=menu] li[class*=current-menu-]>.ct-menu-link, nav[class*=menu] li[class*=current-menu-]>.ct-sub-menu-parent,
 [data-header*="type-1"] .ct-header .menu-item a:hover,
 [data-header*="ewqU4R"] .ct-header .menu-item a:hover{
     color: black !important;
 }
 
 .home header .menu-item a:hover,
 .single-post header .menu-item a:hover,
 .blog header .menu-item a:hover, 
 nav[class*=menu] li[class*=current-menu-]>.ct-sub-menu-parent,
 [data-header*="yromBS"] .ct-header .menu-item a:hover {
     color: white !important;
 }
 
 /* header button */
 .ct-header [data-id="button"] [class*="ct-button"] {
     border: 2px solid #92cD00; /* theme green */
 }
 .ct-header [data-id="button"] [class*="ct-button"]:hover {
     background: white;
     color: #92cD00; /* theme green */
     text-decoration: none;
 }
 .home .ct-header [data-id="button"] [class*="ct-button"]:hover,
 .blog .ct-header [data-id="button"] [class*="ct-button"]:hover {
     background: transparent;
     color: white;
 }
 /* blog button goes to white outline */
 [data-header*="yromBS"] .ct-header [data-id="button"] [class*="ct-button"]:hover {
     border: 2px solid #ffffff;
 }
 /* home button has white outline */
 .home .ct-header [data-id="button"] [class*="ct-button"] {
     border: 2px solid #ffffff; /* theme green */
 }
 /* header nav/button stacked */
 #header [data-items] {
     flex-wrap: wrap;
 }
 [class*=header-menu] {
     height: auto !important;
     margin-right: 0px !important;
     width: 100%;
     justify-content: flex-end;
 }
 #menu-primary-navigation .menu-item:last-child .ct-menu-link {
     padding-right: 0;
 }
 .ct-header [data-id="button"] {
     margin-top: -40px !important;
 }
 
 /* nav separators */
 /* Add a border to the right of each menu item */
 #menu-primary-navigation .menu-item:not(:last-child) {
     border-right: 1px solid #000;
 }
 /* white on blog pages
 and home page */
 [data-header*="yromBS"] #menu-primary-navigation .menu-item:not(:last-child),
 .home #menu-primary-navigation .menu-item:not(:last-child) {
     border-right-color: #fff;
 }
 
 /* blog images align top, frame */

     [data-archive=default][data-layout=simple] article>.ct-media-container:not(.boundless-image) {
       align-self: start;
             margin-top: 10px;
             border: 1px solid #e2e2e2;
             padding: 5px;
     }

 /* blog buttons outline & bold */
 [data-prefix="blog"] .entry-button.ct-button,
 .archive.category .entry-button.ct-button{
     border: 2px solid;
     font-weight: bold;
     line-height: 0; /* centered */
 }
 
 /* blog title no margin below */
 [data-prefix="blog"] .entry-card .entry-title {
     margin-bottom: 0;
 }
 
 /* home top bar inline */
 .home #header [data-row*=top] .wp-block-latest-posts__list li {
     display: grid;
     grid-template-columns: auto auto;
     grid-gap: 10px;
     align-items: center; 
 }
 .home #header [data-row*=top] .wp-block-latest-posts__list li a {
     color: white;
 }
 .home #header [data-row*=top] .wp-block-latest-posts__list li .wp-block-latest-posts__post-date {
     grid-column: 1 / 2;
     grid-row: 1 / 2;
     font-weight: 800;
     text-transform: uppercase;
     color: #92CD00;
 }
 .home #header [data-row*=top] .wp-block-latest-posts__list li .wp-block-latest-posts__post-date:before {
     content: "LATEST BLOG | "
 }
 .home #header [data-row*=top] .wp-block-latest-posts__list li .wp-block-latest-posts__post-title {
     grid-column: 2 /3;
 }
 
 /* home slider arrows don't work unless */
 #main-container .site-main {
     z-index: 1;
 }
 [data-footer*="2P-TgC"] .ct-footer {
     z-index: 2;
 }
 
 /* home slider arrow opacity */
 .wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg #bg, .wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg .bg {
     opacity: 60%
 }
 
 /* about page padding */
 @media (min-width: 601px) {
     .page-id-1099 .wp-block-media-text>.wp-block-media-text__content {
         padding: 0 0 0 4%;
     }
 }
 
 /*arrows on post nav */
 .post-navigation .nav-item-prev .item-label:before {
     content: "< ";
 }
 .post-navigation .nav-item-next .item-label:after {
     content: " >";
 }
 /* dashes in footer nav*/
 footer .menudash a:before {
     content: "-";
     width: 10px;
 }
 
 /* make uncategorized posts full width, no sidebar */
 @media (min-width: 1000px) {
     [data-sidebar=right]:has(.category-uncategorized) {
     grid-template-columns: 1fr;
 }
 } 
 
 .stretchimg img {
     width: 100%;
 }
 
 .archive.category .entries {
     margin-top: 15px;
 }
 .archive.category .ct-media-container {
     margin-top: 0!important;
 }
 .archive.category .entry-title {
     margin-bottom: 0;
 }
 .ct-sidebar li:has(a) {
     padding: 5px 0;
     border-bottom: 1px solid #2A629C
 }
 
 /* DATE IN SIDEBAR */
 
 /*ADJUST*/
 /* Ensure the container has relative positioning */
 .ct-sidebar .wp-block-latest-posts__list li {
   position: relative;
 }
 
 /* Position the date before the title on the same line */
 .ct-sidebar .wp-block-latest-posts__post-date {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   font-size: 0.9em;
   color: #2A629C;
   white-space: nowrap;
 }
 
 /* Add space between date and title */
 .ct-sidebar .wp-block-latest-posts__post-title {
   padding-left: 40px;  /* Adjust as needed */
 }
 
 .wp-block-latest-posts__list li {
     display: flex;
     align-items: center;
     justify-content: flex-start;
 }
 
 .wp-block-latest-posts__post-title {
     margin-left: 10px;  /* Adds space between the date and the title */
 }
 
 .wp-block-latest-posts__post-date {
     order: -1; /* Moves the date to the front */
     margin-right: 10px; /* Adds space between the date and the title */
 }
 
 .gform_button {
     margin: auto !important;
     background-color: rgb(146,205,0) !important;
     border-radius: 30px !important;
     font-weight: bold !important;
     font-size: 16px !important;
     padding: 15px 30px !important;
 }
 
 /* MOBILE FIXES */
 .home .slide-content {
     height: 100vh !important;
 }
 /*iPad*/
 @media (max-width: 1000px) {
     .site-title {
         margin-top: 30px;
     }
 }
 /*iPhone*/
 @media (max-width: 500px) {
     .site-title {
         line-height: 1 !important;
         margin-top: 12px;
     }
     .site-description {
         margin-bottom: 8px !important;
     }
     .blog #main .ct-container,
     .single-post #main .ct-container {
         width: 100%;
         max-width: 100%;
     }
 }
 
 .desktop-only {
     display: none;
 }
 @media (min-width: 1000px) {
     .desktop-only {
         display: inherit;
     }
     .hide-on-desktop {
         display: none;
     }
 }
 
 header .ct-label { 
     display: block !important;
     color: #fff !important;
     font-size: 16px !important;
 }
 
 .ct-header .wp-element-button {
     background-color: rgb(146,205,0)  !important;
 }
 
 /* hide search just on bike tours landing page */
 .page-id-1129 #header [data-row*="bottom"] {
     display: none;
 }
 .mobile-menu .menu-item {
     padding-left: 10px;
 }
 .mobile-menu .menu-item:hover {
     background-color: #318Ad4;
     border-radius: 10px
 }
 .mobile-menu .menu-item:hover a {
     color: #000 !important;
 }
 
 .single-mailpoet_page .ct-share-box,
 .single-mailpoet_page .entry-meta {
     display: none;
 }
 .mailpoet_paragraph .mailpoet_submit {
     margin-top: 30px;
 }
 
 /*share boxes*/
 .ct-share-box[data-type=type-2] .ct-icon-container {
     padding: 0px 20px 10px 0 !important;
 }
 
 figcaption {
     text-align: left !important;
 }
 .post-navigation .item-label {
     font-size: 13px !important;
 }
 .post-navigation .item-title {
     font-size: 15px !important;
 }
/* mobile header link */
 .ct-header a {
     text-decoration: none;
 }