/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.2
*/

body.archive , body.search {
	background:url('/wp-content/uploads/2025/06/paper.png')
}

.single .featured-image {
	box-shadow: rgb(38, 57, 77) 1px 15px 20px -10px;
	margin-bottom:1.5em!important
}

.code-block-label {
    font-size: 14px;
    color: #666;
}

.wp-block-image .aligncenter {
	display: table;
}

.is-style-rounded img {
    border-radius: 9999px;
}

ul.wp-block-social-links {
    list-style-type: none;
    display: flex;
}

.wp-block-social-link {
    margin-right: 7px;
}

.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor {
    color: currentColor;
    fill: currentColor;
}
.wp-social-link-facebook {
    color: #1778f2;
}
.wp-social-link-twitter {
    color: #1da1f2;
}
.wp-social-link:hover {
    color: var(--accent);
}

html {
	scroll-behavior: smooth;
}

:target {
    scroll-margin-top: 80px
}

abbr {
    text-decoration: none
}

body {
	text-underline-position: under;
}

/** Start- Inline Related Posts
*/
 .inline-related-posts:before {
  content: "Editor's Pick";
  position: absolute;
  top: -13px;
  font-size: 14px;
  font-weight:700;
  color: var(--link-color);
  left: 10px;
  background: #fff;
  padding: 0 4px
}

.inline-related-posts {
    border: 1px dashed var(--link-color);
    border-radius: 5px;
    position: relative;
    padding: 9px;
	margin-bottom:20px;
	background-color:#fffdf9;
}

.inline-related-post {
  display: flex;
}
.inline-related-post a {
  color: var(--link-color)!imporant;
  font-weight: 700;
  margin-left: 15px;
  display: flex;
  align-items: center;
}

.inline-related-post a:hover {
	color: var(--accent)!important
}

.img-inline-related-post {
  border-radius: 5px;
  margin: 6px 0 0;
  box-shadow: 0px 1px 8px #70707096;
}
/**
END- Inline Related Posts*/

/* Inherited from New Theme  */

/* Page Pagination */
.paging-navigation {
    margin: 30px 0 0;
    font-size: 14px
}
.paging-navigation .nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.paging-navigation span.screen-reader-text {
	display:none;
}
.paging-navigation a {
	padding: 5px 10px;
	color: var(--accent);
	border-radius: 100%;
	height: 32px;
	font-weight: 700;
	width: 32px;
	background: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
}
.paging-navigation span.current {
	color: var(--white);
	background: var(--accent);
	display: flex;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	justify-content: center;
	align-items: center;
	padding: 0;
}

a.prev, a.next, a.prev span, a.next span {
    display: none;
}

body.archive .site-content {
    padding-top: 0;
    padding-bottom: 35px;
}

h2.gb-headline-e91a3e32 {
	color: var(--link-color)
}

.limit-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.limit-excerpt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/* Author */
.pst .gb-headline-text {
	font-size: 13px;
	color: var(--link-color);
	padding: 6px 13px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 50px;
	background: var(--fade);
	display: inline-block;
	line-height: 1em;
}
.author_social {
    position: absolute;
    right: 0;
}
.social_author {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}
.social_author li {
    list-style: none;
}
.social_author li a {
    display: block;
    width: 22px;
    color: var(--accent)
}
.social_author li a:hover {
    color: var(--link-color);
}

.widget-title, .comment-reply-title, .comments-title, .page .entry-title {
    position: relative;
    border-bottom: 2px solid var(--base);
    padding-bottom: 15px;
}

.gb-headline-f2befe13 {
	position: relative;
    display: block;
    border-bottom: 2px solid var(--contrast);
    padding-bottom: 15px;
}

.widget-title:after, .gb-headline-f2befe13:after, .comment-reply-title:after, .comments-title:after, .page .entry-title:after {
    height: 2px;
    border-radius: 0;
    width: 90px;
    content: " ";
    background: var(--link-color);
    position: absolute;
    left: 0;
    bottom: -2px;
}

/* sticky sidebar */
.inside-right-sidebar {
    position: sticky;
    top: 80px
}

/*Social Share*/
.impeka-social-wrapper {
    margin: 30px 5px;
    font-size: 0;
    text-align: center;
	display: flex;
    flex-wrap: wrap;
}
.impeka-social-sharing {
	padding: 8px;
	margin: 4px;
	border-radius: 3px;
    flex: 1;
    transition: background-color 0.3s, transform 0.3s, color 0.3s;
}
.impeka-social-sharing:hover {
	transform: translateY(-3px);
	border: none;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
@media only screen and (max-width: 600px) {
    .impeka-social-sharing {
		display: inline-block;
    }
}
.impeka-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}
.impeka-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);
}
.impeka-social-twitter {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
.impeka-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}
.impeka-social-telegram {
    fill: #fff;
    background-color: rgb(2, 126, 189);
}
.impeka-social-more {
    fill: #fff;
    background-color: #c71610;
}

