.oi-temple-heading {padding: 4px 8px 0 10px;font-size: 24px;font-weight: bold;color: var(--font-color-primary);line-height: 30px;margin: 0 0 20px 0; background: url(../images/icons/oi-logo-circle-updated.svg) no-repeat 0 0;font-family: Times, Arial, Helvetica, sans-serif;}
.oi-temple-timestamp {font-size: 16px;line-height: 21px;font-weight: normal;color: var(--temples-cat-color);margin-bottom: 16px;}
.time-update-icon {display: inline-block;vertical-align: middle;margin-right: 5px;width: 14px;height: 14px;/*background: url(../images/icons/time-square.svg) no-repeat 0 0;*/}
.oi-temple-location {font-size: 18px;line-height: 20px;font-weight: bold;color: var(--temples-color-secondary);margin-bottom: 8px;}
.oi-temple-knownas {font-size: 16px;line-height: 24px;font-weight: normal;color: var(--temples-color-secondary);}
.oi-temple-knownas span {color: var(--temples-cat-color);}
.location-icon {background: var(--location-icon) no-repeat 0 0;width: 17px;height: 17px;display: inline-block;vertical-align: middle;margin-right: 3px;}
.oi-temple-image {margin: 16px 0px 12px;}
.oi-temple-image img {border-radius: 12px;display: block;}
.oi-temple-desc, .oi-temple-desc p {font-size: 16px;line-height: 30px;font-weight: normal;color: var(--temples-color-secondary);}


.oi-temple-sectionwrap {background: var(--temples-bg-color);border-radius: 12px;padding: 20px 20px 20px 30px;margin-bottom: 16px;}
.oi-temple-heading-star  {padding: 8px 8px 0 8px;font-size: 24px;font-weight: bold;color: var(--font-color-primary);line-height: 30px;/*background: url(../images/icons/star-icon.svg) no-repeat 0 0;*/font-family: Times, Arial, Helvetica, sans-serif;}

.oi-temple-table-content-lists ul {padding-left: 20px;}
.oi-temple-table-content-lists ul li {padding: 6px;position: relative;}
.oi-temple-table-content-lists ul li:after {content: '';width: 8px;height: 10px;position: absolute;left: -8px;top: 18px;display: inline-block;background: var(--bullet-arrow) no-repeat 0 0;}
.oi-temple-table-content-lists ul li a {font-size: 16px;font-weight: normal;line-height: 24px;color: var(--temples-color-secondary);display: block;padding: 6px;}

.oi-temple-infosection {border-bottom: 1px solid var(--temples-option-border-color);margin-bottom: 24px;padding-bottom: 24px;}
.oi-temple-infosection.lastchild {border-bottom: 0 none;margin-bottom: 0;padding-bottom: 0px;}
.oi-temple-heading-subtitle {color: var(--temples-cat-color-active);font-size: 16px;font-weight: bold;line-height: 21px;text-decoration: none;position: relative;z-index: 2;}
.oi-temple-heading-subtitle span {position: relative;}
.oi-temple-heading-subtitle span:after {position: absolute;content: '';background: var(--temples-strike-color);left: -1px;right: -1px;height: 4px;margin: auto;top: 0;bottom: 0;z-index: -1;}

.marginleftright16px {margin-left: 16px;margin-right: 16px;}
.paddingleftright16px {padding-left: 16px;padding-right: 16px;}

.oi-temple-info-wrapper {margin-top: 16px;}
.oi-temple-info-title {font-size: 15px;font-weight: bold;line-height: 20px;color: var(--temples-cat-color);}
.oi-temple-info-label {font-size: 16px;font-weight: normal;line-height: 30px;color: var(--temples-subtitle-color);}
.oi-temple-info-desc {font-size: 16px;font-weight: normal;line-height: 30px;color: var(--temples-color-secondary);margin-bottom: 12px;}
.oi-temple-address-label {font-size: 15px;font-weight: bold;line-height: 20px;color: var(--temples-color-primary);margin-bottom: 12px;}
.oi-temple-address-label:last-child{margin-bottom: 0px;}
.location-icon {background: var(--location-icon) no-repeat 0 0;width: 17px;height: 17px;display: inline-block;vertical-align: middle;margin-right: 3px;}
.phone-icon {background: var(--phone-icon) no-repeat 0 0;width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 3px;}

