/*!
Theme Name: MyToolSite
Author: ARIF BELLAH
Description: Theme to build tools website.
Version: 1.33
*/
 html,body{width:100%;height:100%;padding:0;margin:0;box-sizing:border-box;font-family:'Lexend',sans-serif;--link-color-blue:rgb(58 126 205);--dark-text-color:rgb(69, 69, 69);--menu-speed:0.3s;p{font-weight:300!important}}body{background-color:#f7fdf7}a{text-decoration:none;color:var(--link-color-blue)}.main-header{position:absolute;width:100%;left:0;transition:background-color var(--menu-speed);&.menu-visible{border-bottom:2px solid #307edd}}.header-dummy-space{height:100px}.main-header.menu-visible{background:#fff}.header-top{height:100px;display:flex;align-items:center}.site-container{width:100%;max-width:1030px;margin:0 auto;&.padding{--space:25px;padding-left:var(--space);padding-right:var(--space);box-sizing:border-box}}.all-tools a{text-decoration:none;padding:8px;padding-right:19px;padding-left:35px;border-radius:50px;border:1px solid #b7b7b7;font-weight:700;background-repeat:no-repeat;background-size:16px;background-position:12px center;font-size:14px;color:var(--dark-text-color);&:hover{background-color:#fff;color:var(--link-color-blue)}}.logo{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:25px;font-weight:700;a{display:flex;align-items:center;justify-content:center;color:var(--dark-text-color);&:hover{color:var(--link-color-blue)}}a img{max-width:180px;display:block}}.menu{width:70px;height:100%;display:flex;align-items:center;justify-content:center;.menu-button{height:35px;width:100%;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:20px auto;border-radius:50px;border:1px solid #b7b7b7;&:hover{background-color:#fff}}}nav.site-container{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--menu-speed) ease,opacity var(--menu-speed) ease}.main-header.menu-visible nav.site-container{grid-template-rows:1fr;opacity:1}.main-menu{min-height:0;overflow:hidden;width:100%;padding:0;margin:0 auto;list-style-type:none;display:flex;flex-wrap:wrap;border-top:1px solid #fff0;transition:border-color var(--menu-speed) ease,padding var(--menu-speed) ease;li{list-style:none;flex:1 1 300px;min-width:300px;font-weight:700;font-size:15px;a{display:block;padding:10px 25px;text-decoration:none;color:var(--dark-text-color)}a:hover{color:var(--link-color-blue)}}}.main-header.menu-visible .main-menu{border-top:1px solid #e7e7e7;padding-top:15px;padding-bottom:15px}.tool-container{margin-top:40px}article.tool-article{line-height:1.5;font-size:17px;color:#3e3e3e;h2{text-align:center}header.entry-header h2{font-size:22.5px}h3:not(.no-border){position:relative;padding-bottom:16px;margin-top:35px;margin-bottom:5px;font-size:19px;&::after{content:"";display:block;width:65%;height:3px;background:linear-gradient(90deg,#1e40af 0%,#2563eb 50%,#60a5fa 100%);border-radius:3px;position:absolute;bottom:0;left:0}}.wp-block-image{margin:30px 0;margin-bottom:35px}.wp-block-image img{height:auto;border-radius:10px}figcaption{text-align:center;opacity:70%;margin-top:10px;margin-bottom:0;padding:10px 15px;padding-bottom:0}}.tool-subheading{margin:0 0 20px;color:#64748b;font-size:18px;font-weight:400;line-height:1.5}footer.main{text-align:center;padding:50px 15px;font-size:15px;color:var(--dark-text-color);p{margin:0;display:inline}a{font-weight:700}}