.row {
margin-left: -8px;
margin-right: -8px;
}
.container, [class*="col-"] {
padding-left: 8px;
padding-right: 8px;
}
.row-small {
margin-left: -4px;
margin-right: -4px;
}
.col-small {
padding-left: 4px;
padding-right: 4px;
}
@media (max-width: 767px) {
#wpadminbar {
position: fixed !important;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
body {
font-size: 0.9375rem;
}
* {
outline: none !important;
}
img {
max-width: 100%;
height: auto;
}
iframe {
display: block;
max-width: 100%;
margin: 0 auto;
}
a {
color: var(--color_link);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
a:hover {
color: var(--color_link);
text-decoration: none;
}
ul, ol {
padding-left: 20px;
}
button {
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
small, .small {
font-size: 90%;
}
.font-size-body {
font-size: 0.9375rem !important;
}
.lead {
font-size: 1.125rem;
}
.font-weight-semibold {
font-weight: 600 !important;
}
a.text-body:hover, a.text-body:focus {
color: var(--color_link) !important;
}
a.text-muted:hover, a.text-muted:focus {
color: #212529 !important;
}
.text-primary {
color: #EB144C !important;
}
.bg-primary {
background-color: var(--color_button) !important;
}
.bg-secondary {
background-color: #FE8401 !important;
}
.bg-light {
background-color: var(--color_background)!important;
}
.bg-dark {
background-color: var(--color_background_ft)!important;
}
.border-primary {
border-color: var(--color_button) !important;
}
.bg-cover {
background-color: #CFD4DB;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.border-secondary {
border-color: #FE8401 !important;
}
.border-bottom-2 {
border-bottom: 2px solid #dee2e6;
}
.rounded-lg {
border-radius: 0.5rem !important;
}
.svg-4 {
width: 1.5rem;
height: 1.5rem;
}
.svg-5 {
width: 1.25rem;
height: 1.25rem;
}
.svg-6 {
width: 1rem;
height: 1rem;
}
.svg-primary {
fill: var(--color_link);
}
@media (max-width: 767px) {
h1, .h1 {
font-size: 1.625rem;
}
h2, .h2 {
font-size: 1.5rem;
}
h3, .h3 {
font-size: 1.375rem;
}
h4, .h4 {
font-size: 1.25rem;
}
h5, .h5 {
font-size: 1.125rem;
}
.display-4 {
font-size: 2rem;
}
}
.form-control::-webkit-input-placeholder {
color: #898989;
}
.form-control::-moz-placeholder {
color: #898989;
}
.form-control:-ms-input-placeholder {
color: #898989;
}
.form-control:-moz-placeholder {
color: #898989;
}
.required {
color: #F15A29;
}
.form-control, .custom-select, .btn {
border-radius: 0.375rem;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.form-control, .custom-select {
background-color: #F0F2F5;
border-color: #F0F2F5;
}
.form-control:focus, .custom-select:focus, .form-control:focus + .input-group-append .btn {
background-color: #FFF;
border-color: #dee2e6;
box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
}
.btn {
font-weight: 600;
}
.btn-sm {
font-size: 0.75rem;
}
.btn-primary, .btn-primary:not(:disabled):not(.disabled):active:focus {
color: #fff;
background-color: var(--color_button);
border-color: var(--color_button);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active {
color: #FFF;
background-color: var(--color_button_hover);
border-color: var(--color_button_hover);
}
.btn-primary svg, .btn-primary:not(:disabled):not(.disabled):active:focus svg {
fill: #fff;
}
.btn-secondary, .btn-secondary:not(:disabled):not(.disabled):active:focus {
color: #fff;
background-color: var(--color_button);
border-color: var(--color_button);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active {
color: #FFF;
background-color: var(--color_button_hover);
border-color: var(--color_button_hover);
}
.btn-secondary svg, .btn-secondary:not(:disabled):not(.disabled):active:focus svg {
fill: #fff;
}
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
color: #EB144C;
background-color: transparent;
border-color: #EB144C;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #EB144C;
border-color: #EB144C;
}
.btn-light, .btn-light:not(:disabled):not(.disabled):active:focus {
color: #212529;
background-color: #F0F2F5;
border-color: #F0F2F5;
}
.btn-light:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #EB144C;
border-color: #EB144C;
}
.table th, .table td {
padding: 0.625rem;
}
.table th {
font-size: 1rem;
font-weight: 600;
}
.tab-nav {
border-bottom: 1px solid #dee2e6;
display: flex;
margin-bottom: 1rem;
}
.tab-nav a {
font-size: 1rem;
font-weight: 600;
color: #212529;
border-bottom: 2px solid transparent;
display: block;
padding: 0.5rem 1.5rem;
}
.tab-nav a:hover {
background-color: #F0F2F5;
}
.tab-nav a.active {
color: #EB144C;
border-bottom-color: #EB144C;
}
.breadcrumb {
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
margin: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
content: ' ';
border-top: 2px solid #6c757d;
border-right: 2px solid #6c757d;
display: inline-block;
vertical-align: middle;
width: 0.5rem;
height: 0.5rem;
padding-right: 0;
margin-top: -0.25rem;
margin-right: 0.5rem;
transform: rotate(45deg);
}
@media (max-width: 767px) {
.single .breadcrumb-item.active {
display: none;
}
#mainCont .breadcrumb-item.active {
display: none;
}
}
.pagination {
justify-content: center;
margin-bottom: 1.5rem;
}
.pagination .page-link {
font-size: 1rem;
font-weight: 600;
color: #212529;
background: var(--color_rgb_nav);
border-color: var(--color_rgb_nav);
border-radius: 0.5rem !important;
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
text-align: center;
padding: 0;
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.pagination .page-link:hover, .pagination .page-link:focus {
color: var(--color_nav);
background-color: var(--color_nav_bg);
border-color: var(--color_rgb_nav);
}
.pagination .page-item.active .page-link {
color: var(--color_nav);
background-color: var(--color_nav_bg);
border-color: var(--color_rgb_nav);
}
.modal-dialog {
min-height: calc(100vh - 3.75rem);
display: flex;
flex-direction: column;
justify-content: center;
overflow: auto;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-header {
background: #F7F7F7;
}
.modal-title {
text-transform: uppercase;
line-height: 1.2;
}
.modal-body {
padding: 1.5rem;
}
.modal-backdrop.show {
opacity: 0.7;
}
.spin {
-webkit-animation: spin 1.2s infinite linear;
-moz-animation: spin 1.2s infinite linear;
-ms-animation: spin 1.2s infinite linear;
-o-animation: spin 1.2s infinite linear;
animation: spin 1.2s infinite linear;
}
@keyframes "spin" {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes "spin" {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes "spin" {
from {
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes "spin" {
from {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 0.6s linear infinite;
animation: progress-bar-stripes 0.6s linear infinite;
}
.accordion .toggler {
color: #FFF;
background-color: var(--color_button);
}
.accordion .toggler.collapsed {
color: #FFF;
background-color: var(--color_button);
}
.accordion .toggler:after {
content: '-';
font-size: 1.25rem;
font-weight: 700;
cursor: pointer;
display: inline-block;
line-height: 1;
margin-left: auto;
transition: all 0.3s ease 0s;
}
.accordion .toggler.collapsed:after {
content: '+';
}
.accordion-more-info .toggler {
color: #FFF;
background-color: var(--color_button);
}
.site {
padding-top: 46px;
}
.admin-bar .site-header {
top: 46px;
}
@media (min-width: 768px) {
.admin-bar .site-header {
top: 32px;
}
}
.site-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.site-nav .menu {
display: flex;
}
.site-nav .menu > li {
position: relative;
}
.site-nav .menu > li > a {
font-size: 1rem;
font-weight: 600;
color: inherit;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
display: block;
padding: 0.5rem 1.25rem;
}
.site-nav .menu > li:hover > a {
color: inherit;
background: #F2F2F2;
}
.site-nav .menu > li.current-menu-item > a, .site-nav .menu > li.current-category-ancestor > a, .site-nav .menu > li.current-post-ancestor > a {
color: var(--color_link);
background-color: transparent;
border-bottom-color: var(--color_border);
}
.site-nav .sub-menu {
white-space: nowrap;
background-color: #FFF;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
display: none;
padding: 0.5rem 0;
position: absolute;
z-index: 12;
top: 100%;
left: 0;
min-width: 15rem;
}
.site-nav li:hover > .sub-menu {
display: block;
}
.site-nav .sub-menu > li {
position: relative;
}
.site-nav .sub-menu > li > a {
color: inherit;
display: block;
padding: 0.5rem 1rem;
}
.site-nav .sub-menu > li:hover > a {
color: #EB144C;
}
.site-nav .sub-menu > li > .sub-menu {
top: 0;
left: 100%;
}
@media (max-width: 1199px) {
.site-nav .menu > li > a {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
@media (max-width: 991px) {
.site-nav {
background-color: #fff;
overflow-y: auto;
width: 17.5rem;
position: fixed;
left: -17.5rem;
top: 0;
bottom: 0;
transition: all 0.3s ease 0s;
z-index: 1002;
}
body.open-site-nav .site-nav {
left: 0;
}
.site-overlay {
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
z-index: 1001;
top: 0;
left: 0;
}
.site-nav .menu {
display: block;
}
.site-nav .menu > li {
border-bottom: 1px solid #dee2e6;
padding: 0.75rem 2.5rem 0.75rem 0.75rem;
margin-left: 0;
}
.site-nav .menu > li + li {
margin-left: 0;
}
.site-nav .menu > li > a {
display: inline;
padding: 0;
}
.site-nav .menu > li.menu-item-has-children:before {
content: ' ';
border-top: 2px solid #212121;
border-left: 2px solid #212121;
cursor: pointer;
float: right;
width: 0.5rem;
height: 0.5rem;
position: absolute;
top: 1.25rem;
right: 1rem;
transform: rotateZ(-135deg);
transition: all 0.3s ease 0s;
}
.site-nav .menu > li.menu-item-has-children:hover:before {
border-top-color: #EB144C;
border-left-color: #EB144C;
}
.site-nav .menu > li.menu-item-has-children.active:before {
transform: rotateZ(45deg);
}
.site-nav .menu > li > .sub-menu {
background-color: transparent;
border: 0;
box-shadow: none;
clear: both;
display: none;
padding: 0;
position: relative;
top: 0;
left: 0;
margin: .5rem 0;
}
.site-nav .menu > li:hover > .sub-menu {
display: none;
}
}
.archive-post:hover, .aside-cat:hover {
border-color: var(--color_border) !important;
}
.adsbygoogle, .adsbygoogle ins, .adsbygoogle iframe {
width: 100% !important;
}
.adsbygoogle {
margin-left: 0 !important;
}
.cloud-tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.cloud-tags a {
color: inherit;
background-color: #e4e4e4;
border-radius: 50rem;
display: block;
padding: 0.5rem 1rem;
margin: 0 1rem 1.5rem;
}
.cloud-tags a:hover, .cloud-tags a:focus {
color: inherit;
background-color: #c4c4c4;
}
.entry-content {
text-align: justify;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .term-description h1, .term-description h2, .term-description h3, .term-description h4, .term-description h5, .term-description h6 {
font-size: 1.375rem;
text-align: center;
margin-bottom: 1rem;
}
.entry-content table {
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 1rem;
width: 100%;
max-width: 100%;
}
.entry-content table th, .entry-content table td {
border-top: 1px solid #dee2e6;
padding: 0.75rem;
}
.entry-content table th {
font-weight: 600;
text-transform: uppercase;
}
.entry-content table thead th {
border-bottom: 2px solid #dee2e6;
padding: 0.75rem;
}
.entry-content img.centered, .entry-content .aligncenter, .term-description img.centered, .term-description .aligncenter {
display: table;
margin: 0 auto 1em;
}
.entry-content .wp-caption, .term-description .wp-caption {
max-width: 100%;
}
.entry-content .wp-caption-text, .term-description .wp-caption-text {
font-weight: 400;
text-align: center;
background: #eeeeee;
padding: 0.5rem 0.5rem;
}
.entry-content blockquote {
box-shadow: inset 0 0 0 0 #e2e4e7;
border-left: 0.25rem solid #000;
padding-left: 1rem;
}
.entry-content .wp-block-image {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.entry-content .su-spoiler {
display: none;
}
.list-shares a {
color: #FFF;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
}
.list-shares a:hover {
opacity: 0.8;
}
.list-shares a.facebook {
background-color: #455FA1;
}
.list-shares a.twitter {
background-color: #58ABF4;
}
.list-shares a.pinterest {
background-color: #CC1D1E;
}
.list-shares a.linkedin {
background-color: #007BB5;
}
.list-shares a.email {
background-color: #1980BE;
}
.schema-faq-section {
border: 1px solid #dee2e6;
padding: 1rem;
margin-top: -1px;
}
.schema-faq-question {
font-weight: 400;
cursor: pointer;
}
.schema-faq-answer {
display: none;
padding-top: 1rem;
padding-left: 1rem;
}
.site-footer .menu {
margin-left: 2.25rem;
}
.site-footer .menu li {
margin-right: 1.5rem;
}
.site-footer .menu li a {
color: inherit;
}
.site-footer .menu li a:hover {
color: #EB144C;
}
.site-footer .socials a {
color: inherit;
background-color: #F0F2F5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
}
.site-footer .socials a:hover {
background-color: #E2E6EA;
}
.site-footer .socials a svg {
fill: #212529;
transition: all 0.3s ease 0s;
}
.site-footer .socials a:hover svg {
fill: #212529;
}
.site-footer .socials a + a {
margin-left: 0.5rem;
}
h4.accordion-title.accordion_title_faq.mt-2 {
background-color: #FFF;
padding-left: 1rem !important;
padding-right: 1rem !important;
padding-bottom: .25rem !important;
padding-top: .25rem !important;
border-radius: .25rem !important;
border: 1px solid #dee2e6 !important;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.5;
text-transform: uppercase;
}
h4.accordion-title.accordion_title_faq.mt-2.open {
color: #FFF;
background-color: var(--color_button);
}
h4.accordion-title.accordion_title_faq.mt-2::after {
content: '+';
font-size: 1.25rem;
font-weight: 700;
cursor: pointer;
display: inline-block;
line-height: 1;
margin-left: auto;
transition: all 0.3s ease 0s;
float: right;
}
h4.accordion-title.accordion_title_faq.mt-2.open::after {
content: '-';
font-size: 1.25rem;
font-weight: 700;
cursor: pointer;
display: inline-block;
line-height: 1;
margin-left: auto;
transition: all 0.3s ease 0s;
float: right;
}
.accordion_content_faq.p-3 {
border: 1px solid #dee2e6 !important;
border-radius: .25rem !important;
}
header.bg-white {
background-color: var(--color_background_hd) !important;
}
h1.site-logo a.text-body {
color: var(--color_logo_header) !important;
}
.site-nav .menu > li > a {
color: var(--color_header_link);
}
svg.svg-muted {
fill: var(--color_svg) !important;
}
.site-footer .socials a svg {
fill: #212529;
transition: all 0.3s ease 0s;
}
.copyright a {
color: var(--color_link_footers);
}
html {
font-family: var(--fonts)!important;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
.btn-primary {
color: var(--putih);
background-color: var(--color_button)!important;
border-color: var(--color_button)!important;
}