/*
Theme Name: My Religion Child
Template: my-religion
Version: 1.0
*/

:root {
  --c-px-200: 200px;
  --c-px-150: 150px;
  --c-px-100: 100px;
  --c-px-90: 90px;
  --c-px-80: 80px;
  --c-px-60: 60px;
  --c-px-50: 50px;
  --c-px-40: 40px;
  --c-px-20: 20px;
}

.c-my-200 { margin-top: var(--c-px-200); margin-bottom: var(--c-px-200); }
.c-my-150 { margin-top: var(--c-px-150); margin-bottom: var(--c-px-150); }
.c-my-100 { margin-top: var(--c-px-100); margin-bottom: var(--c-px-100); }
.c-my-80  { margin-top: var(--c-px-80); margin-bottom: var(--c-px-80); }

.c-mt-100 { margin-top: var(--c-px-100); }
.c-mt-60 { margin-top: var(--c-px-60); }
.c-mt-50 { margin-top: var(--c-px-50); }
.c-mt-40 { margin-top: var(--c-px-40); }
.c-mt-30 { margin-top: var(--c-px-30); }
.c-mt-20 { margin-top: var(--c-px-20); }
.c-mt-0 { margin-top: 0; }

.c-mb-100 { margin-bottom: var(--c-px-100); }
.c-mb-90 { margin-bottom: var(--c-px-90); }
.c-mb-60 { margin-bottom: var(--c-px-60); }
.c-mb-50 { margin-bottom: var(--c-px-50); }
.c-mb-40 { margin-bottom: var(--c-px-40); }
.c-mb-30 { margin-bottom: var(--c-px-30); }
.c-mb-20 { margin-bottom: var(--c-px-20); }
.c-mb-0 { margin-bottom: 0; }

.c-py-200 { padding-top: var(--c-px-200); padding-bottom: var(--c-px-200); }
.c-py-150 { padding-top: var(--c-px-150); padding-bottom: var(--c-px-150); }
.c-py-100 { padding-top: var(--c-px-100); padding-bottom: var(--c-px-100); }
.c-py-80  { padding-top: var(--c-px-80); padding-bottom: var(--c-px-80); }

.c-pt-100 { padding-top: var(--c-px-100); }
.c-pt-60 { padding-top: var(--c-px-60); }
.c-pt-50 { padding-top: var(--c-px-50); }
.c-pt-40 { padding-top: var(--c-px-40); }
.c-pt-30 { padding-top: var(--c-px-30); }
.c-pt-20 { padding-top: var(--c-px-20); }
.c-pt-0 { padding-top: 0; }

.c-pb-100 { padding-bottom: var(--c-px-100); }
.c-pb-90 { padding-bottom: var(--c-px-90); }
.c-pb-60 { padding-bottom: var(--c-px-60); }
.c-pb-50 { padding-bottom: var(--c-px-50); }
.c-pb-40 { padding-bottom: var(--c-px-40); }
.c-pb-30 { padding-bottom: var(--c-px-30); }
.c-pb-20 { padding-bottom: var(--c-px-20); }
.c-pb-0 { padding-bottom: 0; }

.c-img-cover img { object-fit: cover; }
.c-img-contain img { object-fit: contain; }
.c-flex { display: flex; }
.c-justify-center { justify-content: center; }

.tutor-frontend .headline_outer .headline_inner .headline_aligner { min-height: 130px; }
.tutor-frontend .content_wrap, .page-id-17 .content_wrap { max-width: 1980px; width: 100%; padding: 0; }
.tutor-video-player input { border: 0 !important; background: transparent !important; }
.tutor-dashboard-menu-divider { padding: 0; }
.tutor-dashboard-permalinks li:before { display: none !important; }
/* .tutor-course-topic > .tutor-accordion-item-header:not(.is-active) + .tutor-accordion-item-body { display: none; } */

