@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body{ word-break:break-word; word-wrap:break-word; }
.container{ max-width: 1120px; width: 100%; margin: 0 auto; padding: 0 10px;}
/* header css */
header{ margin-bottom: 30px;}
.header-block .top-header{padding: 30px 0px;background: linear-gradient(#031F38, #031F38);background-color: #031F38;}
.header-block .top-header .logo{color: #000;font-size: 2.7em;text-transform: uppercase; font-weight: bold}
.header-block .top-header .logo a{color: #fff;font-size: 1.4em;letter-spacing: -2px;border-bottom: none; text-decoration: none; display: block;}
.header-block .top-header .logo a:hover {color: #fff;text-decoration: none;}
.menu-toggle{ display: none;}
.menu-block{border-top: 1px solid #005EB4;width: 100%;background: linear-gradient(#005EB4, #005EB4);background-color: #005EB4;box-shadow: 0px 4px 5px #005EB4; padding: 16px 0;}
.menu-block .menu{ margin: 0; padding: 0; display: flex; list-style: none; flex-wrap: wrap;}
.menu-block .menu li{margin: 10px 20px;}
.menu-block .menu li a{display: inline-block;color: #ffffff;font-size: 1.2em;letter-spacing: 0;border-bottom: none;text-transform: uppercase;font-weight: bold;letter-spacing: -0.5px;}
.menu-block .menu li a:hover{color: #00D9F7;text-decoration: none;}
/* header css */

/* home page css */
.post-heading{color: #222;font-size: 2.4em;letter-spacing: -1px;font-weight: bold;padding: 0 0 5px;margin: 0; text-transform:inherit; }
.ad-banner-block{ text-align:center; margin-bottom:50px; }
.ad-banner-block a{ border-bottom: none !important;}
.col-group{ display: flex; justify-content: space-between;}
.col-group .left-section{ width: 66%;}
.col-group .sidebar{ width: 30%;}
.sidebar-block{ margin-bottom: 30px;}
.sidebar-block:last-child{ margin-bottom: 0;}
.sidebar-block .h4-title{font-size: 1.4em;color: #333;letter-spacing: -1px;padding: 6px 0;text-transform: uppercase;font-weight: bold;line-height: 1.22;}
.sidebar .blocklist {border-top: 1px solid #ddd;list-style: none;margin: 0px;}
.sidebar .blocklist li a{display: block;border-bottom: 1px solid #ddd;padding: 12px 0; line-height: 1.5em;font-size: 0.85em; color: #222;}
.sidebar .blocklist li a:hover{ color: #00D9F7;}
.left-section a:not(.left-section .button-reversed){ border-bottom: 1px solid #1E2E98;}
.left-section a:not(.left-section .button-reversed):hover{ border-bottom: 1px solid transparent;}

.col-block{display: flex; flex-wrap: wrap;}
.gap-10{ gap: 10px;}
.gap-20 { gap: 20px;}
.half-col{width: 50%;}
.col-block.gap-10 .half-col{ width: calc(50% - 5px);}
.w-full{ width: 100%;}
.p-10{ padding: 10px;}
.bg-gray {background-color: #C7C7C7;}
.no-border{ border-bottom: none !important;}
.full-col{ width: 100%;}
.three-col{width: 33.33%;}
figure a{display: flex;}
.mb-50{margin-bottom: 50px;}
.mb-20{margin-bottom: 20px;}
.mb-56{ margin-bottom: 56px;}
.border-bottom{ border-bottom: #ccc solid 1px; padding-bottom: 10px;}
.title-bar{ width: 100%; display: flex; color: #ffffff;font-size: 20px;text-transform: uppercase;background-color: tomato;border: 5px solid tomato;line-height: 1.9em;}
.remove-gap{ gap: 0;}
.w-90{ width: 90px;}
.d-flex{ display: flex;}
.justify-center{justify-content: center;}
.border-right-white{border-right:#fff solid 1px}
.border-right:last-child{border-right: none;}
.border-bottom-white{border-bottom:#fff solid 1px}
.col-block.gap-20 .three-col{width: calc(33.33% - 13.5px);}
.justify-end{ justify-content: end;}
.blue-link:hover{ border-bottom-color: #fff !important;}
.six-col{width: 66.66%;}
.forth-col{ width:25%;}
.gap-5{gap: 5px;}
.col-block.gap-5 .forth-col{ width:calc(25% - 4px);}
.font-normal{ font-style: normal;}
.flex-column{ flex-direction: column;}
.align-center{ align-items: center;}
.mt-5{ margin-top: 5px;}
.d-inline-block{ display: inline-block;}
.w-auto { width: auto;}
.fix-forth-col{ width: 150px;}
.h-full{ height:100%; }
/* home page css */
.x-share-button{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 10px;border-radius:9999px;background:#000;color:#fff;font:500 12px/20px Arial,Helvetica,sans-serif;text-decoration:none;box-sizing:border-box;}
.x-share-button svg{width:12px;height:12px;flex:none;}
.x-share-button:hover{background:#272c30; color: #fff !important}
.mb-46{ margin-bottom:46px; }
.post-title{ font-size: 2.5rem;line-height: 1.225;margin-bottom: 1.05em;}
article table{ margin-bottom:20px }
.table-wrapper{ overflow:auto; }
.post-content-column img{ object-fit:inherit; height:auto; }
article h2,article h3,article h4,article h5, article h6{ clear:both; }
/* Guides */
.guide-author-info{display:grid;grid-template-columns:20% minmax(0,1fr);align-items:start;gap:clamp(12px,3vw,20px);padding:10px 0 16px;}
.guide-author-image-column{width:100%;}
.guide-author-image-link{display:block;border-bottom:0 !important;border-radius:50%;overflow:hidden;aspect-ratio:1;}
.guide-author-image-link:hover{border-bottom:0 !important;}
.guide-author-avatar{display:block;width:100%;height:100%;margin:0;object-fit:cover;}
.guide-author-details{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;}
.guide-author-name{font-family:Montserrat, "Helvetica Neue", sans-serif;font-size:1.15rem;font-weight:700;line-height:1.35;}
.guide-author-title{color:#222;font-family:Montserrat, "Helvetica Neue", sans-serif;font-size:.875rem;font-weight:600;line-height:1.45;}
.guide-author-bio{color:#444;font-size:.95rem;line-height:1.6;}
.guide-author-bio p{margin:0;line-height:inherit;}
.guide-last-updated{display:flex;gap:4px;margin:0 0 20px;color:#686868;font-family:Montserrat, "Helvetica Neue", sans-serif;font-size:.8125rem;line-height:1.6153846154;}
.guide-content{padding-top:0;}
.guides-archive-section{width:100%;}
.guide-archive-item{display:flex;align-items:flex-start;gap:28px;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid #ccc;}
.guide-archive-media{display:flex;align-items:center;justify-content:center;flex:0 0 320px;aspect-ratio:16 / 9;overflow:hidden;background:#fff;border:1px solid #ddd;text-decoration:none;}
.guide-archive-media:hover{border-color:#005EB4;}
.guide-archive-media .guide-archive-image{width:100%;height:100%;margin:0;object-fit:cover;}
.guide-placeholder-logo-image{display:block;max-width:70%;max-height:70%;width:auto;height:auto;margin:0;object-fit:contain;}
.guide-placeholder-logo{display:block;max-width:85%;color:#031F38;font-size:1.35rem;font-weight:700;line-height:1.2;text-align:center;text-transform:uppercase;}
.guide-archive-summary{min-width:0;flex:1;}
.guide-archive-title{margin:0 0 12px;font-family:Montserrat, "Helvetica Neue", sans-serif;font-size:1.75rem;line-height:1.25;clear:none;}
.guide-archive-title a{color:#222;}
.guide-archive-excerpt p{margin:0 0 12px;}
.guide-archive-date{color:#686868;font-size:.8125rem;line-height:1.6153846154;font-family:Montserrat, "Helvetica Neue", sans-serif;}
.single-guides .left-section a:focus-visible,.guides-archive a:focus-visible{outline:2px solid #005EB4;outline-offset:3px;}
/* Guides */
/* single page */
article .article-info {
    color: #222;
    font-size: 0.9em;
    letter-spacing: -0.5px;
    padding: 0 0 10px 0;
}
.text-gray{ color: #808080;}
.table-links{ list-style:none; padding-left: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; margin-left: 0; column-gap: 5px;}
.table-links li{padding: 10px;border-bottom: 1px solid #ccc; width: calc(33.33% - 3.4px);}
.social-links{list-style:none; padding-left: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; margin-left: 0; column-gap: 5px;}
.social-links li{padding: 10px;border-bottom: 1px solid #ccc; width: calc(25% - 4px);}
.champions-col{display: grid; grid-template-columns: 200px 1fr; border-bottom:1px solid #ccc; padding-bottom: 10px;padding-top: 10px; align-items: center;}
.champions-col .title{font-weight: bold;color: #222; margin-bottom: 5px;}
.champions-col ul{ margin: 0; padding: 0; list-style: none;}
.champions-col ul li{font-weight: 400; margin-bottom: 3px;}
.champions-col .champions-image img{height: 100%;}
.mb-10{ margin-bottom: 10px;}
.post-meta-column{ display:flex; flex-direction:column; gap:7px; }
.post-meta-column .avatar-wrapper{ width: 49px; height: 49px; border-radius: 50%; overflow: hidden;  flex-shrink:0 }
.post-meta-column .avatar-wrapper img{height: 100%; width: 100%; margin: 0}
.post-meta-column a{border-bottom-color: transparent !important; color: #686868; font-size: .8125rem;line-height: 1.6153846154; font-family: Montserrat, "Helvetica Neue", sans-serif;}
.post-meta-column a:hover{border-bottom-color: #007acc !important; color: #007acc}
.post-meta-column .post-date,.post-meta-column .post-categories{color: #686868;font-size: .8125rem;line-height: 1.6153846154;font-family: Montserrat, "Helvetica Neue", sans-serif;}
.post-meta-column .author-name,.post-meta-column .post-categories{line-height: 1}
.text-black{ color:#1a1a1a }
.post-content-col{ display:flex; gap:20px; }
.post-content-col .post-content-column{width: calc(100% - 180px);}
.post-content-col .post-meta-column{ width:180px; flex-shrink: 0}
.archive-title{ font-family: Montserrat, "Helvetica Neue", sans-serif;font-size: 1.4375rem;line-height: 1.2173913043;}
.check-list{list-style: none; margin: 0; padding: 0;}
.check-list li{ margin-bottom:10px; }
.pagination .nav-links > *{ border:#ccc solid 1px; padding:10px; display: inline-block;}
.pagination .nav-links > a{border-bottom-color: #ccc !important;}
.pagination .nav-links > .current, .pagination .nav-links > *:hover{ background-color:#ccc; } 
.left-section .ad-banner-block{ margin-bottom:28px; }
.entry-content > figure{ width:100% !important; margin-bottom: 20px;}
.no-cover{ object-fit:inherit; height:auto; }
table tr:is([bgcolor="#2A7647"], [bgcolor="#247B4B"], [bgcolor="#003C00"],[bgcolor="#00005A"],[bgcolor="#388E60"], [bgcolor="#378756"],[bgcolor="#004200"],[bgcolor="#0E710F"],[bgcolor="#0C5724"],[bgcolor="#008000"],[bgcolor="#017BBD"],[bgcolor="#000000"],[bgcolor="#FF0000"],[bgcolor="#373737"],[bgcolor="#123D12"],[bgcolor="#0B570B"],[bgcolor="#080808"],[bgcolor="#363016"],[bgcolor="#1C7341"],[bgcolor="#005B00"],[bgcolor="#363016"],[bgcolor="#008040"],[bgcolor="#CA1817"],[bgcolor="#9C0000"], [bgcolor="#0073B0"]) {background-color: #00418C;}
table tr:is([bgcolor="#FFD2D2"]){background-color: rgba(0,65,140,0.2);}
table tr td[height="1"]{padding: revert-layer; height: 4px;}
div[style*="background:#247B4B"] {background: #00418C !important;}
p[style*="#5100e3"],
p[style*="#5100E3"],
p[style*="#056539"] {background-color: #00418C !important;border-color: #00418C !important;}
.left-section a img {border: 0;outline: 0;display: block;}
code{ background-color: #00418C; color: #fff}
blockquote{ border-left-color:#00418C }
/* single page */
/* shoping */
.book-cols{ display:grid; grid-template-columns:250px 1fr; }
.book-image-detil ul{list-style: none; margin: 0; padding: 0;}
.book-image-detil ul li{margin-bottom: 10px;}
.btn-group{ display: flex; gap: 10px;}
.my-20{ margin-top: 20px; margin-bottom: 20px;}
.faq-detail {display: none;padding: 10px 18px;background-color: #f1f1f1;}
.faq-detail p{ margin: 0;}
.faq-title {cursor: pointer; background-color: #777;color: white;cursor: pointer;padding:17px 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 15px; display: flex; justify-content: space-between;}
.faq-title:hover{ background-color: #555;} 
.faq-title .faq-plus{position: relative; font-style: normal; font-size: 15px;}
.faq-title .faq-plus:after{    content: "+";line-height: 15px;font-size: 15px; font-weight: bold;}
.faq-title.active .faq-plus:after{content: "-";line-height: 15px;font-size: 20px;}
.left-section .post-content-column figure{ width:100% !important; margin-bottom:28px;  }
article img[align="left"]{ margin-right:10px; margin-bottom:10px; clear:left; }
article p .button-reversed{ margin-bottom:3px }
article > div > img{margin-top: 5px; margin-bottom: 5px;}
.admasters {display: block;height: fit-content;position: relative;width: fit-content;margin: 10px 0 10px ; }
.admasters .admasters {position: absolute;bottom: 0;margin: 0;text-align: center;width: 100%;color: white;font-size: 12px;font-weight: 400;transition: color 1s, font-size 1s;}
.admasters:hover .admasters {font-size: 16px;font-weight: 800;}
/* shoping */
/* footer css */
footer{margin: 20px auto 0;background: #063A68;border-top: 2px solid #000;}
.top-footer{padding: 20px 0 30px;}
.footer-colgroup{display: flex; flex-wrap: wrap;}
.footer-colgroup .footer-col{flex: 1; padding-right: 10px;}
.footer-colgroup .footer-col:last-child{padding-right: 0;}
.footer-colgroup .footer-col h4{ color: #fff; margin: 0 0 10px; }
.footer-colgroup .footer-col ul{ list-style: none; padding-left: 0; margin: 0}
.footer-colgroup .footer-col ul li a{color: #fff; text-decoration: none; line-height: 1.5em; font-size: 0.95em; border-bottom: transparent solid 1px;}
.footer-colgroup .footer-col ul li a:hover{ text-decoration: none;color: #00D9F7; border-color:#00D9F7 ;}
.footer-colgroup .footer-col p{ color: #fff; margin: 0;line-height: 1.5em;font-size: 0.95em; }
.footer-colgroup .footer-col ul li{ margin-bottom: 10px;}
.footer-colgroup .footer-col ul li a.social-icon-circle{ text-decoration: none; border: none;}
.footer-colgroup .footer-col ul li a.social-icon-circle:hover{ text-decoration: none; border: none;}
.footer-social-icons .footer-icons-parent{ display: flex; flex-wrap: wrap; gap:20px; margin-bottom: 10px;}
.social-icon-circle{flex-shrink: 0; background-color: #436a8d; width: 56px; height: 56px;  border-radius: 50%; display: flex ;  justify-content: center; align-items: center;}
.social-icon-circle img{ max-width: 22px;}
footer .footer-info p{ color: #fff;line-height: 1.5em;font-size: 0.95em;}
.copy-block{padding: 10px;text-align: center;background-color: #042848;}
.copy-block p{color: #fff; margin: 0; font-size: 0.9em;}

.search-wrapper .search-form{display: flex;width: 100%;}
.search-wrapper .search-form > label{ width:calc(100% - 50px);}
.footer-block .wp-block-social-links{display: grid;grid-template-columns: 57px 1fr; gap: 15px;}
.footer-block .wp-block-social-links .wp-social-link{ background-color:transparent !important; }
.footer-block .wp-block-social-links .wp-social-link:hover{ transform:none; }
.footer-block .wp-block-social-links .wp-social-link .wp-block-social-link-anchor{flex-shrink: 0;background-color: #436a8d;width: 56px;height: 56px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.footer-block .wp-block-social-links .wp-social-link svg{ width:24px; height:24px; }
.search-wrapper .search-field{color: #686868;padding: 0.625em 0.4375em;font-size: 1rem;border: 1px solid #d1d1d1; width: 100%; height: 42px; border-radius: 3px;}
.search-wrapper .search-submit{background: #1a1a1a; width: 42px;font-size: 0; height: 42px; position: relative; margin-left: 5px; border:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 512 512' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Eionicons-v5-f%3C/title%3E%3Cpath d='M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z' style='fill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:32px'/%3E%3Cline x1='338.29' y1='338.29' x2='448' y2='448' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 20px; border-radius: 3px; cursor: pointer;}
.search-wrapper .search-submit:before{content: "\f400";font-size: 24px;left: 2px;line-height: 42px;position: relative;width: 40px;}
/* footer css */


@media(max-width:740px){
    .ad-banner-block{ margin-bottom:30px; }
    .post-title{font-family: Montserrat, "Helvetica Neue", sans-serif;font-size: 1.75rem;font-weight: 700;line-height: 1.25;margin-bottom: 1em;}
    .container{padding-left: 15px; padding-right: 15px;}
    body {font-size: 0.8em;}
    .col-group{ flex-direction: column;}
    .col-group .left-section{ width: 100%;}
    .col-group .sidebar{ width: 100%; margin-top: 20px;}
    .footer-colgroup{ flex-direction: column;}
    .col-block.gap-5 .m-three-col{ width:calc(33% - 4px); }
    .footer-colgroup .footer-col{ margin-bottom:15px; }
    .footer-colgroup .footer-col:last-child{ margin-bottom:0; }
    .footer-colgroup .footer-col ul li:last-child{margin-bottom: 5px;}
    .post-content-col{ flex-direction:column; }
    .post-content-col .post-meta-column{order: 2; flex-direction: row; width: 100%; align-items: center; flex-wrap: wrap; row-gap: 0}
    .post-content-col .post-meta-column > div{position: relative;}
    .post-content-col .post-meta-column > div:not(:last-child):after{content: "\002f";display: inline-block;opacity: .7;padding: 0 .538461538em;}
    .post-meta-column .avatar-wrapper{ width:21px; height:21px; }
    .footer-colgroup .footer-col{ margin-right:0 }
    article{ padding:10px 0; }
    .post-content-col .post-content-column{ width:100% }
    .guide-archive-item{flex-direction:column;gap:18px;}
    .guide-archive-media{width:100%;max-width:none;flex-basis:auto;}

}
@media(max-width:540px){
    .ad-banner-block{ margin-bottom:20px; }
    .menu-block .menu{  padding: 0 10px;}
    .menu-block{padding: 10px 0 ;}
    .header-block .top-header{padding: 10px 0;}
    body {font-size: 0.8em;}
    .header-block .top-header,
    .header-block .top-header .logo a{ text-align: center;font-size: 1.1em;}
    .table-links li{width: calc(50% - 3px);}
    .social-links li{width: calc(33.33% - 4px);}
    .book-cols{grid-template-columns: 200px 1fr;}
    .col-block.gap-5 .sm-half-col{ width:calc(50% - 4px); }
}
@media(max-width:375px){
    .col-block.gap-5 .s-full-col{ width:100%;}
    .book-cols{grid-template-columns: 134px 1fr;}
    .champions-col{grid-template-columns: 134px 1fr;}
    .table-links li{width: 100%;}
    .social-links li{width: calc(50% - 4px);}
}