/*
Theme Name: Twenty Twenty-Four Child theme of twentytwentyfour
Theme URI: 
Description: Child theme of twentytwentyfour theme for the Twenty Twenty-Four theme
Author: <a href="https://wordpress.org">the WordPress team</a>
Author URI: 
Template: twentytwentyfour
Version: 1.1
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Mon, 24 Jun 2024 06:49:17 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

/* ALL CUSTOM STYLES */

.title-logo-block{
font-family: "Noto Sans", sans-serif !important;
line-height:1.2;
height:auto !important;
background-color:#0A1420 !important;
}

.writing-logo-block img{
    height:auto !important;
}
.writing-logo-block{
font-family: "Noto Sans", sans-serif !important;
line-height:1.2;
color:#666666 !important;
}

.writing-logo-block img{
    -webkit-filter: invert(60%);
    filter: invert(60%);
}


/* CATEGORY 9 = DOCUMENTS */
.category_category-9 .thumbnail-overlay:after {
  content:url('https://joshknisely.com/wp-content/uploads/2023/05/pdf-icon.png');
position:absolute;
bottom:1px;
right:5px;
z-index:1000px;
opacity:0.5;
}
/* CATEGORY 7 = MOVIES */
.category_category-7 .thumbnail-overlay:after {
  content:url('https://joshknisely.com/wp-content/uploads/2023/05/movie-icon.png');
position:absolute;
bottom:1px;
right:5px;
z-index:1000px;
opacity:0.5;
}
/* CATEGORY 10 = IMAGES */
.category_category-10 .thumbnail-overlay:after {
  content:url('https://joshknisely.com/wp-content/uploads/2023/05/picture-icon.png');
position:absolute;
bottom:1px;
right:5px;
z-index:1000px;
opacity:0.5;
}
/* CATEGORY 11 = QUOTES */
/*.category_category-11 p{
	font-size:25px !important;
	line-height:35px !important;     
}
.category_category-11 p{
font-family: "Noto Serif", sans-serif !important;
font-size:22px !important;
overflow:visible;
}
.category_category-11 p::before{
content: url(https://joshknisely.com/wp-content/uploads/2023/05/quote-bg.png);
position:absolute;
top:-20px;
left:-10px;
}
.category_category-11 p::after{
content: url(https://joshknisely.com/wp-content/uploads/2023/05/quote-rt.png);
position:absolute;
bottom:-20px;
right:-10px;
z-index:100px;
}
*/

/* CATEGORY 13 = INTERACTIVE */
.category_category-13 .thumbnail-overlay:after {
  content:url('https://joshknisely.com/wp-content/uploads/2024/11/interactive-icon.png');
position:absolute;
bottom:1px;
right:5px;
z-index:1000px;
opacity:0.5;
}

/* CATRGORY 11 = QUOTE */
.category_category-11 {
	background-color:#181818;
border-radius:15px;
margin:0px -20px 20px 20px;
padding:0px 20px 10px 0;
}
.category_category-11 p{
font-family: "Noto Serif", sans-serif !important;
//font-size:20px !important;
overflow:visible;
}

.category_category-11 .quote-body{
   font-size:22px !important;
   line-height:1.5 !important;   
   margin-bottom:15px !important;
   text-align: center;
}
.category_category-11 .quote-attribution{
    margin-top:-5px;
    font-size:16px !important;
    line-height: 1.2 !important;
    padding-left:15px;
}

.category_category-11 .quote-body::before{
content: url(https://joshknisely.com/wp-content/uploads/2023/05/quote-bg.png);
position:absolute;
top:-35px;
left:-30px;
z-index:-1;
}
.category_category-11 .quote-attribution::after{
content: url(https://joshknisely.com/wp-content/uploads/2023/05/quote-rt.png);
position:absolute;
bottom:-40px;
right:-30px;
z-index:-1;
}



/* CATEGORY 8 = HTML */
.category_category-8 p{
	font-size:25px !important;
	line-height:35px !important;     
        color:#ffffff;
}
.category_category-8 p{
font-family: "Noto Sans", sans-serif !important;
font-size:22px !important;
overflow:visible;
}
.media-boxes-filter li #mb_filteritem__1__category-7::before{
  content:url('https://joshknisely.com/wp-content/uploads/2023/06/movie-icon-blk.png');
position:relative;
top:2px;
right:5px;
z-index:1000px;
opacity:0.5;
}
.media-boxes-filter li #mb_filteritem__1__category-9::before{
  content:url('https://joshknisely.com/wp-content/uploads/2023/06/pdf-icon-blk.png');
position:relative;
top:4px;
right:5px;
z-index:1000px;
opacity:0.5;
}
.media-boxes-filter li #mb_filteritem__1__category-13::before{
  content:url('https://joshknisely.com/wp-content/uploads/2023/05/interactive-icon-blk.png');