/* Modal container */
.popup_modal { width: 100%; height: 100%; position: fixed; padding-top: 100px; left: 0; top: 0; z-index: 100; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.popup_modal.lock .modal-close, .popup_toggle { display: none; }

.popup-theme-1 { transition: opacity 0.25s linear, visibility 0.25s linear; opacity: 0; visibility: hidden; }
.popup_toggle:checked + .popup-theme-1 { visibility: visible; opacity: 1; }
.popup-theme-1 .modal-content a { color: #efd081; }
.popup-theme-1 .modal-close { font-size: 23px; font-family: SofiaProBlack; color: #9e9e9e; text-transform: uppercase; line-height: 1; position: absolute; top: -14px; right: -14px; padding: 2px 7px 3px; background-color: #ffffff; border: #e1e1e1 solid 4px; border-radius: 35px;  z-index: 1; }
.popup-theme-1 .modal-close:hover, .popup-theme-1 .modal-close:focus { color: #000; text-decoration: none; cursor: pointer; background-color: #dddddd; border-color: #000000;}

.popup-theme-2 { transition: opacity 0.25s linear, visibility 0.25s linear; opacity: 0; visibility: hidden; height: 100%; overflow: hidden; position: fixed; width: 100%; background: rgba(0,0,0,0.6); }
.popup_toggle:checked + .popup-theme-2 { visibility: visible; opacity: 1; }
.popup-theme-2 .modal-content  { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: flex-end; justify-content: flex-end; }
.popup-theme-2 .modal-bottom { background: #fff; padding: 4% 30px; width: 100%; }

.popup-theme-3 { font-family: 'segoe-ui', arial; visibility: hidden; transition: 0.25s opacity ease-in, 0.25s visibility step-end; opacity: 0; background-color: rgba(0, 0, 0, 0.6); }
.popup_toggle:checked + .popup-theme-3, .popup_toggle:checked + .popup-theme-3 > .modal-wrap { visibility: visible; opacity: 1; transform: none; transition: 0.25s transform ease-in, 0.25s opacity ease-in; }
.popup-theme-3 .modal-wrap  { overflow: initial; visibility: hidden; opacity: 0; position: relative; -ms-transform: translate3d(0, -1rem, 0) translateY(-50%); -webkit-transform: translate3d(0, -1rem, 0) translateY(-50%); transform: translate3d(0, -1rem, 0); top: 60px; left: 0; display: block; padding: 0; margin: auto; box-sizing: border-box; max-width: 920px; width: 100%; transition: 0.25s transform ease, 0.25s opacity ease, 0.25s visibility step-end; }
.popup-theme-3 .modal-content { max-width: 100%; background-color: white; box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.25); position: relative; border-radius: 6px; padding: 40px 20px; font-size: 24px; margin: 0 20px 20px; text-align: center; }
.popup-theme-3 .modal-close { fill: #fff; position: absolute; top: -35px; right: -8px; width: 18px; height: 27px; cursor: pointer; }
.popup-theme-3 .modal-close:hover { fill: #ffb9b9; }
.popup-theme-3 .modal-close:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.cmsmasters_single_slider_wrap .cmsmasters_img_wrap img, .cmsmasters_archive .cmsmasters_img_wrap img , .cmsmasters_profile_img_wrap img { object-fit: cover; }
.single-project .content_wrap { padding-left: 15px; padding-right: 15px; }
.cmsmasters_profile_vertical .cmsmasters_profile_content p:not(:last-child) { margin-bottom: 1em; }

.temp-category-title { margin-bottom: 5px; font-weight: 600; }

@media screen and (max-width: 992px) {
  :root {
  --c-px-200: 100px;
  --c-px-150: 75px;
  --c-px-100: 50px;
  --c-px-90: 45px;
  --c-px-80: 40px;
  --c-px-60: 30px;
  --c-px-50: 25px;
  --c-px-40: 20px;
  --c-px-30: 17px;
  --c-px-20: 15px;
  }
}

@media screen and (max-width: 768px) {
  :root {
  --c-px-200: 50px;
  --c-px-150: 37.5px;
  --c-px-100: 25px;
  --c-px-90: 22.5px;
  --c-px-80: 20px;
  --c-px-60: 25px;
  --c-px-50: 20px;
  --c-px-40: 17px;
  --c-px-30: 15px;
  --c-px-20: 15px;
  }
}