/*
Theme Name: The Bugfree Theme
Theme URI: https://thebugfreeblog.blogspot.com/
Author: Luca Carlon
Author URI: https://thebugfreeblog.blogspot.com/
Description: Ultimate Blogger fork for https://thebugfreeblog.blogspot.com/.
Tested up to: 5.7.2
Requires PHP: 7.2.14
Version: 0.1.0
license: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: the-bugfree-blog
Template: multipurpose-blog
Tags: custom-background, custom-menu, custom-colors, custom-logo, editor-style, featured-images, full-width-template, footer-widgets, one-column, two-columns, theme-options, threaded-comments, right-sidebar, left-sidebar, education, grid-layout, three-columns, blog, news
*/

@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');

:root {
	--accent-color: #e58d48;
	--accent-color2: rgba(111,26,70,1);
	--accent-background: #3d3c3d;
	--font-color: #999999;
	--font-color-dark: #333333;
	--background: #252525;
}

::selection {
	background: var(--accent-color);
	color: var(--font-color-dark);
}

html {
	overflow:auto !important;
}
body{
    background: var(--background);
    font-family: 'Ubuntu', sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Ubuntu', serif;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}

.inner-services {
	margin-top: 0px;
}

.me-3 {
	margin-right: 0rem !important;
}

.entry-date, .entry-author, .fa-comments {
	margin-left: 1rem;
}

#sidebar h2 {
	margin-top: 1em !important;
	margin-bottom: 0em !important;
}
body,#content-blog h2,#content-blog h3,h1.entry-title, .services .section-title a{ 
    color: #999 !important;
}

h1.entry-title, h1.page-title {
	text-transform: none !important;
}

a:hover, p.logged-in-as a, p.logged-in-as a:hover {
    text-decoration: none;
    color: var(--accent-color);
}

a {
    text-decoration: none !important;
    color: var(--accent-color);
}

a:hover {
	outline: 0px;
    border-bottom: 0px;
	text-decoration: underline !important;
	text-decoration-color: initial !important;
}

a:focus, .logo a:focus {
    text-decoration: none;
    border: none;
    outline: none;
  	box-shadow: none;
	border-bottom: 0px !important;
}
ol, ul{
    padding: 0;
}
.contentbox a:focus,.toggle-menu button:focus, a:focus, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, #sidebar button:focus, #sidebar input[type="submit"]:focus {
    outline: 0px;
    border-bottom: 0px;
}
a.closebtn.responsive-menu:focus{
    outline: 1px solid #000 !important;
    border-bottom: 2px solid #000 !important;
}
p, .woocommerce .woocommerce-product-rating a,.woocommerce .woocommerce-product-rating a:hover{
    color: #999;
}

input#cren_subscribe_to_comment {
	accent-color: var(--accent-color);
	margin-right: 0.5rem;
}

i.far {
	height: 100%;
}

