/*
Theme Name: Personify Child
Description: Child theme of Personify
Template: personify
Version: 1.0.0
*/

@import url("../personify/style.css");

@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Bubblegum+Sans&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* Custom styles go here */
:root {
    --red-color:#bf0f26;
}

.site-branding img.custom-logo {
    max-width: 220px;
}

a {
    position: relative;
    transition: color 0.3s ease-in-out;
}
a:hover {
    color: var(--red-color) !important;
    transition: color 0.3s ease-in-out !important;
}
#site-navigation:not(.toggled-on) .menu-primary-menu-container > ul > li > a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, var(--red-color) 0%, var(--red-color) 100%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.6s ease-in-out;
    z-index: -1;
    mix-blend-mode: color;
}
#site-navigation:not(.toggled-on) .menu-primary-menu-container > ul > li > a:hover::after {
    width: 200%;
    height: 200%;
}

#site-navigation:not(.toggled-on) .menu-primary-menu-container .sub-menu a {
    font-weight: 600;
    font-size: 15px;
}

#masthead {
    border-bottom: 4px solid  var(--red-color);
}

#content.site-content{
    background-image: url(https://ryliebarbee.com/wp-content/uploads/2025/11/superhero-bg2.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: contain;
}

body.home #content.site-content{
    background: none;
}

#hero-section {
    /*background: #b4b4b4 url("https://ryliebarbee.com/wp-content/uploads/2025/11/AdobeStock_488683482-scaled.jpeg") no-repeat center center / contain fixed content-box padding-box;*/
    background: #b4b4b4 url("https://ryliebarbee.com/wp-content/uploads/2025/11/comic-cityscape-scaled.webp") no-repeat center center / cover;
    /*background-size: contain;
    background-repeat: repeat-x;*/
    border-bottom: 4px solid var(--red-color);
}



#hero-section .entry-title {
    font-family: "Bubblegum Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
}

#hero-section .entry-title span.first-name {
    text-align: center;
}
#hero-section .entry-header {
    background-color: #fff;
    padding: 30px;
    border-radius: 70px;
    border: 10px solid var(--red-color);
}
#hero-section .animate__animated.animate__zoomInDown {
    --animate-duration: 1.5s;
  }
#hero-section .entry-header:after {
	content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 60px solid transparent;
    border-top-color: var(--red-color);
    border-bottom: 0;
    border-right: 0;
    margin-left: 140px;
    margin-bottom: -60px;
}


#hero-section .featured-image {
    background-size: contain;
    background-repeat: no-repeat;
}
#hero-section .entry-description {
    max-width: 440px;
}

@media screen and (min-width: 1900px) {
    #hero-section header.entry-header {
        top: 120px;
    }
}

@media screen and (max-width: 550px) {
    #hero-section {
        background-size: cover;
    }
    #hero-section .featured-image {
        margin-bottom: 0px;
    }
    #hero-section .entry-header:after {
        content: '';
        display: none;
    }
    #hero-section .entry-header:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 0;
        height: 0;
        border: 60px solid transparent;
        border-bottom-color: var(--red-color);
        /* border-bottom: 0; */
        border-right: 0;
        margin-left: -120px;
        margin-top: -120px;
    }
    #hero-section .entry-title span.last-name{
        text-align: center;
    }
}

#feedback-section {
    padding-top: 0;
}

#menu-social .fa-2x {
    font-size: 1.5em;
}

ul#menu-social > li {
    display: inline-block;
    /* You can also add some margins here to make it look prettier */
}
#menu-social li:not(:last-child)::after {
    content: '|';
    margin: 0 10px;
    color: #ccc;
}

.menu-image-title-before.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title {
    padding-left: 5px;
}

.single-post-wrapper article.page .featured-image {
    text-align: center;
}
.single-post-wrapper article.page .featured-image img{
    max-width: 600px;
}

.footer-widgets-area.page-section.col-1 {
    padding-bottom: 25px !important;
    padding-top: 25px !important;
}

ul#menu-social li a[href*="instagram.com"]:hover, ul li a[href*="instagram.com"]:focus {
    background-color: unset !important;
}