div.gb-headline-43efa182 .gb-icon svg {
cursor: pointer;
}

div.gb-headline-43efa182 .gb-icon:hover {
	color: var(--link-color)
}

.gb-container-cb02cc23 {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(217, 217, 217, 0.15))
}

.footer-widgets button:hover {
    color: var(--accent);
    background: var(--dark-gray);
}

.list_custom {
    list-style: none;
    counter-reset: my-awesome-counter;
}

.list_custom .gb-query-loop-item {
    counter-increment: my-awesome-counter;
    position: relative;
}

.list_custom .gb-query-loop-item::before {
    content: "#" counter(my-awesome-counter) "";
    position: absolute;
    top: 4px;
    left: 20px;
    font-weight: 700;
    color: var(--white);
    background: var(--accent);
    height: 45px;
    width: 45px;
    border-radius: 100%;
    display: flex;
	align-items: center;
    justify-content: center
}

/* TOC */
#ez-toc-container {
    border: 0px solid var(--accent);
    border-radius: 8px;
    margin: 35px 0;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
div#ez-toc-container p.ez-toc-title {
    font-weight: 700;
}
p.ez-toc-title {
    margin-bottom: 0;
}
.ez-toc-counter ul {
    counter-reset: item;
}
#ez-toc-container ul {
	margin-top: 10px;
	padding-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	row-gap: 10px;
}
div#ez-toc-container ul li {
    list-style: none;
    padding: 2px 0;
	width:45%;
}
#ez-toc-container a {
    color: var(--contrast);
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
	line-height: 1.35em
}

#ez-toc-container a:hover {
	color:var(--link-color);
}

.ez-toc-counter nav ul li a::before {
	content: counters(item, ".", decimal);
	counter-increment: item;
	flex-shrink: 0;
	width: 25px;
	height: 25px;
	background: var(--link-color);
	border-radius: 100%;
	color: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	margin-right: 10px;
}
.ez-toc-title-container {
	padding:15px 30px;
	border-bottom:1px solid #f1f1f1;
	font-size: 20px;
}

.channel-box {
    margin: 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: var(--fade)!important;
    display: flex;
    padding: 7px;
    justify-content: space-between;
}

.site-footer .channel-box {
	margin-left: 0;
	border:0;
	font-size: 16px
}

.site-footer .wa {
	background: #036728!important;
}

.site-footer .tg {
	background: #025e8c!important;
}

.wa {
            animation: wba 1s infinite;
}

.tg {
            animation: tba 1s infinite;
}

@keyframes wba {
            0% {
                border-color: transparent;
            }

            50% {
                border-color: #25d366;
            }

            100% {
                border-color: transparent;
            }
        }

        @keyframes tba {
            0% {
                border-color: transparent;
            }

            50% {
                border-color: #0088CC;
            }

            100% {
                border-color: transparent;
            }
        }

.impeka {
    display: inline-flex;
    font-size: 1rem;
    padding: 5px 20px;
    transition: all 0.3s ease-in-out;
    color: var(--white)!important;
}

.wa .impeka {
            background: #036728;
}

.tg .impeka {
            background: #025e8c;
}

.search h1 {
    font-weight: 700;
    font-size: 20px
}

.search h1 span {
    color: var(--link-color);
}

.code-block-2, .below-header-ad {
min-height: 280px!important
}

table,
td {
    border-color: var(--light-gray)
}

tr:nth-child(odd) {
    background: var(--light-base)
}

.wp-block-search__button.has-icon {
    line-height: 0
}
[type=search] {
    -webkit-appearance: none
}
.wp-block-search__button {
    background: var(--link-color);
    border: 1px solid var(--link-color);
    border-radius: 0 15px 15px 0
}
.wp-block-search__inside-wrapper {
    display: flex
}
.wp-block-search__button svg {
    fill: currentColor
}
.site-footer input[type=search] {
    font-size: 15px
}
input[type=search] {
    border-radius: 15px 0 0 15px
}

.top {
    text-align: center;
    left: 0;
    right: 0;
    margin-top: -17px;
    position: absolute
}
.top a {
    padding: 2px 12px;
    background: var(--link-color);
    color: var(--white);
    font-size: 20px;
    border-radius: 100%
}
.top a:hover {
    background: var(--brand);
	text-decoration:none
}
.entry-content .google-auto-placed {
    margin-bottom: 40px;
    margin-top: 40px
}
.main-navigation {
    position: sticky;
    position: -webkit-sticky;
    border-bottom: 1px solid var(--light-gray);
    top: 0
}
.main-navigation.toggled .main-nav li {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid var(--contrast)
}
.main-navigation.toggled .main-nav ul li a {
    color: var(--light-gray);
	font-size: 16px;
    line-height: 55px
}
.comment-metadata {
    display: none;
}
.single .entry-content img:not(.inline-related-post img) {
    padding: 5px;
    margin-bottom: 25px;
    border: 1px solid var(--light-gray);
    background: var(--light-base)
}