/*block css*/
.wp-block-button a{
    background: var(--accent-color) !important;
    color: var(--font-color-dark) !important;
    padding: 7px 10px;
    font-weight: 500;
}
/*header*/
.menus, .logo_bar{
	border:none;
}
#header .top_headbar, .frame, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .footer-wp input[type="submit"],.footer-wp .tagcloud a:hover,input[type="submit"] {
    background: var(--accent-color);
}
#header .socialbox i {
    color: #000;
    font-size: 14px;
}
#sidebar h3.widget-title a, #header .socialbox i:hover, .hvr-sweep-to-right:before, .main-box .date-box a, .main-box p, .main-box h3, .cat-box, .cat-box ul.post-categories a:hover, .date-box a:hover, .metabox,.tags a, .nav-links span.post-title, .entry-date a, .entry-author a,.entry-date a:hover, .entry-author a:hover, #sidebar ul li a:hover, .copyright-wrapper p, .copyright-wrapper a, .wp-calendar-nav-prev a,.footer-wp li a,.footer-wp h3,.footer-wp th,.footer-wp td,.footer-wp caption,.footerinner span,.rssSummary, #sidebar caption,#sidebar th,#sidebar td,.footer-wp  strong, .footer-wp a.rsswidget,.textwidget p, .footer-wp td#prev a,.footer-wp input[type="search"],.content-blog h1,span.meta-nav,span.post-title,.content-blog h2, .nav-previous a, .tags, label, .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a,h1.entry-title, h1.page-title,h2.woocommerce-loop-product__title, .woocommerce div.product .product_title,.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price,a.added_to_cart.wc-forward, .product_meta a,#comment p.woocommerce-noreviews,form.woocommerce-cart-form a,a.shipping-calculator-button{
    color: #fff;
}
.navigation .nav-previous, .navigation .nav-next {
	background-color: transparent;
}
#sidebar ul li a:hover, #sidebar ul li a {
    color: var(--accent-color)
}
#header .top_headbar{
    color: #000;
    font-size:12px;
    letter-spacing: 1px;
	background: linear-gradient(90deg, rgba(228,141,81,1) 0%, rgba(185,98,77,1) 62%, rgba(111,26,70,1) 100%);
}
#header .logo p {
    color: #000;
    line-height: 1.5;
    font-size: 13px;
    font-family: 'Ubuntu', serif;
	text-transform: none;
}
#header .logo a {
	color: #333333
}
.primary-navigation a{
    color:#000;
    padding: 15px 20px;
}
.primary-navigation ul ul{
    border:1px solid #000;
}
.primary-navigation ul li:hover > ul{
    max-height: initial;
}
#navbar-header .primary-navigation ul li:after{
    content: none;
}
.primary-navigation ul ul a{
    color: #000;
    background:var(--accent-color);   
}
.primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus{
    background: #000;
    color: var(--accent-color);
}
#header .logo h1, #header .logo p.site-title{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    font-family: 'Ubuntu', serif;
    padding-bottom: 0;
}
.main-menu-navigation{
    border-bottom: none;
}
/* Static Section */
.margin-remove,.woocommerce ul.products li.product a img {
    margin: 0;
}
.contentbox p {
    text-align: left;
    color: #bbb;
    font-size: 15px;
    margin: 0;
}
.socialbox {
    padding-top: 15px;
}
.contact {
    display: flex;
    text-align: left;
    margin-top: 5px;
}
.metabox,.tags a{
    background: #3d3c3d;
    border: none;
}
.metabox {
	margin-top: 1em;
	margin-bottom: 1em;
}

.metabox i:before {
  font-size: 10px;
  background: var(--accent-color);
  padding: 5px;
  color: #fff;
  border-radius: 50%;
}

/* our category */
section{
    background-color: transparent;
}
.main-box {
    text-align: center;
    background: #3d3c3d;
}
.cat-box,.date-box {
    background: transparent;
    padding: 8px 0;
}

.main-box h2 {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.main-box h2:hover {
	text-decoration: underline;
	text-decoration-color: initial;
}

.main-box h3 {
    font-size: 25px;
    font-weight: bold;
}
.cat-box {
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 13px;
}
.main-box p {
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.blogbutton-small {
	display: inline-block;
	border: none;
	color: var(--font-color-dark);
    background: var(--accent-color);
    padding: 7px 10px;
}

a:hover.blogbutton-small {
	display: inline-block;
	border: none;
	color: var(--font-color-dark);
    background: var(--accent-color);
    padding: 7px 10px;
}

.hvr-sweep-to-right:before,#sidebar .tagcloud a:hover{
	background: #3d3c3d;
    border: solid 1px #fff;
}
#sidebar .tagcloud a{
    border: 1px solid #eeeeee;
}
#slider .inner_carousel h1{
    letter-spacing: 0;
}
#our-services {
    background: transparent;
}
article.tag-sticky-2{
    background: none !important;
}

