/*! Theme Name: Business Aarambha Author: Aarambha Themes Version: 1.0.0 License: GPLv3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.en.html */ .site-header-row { min-height: 80px; display: grid; grid-template-columns: auto auto; } .site-header-row.has-center-column { grid-template-columns: 1fr auto 1fr; } .site-header-row.has-only-center-column { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } .site-header-row.has-only-center-column .site-header-section-center { -webkit-flex-grow: 1; flex-grow: 1; } .site-header-section { max-height: inherit; } .box-button{ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } /*-------------------------------------------------------------- # Primary --------------------------------------------------------------*/ #primary { width: 100%; -ms-flex-order: 2; order: 2; } @media (min-width: 1024px) { .have-sidebar #primary.content-area { padding-right: 25px; } .have-sidebar #primary { width: calc(100% - 380px); } } /*-------------------------------------------------------------- # Secondary --------------------------------------------------------------*/ #secondary { width: 100%; min-height: 80vh; height: 100%; } .right-sidebar, .default-sidebar { -ms-flex-order: 3; order: 3; } .left-sidebar { -ms-flex-order: 1; order: 1; } @media (min-width: 1024px) { .have-sidebar #secondary.right-sidebar { padding-left: 25px; } .have-sidebar #secondary.left-sidebar { padding-right: 25px; } .have-sidebar #secondary { width: 380px; } } /*-------------------------------------------------------------- # Featured Image --------------------------------------------------------------*/ .featured-image { position: relative; width: 100%; background-color: #dbdcdf; } .featured-image a { z-index: 10; } .featured-image:has([data-ratio="auto"]) a { position: relative; } .featured-image a::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #dbdcdf; } .featured-image img { width: 100%; z-index: 1; border-radius: inherit; } .featured-image:not([data-ratio="auto"]) { height: 0; /*padding-bottom: 100%;*/ } .featured-image:not([data-ratio="auto"]) img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .featured-image[data-ratio="1x1"] { padding-bottom: 100%; } .featured-image[data-ratio="3x2"] { padding-bottom: calc(100% * 2 / 3 ); } .featured-image[data-ratio="4x3"] { padding-bottom: calc(100% * 3 / 4 ); } .featured-image[data-ratio="16x9"] { padding-bottom: calc(100% * 9 / 16 ); } .featured-image[data-ratio="21x9"] { padding-bottom: calc(100% * 9 / 21 ); } .featured-image[data-ratio="2x3"] { padding-bottom: calc(100% * 3 / 2 ); } .featured-image[data-ratio="3x4"] { padding-bottom: calc(100% * 4 / 3 ); } /*-------------------------------------------------------------- # Display --------------------------------------------------------------*/ .d-none { display: none; } .d-inline-block { display: inline-block; } .d-block { display: block; } .d-flex { display: -ms-flexbox; display: flex; } .d-inline-flex { display: -ms-inline-flexbox; display: inline-flex; } @media only screen and (min-width: 720px) { .d-md-none { display: none; } .d-md-inline-block { display: inline-block; } .d-md-block { display: block; } .d-md-flex { display: -ms-flexbox; display: flex; } .d-md-inline-flex { display: -ms-inline-flexbox; display: inline-flex; } } @media only screen and (min-width: 1024px) { .d-lg-none { display: none; } .d-lg-inline-block { display: inline-block; } .d-lg-block { display: block; } .d-lg-flex { display: -ms-flexbox; display: flex; } .d-lg-inline-flex { display: -ms-inline-flexbox; display: inline-flex; } } /*-------------------------------------------------------------- # Flex --------------------------------------------------------------*/ .flex-row { -ms-flex-direction: row; flex-direction: row; } .flex-column { -ms-flex-direction: column; flex-direction: column; } .flex-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .justify-content-start { -ms-flex-pack: start; justify-content: flex-start; } .justify-content-end { -ms-flex-pack: end; justify-content: flex-end; } .justify-content-center { -ms-flex-pack: center; justify-content: center; } .justify-content-between { -ms-flex-pack: justify; justify-content: space-between; } .align-items-start { -ms-flex-align: start; align-items: flex-start; } .align-items-end { -ms-flex-align: end; align-items: flex-end; } .align-items-center { -ms-flex-align: center; align-items: center; } .align-items-baseline { -ms-flex-align: baseline; align-items: baseline; } .align-items-stretch { -ms-flex-align: stretch; align-items: stretch; } .align-content-start { -ms-flex-line-pack: start; align-content: flex-start; } .align-content-end { -ms-flex-line-pack: end; align-content: flex-end; } .align-content-center { -ms-flex-line-pack: center; align-content: center; } .align-content-between { -ms-flex-line-pack: justify; align-content: space-between; } .align-content-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } @media only screen and (min-width: 720px) { .flex-md-row { -ms-flex-direction: row; flex-direction: row; } .flex-md-column { -ms-flex-direction: column; flex-direction: column; } .flex-md-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-md-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-md-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-md-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .justify-content-md-start { -ms-flex-pack: start; justify-content: flex-start; } .justify-content-md-end { -ms-flex-pack: end; justify-content: flex-end; } .justify-content-md-center { -ms-flex-pack: center; justify-content: center; } .justify-content-md-between { -ms-flex-pack: justify; justify-content: space-between; } .align-items-md-start { -ms-flex-align: start; align-items: flex-start; } .align-items-md-end { -ms-flex-align: end; align-items: flex-end; } .align-items-md-center { -ms-flex-align: center; align-items: center; } .align-items-md-baseline { -ms-flex-align: baseline; align-items: baseline; } .align-items-md-stretch { -ms-flex-align: stretch; align-items: stretch; } .align-content-md-start { -ms-flex-line-pack: start; align-content: flex-start; } .align-content-md-end { -ms-flex-line-pack: end; align-content: flex-end; } .align-content-md-center { -ms-flex-line-pack: center; align-content: center; } .align-content-md-between { -ms-flex-line-pack: justify; align-content: space-between; } .align-content-md-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 1024px) { .flex-lg-row { -ms-flex-direction: row; flex-direction: row; } .flex-lg-column { -ms-flex-direction: column; flex-direction: column; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-lg-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-lg-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .justify-content-lg-start { -ms-flex-pack: start; justify-content: flex-start; } .justify-content-lg-end { -ms-flex-pack: end; justify-content: flex-end; } .justify-content-lg-center { -ms-flex-pack: center; justify-content: center; } .justify-content-lg-between { -ms-flex-pack: justify; justify-content: space-between; } .align-items-lg-start { -ms-flex-align: start; align-items: flex-start; } .align-items-lg-end { -ms-flex-align: end; align-items: flex-end; } .align-items-lg-center { -ms-flex-align: center; align-items: center; } .align-items-lg-baseline { -ms-flex-align: baseline; align-items: baseline; } .align-items-lg-stretch { -ms-flex-align: stretch; align-items: stretch; } .align-content-lg-start { -ms-flex-line-pack: start; align-content: flex-start; } .align-content-lg-end { -ms-flex-line-pack: end; align-content: flex-end; } .align-content-lg-center { -ms-flex-line-pack: center; align-content: center; } .align-content-lg-between { -ms-flex-line-pack: justify; align-content: space-between; } .align-content-lg-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } } /*-------------------------------------------------------------- # Text Alignment --------------------------------------------------------------*/ .text-justify { text-align: justify !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } /*-------------------------------------------------------------- # Columns --------------------------------------------------------------*/ .columns { --w-100: 100%; --w-50: 50%; --w-33: 33.333333%; --w-25: 25%; --w-20: 20%; --w-16: 16.666666%; --v1: 0 0 var(--w-100); --v2: 0 0 var(--w-50); --v3: 0 0 var(--w-33); --v4: 0 0 var(--w-25); --v5: 0 0 var(--w-20); --v6: 0 0 var(--w-16); display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .columns > .column { flex-grow: 1; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .columns[data-columns="1"] > .column { -ms-flex: var(--v1); flex: var(--v1); max-width: var(--w-100); } .columns[data-columns="2"] > .column { -ms-flex: var(--v2); flex: var(--v2); max-width: var(--w-50); } .columns[data-columns="3"] > .column { -ms-flex: var(--v3); flex: var(--v3); max-width: var(--w-33); } .columns[data-columns="4"] > .column { -ms-flex: var(--v4); flex: var(--v4); max-width: var(--w-25); } .columns[data-columns="5"] > .column { -ms-flex: var(--v5); flex: var(--v5); max-width: var(--w-20); } .columns[data-columns="6"] > .column { -ms-flex: var(--v6); flex: var(--v6); max-width: var(--w-16); } @media only screen and (min-width: 720px) { .columns[data-columns-md="1"] > .column { -ms-flex: var(--v1); flex: var(--v1); max-width: var(--w-100); } .columns[data-columns-md="2"] > .column { -ms-flex: var(--v2); flex: var(--v2); max-width: var(--w-50); } .columns[data-columns-md="3"] > .column { -ms-flex: var(--v3); flex: var(--v3); max-width: var(--w-33); } .columns[data-columns-md="4"] > .column { -ms-flex: var(--v4); flex: var(--v4); max-width: var(--w-25); } .columns[data-columns-md="5"] > .column { -ms-flex: var(--v5); flex: var(--v5); max-width: var(--w-20); } .columns[data-columns-md="6"] > .column { -ms-flex: var(--v6); flex: var(--v6); max-width: var(--w-16); } } @media only screen and (min-width: 1024px) { .columns[data-columns-lg="1"] > .column { -ms-flex: var(--v1); flex: var(--v1); max-width: var(--w-100); } .columns[data-columns-lg="2"] > .column { -ms-flex: var(--v2); flex: var(--v2); max-width: var(--w-50); } .columns[data-columns-lg="3"] > .column { -ms-flex: var(--v3); flex: var(--v3); max-width: var(--w-33); } .columns[data-columns-lg="4"] > .column { -ms-flex: var(--v4); flex: var(--v4); max-width: var(--w-25); } .columns[data-columns-lg="5"] > .column { -ms-flex: var(--v5); flex: var(--v5); max-width: var(--w-20); } .columns[data-columns-lg="6"] > .column { -ms-flex: var(--v6); flex: var(--v6); max-width: var(--w-16); } } /*-------------------------------------------------------------- # Footer Sidebar --------------------------------------------------------------*/ .site-footer .footer-sidebar-wrap{ width: 100%; } ul.header-social-wrap li, ul.footer-social-wrap li { margin: 0; } /*-------------------------------------------------------------- # Footer Widget --------------------------------------------------------------*/ .site-footer .column.justify-content-sm-center .footer-sidebar-wrap .widget { text-align: center; } .site-footer .column.justify-content-sm-start .footer-sidebar-wrap .widget { text-align: left; } .site-footer .column.justify-content-sm-end .footer-sidebar-wrap .widget { text-align: right; } @media only screen and (min-width: 720px) { .site-footer .column.justify-content-md-center .footer-sidebar-wrap .widget { text-align: center; } .site-footer .column.justify-content-md-start .footer-sidebar-wrap .widget { text-align: left; } .site-footer .column.justify-content-md-end .footer-sidebar-wrap .widget { text-align: right; } } @media only screen and (min-width: 1024px) { .site-footer .column.justify-content-lg-center .footer-sidebar-wrap .widget { text-align: center; } .site-footer .column.justify-content-lg-start .footer-sidebar-wrap .widget { text-align: left; } .site-footer .column.justify-content-lg-end .footer-sidebar-wrap .widget { text-align: right; } }