:root { --gcg-color-primary: #ffbc3b; --gcg-color-primary-light: #ffde9c; --gcg-color-secondary: #1a1a37; --gcg-color-light-1x: #ededf1; --gcg-color-light-2x: #f8f9fe; --gcg-font-primary: 'Ubuntu', sans-serif; --gcg-font-header: 'Fira Sans', sans-serif; --gcg-font-icon: 'Material Design Icons'; } body { background-color: white; overflow-x: hidden; } ::selection { background: var(--gcg-color-primary-light); color: var(--bs-tertiary-color); } /* preloader */ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffbC3b; z-index: 999999; display: flex; align-items: center; justify-content: center; } ol, ul { list-style-type: none; margin: 0; } img { vertical-align: middle; border: 0; } a, a:hover, a:focus { text-decoration: none; } a { color: inherit; } a, button, select { cursor: pointer; transition: .2s ease; &:focus { outline: 0; } } a:hover { color: var(--gcg-color-primary); } a.text-primary:hover { color: var(--gcg-color-primary) !important; } h4 { transition: .2s ease; } a h4 { &:hover { color: var(--gcg-color-primary); } } .slick-slide { outline: 0; } .section { padding-top: 90px; padding-bottom: 90px; &-sm { padding-top: 40px; padding-bottom: 40px; } &-title { margin-bottom: 30px; } } .bg-cover { background-size: cover; background-position: center center; background-repeat: no-repeat; } .border-primary { border-color: var(--gcg-color-light-1x) !important; } /* overlay */ .overlay { position: relative; &::before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: var(--gcg-color-secondary); opacity: .7; } } .bg-primary { background: var(--gcg-color-primary) !important; } .bg-secondary { background: var(--gcg-color-secondary) !important; } .text-primary { color: var(--gcg-color-primary) !important; } .text-muted { color: #b5b5b7 !important; } .font-header { font-family: var(--gcg-font-header); } .vertical-align-middle { vertical-align: middle; } .icon-s { font-size: 28px; } .icon-md { font-size: 36px; } .page-title-section { padding: 200px 0 80px; } .list-styled { padding-left: 25px; li { position: relative; margin-bottom: 15px; &::before { position: absolute; content: ""; height: 10px; width: 10px; border-radius: 50%; background: var(--gcg-color-primary); left: -25px; top: 5px; } } } textarea.form-control { height: 200px; padding: 20px; } .post-thumb-sm { max-width: 100px; } /* pagination */ .pagination { justify-content: center; .page-item { &.active { .page-link { background: var(--gcg-color-primary); color: white; border-color: var(--gcg-color-primary); } } .page-link { color: var(--bs-secondary-color); } } } .content { * { margin-bottom: 20px; } a { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; } ol { padding-left: 20px; list-style-type: decimal; } ul { padding-left: 0; li { position: relative; padding-left: 20px; margin-bottom: 10px; list-style-type: none; &::before { position: absolute; content: "\f0B2A"; font-family: var(--gcg-font-icon); font-size: 14px; left: 0; top: 1px; color: #ffbc3b; transition: .3s ease; } } } img { max-width: 100%; } table { text-align: left; width: 100%; max-width: 100%; margin-bottom: 1rem; border: 1px solid #dee2e6; table-layout: fixed; th, td { padding: .75rem; vertical-align: top; border: 1px solid #dee2e6 } thead { background: var(--gcg-color-light-1x); } tbody { background: var(--gcg-color-light-2x); td { text-align: left !important; } } } blockquote { border: 1px solid var(--gcg-color-light-1x); border-left: 5px solid var(--gcg-color-primary); padding: 20px; padding-left: 40px; background-color: var(--gcg-color-light-2x); p { color: var(--bs-secondary-color); font-style: italic !important; } * { margin-bottom: 0 !important; } } pre { padding: 10px 20px; background: var(--gcg-color-light-2x); } } summary { font-weight: 900; font-size: 22px; color: var(--gcg-color-secondary); &.hover { color: var(--gcg-color-primary); } } details[open] { padding: .5em; padding-bottom: 0; } details[open] summary { border-bottom: 1px solid #aaa; margin-bottom: .5em; } @media only screen and (min-width: 768px) { .termin-tc { width: 25%; } } /* hero */ .hero-section { padding: 250px 0 200px; } .hs-banner { padding: 50px 0 200px; } .hero-slider { .prevArrow, .nextArrow { position: absolute; bottom: -123px; z-index: 9; padding: 15px; color: rgba($color: white, $alpha: .5); border: 0; font-size: 30px; transition: all linear .2s; background: transparent; &:focus { outline: 0; } &:hover { color: var(--gcg-color-primary); } } .prevArrow { right: 60px; } .nextArrow { right: 0; } .arrowIcon { font-size: 40px; } .slick-dots { position: absolute; left: 0; bottom: -100px; padding-left: 0; li { display: inline-block; margin: 0 6px; &.slick-active { button { background: var(--gcg-color-primary); } } button { color: transparent; padding: 0; overflow: hidden; height: 10px; width: 10px; background: rgba($color: white, $alpha: .5); border: 0; outline: 0; } } } } /* /hero */ .top-banner { padding-top: 160px !important; } .pts-banner { padding: 80px 0 80px; } .content-justify { text-align: justify; } .fb-tile-color { display: flex; justify-content: center; align-items: center; height: 195px; } .fb-tile-icon { font-size: 96px; } #wc-canvas { width: 100%; height: 600px; } .filter-controls{ li{ cursor: pointer; transition: .1s ease; &.active{ font-weight: 600; color: var(--gcg-color-primary); } &:hover{ color: var(--gcg-color-primary); } } } .tag-list { a { display: block; padding: 5px 10px; background: var(--bs-secondary-bg); color: var(--bs-secondary-color); &:hover{ background: var(--gcg-color-primary); color: white; } } }