.oi-temple-info-label ul {padding-left: 20px;}
.oi-temple-info-label ul li {font-size: 16px;font-weight: normal;line-height: 30px;color: var(--temples-subtitle-color);list-style-type: disc;}
.oi-temple-info-label ul li span, .oi-temple-info-label span {font-weight: bold;}
.oi-temple-info-label ul li:last-child{margin-bottom: 0px;}

.oi-temple-faqs-wrapper {margin: 24px 0 0 0;}
.oi-temple-faqs-section {margin: 0 16px 24px 0;border-bottom: 1px solid var(--temples-faqsborder-color);}
.oi-temple-faqs-section.lastchild {margin-bottom: 0;border-bottom: 0 none;}
.oi-temple-faqs-title {color: var(--temples-faqstitle-color);font-size: 16px;line-height: 21px;font-weight: bold;margin-bottom: 12px;}
.oi-temple-faqs-desc {color: var(--temples-faqsdesc-color);font-size: 16px;line-height: 30px;font-weight: normal;margin-bottom: 24px;}

.oi-temple-details-listing {margin: 24px 0 0 0;}
.oi-temple-details-listing ul {padding-left: 20px;}
.oi-temple-details-listing ul li {font-size: 16px;line-height: 24px;color: var(--temples-list-color);margin-bottom: 24px;list-style-type: disc;}