.rank-math-breadcrumb, .breadcrumb {
    padding: 12px 0;
	color: var(--contrast);
    background: var(--fade)
}

.rank-math-breadcrumb p {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1360px;
    padding: 0 20px;
	font-size: 17px;
}

.bc {
    margin-left: auto;
    margin-right: auto;
    max-width: 1360px;
    padding: 0 20px
}

.single .entry-content ul li {
    margin-bottom: 5px
}
.single .entry-content ul {
    margin-left: 20px
}
.tags-links a {
    background: var(--base);
    margin-top: 10px;
    color: var(--accent);
    padding: 6px 10px;
    border-radius: 5px
}
.tags-links a:hover {
    color: var(--link-color);
}
.tags-links a:before {
    content: '#';
    margin-right: .15rem;
}
    .tags-links::-webkit-scrollbar, .breadcrumb::-webkit-scrollbar, .rank-math-breadcrumb::-webkit-scrollbar,
    .table::-webkit-scrollbar {
        display: none
    }
    .tags-links, .breadcrumb, .rank-math-breadcrumb {
        overflow: auto;
        white-space: nowrap;
        scrollbar-width: none
    }
table {
    margin-bottom: 28.5px
}
blockquote {
    background: var(--light-base);
    font-style: normal;
    border-left: 7px solid var(--contrast);
    padding: 15px
}
.single .entry-content ol {
   counter-reset: ol-step-counter;
    margin-left: 35px;
    list-style: none;
}
.single .entry-content ol > li {
    counter-increment: ol-step-counter;
    margin-bottom: 10px;
    position: relative;
}
.single .entry-content ol > li:before {
    background: var(--light-gray);
	margin-top: -2px;
    font-weight: 700;
    content: counter(ol-step-counter);
    justify-content: center;
    width: 1.6rem;
    margin-left: -2.4rem;
    transform: translateY(.25rem);
    border-radius: 100%;
    display: flex;
    position: absolute;
    font-size: 15px;
}

.single .entry-content ol ul {
    margin-bottom: 10px;
}

.comment li:last-child {
    border: 0
}

.main-navigation.toggled .main-nav > ul {
    background: var(--accent)
}

.tags-links a,
.ts {
    display: inline-block
}
.google-auto-placed {
    margin-bottom: 15px
}
#comment-nav-above {
    margin-bottom: 0;
    margin-top: 20px
}
.comment-body p,
p.comment-form-comment-subscribe {
    margin-bottom: 10px
}
label {
    color: var(--contrast)
}

.comment-author {
    margin-top: 13px
}
.comment-content {
    padding: 0;
    border: 0
}
.comment:last-child, .depth-1.parent > .children {
    border: 0
}
.comment {
    border-bottom: 1px dashed var(--dark-gray)
}
.comment .children {
    border-left: 0;
    margin-top: -15px
}

.reply {
    position: absolute;
    top: 32px;
    right: 0;
    border: 1px solid var(--base);
    border-radius: 50px;
    padding: 0 10px;
}
.comment-body {
    padding: 20px 0;
    position: relative
}

.comment-form .submit {
    border-radius: 5px
}
.tbb,
.tbf,
.tbg,
.tbr,
.tby {
    margin: 0 0 28.5px;
    padding: 15px
}
.tbf {
    background: #f7f7f7
}
.tbr {
    background: #f8ede7
}
.tbg {
    background: #f3ffdc
}
.tby {
    background: #ffffd1
}
.tbb {
    background: #f1f8ff
}
.cbb p,
.cbg p,
.cbo p,
.cbp p,
.cbr p,
.cby p,
.tbb ol,
.tbb p:last-child,
.tbb ul,
.tbf ol,
.tbf p:last-child,
.tbf ul,
.tbg ol,
.tbg p:last-child,
.tbg ul,
.tbr ol,
.tbr p:last-child,
.tbr ul,
.tby ol,
.tby p:last-child,
.tby ul,
blockquote ol,
blockquote ul,
td ol,
td ul, .comments-title{
    margin-bottom: 0
}
.cbb,
.cbg,
.cbo,
.cbp,
.cbr,
.cby {
    padding: 20px 5px 20px 10px;
    margin: 0 4px 27px;
    font-weight: 700;
    box-shadow: 0 1px 10px var(--light-gray)
}
.cby {
    border-left: 10px solid #ff0
}
.cbp {
    border-left: 10px solid #71e
}
.cbo {
    border-left: 10px solid #f90
}
.cbr {
    border-left: 10px solid red
}
.cbb {
    border-left: 10px solid #04b
}
.cbg {
    border-left: 10px solid #090
}
.single .entry-content a:not(table a,a.impeka,.cbr a,.cbg a,.cbb a,.cbo a,.cby a,.cbp a,blockquote a,.ez-toc-link,.inline-related-post a) {
    border-bottom: 1px dotted var(--link-color);
}
.rank-math-breadcrumb a, .bc a,
.ts {
    font-weight: 700
}
th {
    background: var(--contrast);
	color: var(--white)
}
.ts {
    background: var(--fade);
	color: var(--accent);
    margin: 0 0 28.5px;
    border-radius: 5px;
    padding: 4px 10px
}