#comments input[type="submit"].submit, #comments a.comment-reply-link {
    background: var(--accent-color) !important;
    border: 1px solid var(--accent-color);
    padding: 8px 20px;
    color: var(--font-color-dark);
}

#comments input[type="submit"].submit:hover, #comments a.comment-reply-link:hover {
	background: var(--accent-color) !important;
    border: 1px solid var(--accent-color);
    padding: 8px 20px;
    color: var(--font-color-dark);
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span,.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce nav.woocommerce-pagination ul li span.current{
    background: var(--accent-color) !important;
    color: #000;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit{
    padding: 10px;
}
/*scroll to top*/
#scrollbutton i {
    border: solid 2px var(--accent-color);
    background: var(--accent-color);
    color: #000;
	box-shadow: 3px 3px #8c4812;
    /*box-shadow: inset 0px 0px 0px var(--accent-color), 0px 5px 0px 0px #907a53, 0px 5px 4px #000;*/
}
/* Sidebar */
#sidebar aside.widget_search {
    background: var(--accent-background);
    padding: 15px;
	display: flex;
	justify-content: space-evenly;
	flex-direction: row;
	gap: 0.5rem;
}

#sidebar {
   margin-top: 0px;
}

#sidebar ul {
	margin-block-start: 0px;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
	padding: 0px;
}

#sidebar h3 {
    margin: 0;
    padding: 0px;
    font-size: 20px;
    background: transparent;
    color: #fff;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0px;
    text-transform: uppercase;
	border-bottom: 0px;
}
#sidebar aside {
    border: none;
    box-shadow: none;
    background: #3d3c3d;
	padding: 0px;
}
#sidebar ul li a {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0px;
	line-height: 10px;
}

#sidebar ul li {
    margin: 0px;
    background: transparent;
    font-weight: normal;
    padding: 0px;
}

#sidebar ul {
	list-style: circle;
	list-style-type: disc;
}

#sidebar ul li:before {
  	background-color: #00000000;
  	opacity: 0;
  	transition: none;
	transform: none;
}

#sidebar ul li:hover:before {
  	opacity: 0;
	transform: none;
}

#sidebar ul li:hover {
  padding-left: 0px;
}

/* Tables */
.wp-block-table.is-style-stripes tbody tr:first-child {
	color: var(--accent-color);
	background-color: var(--accent-background);
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: var(--accent-background);
}

.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
	background-color: var(--background);
}

.wp-block-table th, .wp-block-table td {
	padding: 0px 0px;
	border: 0px;
}

.wp-block-table td, .wp-block-table th {
	border: 0px;
}

/* */
/*#sidebar ul {
  list-style:
  none;
  font-size:17px;
  padding: 25px;
  margin: 0;
}

#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
  line-height: 40px;
}

#sidebar ul li{
  font-size: 15px; 
  position: relative;
  transition: 0.3s ease-in-out;
}

#sidebar ul li:before{
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #59A101;
  opacity: 0;
  transition: 0.3s ease-in-out;
}

#sidebar ul li a:hover{
  color: #59A101;
}

#sidebar ul li:hover:before {
  opacity: 1;
}

#sidebar ul li:hover {
  padding-left: 25px;
}*/
/* */

#sidebar input[type="submit"] {
    padding: 10px 10px;
    font-size: 15px;
	font-weight: normal;
    color: var(--font-color-dark);
    background: var(--accent-color);
	flex: 0 1 auto;
	flex-grow: 1;
}

#sidebar input[type="search"] {
    padding: 10px;   
    background: #fff;
	color: #000000;
}

#sidebar form {
	width: 100%;
    display: flex;
    flex-flow: row;
}

#sidebar label {
    flex: 1 1 auto;
    margin-right: 10px;
	margin-bottom: 0px;
}

#sidebar label .search-field {
    margin-bottom: 0px;
	flex-grow: 2;
}

.content-blog #comments ol li {
	background: var(--accent-background);
}