.oi-temple-photos-listing {background: var(--bg-color-secondary);padding: 24px 0px 24px 16px;border-radius: 12px;margin-bottom: 32px;}
.oi-temple-photos-listing ul {white-space: nowrap;overflow-x: auto;scrollbar-width: none;}
.oi-temple-photos-listing ul li {display: inline-block;margin-right: 15px;vertical-align: top;white-space: normal;width: 240px;}
.oi-temple-photos-thumb {position: relative;border-radius: 12px;overflow: hidden;transition: all 0.3s ease;}
.oi-temple-photos-thumb:hover img {transform: scale(1.2);}
.oi-temple-photos-thumb .hover-text {position: absolute;color: #141A20;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;border: 1px solid #08F4FB;background: #08F4FB;padding: 5px;transition: all 0.3s ease;text-align: center;font-size: 13px;z-index: 2;border-radius: 8px;}
.oi-temple-photos-thumb .hover-text:before {content: '';left: -4px;top: -4px;right: -5px;bottom: -4px;border: 1px solid #08F4FB;border-top-left-radius: 8px;border-bottom-left-radius: 8px;border-top-right-radius: 4px;border-bottom-right-radius: 9px;position: absolute;z-index: -1;border-right: none;}
.oi-temple-photos-thumb:hover .hover-text{opacity: 1;}
.article-border:before {right: -14px;top: -9px;height: 33px;width: 50px;}
.article-border:after {height: 15px;right: -10px;width: 20px;top: 9px;}
.oi-temple-photos-thumb img {border-radius: 12px;transition: all 0.3s ease;width: 240px;height: 135px;}
.oi-temple-photos-title{overflow: hidden;font-size: 15px;line-height: 20px;font-weight: bold;margin-bottom: 6px;color: var(--temples-cat-color-active);-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;padding-top: 5px;display: -webkit-box;}
.oi-temple-photos-title a{color: var(--temples-cat-color-active);}
.oi-temple-photos-location {font-size: 15px;line-height: 17px;font-weight: bold;color: var(--temples-cat-color);}
.oi-temple-photos-location a {color: var(--temples-cat-color);}
.oi-prev-next-nav{z-index: 999;}


.oi-temples-mainwrapper ul li {flex: 0 0 48%;margin-right: 25px;margin-bottom: 24px;}
.oi-temples-mainwrapper ul li:nth-child(2n){margin-right: 0px;}
.oi-temples-mainwrapper ul{display: flex;align-items: center;justify-content: space-between;flex-flow: row;flex-wrap: wrap;}
    
.oi-temples-desc, .oi-temples-desc p {font-size: 15px;line-height: 22px;font-weight: normal;color: var(--font-color-tertiary);}
#more {display: none;}
.oi-temples-desc button {border: none;color: var(--font-color-tertiary);text-decoration: underline;font-weight: 600;background: none;font-size: 15px;}
.oi-temples-thumb{border-radius: 12px;}
.oi-temples-thumb img{border-radius: 12px;width: 100%;height: 197px;}
.oi-temples-title {font-size: 15px;color: var(--temples-color-primary);font-weight: bold;line-height: 20px;padding: 12px 0 6px 0;}
.oi-temples-title a {color: var(--temples-color-primary);}
.oi-temples-cat {font-size: 12px;color: var(--temples-cat-color);font-weight: bold;line-height: 17px;}
.oi-temples-cat a {color: var(--temples-cat-color);}

.oi-temples-mostsearch-wrapper {position: relative;}
.oi-temples-mostsearch-label {font-size: 15px;line-height: 20px;font-weight: bold;color: var(--temples-color-primary);margin-bottom: 20px;}
.oi-temples-mostsearch-lists {margin: 6px 0 24px 0;}
.oi-temples-mostsearch-lists ul {list-style-type: none;overflow-x: auto;white-space: nowrap;scrollbar-width: none;-ms-overflow-style: none;}
.oi-temples-mostsearch-lists ul::-webkit-scrollbar {display: none;}
.oi-temples-mostsearch-lists ul li {list-style-type: none;display: inline-block;margin-right: 10px;vertical-align: top;white-space: normal;}
.oi-temples-mostsearch-lists ul li a {border-radius: 20px;font-size: 14px;font-weight: 400;line-height: 17px;padding: 7px 11px;display: block;color: var(--temples-nav-font-color);text-decoration: none;background: var(--temples-nav-bg-color);}
.oi-temples-mostsearch-lists ul li a:hover, .oi-temples-mostsearch-lists ul li a.active {color: var(--temples-nav-font-color);}

.oi-temples-prevnext-arrowswrapper {height: 32px;position: absolute;text-align: right;right: 0;top: -8px;}


/*
 * Filter Popup Styles
 */
 .oi-temples-searchfilter {position: relative;margin: 0 0px 24px 0px;display: flex;justify-content: space-between;align-items: flex-start;}
 .oi-temples-searchfilter:after {content: '';clear: both;display: table;}
 .oi-temples-selectbox {border: 1px solid var(--temples-selbox-color);padding: 8px;border-radius: 12px;font-size: 15px;font-weight; bold;line-height: 20px;color: var(--temples-selbox-color);display: inline-block;}
 .oi-temples-optionselected {cursor: pointer;display: block;position: relative;}
.oi-temples-optionselected:after {border: solid var(--temples-selbox-color);border-width: 0 2px 2px 0;display: inline-block;padding: 3px; transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;right: 5px;top: 5px;content: '';transition: all .3s ease-in-out;}
.oi-temples-filterbox {display: inline-block;cursor: pointer;margin-left: 15px;}
.oi-temples-filter-icon {display: inline-block;vertical-align: middle;margin-right: 10px;width: 30px;height: 24px;position: relative;background: var(--temples-filter-icon) no-repeat 0 center;}
.oi-temples-filter-num {width: 17px;height: 17px;border: 1px solid #28313A;border-radius: 50%;text-align: center;line-height: 17px;font-size: 10px;color: #0A0E12;line-height: 17px;font-weight: normal;background: var(--temples-selbox-color);display: block;color: var(--temples-option-border-color);position: absolute;right: 0;top: 0;}
.oi-temples-filter-label {font-size: 16px;color: var(--temples-selbox-color);line-height: 24px;font-weight: normal;}

.oi-temple-filter-wrapper-popup, .oi-temple-dropdown-wrapper-popup {background: var(--bg-color-primary);position: fixed;left: 0;right: 0;bottom: 30px;width: 580px;margin: 0 auto; z-index: 1000000000;border-radius: 12px;overflow: hidden; transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);height: 90%;}
.oi-temple-filter-wrapper-popup.showfilter, .oi-temple-dropdown-wrapper-popup.showdropdown {bottom: 0;}

.oi-temples-select-state, .oi-temples-select-gods{background: var(--temples-selbox-bg);padding: 23px 24px;box-shadow: 0px 4px 20px 0px #0000001A;position: absolute;z-index: 999;
    width: -webkit-fill-available;border-radius: 12px;max-height: 350px;top: 50px;
    overflow-y: auto;}
.oi-temples-search-box input{width: 100%;box-sizing: border-box;border: 1px solid #ECEAEB;color: #9E9E9E;outline: none; background: none; font-size: 16px;font-weight: 400;border-radius: 21px;padding: 10px;}
.oi-temples-search-box input::placeholder{color: #9e9e9e;}
.oi-temples-selHead{font-size: 16px;font-weight: 700;line-height: 21.8px;color: var(--font-color-primary);padding-top: 20px;padding-bottom: 24px;background: var(--bottom-border) no-repeat left bottom;}
.oi-temples-selItem{padding-top: 10px;}
.oi-temples-selItem li{padding: 12px 0px;}
.oi-temples-selItem li:last-child{padding-bottom: 0px;}
.oi-temples-selItem li a{font-size: 16px;font-weight: 400;line-height: 24px;color: var(--lottery-title-color);}
.oi-temples-select-state {
    width: 325px;
}
.oi-temples-select-gods {
    width: 200px;right: 0px;
}
.temple-sel.active .oi-temples-optionselected:after{transform: rotate(225deg);
    top: 7px;transition: all .3s ease-in-out;}




.oi-temple-popup-header {display: flex;justify-content: space-between;align-items: center;padding: 16px;}
.oi-temple-dropdown-label {display: inline-block;font-size: 16px;font-weight: bold;line-height: 19px;color: var(--temples-color-secondary);}
.oi-temple-dropdown-clear {display: inline-block;font-size: 12px;font-weight: normal;line-height: 14px;color: var(--temples-color-primary);text-decoration: underline;}

.oi-temple-filter-label {display: inline-block;font-size: 16px;font-weight: bold;line-height: 19px;color: var(--temples-nav-bg-color);}
.oi-temple-filter-clear {display: inline-block;font-size: 12px;font-weight: normal;line-height: 14px;color: var(--temples-color-primary);text-decoration: underline;}

.oi-temple-popup-navigation {background: var(--temples-bg-color);padding: 16px;display: flex;justify-content: space-around;align-items: center;position: relative;}
.oi-temple-popup-navigation:after {position: absolute;left: 50%;top: 15px;background: var(--temples-seperator-color);width: 1px;content: '';height: 30px;}
.oi-temple-popup-navlabel {font-size: 14px;line-height: 17px;font-weight: normal;color: var(--temples-cat-color);cursor: pointer;text-align: center;padding: 5px;position: relative;z-index: 2;}
.oi-temple-popup-navlabel.selected {font-weight: bold;color: var(--temples-cat-color-active);}
.oi-temple-popup-navlabel.selected:after {position: absolute;content: '';background: #06ADB2;left: -1px;right: -1px;height: 4px;margin: auto;top: 0;bottom: 0;z-index: -1;}

.oi-temple-popup-content {position: fixed;left: 0;right: 0;height: calc(100% - 170px);top: 110px;bottom: 60px;overflow-y: auto;}
.oi-temple-filter-wrapper-popup .oi-temple-popup-content:before {content: '';background: var(--temples-bg-color);width: 150px;left: 0;top: 0;position: absolute;bottom: 0;}
.oi-temple-popup-contentinner {margin: 0 16px;}
.oi-city-searchbox-wrapper {margin: 24px 0 0 0;}
.oi-temple-popup-footer {position: fixed;left: 0;bottom: 0;right: 0;padding: 16px;display: flex;justify-content: space-around;align-items: center;background: var(--bg-color-primary);border-top: 1px solid var(--temples-footer-border-color);}

.oi-temple-popup-footer:after {position: absolute;left: 50%;top: 15px;background: var(--temples-seperator-color);width: 1px;content: '';height: 30px;}

.oi-temple-footer-label {padding: 5px;}
.oi-temple-footer-label span {display: block;text-align: center;font-size: 14px;line-height: 17px;color: ;text-transform: uppercase;cursor: pointer;}

.oi-temple-footer-label span.close-dropdown, .oi-temple-footer-label span.close-filter {color: var(--temples-cat-color);}
.oi-temple-footer-label span.apply-btn {color: var(--temples-cat-color-active);}

.marginleftright16px {margin-left: 16px;margin-right: 16px;}
.paddingleftright16px {padding-left: 16px;padding-right: 16px;}


.oi-temple-info-wrapper {margin-top: 24px;}
.oi-temple-info-title {font-size: 15px;font-weight: bold;line-height: 20px;color: var(--temples-cat-color);}
.oi-temple-address-label {font-size: 15px;font-weight: bold;line-height: 20px;color: var(--temples-color-primary);margin-bottom: 12px;}
.location-icon {background: var(--location-icon) no-repeat 0 0;width: 17px;height: 17px;display: inline-block;vertical-align: middle;margin-right: 3px;}
.phone-icon {background: var(--phone-icon) no-repeat 0 0;width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 3px;}

.oi-temple-info-label ul {padding-left: 20px;}
.oi-temple-info-label ul li span, .oi-temple-info-label span {font-weight: bold;}


.oi-temple-filter-container ul li.filter-parent .filter-heading {font-size: 14px;width: 150px;padding: 0;text-align: left;background: var(--temples-bg-color);cursor: pointer;padding: 0px 16px;box-sizing: border-box;height: 56px;line-height: 56px;font-weight: normal;color: var(--temples-color-primary);border-bottom: 1px solid var(--temples-option-border-color);position: relative;z-index: 1;}
.oi-temple-filter-container ul li.filter-parent .filter-heading.bigheading {line-height: inherit;padding-top: 10px;}
.oi-temple-filter-container ul li.filter-parent .filter-heading.active {background: var(--temples-option-border-color);}
.filter-details {display: none;position: absolute;top: 0;left: 150px;background: var(--temples-option-border-color);padding: 0;z-index: 10000;height: 410px;overflow: auto;width: calc(100% - 150px);box-sizing: border-box;}
.filter-details ul li {box-sizing: border-box;height: 56px;line-height: 56px;border-bottom: 1px solid var(--temples-footer-border-color);}
.filter-radiobox {padding: 0px 16px;}
.filter-option {font-size: 14px;line-height: 56px;font-weight: normal;color: var(--temples-option-color);}
.filter-radiobtn {position: absolute;right: 0;top: 22px;}

/* The container */
.filter-container {display: block;position: relative;padding-left: 0;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;padding-right: 35px;}

/* Hide the browser's default radio button */
.filter-container input {position: absolute;opacity: 0;cursor: pointer;right: 0;top: 0;}

/* Create a custom radio button */
.filter-checkmark {position: absolute;top: 0;right: 0;height: 14px;width: 14px;background-color: transparent;border-radius: 50%;border: 1px solid #C4C4C4;}

/* On mouse-over, add a grey background color */
.filter-container:hover input ~ .filter-checkmark {background-color: #ccc;}

/* When the radio button is checked, add a blue background */
.filter-container input:checked ~ .filter-checkmark {background-color: #013322;}

/* Create the indicator (the dot/circle - hidden when not checked) */
.filter-checkmark:after {content: "";position: absolute;display: none;}

/* Show the indicator (dot/circle) when checked */
.filter-container input:checked ~ .filter-checkmark:after {display: block;}

/* Style the indicator (dot/circle) */
.filter-container .filter-checkmark:after {top: 4px;left: 4px;width: 6px;height: 6px;border-radius: 50%;background: #08F4FB;}
.oi-popup-widget-title {font-weight: bold;color: var(--font-color-primary);font-size: 16px;line-height: 21px;padding: 24px 0;background: var(--bottom-border) no-repeat left bottom;margin-bottom: 24px;}

#blur-shade {top: 0;left: 0;bottom: 0;right: 0;opacity: 0;z-index: 999;width: 100%;position: fixed;visibility: hidden;background: rgba(0, 0, 0, 0.8);transition: z-index 500ms, visibility 800ms, opacity 500ms;}
#blur-shade.visable {opacity: 1;visibility: visible;overflow-x: hidden;overflow-y: auto;z-index: 1050;}
.oi-temple-filter-wrapper-popup{display:none;}



.oi-temple-rightsectionwrap {margin-bottom: 24px;background: var(--temples-bg-color);border-radius: 12px;padding: 20px 16px 12px 16px;}

.oi-temple-table-lists ul {padding-left: 20px;}
.oi-temple-table-lists ul li {padding: 0 4px;position: relative;}
.oi-temple-table-lists ul li:after {content: '';width: 8px;height: 10px;position: absolute;left: -8px;top: 12px;display: inline-block;background: var(--bullet-arrow) no-repeat 0 0;}
.oi-temple-table-lists ul li a {font-size: 16px;font-weight: normal;line-height: 24px;color: var(--temples-color-secondary);display: block;padding: 6px;}