/*
Theme Name: Boot Digital Heroes
Text Domain: BootDigitalHeroes
Version: 1.0.8
Description: Custom theme by Digital Heroes based on Bootstrap 5
Tags: bootstrap-5, responsive, clear
Author: DigitalHeroes
*/

/*Tag stylings*/

img {
    max-width: 100%;
    height: auto;
}

h1, h2, h3, h4, h5, h6, a {
    color: #3D86C8;
}

a {
    text-decoration: none;
    overflow-wrap: break-word;
}

a:hover {
    color: #1D66A8;
}

article {
    background-color: white;
    box-shadow: inset 0 0 1em white, 0 0 1em #cac2c2;
    border-left: 6px solid #005282;
}

p, ul, table {
    font-size: 1.05rem;
}

b, strong {
    font-weight: 500;
}


/*End of Tag styling*/

/*Wordpress Overrides*/

.postContent a {
    font-weight: 500;
}
.postContent a:hover {
    text-decoration: underline;
}

ul.sidebarElement {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wp-block-image img{
    display: block;
    margin: 0 auto;
}

.wp-block-image figcaption {
    text-align: center;
}

/*End of Wordpress Overrides*/

/*Semantic classes */

.navbar-light .navbar-toggler {
    border: none;
}

.mainSpanButton {
	border-radius: 3px;
/* 	border: 3px solid #808080; */
	padding: 13px; 
	font-size: 14pt;
	background: #3D86C8;
	color:#fff;
}
.mainSpanButton:hover {
	background: #4D96D8;
}
.mainSpanButton:active {
	background: #2D76B8;
}
.mainSpanButton a {
	color:#fff;
}

.colorfulBackgroundGreen {
    background: #43AA8B;
    color: #fff;
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
}
.colorfulBackgroundOrange {
    background: #F26419;
    color: #fff;
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
}
.colorfulBackgroundBlue {
    background: #005282;
    color: #fff;
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
}
.colorfulBackgroundYellow {
    background: #FFD449;
    color: #212529;
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
}
.colorfulBackgroundLightBlue {
    background: #C6E0FF;
    color: #212529;
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
}

.activeScroll {
    color: #F26419 !important;
    position: relative;
}

.activeScroll:before {
    content: '';
    position: absolute;
    top: 0;
    left: -6px;
    width: 2px;
    height: 100%;
    background: #F26419;
}

.list-style-none {
    list-style: none;
}

.non-clickable {
    pointer-events: none;
}

.breadcrumb.onBlueBackground {
    color: #fff;
}

.breadcrumb.onBlueBackground a {
    color: #fff;
    /*font-weight: 700;*/
    transition: color 100ms ease-in;
}

.breadcrumb.onBlueBackground a:hover {
    color: #F26419;
}
/*.navDivider {
    color: #999;
}*/

.bodyBackground {
    background-color: #f4f4f4;
}

.footerBackground {
    background: #005282;
}

.fixed {
    position: fixed;
    top: 0;
}

/*End of Semantic Classes*/


/*Bootstrap Overrides*/

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1180px;
    }
}

.page-item.active .page-link {
    background-color: #3D86C8;
	border-color: #3D86C8;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .9);
    font-family: 'Montserrat';
    font-size: 1.05rem;
}

.navbar-brand {
    padding: 0;
    margin-left: 5px;
}

.navbar-brand img {
    height: 38px;
	width: 38px;
	object-fit: contain;
    vertical-align: middle!important;
}

.card-img-left img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-height: 300px;
}

.btn-outline-primary {
    color: #3D86C8;
    border-color: #3D86C8;
}

.btn-outline-primary:hover {
    background-color: #3D86C8;
    border-color: #3D86C8;
}

/*End of Bootstrap Overrides*/


/*Mega Menu*/
.mega-menu .dropdown-menu.show.depth_0 .menu-item .depth_1 {
    list-style: none;
    padding: 0;
}

.mega-menu .dropdown-menu.show.depth_0 .menu-item .dropdown-item.dropdown-toggle {
    font-weight: 600;
    padding-left: 20px;
}

.mega-menu .dropdown-menu.show.depth_0 .menu-item .dropdown-item.dropdown-toggle:after {
    content: '';
    border: none;

}

/*End of Mega Menu*/

.blue-head {
    background-color: #005282;
}

/*Table of Contents*/
.tableOfContents {
    width: 100%;
}

.lwptoc-baseItems .lwptoc_items {
    font-size: 100% !important;
}

.lwptoc:first-child {
    margin-top: 0px !important;
}

.lwptoc_toggle {
    display: none;
}

.lwptoc_title {
    font-size: 20px;
}

.lwptoc_i {
    padding: 0 !important;
}

.lwptoc_item {
    background: #f4f4f4;
    padding: 6px 32px 6px 10px;
}