#comments .comment-body p a {
	color: var(--accent-color) !important;
}

#comments .comment-metadata {
	text-align: right;
}

#comments a time {
	color: var(--font-color);
	font-size: 16px;
}

#sidebar popular-posts {
	margin-bottom: 30px;
}

.slide-button a{
    background: var(--accent-color) !important;
    border: 2px solid var(--accent-color) !important;
    /*padding: 10px;*/
}
.slide-button a:hover,.primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus{
    background: #fff !important;
    color:#000 !important;
    border: none !important;
}
.footer-wp li a:hover{
    color: var(--accent-color) !important;
}
/*woocommerce*/
.woocommerce #respond input#submit,.woocommerce button.button.alt,.woocommerce span.onsale,.woocommerce a.button,#sidebar button,nav.woocommerce-MyAccount-navigation ul li{
    background: var(--accent-color) !important;
    border: 2px solid var(--accent-color);
}
.woocommerce #respond input#submit:hover,#sidebar button:hover,.woocommerce a.button:hover,.woocommerce button.button.alt:hover{
    background: #fff !important;
    border: 2px solid #fff;
}
.woocommerce-privacy-policy-text p {
    color: #515151;
}
.woocommerce #respond input#submit:hover,#sidebar button:hover,.woocommerce a.button:hover,.woocommerce button.button.alt:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
    color: #000;
}
.star-rating {
    color: var(--accent-color);
}
.woocommerce table.shop_table td{
    border-top: 1px solid #6a6969;
}
.woocommerce p.stars a{
    color: #fff !important;
}
.woocommerce-message{
    border-color: var(--accent-color);
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    padding: 10px !important;
}
/* Footer */
.footer-wp{
    background-color: #3d3c3d;
}
.footer-wp ul,.copyright-wrapper{
    text-align: left;
}
table#wp-calendar td a{
    color: var(--accent-color);
}

#sidebar button{
    background: var(--accent-color);
    color: #000;
}
.footer-wp h3 a {
    font-size: 30px;
    font-weight: bold;
}
.footer-wp h3{
    border-color: #fff;
    margin-bottom: 15px;
}
.copyright-wrapper p, .copyright-wrapper a {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0px;
    background: #3d3c3d
}
.footer-wp .tagcloud a:hover {
    background: var(--accent-color) !important;
    color: #000;
    border: 1px solid var(--accent-color);
}
.footer-wp li a:hover,.textwidget a,.new-text a, .woocommerce-product-details__short-description p a, #tab-description p a, .comment-body p a,.woocommerce-message::before,.woocommerce-account .woocommerce-MyAccount-content p a{
    color: var(--accent-color);
}
#sidebar button:hover,.woocommerce div.product form.cart .button:hover,.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce a.button:hover,.woocommerce a.button.alt:hover,.woocommerce .coupon button.button:hover,.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
    background: #fff !important;
    color: #000;
}
.footer-wp input[type="search"],.woocommerce table.shop_table,#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th{
    border-color: #fff;
}
.inner {
    background: linear-gradient(90deg, rgba(228,141,81,1) 0%, rgba(185,98,77,1) 62%, rgba(111,26,70,1) 100%);
    padding: 15px;
}
.inner p {
    margin: 0;
    font-size: 15px;
}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,nav.woocommerce-MyAccount-navigation ul li,.woocommerce span.onsale,.pagination a:hover,.pagination .current,.read-moresec a,.footer-wp input[type="submit"],.footer-wp .tagcloud a:hover,input[type="submit"], .inner a, .inner p{
    color: #000;
}
.footer-wp .tagcloud a {
    background: #eeeeee;
    color: #000;
    font-size: 15px !important;
    padding: 5px 18px;
    margin: 0 0 5px;
    display: inline-block;
}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,nav.woocommerce-MyAccount-navigation ul li,.woocommerce span.onsale,.pagination a:hover,.pagination .current,.read-moresec a{
    background: var(--accent-color) !important;
}
#sidebar .woocommerce ul.product_list_widget .star-rating, .footer-wp .woocommerce ul.product_list_widget .star-rating {
    margin: 10px 0 !important;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
    background: #fff;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
    padding: 5px;
}
.content-blog ul {
	list-style: inside;
    margin: 0 0 0 0;
	padding: 0;
}
.content-blog ul li {
    margin: 0px 0px 0px;
    padding-left: 2em !important;
}
.content-blog, .content-blog p, .content-blog ul li {
	line-height: 2em;
	font-size: 16px;
}
.content-blog ol {
	list-style: inside;
	padding: 0;
}
.content-blog ol li {
	list-style-type: numbers;
	margin: 0px 0px 0px 0px;
	padding-left: 2em !important;
}