ul#menu-social li a[href*="mailto:"]:hover, ul li a[href*="mailto:"]:focus {
    background-color: unset !important;
}
.speaker-quote p {
    line-height: 1.3;
}

.single-post-wrapper .entry-content {
    background-color: rgba(255, 255, 255,  0.85);
    padding: 30px;
    border: solid 3px transparent;
    border-radius: 30px;
    /*background-image: linear-gradient(white, white), linear-gradient(to top, var(--red-color) 0%, #fff 20%);
    background-origin: border-box;
    background-clip: padding-box, border-box;*/
    /*background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)) padding-box, 
                linear-gradient(to top, var(--red-color) 0%, #fff 20%) border-box;
                */

}

.single-post-wrapper .entry-content p {
    color: #000;
}

#about-section .entry-content p:first-child:first-letter,
#about-section .entry-content .wp-block-paragraph:first-child p:first-letter,
#about-section .entry-content > div:first-child p:first-letter {
    font-size: 72px !important;
    font-family: "Bubblegum Sans", sans-serif;
    background-color: var(--red-color);
    color: #fff;
    float: left;
    margin-top: 8px !important;
    /*margin-bottom: 15px;
    padding-top: 25px;
    margin-right: 10px;*/
    padding: 35px 15px 25px 15px !important;
    margin-bottom: 5px !important;
}

.testimonial-section-disabled #upcoming-events {
    margin-bottom: 0 !important;
}

#about-section .entry-content p:first-child:first-letter,
#about-section .entry-content .wp-block-paragraph:first-child p:first-letter,
#about-section .entry-content > div:first-child p:first-letter {
    font-size: 92px;
    color: #fff;
    background-color: #bf0f26;
    border: 3px solid #000;
    float: left;
   /* margin-bottom: 15px;
    padding-top: 25px;
    margin-right: 10px;*/
    padding: 10px;

}

/*Custom Colors*/
#respond input[type=submit],.backtotop,.btn-play,.custom-info,.events-list-wrapper .widget_calendar tbody td#today:before,.jetpack_subscription_widget input[type=submit],.main-navigation ul.sub-menu li:focus>a,.main-navigation ul.sub-menu li:hover>a,.navigation.post-navigation a:focus svg,.navigation.post-navigation a:hover svg,.navigation.posts-navigation a:focus svg,.navigation.posts-navigation a:hover svg,.post-navigation:after,.post-navigation:before,.posts-navigation:after,.posts-navigation:before,.red-overlay,.separator,.site-footer .backtotop,.skillbar-inner,.slick-dots li.slick-active button:before,.slick-next,.slick-prev,.wpcf7 input.wpcf7-form-control.wpcf7-submit,.wpcf7 input[type=submit],form.search-form button.search-submit {
    background-color: var(--red-color);
}

#movies-list .entry-title small,#page-title .page-header .entry-title span,#reply-title span,#skills-section .entry-title small,#upcoming-events .section-title span,.author-content .entry-title a,.comments-title span,.entry-meta a time,.entry-title span,.events-list-wrapper .widget_calendar caption,.events-list-wrapper time span,.events-wrapper .entry-meta .posted-on time,.main-navigation ul.menu li.current-menu-item>a,.pagingInfo:first-letter,.read-more a,.related-posts-title span,.reply a,.section-title span,.section-title span .designation span,.site-footer .site-info a,.site-footer .textwidget .last-name,.skill-percentage,.testimonial-slider .entry-title a,ul.trail-items li.trail-item.trail-end {
    color: var(--red-color);
}

#latest-posts .entry-meta a:focus time,#latest-posts .entry-meta a:hover time,#related-posts .entry-title a:focus,#related-posts .entry-title a:hover,#related-posts ul.post-categories li a:focus,#related-posts ul.post-categories li a:hover,#respond input[type=submit]:hover,.comment-meta .url:focus,.comment-meta .url:hover,.entry-meta .posted-on a:focus time,.entry-meta .posted-on a:hover time,.footer-widgets-area a:focus,.footer-widgets-area a:hover,.pagination .page-numbers.current,.pagination .page-numbers:focus,.pagination .page-numbers:hover,.post-categories a:focus,.post-categories a:hover,.site-footer .footer-details .textwidget .last-name,.wpcf7 input.wpcf7-form-control.wpcf7-submit:focus,.wpcf7 input.wpcf7-form-control.wpcf7-submit:hover,.wpcf7 input[type=submit]:hover,a:active,a:focus,a:hover,ul.trail-items li a:focus,ul.trail-items li a:hover {
    color: var(--red-color);
}

