/*
Theme Name: Azbalac One
Theme URI: https://www.kuerbis.org/azbalac/
Author: Ralf Geschke
Author URI: https://www.geschke.net
Description: Azbalac One - A pure and basic WordPress theme, based on Bootstrap 5 framework.
Version: 0.5.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0
Tags: blog, news, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, flexible-header, full-width-template, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: azbalac
Tested up to: 6.0.1
Requires PHP: 7.4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/


/*body {
   padding-bottom: 30px;
 }*/

/* hyphens test */
/*.azbalac-subtitle {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
    }
*/

/* Skip link styling */
#skip-link {
/*    top: 0;
    left: 50%;
    margin-left: -5.25em;
    margin-top: 0;
    position: relative;
    width: auto;*/
    z-index: 5000;
}



/* .sr-only {
    width: auto;
}
*/

#skip-link a,
#skip-link a:link,
#skip-link a:visited {
    background: #444;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    /*display: block;*/
    padding: 1px 10px 2px 10px;
    -khtml-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-radius: 0 0 10px 10px;
}

#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
    outline: 0;
}


.entry-content  a {
    outline-offset: 0 !important;
    outline-width: 2px;
}

/* screen-reader navigation link styling */

@media (min-width: 768px) {
    #navbar-toggle-screenreader {
        display: none;
    }
}

#navbar-toggle-screenreader {
    position: absolute;
    padding: 10px 0 0 10px;
}

/* media query stuff, new widths come from Bootstrap grid widths */

#media-width-detection-element {
    display: block;
    /*border: 1px solid white;*/
    height: 1px;
    width: 100%;

}


@media (max-width: 575.98px) {
    #media-width-detection-element {
        width: 1px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #media-width-detection-element {
        width: 540px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #media-width-detection-element {
        width: 720px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #media-width-detection-element {
        width: 960px;
    }
}
@media (min-width: 1200px) {
    #media-width-detection-element {
        width: 1140px;
    }
}

/* fix for fadeIn bug in firefox */
/*
#site-header-image {
    box-shadow: #000 0em 0em 0em;  
}*/



/* default: hidden, will be shown by JavaScript, replaced with non-JavaScript solution*/
#site-header-above {
    /*display: none;*/
    position: relative;
}

#site-header-above img {
    position: relative;
}


/**********************************/


/* default: hidden, will be shown by JavaScript */
/*#site-header1 {
    display: block;
    position: relative;
}

#site-header1 img {
    position: relative;
}*/

#site-header-container-overlay {
/*    position: absolute;
    top: 20px;
    left: 100px;*/
    z-index: 1000;
}

/*
#site-header-text a, #site-description {
   
    background: rgb(0, 0, 0); 
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
}*/

.azbalac-subtitle {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.azbalac-title a {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
}

h1.azbalac-title {
    margin-bottom: 0px;
}

h2.azbalac-title {
    margin-bottom: 0px;
    font-size: 2.5rem;
}

h2.azbalac-title-noimage {
    margin-bottom: 0px;
    font-size: 2.5rem;
}

/*
#site-description {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
}
*/

/**
 * Allows the element to be focusable when navigated to via the keyboard.
 */
.element-focusable:active,
.element-focusable:focus {
    position: static !important;
    clip: auto;
    /*overflow: visible;*/
    overflow: visible !important;
    height: auto;
    width: auto !important;
}

.byline-icon {
    margin-right: 5px;
    text-decoration: none !important;
}


/* Social Media Buttons
*/
.azbalac-social-1 .bi {
    width: 1rem;
    height: 1rem;
}

.azbalac-social-2 .bi {
    width: 2rem;
    height: 2rem;
}

.azbalac-social-3 .bi {
    width: 3rem;
    height: 3rem;

}



/*
 * Multilevel Dropdown for Bootstrap 4 
 * see https://codepen.io/svnt/pen/beEgre
 */ 
/*
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
*/
/************************/


/* Bootstrap 4 Responsive Navbar with Multi level Dropdowns
  https://github.com/bootstrapthemesco/bootstrap-4-multi-dropdown-navbar
*/

.navbar-light .navbar-nav .nav-link {
    color: rgb(64, 64, 64);
}
.btco-menu li > a {
    padding: 10px 15px;
    color: #000;

}

.btco-menu .active a:focus,
.btco-menu li a:focus ,
.navbar > .show > a:focus{
    background: transparent;
    outline: 0;
}


.dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
}

/***************************/


.theme-dropdown .dropdown-menu {
    display: block;
    position: static;
    margin-bottom: 20px;
}

.theme-showcase > p > .btn {
    margin: 5px 0;
}

a.header-url, a.header-url:hover {
    text-decoration: none;
}

.read-more {

}



/* Alignment */

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

blockquote.alignleft,
img.alignleft {
    margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
    margin: 7px 14px 7px 0;
}

blockquote.alignright,
img.alignright {
    margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
    margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
    margin-top: 7px;
    margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 17px;
    width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
    margin-bottom: 17px;
}


.wp-caption {
    max-width: 100%;
}

.wp-caption {
    margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}
/* added into theme design css files
.wp-caption {
    color: #767676;
}
*/
.wp-caption-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    font-size: 12px;
    font-style: italic;
    line-height: 1.5;
    margin: 9px 0;
    padding-right: 10px;
}

.sticky .entry-date {
    display: none;
}
/* Default table style */

table {
    width: 100%;
    background-color: transparent;
    margin-bottom: 20px;
}
th {
    text-align: left;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
    /*border-top: 1px solid #ddd;*/
}
table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
   border-top: 0;
}

.gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
}

.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.gallery-item:hover .gallery-caption {
    opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: normal 16px/1 Genericons;
    text-decoration: inherit;
    vertical-align: text-bottom;
}



.bypostauthor > article .fn:before {
    /*content: "\f408";*/
    margin: 0 2px 0 -2px;
    position: relative;
    top: -1px;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}


/* Assistive text */

.screen-reader-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    max-height:0px;
}

.social-media-buttons {
    padding-top: 10px;
    padding-bottom: 10px;
}



/******************************************************************************************/

.introduction-box {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.section-introduction .row .section-title, 
.section-introduction .row .section-subtitle {
    text-align: center;
}

a.section-introduction-url {
    text-decoration: none;
}

.subfooter {
    padding: 10px 0px 10px 0px;
    
}

/******************************************************************************************/


/* Adjust footer edit shortcut button */
.customize-partial-edit-shortcut-azbalac_setting_footer_activate > button {
	margin-left: -20px;
	
}

/* Taken from blog example */
@media (min-width: 768px) {
    .h-md-250 { height: 300px; }
  }