@media (min-width: 1025px) {
    .footer-widget-2 {
        padding-left: 150px
    }
}
@media only screen and (max-width: 1024px) {
    .site-content {
        padding: 30px 20px 20px;
    }
	.acr {
        border: 1px solid #f1f1f1!important;
    }
	.author_social {
        position: static;
    }
}
@media (max-width: 768px) {
.tbb,
    .tbf,
    .tbg,
    .tbr,
    .tby {
        border-left: 0;
        border-right: 0
    }
	.code-block-5 {
		bottom:0;position:fixed;width:100%;opacity:0;z-index:9999
	}
	.code-block-2, .above-post-title-ad, .below-header-ad {
    min-height: 300px!important
}
	.code-block-2 {
		margin-top: -15px
	}
	.code-block-label {
    display: none;
}
	.archive .below-header-ad {
    margin-top: -20px;
}	
	.wp-caption-text {
    margin-left: 10px;
}
	.author .below-header-ad {
    margin-top: -30px;
}
	.single .site-content {
        padding: 0 0 20px;
    }
.home .below-header-ad {
    margin-top: -10px;
}
	.img-inline-related-post {
		min-width: 75px;
		box-shadow: none;
	}

    .ts {
        display: block
    }

	img+table, .ts+table, .ts+.tby, .ts+.tbg, .ts+.tbr, .ts+.tbb, .ts+.tbf {
    margin-top: -28.5px;
}
    table {
        width: 100%
    }
	.comments-title, .comment-reply-title {
		margin: 0 10px;
	}

    .form-submit {
        text-align: right
    }
	p.comment-form-comment-subscribe {
	font-size: 14px
}
    .tags-links a {
        line-height: 23px;
		font-size: 15px
    }
	.rank-math-breadcrumb p, .bc {
        line-height: 25px
    }
	.rank-math-breadcrumb, .breadcrumb {
		padding: 11px 0
	}
    .inside-site-info {
        padding-right: 5px;
        padding-left: 5px
    }
    .rank-math-breadcrumb p, .bc,
    .comment-form,
    .comment-list,
    .comment-navigation,
    .entry-content p:not(.gb-headline),
    .paging-navigation,
    .search .page-header,
    .single .entry-content ol,
    .single .entry-content ul,
    h1,
    .single .entry-content h2,
    h3:not(.gb-headline-aa1dbd15, .gb-text-dd4e02d4, .comment-reply-title),
    h4 {
        padding: 0 10px
    }
	.channel-box {
		font-size: 1rem;
	}
	.rank-math-breadcrumb p, .bc {
    overflow: hidden;
    text-overflow: ellipsis;
}
	blockquote,
	.tbb, .tbf, .tbg, .tbr, .tby {
		padding: 15px 7px
	}
    footer.entry-meta {
        margin-left: 10px
    }
    .ts {
        text-align: center;
        padding: 9px
    }
	table, td, th {
    border-left: 0
}
    .ts {
        border-radius: 0
    }
    .single .entry-content img:not(.inline-related-post img) {
        padding: 0;
        border: 0
    }
    .search h1 {
        margin-top: 20px
    }
	.wp-block-search {
   justify-content: center;
    display: flex;
}
	.top a {
		padding: 5px 10px
	}
   table {
	    display: block;
        overflow-x: scroll
    }
	.ez-toc-title-container {text-align:center}
		div#ez-toc-container ul li { width:100%;
	}
.inline-related-posts {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}
.inline-related-post a {
	font-size: 16px;
	  line-height: 20px;
    margin-left: 10px;
}
}
@media (max-width: 360px) {
    .main-navigation a, .main-navigation .menu-toggle,
    body,
	blockquote,
    input,
    select,
    textarea, table, .wp-block-latest-posts a, .links-table a, h2.entry-title {
        font-size: 16px
    }
	.site-info {
		font-size: 14px
	}
		.tags-links a {
        padding: 3px 5px
	}
	.rank-math-breadcrumb p, .bc {
		font-size: 15px
	}
	.single .entry-content {
		font-size: 17px
	}
}