#div_id_captcha {
    display: none;
}
/* -----------MEDIA Queries ------------ */
/* @todo check final logo sizes */
@media only screen and  (max-width:992px) { /* everything up to medium */
    .blog-navbar .dropdown-menu {
        background-color:#1e3294;
        border:none;
        
       }

       .blog-navbar .dropdown-item {
        color:rgba(255,255,255,0.55);
       }
    
       .blog-navbar .dropdown-item:hover {
        background-color:#f1f1ff;
       }

       .basesite-navbar .dropdown-menu {
        background-color:#fafafa;
        border:none;
       }

       .basesite-navbar .dropdown-item {
        color:rgba(0,0,0,0.55);
       }
      

       .homepage-tech-logos {
        height:50px;
        width:auto;
    }

    .home-hero {
        background-image: url("../images/canard-hero-mountain-2500x1667.jpg");
        opacity:0.95;
        background-color: #a0bacb;
        height:450px;
        background-position: center;
        background-repeat: no-repeat; 
        background-size: cover; 
    }

    .about-hero {
        background-image: url("../images/about-page-hero-med.jpg");
        opacity:1;
        background-color: #1c7480;
        height:450px;
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
    }

    .blog-title {
        font-weight:300;
        line-height:1.2;
    }
}

@media only screen and  (min-width:992px) { /* averything larger than medium */
    .home-hero {
    background-image: url("../images/canard-hero-mountain-2500x1667.jpg");
    opacity:0.95;
    background-color: #a0bacb;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    height:700px;
    }

    .about-hero {
        background-image: url("../images/about-page-hero-xxl.jpg");
        opacity:1;
        background-color: #1c7480;
        height:550px;
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
    }

    .blog-title {
        font-size:4rem;
        font-weight:300;
        line-height:1.2;
    }
}

@media only screen and (min-width:992px) { /* medium */
    .homepage-tech-logos {
        height:80px;
        width:auto;
    }

    
}


@media only screen and  (max-width:576px) { /* extra small */
    .basesite-logo {
        width:28px;
        height:auto;
    }

    .knowledge-hub-logo {
        width:28px;
        height:auto;
    }
    .logo-title-black {
        font-size: 1.5rem;
    }
    .logo-title-light {
        font-size: 1.5rem;
    }

    .logo-title-black-inverted {
        font-size: 1.5rem;
    }

    .logo-title-light-inverted {
        font-size: 1.5rem;
    }

    .blog-title {
        font-size:2.5rem;
    }
}

@media only screen and  (max-width:768px) and (min-width:576px) { /* small */
    .basesite-logo {
        width:40px;
        height:auto;
    }

    .knowledge-hub-logo {
        width:40px;
        height:auto;
    }

    .logo-title-black {
        font-size: 2.2rem;
    }
    .logo-title-light {
        font-size: 2.2rem;
    }

    .logo-title-black-inverted {
        font-size: 2.2rem;
    }

    .logo-title-light-inverted {
        font-size: 2.2rem;
    }

    .blog-title {
        font-size:2.5rem;
    }
}

@media only screen and  (max-width:992px) and (min-width:768px) { /* medium */
    .basesite-logo {
        width:40px;
        height:auto;
    }

    .knowledge-hub-logo {
        width:40px;
        height:auto;
    }

    .logo-title-black {
        font-size: 2.2rem;
    }
    .logo-title-light {
        font-size: 2.2rem;
    }

    .logo-title-black-inverted {
        font-size: 2.2rem;
    }

    .logo-title-light-inverted {
        font-size: 2.2rem;
    }

    .knowledge-hub {
        font-size: 18px;
    }

    .blog-title {
        font-size:3rem;
    }

    
}

@media only screen and  (max-width:1200px) and (min-width:992px) { /* large */
    .basesite-logo {
        width:40px;
        height:auto;
    }

    .knowledge-hub-logo {
        width:28px;
        height:auto;
    }

    .logo-title-black {
        font-size: 2.2rem;
    }
    .logo-title-light {
        font-size: 2.2rem;
    }

    .logo-title-black-inverted {
        font-size: 1.5rem;
    }

    .logo-title-light-inverted {
        font-size: 1.5rem;
    }

    .post-head-image {
        border-radius:15px;
    }

    .blog-navbar .dropdown-item {
        color:#333;
        font-size: 16px;
       }
    
    .blog-navbar .dropdown-item:hover {
        background-color:#f1f1ff;
    }
    .blog-navbar .nav-item {
        font-size:16px;
    }

    .knowledge-hub {
        font-size: 18px;
    }

    .basesite-navbar .nav-item {
        font-size:16px;
    }
    
    .navbar-btn a{
        font-size: 16px;
    }
    

}