.tableOfContents.lwptoc-notInherit .lwptoc_i DIV A:hover {
    border: none !important;
}

.nestedToc {
    transition: 0.4s;
    position: relative;
}


.extendToc:after {
    content: '\002B';
    color: #777;
    font-weight: 400;
    float: right;
    margin-left: 5px;
    margin-top: -8px;
    font-size: 25px;
    position: absolute;
    right: 14px;
}

.extendToc.active:after {
    content: "\2212";
}

.nestedToc .lwptoc_itemWrap {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/*End of Table of Contents*/


/*List of pros and cons*/
.wp-block-bdh-pros-cons-block p {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 6px;
}

.prosContentList, .consContentList {
    list-style: none;
    padding-left: 12px;
    margin-left: 14px;
    /*text-indent: -14px;*/
}

.prosContentList i, .consContentList i {
    font-size: 18px;
    padding-right: 10px;
}

.prosContentList li:before {
    content: "\f058"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    color: #43AA8B;
}

.consContentList li:before {
    content: "\f057"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    color: #999;
}

.prosConsListHr {
    width: 100%;
    height: 4px;
    margin-bottom: 10px;

}

.prosConsListHr div {
    width: 30%;
    height: 100%;
    background-color: #fff9;
    float: right;
}

.bulletAnchorList li {
    margin: 5px;
    padding: 5px 0;
}

.bulletAnchorList li a {
    font-weight: 700;
}

/*End of List of pros and cons*/


/*Table with stripes */
.stripesTable table {
    width: calc(100% - 2px);
}

.stripesTable th {
    background-color: #C6E0FF;
    border: 1px solid #bccad6;
}

.stripesTable td {
    border: 1px solid #f5f5f5;
}

.stripesTable tr:nth-child(even) {
    background-color: #f5f5f5;
}

.stripesTable tr td:first-child {
    font-weight: 700;
}

.stripesTable th, .stripesTable td {
    padding: 8px;
}

/*End of Table with stripes*/

/*Container with boxes of images, headings and paragraphs*/
.gridThreeColumnsContainer {
    padding: 32px 32px 22px 32px;
}

.gridThreeColumns .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ihpContainer {
    width: calc(100% / 3 - 10px);
    display: block;
    padding: 10px;
    margin-bottom: 10px;
}

.ihpImage {
    height: 180px;
}

.ihpImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ihpHeading {
    font-weight: 700;
}

.ihpParagraph {

}

/*End of Container with boxes of images, headings and paragraphs*/

/*Colorful container with list and image*/
.listWithImageContainer {
    padding: 32px;
}

.listWithImageContainer .wp-block-columns {
    margin-bottom: 0;
}

.listWithImageContainer ul {
    list-style: none;
}

.listWithImageContainer ul li {
    padding: 10px 0;
}

.listWithImageContainer ul li:before {
    content: "\f058"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Free";
    font-size: 22px;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.6em; /* same as padding-left set on li */
    font-weight: 900;
    color: #005282;
}


.listWithImageContainer ul li a {
    font-weight: 900;
}

/*End of Colorful container with list and image*/

/*Image with quote and author*/
.imageQuoteAuthor {
    border-top: 8px solid #F26419;
    padding: 64px 32px;
}

.imageQuoteAuthor .wp-block-columns {
    margin: 0;
}

.iqaImageContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.iqaAuthorContainer .wp-block-media-text__content {
    padding: 0;
}

.iqaAuthorContainer .wp-block-media-text__content p {
    margin: 0;
}

.iqaAuthorContainer img {
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.iqaImageContainer img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

/*End of Image with quote and author*/

/*List grid with checks*/
.checkIconListContainer {
    display: flex;
    flex-wrap: wrap;
}

.checkIconListContainer .wp-block-column:not(:first-child) {
    margin-left: 0;
}

.checkIconBefore {
    position: relative;
    padding-left: 50px;
}

.checkIconBefore:before {
    left: 0;
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px; /* same as padding-left set on li */
    height: 40px;
    font-weight: 900;
    color: #43AA8B;
    border-radius: 50%;
    background: #bbffe1;
    position: absolute;
}

.checkIconParagraph {
    padding-left: 50px;
}

/*End of List grid with checks*/

/*Border box with title at the top center*/
.borderTitleContainer {
    width: calc(100% - 10px);
    margin-top: 40px;
    padding: 50px;
    padding-top: 60px;
    border-width: 5px;
    border-style: solid;
    position: relative;
}

.borderTitleContainerTitle {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, calc(-50% - 3px));
}

.borderTitleContainerTitle p {
    margin: 10px 16px;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
}

.borderTitleContainer .prosList {
    list-style: none;
    margin: 0;
}

.borderTitleContainer .prosList li {
    margin-bottom: 10px;
}

.borderTitleContainer .prosList li:before {
    content: "\f058"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    display: inline-block;
    font-weight: 900;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    color: #43AA8B;

}

.borderTitleContainer .consList {
    list-style: none;
    margin: 0;
}

.borderTitleContainer .consList li {
    margin-bottom: 10px;
}

.borderTitleContainer .consList li:before {
    content: "\f057"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    display: inline-block;
    font-weight: 900;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    color: #aaa;
}

.borderTitleContainer .wp-block-bdh-stars-rating-block {
    padding-top: 20px;
}

.borderContainer {
    width: calc(100% - 10px);
    border-width: 5px;
    border-style: solid;
    padding: 2em;
}

/*End of Border box with title at the top center*/

/*Editor’s Rating*/
.borderGreen {
    border-color: #43AA8B;
}

.borderContainer .wp-block-columns {
    margin: 0;
}

.rateValueContainer {
    width: 100px;
    height: 100px;
    border-width: 8px;
    margin-bottom: 8px;
    border-style: solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rateValueContainer span {
    font-size: 48px;
    font-weight: 700;
}

.editorsRateContainer {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.editorsRateSeparator, .rateTotal {
    font-size: 32px;
}

.editorsRateTitle {
    font-weight: 700;
    font-size: 32px;
}

/*End of Editor’s Rating*/

/*Toggle Show Hide element*/
.collapseButton span.collapseShow {
    display: none;
}

.collapseButton.collapsed span.collapseShow {
    display: inline-block;
}

.collapseButton.collapsed span.collapseHide {
    display: none;
}

/*End of Toggle Show Hide element*/

/*Post Comments*/

.comment-list {
    list-style: none;
    padding: 0;
}

.comment-list ul.children {

    list-style: none;
    padding-left: 20px;
}

.comment-content {
    width: calc(100% - 80px);
}

.avatar {
    width: 64px;
}

.commentsNavigation {
    margin: 0 auto;
    width: fit-content;
}

#reply-title {
    color: #000;
}

#reply-title small {
    margin-left: 1.25rem;
    font-size: 0.75em;
    text-decoration: underline;
}

/*End of Post Comments*/

/*Display Posts*/
/*    Vertical*/
.displayPostsVertical .listing-item {
    display: flex;
    flex-direction: column;
    margin-top: 2em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
}

.displayPostsVertical .listing-item:last-of-type {
    border: none;
}

.displayPostsVertical .listing-item .image {
    align-self: center;
}

.displayPostsVertical .listing-item .title {
    padding: 0.5em 0;
    font-weight: 700;
}

.displayPostsVertical .listing-item .excerpt {
    display: block;
}

.displayPostsVertical .listing-item .image img {
    max-height: 150px;
}

/*End of Vertical*/
/*Horizontal*/
.displayPostsHorizontal {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
}


.displayPostsHorizontal .listing-item {
    padding: 1.5em;
    display: flex;
    flex-direction: column;
    width: 20%;
}

.displayPostsHorizontal .listing-item .image {
    align-self: center;
}

.displayPostsHorizontal .listing-item .title {
    padding: 0.5em 0;
    font-weight: 700;
}

.displayPostsHorizontal .listing-item .excerpt {
    display: block;
}

.displayPostsHorizontal .listing-item .image img {
    max-height: 150px;
    object-fit: cover;
}

/*End of Horizontal*/

/* Display in Grid */
.gridPosts img, .threeGridPosts img, .fourGridPosts img {
    height: 190px;
    width: 100%;
    object-fit: cover;
}

.gridPosts .card {
    height: calc(100% - 2rem);
    padding-bottom: 2rem;
}
/* End of Display in Grid  */
/*End of Display Posts*/


/* Yoast How To */

.schema-how-to-steps {
    /* display: flex;
    flex-wrap: wrap; */
}

.schema-how-to-step {
    /* width: calc(50% - 3rem);
    margin: 1rem 3rem 1rem 0;
    border: 1px solid #eee;
    padding: 1rem 1rem 0rem 1rem; */
}

.schema-how-to-step-name {

}

.schema-how-to-step-text {

}
.schema-how-to-step-text img {
    display: block;
}

/* End of Yoast How To */


.pp-multiple-authors-layout-simple_list ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.pp-multiple-authors-layout-simple_list ul li {
    max-width: calc(100% - 12px);
    border: 1px solid #eee !important;
    padding: 10px 30px 10px 0 !important;
    margin-right: 10px !important;
    margin-top: 10px !important;
}

.pp-multiple-authors-layout-simple_list ul li:hover {
    background-color: #f7f7f7;
}

.pp-multiple-authors-layout-simple_list ul li img {
    border-radius: 50%;
    margin: 0 15px;
}


/* Sidebar Element */

.sidebarLinks {
	position: relative;
    display: flex;
    flex-flow: row wrap;
	list-style: inside;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    text-align: left;
}

.sidebarLinks li {
    position: relative;
    flex: 1 1 33.33%;
    padding: 5px 0 5px 10px;
}

.sidebarIcons {
	display: flex;
	justify-content: space-around;
}

.sidebarIcons a {
	display: block;
	text-align: center;
}


.sidebarIcons a i {
/*     border: 1px solid rgba(0,0,0,.125); */
/*     border-radius: 50%; */
    padding: 10px;
    font-size: 3rem;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebarIcons a span{
	display: block;
}
/* End of Sidebar Element */

/*archive styling*/

.cardImgSize{
    max-width: 344px;
    /*padding: 16px 16px 16px 28px ;*/
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-top: 16px;
    padding-bottom: 16px;
    max-height: 332px;
}

/*end of archive styling*/

@media (max-width: 767px) {

    .ihpContainer {
        width: 100%;
    }

    .slidableGtcc.gridThreeColumnsContainer {
        padding: 32px 0;
    }

    .slidableGtcc .gridThreeColumns {
        overflow-x: scroll;
    }

    .slidableGtcc .gridThreeColumns .wp-block-group__inner-container {
        flex-wrap: nowrap;
        width: fit-content;
    }

    .slidableGtcc .ihpContainer {
        width: calc(100vw - 100px);
        max-width: 300px;
    }

    .displayPostsHorizontal .listing-item {
        width: 100%;
    }

    .content-single-table-of-contents {
        margin-top: 40px;
    }

    .cardImgSize{
        max-width: none;
        padding: 16px;
        display: flex;
        justify-content: center;
    }
    .cardImgSize img {
        width: 300px!important;
        max-height: 300px;

    }


}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
    h1 {
        padding: 10px 0;
    }

    .dropdown-item:focus, .dropdown-item:hover {
        background: #C6E0FF;
    }

    .mega-menu .dropdown-menu.show {
        display: flex !important;
    }

    .card-img-left-md img {
        border-top-left-radius: calc(.25rem - 1px);
        border-bottom-left-radius: calc(.25rem - 1px);
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .lwptoc_items-visible {
        height: auto!important;

    }
}

@media (max-width: 991px) {

    .dropdown-menu {
        background: #F4F4F4;
        border: none;
        max-width: 100%;
    }

    .menu-item a.dropdown-item {
        overflow: hidden;
        white-space: initial;
    }

    .card-img-left-md img {
        border-top-left-radius: calc(.25rem - 1px);
        border-top-right-radius: calc(.25rem - 1px);
        width: 100%;
        height: auto;
    }
}

@media (max-width: 1199px) {
    .tocContainer {
        position: sticky!important;
        top: 0;
        padding: 0;
        height: 40px;
        /*background: #005282;*/
    }

    .lwptoc_toggle {
        display: inline;
    }

    .lwptoc_toggle:before, .lwptoc_toggle:after {
        content: '' !important;
    }

    .lwptoc_header {
        display: flex;
        /*background: #005282;*/
        margin-bottom: 0 !important;
        padding: 5px 12px 5px 6px;
    }

    .lwptoc_title {
        /*color: #fff;*/
    }

    .lwptoc_toggle {
        /*flex: 1;*/
        position: absolute;
        margin: 0;
        width: calc(100% - 26px);
        height: 30px;
    }

    .lwptoc_toggle_label {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: flex-end;
        align-items: center;
        /*color: #fff!important;*/
    }

    .lwptoc_i {
        width: 100%;
        /*background: #005282!important;*/
    }

    .tableOfContents {
        margin: 0 !important;
        position: absolute;
        /*padding: 0 12px;*/
        /*background: #005282;*/
    }

    .lwptoc_items {
        overflow-y: scroll;
        max-height: calc(100vh - 200px);
        border-bottom: 6px solid #005282;
    }
}

.categoryPostList {
	/*background: #f3f3f3;*/
	padding: 1px 0;
	/*margin-bottom: 1rem;*/
}
.categoryPostList .listing-item {
    margin: 1rem 0;
    padding-bottom: 1rem;
    background: #fff;
    border-bottom: 1px solid #DFDFDF;
    border-radius: 3px;
}
.categoryPostList .category-display {
	display: block;
	margin-bottom: .5rem!important;

}
.categoryPostList .title {
	font-size: 2rem;
	margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
	display: block;
}
.categoryPostList .category-display a {
	display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
	background-color: #6c757d!important;
}
.categoryPostList .excerpt {
	display: block;
	font-size: 1.05rem;
}
.categoryPostList .excerpt-more {
	
    margin-top: 1rem;
	display: block;
}