/*
Theme Name: WP Bootstrap Starter Child
Theme URI: https://wp-themes.com/wp-bootstrap-starter
Author: Alfred
Author URI: http://alfrekumar.com
Description: My WordPress WP Bootstrap Starter child theme.
Template: wp-bootstrap-starter
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.0
Text Domain: wp-bootstrap-starter-child
*/

@media (min-width: 576px) {
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        padding-top: 9px !important;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
    


#page-sub-header{
    display: none;
}

header#masthead {
    margin-bottom: 0;
    /* background-color: #ff4a8f; */
    background-color: #e33d80;
    /* background-color:#eb77a7; */
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
    padding: .74rem 1rem;
}

a {
    /* color: #e33d80 !important; */
    color: #1297be !important;
}

.h1, h1 {
    font-size: 1.5rem!important;
}

.h2, h2 {
    font-size: 1.4rem !important;
}

/* .h3 {
    margin-top: .1rem !important;
} */

.h3, h3 {
    font-size: 1.02rem !important;
    margin-bottom: .3rem !important;
    margin-top: .3rem !important;
}


.navbar-brand {
    display: inline-block;
    padding-top: .0rem !important;
    padding-bottom: .0rem !important;
}



/* Added for box*/

/* body:not(.theme-preset-active) #masthead .navbar-nav > li > a { */
    body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
        color: #a8d1e7;
    /*     padding: 0.5rem;
        font-weight: 500;
        font-size: 0.875rem; */
    }

    #homeCatBox {
        font-size:0.9rem !important;
    }


    /* Changes story list spacing */
/*     .post.hentry {
        margin-top: 3.0rem !important; 
    } */

    .entry-header {
        margin-top: 3rem;
    }

    .entry-content{
        margin-top: 2rem;
    }

    #homeCatBox img:nth-child(2){
        width: 60px;
        height:60px;
    }

    #homesmallthumbs {
        width:90px;
        height:65px;
        float:left;
        margin: 0 7px 0 0;
        border-radius: 6px !important;

    }

    #homefeaturedthumb{
      width: 100%;
      height: auto;
        /* float:left;
        margin: 0 7px 0 0; */
    }

    #homefeaturedthumb2{
        width: 100%;
        height: auto;
        border: 1px solid #a1a1a1;
        border-radius: 10px !important;

        /* float:left;
        margin: 0 7px 0 0; */
    }

    .attachment-post-thumbnail{
        border: 1px solid #a1a1a1;
        border-radius: 10px !important;
        background-color: #a1a1a1;
    }

    /* Profile Image Radius */

  /*   #big-profile-pic{
        border: 1px solid #a1a1a1;
        border-radius: 20px;
    } */

   .big-profile-pic {
        border: 1px solid #a1a1a1;
        border-radius: 20px;
    }

    /* GTranslate styles */

     #translate {
        width: 15%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gtranslate_wrapper::before {
        content: "Select a language";
        font-size: 13px;
        color:#fff;
        font-size: 0.9rem;
        font-weight: 400;
        border-width: 1px;
    }


    .gt_selector {
        font-size: 13px;
        border-style: solid;
        border-color: #dc3545 !important;
        border-image: initial;
        border-radius: 0px;
    }

/*     #translate {
        width: 15%;
        display: flex;
        align-items: center;
        justify-content: center;
    } */
    

/* WP admin editor */
.wp-editor-area {
    font-family: Consolas,Monaco,monospace;
    font-size: 14px !important;
}

/* Accordeon menu */
#accordeconck2 li.parent > span span.toggler_icon {
    height: 50% !important;
    width: 15px !important;
    margin-top: 10px !important;
}

.page-links-top {
    text-align: left !important;
    padding-bottom: 20px;
    font-weight:600;
}

.page-links {
    text-align: center !important;
    font-weight:600;
}


/* .ccfic {
    padding-left:69px;
} */

/*CSS for front and back arrows for author page*/
/* p {
    font-size: 16px;
} */
a {
    text-decoration: none;
    color: #0073aa; /* WordPress default blue */
}
a:hover {
    text-decoration: underline;
}


/*Fade out*/
.attachment-post-thumbnail {
    opacity: 0; /* Starts completely invisible */
    transition: opacity 10s ease-in-out; /* Define transition on the base class */
}

/* New class for the initial 20% opacity */
.attachment-post-thumbnail.is-initial-fade {
    opacity: 0.2;
}

/* This class will trigger the final fade to 100% */
.attachment-post-thumbnail.is-fully-loaded {
    opacity: 1;
}

/* Hide featured image button */
#hideFeaturedImageButton {
    display: block;
    margin-top: 15px;
    padding: 10px 15px;
    background-color: #ededed;
    color: #1297be;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
}

#hideFeaturedImageButton:hover {
    background-color: #e6e5e5;
}

/* Target only the hide/show button when it's focused */
#hideFeaturedImageButton:focus {
    border: none !important; /* Removes any border on focus */
    outline: none !important; /* Removes the outline on focus */
}

/* Target only the hide/show button when it's focused via keyboard (more accessible) */
#hideFeaturedImageButton:focus-visible {
    border: none !important; /* Removes any border on focus */
    outline: none !important; /* Removes the outline on focus-visible */
}

/* !Video for Maya */
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 72.7%; /* Adjust this value based on your video's aspect ratio */
}

.video-container video {
    width: 85%; /* Default width for desktop and tablet */
    height: 85%;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
}

/* Media query for mobile devices (e.g., screens up to 768px wide) */
@media (max-width: 768px) {
    .video-container video {
        width: 100%; /* Full width on mobile */
        height: 100%;
    }
}
/* //Video for Maya */

/* Center align text below small featured image on first chapters*/
.ccfic a:nth-of-type(2) {
  margin-left: 68px;
}