body {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    overflow-y: scroll;
    overflow-x: hidden;
}

body.modal-open {
    overflow: hidden;
}

pre {
    border-radius: 10px;
    padding: 10px;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

iframe {
	width: 100%;
	min-height: 475px;
	max-height: 450px!important;	
}

input,
select,
textarea {
    --bs-focus-ring-color: transparent;
}

button {
    --bs-focus-ring-color: transparent;
}

.button {
    border: 0;
}

.scrollup {
    width:40px;
    height:40px;
    position:fixed;
    bottom:30px;
    right:30px;
    display:none;
}

.admin_link {
    display: inline-block!important;
    background: transparent!important;
    font-size: 15px;
    padding: 0!important;
    margin: 0!important;
}

.page {
    margin-top: 20px;
    min-height: 450px;
}


.menu_full {
    margin-top: 20px;
    border-radius: 5px;
    padding: 10px;
}

.menu_full a {
    margin: 10px;
}

.menu_full .counter {
    display: none;
}

.navbarHeader {
    padding: 15px 0px 12px 0px;
}

.navbarHeader .navLogo {
    font-size: 20px;
}

.avatarNavbar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    vertical-align: top;
    background-color: var(--avatar-bg);
    font-weight: bold;
    --size: 22px;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    font-size: calc(var(--size) / 3);
}

.dropdown-item:hover {
    background: transparent;
}

.banner {
    padding: 30px 0px 30px 0px;
    text-align: center;
    margin-top:58px;
}


.banner h1 {
    font-size: 22px;
    font-weight: bold;
}

.banner h2 {
    font-size: 15px;
}

.bannerChannel {
    padding: 30px 0px 30px 0px;
    text-align: center;
    margin-top:58px;
}

.bannerChannel h1 {
    font-size: 22px;
    font-weight: bold;
}

.bannerChannel h2 {
    font-size: 15px;
}

.content {
    padding: 20px; 
    border-radius: 20px;
    margin-bottom: 20px;
}

.content li {
    margin-bottom: 15px;
}

.content .divider {
    margin-top: 10px;
    margin-bottom: 10px;
}

.content h2 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
}

.content h3 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
}

.content h4 {
    font-weight: bold;
    font-size: 15px;
}

.content .avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    vertical-align: top;
    background-color: var(--avatar-bg);
    font-weight: bold;
    --size: 40px;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    font-size: calc(var(--size) / 3);
}


.sidebar .widget {
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 20px;
}

.sidebar .widget h3 {
    margin-bottom: 10px;
    font-weight:bold;
    font-size: 18px;
}

.sidebar .widget .avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    vertical-align: top;
    background-color: var(--avatar-bg);
    font-weight: bold;
    --size: 45px;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    font-size: calc(var(--size) / 3);
}

.sidebar .block {
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 20px;
}

.sidebar .block .avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    vertical-align: top;
    background-color: var(--avatar-bg);
    font-weight: bold;
    --size: 100px;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    font-size: calc(var(--size) / 3);
}

.sidebar .block h3 {
    margin-bottom: 10px;
    font-weight:bold;
    font-size: 18px;
}

.sidebar .divider {
    margin-bottom: 10px;
}

.sidebar .block a {
    display: block;
    padding: 5px;
    margin: 0 0 5px 0;
    border-radius: 10px;
}

.sidebar .block ul#menu {
    list-style-type: none;
    padding: 0;
}

.sidebar .block ul#menu li a.parent {
    display: block;
    list-style-type: none;
    padding: 5px;
    margin: 0 0 5px 0;
}

.sidebar .block ul#menu li a.children {
    display: block;
    list-style-type: none;
    padding: 5px;
    margin: 0 0 5px 0;
}

.sidebar .block.social a {
    display: inline-block;
    font-size: 20px;
    background: transparent;
    margin: 0 10px 0 10px;
}


.article .avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    vertical-align: top;
    background-color: var(--avatar-bg);
    font-weight: bold;
    --size: 48px;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    font-size: calc(var(--size) / 3);
}

