/*!
Theme Name: Tradesmart
Theme URI: https://tradesmart.com
Author: Tradesmart
Author URI: https://tradesmart.com
Description: Tradesmart Blog Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tradesmart
*/


body{font-family: "Outfit", sans-serif;}

.text-orange {
    --tw-text-opacity: 1;
    color: rgb(245 116 35/var(--tw-text-opacity))
}

.text-blue-lightBlue {
    --tw-text-opacity: 1;
    color: rgb(229 230 233/var(--tw-text-opacity))
}

.text-gray-light {
    --tw-text-opacity: 1;
    color: rgb(247 247 248/var(--tw-text-opacity))
}

.shadow-ts12 {
    --tw-shadow: 0px 3px 10px #1e2e441a;
    --tw-shadow-colored: 0px 3px 10px var(--tw-shadow-color)
}

.shadow-lg,.shadow-ts12 {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-ts11 {
    --tw-shadow: 3px 5px 20px #0000001a;
    --tw-shadow-colored: 3px 5px 20px var(--tw-shadow-color)
}

.shadow-ts10,.shadow-ts11 {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-ts10 {
    --tw-shadow: 0px 0px 20px #00000014;
    --tw-shadow-colored: 0px 0px 20px var(--tw-shadow-color)
}

.shadow-ts6 {
    --tw-shadow: 20px 20px 60px #0000001a;
    --tw-shadow-colored: 20px 20px 60px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.drop-shadow-ts1 {
    --tw-drop-shadow: drop-shadow(0px 3px 6px #00000029)
}

.drop-shadow-ts1,.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}


.bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(245 116 35/var(--tw-bg-opacity))
}

.bg-gray-light {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 248/var(--tw-bg-opacity))
}

.bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(29 46 67/var(--tw-bg-opacity))
}

.bg-blue-light {
    --tw-bg-opacity: 1;
    background-color: rgb(30 46 68/var(--tw-bg-opacity))
}


.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-maxCont4 {
    grid-template-columns: repeat(4,-webkit-max-content);
    grid-template-columns: repeat(4,max-content)
}

.grid-cols-maxCont3 {
    grid-template-columns: repeat(3,-webkit-max-content);
    grid-template-columns: repeat(3,max-content)
}

.grid-cols-menu {
    grid-template-columns: 1.61fr 3fr
}

.table {
    display: table
}


.w-full {
    width: 100%
}

.w-\[30px\] {
    width: 30px
}

.w-\[164px\] {
    width: 164px
}

.w-4 {
    width: 1rem
}

.w-\[187px\] {
    width: 187px
}

.w-auto {
    width: auto
}

.w-\[85px\] {
    width: 85px
}

.w-\[145px\] {
    width: 145px
}

.w-\[257px\] {
    width: 257px
}

.w-3 {
    width: .75rem
}

.w-\[200px\] {
    width: 200px
}

.w-\[150px\] {
    width: 150px
}

.w-\[50px\] {
    width: 50px
}

.w-10 {
    width: 2.5rem
}

.w-6 {
    width: 1.5rem
}

.w-\[300px\] {
    width: 300px
}

.w-\[190px\] {
    width: 190px
}

.w-\[700px\] {
    width: 700px
}

.w-\[750px\] {
    width: 750px
}

.w-\[250px\] {
    width: 250px
}

.w-\[800px\] {
    width: 800px
}

.w-\[100px\] {
    width: 100px
}

.w-2\/3 {
    width: 66.666667%
}

.w-1\/3 {
    width: 33.333333%
}

.w-\[70px\] {
    width: 70px
}

.w-screen {
    width: 100vw
}

.w-0\.5 {
    width: .125rem
}

.w-0 {
    width: 0
}

.w-\[260px\] {
    width: 260px
}

.w-\[227px\] {
    width: 227px
}

.w-\[315px\] {
    width: 315px
}

.w-\[43px\] {
    width: 43px
}