@media only screen and  (min-width:1200px) { /* extra large and above */

    .basesite-logo {
        width:32px;
        height:auto;
    }

    .knowledge-hub-logo {
        width:40px;
        height:auto;
    }

    .logo-title-black {
        font-size: 2.0rem;
    }

    .logo-title-black-inverted {
        font-size: 2.2rem;
    }

    .logo-title-light {
        font-size: 2.0rem;
    }

    .logo-title-light-inverted {
        font-size: 2.2rem;
    }

    .post-head-image {
        border-radius:15px;
    }

   .blog-navbar .dropdown-item {
    color:#333;
    font-size: 18px;
   }

   .blog-navbar .dropdown-item:hover {
    background-color:#f1f1ff;
   }

   .blog-navbar .nav-item {
    font-size:18px;
}

.basesite-navbar .nav-item {
    font-size:16px;
}

.navbar-btn a{
    font-size: 16px;
}


.knowledge-hub {
    font-size: 20px;
}

}

/* ---- Logo Title Font ---- */
.logo-title-black {
    font-family: 'Lato', sans-serif;
    font-weight:900;
    color: #505050;

}

.logo-title-light {
    font-family: 'Lato', sans-serif;
    font-weight:300;
    color: #505050;

}

.logo-title-black-inverted {
    font-family: 'Lato', sans-serif;
    font-weight:900;
    color: #f1f1ff;

}

.logo-title-light-inverted {
    font-family: 'Lato', sans-serif;
    font-weight:300;
    color: #f1f1ff;

}

/* End of logo title font */

/* ----- Detail post and footers additional CSS ------*/

.post-font {
    font-size: 1rem;
    line-height: 28px;
    color:#333;
    font-family:'Open sans','sans-serif';
}

#toc_container li a {
    font-size: 1.15rem;
}

#toc_container li {
    padding-top:1px;
    padding-bottom:1px;
}

.twitter-icon a, .linkedin-icon a, .facebook-icon a, .website-icon a, .github-icon a {
    color:#fff;
}

.twitter-icon a:hover, .twitter-icon-author a:hover {
    color:#1d9cf0;
}

.linkedin-icon a:hover, .linkedin-icon-author a:hover {
    color:#0A66C2;
}

.facebook-icon a:hover {
    color:#1877f2;
}

.website-icon a:hover {
    color:#DCC550;
}

.twitter-icon-author a, .linkedin-icon-author a, .website-icon-author a {
    color:#505050;
}

.website-icon-author a:hover {
    color:#e6d57e;
}

.github-icon a:hover {
    color:#6e5494;
}

.author-profile-picture {
    width:120px;
    height:auto;
}
/* ----- End detail post and footers additional CSS ------*/

.category-font, .author-jobtitle {
    font-family: 'Noto Sans Mono', monospace;
    
}

/* ----- CSS applicable to the post body ------*/

.post-body h2, .post-body h1 {
    padding-top:15px;
    padding-bottom:15px;
}

.post-body h3 {
    padding-top:10px;
    padding-bottom:10px;
}

.post-body h4 {
    padding-top:10px;
    padding-bottom:10px;
}

.post-body ul li, ol li {
    padding: 5px 0px 0px 5px;
}

/* ------------------------------------------- */

/* ----- CSS applicable to the Home page ------*/

/*.home-hero {
    background-image: url("../images/scaled-home-hero-2500.jpg");
    opacity:0.85;
    background-color: #1f1f1f;
    height:500px;
}*/

/* ------------------------------------------- */

/* ----- 404 Page ------*/
.error-image{
    background-image: url("../images/404-crash-xxl.jpg");
    background-color: #dfdfdf;
    height:650px;
}
/* ------------------------------------------- */