#feedback-section .section-content .icon-quote,#search button.search-submit:hover svg,.blog-loader svg,.get-in-touch svg,.main-navigation a:hover>svg.icon-down,.main-navigation li:hover>.dropdown-toggle svg.icon.icon-angle-down,.main-navigation ul.nav-menu>li>a.search:focus svg.icon-search,.main-navigation ul.nav-menu>li>a.search:hover svg.icon-search,.menu-open .menu-toggle .icon-close,svg.icon-menu {
    fill: var(--red-color);
}

.main-navigation ul.sub-menu {
    border-top-color: var(--red-color);
}

#masthead .main-navigation ul.menu ul li.current-menu-item:hover > a {
    font-weight: 600;
}

.main-navigation ul.menu .focus .sub-menu li.current-menu-item>a {
    color: #fff !important;
}
.main-navigation ul.menu .focus .sub-menu li.current-menu-item>a:hover {
    color: var(--red-color) !important;
}

.main-navigation ul.sub-menu li:hover>a {
    background-color: unset !important;
}

#comments .parent ol.children article {
    border-left-color: var(--red-color);
}

.main-navigation button.search-submit:before,.reply,.site-footer .site-info a:focus,.site-footer .site-info a:hover {
    border-bottom-color: var(--red-color);
}

#respond input[type=submit],#respond input[type=submit]:hover,.post-navigation,.posts-navigation,.wpcf7 input.wpcf7-form-control.wpcf7-submit,.wpcf7 input[type=submit],.wpcf7 input[type=submit]:hover {
    border-color: var(--red-color);
}

body.error404 .site-main {
    margin-bottom: 100px;
}
.not-found {
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 30px;
    margin-top: -100px;
}

@media screen and (max-width: 1023px) {
    .main-navigation ul.menu li.current-menu-item>a,.main-navigation ul.menu li:hover>a {
        color:var(--red-color);
        background-color: transparent
    }
}

@media screen and (max-width: 767px) {
    #latest-posts .section-content {
        border:5px solid var(--red-color);
    }
}

@keyframes preloader {
    0% {
        height: 5px;
        transform: translateY(0);
        background: var(--red-color);
    }

    25% {
        height: 30px;
        transform: translateY(15px);
        background: var(--red-color);
    }

    50% {
        height: 5px;
        transform: translateY(0);
        background: var(--red-color);
    }

    100% {
        height: 5px;
        transform: translateY(0);
        background: var(--red-color);
    }
}

#upcoming-events {
    background-position: 0 !important;
}

#upcoming-events ::-webkit-scrollbar-thumb {
    background-color: var(--red-color);
}


/*Responsive*/
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
    .single-post-wrapper article.page .featured-image img{
        max-width: 100%;
    }
    body.error404 .error-404.not-found {
        margin-top: -50px;
    }
}
@media (min-width: 576px) { 
    .single-post-wrapper article.page .featured-image img{
        max-width: 100%;
    }
    body.error404 .error-404.not-found {
        margin-top: -50px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #hero-section header.entry-header {
        left: 10.5%;
    }
    #hero-section .entry-header:after {
        margin-left:100px;
    }
    .events-wrapper {
        background-color: rgba(255, 255, 255, 1);
        margin-bottom: 50px;
    }
    #hero-section .entry-title span.last-name{
        padding-left: 0;
        line-height: 135%;
    }
    #upcoming-events {
        background-position: 40% bottom;
    }
    #about-section .entry-title{
        /*writing-mode: vertical-rl;
        margin-left: 130px;*/
    }
    .single-post-wrapper article.page .featured-image img{
        max-width: 100%;
    }
    body.error404 .error-404.not-found {
        margin-top: -50px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .single-post-wrapper article.page .featured-image img{
        max-width: 600px;
    }

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 

}