.w-\[600px\] {
    width: 600px
}

.w-\[259px\] {
    width: 259px
}

.w-11\/12 {
    width: 91.666667%
}

.w-\[92px\] {
    width: 92px
}

.w-9 {
    width: 2.25rem
}

.w-12 {
    width: 3rem
}

.w-\[284px\] {
    width: 284px
}

.w-\[69px\] {
    width: 69px
}

.w-1\/2 {
    width: 50%
}

.w-44 {
    width: 11rem
}

.w-\[826px\] {
    width: 826px
}

.w-\[68px\] {
    width: 68px
}

.w-\[34px\] {
    width: 34px
}

.w-\[160px\] {
    width: 160px
}

.w-\[570px\] {
    width: 570px
}

.w-\[337px\] {
    width: 337px
}

.w-\[180px\] {
    width: 180px
}

.w-\[184px\] {
    width: 184px
}

.w-\[210px\] {
    width: 210px
}

.w-\[188px\] {
    width: 188px
}

.w-\[175px\] {
    width: 175px
}

.w-\[208px\] {
    width: 208px
}

.w-36 {
    width: 9rem
}

.w-40 {
    width: 10rem
}

.w-80 {
    width: 20rem
}

.w-48 {
    width: 12rem
}

.w-\[900px\] {
    width: 900px
}

.w-52 {
    width: 13rem
}

.w-\[56px\] {
    width: 56px
}

.w-\[264px\] {
    width: 264px
}

.w-8 {
    width: 2rem
}

.w-\[60px\] {
    width: 60px
}

.w-\[326px\] {
    width: 326px
}

.w-\[88px\] {
    width: 88px
}

.w-7 {
    width: 1.75rem
}

.w-\[265px\] {
    width: 265px
}

.min-w-full {
    min-width: 100%
}

.min-w-\[220px\] {
    min-width: 220px
}

.min-w-\[1920px\] {
    min-width: 1920px
}

.max-w-\[1400px\] {
    max-width: 1400px
}

.max-w-box {
    max-width: 1140px
}

.max-w-\[1396px\] {
    max-width: 1396px
}

.max-w-\[150px\] {
    max-width: 150px
}

.max-w-\[640px\] {
    max-width: 640px
}

.max-w-xl {
    max-width: 36rem
}

.max-w-\[550px\] {
    max-width: 550px
}

.max-w-\[1008px\] {
    max-width: 1008px
}

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-none {
    max-width: none
}

.max-w-\[800px\] {
    max-width: 800px
}

.max-w-\[1320px\] {
    max-width: 1320px
}

.max-w-\[307px\] {
    max-width: 307px
}

.max-w-\[326px\] {
    max-width: 326px
}

.max-w-\[250px\] {
    max-width: 250px
}

.max-w-\[230px\] {
    max-width: 230px
}

.max-w-\[275px\] {
    max-width: 275px
}

.max-w-\[670px\] {
    max-width: 670px
}

.max-w-\[260px\] {
    max-width: 260px
}

.max-w-\[213px\] {
    max-width: 213px
}

.max-w-\[143px\] {
    max-width: 143px
}

.max-w-\[405px\] {
    max-width: 405px
}

.max-w-\[423px\] {
    max-width: 423px
}

.max-w-\[406px\] {
    max-width: 406px
}

.max-w-\[900px\] {
    max-width: 900px
}

.max-w-\[220px\] {
    max-width: 220px
}

.max-w-\[327px\] {
    max-width: 327px
}

.max-w-\[524px\] {
    max-width: 524px
}

.max-w-\[270px\] {
    max-width: 270px
}

.max-w-\[184px\] {
    max-width: 184px
}

.max-w-\[160px\] {
    max-width: 160px
}

.max-w-\[1300px\] {
    max-width: 1300px
}