.content-blog h2, h1 {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
    top: 10px;
    left: 10px;
}
.read-moresec a{
    border-color: var(--accent-color);
}
input.search-field, .post-password-form input[type=password]{
    color: #fff;
    border-color: #fff;
}

.tag-cloud-link, .tagcloud a, .tagcloud a:hover {
	color: var(--accent-color)
}

.tags_cloud {
	text-align: justify;
	/*text-justify: inter-word;*/
}

.tags {
	/* tags already include 5px border */
	margin-bottom: 11px;
}

.tags a:hover {
	background: var(--accent-color);
}

.site-title p, .site-title h1, .site-title {
	margin-bottom: 0px;
	margin-top: 0px;
}

.div-envelope {
	margin-top: 2em;
	margin-bottom: 2em;
}

.eq-envelope {
	margin-top: 2em;
	margin-bottom: 2em;
}

.code-envelope {
	margin-top: 2em;
	margin-bottom: 2em;
}

.sourcecode {
	color: #6aa456;
	font-family: "Ubuntu mono";
	line-height: 1.2em;
}

.MathJax {
	font-size: 1em !important;
}

.enlighter-default {
	margin: 32px 0px 32px 0px !important;
}

.single-post .type-post .wp-post-image {
    margin: 0 auto 0.5em;
    display: flex;
}

p.site-description {
	margin-bottom: 0px !important;
}

.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote {
	border-left: 4px solid var(--accent-color);
	background: var(--accent-background);
	margin: 2em 0 2em 0;
	border-radius: 10px;
}

.wp-block-image {
    margin-bottom: 10px;
    margin-top: 10px;
}

textarea#comment {
	line-height: 1em;
}

a#cancel-comment-reply-link {
	margin-left: 10px;
}

/*@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-Regular.ttf');
}

@font-face {
    font-family: 'Ubuntu mono';
    src: url('fonts/UbuntuMono-Regular.ttf');
}*/

@media screen and (max-width: 25cm) {
	.MathJax {
		font-size: 0.7em !important;
	}
}

/* Media */
@media screen and (max-width: 1000px){
    #header .top_headbar{
        display: block;
    }
    .primary-navigation ul ul{
        border: none !important;
    }
    .socialbox{
        display: none;
    }
    .primary-navigation ul ul a, .toggle-menu{
        background: transparent;
    }
    .primary-navigation ul ul a{
        background: none !important;
        color:#000;
    }
    #header .logo,#header .logo h1, #header .logo p.site-title{
        text-align: left;
    }
    .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus, .primary-navigation ul li a:hover,#navbar-header .socialbox{
        background: none !important;
    }
    .toggle-menu.fixed-header{
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        background: var(--accent-color);
    }
    .fixed-header{
        position: static;
    }
    .menu-brand .closebtn{
        color: #000 !important;
    }
    #navbar-header .socialbox{
        background: var(--accent-color) !important;
    }
    #navbar-header input.search-field{
        color: #000;
    }
    #navbar-header input.search-field:focus{
        border: 1px solid #000;
    }
}