:root {
--theme-color: #B22234;
--theme-color-lite: #C41324;
--theme-color-hover: #7e1521;
--theme-primary-300: #9D010914;
--gradient-primary-300: linear-gradient(180deg, rgba(157, 1, 9, 0.08) 0%, rgba(157, 1, 9, 0.00) 100%);
--gray-700: #4B5563;
--gray-500: #808183;
--gray-400: #BBBABA;
--gray-200: #E9E9E9;
--primary-dark-2: #761318;
--search-icon: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.89922 3.85001C6.5579 3.85001 3.84922 6.55869 3.84922 9.90001C3.84922 13.2413 6.5579 15.95 9.89922 15.95C11.5701 15.95 13.0815 15.2737 14.1772 14.178C15.273 13.0823 15.9492 11.5709 15.9492 9.90001C15.9492 6.55869 13.2405 3.85001 9.89922 3.85001ZM2.19922 9.90001C2.19922 5.64742 5.64663 2.20001 9.89922 2.20001C14.1518 2.20001 17.5992 5.64742 17.5992 9.90001C17.5992 11.7288 16.9609 13.4096 15.8961 14.7302L19.5576 18.3916C19.8798 18.7138 19.8798 19.2362 19.5576 19.5584C19.2354 19.8806 18.713 19.8806 18.3909 19.5584L14.7294 15.8969C13.4088 16.9617 11.728 17.6 9.89922 17.6C5.64663 17.6 2.19922 14.1526 2.19922 9.90001Z' fill='white'/%3E%3C/svg%3E%0A");
--dropdown-icon: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9861 14.9236C11.7177 15.1921 11.2824 15.1921 11.0139 14.9236L4.13886 8.04864C3.87038 7.78015 3.87038 7.34485 4.13886 7.07636C4.40735 6.80788 4.84265 6.80788 5.11114 7.07636L11.5 13.4652L17.8889 7.07636C18.1574 6.80788 18.5927 6.80788 18.8611 7.07636C19.1296 7.34485 19.1296 7.78015 18.8611 8.04864L11.9861 14.9236Z' fill='%23808183'/%3E%3C/svg%3E");
--search-icon-dark: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25 19.25L14.4864 14.4864M14.4864 14.4864C15.7305 13.2422 16.5 11.5235 16.5 9.625C16.5 5.82804 13.422 2.75 9.625 2.75C5.82804 2.75 2.75 5.82804 2.75 9.625C2.75 13.422 5.82804 16.5 9.625 16.5C11.5235 16.5 13.2422 15.7305 14.4864 14.4864Z' stroke='%23808183' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--accordion-btn-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2228%22%20height%3D%2228%22%20rx%3D%226%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M14%206.5V21.5M21.5%2014L6.5%2014%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
--accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%226%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2012C6%2011.5858%206.33579%2011.25%206.75%2011.25L17.25%2011.25C17.6642%2011.25%2018%2011.5858%2018%2012C18%2012.4142%2017.6642%2012.75%2017.25%2012.75L6.75%2012.75C6.33579%2012.75%206%2012.4142%206%2012Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
--report-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.25 11.875V9.6875C16.25 8.1342 14.9908 6.875 13.4375 6.875H12.1875C11.6697 6.875 11.25 6.45527 11.25 5.9375V4.6875C11.25 3.1342 9.9908 1.875 8.4375 1.875H6.875M7.5 13.75V14.375M10 11.875V14.375M12.5 10V14.375M8.75 1.875H4.6875C4.16973 1.875 3.75 2.29473 3.75 2.8125V17.1875C3.75 17.7053 4.16973 18.125 4.6875 18.125H15.3125C15.8303 18.125 16.25 17.7053 16.25 17.1875V9.375C16.25 5.23286 12.8921 1.875 8.75 1.875Z' stroke='%23808183' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--list-v2-icon: url('data:image/svg+xml;utf8,');
--list-v3-icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6.25H11.25M10 8.75H11.25M5 11.25H11.25M5 13.75H11.25M13.75 6.25H16.5625C17.0803 6.25 17.5 6.66973 17.5 7.1875V15C17.5 16.0355 16.6605 16.875 15.625 16.875M13.75 6.25V15C13.75 16.0355 14.5895 16.875 15.625 16.875M13.75 6.25V4.0625C13.75 3.54473 13.3303 3.125 12.8125 3.125H3.4375C2.91973 3.125 2.5 3.54473 2.5 4.0625V15C2.5 16.0355 3.33947 16.875 4.375 16.875H15.625M5 6.25H7.5V8.75H5V6.25Z' stroke='%23808183' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--user-avatar: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='%23C41324' fill-opacity='0.12'/%3E%3Cpath d='M18.8126 11.5C18.8126 13.0533 17.5534 14.3125 16.0001 14.3125C14.4468 14.3125 13.1876 13.0533 13.1876 11.5C13.1876 9.9467 14.4468 8.6875 16.0001 8.6875C17.5534 8.6875 18.8126 9.9467 18.8126 11.5Z' stroke='%23761318' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.376 22.0887C10.4287 19.0277 12.9265 16.5625 16.0001 16.5625C19.0738 16.5625 21.5717 19.0278 21.6243 22.0889C19.9122 22.8745 18.0074 23.3125 16.0004 23.3125C13.9931 23.3125 12.0882 22.8744 10.376 22.0887Z' stroke='%23761318' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--message-icon-round: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='%23F5F5F5'/%3E%3Cpath d='M8.6875 16.5695C8.6875 17.7703 9.53006 18.8155 10.7181 18.9902C11.5327 19.11 12.3561 19.2025 13.1875 19.2667V22.75L16.1371 19.8004C16.4127 19.5248 16.7849 19.3687 17.1745 19.3562C18.565 19.3117 19.9355 19.1882 21.2819 18.9903C22.4699 18.8156 23.3125 17.7704 23.3125 16.5696V12.0554C23.3125 10.8546 22.4699 9.80937 21.2819 9.6347C19.558 9.38126 17.7944 9.25 16.0002 9.25C14.2058 9.25 12.4421 9.38128 10.7181 9.63477C9.53006 9.80945 8.6875 10.8547 8.6875 12.0555V16.5695Z' stroke='%23808183' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--upload-icon: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.75 15.125V17.1875C2.75 18.3266 3.67341 19.25 4.8125 19.25H17.1875C18.3266 19.25 19.25 18.3266 19.25 17.1875V15.125M6.875 6.875L11 2.75M11 2.75L15.125 6.875M11 2.75L11 15.125' stroke='%23808183' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--calendar-icon: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.625 3.22961V5.10461M14.375 3.22961V5.10461M2.5 16.3546V6.97961C2.5 5.94408 3.33947 5.10461 4.375 5.10461H15.625C16.6605 5.10461 17.5 5.94408 17.5 6.97961V16.3546M2.5 16.3546C2.5 17.3901 3.33947 18.2296 4.375 18.2296H15.625C16.6605 18.2296 17.5 17.3901 17.5 16.3546M2.5 16.3546V10.1046C2.5 9.06908 3.33947 8.22961 4.375 8.22961H15.625C16.6605 8.22961 17.5 9.06908 17.5 10.1046V16.3546' stroke='%23808183' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--user-icon: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1241 5.72961C13.1241 7.4555 11.7249 8.85461 9.99905 8.85461C8.27316 8.85461 6.87405 7.4555 6.87405 5.72961C6.87405 4.00372 8.27316 2.60461 9.99905 2.60461C11.7249 2.60461 13.1241 4.00372 13.1241 5.72961Z' stroke='%23808183' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.75 17.4948C3.80859 14.0937 6.58395 11.3546 9.99905 11.3546C13.4142 11.3546 16.1897 14.0938 16.2481 17.4951C14.3458 18.368 12.2294 18.8546 9.99932 18.8546C7.76905 18.8546 5.65247 18.3679 3.75 17.4948Z' stroke='%23808183' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--send-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.49936 9.00036L2.45117 2.34375C7.41252 3.78499 12.0203 6.05737 16.1137 9.00017C12.0203 11.943 7.41257 14.2155 2.45124 15.6568L4.49936 9.00036ZM4.49936 9.00036L10.1246 9.00037' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--shop-icon: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.6875 2.25H2.72676C3.10903 2.25 3.44353 2.50699 3.54203 2.87635L3.82942 3.95407M5.625 10.6875C4.38236 10.6875 3.375 11.6949 3.375 12.9375H15.1875M5.625 10.6875H14.0387C14.8795 8.96202 15.6133 7.17476 16.2313 5.33438C12.66 4.42234 8.91789 3.9375 5.0625 3.9375C4.65015 3.9375 4.23911 3.94305 3.82942 3.95407M5.625 10.6875L3.82942 3.95407M4.5 15.1875C4.5 15.4982 4.24816 15.75 3.9375 15.75C3.62684 15.75 3.375 15.4982 3.375 15.1875C3.375 14.8768 3.62684 14.625 3.9375 14.625C4.24816 14.625 4.5 14.8768 4.5 15.1875ZM14.0625 15.1875C14.0625 15.4982 13.8107 15.75 13.5 15.75C13.1893 15.75 12.9375 15.4982 12.9375 15.1875C12.9375 14.8768 13.1893 14.625 13.5 14.625C13.8107 14.625 14.0625 14.8768 14.0625 15.1875Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--shop-icon-theme: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.6875 2.25H2.72676C3.10903 2.25 3.44353 2.50699 3.54203 2.87635L3.82942 3.95407M5.625 10.6875C4.38236 10.6875 3.375 11.6949 3.375 12.9375H15.1875M5.625 10.6875H14.0387C14.8795 8.96202 15.6133 7.17476 16.2313 5.33438C12.66 4.42234 8.91789 3.9375 5.0625 3.9375C4.65015 3.9375 4.23911 3.94305 3.82942 3.95407M5.625 10.6875L3.82942 3.95407M4.5 15.1875C4.5 15.4982 4.24816 15.75 3.9375 15.75C3.62684 15.75 3.375 15.4982 3.375 15.1875C3.375 14.8768 3.62684 14.625 3.9375 14.625C4.24816 14.625 4.5 14.8768 4.5 15.1875ZM14.0625 15.1875C14.0625 15.4982 13.8107 15.75 13.5 15.75C13.1893 15.75 12.9375 15.4982 12.9375 15.1875C12.9375 14.8768 13.1893 14.625 13.5 14.625C13.8107 14.625 14.0625 14.8768 14.0625 15.1875Z' stroke='%23C41324' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--checkout-icon: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8129 7.875V4.5C11.8129 2.9467 10.5537 1.6875 9.00036 1.6875C7.44706 1.6875 6.18786 2.9467 6.18786 4.5V7.875M14.7049 6.38042L15.6523 15.3804C15.7047 15.8786 15.3141 16.3125 14.8131 16.3125H3.18759C2.68665 16.3125 2.29604 15.8786 2.34848 15.3804L3.29585 6.38042C3.34105 5.951 3.70316 5.625 4.13496 5.625H13.8658C14.2976 5.625 14.6597 5.951 14.7049 6.38042ZM6.46911 7.875C6.46911 8.03033 6.34319 8.15625 6.18786 8.15625C6.03253 8.15625 5.90661 8.03033 5.90661 7.875C5.90661 7.71967 6.03253 7.59375 6.18786 7.59375C6.34319 7.59375 6.46911 7.71967 6.46911 7.875ZM12.0941 7.875C12.0941 8.03033 11.9682 8.15625 11.8129 8.15625C11.6575 8.15625 11.5316 8.03033 11.5316 7.875C11.5316 7.71967 11.6575 7.59375 11.8129 7.59375C11.9682 7.59375 12.0941 7.71967 12.0941 7.875Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.heading-1 {
font-size: 3.625rem !important;
}
.heading-2 {
font-size: 3rem !important;
}
.heading-3 {
font-size: 2.25rem !important;
}
.heading-4 {
font-size: 2.125rem !important;
}
.heading-5 {
font-size: 1.5rem !important;
}
.heading-6 {
font-size: 1.25rem !important;
}
.para-md {
font-size: 1.125rem !important;
}
.para-sm {
font-size: .875rem !important;
}
.para-xs {
font-size: .75rem !important;
}
.bg-primary-theme {
background-color: var(--theme-color-lite);
}
.border-theme-color {
border-color: var(--theme-color-lite) !important;
}
.text-theme,
.text-theme * {
color: var(--theme-color-lite) !important;
}
.text-primary-dark,
.text-primary-dark * {
color: var(--primary-dark-2) !important;
}
.font-regular {
font-size: 1rem !important;
}
.text-dark * {
color: #000 !important;
}
.opacity-6 {
opacity: 0.6;
}
.opacity-8 {
opacity: 0.8;
}
.rounded-8 {
border-radius: 8px !important;
}
.rounded-12 {
border-radius: 12px !important;
}
.rounded-16 {
border-radius: 16px !important;
}
.shadow-card {
box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.09) !important;
}
.p-25 {
padding: .75rem !important;
}
.index-1 {
z-index: 1;
}
.index-2 {
z-index: 2;
}
.index-3 {
z-index: 3;
}
.index-4 {
z-index: 4;
}
.index-5 {
z-index: 5;
}
.index-6 {
z-index: 6;
}
.index-7 {
z-index: 7;
}
.z-10 {
z-index: 10;
}
.min-h-auto {
min-height: auto !important;
}
.search-icon {
background-image: var(--search-icon) !important;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.flex-center {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Flex Gap */
/* Removed redundant gap-x classes with only height:auto; */
.gap-1,
.gap-2,
.gap-3,
.gap-4 {
height: unset !important;
width: unset !important;
}
/* colors */
.theme-text,
.theme-text p {
color: var(--gray-500) !important;
}
.theme-text-4 {
color: var(--gray-400) !important;
}
.text-theme-dark {
color: #231F20 !important;
}
.text-theme-gray-500 {
color: var(--gray-500) !important;
}
.text-theme-gray-700 {
color: var(--gray-700) !important;
}
.text-primary-900 {
color: var(--primary-dark-2) !important;
}
.text-muted {
color: var(--gray-500) !important;
}
.link-primary {
color: #039 !important;
}
.text-blue {
color: var(--bs-blue)!important;
}
.tag-success-yes {
background: #DCFCE7;
color: #166534;
}
.tag-success-no {
background: #FEE2E2;
color: #991B1B;
}
.wrapper .border {
border: 1px solid #DEDDDE !important;
}
.wrapper .border-top {
border-top: 1px solid #DEDDDE !important;
}
.wrapper .border-right {
border-right: 1px solid #DEDDDE !important;
}
.wrapper .border-bottom {
border-bottom: 1px solid #DEDDDE !important;
}
.wrapper .border-left {
border-left: 1px solid #DEDDDE !important;
}
.border-gray {
border: 1px solid var(--gray-200) !important;
}
.border-theme {
border: 1px solid var(--theme-color) !important;
}
.text-gray-200 {
color: var(--gray-200) !important;
}
.bg-primary-300 {
background-color: var(--theme-primary-300);
}
.bg-gray-200 {
background-color: var(--gray-200) !important;
}
.bg-light {
background-color: #F5F5F5 !important;
}
table.table-md>:not(caption)>*>* {
padding: .6rem .8rem;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
font-family: "Noto Sans", sans-serif !important;
line-height: 1.4 !important;
}
.defualt-content * {
color: var(--gray-500) !important;
}
.bg-primary-mix-300 {
background-image: var(--gradient-primary-300);
}
.btn-theme,
.btn-primary {
background-color: var(--theme-color) !important;
border: 1px solid var(--theme-color) !important;
color: #fff !important;
border-radius: 0.75rem !important;
}
.btn-outline-theme {
background-color: #fff;
border: 2px solid var(--theme-color) !important;
color: var(--theme-color) !important;
border-radius: 0.75rem !important;
}
.btn-outline-theme:hover {
background-color: var(--theme-color) !important;
color: #fff !important;
}
.btn-theme:hover,
.btn-primary:hover {
background-color: var(--theme-color-hover) !important;
border-color: var(--theme-color-hover) !important;
color: #fff !important;
}
.btn-light {
background: #E9E9E9 !important;
color: #000 !important;
}
.flex-warp {
flex-wrap: wrap !important;
}
.btn-square-3 {
min-width: 3rem;
max-width: 3rem;
min-height: 3rem;
max-height: 3rem;
border-radius: 0.75rem;
background-size: calc(100% - 18px) !important;
}
.form-control {
border-radius: 0.75rem !important;
}
.no-wrap {
white-space: nowrap !important;
}
.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.20);
}
ul.list-group .list-group-item a {
font-size: 1rem !important;
color: rgba(255, 255, 255, .7) !important;
}
.footer-address td,
.footer-address td a {
font-size: 1rem;
color: rgba(255, 255, 255, .7) !important;
}
.home-item-cat a.category-tag,
a.category-tag,
.category-tag {
background-color: var(--theme-color);
color: #fff !important;
padding: 0.25rem 0.75rem;
border-radius: 1rem;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
font-weight: 400;
}
.home-item-cat a.category-tag.tag-white,
.home-item-cat a.category-tag.tag-white:hover {
background-color: #fff !important;
color: var(--theme-color) !important;
text-transform: capitalize;
font-weight: 500;
}
.home-item-cat a.category-tag:hover,
a.category-tag:hover,
.category-tag:hover {
color: #fff !important;
}
.banner-card {
border-radius: 1rem;
overflow: hidden;
}
.image-wrapper {
background: #000 !important;
}
.home-block-outer .banner-card .image-wrapper {
margin-bottom: 0;
height: 100%;
}
.home-block-outer .banner-card .image-wrapper img {
height: 100% !important;
object-fit: contain;
}
.banner-card .image-wrapper > a {
background: #000;
height: 100% !important;
width: 100% !important;
}
.card-title.h5 {
margin-top: unset !important;
font-size: 20px;
color: #000 !important;
margin: 6px 0 !important;
}
.home-banner {
padding: 5rem 0 13rem;
background: linear-gradient(180deg, #000 0%, var(--primary-dark-2) 100%);
margin-top: -66px;
}
/* #navbarSubmenu {
position: fixed !important;
z-index: 999 !important;
top: 100px !important;
left: 0 !important;
width: 100% !important;
margin: 0 !important;
} */
.navbar-bg {
border-radius: 6.25rem;
border: 1px solid rgba(255, 255, 255, 0.30);
background: linear-gradient(90deg, var(--primary-dark-2) 0%, #000 50%, var(--Colors-Primary-3, #000) 100%);
backdrop-filter: blur(20px);
padding: .25rem !important;
}
.navbar-bg .nav-link {
color: #ffffff !important;
border-radius: 20px;
font-size: .875rem !important;
}
.navbar-bg .nav-link:hover {
background-color: var(--theme-color-lite) !important;
}
.top-reduce {
margin-top: -10rem;
}
header #showbacktop {
background: #000 !important;
border: 0;
}
header.header {
position: relative;
z-index: 9999;
}
div#showbacktop:hover {
background: #000 !important;
}
#showbacktop .btn {
padding: .5rem 1rem;
}
header .mega-menu-trigger-text,
header .sidebar-menu-trigger {
border: 2px solid white !important;
border-radius: 12px !important;
}
.navbar .main-nav .nav-link {
padding: 4px .8em !important;
font-size: .875rem !important;
}
#navbarNavDropdown .main-nav .nav-item {
border-left: 1px solid #999;
}
#navbarNavDropdown .main-nav:last-child .nav-item {
border-right: 1px solid #999;
}
#navbarNavDropdown a {
border-left: none !important;
border-right: none !important;
}
.top-subscribe {
background: transparent !important;
}
#jbsn_search_box_header {
max-width: 576px;
margin: auto;
width: 100%;
}
.flex-wrap {
flex-wrap: wrap;
}
.carousel-v2 {
height: 440px;
overflow: hidden;
border-radius: 16px;
}
.carousel-v2 .carousel,
.carousel-v2 .carousel-inner,
.carousel-v2 .carousel-item {
height: 100%;
}
.carousel-v2.carousel .card {
height: 100%;
border: none;
}
.home-item-cat {
margin-top: 0 !important;
}
.magazine-cover {
position: relative;
background-size: cover;
background-position: center;
}
.magazine-cover::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(18, 19, 20, 0.9) 0%, rgba(18, 19, 20, 0.3) 100%);
z-index: 1;
}
.magazine-cover .magazine-box {
max-height: 470px;
max-width: 320px;
}
.magazine-year-row {
width: 100%;
}
.magazine-cover .magazine-title {
max-width: 50rem;
width: 100%;
margin-right: 16px;
}
.magazine-cover>div {
position: relative;
z-index: 2;
}
.carousel-v2 .home-item-cat {
position: absolute;
}
.carousel-v2.carousel .card .card-title a {
color: #FFF !important;
font-size: 36px;
font-weight: 700;
margin-bottom: 12px !important;
display: inline-block;
}
.carousel-v2.carousel .card .card-title a:hover {
color: #fff !important;
}
.banner-card .card-body {
background: linear-gradient(0deg, #121314 0%, rgba(18, 19, 20, 0.00) 100%);
}
.banner-card .card-body .card-text * {
color: #fff !important;
font-size: 20px;
}
.carousel-v2 .carousel-indicators {
margin-left: 15%;
list-style: none;
margin-right: unset;
margin-left: auto;
left: unset;
right: 20px;
}
.carousel-v2 .carousel-indicators button {
width: 16px !important;
height: 12px !important;
border-radius: 12px !important;
overflow: hidden;
border: none !important;
background: #fff !important;
opacity: 1;
}
.carousel-indicators button.active {
width: 38px !important;
background: var(--theme-color-lite) !important;
}
.image-wrapper .home-item-cat {
position: absolute;
left: 16px;
top: 16px;
}
.card:not(.banner-card) .image-wrapper,
.no-image-available {
height: 220px;
position: relative;
border-radius: 16px;
}
.card:not(.banner-card) .image-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: contain;
border-radius: 16px;
overflow: hidden;
}
.image-wrapper .home-item-cat + a {
background: #000;
height: 100%;
width: 100%;
}
.card:not(.banner-card) {
border-radius: 16px;
}
.no-image-available p {
color: #787474 !important;
}
.post-list-wrapper .image-wrapper,
.post-list-wrapper .no-image-available {
height: 65px !important;
min-width: 100px;
max-width: 100px;
}
.home-block-title {
color: #020817 !important;
font-weight: 700 !important;
font-size: 20px !important;
border-bottom: none !important;
text-transform: initial !important;
margin-bottom: 16px;
}
.home-block-outer a,
.card-heading {
color: #020817 !important;
}
.home-block-outer a.view-all-link,
.home-block-title a.view-all-link {
font-weight: 500;
color: var(--theme-color-lite) !important;
font-size: 14px;
text-transform: initial;
font-weight: 600;
}
.home-block-outer a.view-all-link:hover,
.home-block-title a.view-all-link:hover,
.home-section-title a:hover,
body .home-block-title a:hover {
color: var(--theme-color-hover) !important;
}
.post-list-wrapper .card-title {
font-size: 16px !important;
}
.post-list-wrapper .post-list-item .card-title {
margin: 2px 0 !important;
}
.post-list-wrapper .home-item-cat .category-tag,
.post-list-wrapper .home-item-cat .category-tag:hover {
background: transparent;
color: var(--theme-color-lite) !important;
padding: 0;
text-transform: initial;
}
.post-list .card-text * {
color: var(--gray-500) !important;
}
.videos-section #video {
display: flex;
flex-direction: column;
}
.videos-section #video>div:nth-child(1) {
order: 1;
}
.videos-section #video>div:nth-child(2) {
order: 3;
}
.videos-section #video>div:nth-child(3) {
order: 2;
}
.single-feature .carousel-v2 {
height: 260px;
}
.single-feature .carousel-v2.carousel .card .card-title a {
font-size: 16px;
font-weight: 600;
margin-bottom: 4px !important;
}
.single-feature .carousel-v2.carousel .card .card-text * {
font-size: 14px;
}
.single-feature .carousel-v2 .carousel-indicators {
display: none;
}
.single-feature .carousel-v2 .card-body {
padding: 1rem !important;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.single-feature .carousel-v2 .image-wrapper,
.single-feature .carousel-v2 .image-wrapper img {
height: 100%;
width: 100%;
object-fit: contain;
}
.post-list-item {
gap: 12px;
}
.post-list-item a img {
width: 6rem;
height: 4rem;
object-fit: cover;
border-radius: .75rem;
}
.post-list-item .card-title,
.widget_latest .post-list-item h4 a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tag-btn {
border-radius: 12px !important;
border: 1px solid #E9E9E9 !important;
padding: 16px !important;
color: var(--gray-500) !important;
font-weight: 600 !important;
font-size: 14px !important;
}
.post-list-box .card-body {
border: 1px solid #dee2e6;
padding: 1rem !important;
border-radius: 16px;
}
.latest-post-feature {
min-height: 16rem;
}
.latest-post-feature .post-cover {
position: relative;
height: 260px;
border-radius: 12px;
overflow: hidden;
}
.latest-post-feature::before {
content: '';
background: linear-gradient(0deg, black, transparent);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
border-radius: 16px;
}
.latest-post-feature .card-body {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
}
.latest-post-feature .category-tag {
padding: 0.25rem 0.75rem;
background: #FFF;
color: var(--theme-color-lite) !important;
font-size: 0.75rem;
font-weight: 500;
text-transform: unset;
}
.latest-post-feature .post-cover img.card-img-top {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#listen-now-button-wrapper .btn {
width: auto;
display: inline-flex;
}
.accordion-item {
border: none !important;
border-bottom: 1px solid #dee2e6 !important;
padding: 12px 16px;
}
.accordion-body ul li a {
padding: 8px 0;
color: var(--gray-500) !important;
font-weight: 400 !important;
display: inline-block;
}
.accordion-body ul li {
border: none !important;
}
.accordion-button:not(.collapsed)::after {
background-image: var(--accordion-btn-active-icon) !important;
}
.accordion-button::after {
background-image: var(--accordion-btn-icon) !important;
background-size: 100% !important;
width: 24px !important;
height: 24px !important;
}
.entry-content.post-content p {
color: var(--gray-700);
font-size: 16px;
line-height: 1.7;
}
#audio-player-actual-container {
position: fixed;
bottom: 40px;
left: 0;
right: 0;
width: 80%;
padding: 16px;
box-shadow: 0px 0px 10px #00000061;
z-index: 99;
margin: auto;
border-radius: 16px;
min-height: 60px;
}
#close-audio-player {
position: absolute;
top: -2px;
right: -2px;
border: none;
font-size: 17px;
cursor: pointer;
color: #ffffff;
width: 25px;
height: 25px;
background: var(--theme-color);
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
}
#audio-player-actual-container::before {
content: '';
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
background: #00000036;
z-index: 9;
pointer-events: none;
}
#listen-now-button {
height: 48px;
}
.insider-list ul.nav li {
background: #F9F9F9;
border: 0 !important;
border-left: 1px solid var(--theme-color-lite) !important;
margin-top: 16px;
border-radius: 16px;
}
.insider-list ul.nav li a {
border: none;
font-size: 16px;
color: var(--gray-500) !important;
font-weight: 500 !important;
padding: 14px !important;
}
.insider-list ul.nav {
padding: 16px;
padding-top: 0;
}
#ta-paywall-overlay {
position: unset !important;
background: transparent !important;
}
#megaMenu .nav-link {
padding: 3px 0 !important;
font-size: 1rem !important;
color: #BBBABA !important;
font-style: normal !important;
font-weight: 600;
}
div#megaMenu>div>div>div {
border: none !important;
}
#megaMenu h5.menu-item a {
color: #fff !important;
font-size: 1.25rem !important;
font-weight: 600 !important;
}
#megaMenuContainer #megaMenu .nav-item:hover {
background-color: transparent !important;
}
#megaMenu .nav-item,
#megaMenu h5 {
margin-bottom: 8px !important;
}
#megaMenu .item-news-\&-reports .nav-link {
font-size: 1.25rem !important;
color: #fff !important;
pointer-events: none;
}
#megaMenuContainer {
background: rgba(0, 0, 0, 0.90) !important;
backdrop-filter: blur(8px);
}
#megaMenuContainer #megaMenu .item-freedom-index a {
font-weight: 600;
color: #BBBABA !important;
}
#megaMenuContainer #megaMenu .item-freedom-index a:hover {
color: #0055a4 !important;
}
.banner-inner-pages {
height: 400px;
display: flex;
align-items: flex-end;
padding-bottom: 0 !important;
position: relative;
}
.banner-inner-pages::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 8;
background: linear-gradient(0deg, var(--Colors-Primary-3, #000) 0%, #000 23.98%, rgba(0, 0, 0, 0.00) 60%, rgba(0, 0, 0, 0.00) 100%);
}
.banner-inner-pages>div {
position: relative;
z-index: 9;
}
.report-tag::before {
content: '';
width: 1.25rem;
height: 1.25rem;
display: inline-block;
background-image: var(--report-icon);
background-repeat: no-repeat;
background-position: center;
}
.card.product-card:hover {
border-color: var(--primary-dark-2) !important;
}
.search-bg-icon {
background-image: var(--search-icon-dark);
background-repeat: no-repeat;
background-size: 20px;
background-position: 9px center;
padding-left: 35px !important;
}
select {
background-image: var(--dropdown-icon);
background-repeat: no-repeat;
background-size: 20px;
background-position: 98% center;
padding-right: 35px !important;
}
.premium-content-card.card {
border: 1px solid #DEDDDE;
background: #F5F5F5;
}
.subscription-offer-card.card {
border: 1.5px solid #ececec;
}
.subscription-offer-card ul {
font-size: 1.08rem;
margin-top: 1.5rem;
margin-bottom: 2.5rem !important;
}
.list-v2 li,
.accordion-body li {
position: relative;
padding-left: 28px;
list-style: none;
}
.list-v2 li {
color: #231F20 !important;
margin-bottom: .5rem;
}
.wrapper .accordion-body ul li {
border: none !important;
margin-bottom: .5rem;
}
.list-v2 li:before,
.accordion-body li:before {
content: '';
display: inline-block;
width: 20px;
height: 21px;
background-image: var(--list-v2-icon);
background-size: 20px 21px;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0.1em;
}
.accordion-body li:before {
background-image: var(--list-v3-icon) !important;
top: 0.3em !important;
}
.avatar-sm-2 {
height: 4rem;
width: 4rem;
}
.img-cover {
object-fit: cover !important;
}
.theme-text-primary {
color: var(--theme-color-lite) !important;
}
.bg-theme-light {
background: #FEF2F2 !important;
}
.theme-shade {
background: linear-gradient(180deg, #000 0%, var(--primary-dark-2) 100%);
}
.member-avatar {
background-color: #932c2c;
/* A dark red */
border-radius: 1rem;
width: 120px;
height: 120px;
}
.party-badge {
background-color: #932c2c;
font-weight: 400 !important;
}
.freedom-score-box {
border-radius: 0.5rem;
border: 2px solid var(--primary-dark-2);
}
.freedom-score-percentage {
font-size: 28px;
}
.freedom-score-label {
font-size: 0.9rem;
}
.legislator-meta {
font-size: 0.9rem;
color: #eee;
}
/* Custom styles for legislator contact card */
.rep-info-box {
border: 1px solid #e5e5e5;
margin-bottom: 1rem;
background-color: #F5F5F5;
}
.score-table table thead tr:first-child th {
color: #231F20;
font-size: 16px;
font-weight: 400;
}
.score-table table tr th:last-child {
text-align: right;
}
.score-table table tbody tr td:last-child {
font-size: 16px;
color: #039;
text-align: right;
}
tr.vote-row {
border-top: 2px solid #E2E8F0 !important;
}
thead th {
font-size: 0.875rem;
font-weight: 400;
color: var(--gray-500);
}
.border-2 {
border-width: 2px !important;
}
.collapse.show+.read-more {
display: none !important;
transition: display 0.s ease-in-out;
}
.scorecard-header {
background: #333 url('../img/congressional-scorecard.png') no-repeat center top !important;
}
.scorecard-header::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
left: 0;
top: 0;
}
.lead,
.lead p {
font-size: 1rem;
font-weight: 300;
color: var(--gray-500);
}
.scorecard-row p {
font-size: 16px;
color: var(--gray-500);
}
.image-single-wrapper, .magazine-article-image {
background-color: #000 !important;
}
.magazine-article-image {
min-height: 430px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 55vh;
}
.magazine-article-image a.magazine-article-img-wrapper {
height: 100%;
width: 100%;
}
.magazine-article-image a.magazine-article-img-wrapper img {
height: 100% !important;
width: 100% !important;
object-fit: contain !important;
object-position: center !important;
}
.post-content .image-single-wrapper {
max-height: 55vh;
}
.post-content .image-single-wrapper,
.post-content .image-single-wrapper img {
border-radius: 12px;
overflow: hidden;
height: 100% !important;
object-fit: contain;
}
main .post-content {
line-height: 1.3rem;
}
.wc_payment_methods .payment_method_offline_payment .input-radio {
margin-right: 8px !important;
}
.lh-normal {
line-height: normal !important;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
border-radius: 16px;
}
.lh-md {
line-height: 1.5 !important;
}
.woocommerce-form-login__rememberme {
display: inline-flex !important;
align-items: center;
gap: 8px;
margin-left: auto;
width: calc(100% - 100px);
justify-content: flex-end;
}
button.woocommerce-button.button.woocommerce-form-login__submit {
border-radius: 12px;
background: var(--theme-color-lite);
font-size: 16px;
padding: 14px 20px;
color: #fff;
}
.vote-card-good {
background-color: #f8fcfa;
border-width: 2px !important;
}
.vote-card-bad {
background-color: #fdf7f7;
border-width: 2px !important;
}
.vote-card-none {
background-color: #f7fafd;
border-width: 2px !important;
}
.vote-card .card-body {
min-height: 100px;
}
/* Vote legend redesign */
.vote-legend .card {
box-shadow: none;
border-width: 2px;
transition: box-shadow 0.2s;
background: #f8f9fa;
width: 33.3%;
}
.vote-legend .card-body {
padding: 1.5rem 0.5rem;
}
.vote-legend .vote-card-good {
background: #f8fcfa;
border-color: #198754 !important;
}
.vote-legend .vote-card-good span {
background-color: #198754;
}
.vote-legend .vote-card-bad {
background: #fdf7f7;
border-color: var(--theme-color-lite) !important;
}
.vote-legend .vote-card-bad span {
background-color: var(--theme-color-lite);
}
.vote-legend .vote-card-none {
background: #f7f9fd;
border-color: #039 !important;
}
.vote-legend .vote-card-none span {
background-color: #039;
}
.vote-legend .icon-container {
height: 32px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0.5rem;
}
.box-24 {
width: 24px;
height: 24px;
}
.box-32 {
width: 32px;
height: 32px;
min-height: 32px !important;
}
.box-36 {
width: 36px;
height: 36px !important;
min-height: 36px !important;
}
.box-60 {
width: 60px !important;
height: 60px !important;
}
/* Share & PDF section redesign */
.fi-section-card {
background: #FFF8F8 !important;
border: 1px solid var(--primary-dark-2) !important;
border-radius: 16px !important;
}
.fi-section-card .form-label {
font-weight: 500;
color: var(--gray-500);
margin-bottom: 0.25rem;
}
.fi-section-card .form-control {
background: #fafbfc;
border: 1.5px solid #DEDDDE;
border-radius: 12px;
font-size: 1rem;
padding: 0.75rem 1rem;
}
.fi-section-card .form-control:focus {
border-color: var(--theme-color-lite);
box-shadow: 0 0 0 0.1rem var(--theme-color-lite)22;
}
.fi-section-card .form-check-label {
font-weight: 500;
color: #231F20;
margin-right: 1.5em;
}
.fi-section-card .form-check {
margin-right: 1.5em;
}
.fi-section-card .form-check:last-child {
margin-right: 0;
}
.fi-section-card .section-title {
font-size: 1.15rem;
font-weight: 600;
color: #231F20;
margin-bottom: 0.25rem;
}
.fi-section-card .section-desc {
color: var(--gray-500);
font-size: 0.98rem;
margin-bottom: 1rem;
}
.fi-section-card .fi-pdf-btn i {
margin-right: 0.5em;
}
.fi-section-card.info-box {
background: #F5F5F5 !important;
border: 1.5px solid #E9E9E9 !important;
}
.fi-section-card.user-guide-box {
background: #fff !important;
border: 1px solid #E9E9E9 !important;
}
#content input[type="radio"],
.wrapper input[type="radio"] {
appearance: none !important;
-webkit-appearance: none !important;
background-color: #fff !important;
border-radius: 0px !important;
height: 20px !important;
width: 20px !important;
border-color: var(--theme-color-lite) !important;
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-ms-border-radius: 0px !important;
-o-border-radius: 0px !important;
box-shadow: none !important;
position: relative !important;
top: -2px;
border: 1px solid;
}
#content input[type="radio"],
.wrapper input[type="radio"] {
border-radius: 30px !important;
}
#content input[type="radio"]::before,
.wrapper input[type="radio"]::before {
content: '' !important;
display: none !important;
width: 10px !important;
height: 10px !important;
background-color: var(--theme-color-lite) !important;
border-radius: 30px !important;
}
#content input[type="radio"]:checked::before,
.wrapper input[type="radio"]:checked::before {
display: block !important;
}
#content input[type="checkbox"],
.wrapper input[type="checkbox"] {
appearance: none !important;
-webkit-appearance: none !important;
background-color: #fff !important;
border-radius: 0px !important;
height: 20px !important;
width: 20px !important;
border-color: var(--theme-color-lite) !important;
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-ms-border-radius: 0px !important;
-o-border-radius: 0px !important;
box-shadow: none !important;
position: relative !important;
top: -2px;
border: 1px solid;
padding: 0;
}
#content input[type="checkbox"],
.wrapper input[type="checkbox"] {
border-radius: 4px !important;
}
#content input[type="checkbox"]::before,
.wrapper input[type="checkbox"]::before {
content: '' !important;
display: none !important;
background-image: url('data:image/svg+xml;utf8,') !important;
background-size: 14px 14px !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 15px;
height: 15px;
}
#content input[type="checkbox"]:checked::before,
.wrapper input[type="checkbox"]:checked::before {
display: block !important;
}
#content input.form-control:not([type="checkbox"]):not([type="radio"]),
select.form-control,
textarea.form-control,
.frm-fluent-form .choices__inner,
#content input.ff-el-form-control:not([type="checkbox"]):not([type="radio"]),
select.ff-el-form-control,
textarea.ff-el-form-control {
border-radius: 12px !important;
}
.ff-default .ff-el-input--label label {
color: #020817;
font-size: .875rem;
}
#content input.form-control:not([type="checkbox"]):not([type="radio"]),
select.form-control,
input.ff-el-form-control:not([type="checkbox"]):not([type="radio"]),
select.ff-el-form-control,
.choices[data-type*=select-one] .choices__inner {
min-height: 3rem;
}
#content .choices__inner {
padding: .2rem 1rem !important;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #1b1b1b;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 12px;
display: inline-flex;
align-items: center;
}
#content .choices__list--dropdown .choices__item,
#content .choices__list[aria-expanded] .choices__item {
color: var(--gray-500);
}
#content .choices[data-type*=select-one]::after {
content: "";
height: 22px;
width: 22px;
background-image: var(--dropdown-icon);
border: none !important;
margin-top: 0;
top: 0;
bottom: 0;
margin: auto;
background-position: center;
}
td.fi-vote {
font-size: initial !important;
line-height: initial !important;
}
tr.scorecard-row td {
vertical-align: middle;
}
.fi-vote span {
width: 1.5rem;
height: 1.5rem;
display: inline-flex;
border-radius: 0.25rem;
align-items: center;
justify-content: center;
}
.member-score-icon {
width: 50px;
}
.navbar-dark .footer-nav a {
color: rgba(255, 255, 255, 0.60) !important;
}
#filerState {
width: 300px;
margin-left: auto;
}
.pod-host-badge {
position: absolute;
top: 12px;
right: 16px;
z-index: 2;
width: 40px;
height: 40px;
border-radius: 50%;
background: #6C63FF;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 1.25rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
border: 3px solid #fff;
}
.card-thumb {
position: relative;
overflow: hidden;
border-radius: 1rem 1rem 0 0;
}
.card-thumb img {
border-radius: 1rem 1rem 0 0;
width: 100%;
object-fit: cover;
}
.img-contain {
object-fit: contain !important;
}
.btn.btn-outline-dark,
.btn-outline-dark {
border-radius: 12px;
border: 1px solid #E9E9E9;
background: #FFF;
min-height: 40px;
color: #231F20;
transition: .5s ease-in-out all;
}
.btn.btn-outline-dark:hover,
.btn-outline-dark:hover {
border: 1px solid #E9E9E9;
background: #E9E9E9;
color: #231F20;
transition: .5s ease-in-out all;
}
.podcast-banner {
background-image: url('../img/podcast-banner.jpg') !important;
background-position: top !important;
}
.video-banner {
background-image: url('../img/video-banner.jpg') !important;
background-position: top !important;
}
.shop-banner {
background-image: url('../img/shop-banner-2.jpg') !important;
background-position: center !important;
}
.podsub-custom-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
margin-bottom: 1.5rem;
}
.podsub-custom-grid .btn {
width: 100%;
min-height: 48px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 1rem;
}
/* Tablet: 2 columns */
@media (min-width: 600px) {
.podsub-custom-grid {
grid-template-columns: 1fr 1fr;
}
}
/* Desktop/Web: 3 columns */
@media (min-width: 900px) {
.podsub-custom-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
.powerpress_player {
margin-bottom: 10px;
}
.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
border-radius: 16px;
overflow: hidden;
}
.mag-year {
text-orientation: upright;
writing-mode: vertical-lr;
align-items: center;
gap: 1rem;
width: 50px;
}
.mag-year::before,
.mag-year::after {
content: '';
width: 2px;
height: 100%;
background-color: #e9e9e9;
}
.episode-actions .btn-secondary {
background: #e0e0e0;
color: #333;
border: none;
}
.episode-player-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
display: flex;
align-items: flex-end;
justify-content: center;
}
.player-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.player-modal-content {
position: relative;
z-index: 2;
background: #fff;
border-radius: 12px;
padding: 1rem;
width: 80vw;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
margin-bottom: 40px;
}
.pagination {
display: flex;
gap: 0.5rem;
justify-content: center;
align-items: center;
padding: 1rem 0;
list-style: none;
background: none;
border: none;
}
.pagination .page-item {
display: inline-block;
}
.pagination .page-link,
.pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
min-height: 38px;
padding: 0 12px;
font-size: 1.2rem;
color: var(--gray-500) !important;
background: #f3f3f3;
border-radius: 8px !important;
border: none !important;
text-decoration: none;
transition: background 0.2s, color 0.2s;
cursor: pointer;
font-weight: 600;
}
.pagination .page-item.active .page-link,
.pagination .page-link.active,
.pagination .page-numbers.current {
background: var(--theme-color-lite);
/* Red */
color: #fff !important;
cursor: default;
}
.pagination .page-item.disabled .page-link,
.pagination .page-link.disabled,
.pagination .page-numbers.disabled {
color: #bbb;
background: #f3f3f3;
cursor: not-allowed;
}
.pagination .page-link:hover,
.pagination .page-item:not(.active):not(.disabled) .page-link:hover {
background: #e0e0e0;
color: var(--theme-color-lite);
text-decoration: none;
}
.pagination .page-link.dots {
cursor: default;
background: #f3f3f3;
color: #bbb;
pointer-events: none;
}
.wrapper .card.cover-story-card .magtocshow,
.wrapper .card.cover-story-card .mag-feature-group,
.card.cover-story-card .magtocshow,
.cover-story-card .magtocshow {
border: 1px solid var(--primary-dark-2) !important;
background: #FFF8F8 !important;
padding: 1rem !important;
border-radius: 16px;
margin-top: 1rem !important;
}
.cover-story-card .magtocshow p {
margin-bottom: 0;
}
.features-card .mag-feature-group {
border-radius: 1rem;
border-left: 1px solid var(--theme-color-lite);
background: #F9F9F9;
padding: 16px;
margin-top: 1.5rem !important;
}
.features-card p {
color: var(--gray-500) !important;
}
.card-fromeditor a h3,
.departments-card a h3 {
font-size: 16px !important;
color: #039 !important;
font-weight: 500;
}
.magazine-article-image .magazine-tag {
right: 20px;
top: 20px;
min-width: auto;
background: var(--theme-color);
color: #fff;
border-left: none;
border-bottom: none;
border-radius: 36px;
}
.u-blockquote,
.wp-block-quote {
border-left: 2px solid var(--primary-dark-2) !important;
background: #FFF8F8 !important;
font-weight: 600;
border-radius: 16px;
}
.u-blockquote p,
.wp-block-quote p {
font-weight: 600 !important;
}
.u-blockquote::before,
.wp-block-quote::before {
display: none !important;
}
.u-blockquote p,
.u-blockquote footer,
.wp-block-quote p,
.wp-block-quote footer {
margin: 0 !important;
font-size: 0.875rem !important;
color: #231F20 !important;
font-weight: 400;
}
.wp-block-media-text {
border-radius: 1rem;
border: 1px solid #D1D5DB;
padding: 16px;
}
.wp-block-media-text img {
border-radius: 12px !important;
}
.wp-block-media-text>.wp-block-media-text__content {
padding: 0 3% !important;
}
.wp-block-media-text>.wp-block-media-text__content p {
color: #231F20 !important;
}
.magazine-footer p strong {
color: #000;
}
.magazine-footer p a {
color: #039;
}
.magazine-footer {
padding: 1.5em;
}
.mag-body h1 {
line-height: normal !important;
}
.btn {
min-height: 48px;
display: inline-flex;
align-items: center;
}
.btn.btn-sm {
min-height: 40px;
}
.post-content ul {
font-size: 16px;
color: var(--gray-500) !important;
}
.schema-faq-section .schema-faq-question {
width: 100%;
display: flex;
justify-content: end;
margin-bottom: 10px;
flex-direction: row-reverse;
gap: 8px;
margin-bottom: 1rem;
}
.schema-faq-section .schema-faq-question span {
border-radius: 1rem 0.375rem 1rem 1rem;
background: var(--theme-color-lite);
padding: 0.5rem 1rem;
color: #fff;
font-size: .875rem;
font-weight: 400 !important;
}
.schema-faq-section .schema-faq-question::before {
content: '';
width: 2rem;
height: 2rem;
min-width: 2rem !important;
display: inline-block;
background-image: var(--user-avatar);
background-repeat: no-repeat;
background-position: center;
}
.schema-faq-section .schema-faq-answer {
width: 100%;
display: flex;
margin-bottom: 10px;
gap: 8px;
margin-bottom: 1rem;
}
.schema-faq-section .schema-faq-answer span {
border-radius: 0.375rem 1rem 1rem 1rem;
background: #F5F5F5;
padding: 0.5rem 1rem;
color: #231F20;
font-size: .875rem;
font-weight: 400 !important;
}
.schema-faq-section .schema-faq-answer::before {
content: '';
width: 2rem;
height: 2rem;
min-width: 2rem !important;
display: inline-block;
background-image: var(--message-icon-round);
background-repeat: no-repeat;
background-position: center;
}
.ff-el-form-check.ff-el-form-check- {
display: inline-block;
margin-right: 20px;
}
.ff_file_upload_holder {
width: 100%;
display: flex;
height: 8.25rem;
min-height: 8.25rem;
padding: 0.75rem 1rem;
flex-direction: column;
justify-content: center;
align-items: center;
align-self: stretch;
border-radius: 0.75rem;
background: #F5F5F5;
cursor: pointer;
}
.fluentform .ff_upload_btn.ff-btn {
background: transparent !important;
border-color: transparent !important;
color: #000 !important;
padding: 0;
display: inline-flex !important;
padding: 10px 20px;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 1.5;
}
.fluentform .ff_upload_btn.ff-btn::before {
content: '';
background-image: var(--upload-icon);
width: 1.375rem;
height: 1.375rem;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
}
.fluentform .ff_upload_btn.ff-btn::after {
content: '5MB max file size';
color: var(--gray-500) !important;
font-size: 0.75rem;
}
/* .ff-uploaded-list::before {
content: 'Uploaded Files';
color: #020817;
font-size: 0.875rem;
font-weight: 500;
} */
.fluentform .ff-upload-preview {
border: 1px solid #E9E9E9 !important;
border-radius: 12px !important;
padding: 8px;
}
.fluentform .ff-upload-filename {
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
.fluentform .ff-upload-progress-inline {
display: none;
}
.fluentform .ff-upload-remove {
right: 16px !important;
top: 3px !important;
bottom: 0 !important;
margin: auto;
height: 22px !important;
font-size: 40px !important;
width: 22px !important;
line-height: .5 !important;
color: #BBBABA !important;
}
.ff-upload-progress-inline-text {
display: none;
}
.ff-upload-filesize {
font-size: 12px !important;
}
.fluentform .ff-upload-preview-img {
border-radius: 8px !important;
}
.avatar-40 {
width: 40px !important;
height: 40px !important;
min-height: 40px !important;
min-width: 40px !important;
}
.schema-faq-answer a {
text-decoration: underline !important;
}
.poster-by {
display: flex;
flex-direction: row-reverse;
}
.posted-on,
.byline {
display: inline-flex;
align-items: center;
gap: 8px;
line-height: 1;
}
.posted-on *,
.byline * {
color: var(--gray-500) !important;
font-weight: 500;
line-height: 1;
}
.byline a {
color: #039 !important;
}
.posted-on .fa,
.byline .fa {
display: none;
}
.posted-on::before,
.byline::before {
content: '';
width: 1.25rem;
height: 1.25rem;
background-image: var(--calendar-icon);
display: inline-block;
background-position: center;
background-repeat: no-repeat;
}
.byline::before {
background-image: var(--user-icon) !important;
}
.tna-social-channels .wp-block-heading {
display: none;
}
.tna-social-channels a.btn {
border-radius: 0.75rem !important;
border: 1px solid #E9E9E9 !important;
background: #F5F5F5 !important;
margin: 0 !important;
color: #231F20 !important;
font-size: 0.875rem !important;
padding: .4rem 1rem;
display: flex;
align-items: center;
}
.media-figure {
height: 150px;
width: 150px;
border-radius: 16px;
overflow: hidden;
}
.media-figure img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.tags-links span {
display: block;
margin-bottom: .5rem;
font-size: 1.25rem;
}
.tags-links a {
border-radius: 0.75rem;
border: 1px solid var(--primary-dark-2) !important;
background: rgba(196, 19, 36, 0.02);
padding: .4rem 1rem !important;
color: #231F20 !important;
margin-top: .4rem;
margin-right: .4rem !important;
}
.tags-links a:hover {
background-color: var(--primary-dark-2) !important;
color: #fff !important;
}
.tags-links.tagcloud {
border-top: 1px solid #E9E9E9;
padding-top: 1rem;
}
.tags-links.tagcloud div.fw-bold {
margin-bottom: .5rem;
font-size: 1.25rem;
}
.tags-links.tagcloud a {
border: 1px solid #E9E9E9 !important;
background-color: #fff !important;
}
.tags-links.tagcloud a:hover {
background-color: #E9E9E9 !important;
color: #231F20 !important;
}
.img-ownership {
position: absolute;
bottom: 0;
z-index: 99;
right: 0;
background: transparent;
display: inline-flex;
justify-content: space-between;
flex-wrap: wrap;
border-top-left-radius: 16px;
gap: 10px;
width: 100%;
align-items: stretch;
flex-direction: row-reverse;
}
.img-ownership figcaption,
.img-ownership figcaption span,
.img-ownership figcaption span a {
display: inline-block;
background-color: transparent !important;
color: #fff !important;
margin: 0 !important;
font-size: .875rem !important;
}
.post-content figure figcaption {
font-family: Verdana,sans-serif;
text-align: left;
font-size: .875rem !important;
font-style: italic;
font-weight: 400;
line-height: 1rem;
color: var(--bs-gray-600);
background: #0000005c;
backdrop-filter: blur(20px);
padding: 4px 10px !important;
display: flex;
align-items: center;
}
.theme-cover-card .image-wrapper {
position: absolute !important;
height: 100% !important;
}
.theme-cover {
height: 28rem !important;
}
.podcast-block .theme-text {
display: block !important;
}
.reporter-list .card-details {
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.reporter-list .image-wrapper {
height: 7rem !important;
}
.reporter-list .author-name {
display: none !important;
}
.freedom-feature img.img-fluid {
height: 440px !important;
object-fit: fill;
object-position: center;
}
select.form-control {
color: var(--gray-500);
}
select.form-control:hover,
select.form-control:focus {
color: #1b1b1b !important;
background-color: #fff !important;
border-color: 1px solid var(--theme-color) !important;
outline: 0 !important;
box-shadow: 0 0 0 0 #fff0 !important;
}
.bg-twitter,
.btn-twitter {
background-color: #E9E9E9 !important;
color: #090909 !important;
border: 1px solid #DEDDDE !important;
}
.text-separator::before,
.text-separator::after {
content: '';
width: 100%;
display: inline-block;
height: 1px;
background-color: #D9D9D9;
}
.text-separator {
align-items: center;
display: flex;
gap: 8px;
}
.text-separator span {
white-space: nowrap;
}
.btn-subscribe {
border: 1px solid #E9E9E9 !important;
}
.btn-subscribe:hover {
background-color: #E9E9E9 !important;
}
/* a.podsub-btn span::before {
width: 34px !important;
height: 34px !important;
background-size: cover;
background-repeat: no-repeat;
} */
.wp-block-media-text {
margin-bottom: 1.5rem;
}
.features-card .mag-feature-group h5.category-tag {
position: absolute;
top: -12px;
left: 14px;
}
.mag-feature-group p:last-child {
margin-bottom: 0;
}
.card-fromeditor h1 {
margin-bottom: 8px !important;
}
.departments-card .mag-departments:not(:last-child) {
margin-bottom: 1rem;
}
.play-btn {
position: absolute;
text-align: center;
left: 50%;
top: 50%;
margin: -25px 0 0 -25px;
font-size: 20px;
transition: all 0.25s;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
background: rgba(0, 0, 0, 0.40);
backdrop-filter: blur(4px);
color: #fff;
width: 3.375rem;
height: 3.375rem;
display: flex;
align-items: center;
justify-content: center;
}
.video-listing> :not(:nth-last-child(-n+3)) {
margin-bottom: 3rem !important;
}
.embed-refresh-v2 .avatar .user--refresh {
width: 48px !important;
height: 48px !important;
border-radius: 46px !important;
}
.send-btn::before {
content: '';
background-image: var(--send-icon);
width: 18px;
height: 18px;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
}
.fluentform .ff-upload-preview-img,
.fluentform .ff-upload-thumb {
background-color: transparent !important;
height: 42px !important;
width: 42px !important;
}
.fluentform .ff-upload-details {
border-left: none !important;
}
.ff-upload-progress-inline-text {
display: none !important;
}
.ff-upload-filesize {
margin-left: 0 !important;
}
.size-32 {
width: 32px;
height: 32px;
}
#shopBanner {
height: 30rem;
overflow: hidden;
border-radius: 1rem;
position: relative;
top: 200px;
}
.shop-content {
margin-top: 15rem;
}
.position-center {
position: absolute;
z-index: 999999;
left: 0;
right: 0;
width: 110px;
bottom: 0;
top: 0;
height: 40px;
margin: auto;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.freedom-feature .card a::before {
content: '';
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 26.47%, rgba(0, 0, 0, 0.60) 100%);
opacity: 0;
transition: all 0.3s ease-in-out;
}
.freedom-feature:hover .position-center,
.freedom-feature:hover .card a::before {
opacity: 1;
transition: all 0.3s ease-in-out;
}
#megaMenuContainer {
z-index: 999 !important;
}
.choices__list--dropdown,
.choices__list {
z-index: 999 !important;
}
.choices__item {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.user-guide-card {
border: 1px solid var(--primary-dark-2) !important;
background: #FFF8F8 !important;
}
.magazine-tag {
font-size: 14px !important;
font-weight: 600 !important;
text-transform: capitalize !important;
padding: 2px 15px !important;
}
.magazine-article-image .magazine-tag {
left: 20px !important;
right: initial !important;
}
/* .post-content img {
min-height: 27rem;
} */
.magazine-article-image {
background-color: #f8f9fa;
}
.menu-item.active a,
#submenu .nav-item.active a {
background-color: var(--theme-color) !important;
}
.reprint-card .jbspg-image img {
min-height: auto;
margin-bottom: 8px;
min-height: 320px;
object-fit: contain;
}
.reprint-card .jbspg-image {
height: auto;
}
.reprint-card .jbspg-text {
height: auto;
}
.episode-player-modal .powerpress_player {
margin-bottom: 0 !important;
}
.episode-player-modal .mejs-audio {
width: 100% !important;
}
.frm-fluent-form .choices__list--dropdown {
max-height: unset !important;
}
body .bg-twitter,
body .btn-twitter {
background-color: #E9E9E9 !important;
color: #000 !important;
border: 1px solid #DEDDDE !important;
}
div#navbarSubmenu {
z-index: 99;
}
.header-position {
margin: 12px 0;
}
.category-button-wrapper {
overflow-x: auto;
white-space: nowrap;
text-align: center;
margin-bottom: 20px;
}
.category-button-group {
display: inline-flex;
gap: 10px;
scroll-snap-type: x mandatory;
}
.cat-btn {
padding: 8px 16px;
border-radius: 20px;
background: #f5f5f5;
text-decoration: none;
color: #333;
font-weight: 500;
white-space: nowrap;
scroll-snap-align: center;
transition: all 0.3s ease;
}
.cat-btn:hover {
background: #ddd;
}
.cat-btn.active {
background: #c00;
color: #fff;
}
.serach-tag {
background-color: #F6A1A9;
color: var(--primary-dark-2);
font-size: .75rem;
padding: 0.25rem 0.75rem;
font-weight: 600;
}
.shop-image-wrapper {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
border-radius: 8px;
}
.shop-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.shop-title h2 {
color: var(--gray-500);
font-size: 12px;
font-weight: 400;
}
.shop-title a {
color: #333;
text-decoration: none;
}
.shop-title a:hover {
color: #007cba;
}
.shop-price {
margin-bottom: 8px;
}
.shop-price .price {
font-size: 16px;
font-weight: 700;
color: #333;
}
.shop-price .price del {
color: #999;
font-weight: 400;
margin-right: 5px;
}
.shop-info .shop-title {
margin-bottom: 12px;
}
.shop-card .shop-image-wrapper {
border-radius: 8px;
border: 1px solid #E9E9E9;
margin-bottom: 8px;
}
.shop-actions {
text-align: center;
}
.shop-actions .button,
.shop-actions .add_to_cart_button {
background-color: var(--theme-color-lite) !important;
color: white !important;
border: none !important;
padding: 10px 20px !important;
border-radius: 12px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.5px;
transition: background-color 0.3s ease;
display: inline-flex !important;
align-items: center;
gap: 8px;
text-decoration: none !important;
cursor: pointer !important;
width: 100%;
justify-content: center;
}
.shop-actions .button:hover,
.shop-actions .add_to_cart_button:hover {
background-color: #c82333;
color: white;
text-decoration: none;
}
.shop-actions .button:before,
.shop-actions .add_to_cart_button:before {
content: "";
font-size: 16px;
background-image: var(--shop-icon);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-flex;
width: 18px;
height: 18px;
}
/* Sale flash styling */
.shop-image-wrapper .onsale {
position: absolute;
top: 10px;
right: 10px;
background-color: #dc3545;
color: white;
padding: 5px 10px;
border-radius: 3px;
font-size: 12px;
font-weight: 600;
z-index: 2;
}
/* Category separator styling */
.category-separator {
margin: 30px 0 20px 0;
}
.category-divider {
position: relative;
text-align: center;
margin: 20px 0;
}
.category-divider::before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(to right, transparent, #ddd, transparent);
z-index: 1;
}
.category-title {
background: #fff;
padding: 0 20px;
font-size: 18px;
font-weight: 700;
color: #333;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
z-index: 2;
display: inline-block;
}
.swiper-button-next,
.swiper-button-prev {
width: 40px !important;
height: 40px !important;
transition: all 0.3s ease;
border: 1px solid #FFF;
background: rgba(0, 0, 0, 0.24);
border-radius: 50%;
padding: 8px;
bottom: 20px;
top: initial !important;
left: initial !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
display: none;
}
.swiper-button-next {
right: 20px !important;
}
.swiper-button-prev {
right: 70px !important
}
.widget_shopping_cart {
padding: 16px;
border-radius: 16px;
border: 1px solid #E9E9E9;
}
.widget .block-title-2 h4 {
font-size: 20px;
font-weight: 700;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
float: unset !important;
position: absolute;
left: 0;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
left: initial !important;
right: 0 !important;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
border-radius: 12px;
border: 1px solid #E9E9E9;
margin-bottom: 8px;
padding: .5rem 2em .5rem 2.5em !important;
}
.widget_shopping_cart .block-title-2 {
margin-bottom: 0 !important;
border-bottom: unset !important;
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
border-top: none !important;
position: absolute;
width: 100%;
text-align: right;
padding-top: 8px !important;
margin-bottom: 0;
}
.widget_shopping_cart_content {
position: relative;
}
ul.woocommerce-mini-cart.cart_list.product_list_widget {
margin-bottom: 18px;
}
p.woocommerce-mini-cart__buttons.buttons {
margin-bottom: 0;
position: relative;
z-index: 99;
}
.widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons a,
.widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons a:hover {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 12px;
padding: 8px 10px;
color: var(--theme-color-lite);
border: 2px solid var(--theme-color-lite);
margin-right: 10px !important;
background-color: #fff;
}
.widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons a:last-child,
.widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons a:last-child:hover {
color: #fff;
border: 2px solid var(--theme-color-lite);
background-color: var(--theme-color-lite);
margin-right: 0px;
}
.widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons a::before {
content: '';
width: 18px;
height: 18px;
background-image: var(--shop-icon-theme);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
margin-right: 4px;
}
.widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons a:hover::before {
background-image: var(--shop-icon);
}
.widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons a:last-child::before {
background-image: var(--checkout-icon);
}
.category-carousel-wrapper {
position: relative;
max-width: 100%;
margin: 0 auto;
padding: 0 48px;
}
.category-carousel-container {
overflow: hidden;
position: relative;
}
.category-carousel-track {
display: flex;
gap: 12px;
transition: transform 0.3s ease;
padding: 8px 0;
}
.category-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
border-radius: 12px;
text-decoration: none;
font-weight: 600;
white-space: nowrap;
transition: all 0.3s ease;
border: 2px solid #e5e5e5;
background: white;
color: #333;
min-width: fit-content;
font-size: 14px;
}
.category-btn:hover {
background: #f8f8f8;
border-color: #d0d0d0;
transform: translateY(-1px);
}
.category-btn.active {
background: var(--theme-color-lite);
color: white;
border-color: var(--theme-color-lite);
}
.category-carousel-wrapper .carousel-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
border-radius: var(--Radius-full, 999px);
border: 1px solid var(--Colors-Base-White, #FFF);
background: var(--Colors-Monochrome-Color-400, #BBBABA);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 10;
}
.category-carousel-wrapper .carousel-nav:hover {
background: #e5e5e5;
color: #333;
}
.category-carousel-wrapper .carousel-nav:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.category-carousel-wrapper .carousel-prev {
left: 0;
}
.category-carousel-wrapper .carousel-next {
right: 0;
}
.shop-image-wrapper .add_to_cart_button {
display: none !important;
}
.shop-image-wrapper a {
height: 100%;
width: 100%;
display: inline-flex;
}
body .woocommerce a.remove {
border-radius: 8px !important;
border: 1px solid #787B80 !important;
display: flex !important;
align-items: center;
justify-content: center;
margin: 8px;
color: #787B80 !important;
font-weight: 400 !important;
}
.woocommerce a.remove i {
font-size: 16px;
color: var(--gray-500);
}
.woocommerce a.remove:hover,
.woocommerce a.remove:hover i {
border: var(--theme-color) !important;
color: #fff !important;
}
p.woocommerce-mini-cart__total.total .amount {
font-weight: 600;
color: var(--theme-color-lite);
}
p.woocommerce-mini-cart__total.total strong {
font-weight: 600 !important;
}
.shop-actions .product_type_variable::before {
display: none;
}
.shop-actions .product_type_variable {
border-radius: 12px !important;
background-color: var(--theme-color-lite) !important;
color: #fff !important;
text-transform: none !important;
font-size: 12px !important;
font-weight: 600 !important;
padding: 12px 16px !important;
}
.cart-collaterals .cart_totals {
float: unset !important;
width: auto !important;
}
.product-list-wrapper .woocommerce-result-count {
display: none;
}
.choices__list--single {
color: var(--gray-500);
}
.wc-block-grid__product-image {
border-radius: 8px;
border: 1px solid #E9E9E9;
overflow: hidden;
}
.wc-block-grid__product .wc-block-grid__product-price {
margin: 0 0 12px !important;
text-align: left;
color: #1B1B1B;
font-size: 14px;
font-weight: 600;
}
.wc-block-grid__product-link {
margin-top: 0 !important;
}
.wc-block-grid__product-title {
text-align: left;
color: var(--gray-500) !important;
font-weight: 500 !important;
font-size: 12px !important;
margin-bottom: 0 !important;
}
.wp-block-separator {
border-color: #E9E9E9;
}
.badge-shop .wc-block-grid__product-onsale {
background: var(--theme-color-lite) !important;
border: 1px solid var(--theme-color-lite) !important;
border-radius: 14px !important;
color: white !important;
}
.woocommerce span.onsale {
border-radius: 15px !important;
background-color: var(--theme-color-lite) !important;
padding: 6px 10px !important;
width: auto !important;
min-height: auto !important;
min-width: auto !important;
line-height: 1 !important;
display: inline-flex;
right: 10px !important;
left: initial !important;
top: 10px !important;
font-size: 12px !important;
}
div#shopBanner .swiper-slide a {
height: 100%;
display: inline-flex;
width: 100%;
}
div#shopBanner .swiper-slide a img {
width: 100%;
height: 100%;
object-fit: cover;
}
div#shopBanner div {
height: 100%;
}
h1.product_title.entry-title {
font-size: 24px;
font-weight: 700;
}
.product .price {
color: var(--theme-color-lite) !important;
font-size: 1rem !important;
}
.product .price ins {
text-decoration: none !important;
}
.woocommerce-product-details__short-description p {
color: var(--gray-500);
}
table.variations td,
table.variations th {
display: block;
}
.product_meta,
div#tab-description p,
div#tab-description li {
color: var(--gray-500);
font-size: 16px;
}
.woocommerce-tabs.wc-tabs-wrapper .tabs {
display: none;
}
div#tab-description {
margin-top: 16px;
}
div#tab-description h2 {
font-size: 20px;
}
body .product input,
body .product textarea,
body .product select {
background-color: #ffffff !important;
font-size: 1rem !important;
border-radius: 12px !important;
border: 1.5px solid #E9E9E9 !important;
padding: 4px 8px !important;
width: auto !important;
min-width: auto !important;
}
body .product button.single_add_to_cart_button.button.alt {
border-radius: 12px;
padding: 11px 15px;
color: #fff;
border: 2px solid var(--theme-color-lite);
background-color: var(--theme-color-lite);
font-size: 16px;
font-weight: 400;
}
body .product select {
padding-right: 35px !important;
}
form.variations_form.cart {
border-radius: 16px;
border: 1px solid #E9E9E9;
padding: 12px;
margin-bottom: 8px !important;
}
.shipping-card {
border-radius: 16px;
border: 1px solid #E9E9E9;
padding: 16px;
}
a.shipping-calculator-button {
margin-top: 0 !important;
color: #000;
font-size: 16px;
font-weight: 600;
display: flex !important;
align-items: center;
line-height: 1;
width: 100%;
padding: 4px 0;
flex-direction: row-reverse;
justify-content: flex-end;
position: relative;
gap: 8px;
}
a.shipping-calculator-button::after {
content: '' !important;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 20px;
height: 20px;
margin-left: 0 !important;
}
a.shipping-calculator-button[aria-expanded="true"]::before {
transform: rotate(0deg);
transition: .5s ease-in-out all;
}
a.shipping-calculator-button::before {
content: '';
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
width: 16px;
height: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
transform: rotate(180deg);
position: absolute;
right: 2px;
top: 0;
bottom: 0;
margin: auto;
transition: .5s ease-in-out all;
}
body #content .select2-container .select2-dropdown,
body #content .select2-container .select2-selection,
body .input-text {
border-radius: 12px !important;
border: 1px solid #E9E9E9 !important;
background-color: #fff !important;
}
/* Subscription Section Redesign - Optimized with Bootstrap 5 */
.subscription-toggle-btn {
border-radius: 0 !important;
border-right: none !important;
}
.subscription-toggle-btn:first-child {
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important;
}
.subscription-toggle-btn:last-child {
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
border-right: 1px solid #dee2e6 !important;
}
.subscription-card.best-value {
border: 1px solid #198754 !important;
}
.subscription-banner {
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.subscription-title .crown-icon {
width: 20px;
height: 20px;
background: #ffc107;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #212529;
}
.subscription-features li::before {
content: '✓';
color: #28a745;
font-weight: bold;
margin-right: 0.75rem;
font-size: 1rem;
}
.subscription-content {
display: none;
}
.subscription-content.active {
display: block;
}
@media (max-width: 768px) {
.subscription-card.best-value {
transform: none;
}
}
body #content .select2-container .select2-selection--single .select2-selection__rendered,
.shipping-card .input-text {
padding: .6em 1em;
min-height: 43px;
}
body #content .shipping-card .shipping-calculator-form {
margin-top: .5em !important;
}
.shipping-card button.button {
border-radius: 12px !important;
background-color: var(--theme-color-lite) !important;
font-size: 16px !important;
color: #fff !important;
width: 100%;
margin-block: 10px;
margin-bottom: 0 !important;
padding: 16px !important;
margin-top: 8px !important;
}
.cart-card {
border-radius: 16px;
border: 1px solid #E9E9E9;
padding: 16px;
}
.fw-semibold * {
font-weight: 600 !important;
}
a.checkout-button {
border-radius: 12px !important;
background-color: var(--theme-color-lite) !important;
margin-bottom: 0 !important;
font-size: 16px !important;
font-weight: 600 !important;
padding: 16px !important;
}
.wc-proceed-to-checkout {
padding-bottom: 0 !important;
padding-top: .5rem !important;
}
p.woocommerce-shipping-destination {
margin-bottom: 14px !important;
}
.woocommerce-shipping-methods {
margin: 12px 0 !important;
}
.woocommerce-shipping-methods li {
margin: 0 0 10px !important;
}
.product-left .product-thumbnail {
width: 32px;
height: auto;
max-height: 40px;
border-radius: 6px;
object-fit: contain;
overflow: hidden;
}
.product-right .product-subtotal {
min-width: 70px;
text-align: right;
font-weight: 600;
color: var(--theme-color-lite);
font-size: 14px;
}
.product-right .product-price {
text-align: right;
color: var(--theme-color-lite);
font-size: 14px;
}
.woocommerce .product-right .quantity .qty {
font-size: 14px;
color: var(--gray-500);
}
input#coupon_code {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 10px center;
padding-left: 40px !important;
font-size: 16px;
height: 48px;
}
.cart_totals .cart-total table th {
width: unset !important;
}
ul#shipping_method * {
font-size: 14px;
}
.woocommerce-info {
background: #F9F9F9 !important;
border-top: none !important;
border-left: 1px solid var(--theme-color-lite);
border-radius: 16px;
font-size: 16px !important;
}
.woocommerce-info::before,
.woocommerce-info a {
color: var(--theme-color-lite) !important;
}
#shipping-calculator-form button {
background-color: var(--theme-color) !important;
border: 1px solid var(--theme-color) !important;
color: #fff !important;
border-radius: 0.75rem !important;
width: 100%;
font-size: 16px;
font-weight: 600;
padding: 15px 15px;
margin-top: 12px;
}
a:hover {
color: var(--theme-color-lite);
}
.wrapper .woocommerce-message {
border-radius: 16px;
border-left: 1px solid var(--theme-color-lite) !important;
background: #F9F9F9;
border-top: none !important;
margin: 20px 0 !important;
font-size: 16px !important;
}
.wrapper .woocommerce-message::before {
color: var(--theme-color-lite) !important;
}
.wrapper .woocommerce-message a.button {
border-radius: 12px !important;
border: 2px solid var(--theme-color-lite) !important;
color: var(--theme-color-lite) !important;
font-size: 14px !important;
font-weight: 600 !important;
background-color: transparent !important;
}
.login-block-checkout,
.coupon-block-checkout {
width: calc(50% - 18px);
display: inline-block;
}
.login-block-checkout {
margin-right: 24px;
}
.login-block-checkout .woocommerce-info {
border: 1px solid #039 !important;
background-color: rgba(0, 51, 153, 0.04) !important;
}
a.showlogin.ms-auto {
border-radius: 12px;
background: #039;
padding: 5px 16px;
color: #fff !important;
font-size: 12px;
font-weight: 600;
}
.login-block-checkout .woocommerce-info::before {
bottom: 0;
top: 0 !important;
margin: auto;
display: flex;
align-items: center;
color: #039 !important;
}
.float-unset {
float: unset !important;
}
.grid-cols-4 {
grid-template-columns: repeat(4, 1fr);
}
p#order_comments_field {
padding: 0;
}
.woocommerce label {
color: #020817 !important;
font-size: 14px;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
border-radius: 12px;
background: var(--theme-color-lite);
font-size: 16px;
padding: 16px 20px;
}
.sub-content a {
color: var(--theme-color-lite) !important;
}
.btn-group .subscription-toggle-btn {
border: 1px solid #E9E9E9 !important;
background: #FFF !important;
color: var(--gray-500) !important;
border-radius: 8px !important;
}
.btn-group .subscription-toggle-btn.active {
border: 1px solid var(--primary-dark-2) !important;
background: var(--theme-color-lite) !important;
color: #fff !important;
}
.bg-theme-box {
border-radius: 16px;
border-left: 1px solid var(--theme-color-lite);
background: #F9F9F9;
}
.theme-primary-box {
border: 1px solid var(--primary-dark-2);
background: #FFF8F8;
}
.woocommerce div.quantity {
display: inline-flex;
align-items: center;
border: 1px solid #ccc;
border-radius: 12px;
overflow: hidden;
padding: 4px;
min-width: 114px;
}
.woocommerce div.quantity input.qty {
width: 46px !important;
margin: 0;
text-align: center;
border: none !important;
text-align: center;
}
.quantity-decrement,
.quantity-increment {
display: inline-flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
background: #f0f0f0;
border: none;
cursor: pointer;
font-size: 20px;
transition: background 0.2s;
border-radius: 10px;
}
.quantity-decrement:hover,
.quantity-increment:hover {
background: #e0e0e0;
}
.quantity-decrement:focus,
.quantity-increment:focus {
outline: none;
}
.woocommerce .quantity input[type="number"] {
background: #f5f5f5;
color: #999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: none !important;
}
/* Hide number spinner for all browsers */
.woocommerce .quantity input[type="number"]::-webkit-inner-spin-button,
.woocommerce .quantity input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.menu-current-issue img {
max-width: 310px;
width: 100% !important;
object-fit: contain;
}
.menu-current-issue h5 {
color: #BBBABA;
font-weight: 600 !important;
}
.menu-current-issue a:hover h5 {
color: #0055a4 !important;
}
.my-account-custom-wrapper .woocommerce .woocommerce-MyAccount-content,
.my-account-custom-wrapper .woocommerce nav.woocommerce-MyAccount-navigation {
float: unset;
width: 100% !important;
}
.my-account-custom-wrapper .woocommerce {
display: flex;
flex-direction: column;
margin: 1.5rem 0;
}
.my-account-custom-wrapper .woocommerce .woocommerce-MyAccount-navigation ul {
list-style: none;
padding-left: 0;
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 0px;
}
.my-account-custom-wrapper .woocommerce .woocommerce-MyAccount-navigation ul>li {
margin-bottom: 0 !important;
}
.my-account-custom-wrapper .woocommerce .woocommerce-MyAccount-navigation ul>li a {
margin-bottom: 0.5rem;
border-radius: 12px;
border: 1px solid #E9E9E9;
backdrop-filter: blur(20px);
padding: 8px 16px;
color: #000;
font-size: 16px;
font-weight: 600;
line-height: 24px;
display: inline-block;
margin-bottom: 0;
}
.my-account-custom-wrapper .woocommerce .woocommerce-MyAccount-navigation ul>li.is-active a {
border: 1px solid var(--theme-color-lite) !important;
background: rgba(196, 19, 36, 0.04) !important;
backdrop-filter: blur(20px);
color: #000 !important;
margin-bottom: 0 !important;
}
.current-congress-card {
background: linear-gradient(90deg, var(--primary-dark-2) 0%, #000 50%, #000 100%);
}
form.woocommerce-EditAccountForm.edit-account fieldset {
margin: 1rem 0;
}
form.woocommerce-EditAccountForm.edit-account fieldset legend {
font-size: 24px;
font-weight: 700;
display: flex;
align-items: center;
gap: 8px;
}
form.woocommerce-EditAccountForm.edit-account fieldset legend::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
background: url('data:image/svg+xml;utf8,') no-repeat center center;
background-size: 24px 24px;
}
.woocommerce-EditAccountForm .woocommerce-Button {
border-radius: 12px !important;
background: var(--theme-color-lite) !important;
padding: 16px 20px !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #fff !important;
}
.woocommerce-account-page-title {
padding: 1rem;
border-top-right-radius: 16px;
border-top-left-radius: 16px;
border: 1px solid #E9E9E9;
margin-bottom: 0;
margin-top: 1rem;
border-bottom: none;
padding-bottom: 0;
}
.woocommerce-MyAccount-content {
padding: 1rem;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
border: 1px solid #E9E9E9;
border-top: none;
}
/* WooCommerce Account Menu Icons */
.account-menu-icon {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 8px;
vertical-align: middle;
min-width: 20px;
}
.account-menu-icon svg {
width: 100%;
height: 100%;
display: block;
}
/* Style for account navigation menu items */
.woocommerce-MyAccount-navigation ul li {
width: fit-content !important;
}
.woocommerce-MyAccount-navigation ul li a {
display: flex !important;
align-items: center !important;
padding: 12px 16px !important;
text-decoration: none !important;
border-radius: 8px !important;
margin-bottom: 4px !important;
transition: all 0.3s ease !important;
text-wrap: nowrap !important;
min-width: fit-content !important;
}
.woocommerce-MyAccount-navigation ul li a:hover {
background-color: #f8f9fa !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
background-color: var(--theme-color-lite) !important;
color: white !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a .account-menu-icon svg {
stroke: white !important;
}
/* Page title icon styling */
.account-page-title-icon {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 8px;
vertical-align: middle;
min-width: 20px;
}
.account-page-title-icon svg {
width: 100%;
height: 100%;
display: block;
}
.woocommerce-account-page-title {
display: flex !important;
align-items: center !important;
}
.my-account-custom-wrapper .woocommerce table.shop_table {
border: none;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
font-weight: 400 !important;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status span {
padding: 3px 11px;
font-size: 12px;
border-radius: 15px;
color: #fff;
}
.order-status-completed {
background: #198754;
}
.order-status-on-hold {
background: #C41F1F;
}
.order-status-processing,
.badge.bg-primary {
background: #FF9C00 !important;
}
.order-status-cancelled {
background: #474747;
color: #fff !important;
}
span.order-status-failed {
background: red;
}
span.order-total {
color: var(--gray-500);
}
.woocommerce table.my_account_orders .button {
white-space: nowrap;
border-radius: 12px;
border: 1px solid #DEDDDE;
background: #fff;
margin-right: 8px;
font-weight: 600;
font-size: 12px;
display: inline-flex;
align-items: center;
gap: 4px;
}
.woocommerce table.my_account_orders .button:last-child {
margin-right: 0 !important;
}
.woocommerce table.my_account_orders .button.pay::before,
.woocommerce table.my_account_orders .button.view::before,
.woocommerce table.my_account_orders .button.cancel::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: url('data:image/svg+xml;utf8,') no-repeat center center;
background-size: 20px 20px;
}
.woocommerce table.my_account_orders .button.view::before {
background: url('data:image/svg+xml;utf8,') no-repeat center center !important;
}
.woocommerce table.my_account_orders .button.cancel::before {
background: url('data:image/svg+xml;utf8,') no-repeat center center !important;
}
a.woocommerce-button.woocommerce-button--next.woocommerce-Button.woocommerce-Button--next.button {
border-radius: 12px;
background: var(--theme-color-lite);
color: #fff;
font-size: 16px;
font-weight: 600;
}
a.woocommerce-button.woocommerce-button--previous.woocommerce-Button.woocommerce-Button--previous.button {
border-radius: 12px;
border: 1px solid var(--theme-color-lite);
background: #fff;
color: var(--theme-color-lite);
font-weight: 600;
margin-right: 4px;
}
.bg-pending {
background: var(--theme-color-lite) !important;
}
.bg-processing {
background: #FF9C00 !important;
}
td.order-number a,
td.download-product a {
color: #020817 !important;
}
.woocommerce .download-file a.button.alt {
font-size: 14px;
border-radius: 14px;
}
.float-unset {
float: unset !important;
}
.woocommerce-address-list {
max-width: 800px !important;
}
.payment-method-actions .button.delete,
.payment-method-actions .button.default,
.woocommerce-account .address-book .wc-address-book-meta .wc-address-book-edit,
.woocommerce-account .address-book .wc-address-book-meta .wc-address-book-delete,
.woocommerce-account .address-book .wc-address-book-meta .wc-address-book-make-default {
border-radius: 12px !important;
border: 1px solid #DEDDDE !important;
color: var(--primary-dark-2) !important;
background-color: #fff !important;
font-size: 12px !important;
font-weight: 600 !important;
display: inline-flex;
align-items: center !important;
justify-content: center;
}
.payment-method-actions .button.default,
.woocommerce-account .address-book .wc-address-book-meta .wc-address-book-edit,
.woocommerce-account .address-book .wc-address-book-meta .wc-address-book-make-default {
color: #000 !important;
}
.payment-method-actions .button.delete::before,
.payment-method-actions .button.default::before,
.wc-address-book-meta .wc-address-book-delete::before,
.wc-address-book-meta .wc-address-book-make-default::before,
.wc-address-book-meta .wc-address-book-edit::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M11.0553 6.75L10.7957 13.5M7.20433 13.5L6.94471 6.75M14.4207 4.34293C14.6772 4.38166 14.9328 4.4231 15.1875 4.46722M14.4207 4.34293L13.6199 14.7544C13.5522 15.6336 12.8191 16.3125 11.9373 16.3125H6.06268C5.1809 16.3125 4.44778 15.6336 4.38015 14.7544L3.57926 4.34293M14.4207 4.34293C13.5609 4.21308 12.6911 4.11364 11.8125 4.04574M2.8125 4.46722C3.06718 4.4231 3.32278 4.38166 3.57926 4.34293M3.57926 4.34293C4.43908 4.21308 5.30887 4.11364 6.1875 4.04574M11.8125 4.04574V3.35864C11.8125 2.47412 11.1295 1.73567 10.2454 1.70739C9.83192 1.69416 9.41674 1.6875 9 1.6875C8.58326 1.6875 8.16808 1.69416 7.75456 1.70739C6.87049 1.73567 6.1875 2.47412 6.1875 3.35864V4.04574M11.8125 4.04574C10.8844 3.97403 9.94648 3.9375 9 3.9375C8.05352 3.9375 7.11558 3.97403 6.1875 4.04574' stroke='%23761318' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 18px 18px;
margin-right: 4px;
}
.payment-method-actions .button.default::before,
.wc-address-book-meta .wc-address-book-make-default::before {
background: url('data:image/svg+xml;utf8,') no-repeat center center !important;
}
.wc-address-book-meta .wc-address-book-edit::before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.2411 2.99111L12.3661 1.86612C12.8543 1.37796 13.6457 1.37796 14.1339 1.86612C14.622 2.35427 14.622 3.14573 14.1339 3.63388L4.55479 13.213C4.20234 13.5654 3.76762 13.8245 3.28993 13.9668L1.5 14.5L2.03319 12.7101C2.17548 12.2324 2.43456 11.7977 2.78701 11.4452L11.2411 2.99111ZM11.2411 2.99111L13 4.74999' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center !important;
background-size: 16px 16px !important;
}
.wc-address-book-add-new-address a.add.button {
border-radius: 12px;
background: var(--theme-color);
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 12px 20px;
}
.wc-address-book-add-new-address a.add.button:hover {
background: #a90919;
color: #fff;
}
.wc-address-book-address {
border-radius: 12px;
font-size: 14px;
color: var(--gray-500);
}
span.wc-address-book-default-text {
border: 1px solid #e9e9e9;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 600;
background: #eeeeee;
}
.woocommerce-account-page-title.endpoint-edit-address {
margin-top: 1rem !important;
}
.jbsn-login-form {
text-align: left;
}
/* Secure Login Message Styling */
.secure-login-banner {
background: rgba(25, 135, 84, 0.04);
border: 1px solid #198754;
border-radius: 8px;
padding: 16px;
margin-top: 16px;
display: flex;
align-items: center;
text-align: left;
}
.secure-login-icon {
background-color: #22C55E;
color: white;
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
flex-shrink: 0;
}
.secure-login-text {
flex: 1;
}
.secure-login-title h4 {
color: #198754;
}
.secure-login-subtitle {
color: #198754;
font-size: 12px;
margin: 0;
}
/* Digital Subscriber Card Styling */
.digital-subscriber-card {
background-color: #FFF8F8;
border: 1px solid var(--primary-dark-2);
}
.digital-subscriber-card h5 {
color: #1B1B1B;
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
.digital-subscriber-card .text-muted {
color: var(--gray-500);
font-size: 0.875rem;
}
.get-password-card form button {
margin-top: 1rem !important;
font-size: 16px;
}
.register-card .btn {
font-size: 14px;
margin-top: 1rem !important;
margin-bottom: 0 !important;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
padding: 14px;
}
.jbsn-login-form .btn {
font-size: 14px;
margin-top: 1rem !important;
margin-bottom: 0 !important;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
padding: 14px;
}
.woocommerce-account-page-title.endpoint-dashboard {
padding: 0;
border: none;
margin-bottom: 1rem;
}
.woocommerce-MyAccount-content.endpoint-dashboard {
padding: 0;
border: 0;
}
.order_details tr td,
.order_details tr th {
padding: 4px 0 !important;
font-size: 14px;
border: none !important;
}
.order_details tbody tr td.product-total {
text-align: right;
font-size: 20px;
font-weight: 600;
color: var(--theme-color-lite);
border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
}
.order_details tbody tr td.product-name {
border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
}
.order_details tbody tr td.product-name>* {
font-size: 16px;
font-weight: 600 !important;
color: #000 !important;
}
.order_details tfoot tr:last-child th,
.order_details tfoot tr:last-child td {
font-weight: 600 !important;
color: #000 !important;
}
.subscription-status span.status-pending {
background: #C41F1F !important;
}
.subscription-status span.status-cancelled,
.subscription-status span.status-refunded {
background: var(--primary-dark-2) !important;
}
.subscription-status span.status-processing {
background: #0d6efd !important;
}
.subscription-status span.status-completed {
background: #198754 !important;
}
.subscription-status span.status-on-hold {
background: #FF9C00 !important;
}
.fluentform_wrapper_9.ffs_modern_l_wrap .ff-el-group input[type=radio]:after {
display: none !important;
}
.ff-message-success {
background: #f3fff3;
border: 1px solid green;
color: green;
text-align: center;
font-size: 16px;
border-radius: 14px;
font-weight: 600;
}
.breadcrumb {
color: #000 !important;
}
.breadcrumb a{
color: var(--gray-500) !important;
}
.breadcrumb, .breadcrumb > * {
line-height: 1;
}
.back-btn {
border-right: 2px solid #959595;
padding-right: 8px;
}
.image-wrapper .post-type-icon.video {
width: 3.375rem;
height: 3.375rem;
top: 0;
bottom: 0 !important;
right: 0;
left: 0;
margin: auto;
background: rgba(0, 0, 0, 0.40);
backdrop-filter: blur(4px);
}
.woocommerce-ordering input[type="search"] {
display: none !important;
}
.widget h4 {
background-color: transparent !important;
border: none !important;
font-size: 1.25rem;
}
.widget .block-title-15 {
margin-bottom: 1rem;
}
.widget h4 span {
padding: 0 !important;
color: #000 !important;
background-color: transparent !important;
}
aside#woocommerce_widget_cart-5 {
margin-top: 0 !important;
}
.widget_shopping_cart .woocommerce-mini-cart-item .variation {
display: none !important;
}
:target {
padding-top: 0px !important;
}
div#fluentform_9_success {
border-radius: 0.75rem;
border: 1px solid var(--primary-dark-2);
background: #FFF8F8;
box-shadow: none;
}
.ff-message-success p {
margin-bottom: 0;
}
.endpoint-payment-methods > a.button {
border-radius: 0.75rem !important;
border: 1px solid #DEDDDE !important;
background: #fff !important;
font-weight: 600 !important;
padding: .65rem 1.125rem !important;
}
.endpoint-payment-methods > a.button:hover {
background-color: #dcd7e2 !important;
}
.endpoint-add-payment-method #add_payment_method #payment,.endpoint-add-payment-method .woocommerce-cart #payment,.endpoint-add-payment-method .woocommerce-checkout #payment {
max-width: 600px;
width: 100%;
}
.endpoint-add-payment-method #add_payment_method #payment, .endpoint-add-payment-method .woocommerce-cart #payment, .endpoint-add-payment-method .woocommerce-checkout #payment {
background: rgb(255, 255, 255) !important;
border: 1px solid #dcdcdc;
border-radius: 12px !important;
}
.endpoint-add-payment-method #add_payment_method #payment ul.payment_methods, .endpoint-add-payment-method .woocommerce-cart #payment ul.payment_methods, .endpoint-add-payment-method .woocommerce-checkout #payment ul.payment_methods {
padding: 1em;
border-bottom: none !important;
padding-bottom: 0 !important;
}
.endpoint-add-payment-method #add_payment_method #payment div.payment_box, .endpoint-add-payment-method .woocommerce-cart #payment div.payment_box, .endpoint-add-payment-method .woocommerce-checkout #payment div.payment_box {
padding: 0 !important;
background-color: #ffffff !important;
}
.endpoint-add-payment-method #add_payment_method #payment div.payment_box::before, .endpoint-add-payment-method .woocommerce-cart #payment div.payment_box::before, .endpoint-add-payment-method .woocommerce-checkout #payment div.payment_box::before {
display: none !important;
}
.confirm-message {
display: inline-block;
background: #fdf6f6;
font-size: 14px;
padding: 8px;
border-radius: 12px;
margin-top: 10px;
border: 1px solid var(--theme-color-lite);
}
button.confirm-no {
background: transparent;
border-color: var(--theme-color);
color: var(--theme-color);
border-radius: 8px;
padding: 2px 10px;
}
button.confirm-yes {
background: var(--theme-color);
border-color: var(--theme-color);
color: #fff;
border-radius: 8px;
padding: 2px 10px;
}
.woocommerce-mini-cart span.quantity {
color: var(--gray-500);
font-size: 14px;
}
.woocommerce-mini-cart span.quantity .amount {
font-weight: 600;
font-size: 16px;
}
dl.variation > * {
font-size: 14px !important;
font-weight: 400 !important;
}
.swiper-pagination .swiper-pagination-bullet {
width: 1rem;
background: #fff;
height: .75rem !important;
border-radius: 8px !important;
transform: none !important;
opacity: 1;
left: 0 !important;
}
.swiper-pagination {
height: auto !important;
bottom: 20px !important;
width: 100% !important;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
background: var(--theme-color-lite) !important;
width: 2.375rem !important;
}
.gt_float_switcher img {
vertical-align: middle;
display: inline-block;
width: 22px;
height: auto;
margin: 0 5px 0 0;
border-radius: 3px;
}
.gt_float_switcher .gt-selected .gt-current-lang {
padding: 7px 10px !important;
font-size: 14px;
}
.gt_float_switcher {
font-size: 13px;
border-radius: 12px !important;
}
div#gt_float_wrapper {
display: flex;
margin-right: 6px;
}
.gt_float_switcher .gt_options {
position: absolute !important;
right: 163px;
background: #fff;
top: 60px;
border-radius: 8px;
}
#showbacktop .gtranslate_wrapper .gt_float_switcher .gt_options a {
color: #333 !important;
font-size: 14px;
}
.gt_float_switcher img {
width: 20px !important;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
transform: rotate(0deg) !important;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate {
transform: rotate(180deg) !important;
}
footer .table>:not(caption)>*>* {
background: transparent !important
}
.modal-backdrop {
display: none !important;
}
#ajaxSearchModal .search-clear-btn {
color: #fff;
}
/* #jbsn_search_box_modal .form-control {
padding-right: 30px !important;
} */
#jbsn_search_box_modal input[type="search"]::-webkit-search-cancel-button {
filter: brightness(0) invert(1); /* White color */
cursor: pointer;
}
.jbsn_search_form input[type="search"]::-webkit-search-cancel-button {
filter: brightness(0); /* Change cancel button to black */
cursor: pointer;
}
.fixed-top {
z-index: 9999 !important;
}
div#ajaxSearchModal {
z-index: 9999 !important;
}
#search-modal-results-container article img {
background: #312f2f;
max-height: 130px !important;
object-fit: contain;
border-radius: 8px !important;
}
#search-modal-results-container > div {
border-bottom: 0 !important;
margin-top: 12px;
}
.success-warning-wrapper {
background-color: #f0fff0 !important;
}
.success-warning-wrapper .woocommerce-notice {
color: rgb(9, 87, 9) !important;
background: #d6ffd6 !important;
padding: 10px;
border-radius: 12px;
text-align: center;
border: 1px solid #6ec96e;
font-weight: 600;
}
.success-warning-wrapper .woocommerce-order-overview {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.success-warning-wrapper .woocommerce-order-overview li {
flex: 1;
}
.donation-box .woocommerce-paytrace-SavedPaymentMethods-tokenInput {
margin-right: 6px;
margin-bottom: 0 !important;
}
.bg-gray-400 {
background: #E9E9E9 !important;
}
.multiple-ads-wrapper a img, .multiple-ads-wrapper img, .side-banner img {
border-radius: 12px;
}
.banner-adserve {
max-height: 125px;
overflow: hidden;
}
body.woocommerce {
margin-top: 0 !important;
}
.bg-light .banner-adserve {
background: #E9E9E9;
}
.banner-adserve a {
display: inline-block;
margin: 13px 0;
}
.banner-adserve img {
height: 100% !important;
object-fit: contain;
}
#latest_widget {
margin-bottom: 20px !important;
}
div#adserver-top_leader_board_1 {
background: #000 !important;
}
footer .menu-item.active a, footer #submenu .nav-item.active a {
background-color: transparent !important;
}
#mobile-menu {
padding-top: 5rem !important;
}
#adserver-top_leader_board_1, .page-id-144812 .fi_jumbotron {
margin-top: 0px !important;
}
.donation-slide-img {
width:235px !important;
min-width: 235px;
max-height: 300px;
}
.banner-logo {
max-width: 400px !important;
margin-bottom: 10px;
}
.woocommerce-ordering select.orderby {
opacity: 0;
}
.sub-btn a.subscribe-btn {
border-radius: 12px;
text-align: center;
justify-content: center;
font-weight: 600;
}
.coupon-form input {
margin-bottom: 8px;
}
.btn-group a i {
margin-right: 8px;
}
.header .main-nav .menu-item:hover, .header .main-nav .nav-item a:hover {
background: var(--bs-header-navitem-bg-hover) !important;
text-decoration: none !important;
}
.header .main-nav .menu-item:hover a {
text-decoration: none !important;
}
blockquote.wp-block-quote p:not(:last-child) {
margin-bottom: 12px !important;
}
.post-content .verticle-img {
display: inline-block;
overflow: hidden;
}
.post-content .verticle-img img {
height: 100% !important;
object-fit: contain;
border-radius: 12px !important;
}
.woocommerce-PaymentMethod--actions::before {
display: none;
}
.user-details p {
word-break: break-word;
}
body #paytrace-cards-form .input-text, body #paytrace-cards-form .input-text::placeholder {
font-family: var(--bs-font-primary) !important;
color: #43454b !important;
}
.payment-type-selection label:not(:first-child) {
display: flex !important;
margin-bottom: 8px;
align-items: center;
}
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 .5em 0 0;
}
li.wc_payment_method.payment_method_paytrace, li.wc_payment_method.payment_method_offline_payment {
position: relative;
}
#content #payment .wc_payment_method input[type="radio"][id="payment_method_paytrace"],
#content #payment .wc_payment_method input[type="radio"][id="payment_method_offline_payment"] {
position: absolute !important;
top: 4px !important;
}
label[for="payment_method_paytrace"], label[for="payment_method_offline_payment"] {
padding-left: 26px;
}
li.wc_payment_method.payment_method_offline_payment {
margin-top: 12px !important;
}
.verticle-img {
max-height: 450px;
min-width: 320px;
}
/* ------------------------ Responsive Screens -------------------------- */
@media (min-width: 1600px) {
header #showbacktop {
padding: 14px 40px !important;
}
}
@media (min-width: 990.98px) {
.top-align-banner {
margin-top: -65px;
}
.product-list-wrapper form.woocommerce-ordering {
margin-top: -40px !important;
margin-bottom: 0 !important;
}
.choices__list--single {
padding: 4px 36px 4px 4px !important;
}
.product-left {
width: 60%;
}
.product-right {
width: 40%;
}
.header-wrapper .nav-logo {
width: 212px;
}
}
@media (min-width: 768px) {
#adserver-top_leader_board_1,
.page-id-144812 .fi_jumbotron {
margin-top: 0px !important;
}
.coupon-form input {
width: calc(100% - 150px) !important;
margin-bottom: 0;
margin-right: 4px;
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
padding: 8px !important;
}
}
@media screen and (max-width: 1200px) {
#shopBanner {
height: 18rem;
top: 50px;
}
.shop-content {
margin-top: 5rem;
}
}
@media screen and (max-width: 990.99px) {
.heading-1 {
font-size: 3.1rem !important;
}
.heading-2 {
font-size: 2.6rem !important;
}
.heading-3 {
font-size: 2rem !important;
}
.heading-4 {
font-size: 1.9rem !important;
}
.heading-5 {
font-size: 1.4rem !important;
}
.freedom-index .card,
#x-feed {
max-width: 500px;
margin: 0 auto;
width: 100%;
}
.post-list-wrapper .image-wrapper {
height: 85px !important;
min-width: 130px;
}
main#content {
margin-top: 0px !important;
}
.video-listing> :not(:nth-last-child(-n+2)) {
margin-bottom: 2rem !important;
}
.freedom-feature img.img-fluid {
height: auto !important;
}
#shopBanner {
height: 18rem;
top: 20px;
}
.banner-inner-pages {
height: 300px;
}
.shop-content {
margin-top: 4rem;
}
.login-block-checkout,
.coupon-block-checkout {
width: 100%;
display: block;
}
.login-block-checkout {
margin-right: 0px;
}
.navbar .main-nav .nav-link {
font-size: .75rem !important;
}
.home-banner {
margin-top: 0 !important;
}
html, body, .post-content {
scroll-behavior: unset !important;
}
#main-menu-container {
width: 100%;
padding-bottom: 8px !important;
margin-bottom: 8px;
border-bottom: var(--bs-main-menu-mobile-border);
}
}
@media screen and (max-width: 767.99px) {
.heading-1 {
font-size: 2.8rem !important;
}
.heading-2 {
font-size: 2.3rem !important;
}
.heading-3 {
font-size: 2rem !important;
}
.heading-4 {
font-size: 1.8rem !important;
}
.carousel-v2.carousel .card .card-title a {
font-size: 26px;
}
.banner-card .card-body .card-text * {
font-size: 16px;
}
.freedom-index .card,
#x-feed {
max-width: 420px;
}
table.table-md>:not(caption)>*>* {
padding: .5rem .7rem;
}
#filerState {
margin-left: initial;
margin-top: 1rem;
}
.wp-block-media-text {
padding: 8px;
}
.magazine-tag {
font-size: 1rem !important;
}
.wp-block-media-text {
margin-bottom: 1rem;
}
.my-account-custom-wrapper .woocommerce .woocommerce-MyAccount-navigation ul>li a {
padding: 6px 8px !important;
font-size: 14px !important;
}
.gt_float_switcher .gt_options {
top: 105px;
}
.theme-cover {
height: 25rem !important;
}
}
@media screen and (max-width: 575.99px) {
.banner-logo {
max-width: 280px !important;
}
.heading-1 {
font-size: 2.6rem !important;
}
.post-content .image-single-wrapper {
max-height: 45vh;
}
.heading-2 {
font-size: 2.2rem !important;
}
.heading-3 {
font-size: 1.8rem !important;
}
.heading-4 {
font-size: 1.6rem !important;
}
.heading-5 {
font-size: 1.3rem !important;
}
.heading-6,
.widget .block-title-3 h4 {
font-size: 1.125rem !important;
}
ul.list-group .list-group-item a {
font-size: .875rem !important;
}
.freedom-index .card,
#x-feed {
max-width: 350px;
}
.post-list-box .card-body {
padding: .5rem !important;
}
.carousel-v2 {
height: 370px;
overflow: hidden;
border-radius: 16px;
}
.features-card .mag-feature-group {
padding: 8px;
}
.magazine-tag {
font-size: .75rem !important;
padding: 0px 10px !important;
right: 7px !important;
top: 7px !important;
}
.media-figure {
height: 100px;
width: 100px;
}
.box-60 {
width: 50px !important;
height: 50px !important;
}
.text-separator span {
font-size: 14px;
}
.wrapper .card.cover-story-card .magtocshow,
.card.cover-story-card .magtocshow,
.cover-story-card .magtocshow {
padding: .5rem !important;
}
.choices__item,
input::placeholder {
font-size: 14px;
}
.vote-legend {
flex-wrap: wrap;
}
.banner-inner-pages h3.heading-6 {
font-size: .875rem !important;
}
.entry-content.post-content p {
font-size: 14px !important;
line-height: 1.4;
}
.accordion-title {
font-size: 1rem !important;
}
.vote-legend .card {
max-width: 50%;
}
/* .post-content img {
min-height: 20rem;
} */
.pagination li.page-item {
display: none;
/* hide all by default */
}
.pagination li.page-item:first-child,
/* prev arrow */
.pagination li.page-item:last-child,
/* next arrow */
.pagination li.page-item.active,
/* current page */
.pagination li.page-item.disabled,
/* dots ... */
.pagination li.page-item:nth-last-child(2),
/* last page number */
.pagination li.page-item:nth-last-child(3),
/* second last page number */
.pagination li.page-item.active+li.page-item,
/* next sibling of active */
.pagination li.page-item.active~li.page-item.active,
/* in case of multiple actives, show next */
.pagination li.page-item.active~li.page-item:not(.disabled):not(.active):first-child
/* fallback for next non-disabled */
{
display: inline-block;
}
.mag-year {
width: 10px;
line-height: .5;
font-size: 1.5rem !important;
}
.mag-year::before {
height: 5%;
}
.woocommerce-EditAccountForm .woocommerce-Button {
padding: 8px 16px !important;
font-size: 12px !important;
}
.my-account-custom-wrapper .woocommerce nav.woocommerce-MyAccount-navigation ul>li {
width: auto !important;
}
.my-account-custom-wrapper .woocommerce .woocommerce-MyAccount-navigation ul {
gap: 8px;
}
.swiper-button-next, .swiper-button-prev {
top: 35px !important;
bottom: initial !important;
}
.nav-logo img {
height: 25px !important;
}
.gt-lang-code {
display: none;
}
.gt_float_switcher .gt_options {
right: 113px;
top: 95px;
}
/* #adserver-top_leader_board_1, .page-id-144812 .fi_jumbotron {
margin-top: 105px !important;
} */
.header-actions .btn svg, .side-hamburger svg {
height: 16px;
width: 16px;
}
.header-actions .btn {
padding: 6px !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
padding: 5px 7px !important;
font-size: 12px;
}
.theme-cover {
height: 19rem !important;
}
.verticle-img {
max-height: 300px !important;
}
.magazine-article-image {
min-height: 330px;
height: 45vh;
}
}
@media screen and (max-width: 450px) {
.theme-cover {
height: 15rem !important;
}
}
@media screen and (max-width: 370px) {
.navbar .main-nav .nav-link {
font-size: .65rem !important;
}
.verticle-img {
min-width: 250px;
}
/* #adserver-top_leader_board_1, .page-id-144812 .fi_jumbotron {
margin-top: 102px !important;
} */
}
#megaMenuContainer {
height: calc(100vh - var(--header-height)) !important;
}
.gt_options a[data-gt-lang="vi"] img {
display: none !important;
}
.gt_options a[data-gt-lang="vi"] {
display: inline-flex;
align-items: center;
gap: 6px;
}
.gt_options a[data-gt-lang="vi"]::before {
content: "";
display: inline-block;
width: 20px;
height: 16px;
background-image: url("https://thenewamerican.com/assets/sites/2/2026/Flag_of_South_Vietnam.svg_.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 5px;
}