position:relative;
top:4px;
right:5px;
z-index:1000px;
opacity:0.5;
}
.media-boxes-filter li #mb_filteritem__1__category-10::before{
  content:url('https://joshknisely.com/wp-content/uploads/2023/06/picture-icon-blk.png');
position:relative;
top:4px;
right:5px;
z-index:1000px;
opacity:0.5;
}
.media-boxes-filter li #mb_filteritem__1__category-14::before{
 content:url('https://joshknisely.com/wp-content/uploads/2024/06/mail-icon-blk.png');
position:relative;
top:4px;
right:5px;
z-index:1000px;
opacity:0.5;
}

/* CATEGORY 32 = WRITING QUOTES */

.category_category-32 {
	background-color:#ffffff;
border-radius:15px;
border:1px solid #b2b2b2 ;
margin:0px -20px 20px 20px;
padding:0px 20px 10px 0;
}
.category_category-32 p{
font-family: "Noto Serif", sans-serif !important;
//font-size:20px !important;
overflow:visible;
}

.category_category-32 .quote-body{
   font-size:22px !important;
   line-height:1.5 !important;   
   margin-bottom:15px !important;
   text-align: center;
}
.category_category-32 .quote-attribution{
    margin-top:-5px;
    font-size:16px !important;
    line-height: 1.2 !important;
    padding-left:15px;
}

.category_category-32 .quote-body::before{
content: url(https://joshknisely.com/wp-content/uploads/2023/05/quote-bg.png);
position:absolute;
top:-35px;
left:-30px;
z-index:-1;
filter: brightness(3);
}
.category_category-32 .quote-attribution::after{
content: url(https://joshknisely.com/wp-content/uploads/2023/05/quote-rt.png);
position:absolute;
bottom:-40px;
right:-30px;
z-index:-1;
filter: brightness(3);
}

.title-subtitle{
font-size:9px !important;
width:80% !important;
margin-left:20%;
margin-right:auto;
margin-top:-20px;
vertical-align: top !important;
//background-color:#0A1420;
}

p.title-subtitle{
font-size:9px !important;
vertical-align: top !important;
}

.title-subtitle-wrapper{
//border:1px solid blue;
height:70px;
display:inline-block;
vertical-align: top !important;
//background-color:#0A1420 !important;
}


p#title_subtitle-text.title_subtitle-text.has-small-font-size,
p#writing_subtitle-text.title_subtitle-text.has-small-font-size{
font-size:16px !important;
line-height:1.33 !important;
vertical-align: top !important;
birder:1px solid red !important;
margin-top: 25px;
}


.fancyboxMB-caption{
font-size:20px;
}

.media-boxes-filters-container ul{
background-color:#0A142075;
border:5px solid #0A142075;
}
.media-boxes-filter>li a{
width:150px;
}
.media-boxes-filters-container{
z-index:1000;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 20px;
text-align:center;
margin-bottom:60px;
}
.sizzle-reel{
margin-top:-25px;
margin-bottom: -70px;
}
.fix-filter{
   //position:fixed !important;
}
/* .gallery-block{
max-width:1000px !important;
margin-left:0 !important;
margin-right:0 !important;
} */


/* CONTACT FORM STYLES */

#form-content h3{
font-family: "Noto Serif", sans-serif;
}
#form-content{
font-family: "Noto Sans", sans-serif;
color:#000000;
}
#form-content input{
font-family: "Noto Sans", sans-serif !important;
}

#media-boxes-container-67158a57ac790{
width:1000px !important;
}

/* HERO VIDEO STYLES */
.hero-vid.sizzle-reel{
aspect-ratio:100 / 30 !important;
min-height:350px !important;
object-fit: contain; 
width:100%;
text-align:center;
overflow:hidden;
}

.had


@media screen and (max-width: 996px) {
  .media-boxes-filter li #mb_filteritem__1__category-14{
   width: 150px !important;
   max-width:150px !important;
  }
   .media-boxes-filter li #mb_filteritem__1__category-14::after{ 
   content:"Contact";
  }
    .hero-vid.sizzle-reel{
        aspect-ratio:100 / 20 !important;
        min-height:250px !important;
     }
   .category_category-11{
        width:90% !important; 
    }
    #gallery-block{
         text-align:center;
    }
}

