/* ----------------------------------------- */ /* View slug: reciepe-view-toolset - start */ /* ----------------------------------------- */ .content-reci { direction: ltr; } .side-content-reci { direction: rtl; text-align: right; } .side-content-reci .title-wpv-reci-category { font-size: 19px; margin-bottom: 11px; } .side-content-reci .form-check { padding-right: 1.25rem; padding-left: 0; } .side-content-reci .form-check-input { margin-right: -1.25rem; margin-left: 0; } .side-content-reci .form-check-label { color: #737373 !important; font-weight: 400; font-size: 15px; cursor: pointer; padding: 2px 0; } /* Start Option RadioB image */ .form-group-simg .form-check { padding-right: 5px; padding-bottom: 5px; padding-left: 0; display: inline-block; } .form-group-simg .form-check-label { background: #bbb; padding: 2px 5px; border-radius: 3px; } .form-group-simg .form-check-label .img-option { text-align: center; margin-top: .25rem!important; } .form-group-simg .form-check-label .name-option{ color: #fff; text-align: center; font-size: 10px; margin-bottom: 3px; } .form-group-simg .form-check-input { display: none; } .form-group-simg .form-check-input:checked~.form-check-label { color: #ffffff !important; background: #8cc640; } /* End Option RadioB image */ .side-content-reci .form-group { margin-bottom: 1rem; border: 1px dashed #b9b9b9; padding: 10px 15px; border-radius: 5px; } hr { display: block; border: none; outline: 0; height: 2px; width: 100%; margin: 0 auto 15px !important; clear: both; background-color: rgba(0, 0, 0, 0.08) !important; color: rgba(0, 0, 0, 0.08) !important; } .form-group-products-reci div { display: inline-block; margin-left: 11px; margin-bottom: 7px; } .products-reci .form-check { padding-right: 0rem; padding-left: 0; } .products-reci div { display: inline-block; margin-left: 6px; margin-bottom: 6px; } .products-reci .form-check-input { margin-right: 0; margin-left: 0; display: none; } .products-reci .form-check-label{ color: #ffffff !important; font-weight: 400; font-size: 14px; cursor: pointer; padding: 3px 12px; background: #afafaf; border-radius: 4px; } .products-reci .form-check-input:checked~.form-check-label { color: #ffffff !important; background: #8cc640; } .main-content-reci { direction: rtl; text-align: right; } .main-content-reci .article-box-reci { border-radius: 10px; position: relative; overflow: hidden; margin-bottom: 30px; } .main-content-reci .article-box-reci .image-box-reci img { display: block; width: 100%; max-height: none; max-width: none; } .main-content-reci .article-box-reci .title-box-reci { opacity: 0; position: absolute; top: 0; width: -webkit-fill-available; height: -webkit-fill-available; background: #ff0000b3; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; overflow: hidden; } .main-content-reci .article-box-reci:hover .title-box-reci { opacity: 1; } .main-content-reci .article-box-reci .title-box-reci h3 { color: #fff; } /* Pagination Style */ .page-item.active .page-link { color: #fff; background-color: #ed1c24; border-color: #d2141b; } .page-link { color: #ed1c24; background-color: #fff; border: 1px solid #dee2e6; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .page-link:hover { color: #ed1c24; } /* ----------------------------------------- */ /* View slug: reciepe-view-toolset - end */ /* ----------------------------------------- */