.max-w-\[553px\] {
    max-width: 553px
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-\[452px\] {
    max-width: 452px
}

.max-w-\[1220px\] {
    max-width: 1220px
}

.max-w-\[460px\] {
    max-width: 460px
}

.max-w-\[710px\] {
    max-width: 710px
}

.max-w-\[340px\] {
    max-width: 340px
}

.max-w-\[680px\] {
    max-width: 680px
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[274px\] {
    max-width: 274px
}

.max-w-\[500px\] {
    max-width: 500px
}

.max-w-\[336px\] {
    max-width: 336px
}

.max-w-\[513px\] {
    max-width: 513px
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-\[544px\] {
    max-width: 544px
}

.max-w-\[208px\] {
    max-width: 208px
}

.max-w-\[678px\] {
    max-width: 678px
}

.max-w-\[328px\] {
    max-width: 328px
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[196px\] {
    max-width: 196px
}

.max-w-\[413px\] {
    max-width: 413px
}

.max-w-\[480px\] {
    max-width: 480px
}

.max-w-\[415px\] {
    max-width: 415px
}

.max-w-\[345px\] {
    max-width: 345px
}

.max-w-\[630px\] {
    max-width: 630px
}

.max-w-\[210px\] {
    max-width: 210px
}

.max-w-\[620px\] {
    max-width: 620px
}

.max-w-\[290px\] {
    max-width: 290px
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[374px\] {
    max-width: 374px
}

.max-w-\[1230px\] {
    max-width: 1230px
}

.max-w-\[190px\] {
    max-width: 190px
}

.max-w-\[289px\] {
    max-width: 289px
}

.max-w-\[610px\] {
    max-width: 610px
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-\[473px\] {
    max-width: 473px
}

.max-w-\[587px\] {
    max-width: 587px
}

.max-w-\[333px\] {
    max-width: 333px
}

.max-w-\[650px\] {
    max-width: 650px
}

.max-w-\[537px\] {
    max-width: 537px
}

.max-w-\[580px\] {
    max-width: 580px
}

.max-w-xs {
    max-width: 20rem
}

.max-w-\[346px\] {
    max-width: 346px
}

.max-w-\[407px\] {
    max-width: 407px
}

.max-w-\[466px\] {
    max-width: 466px
}

.max-w-\[450px\] {
    max-width: 450px
}

.max-w-\[170px\] {
    max-width: 170px
}

.max-w-\[128px\] {
    max-width: 128px
}

.max-w-\[116px\] {
    max-width: 116px
}

.max-w-\[212px\] {
    max-width: 212px
}


.border-blue-lightBlue2 {
    --tw-border-opacity: 1;
    border-color: rgb(174 194 217/var(--tw-border-opacity))
}




.post-content{
    color: #333;
    line-height: 1.6;
}

.post-content h1 {
    font-size: 2.5rem;
    line-height: 1.2;
    margin: 1.5rem 0;
    color: #222;
}

.post-content h2 {
    font-size: 2rem;
    line-height: 1.3;
    margin: 1.2rem 0;
    color: #333;
}

.post-content h3 {
    font-size: 1.75rem;
    line-height: 1.3;
    margin: 1rem 0;
    color: #333;
}

.post-content h4 {
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0.8rem 0;
    color: #333;
}

.post-content h5 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin: 0.6rem 0;
    color: #333;
}

.post-content h6 {
    font-size: 1.1rem;
    line-height: 1.4;
    margin: 0.4rem 0;
    color: #333;
}

.post-content p {
    font-size: 1rem;
    line-height: 1.8;
    margin: 1rem 0;
    color: #333;
}

.post-content ul,
.post-content ol {
    padding-left: 1.5rem;
    margin: 1rem 0;
}

.post-content ul li,
.post-content ol li {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 0.5rem;
}

.post-content ul {
    list-style-type: disc;
}

.post-content ol {
    list-style-type: decimal;
}

.post-content :is(h1, h2, h3, h4, h5, h6) :is(b, strong) {
    font-weight: normal;
}