/* /* ************************** Template name: LMS Education Free Template url: https://btemplates.com/2020/blogger-template-lms-education/ Ported by: https://rivieramaya.mx & https://ixibanyayu.com/ Designed by: https://btemplates.com/ Distributed by: https://btemplates.com/ Documentation: https://btemplates.com/blog/lms-education-template/ Realise date: 01/06/2020 License: Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License url: http://creativecommons.org/licenses/by-nc-nd/4.0/ CSS Framework: Bootstrap 5.3 https://getbootstrap.com/ Version: 1.0.8 ***************************** */ body { font: $bodyfont; background-color: $bgcolor; color: $textcolor; } a { color: $linkcolor; } a:hover { color: $hoverlinkcolor; } p.description { color: $descriptioncolor; } #header-wrapper h1, #header-wrapper h1 a { color: $pagetitlecolor; } .post-title a { color: $titlecolor; } #testimonials .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") !important; } #testimonials .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") !important; } /* Gadgets panel */ body#layout { max-width: 1000px; } body#layout .widget .editlink { background-color: #999; color: #000; } body#layout .layout-widget-description { display: none; } body#layout .add_widget { padding: 0; } body#layout #bt-labels, body#layout #btemplates-search { display: none; } body#layout #topMenu, body#layout #logoImage { float: left; width: 45%; } body#layout #SocialNetworks, body#layout #MainMenu { float: right; width: 45%; } body#layout #btemplates-main-menu { clear: both; } body#layout #header-wrapper { height: auto; } body#layout #btemplates-main-content { margin-top: auto; } body#layout #content-wrapper { float: left; width: 67%; } body#layout #sidebar-wrapper { float: right; width: 30%; } body#layout #footers .section { width: 30%; float:left; } body#layout #blocksMainMenu, body#layout #content-1 .Image, body#layout #bt-subscription .Image, body#layout #bt-videos .Image { display: block; } body#layout #btemplates-dropdown-2::before { content: "Template documentation at: https://btemplates.com/blog/lms-education-template/"; } body#layout #LinkList67::before { content: "Here you can add info like email, phone number or location:"; } body#layout #LinkList68::before { content: "Add your social networks here. Your links will be changed for icons automatically:"; } body#layout #LinkList78::before { content: "Main menu with dropdown items support:"; } body#layout #Image97::before { content: "Add your logo here:"; } body#layout #Header1::before { content: "Edit blog title/logo and description here:"; } body#layout #Image98::before { content: "You can change the header background image here:"; } body#layout #LinkList63::before { content: "Edit/add items for the Blocks menu in the home page here:"; } body#layout #HTML49::before { content: "List of latest posts or by Label. Check the documentation to add your own content:"; } body#layout #Image91::before { content: "You can change the Labels section background image here:"; } body#layout #Label3::before { content: "Select Labels to display here:"; } body#layout #HTML59::before { content: "List of posts to show profiles/testimonials:"; } body#layout #Image93::before { content: "You can change the Search Form section background image here:"; } body#layout #HTML79::before { content: "List of latest post or by Label. Check the documentation to add your own content:"; } body#layout #Image89::before { content: "You can change the Video section background image here:"; } body#layout #HTML96::before { content: "Settings for the Video section in the home page:"; } body#layout #ContactForm1::before { content: "Contact form in the home page settings:"; } body#layout #HTML98::before { content: "List of latest posts or by Label as gallery. Check the documentation to add your own content:"; } body#layout #footers::after { content: "Thank you for using LMS Education template by BTemplates.com"; } body#layout #content-wrapper { margin: 0; } body#layout #header-wrapper .Image {display: block;} body#layout #footer-wrapper .links, body#layout #search { display:none; } /* GENERAL STYLES */ /* Hide top navbar */ #navbar-iframe { height:0px; visibility:hidden; display:none } body { } a { text-decoration: none; } a:hover { } a:visited { color: #666; } blockquote { background-color: #d4f7f7; border-left: 10px solid #86e8e8; margin: 1.5em 10px; padding: 0.5em 10px; quotes: '\201C''\201D''\2018''\2019'; } blockquote:before { color: #86e8e8; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; } .clear { clear:both; } .clearfix:after { clear:both;content:'.'; display:block; visibility:hidden; height:0; } .clearfix { display:inline-block; } * html .clearfix { height:1%; } .clearfix { display:block; } /* HEADER */ #bt-header { background-position: center center; background-size: auto 100%; background-repeat: no-repeat; height: 30rem; width: 100%; } #header-bg-1 { background-image: url(https://2.bp.blogspot.com/-7Wj-vIgtneY/XS4uM_rIBcI/AAAAAAAABOk/EhbQjIgf6Rg-aJRTUaia8OmxLBlKOSGMwCLcBGAs/s1600/header-left.png); background-repeat: no-repeat; background-size: auto 100%; background-position: left center; } #header-bg-2 { background-image: url(https://1.bp.blogspot.com/-cRoJO1bxDHA/XS4v7eZdcSI/AAAAAAAABO4/7tGrxkhJYgsm_h54zG5EwuJPf1GygZ3egCLcBGAs/s1600/header-right.png); background-repeat: no-repeat; background-size: auto 100%; background-position: right center; } #header-wrapper h1, #header-wrapper h1 a { letter-spacing: 0.025em; font-weight: bold; position: relative; } #header-wrapper h1, #header-wrapper h1 a { content: ' '; display: block; padding: 1rem; border-radius: 5px; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.8; background-color: #fff; } #header-wrapper h1 a:hover { text-decoration: none; } #header-wrapper h1 a:hover:after, .status-msg-body b:after { content: ''; position: absolute; bottom: -0.125rem; left: -0.5rem; right: -0.5rem; height: 0.75rem; z-index: -1; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 15.6'%3E%3Cstyle%3E .st0{fill:%23f3bc34} %3C/style%3E%3Cpath class='st0' d='M206.8 7.3l-.1.3c.1-.2.2-.3.1-.3zM234.7 10h-.1c-.2.4-.1.3.1 0zM54.8 4.2l-.6-.4c.2.4.4.5.6.4zM17.1 5.1zM34.5 9.6l.1.3c0-.2 0-.3-.1-.3zM22.4 10.8c-.3-.1-.7-.1-1-.1.2.1.7.1 1 .1zM17.5 5c-.1.1-.2.1-.4.2.2-.1.3-.2.4-.2zM52.7 9.8l.5.9c-.1-.3-.3-.6-.5-.9zM19.5 11.6c-.2-.2-.4-.2-.6-.3 0 .2.3.3.6.3zM120.9 11.4c-.1.1-.2.2-.2.3.3-.1.3-.2.2-.3zM80.9 10.4h-.1s.1.1.2.1l-.1-.1zM92.6 10.4l-.2.2c.2-.1.2-.1.2-.2zM72.1 11.3c-.1.1-.3.2-.4.3l.4-.3z'/%3E%3Cpath class='st0' d='M260 6c-1-.6-4.7-1.2-5.8.3-.2-.1.1-.3.2-.4-.9.2-2.2.1-3.6 0s-2.9-.2-4.2 0c-1 1.5-3.9-.6-4.8 1.4l.5-.4c.9.5-1.2 1.4-1.5 1.9-.8-1.2-.1-1-1-2l1.1.4-.3-1c-3.1 2.8-6.2-.9-8.2 1.1.1-.1.1-.3.2-.4-1.4-.5-2.3.8-3.3 1.2-.1-.5.6-.9 1.1-1.3-2.4-.3-6.4 1.2-9 .4-.9.7.4.9-.6 1.5-.8-.2-1.4-.7-.4-1.1-2.3-1.2-7.6 1-11.1-.2-1.8.8-.7 1.1-3.5 1.6.7-.5-.7-1.7 1-1.7l.2-.5c-2.8-.1-6.6-.3-8.1 1.2-.1-1.1-.5-.2-1.6-.8-.4.1 0 .2.2.2-1 .9-1.6-.1-2.3.1l.3-.2-2 .7c-.3-.2-.8-.4-.9-.7v.8c-1.1 0-.5-1-1.9-.8l.3.6c-.9-.4-2.2.4-2.4-.5 0-.2.1-.1.4-.1-1.3-1.2-3.5.3-5.1-.3l.4 1.3c-1.6.4-1-.3-.9-.7-1.1 0-1.3-.4-2.7-.6-.7.3-.4.5-.6.8l-1.5-.4 1-.7c-2.3 1.8-5.6-.4-7.2 1.2-.8-.4.8-.7.3-1-2.6-.9-6 1-8.2 0-3.6-1-7.8-.4-11.8-1.1l.1.3-2.9-.4c-.8.7-2.7.3-4 1.1.1-.3-.1-.7.2-.9-1.2.1-2.6.4-3.3-.1l.4-.3c-2.7-.3-6.4-.5-7.9.1-.9 0-.9-.6-1.1-1-1.6-.1-2.6.2-3.9.7-.3-.2-.7-.3-1-.6l-.6.8c-.6-.1-.1-.7-.6-.9-2.5.9-5.3-.1-7-.1l.2.4c-.7.3-2.1-.3-1.2-.7-3.4-.6-5.1 1.2-9.6.8-.6-1.5-4.1.3-4.8-1.4-1.9.4-3.2-.3-4.5.6 0-.2-.2-.2.1-.3-.8-.6-3.3-.2-5.3.2l-.1-.5c-.9 1.2-4.2.9-4.9 2-.2-.2.4-.5.7-.7-1-1.1-1.8.5-3.1.2.1-.3-.3-.6 0-.8-4.4-1.2-10.6.7-16.3-.1-1.6 0 .6 1.2-1.5 1.1-.6-.6 1-1.1-.3-1.4-.9.7-1.3.5-2.6.5.2-.4 0-.6.9-.9-.7-.5-3.1.9-4.5 0 .1.3-.2.5-.5.7-2.1 1-4.9-.9-5.1-.4 0 0-.7.2-.1.3-.8 0-1.9-.2-1.7-.7-.4.3-.8.8-1.4.8l.3-.6c-.4.1-.8.5-1.1.6l.6.4c-.9-.5-2.6.8-2.6-.4h.3l-1.7-.5c-.7.5-1.3 1-2.5.9-.5-1.3-2.9-.2-4.3-.3l.1-.4c-1.1.6-4 .4-3.5.6-1.1 0-2.6-.2-2-.6-.8.1-2.7.1-3.2.9l-1.8-1c-1 1.6-3.6-.5-3.6 1.2-1-.2-.8-.6-1.5-.9-1.4.9-2.8.8-4.2.7v-.2c-1.4-.1-3.1.8-5.1 1l-.5-1.2c-1 .2-1.3 1.2-2.3 1-.2-.2 0-.3.2-.3-1 .3-2.3.1-3.1-.2-1.5 1-2.7.7-3.9 1.8-1.3-1 1.7-.6.6-1.6-2.2-.4-4.4.4-6.7 1.1-.2-.2 0-.4.1-.7 0 0-1.2.9-2.2 1.8C.9 8.3 0 9.4.5 10c-.5.9-1.2 1.4.9 2 .6-.5 2.5-1.3 2.9-.4l.1-.9c2.6-.6.4 1.8 3.6 1.6l-.7-.3c.6-.1 1.1-.7 1.8-.5.2.2-.2.4-.5.6.9-.5 1.7-.9 2.6-1.4.1.5.1.8-.4 1.2 2.5-.2-.6-1.6 2.4-1.4.6.4-.2.6-.5.9 1.4.7 2.3-.1 3.8-.6.1.8-.9.7.3 1.2-.3-.4-.5-1.1.5-1.2-.4.8.7.4 1.6.5-.2-.3-.1-.6.2-.8.4-.1.8.1 1.4.1l-1.1-.7c1.5-.8 2.4.3 3.6.6-.1.1-.3.3-.5.3 1.2.3 2.5.9 4.1.1l-.3.1c2.9-.9-1-1.3 2.4-2.2 1.1.1-.4 2.6 2.1 1.6-1.3-.6 1.6-1.7 3.1-2L32.4 10c.6 0 1.6-.5 2-.3l-.1-.3c-.2-1.3 1.9.1 3-.7-1.3 1.8-1.4 1.5-1.6 3.2 1-1 2.2-1.9 4.1-1.8l-1.5 1.4c2.5.2 5.5-1.9 7.6-3-.5 1 .3 1.4-.6 2.2l2.4-.3-.7 1.1c1-1.2 2.1-.4 1.9-1.9-.3.2-.2.4-.7.3.1-.4.5-1.4 1.7-1.3.9.3-.5.6-.2 1 .8-.6.9.3 1.7-.1l-.8-.6c.6-.9 1.4-.1 2.2-.5-1 .4-.7.9-.3 1.4l-.1-.1c.8-.1 1.6-.7 2-.2l-.5 1.2.9-.9c.3.1.6.6 0 .8 2.8.7-.1-2.5 3.6-1.5 0 .5-.4.8-1.4.5-.2.7.1 1.1 1.1 1.4v.1c1.9 0 4.4 0 5.6-.8.4.3 0 .6-.4.9 2.1.4 2.8-.7 5 .1l-1-.4c1.4-.6 4-.8 5.3.1l-.4.3c1.3-.7 3.5.6 4 0-.6-.4 0-.6-.8-1l3.4-.7.2 1.2 1.8-.4c-.4-.5 2.4.4 2.5-.7 1 .4-.4.9-.8 1.4 1-.3 1.1.2 2.1-.5l1 1.1 2.6-.7c-.1.1 0 .2-.1.3 1.2-.9 3.1.6 4.6-.9-.1.1-.1.1-.1.2.9-.8 2.9-.2 3.7 0 1.4-.2.6-1 .6-1.4 3.9.4 2.7.3 6-.9 2 1.4-2.4 2.1.1 3 .4-.6 2.1-1.1 4.1-1.3 1.8.5 4.8.9 6.5 1.9l-.2-.9 2.6-.4-1.5 1.2c.4-.3 1.7-.8 2.6-1.2 2.7-.7 1.4 1.9 3.5.7.1.1.1.2.2.3.7-.6 2.4-.3 4.4-.5l-.7 1.1-1.3-.3c.7 1.1 2.1-.1 3.4 0 1.3-.3.7-1.3 1.4-1.6.5.1 1.2-.2 1.6.1 1.1.4.1 1.3-.3 1.8 1-1.1 1.4-.9 3.6-1.3.1.5-.1.8-.4.9.5-.1.9-.3 1.2-.8l.7.7c2.5 1 2.6-2 5.6-1.5-.8.6 2.6 0 3.5.7-1.1.1.4 1.6-.2 2.3 2.4.5 1-1.3 3-1.4l-.9 1.3c1.9-.5.5-.7 2.4-1.1-.5.4.8.4-.3.8 2.5.2 1.9.1 4.1.3l.2-1.3c.7-.1 1 .5 1.2.7-.3 0-.8-.1-.7.1.8 1.2 1.4-.6 2.4.5-.2-.4-.5-1 .4-1.1-.3.8 1.4.8 1.4 1.2-.6-.6 2-.2 2.1-1 1 .7-.4.6-.4 1.1.9-1 3.7 0 4.6-.6 0 .1.1.1.1.2 1.2-.6 3-.7 5.3-1.5l-.8.7c2.2.4 1.4-1.5 3.3-1.5-.4 1.1 3.1 0 2.2 1.2 1.1-.6 2.3-.8 3.1-1.7 1 .6-2.1 1.4-.6 1.8l1.6-.5.3.6c.1-.4 1.5-.4 1.4-.8.2.7.9 1.2.8 1.8 1-.2 2.4.5 3.3-.1l.1.3c1-1.3 3.1-.2 3.6-1.5l.6.7c1.5-.1 1.3-1.5 2-1.8.6 0 1.4-.2 2 0-2 .8 1 1.1 1.4 1.6.8 0 3.1 0 3.7-.7-1 .7-.4 1.2-2.1 1.3.9 1.3 2.6-.2 4.5-.1v.6c2.7-.4 2.8-1.5 4-2.5.3.8.1 1-.7 1.7 1.8.5 4.7-.1 6.7 0 .6.5.2.9-.5 1.1 2.1-.6 4.7.1 6-1.2-.5.5.9.3 1.6.6 0-.3.1-.6.2-.6 1.3-.6 4.1-1.1 5.6-.7l-.5.4c1.7.1 3-.5 4.3-.9 1.3-.4 2.6-.8 4.5-.4.7.3-.7 1.1.7 1 .7-.5.4-1.5 2.2-1.3l-.1.9 1.2-.9c-.7-.7-2.6-.4-1.3-1.2 1.6.8 1.3-.9 3.3 0-.4.1-1 .8-1.3 1.2 2 .4 3.4.1 4.8-.1 1.4-.3 2.8-.6 4.9-.2 2-.8 4.6-1.2 5.9-1.9 0 .9 0 1.7-.8 2.4 1.8 0 2.4-2.1 3.7-.9.7-1.3 4.7-1.2 5-3l2-.8z'/%3E%3Cpath class='st0' d='M58.1 11.1c-1 0-1.9 0-2.3.2.2.2 2.3.6 2.3-.2zM208.2 13.3c-.1 0-.3.1-.4.1.1 0 .3 0 .4-.1zM216.3 12.9c-.1-.1-.2-.2-.4-.3 0 .3.1.5.4.3zM132.6 11.5zM178.5 13.7c.7-.4 1-.7 1-1-.4.1-.7.3-1 1zM163 12.6c-.1.1-.2.1-.3.2.3-.1.3-.2.3-.2zM130.2 12c.7-.4 1.6-.3 2.4-.5-.7.2-1.9-.3-2.4.5zM226.1 11.4l-.7.6.8-.4zM218.6 12c-.3-.1-1.7.3-1.3.6.4-.3.9-.5 1.3-.6zM189.6 11.4l-.3.6.7-.5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; } h1 .first-word, h1 a .first-word { color: #2EB8D7; } #header-wrapper .Image {display: none;} #header-inner { text-align: center; } #header-inner a img { margin: 0 auto; max-width: 90%; height: auto; } p.description { } #secondary-menu a { color: #212529; font-size:1.5em; margin-right: 0.25em; } #btemplates-dropdown-2 { background-color: #F3F8FC; } #btemplates-dropdown-2 .bi { color: #333; } #btemplates-main-menu { font-weight: bold; position: relative; z-index: 8; background-color: transparent; transition: background-color 0.25s; } #btemplates-main-menu .btemplates-dropdown { width:100%; } #btemplates-main-menu nav{ } #btemplates-main-menu .nav-item .dropdown-item img { width: 100%; object-fit: cover; transition: all 1.5s cubic-bezier(0, 0, .3, 1); } #btemplates-main-menu .nav-item a.dropdown-item:hover img { transform: scale(1.1); } #btemplates-main-menu .nav-item a { color: rgb(17, 70, 105); } #btemplates-main-menu .nav-item > a { color: #111; } #btemplates-main-menu .nav-item > a:hover { color: #555; } #btemplates-main-menu .nav-item:last-child a { /*padding-right: 0;*/ } .dropdown-submenu { position: relative; } #btemplates-main-menu h2 { display: none; } .dropdown-submenu>a:after { content: "\F285"; border: none; font-family: 'bootstrap-icons'; vertical-align: middle; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; padding-left: 0.5rem; margin-top: 0px; margin-left: 0px; } @media (min-width: 991px) { .dropdown-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } } #logoImage h2, #logoImage .caption { display:none; } .status-msg-body b { position: relative; } .status-msg-body a { display: none; } #blocksMainMenu h2 { display: none; } #blocksMainMenu a { color: #fff; font-weight: bold; } #blocksMainMenu a:hover { text-decoration: none; } .bt-block { cursor: pointer; transition: opacity 0.25s, margin-top 0.3s linear; } .bt-block:hover { opacity: 0.85; margin-top: -1rem; } .status-msg-wrap { background-color: #F3F8FC; font-size: 150% !important; } .status-msg-bg { border-radius: 5px; opacity: 1; } .status-msg-body, .status-msg-bg { padding: 1rem; } #bt-posts-1 .bt-post-title a, .btemplates-tags a.bt-tag, #btemplates-posts-slider .bt-post-title a, #bt-blog .bt-post-title a, #bt-videos .bt-post-title a { color: #2EB7D7; } #bt-posts-1 .bt-post-title a:hover, .btemplates-tags a.bt-tag:hover, #btemplates-posts-slider .bt-post-title a:hover, #bt-blog .bt-post-title a:hover, #bt-videos .bt-post-title a:hover { color: #5AB6CC; } #bt-posts-1 { color: #666; } #bt-posts-1 h2 { text-align: center; } #bt-posts-1 .btemplates-post { border: solid 1px #eee; max-width: 350px; transition: background-color 0.5s; } #bt-posts-1 .btemplates-post:hover { background-color: #eee; } #bt-posts-1 .btemplates-post:hover .bt-post-thumbnail img { transform: scale3d(1.1, 1.1, 1.1); } #bt-posts-1 .btemplates-post:hover .bt-post-author-avatar img { transform: rotate(-10deg); } hr.title-separator { width: 100px; margin-left: auto; margin-right: auto; border: solid 1.5px #FAC300; opacity: 1; } hr.subtitle-separator { width: 100px; margin-left: auto; margin-right: auto; border: solid 1.5px #eee; opacity: 1; } #bt-posts-1 .bt-post-thumbnail { width: 350px; height: 180px; overflow: hidden; float: none; max-width: 100%; } #bt-posts-1 .bt-post-thumbnail img{ width: 100%; height: 100%; object-fit: cover; border-bottom: 1px solid #eee; transition: all 1.5s cubic-bezier(0, 0, .3, 1); } #bt-posts-1 .bt-post-author-avatar { text-align: center; margin-top: -25px; } #bt-posts-1 .bt-post-author-avatar img { transition: transform 1s; border-color: #eee; position: relative; z-index: 1; } #bt-posts-1 .bt-post-title { text-align: center; margin: 1rem 0; font-weight: bold; } #bt-posts-1 .bt-post-content { padding: 0 1rem; font-size: 0.9rem; } #bt-posts-1 .bt-post-location { text-align: center; padding: 1rem 1rem 0; font-size: 0.8rem; } #bt-posts-1 .bt-post-location .bi, #btemplates-posts-slider .bt-post-location .bi { color: rgb(230, 161, 14); } #bt-posts-1 .bt-post-date { text-align: right; font-size: 0.7rem; padding: 1rem; color: #999; } .parallax { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } #content-1 { text-align: center; min-height: 300px; } #content-2 h2 { padding-bottom: 1.5rem; } #content-1 .Image { display: none; } #btemplates-search h2 { } #btemplates-search input[type='text'] { padding: 0.5rem; } #btemplates-search input[type='submit'] { background-color: #43e8d8; border: 0; border-radius: 0.25rem; padding: 0.5rem 2rem; color: #fff; font-weight: bold; } #testimonials h2 { text-align: center; } #testimonials .carousel-item { text-align: center; } #testimonials .carousel-inner img { width: 175px; height: 175px; } #testimonials .bt-post-content { font-size: 1rem; } #testimonials .bt-post-location { color: #999; } #bt-subscription .Image { display: none; } #bt-subscription { text-align: center; min-height: 300px; color: #fff; background-color: #2EB8D7; } #bt-subscription .input-group > .input-group-text:first-child { display: none; } #bt-subscription .bt-widget-description { color: #fff; } #bt-subscription input[type='text'] { padding: 0.75rem; font-size: 1rem; height: auto; width: inherit; border: 1px solid #ced4da; } #bt-subscription input[type='submit'] { font-size: 1rem; padding: 0.75rem; width: auto; height: auto; margin-left: 1rem; border-radius: 5px; } #bt-blog h2 { text-align: center; } #bt-blog .bt-post-thumbnail { width: 350px; height: 180px; overflow: hidden; float: none; max-width: 100%; } #bt-blog .btemplates-post { transition: background-color 0.5s; } #bt-blog .btemplates-post:hover .bt-post-thumbnail img { transform: scale3d(1.1, 1.1, 1.1); } #bt-blog .btemplates-post:hover { background-color: #eee; } #bt-blog .bt-post-thumbnail img{ width: 100%; height: 100%; object-fit: cover; border-bottom: 1px solid #eee; transition: all 1.5s cubic-bezier(0, 0, .3, 1); } #bt-blog .bt-post-title { text-align: center; margin: 1rem 0; font-weight: bold; } #bt-blog .bt-post-content { padding: 0 1rem; font-size: 0.9rem; } #bt-blog .bt-post-date { text-align: center; font-size: 0.7rem; } #bt-videos { background-color: #333; color: #fff; } #bt-videos .Image { display: none; } #bt-videos a { color: #fff; } #bt-videos h2, #bt-videos h3, #bt-videos .bt-post-content { text-align: center; } #bt-contact h2, #bt-contact .bt-widget-description { text-align: center; } #bt-contact .contact-form-widget { max-width: 100% !important; text-align: center; } #bt-contact .contact-form-widget .form { display: inline-block; width: 90%; text-align: left; } #bt-contact input[type="text"] { padding: 0.75rem; font-size: 1rem; height: auto; margin: 0; } #bt-contact input[type="button"] { font-size: 1rem; padding: 0.75rem; height: auto; border-radius: 5px; background-color: rgb(66, 203, 219); color: #fff; } #bt-contact form span { color: rgb(66, 203, 219); } #btemplates-dropdown-2 ul { margin-right: auto; } #btemplates-dropdown-2 .nav-item > a { } #btemplates-dropdown-2 .nav-item > a:hover { } #btemplates-social a.nav-link{ padding: .5rem .7rem; } #btemplates-social a.nav-link:hover { opacity: 0.8; } #btemplates-dropdown-1 a { color: #c41d1d; } #btemplates-dropdown-1 a:hover { color: #D8815F; } nav.navbar h2 { display: none; } #btemplates-popular-posts .PopularPosts { display: none; } body#layout #btemplates-popular-posts .PopularPosts { display: block !important; } #btemplates-popular-posts .PopularPosts h2 { display: block; text-align: center; } #btemplates-popular-posts .PopularPosts img { padding-right: 0 !important; } #btemplates-popular-posts .PopularPosts .widget-item-control { margin-top: 0; } #bt-labels h2 { text-align: center; } .btemplates-tags { text-align: center; } .btemplates-tags a.bt-tag { text-align: center; display: inline-block; margin: 0 1rem 1rem 0; } .btemplates-tags a:hover img { opacity: 0.8; } .btemplates-tags a img { border: 2px solid #333; transform: scale(1); transition: all 0.3s ease; width: 75px; height: 75px; } .btemplates-tags a:hover img, .btemplates-tags a:focus img { transform: scale(1.1); } /* CONTENT WRAPPER */ #btemplates-first-post { display: none; } body#layout #btemplates-first-post { display: block; } #btemplates-first-post-c h2 { display: none; } #btemplates-first-post-c .widget { margin-bottom: 2rem; } #btemplates-main-content { background-color: #fff; padding: 15px; } .breadcrumb, .status-msg-bg { background-color: #F3F8FC; } .breadcrumb { --bs-breadcrumb-padding-x: 1rem; --bs-breadcrumb-padding-y: 0.75rem; --bs-breadcrumb-border-radius: var(--bs-border-radius); } .post-title a { } .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100% !important; height:100% !important; } .post-header-line-1 { transition: color 1s; } .post-header-line-1 .post-labels:hover .bi { color: rgb(240, 188, 13) !important; } .post-header-line-1 .post-labels:hover .rounded-circle { border-color: rgb(240, 188, 13) !important; } .post-header-line-1 .post-author:hover .bi { color: rgb(66, 203, 219) !important; } .post-header-line-1 .post-author:hover .rounded-circle { border-color: rgb(66, 203, 219) !important; } .post-header-line-1 > span { margin: 0 0.5rem; } .post-header-line-1 .rounded-circle { width: 1.5em; height: 1.5em; display: inline-block; transition: border-color 1s; } .post-header-line-1 a { color: #444; } .post-body { line-height: 1.5; } .post-body ul{list-style-type:circle;list-style-position:inside;padding:0 0 0 0.25em;} .post-body ol{list-style-type:decimal;list-style-position:inside;padding:0 0 0 0.25em;} .post-body a { text-decoration: underline; color: rgb(17, 70, 105); } .post-body a:hover { color: rgb(31, 92, 132); } .post-body a img: hover { border: 1px solid #999; } .post code{ background:url(//1.bp.blogspot.com/_Zuzii37VUO4/TUws668Wr6I/AAAAAAAAFX0/LgnevWURtjQ/s000/code.png) no-repeat 0 5px;padding:0 35px 0 0;display:block;min-height:35px;padding:0 0 0 30px; } .post table { border-color:#CDCDCD;border-style:solid;border-width:1px 0;width:100%;text-align:center; } .post table td,.post table th { border-bottom:1px solid #EFEFEF;padding:5px 15px 5px 0; } .post img { max-width: 100%; } .post .posts-list-tag { } .post .posts-list-tag li { list-style: none; border-bottom: 1px solid #F3F8FC; line-height: 3; transition: background-color 0.5s; } .post .posts-list-tag li:hover { background-color: #DBE4EC; } .post .posts-list-tag li a { text-decoration: none; display: block; transition: color 0.5s; } .post-footer-line { margin-bottom: 0.5rem; } .post-footer .post-timestamp { font-size: 80%; } .bt-post-share-buttons a { text-align: center; border: 2px solid #999; border-radius: 50%; width: 2em; height: 2em; display: inline-block; line-height: 2; } .bt-post-share-buttons a i { transition: font-size 0.5s; } .bt-post-share-buttons a:hover i { font-size: 125%; } .bt-post-share-buttons a[href$="email"] { border-color: rgb(240, 188, 13); color: rgb(240, 188, 13); } .bt-post-share-buttons a[href$="facebook"] { border-color: #3b5998; color: #3b5998; } .bt-post-share-buttons a[href$="twitter"] { border-color: #55acee; color: #55acee; } .bt-post-share-buttons a[href$="pinterest"] { border-color: #CB2125; color: #CB2125; } .bt-post-share-buttons a[href$="tools.html"] { border-color: #28AE00; color: #28AE00; } .post-author, .Profile .profile-name-link { } #btemplates-author-box { box-shadow: 0 0 50px .1px rgba(0,0,0,0.07); box-sizing: border-box; border-radius: 7px; padding: 1rem; margin: 1rem 0 1.75rem; transition: box-shadow 1s; } #btemplates-author-box:hover { box-shadow: 0 0 50px .1px #CFDEEA; } #btemplates-author-box img.rounded-circle{ width: 75px; height: 75px; } #btemplates-author-box a[rel='author'] { font-weight: bold; font-size: 1.25rem; margin-bottom: 0.75rem; display: block; } #btemplates-author-box span[itemprop='description'] { color: #444; } #blog-pager { margin-bottom: 1.5rem; } #blog-pager .btemplates-post:first-child::before { content: ' Newer post'; } #blog-pager .btemplates-post:last-child::before { content: 'Older post >'; } #blog-pager .bt-post-thumbnail { width: 100%; height: 150px; } #blog-pager .bt-post-title { } #blog-pager a { color: #212529; } #blog-pager .bt-post-content { display:none; } #blog-pager .bt-post-date { display: none; color: #999; } .home-link::before { content: '\00a0\f424'; font-family: 'bootstrap-icons'; } .blog-pager-older-link::after { content: '\00a0\f285'; font-family: 'bootstrap-icons'; } .blog-pager-newer-link::before { content: '\f284\00a0'; font-family: 'bootstrap-icons'; } .status-msg-wrap { width: 100%; margin: 0 auto 2em; font-size: 125%; } .status-msg-border { border: 0; } /* SIDEBAR */ #sidebar-wrapper .widget { margin-bottom: 1em; } #sidebar-wrapper .widget h2, #footers .widget h2 { padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px solid #FAC300 !important; } #sidebar-wrapper h2 { } #sidebar-wrapper ul { padding: 0; } #sidebar-wrapper li { } #sidebar-wrapper .widget { } #sidebar-wrapper .widget-content { } #sidebar .widget, #footers .widget { margin-bottom: 2.5em; } #sidebar input[type=text] { } #sidebar input[type=submit] { cursor: pointer; color: #fff; } #sidebar .PopularPosts ul , #footers .PopularPosts ul { padding: 0; } #sidebar .PopularPosts li, #footers .PopularPosts li { list-style: none; } #sidebar .PopularPosts .item-thumbnail, #footers .PopularPosts .item-thumbnail { width:75px; float:left; } #sidebar .PopularPosts .item-thumbnail img, #footers .PopularPosts .item-thumbnail img { width:75px; } #sidebar .PopularPosts .item-title, #footers .PopularPosts .item-title { font-size:0.9em; } #sidebar .PopularPosts .item-snippet, #footers .PopularPosts .item-snippet { display: none; } #sidebar .Label ul, #footers .Label ul { } .cloud-label-widget-content { color: #fff; } .cloud-label-widget-content .label-size { background-color: #13a5a5; margin: 0.05rem; padding: 0.2rem; border-radius: 5px; display: inline-block; } .cloud-label-widget-content a { color: #fff; } #sidebar-icons a { color: #666; text-decoration:none; } .Profile .widget-content { text-align:center; } .Profile ul { text-align: left; } .Profile li a { padding: 0 0.5em 0 0.3em; } .Profile li:before { content: '\f4da'; font-family: 'bootstrap-icons'; } .Profile li { list-style: none; } .Profile .profile-name-link { background-image: none !important; font-size: 1.1em; } .Profile > div:nth-child(2) > a:nth-child(1) img { display:block; float:none; margin: 0.5em auto; width: 125px; height: 125px !important; } .Profile .profile-link{ font-size: 80%; } #sidebar .btemplates-post, #footers .btemplates-post { clear: both; margin-bottom:1em; } #sidebar .btemplates-post:hover .bt-post-thumbnail img, #footers .btemplates-post:hover .bt-post-thumbnail img { transform: scale3d(1.1, 1.1, 1.1); } #sidebar .bt-post-thumbnail, #footers .bt-post-thumbnail { margin:0 0.5em 1em 0; float:left; } #sidebar .bt-post-thumbnail img, #footers .bt-post-thumbnail img { transition: all 1.5s cubic-bezier(0, 0, .3, 1); } #sidebar .bt-post-title, #footers .bt-post-title { } #sidebar .bt-post-content, #footers .bt-post-content { display:none; } #sidebar .bt-post-date, #footers .bt-post-date { font-size: 70%; float: right; color: #999; } #footers .bi, #sidebar .bi { background-color: #efefef; color: #fff; font-size: 1.75rem; width: 2.5rem; height: 2.5rem; border-radius: 50% !important; vertical-align: middle; margin: 0 1rem 0.5rem 0; float: left; } #footers .bi:hover, #sidebar .bi:hover { opacity: 0.75; } #footers .bi.bi-500px, #sidebar .bi.bi-500px { background-color: #0099e5; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #4a484c; } #footers .bi.bi-amazon, #sidebar .bi.bi-amazon { background-color: #ff9900; } #footers .bi.bi-android, #sidebar .bi.bi-android { background-color: #a4c639; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #000; } #footers .bi.bi-apple, #sidebar .bi.bi-apple { background-color: #979797; } #footers .bi.bi-behance, #sidebar .bi.bi-behance { background-color: #1769ff; } #footers .bi.bi-behance, #sidebar .bi.bi-behance { background-color: #1769ff; } #footers .bi.bi-git, #sidebar .bi.bi-git { background-color: #205081; } #footers .bi.bi-git, #sidebar .bi.bi-git { background-color: #205081; } #footers .bi.bi-currency-bitcoin, #sidebar .bi.bi-currency-bitcoin { background-color: #ee9209; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #222; } #footers .bi.bi-currency-bitcoin, #sidebar .bi.bi-currency-bitcoin { background-color: #ee9209; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #c90100; } #footers .bi.bi-credit-card, #sidebar .bi.bi-credit-card { background-color: #007bc1; } #footers .bi.bi-credit-card, #sidebar .bi.bi-credit-card { background-color: #004a97; } #footers .bi.bi-credit-card, #sidebar .bi.bi-credit-card { background-color: #f68121; } #footers .bi.bi-credit-card, #sidebar .bi.bi-credit-card { background-color: #003a8f; } #footers .bi.bi-credit-card, #sidebar .bi.bi-credit-card { background-color: #0a3a82; } #footers .bi.bi-paypal, #sidebar .bi.bi-paypal { background-color: #253b80; } #footers .bi.bi-credit-card, #sidebar .bi.bi-credit-card { background-color: #00afe1; } #footers .bi.bi-credit-card, #sidebar .bi.bi-credit-card { background-color: #0157a2; } #footers .bi.bi-browser-chrome, #sidebar .bi.bi-browser-chrome { background-color: #4587f3; } #footers .bi.bi-codepen, #sidebar .bi.bi-codepen { background-color: #000; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #391448; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #eb8623; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #231f20; } #footers .bi.bi-filetype-css, #sidebar .bi.bi-filetype-css { background-color: #1680c0; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #7f7f7f; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #3399ff; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #4e6252; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #000; } #footers .bi.bi-dribbble, #sidebar .bi.bi-dribbble { background-color: #444444; } #footers .bi.bi-dropbox, #sidebar .bi.bi-dropbox { background-color: #007ee5; } #footers .bi.bi-drupal, #sidebar .bi.bi-drupal { background-color: #0077c0; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #000; } #footers .bi.bi-shield-lock, #sidebar .bi.bi-shield-lock { background-color: #343433; } #footers .bi.bi-facebook, #sidebar .bi.bi-facebook { background-color: #3b5998; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #F45700; } #footers .bi.bi-facebook, #sidebar .bi.bi-facebook { background-color: #3b5998; } #footers .bi.bi-facebook, #sidebar .bi.bi-facebook { background-color: #3b5998; } #footers .bi.bi-browser-firefox, #sidebar .bi.bi-browser-firefox { background-color: #e66000; } #footers .bi.bi-chat, #sidebar .bi.bi-chat { background-color: #E6162D; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #ff0084; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #1c1e29; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #83ad13; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #0072b1; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #000; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #d3505a; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #000; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #000; } #footers .bi.bi-git, #sidebar .bi.bi-git { background-color: #333; } #footers .bi.bi-git, #sidebar .bi.bi-git { background-color: #333; } #footers .bi.bi-github, #sidebar .bi.bi-github { background-color: #333; } #footers .bi.bi-github, #sidebar .bi.bi-github { background-color: #333; } #footers .bi.bi-github, #sidebar .bi.bi-github { background-color: #333; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #663300; } #footers .bi.bi-google, #sidebar .bi.bi-google { background-color: #4285f4; } #footers .bi.bi-google, #sidebar .bi.bi-google { background-color: #dd4b39; } #footers .bi.bi-google, #sidebar .bi.bi-google { background-color: #dd4b39; } #footers .bi.bi-google, #sidebar .bi.bi-google { background-color: #4285f4; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #ff6600; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #7ac142; } #footers .bi.bi-filetype-html, #sidebar .bi.bi-filetype-html { background-color: #e34f26; } #footers .bi.bi-instagram, #sidebar .bi.bi-instagram { background-color: #3f729b; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #1ebbee; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #faa729; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #142849; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #4679bd; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #c3000d; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #c3000d; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #0c0c0c; } #footers .bi.bi-linkedin, #sidebar .bi.bi-linkedin { background-color: #0976b4; } #footers .bi.bi-linkedin, #sidebar .bi.bi-linkedin { background-color: #0976b4; } #footers .bi.bi-ubuntu, #sidebar .bi.bi-ubuntu { background-color: #333333; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #ff6600; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #538ed7; } #footers .bi.bi-medium, #sidebar .bi.bi-medium { background-color: #000; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #ed812b; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #ed812b; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #2ac2ef; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #f78c40; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #cc0f16; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #83c11f; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #000; } #footers .bi.bi-paypal, #sidebar .bi.bi-paypal { background-color: #253b80; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #2f9f46; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #2f9f46; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #2f9f46; } #footers .bi.bi-pinterest, #sidebar .bi.bi-pinterest { background-color: #cc2127; } #footers .bi.bi-pinterest, #sidebar .bi.bi-pinterest { background-color: #cc2127; } #footers .bi.bi-pinterest, #sidebar .bi.bi-pinterest { background-color: #cc2127; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #000; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #000; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #000; } #footers .bi.bi-reddit, #sidebar .bi.bi-reddit { background-color: #ff4500; } #footers .bi.bi-reddit, #sidebar .bi.bi-reddit { background-color: #ff4500; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #005eac; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #1b88ca; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #1f78b9; } #footers .bi.bi-share, #sidebar .bi.bi-share { background-color: #01bf01; } #footers .bi.bi-share-fill, #sidebar .bi.bi-share-fill { background-color: #01bf01; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #dd3a26; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #000; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #00adbb; } #footers .bi.bi-skype, #sidebar .bi.bi-skype { background-color: #00aff0; } #footers .bi.bi-slack, #sidebar .bi.bi-slack { background-color: #0f7965; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #e98325; } #footers .bi.bi-soundcloud, #sidebar .bi.bi-soundcloud { background-color: #f80; } #footers .bi.bi-spotify, #sidebar .bi.bi-spotify { background-color: #7ab800; } #footers .bi.bi-stack-overflow, #sidebar .bi.bi-stack-overflow { background-color: #000; } #footers .bi.bi-stack-overflow, #sidebar .bi.bi-stack-overflow { background-color: #fe7a15; } #footers .bi.bi-steam, #sidebar .bi.bi-steam { background-color: #0b0b0b; } #footers .bi.bi-steam, #sidebar .bi.bi-steam { background-color: #0b0b0b; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #eb4924; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #eb4924; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #74af2c; } #footers .bi.bi-trello, #sidebar .bi.bi-trello { background-color: #256a92; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #589442; } #footers .bi.bi-tumblr, #sidebar .bi.bi-tumblr { background-color: #35465c; } #footers .bi.bi-tumblr, #sidebar .bi.bi-tumblr { background-color: #35465c; } #footers .bi.bi-twitch, #sidebar .bi.bi-twitch { background-color: #6441a5; } #footers .bi.bi-twitter, #sidebar .bi.bi-twitter { background-color: #55acee; } #footers .bi.bi-twitter, #sidebar .bi.bi-twitter { background-color: #55acee; } #footers .bi.bi-currency-bitcoin, #sidebar .bi.bi-currency-bitcoin { background-color: #333; } #footers .bi.bi-vimeo, #sidebar .bi.bi-vimeo { background-color: #1ab7ea; } #footers .bi.bi-vimeo, #sidebar .bi.bi-vimeo { background-color: #1ab7ea; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #00b488; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #45668e; } #footers .bi.bi-wechat, #sidebar .bi.bi-wechat { background-color: #93d034; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #e71d34; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #93d034; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #000; } #footers .bi.bi-windows, #sidebar .bi.bi-windows { background-color: #00bcf2; } #footers .bi.bi-wordpress, #sidebar .bi.bi-wordpress { background-color: #21759b; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #026466; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #026466; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #f0652f; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #f0652f; } #footers .bi.bi-link-45deg, #sidebar .bi.bi-link-45deg { background-color: #400191; } #footers .bi.bi-yelp, #sidebar .bi.bi-yelp { background-color: #af0606; } #footers .bi.bi-youtube, #sidebar .bi.bi-youtube { background-color: #e52d27; } #footers .bi.bi-youtube, #sidebar .bi.bi-youtube { background-color: #e52d27; } #footers .bi.bi-youtube, #sidebar .bi.bi-youtube { background-color: #e52d27; } #footers .bi.bi-tiktok, #sidebar .bi.bi-tiktok{ background-color: #000000; } #footers .bi.bi-mastodon, #sidebar .bi.bi-mastodon{ background-color: #2A8CD3; } .btemplates-comment { clear: both; } .bt-comment-avatar { } .bt-comment-avatar img { width: 50px; height: 50px; margin: 0 0.5em 1em 0; } .bt-comment-author { } .bt-comment-content { font-size: 0.8rem; word-break: break-word; } .Label li { clear:both; margin-bottom: 0.5em; list-style: none; } .Label li::before { } .Label span[dir='ltr'] { width: 1.5em; height: 1.5em; } .ContactForm input, .ContactForm textarea { max-width: 100%; } .ContactForm input[type='button'] { width: 100%; background-color: #43e8d8; color: #fff; background-image: none; border: 0; } .ContactForm form span { color: #43e8d8; } .Feed li { clear:both; margin-bottom: 0.5em; list-style: none; } .Feed li::before { content: '\f280 '; font-family: 'bootstrap-icons'; } .Feed .item-date { color: #999; } .bt-comment-date a { font-size: 0.8rem; float: right; color: #999; } .Image img { max-width: 100%; } /* FOOTER */ #footers { background-color: rgb(17, 70, 105); color: #fff; } #footers a { color: #fff; } #footers h2, #footers .bt-post-date, #footers .bt-comment-date a { color: #fff; } #footer-wrapper a { color: rgb(140, 209, 255); } #footers .section img, #sidebar-wrapper img { max-width: 100%; height: auto; } #footers .widget-item-control .quickedit, #btemplates-dropdown-2 .widget-item-control .quickedit { opacity: 1; } #footer-menu h2 { display: none; } #footer-menu ul { margin: 0; padding: 0; } #footer-menu li { display: inline; padding-right: 1rem; } #footer-menu li:last-child { padding-right: 0; } /* COMMENTS */ #comments { margin-bottom: 1.5rem; } #top-ra { margin-bottom: 2em; } #top-ra > .comment { border: 1px solid #dee2e6; margin: 0 0 1em; padding: 1em; } .comment-content { word-break: break-word; } .comments .comments-content .datetime { margin-left: 0; display: block; } .comments .comments-content .datetime a{ color: #999; font-size:0.9em; } a.comment-reply { display: inline !important; background-color: #3bccce; color: #fff; } .comment-form { max-width:100% !important; } p.comment-footer { text-align:center; } dd.comment-footer, dd.comment-body { margin:0; } .bt-widget-description { color: #888; } #main-wrapper .BlogSearch { background-color: #f8f9fa; padding: 2em; } #main-wrapper .BlogSearch h2 { border-bottom: 1px solid #666; padding-bottom: 1em; margin-bottom: 1em; font-size: 1.75em; text-align: center; } #main-wrapper .BlogSearch .bt-widget-description { text-align: center; } #main-wrapper .BlogSearch input[type=text] { height: 3em; padding: 1em; font-size: 0.9em; } #main-wrapper .BlogSearch input[type=submit] { height: 3em; font-size: 0.9em; padding: 0; font-weight: bold; background-color: #43e8d8; } /* Portfolio */ .btemplates-portfolio {} #portfolio-footer { text-align: center; width: 100%; } #portfolio-footer h2 { text-align: center; font-size:2.5rem; } .btemplates-portfolio h3 { font-size: 1.25rem; } .btemplates-portfolio .item { position: relative; width: 100%; display: block; overflow: hidden; z-index: 0; cursor: pointer; } .btemplates-portfolio .item:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: #000; opacity: 0; z-index: 1; transition: all 0.3s ease; } .btemplates-portfolio .item:hover:after, .btemplates-portfolio .item:focus:after { opacity: .8; } .btemplates-portfolio .item:hover .item-title, .btemplates-portfolio .item:focus .item-title { opacity: 1; top: 0; } .btemplates-portfolio .item:hover img, .btemplates-portfolio .item:focus img { transform: scale(1.3); } .btemplates-portfolio .item img { transform: scale(1); z-index: -1; max-width: 100%; height: auto; transition: all 0.6s ease; padding-right: 0 !important; } .btemplates-portfolio .item-title { position: absolute; top: -100px; left: 0; right: 0; padding: 1em; opacity: 0; z-index: 2; transition: all 0.6s ease; color: #fff; text-align: center; } .btemplates-portfolio .item-title a { color: #fff; } .btemplates-portfolio .item-title a:hover { color: #43e8d8; } .btemplates-portfolio .item-title span { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: rgba(255, 255, 255, 0.8); } .btemplates-portfolio .item-title h3 a { color: #fff; } /* 404 Error page */ #btemplates-404 h4 { font-size:2.5em; } #btemplates-404 p { margin-bottom: 2em; } #btemplates-404 img { max-width: 100%; } #btemplates-error-404 .widget { margin-bottom: 2rem; } #btemplates-error-404 h2 { text-align: center; } #btemplates-error-404 .Image img { height: auto; max-width: 100%; } @keyframes heartbeat { 0% { transform: scale( .75 ); } 20% { transform: scale( 1 ); } 40% { transform: scale( .75 ); } 60% { transform: scale( 1 ); } 80% { transform: scale( .75 ); } 100% { transform: scale( .75 ); } } #thanks-for-keeping-this .bi-heart:hover { animation: heartbeat 1s infinite; } #back-top { position: fixed; right: 20px; bottom: 0; z-index: 1041; width: 40px; height: 40px; text-indent: 0; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; color: #e8e8e8; font-size: 32px; line-height: 26px; padding: 4px 0 0; text-align: center; border-radius: 5px 5px 0 0; display: none; background-color: rgb(16, 52, 77); } .introjs-tooltiptext a{ color: #007bff; } /* Navigation */ #blog-pager-newer-link {float: left;} #blog-pager-older-link {float: right;} #blog-pager {text-align: center; } .introjs-donebutton { color: green !important; font-weight: bold !important; background-color: #fff !important; background-image: none !important; } @media (min-width: 576px) { #bt-header { height: 35rem; } .btemplates-tags a img { border: 3px solid #333; width: 100px; height: 100px; } #testimonials .carousel-inner img { width: 250px; height: 250px; } #testimonials .bt-post-content { font-size: 1.25rem; } #bt-subscription input[type="text"] { width: auto; } #bt-subscription .input-group > .input-group-text:first-child { display: flex; } #btemplates-author-box img.rounded-circle{ width: 120px; height: 120px; } } @media (min-width: 768px) { #btemplates-main-content { } #btemplates-main-menu .btemplates-dropdown { width: auto; } #blog-pager .btemplates-post { width: 49%; float: left; } #header { margin-top: -4rem; } #btemplates-dropdown-2 { font-size: 0.85rem; } #bt-header { height: 35rem; } #btemplates-main-menu .navbar li { margin: 0 0.1rem; } .btemplates-portfolio h3 { font-style: inherit; } .btemplates-portfolio .item-title { padding: 2em; } #btemplates-author-box img.rounded-circle{ width: 150px; height: 150px; } } @media (min-width: 992px) { } @media (min-width: 1200px) { #btemplates-main-menu .navbar li { margin: 0 0.25rem; } } #btemplates-main-content > .row { flex-direction: row-reverse !important; } #sidebar-wrapper { display: none } #content-wrapper { width: 100%; } .sticky { position: fixed !important; top: 0; z-index: 900; width: 100%; background-color: #fff !important; } .post-title, #sidebar h2, .post-tags a, .btemplates-tags a, .popular-post-title, #footers h2, #post-navigation a, #related-posts h5 { text-transform: uppercase; } @media (min-width: 768px) { #bt-header { height: px; } } #blocksMainMenu .bt-block { height: auto !important; aspect-ratio: 1; } .status-msg-wrap {display: none;} /* Universal Blogger Theme Compatibility Styles */ img { max-width: 100%; height: auto; } .clear, .clearboth { clear: both; } .pbtthumbimg { float: left; margin: 0 15px 10px 0; max-width: 240px; height: auto; } .readmore { float: right; margin-top: 10px; } .readmore a { display: inline-block; padding: 6px 14px; text-decoration: none; font-weight: bold; } .post-outer { margin-bottom: 25px; clear: both; } .blog-pager { margin: 25px 0; text-align: center; clear: both; } .blog-pager a { display: inline-block; padding: 6px 14px; text-decoration: none; font-weight: bold; } /* Top Menu reset */ .menu-primary-container:empty, .menu-primary-container:not(:has(a)) { display: none !important; } /* Nordic & Modern Theme Navigation and Social Bar */ .site-brandingnbt { text-align: center !important; margin: 20px auto 10px !important; } .site-brandingnbt .header-logo { justify-content: center !important; } .main-navigationnbt { display: block !important; width: 100% !important; max-width: 1000px !important; margin: 0 auto 20px !important; text-align: center !important; } .main-navigationnbt .menu-primary-menunbt { display: block !important; width: 100% !important; } .main-navigationnbt ul.menunbt, .main-navigationnbt #primary-menunbt { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px 20px !important; list-style: none !important; margin: 0 auto 10px !important; padding: 0 !important; float: none !important; } .main-navigationnbt ul.menunbt li, .main-navigationnbt #primary-menunbt li { float: none !important; display: inline-block !important; margin: 0 !important; } .main-navigationnbt ul.menunbt li a, .main-navigationnbt #primary-menunbt li a { font-family: 'Dosis', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase !important; text-decoration: none !important; color: #111 !important; padding: 6px 10px !important; transition: color 0.2s ease !important; } .main-navigationnbt ul.menunbt li a:hover, .main-navigationnbt #primary-menunbt li a:hover { color: #07948B !important; } .menu-socialnbt { display: block !important; width: 100% !important; clear: both !important; text-align: center !important; margin: 10px auto 15px !important; float: none !important; } .menu-socialnbt ul.menu-itemsnbt { display: inline-flex !important; justify-content: center !important; gap: 10px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; float: none !important; text-align: center !important; } .menu-socialnbt ul.menu-itemsnbt li { display: inline-block !important; margin: 0 !important; } .menu-socialnbt ul.menu-itemsnbt li a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #222 !important; color: #fff !important; text-decoration: none !important; font-size: 15px !important; transition: all 0.2s ease !important; } .menu-socialnbt ul.menu-itemsnbt li a:hover { background: #07948B !important; color: #fff !important; transform: translateY(-2px) !important; } .menu-socialnbt ul.menu-itemsnbt li a:before { content: none !important; } /* Footer widget area in Nordic & Masonry override */ #colophonnbt { background: #fafafa !important; padding: 40px 0 !important; border-top: 2px solid #eee !important; } #supplementarynbt, #footer-widgetsnbt, .footer-widgetsnbt { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: flex-start !important; gap: 30px !important; max-width: 1100px !important; margin: 0 auto !important; padding: 20px !important; position: static !important; height: auto !important; box-sizing: border-box !important; } #footer-widgetsnbt .widget, .footer-widgetsnbt .widget { position: static !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; flex: 1 1 280px !important; width: auto !important; max-width: 100% !important; float: none !important; margin: 0 0 25px 0 !important; box-sizing: border-box !important; } .footer-widgetsnbt .widget h2.title, .footer-widgetsnbt .widget h2 { font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase !important; border-bottom: 2px solid #07948B !important; padding-bottom: 8px !important; margin-bottom: 14px !important; color: #111 !important; } .footer-widgetsnbt .widget-content { font-size: 14px !important; line-height: 1.6 !important; color: #555 !important; } .footer-widgetsnbt .widget-content ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .footer-widgetsnbt .widget-content ul li { padding: 4px 0 !important; margin-bottom: 4px !important; } .footer-widgetsnbt .widget-content a { color: #222 !important; text-decoration: none !important; transition: color 0.2s ease !important; } .footer-widgetsnbt .widget-content a:hover { color: #07948B !important; } /* Footer widget containers & typography */ #footer-widgets-container { width: 100% !important; max-width: 960px !important; margin: 0 auto !important; } #footer-widgets { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 20px !important; padding: 25px 0 !important; width: 100% !important; box-sizing: border-box !important; } #footer-widgets .footer-widget-box { flex: 1 1 30% !important; width: auto !important; float: none !important; margin: 0 !important; } #footer-widgets ul.widget-container { list-style: none !important; margin: 0 !important; padding: 0 !important; } #footer-widgets ul.widget-container > li { background: none !important; padding: 0 !important; margin: 0 0 15px 0 !important; list-style: none !important; } #footer-widgets h2.title, #footer-widgets .widget h2, #footer-widgets h3.widgettitle { color: #ffffff !important; font-family: 'Oswald', sans-serif !important; font-size: 16px !important; text-transform: uppercase !important; border-bottom: 2px solid #06A4E2 !important; padding: 8px 12px !important; margin-bottom: 12px !important; background: #222 !important; box-sizing: border-box !important; } #footer-widgets .widget-content { color: #e2e8f0 !important; font-size: 13px !important; line-height: 1.6 !important; } #footer-widgets .widget-content a { color: #f8fafc !important; text-decoration: none !important; font-size: 13px !important; } #footer-widgets .widget-content a:hover { color: #06A4E2 !important; } #footer-widgets .widget-content ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } #footer-widgets .widget-content ul li { padding: 4px 0 4px 16px !important; margin: 0 0 6px 0 !important; background: url(https://1.bp.blogspot.com/-DmHwabaB9L0/U1dvV5udGyI/AAAAAAAAIm0/-QOYzp3XMCs/s1600/widget-list.png) left 8px no-repeat !important; } /* Dizee Intro Author Banner (Purple Frame) */ #intro-author-heading { width: 100% !important; display: block !important; margin: 25px 0 35px 0 !important; text-align: center !important; position: relative !important; } #intro-author-heading .container { margin: 0 auto !important; max-width: 1140px !important; background-color: rgba(128,103,240, 0.95) !important; background-image: radial-gradient(#ffffff 1.2px, transparent 1.2px), radial-gradient(#ffffff 1.2px, rgba(128,103,240, 0.95) 1.2px) !important; background-size: 20px 20px !important; background-position: 0 0, 10px 10px !important; border-radius: 14px !important; position: relative !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(128,103,240, 0.25) !important; } #intro-author-heading .bg-overlay { position: absolute !important; inset: 0 !important; background: radial-gradient(circle at center, rgba(128,103,240, 0.75) 0%, rgba(108,82,224, 0.95) 100%) !important; z-index: 1 !important; } #intro-author-heading .author-content { padding: 50px 30px !important; box-sizing: border-box !important; position: relative !important; z-index: 2 !important; color: #ffffff !important; } #intro-author-heading .author-title, #intro-author-heading h3.author-title { font-size: 34px !important; font-weight: 800 !important; color: #ffffff !important; margin: 0 0 16px 0 !important; letter-spacing: -0.5px !important; } #intro-author-heading .author-snippet { font-size: 16px !important; line-height: 1.7 !important; color: rgba(255,255,255, 0.95) !important; max-width: 780px !important; margin: 0 auto 20px auto !important; } #intro-author-heading .small-button, #intro-author-heading .button, #intro-author-heading a.button { display: inline-block !important; padding: 12px 28px !important; background: #f75023 !important; color: #ffffff !important; font-weight: 700 !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; border-radius: 8px !important; text-decoration: none !important; box-shadow: 0 6px 20px rgba(247,80,35,0.4) !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; margin-top: 10px !important; } #intro-author-heading a.button:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(247,80,35,0.6) !important; background: #ff6036 !important; } #head-text1 { text-align: center !important; margin: 35px auto 25px auto !important; max-width: 800px !important; } #head-text1 h2.title, #head-text1 .title { font-size: 24px !important; font-weight: 800 !important; color: #0e0b3d !important; margin: 0 0 8px 0 !important; } #head-text1 .widget-content { font-size: 15px !important; color: #64748b !important; margin: 0 !important; } /* Dizee & Grid Theme Card Support */ .post-thumb, .post-image-wrap img, .pbtthumbimg { opacity: 1 !important; visibility: visible !important; display: block !important; } .grid-posts { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important; gap: 30px !important; margin: 25px 0 !important; padding: 0 !important; list-style: none !important; } .grid-posts .index-post-wrap { float: none !important; width: 100% !important; margin: 0 !important; } .grid-posts .index-post { display: flex !important; flex-direction: column !important; background: #ffffff !important; border: 1px solid #eaeaea !important; border-radius: 10px !important; overflow: hidden !important; box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; height: 100% !important; box-sizing: border-box !important; padding: 0 !important; } .grid-posts .index-post:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important; } .grid-posts .index-post .post-image-wrap { width: 100% !important; height: 220px !important; overflow: hidden !important; position: relative !important; margin: 0 !important; border-radius: 0 !important; background: #f1f5f9 !important; } .grid-posts .index-post .post-image-wrap img, .grid-posts .index-post .post-image-wrap .post-thumb { width: 100% !important; max-width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.3s ease !important; opacity: 1 !important; visibility: visible !important; float: none !important; } .grid-posts .index-post:hover .post-image-wrap img { transform: scale(1.05) !important; } .grid-posts .index-post .post-content { padding: 20px !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; } .grid-posts .index-post .post-info > h2.post-title { font-size: 19px !important; font-weight: 700 !important; line-height: 1.4 !important; margin: 0 0 12px 0 !important; } .grid-posts .index-post .post-info > h2.post-title a { color: #1a202c !important; text-decoration: none !important; } .grid-posts .index-post .post-info > h2.post-title a:hover { color: #e53e3e !important; } .grid-posts .index-post .post-meta { font-size: 12px !important; color: #718096 !important; margin-bottom: 12px !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; } .grid-posts .index-post .post-snippet { font-size: 14px !important; color: #4a5568 !important; line-height: 1.6 !important; margin: 0 !important; } /* Back to Top Button */ .back-top, #back-to-top { display: none; position: fixed !important; bottom: 85px !important; right: 25px !important; width: 44px !important; height: 44px !important; background-color: #f75023 !important; color: #ffffff !important; border-radius: 50% !important; text-decoration: none !important; box-shadow: 0 4px 15px rgba(247,80,35,0.45) !important; z-index: 999999 !important; cursor: pointer !important; font-size: 18px !important; line-height: 44px !important; text-align: center !important; align-items: center !important; justify-content: center !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; } .back-top:hover, #back-to-top:hover { transform: translateY(-3px) !important; box-shadow: 0 6px 20px rgba(247,80,35,0.6) !important; color: #ffffff !important; }