/* Theme Name: Airawath Author: Openxcell Author URI: https://www.openxcell.com/ Description: A custom blank WordPress theme. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: airawath */ /* color */ :root{ --color-dark: #6F7780; --color-primary: #1C4B5A; --gradient-primary-1:linear-gradient(180deg, #3CA0C0 0%, #1C4B5A 100%); --color-secondary: #2F3749; --color-dark-gray: #4e5a76; --color-white-shade: #FAFBFD; --color-light-gray:#EAEBEB; --color-light-gray2:#E8E8E8; --color-black:#000000; --color-ai-gradient:'linear-gradient(270deg, #4976E6 0%, #D64CC1 100%)'; --section-padding-y: 130px; } * { outline: none !important; } /* typography */ h1 , .h1 { font-size: 42px; line-height: 1.5; } h2,.h2 { font-size: 36px; line-height: 1.5; } h3,.h3 { font-size: 34px; line-height: 1.5; } h4,.h4 { font-size: 30px; line-height: 1.5; } h5,.h5 { font-size: 26px; line-height: 1.5; } h6,.h6 { font-size: 24px; line-height: 1.5; } .subtitle-1 ,.subtitle-1 p { font-size: 20px; line-height: 1.5; } .subtitle-2 , .subtitle-2 p { font-size: 18px; line-height: 1.5; } p ,.p { font-size: 16px; } body { padding-top: 80px; font-size: 16px; line-height: 1.5 !important; } a { text-decoration: none; } a:hover { text-decoration: none !important; } a[disabled] { opacity: 0.5; position: relative; cursor: not-allowed !important; } a[disabled]:hover { border: 1px solid var(--color-gray-light-5); color: var(--color-gray-1); } /* common space */ .common-space { padding:80px 0; } .btn-mod.btn-grad { background-image: var(--gradient-primary-1); } .btn-mod.btn-grad.btn-medium { padding: 11px 14px; /*pointer-events: none;*/} /* container */ .container { padding:0 16px; } @media(min-width:1480px){ .container { max-width: 1472px; } } /* classes */ .bg-primary { background-color: var(--color-primary) !important; } .bg-light-gray-color { background-color: var(--color-light-gray) !important; } .text-primary { color:var(--color-primary) !important; } .text-secondary { color:var(--color-secondary) !important; } .text-white-shade { color:var(--color-white-shade) !important; } .bg-white-shade { background:var(--color-white-shade) !important; } .text-dark { color:var(--color-dark) !important; } /* Header Menu Style */ .nav-logo-wrap .logo { max-width: 170px; } .inner-nav > ul > li > a { opacity: 1; font-weight: 500; font-size: 18px; line-height: 27px; color: var(--color-dark);} .inner-nav > ul > li > a.active { font-weight: 600; color:var(--color-primary); } .ask-ai-text .btn-animate-y-1 , .ask-ai-text .btn-animate-y-2 {background: linear-gradient(270deg, #4976E6 0%, #D64CC1 100%); -webkit-background-clip: text; color:transparent; } .ask-public-text .btn-animate-y-1 , .ask-public-text .btn-animate-y-2 { display: inline-block; background: linear-gradient(90deg, #26D0CE 0%, #1A2980 100%); -webkit-background-clip: text; color:transparent; } /* Blog Banner Css */ .banner-space { padding: 60px 0; } .bg-shape-4 img { object-fit: cover; object-position: center; } /* Blog listing page */ .post-prev-3-intro { padding: 55px 20px; justify-content: center; } .row.blog-listing-row:not( .g-0, .g-1, .g-2, .g-3, .g-4, .g-5, .gx-0, .gx-1, .gx-2, .gx-3, .gx-4, .gx-5, .gy-0, .gy-1, .gy-2, .gy-3, .gy-4, .gy-5) { --bs-gutter-x: 50px; } .post-prev-3.gradient .post-prev-3-container:before { opacity: 1; } .post-prev-3-title a { color:var(--color-primary) !important; } .post-prev-3.gradient .post-prev-3-container { box-shadow: 0px 4px 24px 0px #92929240 !important; } .post-prev-3-info a { color:var(--color-primary) !important; font-size: 14px; text-decoration: none !important;} /* Pagination */ .pagination a, .pagination span { margin-right: 10px; border-color: var(--color-dark); color: var(--color-dark); } .prev-next-ic:not([disabled]) ,.blog-item-more:not([disabled]) { color:var(--color-white-shade); background:var(--gradient-primary-1) ; } .pagination a.active, .pagination a.active:hover { border-color: var(--color-primary); color: var(--color-primary); } .pagination .next, .pagination .prev { color: var(--color-white-shade); background: var(--gradient-primary-1); } a.blog-item-more:not([disabled]) { font-weight: 400; border:0; } a.blog-item-more:not([disabled]):hover { color:var(--color-white-shade) !important; } .blog-item-body blockquote p:before { content: ""; width: 45px; height: 33px; background: url('./images/blog/quote-ic.svg')no-repeat center center/cover; opacity: 0.30; display: block; transform: translateX(-100%); left: -7px; top: 3px; } /* Blog details */ .blog-item-body { color:var(--color-black); } .blog-item .lead, .blog-item blockquote p { font-size: 20px; } .blog-item-data a ,.blog-item-data span ,.blog-item-data i, .blog-item-date { color:var(--color-black); } /* Blog detail typography */ /* .blog-detail-page { padding: 0 16px; background: #fff !important;} */ .blog-detail-page { max-width: 60%; margin-inline: auto; } .blog-item-body h1 ,.heading-wrapper h1 { font-size: 40px; line-height: 1.5; } .blog-item-body h2 { font-size: 36px; line-height: 1.5; } .blog-item-body h3 { font-size: 30px; line-height: 1.5; } .blog-item-body h4 { font-size: 22px; line-height: 1.5; } .blog-item-body h5 { font-size: 20px; line-height: 1.5; } .blog-item-body h6 { font-size: 18px; line-height: 1.5; } .blog-item-body p { font-size: 18px; line-height: 1.5; font-weight: 400; margin-bottom: 10px; } .blog-item-body a { color: #0000FF !important; text-decoration: underline !important; } .wp-element-caption { font-size: 14px; line-height: 1.5; text-align: center; } .blog-detail-page .unset-blue-color a { color:unset !important; text-decoration: none !important; } .uagb-toc__title { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #fff; } .wp-block-uagb-table-of-contents.unset-blue-color a:hover { text-decoration: underline !important; } /* footer */ .contact-info a { text-decoration: none; } .newsletter-button.btn-mod.btn-grad.btn-large { padding:11px 16px; font-size: 16px; letter-spacing:0.43px; } /* Forum Design */ #bbpress-forums { overflow: visible !important; } .bb-press-forum-wrapper { padding:50px 0; background: var(--color-white-shade);} .filter-search-bar { padding-bottom: 40px; } .forum-content-box { width: calc(100% - 410px); } .bb-press-forum-box { gap:50px; flex-wrap: wrap; } #bbpress-forums div.bbp-search-form { float: none; align-self: center;} #bbp_search { padding:11px 11px 11px 44px; border-radius: 5px; border:1px solid var(--color-light-gray); outline: none !important; font-size: 18px; line-height: 1.5; color:var(--color-dark); } #bbp_search_submit { position: absolute; padding:0; border:0; box-shadow: none; width: 24px; height: 24px; left: 10px; top:50%; transform: translateY(-50%); background: url('./images/blog/search-ic.svg')no-repeat center center/cover; } /* sidebar */ .sidebar-content { width: 360px; } .widget-box { padding:20px; box-shadow: 0px 4px 54px 0px #00000012; background: #FFFFFF; border-radius: 10px;} .widget-box .widget-title { padding-bottom:20px; border-bottom: 1px solid var(--color-light-gray2); color:var(--color-primary); font-weight: 600; } #bbpress-forums li.forum-topic-item { padding-bottom: 20px; border-bottom: 1px solid var(--color-light-gray2); margin-bottom: 15px; } #bbpress-forums li.forum-topic-item:last-child { border: 0; padding-bottom: 0; margin-bottom: 0;} .forum-topic-item img { margin-right: 10px; } .forum-topic-item a { text-decoration: none; font-weight: 500; color:var(--color-dark); } .forum-topic-item a:hover { color:var(--color-primary); font-weight: 600;} .popular-topic a { text-decoration: none; color:var(--color-primary); } .popular-topic-title { margin-bottom: 10px; } .popular-topic p { margin-bottom: 15px; color:var(--color-dark); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .topic-meta > * { margin-bottom: 16px; } #bbpress-forums li.popular-topic { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--color-light-gray2); } #bbpress-forums li.popular-topic:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } #bbpress-forums li.popular-topic a:hover { text-decoration: underline; } .topic-comments { margin-bottom: 0; color:var(--color-dark); font-size: 18px; } .topic-comments img { margin-right: 10px; } /* author info */ .topic-meta { margin:0 -7.5px; font-size: 18px; color: var(--color-dark); } .topic-meta span { margin:0 7.5px; } .author-link { color:var(--color-primary); font-weight: 500; text-transform: capitalize;} .forum-meta-bar { padding-bottom: 12px; margin-bottom: 15px; border-bottom: 1px solid var(--color-light-gray2); } .forum-link { padding:3px 10px; margin-bottom: 0; display: inline-block; font-size: 16px; line-height: 24px; color:var(--color-white-shade); border-radius: 3px; background: var(--gradient-primary-1); font-weight: 500; } .forum-link a { color: #fff; } #bbpress-forums li.forum-topic ,.single_search { padding:20px; margin-bottom: 30px ; border-radius: 10px; box-shadow: 0px 5px 54px 0px #0000001A; background: #FFFFFF !important; } #bbpress-forums li.forum-topic:last-child , .single_search:last-child { margin-bottom: 0; } .favorite-toggle, .like-toggle { margin-left: 10px; padding:5px 10px; display: flex; align-items: center; font-size: 16px; line-height: 24px; border: 1px solid var(--color-light-gray); border-radius: 6px; background-color: transparent; } .favorite-toggle img, .like-toggle img { margin-right: 10px; } .forum-topic p { margin-bottom: 0; font-size: 16px; line-height: 28px; color: var(--color-dark); } .topic-filter { margin-top: 15px; } /* custom arrow */ .select2-container--default .select2-selection--single { height: auto; border: 1px solid var(--color-light-gray); border-radius: 5px !important;} .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-50%); } .select2-container--default .select2-selection--single .select2-selection__arrow b { border:0; left: 0; width: 18px; height: 8px; background: url('../airawath/images/blog/arrow-down.svg')no-repeat center center /cover; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding:11px 44px 11px 10px; font-size: 18px; line-height: 27px; color:var(--color-dark); } .select2-dropdown.select2-dropdown--below { margin-top: 5px; } .select2-dropdown.select2-dropdown--above ,.select2-dropdown.select2-dropdown--below { border: 1px solid var(--color-light-gray); border-radius: 5px; } .select2-dropdown.select2-dropdown--above { top:-5px; } .select2-container--default .select2-results>.select2-results__options { padding:10px; } .select2-results__option { padding:0 0 10px; margin:0 0 7px; font-size: 18px; line-height: 27px; color:var(--color-dark); background-color: transparent !important; border-bottom: 1px solid var(--color-light-gray2); } .select2-results__option:last-child { padding-bottom: 0 !important; margin-bottom: 0; border-bottom: 0; } .select2-container--default .select2-results__option--selected ,.select2-container--default .select2-results__option--highlighted { color:var(--color-primary) !important; } /* Search result */ .full-height-content > .forum-topics-list { height: calc(100% - 91px); } .full-height-content > .forum-topics-list > li { height: 100%; } /* Forum detail page */ .loop-item-0 ,.single-topic .bbp-reply-header ,.bbp-header ,.bbp-footer { display: none !important; } #bbpress-forums div.bbp-forum-author .bbp-author-name, #bbpress-forums div.bbp-reply-author .bbp-author-name, #bbpress-forums div.bbp-topic-author .bbp-author-name { margin:0; } .forum-detail-box { padding: 30px; border-radius: 10px; box-shadow: 0px 4px 54px 0px #00000012; } .bbpress-topic-header { border-bottom: 1px solid var(--color-light-gray); } .topic-content p ,.bbp-reply-content p , .bbp-topic-content p { font-size: 16px; line-height: 1.5; color:var(--color-dark); } .author-avatar ,.bbp-author-avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; } #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar { position: unset; margin-top: 0; max-width: 100%; } #bbpress-forums .bbp-body div.bbp-reply-author, #bbpress-forums .bbp-body div.bbp-topic-author { padding-left: 0 !important; margin:0;} #bbpress-forums div.reply ,#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics { margin-bottom: 0; padding: 0; border:0; background-color: transparent; } #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-reply-author, #bbpress-forums div.bbp-topic-author { width: auto; } .bbp-body { padding:0 50px; } .vote-toggle { width: 82px; padding:8px 16px; border:0; background-color: transparent; border: 1px solid var(--color-dark); border-radius: 6px; } .vote-count { margin-left: 10px; } .upvote-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .downvote-toggle { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } #bbpress-forums div.reply.type-reply { margin-bottom: 30px; border-bottom: 1px solid #E8E8E8 } #bbpress-forums div.reply.type-reply:last-child { border-bottom: none; margin-bottom: 0; } #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content { margin-left: 0; padding:0 0 30px; } .reply-text p { margin-bottom: 0; } .favorite-button { padding:7px 12px; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid var(--color-primary); font-size: 18px; line-height: 27px; background: linear-gradient(90deg, #077876 0%, #1A2564 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .favorite-button img { margin-right: 10px; } .favorited-reply .favorite-button { background: var(--gradient-primary-1); -webkit-text-fill-color:unset; } .favorited-reply .favorite-button span { background-color: transparent; color:var(--color-white-shade) !important; } .bbp-author-name { font-size: 18px; line-height: 27px; color:var(--color-primary); } .widget-box .author-avatar { width: 60px; height: 60px; } div.bbp-template-notice, div.indicator-hint { color:var(--color-white-shade); border-color: var(--color-primary); background-color: var(--color-primary); opacity: 0.9; } div.bbp-template-notice.error, div.bbp-template-notice.warning { color:red; } .bbp-pagination ,.quicktags-toolbar { display: none; } #bbpress-forums div.wp-editor-container { border: 0; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { padding-right: 48px; font-size: 20px; line-height: 30px; height: 62px; resize: none; border:1px solid #aaaaaa; border-radius: 15px; font-family: var(--font-global); background-color: transparent; } div.bbp-submit-wrapper { margin-top: 0; } #bbp_reply_submit { position: absolute; top:50%; right: 18px; transform: translateY(-50%); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: var(--color-primary); border-radius: 2px; border:0; } .favorite-reply-box .reply-text { position: relative; display: flex; padding: 20px; background: #E4F8FF; border-radius: 10px; } .favorite-reply-box .reply-text p { width: calc(100% - 37px); } .favorite-reply-box .reply-text:before { margin-right: 10px; content:""; display: inline-block; width: 27px; height: 27px; background: url('./images/blog/star.svg')no-repeat center center/cover; } .bbp-reply-ip { display: none !important; } a.bbp-author-link { pointer-events: none; } .form input[type="text"].input-lg, .form input[type="email"].input-lg, .form input[type="number"].input-lg, .form input[type="url"].input-lg, .form input[type="search"].input-lg, .form input[type="tel"].input-lg, .form input[type="password"].input-lg, .form input[type="date"].input-lg, .form input[type="color"].input-lg, .form select.input-lg { height: 50px; } /* search result */ .bbp-search-results { padding:0; list-style-type: none; } #bbpress-forums div.even { padding: 0 !important; } .bbp-author-link { display: flex; align-items: center; } #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-reply-author, #bbpress-forums div.bbp-topic-author { float: none; } .bbp-author-avatar { margin-right: 10px; } .bbp-topic-content p, .bbp-reply-content p { margin-bottom: 0; } .single_forum_search { display: none; } .post-prev-3-info, .post-prev-3-info a { font-size: 18px; } /* forum form */ .forum-form-wrapper { padding: 50px 0; margin-bottom: 0 !important;} #bbpress-forums fieldset.bbp-form.form-wrapper-bb { max-width: 80%; margin-inline: auto; padding:30px; border-radius: 10px; background: #FFFFFF; border:0 !important; box-shadow: 0px 4px 54px 0px #00000012; } .login-max-box { max-width: 80%; margin-inline:auto; } #bbpress-forums.forum-form-wrapper .bbp-topic-form fieldset.bbp-form input ,#bbpress-forums.forum-form-wrapper .bbp-topic-form fieldset.bbp-form select ,#bbpress-forums.forum-form-wrapper .bbp-topic-form textarea ,#bbpress-forums fieldset.bbp-form input[type=password], #bbpress-forums fieldset.bbp-form input[type=text], #bbpress-forums fieldset.bbp-form select{ font-size: 16px; line-height: 24px; border: 1px solid #2F2B3D38; width: 100%; max-width: 100% !important; height: auto; padding:7px 14px; border-radius: 7px; } #bbpress-forums.forum-form-wrapper div.bbp-the-content-wrapper textarea.bbp-the-content { border-radius: 7px !important; font-size: 16px; line-height: 24px; } .bbp-login-form label { width: 100%; } .privacy-terms-content { padding:30px 20px; border-radius: 10px; box-shadow: 0px 5px 54px 0px #0000001A; } .privacy-terms-content * { margin-bottom: 16px; color:var(--color-dark); } .privacy-terms-content h5 { padding-top: 20px; border-top: 1px solid #E8E8E8; margin-bottom: 10px; color:var(--color-primary); font-size: 18px; line-height: 27px; font-weight: 600;} .privacy-terms-content h5:first-child { padding-top: 0; border:0; } .privacy-terms-content h6 { margin-bottom: 12px; color:var(--color-primary) !important; font-weight: 600; font-size: 16px; } .privacy-terms-content li { font-size: 16px; } .privacy-terms-content a { color:var(--color-primary) !important; text-decoration: none; } /* go to top */ .link-to-top:hover:before { transform: none !important; } #subscription-form .success_msg { color:red; font-size: 13px; line-height: 1.5; margin-top: 4px; font-size: 16px; padding-top: 5px;} /* toast messagge */ #errorToast.toast { border:0; box-shadow: 0px 3px 12px rgb(47 55 73 / 0.14); max-width: 312px} #errorToast .toast-body #toastMessage { width: calc(100% - 60px); margin-bottom: 0;} #errorToast .icon-box { width: 20px; display: flex ; align-items: center; } /* 404 page design */ .error404 { background-color: #F8F7FA; } .error404 .main-nav , .error404 footer ,.error404 .page-section{ display: none; } .error-404 h1 { font-size: 96px; line-height: 1.5; margin-bottom: 0; } .error-404 p { color:var(--color-dark); } .error-404 .image-box img{ block-size: 500px; } .page-numbers.current { min-width: 36px; background: var(--gradient-primary-1); color:var(--color-white-shade); } /* Responsive Css */ @media(max-width:1599px){ :root { --menu-bar-height: 70px; --menu-bar-height-scrolled: 60px; } /* typography */ h1 , .h1 { font-size: 40px; } h2,.h2 { font-size: 36px; } h3,.h3 { font-size: 38px; } h4,.h4 { font-size: 34px; } h5,.h5 { font-size: 24px; } h6,.h6 { font-size: 22px; } .subtitle-1 ,.subtitle-1 p { font-size: 16px; } .subtitle-2 , .subtitle-2 p { font-size: 16px; } body { padding-top: 70px; font-size: 16px; } /* common space */ .common-space { padding:70px 0; } /* Blog Banner Css */ .banner-space { padding: 75px 0; } /* Blog listing page */ .post-prev-3-intro { padding: 45px 18px; } .row.blog-listing-row:not( .g-0, .g-1, .g-2, .g-3, .g-4, .g-5, .gx-0, .gx-1, .gx-2, .gx-3, .gx-4, .gx-5, .gy-0, .gy-1, .gy-2, .gy-3, .gy-4, .gy-5) { --bs-gutter-x: 40px; } /* blog detail page */ .blog-detail-page { max-width: 60%; margin-inline: auto; } .blog-item-body { font-size: 16px; } /* Forum Design */ .bb-press-forum-wrapper { padding:40px 0; } .filter-search-bar {padding-bottom:30px; } .forum-content-box { width: calc(100% - 360px); } .bb-press-forum-box { gap:40px; } #bbp_search { padding:11px 11px 11px 44px; font-size: 16px;} #bbp_search_submit { width: 20px; height: 20px; left: 8px; } /* sidebar */ .sidebar-content { width: 320px; } .widget-box { padding:18px; } .widget-box .widget-title { padding-bottom:18px; } #bbpress-forums li.forum-topic-item { padding-bottom: 18px; margin-bottom: 15px; } .forum-topic-item img { margin-right: 8px; } .popular-topic-title { margin-bottom: 8px; } .popular-topic p { margin-bottom: 15px;} .topic-meta > * { margin-bottom: 16px; } #bbpress-forums li.popular-topic { padding-bottom: 18px; margin-bottom: 18px; } .topic-comments { font-size: 16px; } .topic-comments img { margin-right: 8px; } /* */ .topic-meta { margin:0 -6px; font-size: 16px; } .topic-meta span { margin:0 6px; } .forum-meta-bar { padding-bottom: 12px; margin-bottom: 15px; } .forum-link { padding:3px 10px; font-size: 16px; line-height: 24px; } #bbpress-forums li.forum-topic ,.single_search { padding:18px; margin-bottom: 26px ; } .favorite-toggle { margin-left: 8px; padding:5px 8px; font-size: 16px; line-height: 24px; } .favorite-toggle img { margin-right: 8px; } .forum-topic p { font-size: 16px; line-height: 28px; } /* Search result */ .full-height-content > .forum-topics-list { height: calc(100% - 91px); } /* Forum detail page */ .forum-detail-box { padding: 26px; } .topic-content p ,.bbp-reply-content p , .bbp-topic-content p { font-size: 16px; } .author-avatar ,.bbp-author-avatar { width: 40px; height: 40px; } .bbp-body { padding:0 40px; } .vote-toggle { width: 82px; padding:8px 16px; } .vote-count { margin-left: 10px; } #bbpress-forums div.reply.type-reply { margin-bottom: 26px; } #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content { padding:0 0 26px; } .favorite-button { padding:7px 12px; } .favorite-button img { margin-right: 10px; } .bbp-author-name ,.favorite-button { font-size: 16px; line-height: 24px; } .widget-box .author-avatar { width: 55px; height: 55px; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { font-size: 18px; line-height: 27px; } /* forum form */ .forum-form-wrapper { padding: 45px 0; } #bbpress-forums fieldset.bbp-form.form-wrapper-bb { max-width: 85%; padding:25px; } .login-max-box { max-width: 85%;} #bbpress-forums.forum-form-wrapper .bbp-topic-form fieldset.bbp-form input ,#bbpress-forums.forum-form-wrapper .bbp-topic-form fieldset.bbp-form select ,#bbpress-forums.forum-form-wrapper .bbp-topic-form textarea { font-size: 16px; padding:6px 11px; } #bbpress-forums.forum-form-wrapper div.bbp-the-content-wrapper textarea.bbp-the-content {border-radius: 7px !important; font-size: 16px; line-height: 24px; } .post-prev-3-info, .post-prev-3-info a { font-size: 16px; } } @media(max-width:1399px){ :root { --menu-bar-height: 60px; --menu-bar-height-scrolled: 50px; } /* typography */ h1 , .h1 { font-size: 36px; } h2,.h2 { font-size: 34px; } h3,.h3 { font-size: 32px; } h4,.h4 { font-size: 28px; } h5,.h5 { font-size: 24px; } h6,.h6 { font-size: 20px; } .subtitle-1 ,.subtitle-1 p { font-size: 16px; } .subtitle-2 , .subtitle-2 p { font-size: 14px; } body { padding-top: 60px; font-size: 16px; } /* common space */ .common-space { padding:60px 0; } /* header */ .nav-logo-wrap .logo { max-width: 150px; } /* Blog Banner Css */ .banner-space { padding: 65px 0; } /* Blog listing page */ .post-prev-3-intro { padding: 35px 16px; } .row.blog-listing-row:not( .g-0, .g-1, .g-2, .g-3, .g-4, .g-5, .gx-0, .gx-1, .gx-2, .gx-3, .gx-4, .gx-5, .gy-0, .gy-1, .gy-2, .gy-3, .gy-4, .gy-5) { --bs-gutter-x: 40px; } /* Blog detail typography */ .blog-item-body h1 ,.heading-wrapper h1 { font-size: 38px; } .blog-item-body h2 { font-size: 34px; } .blog-item-body h3 { font-size: 26px; } .blog-item-body h4 { font-size: 22px; } .blog-item-body h5 { font-size: 20px; } .blog-item-body h6 { font-size: 18px; } .blog-item-body p ,.blog-item-body { font-size: 16px; } .blog-detail-page { max-width: 65%; } /* Forum Design */ .bb-press-forum-wrapper { padding:30px 0; } .filter-search-bar { padding-bottom:20px; } .forum-content-box { width: calc(100% - 280px); } .bb-press-forum-box { gap:20px; } #bbp_search { padding:8px 8px 8px 30px; font-size: 16px;} #bbp_search_submit { width: 16px; height: 16px; left: 8px; } /* sidebar */ .sidebar-content { width: 260px; } .widget-box { padding:15px; } .widget-box .widget-title { padding-bottom:15px; } #bbpress-forums li.forum-topic-item { padding-bottom: 15px; margin-bottom: 12px; } .forum-topic-item img { margin-right: 6px; max-width: 24px; } .post-prev-3-info img { max-width: 24px; } .popular-topic-title { margin-bottom: 6px; } .popular-topic p { margin-bottom: 12px;} .topic-meta > * { margin-bottom: 12px; } #bbpress-forums li.popular-topic { padding-bottom: 15px; margin-bottom: 15px; } .topic-comments { font-size: 14px; } .topic-comments img { margin-right: 6px; } /* */ .topic-meta { margin:0 -6px; font-size: 14px; } .topic-meta span { margin:0 6px; } .forum-meta-bar { padding-bottom: 10px; margin-bottom: 12px; } .forum-link { padding:3px 8px; font-size: 14px; line-height: 22px; } #bbpress-forums li.forum-topic ,.single_search { padding:15px; margin-bottom: 20px ; } .favorite-toggle { margin-left: 8px; padding:5px 8px; font-size: 14px; line-height: 20px; } .favorite-toggle img { margin-right: 8px; } .forum-topic p { font-size: 16px; line-height: 28px; } /* Forum detail page */ .forum-detail-box { padding: 24px; } .topic-content p ,.bbp-reply-content p , .bbp-topic-content p { font-size: 16px; } .author-avatar ,.bbp-author-avatar { width: 30px; height: 30px; } .bbp-body { padding:0 30px; } .vote-toggle { width: 72px; padding:7px 14px; } .vote-count { margin-left: 10px; } #bbpress-forums div.reply.type-reply { margin-bottom: 22px; } #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content { padding:0 0 22px; } .favorite-button { padding:7px 12px; } .favorite-button img { margin-right: 10px; } .bbp-author-name ,.favorite-button { font-size: 16px; line-height: 24px; } .widget-box .author-avatar { width: 50px; height: 50px; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { font-size: 16px; line-height:24px; } /* forum form */ .forum-form-wrapper { padding: 42px 0; } #bbpress-forums fieldset.bbp-form.form-wrapper-bb { max-width: 82%; padding:22px; } .login-max-box { max-width: 82%;} #bbpress-forums.forum-form-wrapper .bbp-topic-form fieldset.bbp-form input ,#bbpress-forums.forum-form-wrapper .bbp-topic-form fieldset.bbp-form select ,#bbpress-forums.forum-form-wrapper .bbp-topic-form textarea { font-size: 16px; padding:6px 11px; } #bbpress-forums.forum-form-wrapper div.bbp-the-content-wrapper textarea.bbp-the-content {border-radius: 7px !important; font-size: 16px; line-height: 24px; } .post-prev-3-info, .post-prev-3-info a { font-size: 14px; } .error-404 .image-box img{ block-size: 450px; } } @media(max-width:1199px){ /* typography */ h1 , .h1 { font-size: 34px; } h2,.h2 { font-size: 32px; } h3,.h3 { font-size: 30px; } h4,.h4 { font-size: 26px; } h5,.h5 { font-size: 22px; } h6,.h6 { font-size: 18px; } .subtitle-1 ,.subtitle-1 p { font-size: 16px; } .subtitle-2 , .subtitle-2 p { font-size: 16px; } body { padding-top: 60px; font-size: 16px; } /* common space */ .common-space { padding:50px 0; } /* Blog Banner Css */ .banner-space { padding: 55px 0; } /* Blog listing page */ .post-prev-3-intro { padding: 25px 16px; } .row.blog-listing-row:not( .g-0, .g-1, .g-2, .g-3, .g-4, .g-5, .gx-0, .gx-1, .gx-2, .gx-3, .gx-4, .gx-5, .gy-0, .gy-1, .gy-2, .gy-3, .gy-4, .gy-5) { --bs-gutter-x: 40px; } /* blog detail */ /* Blog detail typography */ .blog-item-body h1 ,.heading-wrapper h1 { font-size: 36px;} .blog-item-body h2 { font-size: 32px;} .blog-item-body h3 { font-size: 24px;} .blog-item-body h4 { font-size: 22px;} .blog-item-body h5 { font-size: 20px;} .blog-item-body h6 { font-size: 18px;} .blog-item-body p ,.blog-item-body { font-size: 16px;} /* Forum detail page */ .forum-detail-box { padding: 20px; } .topic-content p ,.bbp-reply-content p , .bbp-topic-content p { font-size: 16px; } .author-avatar ,.bbp-author-avatar { width: 30px; height: 30px; } .bbp-body { padding:0 20px; } .vote-toggle { width: 62px; padding:7px 12px; } .vote-count { margin-left: 10px; } #bbpress-forums div.reply.type-reply { margin-bottom: 20px; } #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content { padding:0 0 20px; } .favorite-button { padding:7px 12px; } .favorite-button img { margin-right: 10px; } .bbp-author-name ,.favorite-button { font-size: 16px; line-height: 24px; } .widget-box .author-avatar { width: 50px; height: 50px; } } @media(max-width:1024px){ .mobile-on .desktop-nav ul { background-color: #fff; } .inner-nav > ul > li > a { font-size: 16px; line-height: 24px; } .mobile-on .desktop-nav ul li a, .inner-nav ul li .mn-sub li a, .mn-group-title{ color:#1C4B5A !important; } } @media(max-width:991px){ .mobile-nav-icon { width: 1.5em; } /* Blog Banner Css */ .banner-space { padding: 45px 0; } /* Forum Design */ .bb-press-forum-wrapper { padding: 0 0 30px; } .filter-search-bar { padding-bottom:20px; } .forum-content-box { width: 100%; } .bb-press-forum-box { gap:20px; } #bbp_search { padding:8px 8px 8px 30px; font-size: 16px;} #bbp_search_submit { width: 16px; height: 16px; left: 8px; } /* sidebar */ .sidebar-content { width: 100%; } .widget-box { padding:15px; } .widget-box .widget-title { padding-bottom:15px; } #bbpress-forums li.forum-topic-item { padding-bottom: 15px; margin-bottom: 12px; } .forum-topic-item img { margin-right: 6px; max-width: 24px; } .post-prev-3-info img { max-width: 24px; } .popular-topic-title { margin-bottom: 6px; } .popular-topic p { margin-bottom: 12px;} .topic-meta > * { margin-bottom: 12px; } #bbpress-forums li.popular-topic { padding-bottom: 15px; margin-bottom: 15px; } .topic-comments { font-size: 14px; } .topic-comments img { margin-right: 6px; } /* Blog detail typography */ .blog-item-body h1 ,.heading-wrapper h1 { font-size: 36px;} .blog-item-body h2 { font-size: 32px;} .blog-item-body h3 { font-size: 24px;} .blog-item-body h4 { font-size: 20px;} .blog-item-body h5 { font-size: 18px;} .blog-item-body h6 { font-size: 16px;} .blog-item-body p { font-size: 16px; } /* */ .forum-topics-list { margin-bottom: 30px !important; } .topic-meta { margin:0 -6px; font-size: 14px; } .topic-meta span { margin:0 6px; } .forum-meta-bar { padding-bottom: 10px; margin-bottom: 12px; } .forum-link { padding:3px 8px; font-size: 14px; line-height: 22px; } #bbpress-forums li.forum-topic ,.single_search { padding:15px; margin-bottom: 20px ; } .favorite-toggle { margin-left: 8px; padding:5px 8px; font-size: 14px; line-height: 20px; } .favorite-toggle img { margin-right: 8px; } .forum-topic p { font-size: 16px; line-height: 28px; } /* */ .topic-filter .forum-list { position: relative; width: 180px; min-height: 50px; box-shadow: 0px 4px 54px 0px #00000012; background: #FFFFFF; max-height: 50px; /* Collapsed height */ overflow: hidden; border-radius: 10px; transition: max-height 0.5s ease; } .topic-filter .forum-list.open-filter { max-height: 1000px; height: auto; /* Expands based on content */ overflow: visible; box-shadow: none; } .topic-filter .forum-list.open-filter ul { box-shadow: 0px 4px 54px 0px #00000012; border-radius: 10px; background: #FFFFFF !important; } .topic-filter .forum-list ul { position: absolute; left: 0; top: 0; width: 100%; } .topic-filter .forum-list:after { content:""; position: absolute; top:22px; right:10px; width: 18px; height: 10px; background: url('../airawath/images/blog/arrow-down.svg')no-repeat center center/cover; } .forum-topic-item img { margin-right: 6px; max-width: 31px; } #bbpress-forums .topic-filter li.forum-topic-item { padding:9px 30px 9px 15px; margin-bottom: 0; } #bbpress-forums .search-no-found-box li.forum-topic { padding: 50px 15px; } .favorite-reply-box .reply-text { padding: 18px; } .favorite-reply-box .reply-text p { width: calc(100% - 32px); } .favorite-reply-box .reply-text:before { margin-right: 10px; width: 22px; height: 22px; } /* search */ #bbpress-forums .bbp-body div.bbp-reply-author, #bbpress-forums .bbp-body div.bbp-topic-author { min-height: auto; } .error-404 .image-box img{ block-size: 400px; } } @media(max-width:767px){ /* typography */ h1 , .h1 { font-size: 30px; } h2,.h2 { font-size: 26px; } h3,.h3 { font-size: 24px; } h4,.h4 { font-size: 22px; } h5,.h5 { font-size: 20px; } h6,.h6 { font-size: 16px; } p ,.p { font-size: 14px; } .subtitle-1 ,.subtitle-1 p { font-size: 16px; } .subtitle-2 , .subtitle-2 p { font-size: 16px; } body { font-size: 14px; } /* header */ .nav-logo-wrap .logo { max-width: 130px; } /* footer */ .newsletter-button.btn-mod.btn-grad.btn-large { padding:18px 16px; } .mobile-on .desktop-nav ul { background-color: #fff; } .inner-nav > ul > li > a { font-size: 16px; line-height: 24px; } .mobile-on .desktop-nav ul li a, .inner-nav ul li .mn-sub li a, .mn-group-title{ color:#1C4B5A !important; } /* Blog Banner Css */ .banner-space { padding: 35px 0; } .blog-item-body blockquote p:before { content: ""; width: 35px; height: 25px; background: url('./images/blog/quote-ic.svg')no-repeat center center/cover; opacity: 0.30; display: block; transform: translateX(0); left: -7px; top: 3px; position: unset;} .bbp-search-form ,.sort-filter { margin-bottom:16px ; } .topic-filter .forum-list { width: calc(100% - 25%); } #sort-form { width: calc(100% - 30%) !important; } #bbpress-forums #bbp-search-form #bbp_search ,.select2 { width: 100% !important; } #bbpress-forums .search-no-found-box li.forum-topic { padding: 25px 10px; } /* Forum detail page */ .forum-detail-box { padding: 15px; margin-bottom: 20px; } .topic-content p ,.bbp-reply-content p , .bbp-topic-content p { font-size: 16px; } .author-avatar ,.bbp-author-avatar { width: 40px; height: 40px; } .bbp-body { padding:0 0px; } #bbpress-forums .bbp-body div.bbp-reply-author, #bbpress-forums .bbp-body div.bbp-topic-author { border-bottom: 0; } .vote-toggle { width: 60px; padding:5px 12px; } .vote-count { margin-left: 10px; } #bbpress-forums div.reply.type-reply { margin-bottom: 20px; } #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content { padding:0 0 20px !important; margin-bottom: 0px;} .favorite-button { padding:7px 12px; } .favorite-button img { margin-right: 10px; } .bbp-author-name ,.favorite-button { font-size: 16px; line-height: 24px; } .widget-box .author-avatar { width: 50px; height: 50px; } .favorite-reply-box .reply-text { padding: 14px; } .favorite-reply-box .reply-text p { width: calc(100% - 28px); } .favorite-reply-box .reply-text:before { margin-right: 8px; width: 20px; height: 20px; } #bbpress-forums .bbp-body div.bbp-reply-content, #bbpress-forums .bbp-body div.bbp-topic-content { margin:0; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { font-size: 14px; line-height:22px; padding-right: 35px; height: 50px; border-radius: 10px; } #bbp_reply_submit { width: 25px; height: 25px; right: 10px; } #bbpress-forums div.bbp-the-content-wrapper ,#bbpress-forums fieldset.bbp-form { margin-bottom: 0 !important; } /* Blog detail typography */ .blog-item-body h1 ,.heading-wrapper h1 { font-size: 34px;} .blog-item-body h2 { font-size: 28px;} .blog-item-body h3 { font-size: 22px;} .blog-item-body h4 { font-size: 20px;} .blog-item-body h5 { font-size: 18px;} .blog-item-body h6 { font-size: 16px;} .blog-item-body p ,.blog-item-body { font-size: 16px; margin-bottom: 14px;} /* blog detail page */ .blog-detail-page { max-width: 100%; } /* forum form */ .forum-form-wrapper { padding: 38px 0; } #bbpress-forums fieldset.bbp-form.form-wrapper-bb { max-width: 100%; padding:22px; } .login-max-box { max-width: 100%;} } @media(max-width:575px){ .post-prev-3-img a { padding-top: 73%; } } .post-thumbnail-gen { width: 500px; }