@media screen and (max-width:1045px)and (min-width:615px){
 ul.media-boxes-filter.media-boxes-filters-642e73e0b92d1{
      text-align:center !important;
      //width:400px !important;
   }
}

/* WRITING PAGE STYLES */
.page-id-1041{
    background-color:#FAF9F6 !important;
}
.writing-logo-block img,
.title-logo-block img,
.title-logo-block{
cursor: default !important;
pointer-events: none;
}
.post_content-1{
border:1px solid red !important;
border-radius: 15px !important;
background-color:#ffffff !important;
}
#media-boxes-container-67158a57ac790 .mb_global_skin.post_title-1{

}

/* PORTFOLIO STICKY BUTTON */ 
nav.button-nav { 
     position: sticky; 
     float: left; 
     left: 20px; 
     bottom:10px; 
     text-align: left; 
     font-family: sans-serif; 
     font-size: 16px; 
 } 
nav.button-nav ul { 
     list-style: none; 
     margin:0; 
     padding:0; 
     max-width: 75px; 
} 
nav.button-nav ul:after{ 
     content:""; 
     display: block; 
     clear: both; 
} 
nav.button-nav i { 
     box-sizing: border-box; 
     padding: 20px; 
     position: relative; 
     margin:-20px; 
     text-decoration: none; 
     color:black; /*Color of the Icon*/ 
     position: absolute; 
     z-index: 20; 
     left: 15px; 
     bottom: 15px; 
     font-size:16px !important;  
     text-align: center; 
     line-height: 28px !important; 
     z-index:9; } 
nav.button-nav i img { 
     height:35px; 
     width:auto; 
     position:relative; 
     margin: 0 0 -14px -4px; 
} 
nav.button-nav ul li { 
     //background-image: linear-gradient(to left, rgba(0, 153, 255,5) 10%, rgba(0, 102, 255,1) 80%); 
     //background-color:green; 
     padding:0px; 
     width: auto; 
     border-radius: 50px; 
     text-align: center; 
     overflow:hidden; 
     float:left; 
     margin-bottom: 10px; 
} 
nav.button-nav ul li a{ 
     position:relative; 
     display: block; 
     min-width: 27px; 
     padding:15px; 
} 
nav.button-nav ul span { 
     position: relative; 
     z-index: 10; 
     white-space: nowrap; 
     margin-left:  0px; 
     display: inline-block; 
     vertical-align: bottom; 
     position: relative; 
     visibility: none; 
     width: auto; max-width:0px; /* This is the fixed unit value */ 
     opacity: 0; text-align: center; 
     transition:all 1s; 
     box-sizing:border-box; 
     padding-left:0px; 
     text-decoration:none; 
     color:white; 
} 
nav.button-nav li:hover { 
     cursor: pointer; 
} 
nav.button-nav li:hover span { 
     margin-left:0px; 
     opacity: 1; 
     width: auto; 
     max-width:500px; /* this value makes the transition */ 
     padding-left:30px; 
}


/* MOBILE STICKY BUTTON */

nav.button-nav-mobile{
  display:flex;
  position: sticky;
  float: left;
  left: 5px;
  bottom:5px;
  text-align: left;
  font-family: sans-serif;
  font-size: 16px;
height:30px;
width:auto;
border-radius:50px;
color:white;
padding:10px 20px 5px 15px;
}

li.design-color, .design-color{
 background-image: linear-gradient(to left, rgba(248, 172, 95, 5) 10%, rgba(245, 89, 139, 5) 40%, rgba(186, 59, 230, 1) 80%) !important;
}
li.writing-color, .writing-color{
 //background-image: linear-gradient(to right, rgba(187, 46, 255, 5)10%,rgba(24, 218, 253,5)90%) !important;
 background-image: radial-gradient( farthest-side at 1px 40px, rgba(187, 46, 255, 5)20%,rgba(24, 218, 253,5)130%) !important;
}

nav.button-nav-mobile a{
color:white;
text-decoration:none;
}

nav.button-nav-mobile img {
height:30px;
width:auto;
position:relative;
margin: -8px 0 -10px -4px;
}

.header-vid{
padding-top: calc(600/ 2200 * 100%);
}

@media screen and (max-width: 770px) {
   nav.button-nav{display:none};
   nav.button-nav-mobile{display:flex;}
}
@media screen and (min-width: 771px) {
   nav.button-nav-mobile{display:none;}
}