/* Theme Name: Custom Theme URI: https://wordpress.org/themes/custom/ Author: Rohit K Saini Author URI: https://wordpress.org/ Description: Custom is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Custom will make your WordPress look beautiful everywhere. Version: 1.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog Text Domain: custom This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents * * 1.0 - Normalize * 2.0 - Genericons * 3.0 - Typography * 4.0 - Elements * 5.0 - Forms * 6.0 - Navigation * 6.1 - Links * 6.2 - Menus * 7.0 - Accessibility * 8.0 - Alignments * 9.0 - Clearings * 10.0 - Widgets * 11.0 - Content * 11.1 - Header * 11.2 - Posts and pages * 11.3 - Post Formats * 11.4 - Comments * 11.5 - Sidebar * 11.6 - Footer * 12.0 - Media * 12.1 - Captions * 12.2 - Galleries * 13.0 - Multisite * 14.0 - Media Queries * 14.1 - >= 710px * 14.2 - >= 783px * 14.3 - >= 910px * 14.4 - >= 985px * 14.5 - >= 1200px * 15.0 - Print */ /** * 1.0 - Normalize * * Normalizing styles have been helped along thanks to the fine work of * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /* Restored Canva dialog: default closed; existing inline display opens it. */ #custom-modal.custom-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);align-items:center;justify-content:center} #custom-modal .custom-modal-content{background:#fff;padding:20px;width:60%;height:80%;border-radius:8px;position:relative;overflow:auto} #custom-modal .custom-close{position:absolute;top:10px;right:10px;cursor:pointer;border:1px solid;border-radius:50px;height:30px;width:30px;display:flex;align-items:center;justify-content:center;background:#fff;z-index:1} #custom-modal .modal-inner{display:flex;height:100%} #custom-modal .canvaRightSide{padding-inline:20px 14px;width:40%;overflow:auto} #custom-modal img.canvaLeftSide{width:60%;height:100%;object-fit:cover} @media(max-width:767px){#custom-modal .custom-modal-content{width:calc(100% - 32px);height:auto;max-height:calc(100% - 32px)}#custom-modal .modal-inner{display:block}#custom-modal img.canvaLeftSide{width:100%;height:auto;max-height:30vh;object-fit:contain}#custom-modal .canvaRightSide{width:100%;padding:16px 0 0}} /* Shared desktop footer: self-contained spacing for every page family and locale. The separate mobile footer retains its existing layout and visibility rules. */ @media(min-width:1025px){ /* Elementor's laptop breakpoint must not leave the mobile copyright in flow. */ html body #colophon .elementor-element-2a34918,html body #colophon .elementor-element-63fa19d3{display:none!important} /* Draw the rounded panel once. The old bitmap has its own rounded silhouette and transparent top, so placing it over a rounded gradient creates two tops. */ html body #colophon .footersetinmobile{display:flex!important;background:radial-gradient(circle at 8% 22%,rgba(255,255,255,.14) 0 34px,transparent 35px),radial-gradient(circle at 92% 38%,rgba(255,255,255,.14) 0 46px,transparent 47px),linear-gradient(211deg,#f455da 0%,#ad17ff 49.42%,#36aaff 100%)!important;border-radius:clamp(80px,8vw,200px) clamp(80px,8vw,200px) 0 0!important;margin:48px 0 0!important;padding:96px 28px 40px!important;overflow:visible!important} /* Elementor paints its overlay on the inner container as well as the section. */ html body #colophon .footersetinmobile::before,html body #colophon .footersetinmobile>.e-con-inner::before{display:none!important;content:none!important;background:none!important} html body #colophon .footersetinmobile>.e-con-inner{display:grid!important;grid-template-columns:1fr 1fr 2fr 1fr 1fr!important;gap:28px!important;width:100%!important;max-width:1200px!important;margin:0 auto!important;padding:0!important;align-items:start!important} html body #colophon .footersetinmobile>.e-con-inner>div{width:100%!important;min-width:0!important;margin:0!important;padding:0!important} html body #colophon .footersetinmobile .e-con,html body #colophon .footersetinmobile .e-con-inner{min-width:0!important;max-width:100%!important} html body #colophon .footersetinmobile h2,html body #colophon .footersetinmobile h3{line-height:1.5!important;margin:0!important} html body #colophon .footersetinmobile .elementor-heading-title{color:#fff!important} html body #colophon .footersetinmobile a{overflow-wrap:anywhere} html body #colophon .elementor-element-5c80f5f .e-con-inner{width:100%!important;padding:0!important;margin:0!important} html body #colophon .elementor-element-5c80f5f .elementor-widget{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important} html body #colophon .elementor-element-359e3dcf{display:flex!important;margin:0!important;padding:20px 24px!important;background:linear-gradient(100deg,#36aaff,#ad17ff)!important} } /* The footer is the final flow content; hidden mobile markup must not leave a band. */ html body:has(#colophon),html body:has(#colophon) #page{margin-bottom:0!important;padding-bottom:0!important} html body #colophon,html body #colophon .footer-width-fixer,html body #colophon .elementor-740{margin-bottom:0!important;padding-bottom:0!important} html body #colophon .footer-width-fixer{display:flow-root} html body #colophon .elementor-740{row-gap:0!important} html body #colophon p:empty,html body:has(#colophon)>p:empty:last-child{margin:0!important;padding:0!important;height:0!important} /* The same compact footer is available on every page and in every language. Original links remain in the HTML; only their small-screen presentation changes. */ @media(max-width:1024px){ html body #colophon.sb-footer-ready .elementor-740{display:flex;flex-direction:column;gap:0} html body #colophon.sb-footer-ready #setboxfooter{position:relative!important;inset:auto!important;transform:none!important;margin:24px auto 0!important;width:calc(100% - 28px)!important;flex-shrink:0} html body #colophon.sb-footer-ready .footersetinmobile,html body #colophon.sb-footer-ready .elementor-element-2a34918,html body #colophon.sb-footer-ready .elementor-element-359e3dcf,html body #colophon.sb-footer-ready .elementor-element-63fa19d3{display:none!important} html body #colophon.sb-footer-ready #sbf-mobile-footer{display:block!important;position:relative;width:100%;margin:24px 0 0!important;padding:32px 22px 22px!important;box-sizing:border-box;border-radius:36px 36px 0 0;color:#fff;background:linear-gradient(115deg,#9d0bff,#d62ae3 70%,#e448d3);font-family:Poppins,Arial,sans-serif;text-align:left} html body #colophon #sbf-mobile-footer *{box-sizing:border-box} html body #colophon #sbf-mobile-footer .groups{display:block} html body #colophon #sbf-mobile-footer .group{border:0;border-bottom:1px solid #ffffff38;padding:0;margin:0;min-width:0} html body #colophon #sbf-mobile-footer summary{list-style:none;cursor:pointer} html body #colophon #sbf-mobile-footer summary::-webkit-details-marker{display:none} html body #colophon #sbf-mobile-footer .group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;margin:0;padding:0;color:white;font:600 14px/1.5 Poppins,Arial,sans-serif} html body #colophon #sbf-mobile-footer .chevron{flex:0 0 7px;width:7px;height:7px;border-right:1.5px solid white;border-bottom:1.5px solid white;transform:rotate(45deg);margin-right:3px} html body #colophon #sbf-mobile-footer details[open]>summary .chevron{transform:rotate(225deg)} html body #colophon #sbf-mobile-footer ul{list-style:none;margin:0;padding:0} html body #colophon #sbf-mobile-footer .group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:0 0 16px} html body #colophon #sbf-mobile-footer li{margin:0;padding:0;min-width:0} html body #colophon #sbf-mobile-footer a{color:white;text-decoration:none} html body #colophon #sbf-mobile-footer a:hover{text-decoration:underline;text-underline-offset:3px} html body #colophon #sbf-mobile-footer .group a{display:flex;align-items:flex-start;gap:8px;min-height:36px;padding:7px 0;font-size:13px;font-weight:400;line-height:1.65;overflow-wrap:break-word} html body #colophon #sbf-mobile-footer .legal{margin-top:16px;padding:0;font-size:10px;line-height:1.7} html body #colophon #sbf-mobile-footer .legal p{margin:16px 0 8px;opacity:.88;font-size:10px;color:white} html body #colophon #sbf-mobile-footer .legal-links{display:flex;gap:18px;flex-wrap:wrap} html body #colophon #sbf-mobile-footer .legal-links a{padding:5px 0} html body #colophon #sbf-mobile-footer .language{width:max-content;max-width:100%;font-size:12px;margin-top:16px} html body #colophon #sbf-mobile-footer .language summary{display:flex;gap:18px;align-items:center;padding:6px 0;min-height:32px} html body #colophon #sbf-mobile-footer .language ul{padding:6px 12px;border:1px solid #ffffff55;border-radius:8px} html body #colophon #sbf-mobile-footer .language a{display:block;padding:6px 0} html body #colophon #sbf-mobile-footer a:focus-visible,html body #colophon #sbf-mobile-footer summary:focus-visible{outline:2px solid white;outline-offset:3px;border-radius:3px} } /* Keep the mobile signup control with its header when the page scrolls. */ @media(max-width:1024px){html body #masthead .sb-mobile-header-signup{position:absolute!important}}