.avatarMini {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    vertical-align: top;
    background-color: var(--avatar-bg);
    font-weight: bold;
    --size: 25px;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    font-size: calc(var(--size) / 3);
}

.avatarUser {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    vertical-align: top;
    background-color: var(--avatar-bg);
    font-weight: bold;
    --size: 60px;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    font-size: calc(var(--size) / 3);
}


.article {
    padding: 20px;
}

.topic .avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    vertical-align: top;
    background-color: var(--avatar-bg);
    font-weight: bold;
    --size: 54px;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    font-size: calc(var(--size) / 3);
    margin-bottom: 10px;
}

.topic .divider {
    padding-top: 10px;
}


.blog .divider {
    padding-top: 10px;
}



.errorPost {
    color: red;
    font-size: 14px;
}

blockquote {
    padding: 5px;
    border-radius: 10px;
}

.channel {
    border-radius: 10px;
    padding: 10px;
    margin: 15px 0 15px 0;
}

.channelAdminBody {
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0 10px 0;
}

.channelChildren {
    border-radius: 10px;
    padding: 0px;
    margin: 10px 0 10px 0;
}

.adminBody {
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0 10px 0;
}


.btnAmazon {
    background: #FFA41C; 
    border: 1px solid #FF8F00;
}



.profile {
    padding: 30px 0px 30px 0px;
    text-align: center;
    margin-top:58px;
}

.profile h3 {
    font-size: 18px;
}

.profile .avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    border: 2px solid white;
    vertical-align: top;
    background-color: var(--avatar-bg);
    font-weight: bold;
    --size: 58px;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    font-size: calc(var(--size) / 3);
}

.profileSidebar .divider {
    margin-top: 10px;
    margin-bottom: 10px;
}


.trumbowyg-box, .trumbowyg-editor { min-height: 310px!important; } 

.trumbowyg-editor-box {
    border-radius: 10px;
}

.trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-button-pane button.trumbowyg-active {
    outline: none;
}

.trumbowyg-modal-box {
    border-radius: 20px;
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
    border-radius: 20px;
    font-size: 14px;
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
    border-radius: 20px;
    font-size: 14px;
}


.footer  {
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}

.bd-toc {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    right: 0;
    z-index: 2;
    height: calc(100vh - 7rem);
    grid-area: toc;
}

.size50 { font-size: 50px!important; }
.size45 { font-size: 45px!important; }
.size40 { font-size: 40px!important; }
.size35 { font-size: 35px!important; }
.size30 { font-size: 30px!important; }
.size29 { font-size: 29px!important; }
.size28 { font-size: 28px!important; }
.size27 { font-size: 27px!important; }
.size26 { font-size: 26px!important; }
.size25 { font-size: 25px!important; }
.size24 { font-size: 24px!important; }
.size23 { font-size: 23px!important; }
.size22 { font-size: 22px!important; }
.size21 { font-size: 21px!important; }
.size20 { font-size: 20px!important; }
.size19 { font-size: 19px!important; }
.size18 { font-size: 18px!important; }
.size17 { font-size: 17px!important; }
.size16 { font-size: 16px!important; }
.size15 { font-size: 15px!important; }
.size14 { font-size: 14px!important; }
.size13 { font-size: 13px!important; }
.size12 { font-size: 12px!important; }
.size11 { font-size: 11px!important; }
.size10 { font-size: 10px!important; }
.size9 { font-size: 9px!important; }

.visibleXS {
	display: none!important;
}


@media (max-width: 1024px) {

	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
		display: block;
		max-width: 100%;
		flex: 100%;
		padding: 0;
	}
}
@media (max-width: 576px) {

    iframe {

        width: 100%;
        min-height: 250px;
        max-height: 250px!important;
        
    }

    .article {
        padding: 7px;
    }

    .content {
        padding: 7px;
        border-radius: 0px;
    }

    .block {
        border-radius: 0px!important;
    }
	.visibleXS {
		display: block!important;
	}
	.hiddenXS {
		display: none!important;
	}
	.col, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { 
        padding: 10px; 
    }

    .blog {
        display: block;
		max-width: 100%;
		flex: 100%;
		padding: 0;
    }
}