/* Theme Name: Ivory Author: Karsten Baumgardt Author URI: https://web-groove.de/ Description: Ivory Ferienhaus Theme Version: 1.0 */ @charset "UTF-8"; /*------------------------------------ Default Styles ------------------------------------*/ html { font-size: 16px; } body { font-weight: normal; font-size: 1rem; font-family: "Open Sans", sans-serif; line-height: 1.6; color: #12222d; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; text-rendering: optimizelegibility; background-color: #fff; } a { color: #6ab8ee; outline: none; } a:focus, a:hover { color: #53adeb; } .nav-link { color: #206297; font-weight: bold; } .nav-link:focus, .nav-link:hover { color: #12222d; } figure { margin-bottom: 0; } /*------------------------------------ Headings ------------------------------------*/ .h1, .h2, .h3, .h4, .h5, .h6, .h7, h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-family: 'Supermercado One', cursive; color: #FFD92F; font-size: 3.8rem; } h2 { font-family: "Open Sans", sans-serif; color: #206297; margin-bottom: 20px; text-transform: uppercase !important; } h3 { margin-bottom: 20px; } .dzsparallaxer h2 {color: #fff;} .h7 { font-size: .75rem; } /*------------------------------------ Highlight Color ------------------------------------*/ ::-moz-selection { color: #fff; background-color: #6ab8ee; } ::selection { color: #fff; background-color: #6ab8ee; } .g-bg-primary ::-moz-selection { color: #6ab8ee; background-color: #fff; } .g-bg-primary ::selection { color: #6ab8ee; background-color: #fff; } .u-header { position: relative; left: 0; right: 0; width: 100%; font-size: 1rem; z-index: 501; background-color: #fff; box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1); } .u-header--sticky-top { bottom: auto; top: 0; } .u-header--sticky-top, .u-header--sticky-bottom { position: fixed; } .u-header__section { position: relative; z-index: 1; } .u-header__section:nth-child(1) { z-index: 5; } .u-header__section:nth-child(2) { z-index: 4; } .u-header__section:nth-child(3) { z-index: 3; } .u-header__section:nth-child(4) { z-index: 2; } .u-header__section:nth-child(5) { z-index: 1; } .u-header__logo-img:not(.u-header__logo-img--main) { position: absolute; opacity: 0; } .u-header__section--light .navbar-brand, .u-header__section--light .navbar-toggler, .u-header__section--light--shift.js-header-change-moment .navbar-brand, .u-header__section--light--shift.js-header-change-moment .navbar-toggler { color: #12222d; } .u-header__section--light .navbar-brand:focus, .u-header__section--light .navbar-brand:hover, .u-header__section--light .navbar-toggler:focus, .u-header__section--light .navbar-toggler:hover, .u-header__section--light--shift.js-header-change-moment .navbar-brand:focus, .u-header__section--light--shift.js-header-change-moment .navbar-brand:hover, .u-header__section--light--shift.js-header-change-moment .navbar-toggler:focus, .u-header__section--light--shift.js-header-change-moment .navbar-toggler:hover { color: #12222d; } .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link { color: #12222d; } .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover { color: #12222d; } .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled { color: rgba(18, 34, 45, 0.5); } .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active { color: #6ab8ee; } .u-header__section--light .navbar-toggler, .u-header__section--light--shift.js-header-change-moment .navbar-toggler { border-color: rgba(18, 34, 45, 0.3); } .u-header__section--light .navbar-toggler-icon, .u-header__section--light--shift.js-header-change-moment .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba($g-color-main, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .u-header__section--light .navbar-text, .u-header__section--light--shift.js-header-change-moment .navbar-text { color: rgba(18, 34, 45, 0.7); } .u-header__section--dark .navbar-brand, .u-header__section--dark .navbar-toggler, .u-header__section--dark--shift.js-header-change-moment .navbar-brand, .u-header__section--dark--shift.js-header-change-moment .navbar-toggler, .u-header__section--primary .navbar-brand, .u-header__section--primary .navbar-toggler, .u-header__section--primary--shift.js-header-change-moment .navbar-brand, .u-header__section--primary--shift.js-header-change-moment .navbar-toggler { color: #fff; } .u-header__section--dark .navbar-brand:focus, .u-header__section--dark .navbar-brand:hover, .u-header__section--dark .navbar-toggler:focus, .u-header__section--dark .navbar-toggler:hover, .u-header__section--dark--shift.js-header-change-moment .navbar-brand:focus, .u-header__section--dark--shift.js-header-change-moment .navbar-brand:hover, .u-header__section--dark--shift.js-header-change-moment .navbar-toggler:focus, .u-header__section--dark--shift.js-header-change-moment .navbar-toggler:hover, .u-header__section--primary .navbar-brand:focus, .u-header__section--primary .navbar-brand:hover, .u-header__section--primary .navbar-toggler:focus, .u-header__section--primary .navbar-toggler:hover, .u-header__section--primary--shift.js-header-change-moment .navbar-brand:focus, .u-header__section--primary--shift.js-header-change-moment .navbar-brand:hover, .u-header__section--primary--shift.js-header-change-moment .navbar-toggler:focus, .u-header__section--primary--shift.js-header-change-moment .navbar-toggler:hover { color: #fff; } .u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link { color: rgba(255, 255, 255, 0.8); } .u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, .u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover { color: #fff; } .u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled { color: rgba(255, 255, 255, 0.5); } .u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active { color: #fff; } .u-header__section--dark .navbar-toggler, .u-header__section--dark--shift.js-header-change-moment .navbar-toggler, .u-header__section--primary .navbar-toggler, .u-header__section--primary--shift.js-header-change-moment .navbar-toggler { border-color: rgba(255, 255, 255, 0.3); } .u-header__section--dark .navbar-toggler-icon, .u-header__section--dark--shift.js-header-change-moment .navbar-toggler-icon, .u-header__section--primary .navbar-toggler-icon, .u-header__section--primary--shift.js-header-change-moment .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba($g-color-white, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .u-header__section--dark .navbar-text, .u-header__section--dark--shift.js-header-change-moment .navbar-text, .u-header__section--primary .navbar-text, .u-header__section--primary--shift.js-header-change-moment .navbar-text { color: rgba(255, 255, 255, 0.7); } .navbar > .container { position: relative; } /* Button Styles ------------------------------------*/ .btn:focus, .btn:active:focus, .btn.active:focus { outline: 0 none; -webkit-box-shadow: none; box-shadow: none; } .btn { position: relative; -webkit-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; cursor: pointer; padding: 0 !important; } .u-btn-primary { color: #206297; background-color: #FFD92F; font-weight: 700; } .u-btn-primary:hover, .u-btn-primary.active { color: #206297; box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); } .wp-block-button__link { background-color: initial; font-size: 1rem !important; padding-left: 2.14286rem !important; padding-right: 2.14286rem !important; padding-top: 0.71429rem !important; padding-bottom: 0.71429rem !important; } .wp-block-button__link:hover { text-decoration: none; } /*------------------------------------ Searchform v1 ------------------------------------*/ .u-searchform-v1, .u-searchform-v1--align-left { min-width: initial; width: 21.42857rem; position: absolute; right: -1.07143rem; top: 100%; -webkit-box-shadow: 0 1px 3px #ddd; box-shadow: 0 1px 3px #ddd; } .u-searchform-v1 .form-control, .u-searchform-v1--align-left .form-control { font-family: "Roboto", sans-serif; font-size: 0.85714rem; } .u-searchform-v1--align-left, .u-searchform-v1--align-left--align-left { position: absolute; left: -1.07143rem; } .u-searchform-v1 .input-group-addon, .u-searchform-v1--align-left .input-group-addon { border: 0; } .u-searchform-v1 .input-group-addon button[type="submit"], .u-searchform-v1--align-left .input-group-addon button[type="submit"] { height: 100%; } /*------------------------------------ Custom Bootstrap ------------------------------------*/ .container-semiboxed { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } @media (min-width: 576px) { .container-semiboxed { width: 540px; } } @media (min-width: 768px) { .container-semiboxed { width: 720px; } } @media (min-width: 992px) { .container-semiboxed { width: 960px; } } @media (min-width: 1200px) { .container-semiboxed { width: 1140px; } } @media (min-width: 1400px) { .container-semiboxed { width: 1340px; } } .text-muted { color: #999 !important; } .list-group-item { border-color: #eee; } .list-group-item-action:hover { background-color: #f7f7f7; } .list-group-item.active { background-color: #6ab8ee; border-color: #6ab8ee; } .list-group-border-0 .list-group-item:first-child, .list-group-border-0 .list-group-item:last-child { border-radius: 0; } /* Paginations */ .page-link { color: #6ab8ee; } .page-link:focus, .page-link:hover { color: #6ab8ee; } .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover { border-color: #6ab8ee; background-color: #6ab8ee; } .nav-pills .nav-link.show .nav-link, .nav-pills .nav-link.active { background-color: #6ab8ee; } .nav-tabs { border-bottom: 1px solid #eee; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-link.show .nav-link { color: #12222d; border-color: #eee #eee #fff; } .progress { font-size: 1rem; line-height: inherit; height: inherit; background-color: #eee; } .progress-bar { height: auto; min-height: 12px; background-color: #6ab8ee; } .btn-primary { background-color: #6ab8ee; border-color: #6ab8ee; } .btn-primary:hover { color: #fff; background-color: #61b4ed; border-color: #61b4ed; } .btn-primary:focus, .btn-primary.focus { -webkit-box-shadow: 0 0 0 2px rgba(106, 184, 238, 0.5); box-shadow: 0 0 0 2px rgba(106, 184, 238, 0.5); } .btn-primary.disabled, .btn-primary:disabled { background-color: #6ab8ee; border-color: #6ab8ee; } .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { background-color: #61b4ed; border-color: #61b4ed; } .btn-outline-primary { color: #6ab8ee; border-color: #6ab8ee; } .btn-outline-primary:hover { background-color: #61b4ed; border-color: #61b4ed; } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 2px rgba(106, 184, 238, 0.5); box-shadow: 0 0 0 2px rgba(106, 184, 238, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #6ab8ee; } .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle { background-color: #61b4ed; border-color: #61b4ed; } .card, .card-header { border-color: #eee; } .card-header { padding: 0.71429rem 1.07143rem; } .card-block { padding: 1.07143rem; } .form-control { border-color: #ccc; height: auto; } .form-control-md { padding: .8rem 1rem .6rem; } .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { height: calc(3.75rem + 2px); } .form-control, .form-control:focus { color: #12222d; } .form-control:focus, .custom-select:focus { border-color: #6ab8ee; -webkit-box-shadow: none; box-shadow: none; } .form-control::-webkit-input-placeholder { color: inherit; opacity: .5; } .form-control::-ms-input-placeholder { color: inherit; opacity: .5; } .form-control::placeholder { color: inherit; opacity: .5; } .has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label { color: #5cb85c; } .has-success .form-control { border-color: #5cb85c; } .has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label { color: #f0ad4e; } .has-warning .form-control { border-color: #f0ad4e; } .has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label { color: #d9534f; } .has-danger .form-control { border-color: #d9534f; } [class*="input-group-"] { min-width: 38px; background-color: transparent; border-color: #ccc; -webkit-transition: border-color .15s ease-in-out 0s; -o-transition: border-color .15s ease-in-out 0s; transition: border-color .15s ease-in-out 0s; } [class*="input-group-"] > * { white-space: normal; } [class*="input-group-"] i { margin: 0 auto; } .input-group .form-control:active, .input-group .form-control:focus, .input-group .form-control:hover { z-index: auto; } .btn-group { display: block; } .input-group-addon + .input-group-addon { border-left: solid 1px #ccc; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: #f7f7f7; } .table-striped tbody td { border-top: none; } @media (min-width: 768px) { .btn-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .justified-content { display: table; width: 100%; table-layout: fixed; } .justified-content > * { display: table-cell; width: 1%; float: none; } } .dropdown-menu { min-width: 15rem; padding: 0; } .dropdown-toggle::before { display: none; } .dropdown-toggle::after { content: "\e900"; position: relative; top: 0.21429rem; font-family: "hs-icons" !important; font-size: 10px; display: inline; border: none; margin-left: 0.5rem; } .dropdown-item { padding: 0.21429rem 1.07143rem; } .dropdown-item:focus, .dropdown-item:hover { background: rgba(0, 0, 0, 0.03); } .dropdown-item.active, .dropdown-item:active { background: rgba(0, 0, 0, 0.05); color: inherit !important; } .dropdown-item.active > a, .dropdown-item:active > a { color: inherit !important; } .dropdown-item.active > a::before, .dropdown-item.active > a::after, .dropdown-item:active > a::before, .dropdown-item:active > a::after { background-color: #fff; } .u-header__section--dark .dropdown-item.active > a, .u-header__section--dark .dropdown-item:active > a { color: #fff !important; } .chosen-container-single .chosen-single div b { position: relative; } .chosen-container-single .chosen-search input[type="text"] { padding: .8rem 1rem .6rem; border-color: #ccc; } .chosen-container-single.u-dropdown-sm .chosen-search input[type="text"] { padding: .25rem .5rem .1rem; } .chosen-container-single.u-dropdown-lg .chosen-search input[type="text"] { padding: .75rem 1.5rem .55rem; } .chosen-container-single.u-select-above .chosen-drop { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; } [data-animation].cbp { visibility: visible; } .cbp-slider-next::after, .cbp-slider-prev::after { display: none; } .cbp-filter-item { cursor: pointer; } .cbp-item-off { opacity: 0; } /*------------------------------------ Background Colors ------------------------------------*/ /* Main Colors */ .g-bg-main { background-color: #fff !important; } /* Main Secondary */ .g-bg-secondary { background-color: #fafafa !important; } /* Primary Colors */ .g-bg-primary { background-color: #6ab8ee !important; } .g-bg-primary--hover:hover { background-color: #6ab8ee !important; } .u-block-hover:hover .g-bg-primary--hover { background-color: #6ab8ee; } .g-parent:hover .g-bg-primary--parent-hover { background-color: #6ab8ee !important; } .g-bg-primary--active.active, .active .g-bg-primary--active { background-color: #6ab8ee !important; } .g-parent.active .g-bg-primary--parent-active { background-color: #6ab8ee !important; } .g-bg-primary--before::before, .g-bg-primary--after::after { background-color: #6ab8ee !important; } .g-bg-primary-dark-v1 { background-color: #61b4ed !important; } .g-bg-primary-dark-v2 { background-color: #53adeb !important; } .g-bg-primary-dark-v3 { background-color: #3ca2e9 !important; } .g-bg-primary-opacity-0_1 { background-color: rgba(106, 184, 238, 0.1) !important; } .g-bg-primary-opacity-0_2 { background-color: rgba(106, 184, 238, 0.2) !important; } .g-bg-primary-opacity-0_2--hover:hover { background-color: rgba(106, 184, 238, 0.2) !important; } .g-bg-primary-opacity-0_2--hover--after:hover::after { background-color: rgba(106, 184, 238, 0.2) !important; } .active .g-bg-primary-opacity-0_2--active { background-color: rgba(106, 184, 238, 0.2) !important; } .g-bg-primary-opacity-0_2--before::before, .g-bg-primary-opacity-0_2--after::after { background-color: rgba(106, 184, 238, 0.2) !important; } .g-bg-primary-opacity-0_3 { background-color: rgba(106, 184, 238, 0.3) !important; } .g-bg-primary-opacity-0_3--hover:hover { background-color: rgba(106, 184, 238, 0.3) !important; } .g-bg-primary-opacity-0_3--hover--after:hover::after { background-color: rgba(106, 184, 238, 0.3) !important; } .active .g-bg-primary-opacity-0_3--active { background-color: rgba(106, 184, 238, 0.3) !important; } .g-bg-primary-opacity-0_3--before::before, .g-bg-primary-opacity-0_3--after::after { background-color: rgba(106, 184, 238, 0.3) !important; } .g-bg-primary-opacity-0_4 { background-color: rgba(106, 184, 238, 0.4) !important; } .g-bg-primary-opacity-0_4--hover:hover { background-color: rgba(106, 184, 238, 0.4) !important; } .g-bg-primary-opacity-0_4--hover--after:hover::after { background-color: rgba(106, 184, 238, 0.4) !important; } .g-bg-primary-opacity-0_4--after::after { background-color: rgba(106, 184, 238, 0.4) !important; } .g-bg-primary-opacity-0_6 { background-color: rgba(106, 184, 238, 0.6) !important; } .g-bg-primary-opacity-0_6--hover:hover { background-color: rgba(106, 184, 238, 0.6) !important; } .g-bg-primary-opacity-0_6--hover--after:hover::after { background-color: rgba(106, 184, 238, 0.6) !important; } .g-bg-primary-opacity-0_6--after::after { background-color: rgba(106, 184, 238, 0.6) !important; } .g-bg-primary-opacity-0_8 { background-color: rgba(106, 184, 238, 0.8) !important; } .g-bg-primary-opacity-0_8--hover:hover { background-color: rgba(106, 184, 238, 0.8) !important; } .g-bg-primary-opacity-0_8--hover--after:hover::after { background-color: rgba(106, 184, 238, 0.8) !important; } .g-bg-primary-opacity-0_8--before::after, .g-bg-primary-opacity-0_8--after::after { background-color: rgba(106, 184, 238, 0.8) !important; } .g-bg-primary-opacity-0_8--before--hover:hover::after, .g-bg-primary-opacity-0_8--after--hover:hover::after { background-color: rgba(106, 184, 238, 0.8) !important; } .g-bg-primary-opacity-0_9 { background-color: rgba(106, 184, 238, 0.9) !important; } .g-bg-primary-opacity-0_9--hover:hover { background-color: rgba(106, 184, 238, 0.9) !important; } .g-bg-primary-opacity-0_9--hover--after:hover::after { background-color: rgba(106, 184, 238, 0.9) !important; } .g-bg-primary-opacity-0_9--before::after, .g-bg-primary-opacity-0_9--after::after { background-color: rgba(106, 184, 238, 0.9) !important; } .g-bg-primary-opacity-0_9--before--hover:hover::after, .g-bg-primary-opacity-0_9--after--hover:hover::after { background-color: rgba(106, 184, 238, 0.9) !important; } /* Black Colors */ .g-bg-black { background-color: #000 !important; } .g-bg-black--hover:hover { background-color: #000 !important; } .g-bg-black--after::after { background-color: #000 !important; } .g-bg-black-opacity-0_1 { background-color: rgba(0, 0, 0, 0.1) !important; } .g-bg-black-opacity-0_1--after::after { background-color: rgba(0, 0, 0, 0.1) !important; } .g-bg-black-opacity-0_2 { background-color: rgba(0, 0, 0, 0.2) !important; } .g-bg-black-opacity-0_2--after::after { background-color: rgba(0, 0, 0, 0.2) !important; } .g-bg-black-opacity-0_3 { background-color: rgba(0, 0, 0, 0.3) !important; } .g-bg-black-opacity-0_3--hover:hover { background-color: rgba(0, 0, 0, 0.3) !important; } .g-bg-black-opacity-0_3--after::after, .g-bg-black-opacity-0_3--before::before { background-color: rgba(0, 0, 0, 0.3) !important; } .g-bg-black-opacity-0_3--hover--after:hover::after { background-color: rgba(0, 0, 0, 0.3) !important; } .g-bg-black-opacity-0_4 { background-color: rgba(0, 0, 0, 0.4) !important; } .g-bg-black-opacity-0_4--after::after { background-color: rgba(0, 0, 0, 0.4) !important; } .g-bg-black-opacity-0_5 { background-color: rgba(0, 0, 0, 0.5) !important; } .g-bg-black-opacity-0_5--hover:hover { background-color: rgba(0, 0, 0, 0.5) !important; } .g-bg-black-opacity-0_5--after::after { background-color: rgba(0, 0, 0, 0.5) !important; } .g-bg-black-opacity-0_6 { background-color: rgba(0, 0, 0, 0.6) !important; } .g-bg-black-opacity-0_6--hover:hover { background-color: rgba(0, 0, 0, 0.7) !important; } .g-bg-black-opacity-0_6--after::after { background-color: rgba(0, 0, 0, 0.6) !important; } .g-bg-black-opacity-0_7 { background-color: rgba(0, 0, 0, 0.7) !important; } .g-bg-black-opacity-0_7--hover:hover { background-color: rgba(0, 0, 0, 0.7) !important; } .g-bg-black-opacity-0_7--after::after { background-color: rgba(0, 0, 0, 0.7) !important; } .g-bg-black-opacity-0_8 { background-color: rgba(0, 0, 0, 0.8) !important; } .g-bg-black-opacity-0_8--after::after { background-color: rgba(0, 0, 0, 0.8) !important; } .g-bg-black-opacity-0_8--hover:hover { background-color: rgba(0, 0, 0, 0.8) !important; } .g-bg-black-opacity-0_9 { background-color: rgba(0, 0, 0, 0.9) !important; } .g-bg-black-opacity-0_9--after::after { background-color: rgba(0, 0, 0, 0.9) !important; } .g-bg-black-opacity-0_9--hover:hover { background-color: rgba(0, 0, 0, 0.9) !important; } .u-block-hover:hover .g-bg-black--hover { background-color: #000 !important; } /* Color Blue */ .g-bg-blue { background-color: #3398dc !important; } .g-bg-blue-opacity-0_1 { background-color: rgba(1, 152, 225, 0.1) !important; } .g-bg-blue-opacity-0_3 { background-color: rgba(1, 152, 225, 0.1) !important; } .g-bg-blue-opacity-0_7 { background-color: rgba(1, 152, 225, 0.7) !important; } .g-bg-blue-opacity-0_9 { background-color: rgba(1, 152, 225, 0.9) !important; } .g-bg-blue-opacity-1 { background-color: rgb(1,152,225); position: relative; } .g-bg-blue--hover:hover { background-color: #3398dc !important; } .g-bg-blue-opacity-1 p { color: #fff; } .bg-waves { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .bg-waves::before { content: ''; display: block; position: absolute; left: 0; top: 60%; -webkit-transform: translateY(-15%); -ms-transform: translateY(-15%); transform: translateY(-15%); width: 100%; height: 100%; background: transparent url('img/waves.svg') no-repeat 50% 0%; background-size: cover; pointer-events: none; } /* Color Light Blue */ .g-bg-lightblue { background-color: #edf2f8 !important; } .g-bg-lightblue-opacity-0_1 { background-color: rgba(237, 242, 248, 0.1) !important; } .g-bg-lightblue-v1 { background-color: #d6e2ee !important; } .g-bg-lightblue-v1-opacity-0_1 { background-color: rgba(214, 226, 238, 0.1) !important; } /*------------------------------------ Covers ------------------------------------*/ .g-bg-cover { position: relative; } .g-bg-cover::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .g-bg-cover-v1::after { position: absolute; top: 0.35714rem; right: 0.35714rem; bottom: 0.35714rem; left: 0.35714rem; } .g-bg-cover__inner { z-index: 1; position: relative; } /*------------------------------------ Borders Default (dashed) ------------------------------------*/ .g-brd-around--dashed { border: dashed 1px transparent; } .g-brd-top--dashed { border-top: dashed 1px transparent; } .g-brd-bottom--dashed { border-bottom: dashed 1px transparent; } .g-brd-right--dashed { border-right: dashed 1px transparent; } .g-brd-left--dashed { border-left: dashed 1px transparent; } @media (min-width: 576px) { .g-brd-around--dashed--sm { border: dashed 1px transparent; } .g-brd-top--dashed--sm { border-top: dashed 1px transparent; } .g-brd-bottom--dashed--sm { border-bottom: dashed 1px transparent; } .g-brd-right--dashed--sm { border-right: dashed 1px transparent; } .g-brd-left--dashed--sm { border-left: dashed 1px transparent; } } @media (min-width: 768px) { .g-brd-around--dashed--md { border: dashed 1px transparent; } .g-brd-top--dashed--md { border-top: dashed 1px transparent; } .g-brd-bottom--dashed--md { border-bottom: dashed 1px transparent; } .g-brd-right--dashed--md { border-right: dashed 1px transparent; } .g-brd-left--dashed--md { border-left: dashed 1px transparent; } } @media (min-width: 992px) { .g-offset-lg-1 { margin-left: 8.333333%; } .g-offset-lg-4 { margin-left: 33.333333%; } } /* Color Blue */ .g-brd-blue { border-color: #3398dc !important; } .g-brd-blue--hover:hover, .g-brd-blue--active.active { border-color: #3398dc !important; } *:hover > .g-brd-blue--hover-parent { border-color: #3398dc !important; } .g-brd-blue-opacity-0_1 { border-color: rgba(51, 152, 220, 0.1) !important; } /* Color Light Blue */ .g-brd-lightblue { border-color: #edf2f8 !important; } .g-brd-lightblue--hover:hover, .g-brd-lightblue--active.active { border-color: #edf2f8 !important; } *:hover > .g-brd-lightblue--hover-parent { border-color: #edf2f8 !important; } .g-brd-lightblue-v1 { border-color: #d6e2ee !important; } .g-brd-lightblue-v1--hover:hover, .g-brd-lightblue-v1--active.active { border-color: #d6e2ee !important; } *:hover > .g-brd-lightblue-v1--hover-parent { border-color: #d6e2ee !important; } /* Color Dark Blue */ .g-brd-darkblue { border-color: #009 !important; } .g-brd-darkblue--hover:hover, .g-brd-darkblue--active.active { border-color: #009 !important; } *:hover > .g-brd-darkblue--hover-parent { border-color: #009 !important; } /* Color Indigo */ .g-brd-indigo { border-color: #4263a3 !important; } .g-brd-indigo--hover:hover, .g-brd-indigo--active.active { border-color: #4263a3 !important; } *:hover > .g-brd-indigo--hover-parent { border-color: #4263a3 !important; } /* Color Red */ .g-brd-red { border-color: #f00 !important; } .g-brd-red--hover:hover, .g-brd-red--active.active { border-color: #f00 !important; } *:hover > .g-brd-red--hover-parent { border-color: #f00 !important; } /* Color Light Red */ .g-brd-lightred { border-color: #e64b3b !important; } .g-brd-lightred--hover:hover, .g-brd-lightred--active.active { border-color: #e64b3b !important; } *:hover > .g-brd-lightred--hover-parent { border-color: #e64b3b !important; } /* Color Dark Red */ .g-brd-darkred { border-color: #a10f2b !important; } .g-brd-darkred--hover:hover, .g-brd-darkred--active.active { border-color: #a10f2b !important; } *:hover > .g-brd-darkred--hover-parent { border-color: #a10f2b !important; } / /* Color Blue Gray */ .g-brd-bluegray { border-color: #585f69 !important; } .g-brd-bluegray--hover:hover, .g-brd-bluegray--active.active { border-color: #585f69 !important; } *:hover > .g-brd-bluegray--hover-parent { border-color: #585f69 !important; } /* Primary Colors */ .g-brd-primary-top { border-top-color: #6ab8ee !important; } .g-brd-primary-top--before::before { border-top-color: #6ab8ee !important; } .g-brd-primary-bottom { border-bottom-color: #6ab8ee !important; } .g-brd-primary-bottom--before:before { border-bottom-color: #6ab8ee !important; } .g-brd-primary-left { border-left-color: #6ab8ee !important; } .g-brd-primary-left--before:before { border-left-color: #6ab8ee !important; } .g-brd-primary-right { border-right-color: #6ab8ee !important; } .g-brd-primary-right--before:before { border-right-color: #6ab8ee !important; } .g-brd-primary-opacity-0_3-top { border-top-color: rgba(106, 184, 238, 0.3) !important; } .g-brd-primary-opacity-0_3-bottom { border-bottom-color: rgba(106, 184, 238, 0.3) !important; } .g-brd-primary-opacity-0_3-left { border-left-color: rgba(106, 184, 238, 0.3) !important; } .g-brd-primary-opacity-0_3-right { border-right-color: rgba(106, 184, 238, 0.3) !important; } .g-brd-primary-dark-dark-v1-top { border-top-color: #61b4ed !important; } .g-brd-primary-dark-dark-v1-bottom { border-bottom-color: #61b4ed !important; } .g-brd-primary-dark-dark-v1-left { border-left-color: #61b4ed !important; } .g-brd-primary-dark-dark-v1-right { border-right-color: #61b4ed !important; } .g-brd-primary-dark-dark-v2-top { border-top-color: #53adeb !important; } .g-brd-primary-dark-dark-v2-bottom { border-bottom-color: #53adeb !important; } .g-brd-primary-dark-dark-v2-left { border-left-color: #53adeb !important; } .g-brd-primary-dark-dark-v2-right { border-right-color: #53adeb !important; } .g-brd-primary-dark-dark-v3-top { border-top-color: #3ca2e9 !important; } .g-brd-primary-dark-dark-v3-bottom { border-bottom-color: #3ca2e9 !important; } .g-brd-primary-dark-dark-v3-left { border-left-color: #3ca2e9 !important; } .g-brd-primary-dark-dark-v3-right { border-right-color: #3ca2e9 !important; } /* Black Colors */ .g-brd-black-top { border-top-color: #000 !important; } .g-brd-black-bottom { border-bottom-color: #000 !important; } .g-brd-black-left { border-left-color: #000 !important; } .g-brd-black-right { border-right-color: #000 !important; } /* White */ .g-brd-white-top { border-top-color: #fff !important; } .g-brd-white-bottom { border-bottom-color: #fff !important; } .g-brd-white-left { border-left-color: #fff !important; } .g-brd-white-right { border-right-color: #fff !important; } .g-brd-white-opacity-0_1-top { border-top-color: rgba(255, 255, 255, 0.1) !important; } .g-brd-white-opacity-0_1-bottom { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } .g-brd-white-opacity-0_1-left { border-left-color: rgba(255, 255, 255, 0.1) !important; } .g-brd-white-opacity-0_1-right { border-right-color: rgba(255, 255, 255, 0.1) !important; } .g-brd-white-opacity-0_2-top { border-top-color: rgba(255, 255, 255, 0.2) !important; } .g-brd-white-opacity-0_2-bottom { border-bottom-color: rgba(255, 255, 255, 0.2) !important; } .g-brd-white-opacity-0_2-left { border-left-color: rgba(255, 255, 255, 0.2) !important; } .g-brd-white-opacity-0_2-right { border-right-color: rgba(255, 255, 255, 0.2) !important; } .g-brd-white-opacity-0_3-top { border-top-color: rgba(255, 255, 255, 0.3) !important; } .g-brd-white-opacity-0_3-bottom { border-bottom-color: rgba(255, 255, 255, 0.3) !important; } .g-brd-white-opacity-0_3-left { border-left-color: rgba(255, 255, 255, 0.3) !important; } .g-brd-white-opacity-0_3-right { border-right-color: rgba(255, 255, 255, 0.3) !important; } .g-brd-white-opacity-0_4-top { border-top-color: rgba(255, 255, 255, 0.4) !important; } .g-brd-white-opacity-0_4-bottom { border-bottom-color: rgba(255, 255, 255, 0.4) !important; } .g-brd-white-opacity-0_4-left { border-left-color: rgba(255, 255, 255, 0.4) !important; } .g-brd-white-opacity-0_4-right { border-right-color: rgba(255, 255, 255, 0.4) !important; } .g-brd-white-opacity-0_5-top { border-top-color: rgba(255, 255, 255, 0.5) !important; } .g-brd-white-opacity-0_5-bottom { border-bottom-color: rgba(255, 255, 255, 0.5) !important; } .g-brd-white-opacity-0_5-left { border-left-color: rgba(255, 255, 255, 0.5) !important; } .g-brd-white-opacity-0_5-right { border-right-color: rgba(255, 255, 255, 0.5) !important; } .g-brd-white-opacity-0_6-top { border-top-color: rgba(255, 255, 255, 0.6) !important; } .g-brd-white-opacity-0_6-bottom { border-bottom-color: rgba(255, 255, 255, 0.6) !important; } .g-brd-white-opacity-0_6-left { border-left-color: rgba(255, 255, 255, 0.6) !important; } .g-brd-white-opacity-0_6-right { border-right-color: rgba(255, 255, 255, 0.6) !important; } /* Gray Colors */ .g-brd-gray-dark-v1-top { border-top-color: #111 !important; } .g-brd-gray-dark-v1-bottom { border-bottom-color: #111 !important; } .g-brd-gray-dark-v1-left { border-left-color: #111 !important; } .g-brd-gray-dark-v1-right { border-right-color: #111 !important; } .g-brd-gray-dark-v2-top { border-top-color: #333 !important; } .g-brd-gray-dark-v2-bottom { border-bottom-color: #333 !important; } .g-brd-gray-dark-v2-left { border-left-color: #333 !important; } .g-brd-gray-dark-v2-right { border-right-color: #333 !important; } .g-brd-gray-dark-v3-top { border-top-color: #555 !important; } .g-brd-gray-dark-v3-bottom { border-bottom-color: #555 !important; } .g-brd-gray-dark-v3-left { border-left-color: #555 !important; } .g-brd-gray-dark-v3-right { border-right-color: #555 !important; } .g-brd-gray-dark-v4-top { border-top-color: #777 !important; } .g-brd-gray-dark-v4-bottom { border-bottom-color: #777 !important; } .g-brd-gray-dark-v4-left { border-left-color: #777 !important; } .g-brd-gray-dark-v4-right { border-right-color: #777 !important; } .g-brd-gray-dark-v5-top { border-top-color: #999 !important; } .g-brd-gray-dark-v5-bottom { border-bottom-color: #999 !important; } .g-brd-gray-dark-v5-left { border-left-color: #999 !important; } .g-brd-gray-dark-v5-right { border-right-color: #999 !important; } .g-brd-gray-light-v1-top { border-top-color: #bbb !important; } .g-brd-gray-light-v1-bottom { border-bottom-color: #bbb !important; } .g-brd-gray-light-v1-left { border-left-color: #bbb !important; } .g-brd-gray-light-v1-right { border-right-color: #bbb !important; } .g-brd-gray-light-v2-top { border-top-color: #ccc !important; } .g-brd-gray-light-v2-bottom { border-bottom-color: #ccc !important; } .g-brd-gray-light-v2-left { border-left-color: #ccc !important; } .g-brd-gray-light-v2-right { border-right-color: #ccc !important; } .g-brd-gray-light-v3-top { border-top-color: #ddd !important; } .g-brd-gray-light-v3-bottom { border-bottom-color: #ddd !important; } .g-brd-gray-light-v3-left { border-left-color: #ddd !important; } .g-brd-gray-light-v3-right { border-right-color: #ddd !important; } .g-brd-gray-light-v4-top { border-top-color: #eee !important; } .g-brd-gray-light-v4-bottom { border-bottom-color: #eee !important; } .g-brd-gray-light-v4-left { border-left-color: #eee !important; } .g-brd-gray-light-v4-right { border-right-color: #eee !important; } .g-brd-gray-light-v5-top { border-top-color: #f7f7f7 !important; } .g-brd-gray-light-v5-bottom { border-bottom-color: #f7f7f7 !important; } .g-brd-gray-light-v5-left { border-left-color: #f7f7f7 !important; } .g-brd-gray-light-v5-right { border-right-color: #f7f7f7 !important; } /* Transparent */ .g-brd-transparent-top { border-top-color: transparent !important; } .g-brd-transparent-bottom { border-bottom-color: transparent !important; } .g-brd-transparent-left { border-left-color: transparent !important; } .g-brd-transparent-right { border-right-color: transparent !important; } /* Height in Viewport Height (vh) */ .g-height-50vh { height: 50vh !important; } .g-height-70vh { height: 70vh; } .g-height-75vh { height: 75vh; } .g-height-100vh { height: 100vh !important; } /* Min Height in Viewport Height (vh) */ .g-min-height-50vh { min-height: 50vh; } .g-min-height-60vh { min-height: 60vh; } .g-min-height-70vh { min-height: 70vh; } .g-min-height-80vh { min-height: 80vh; } .g-min-height-90vh { min-height: 90vh; } .g-min-height-100vh { min-height: 100vh; } /*------------------------------------ Positions ------------------------------------*/ .g-pos-rel { position: relative !important; } .g-pos-abs { position: absolute !important; } .g-pos-stc { position: static !important; } .g-pos-fix { position: fixed !important; } @media (min-width: 576px) { .g-pos-rel--sm { position: relative !important; } .g-pos-fix--sm { position: fixed !important; } .g-pos-abs--sm { position: absolute !important; } .g-pos-stc--sm { position: static !important; } } @media (min-width: 768px) { .g-pos-rel--md { position: relative !important; } .g-pos-fix--md { position: fixed !important; } .g-pos-abs--md { position: absolute !important; } .g-pos-stc--sm { position: static !important; } } @media (min-width: 992px) { .g-pos-rel--lg { position: relative !important; } .g-pos-fix--lg { position: fixed !important; } .g-pos-abs--lg { position: absolute !important; } .g-pos-stc--lg { position: static !important; } } /*------------------------------------ Position Spaces ------------------------------------*/ .g-top-minus-70 { top: -60px; } /*------------------------------------ Block Alignments ------------------------------------*/ /* Absolute (Position, X, Y) */ .g-absolute-centered { position: absolute !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; } .g-absolute-centered--x { position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } @media (min-width: 576px) { .g-absolute-centered--x--sm { position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } } @media (min-width: 768px) { .g-absolute-centered--x--md { position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } } .g-absolute-centered--y { position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } @media (min-width: 768px) { .g-absolute-centered--y--md { position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } } @media (min-width: 992px) { .g-absolute-centered--y--lg { position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } } /* O */ .g-transform-origin--top-left { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .g-transform-origin--top-right { -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .g-absolute-centered--y--scl-0_6 { position: absolute; top: 50%; -webkit-transform: scale(0.6) translateY(-50%); -ms-transform: scale(0.6) translateY(-50%); transform: scale(0.6) translateY(-50%); } /* Relative (Position, X, Y) */ .g-relative-centered { position: relative; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; } .g-relative-centered--x { position: relative; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } .g-relative-centered--y { position: relative; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } /* Flex centered */ .g-flex-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .g-flex-centered-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .g-flex-centered-item--top { -ms-flex-item-align: start; align-self: flex-start; } .g-flex-centered-item--bottom { -ms-flex-item-align: end; align-self: flex-end; } /* Flex right */ .g-flex-right--xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* Flex middle */ .g-flex-middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .g-flex-middle-item { margin-top: auto; margin-bottom: auto; } .g-flex-middle-item--top { margin-top: 0; margin-bottom: 0; } .g-flex-middle-item--bottom { margin-top: auto; margin-bottom: 0; } .g-flex-middle-item--fixed { -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: 50%; } @media (min-width: 768px) { /* Flex right */ .g-flex-right--md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .g-flex-centered--md { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .g-absolute-centered--y--scl-1--md { position: absolute; top: 50%; -webkit-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); } } @media (min-width: 576px) { .g-absolute-centered--sm { position: absolute !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; } .g-absolute-centered--x-sm--reset { position: static !important; left: auto !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; } } @media (min-width: 768px) { .g-absolute-centered--md { position: absolute !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; } } @media (min-width: 992px) { .g-absolute-centered--x--lg { position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } .g-flex-centered--lg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /*------------------------------------ Alignments ------------------------------------*/ .g-valign-super { vertical-align: super !important; } .g-valign-sub { vertical-align: sub !important; } .g-valign-top { vertical-align: top !important; } .g-valign-middle { vertical-align: middle !important; } .g-valign-bottom { vertical-align: bottom !important; } /*------------------------------------ Clear ------------------------------------*/ .g-clear { clear: both; } .g-clear--left { clear: left; } .g-clear--right { clear: right; } /*------------------------------------ Overflows ------------------------------------*/ .g-overflow-hidden { overflow: hidden !important; } .g-overflow-visible { overflow: visible; } .g-overflow-x-hidden { overflow-x: hidden; } .g-overflow-x-auto { overflow-x: auto !important; } .g-overflow-x-scroll { overflow-x: scroll; } .g-overflow-y-auto { overflow-y: auto; } .g-overflow-y-hidden { overflow-y: hidden; } @media (min-width: 768px) { .g-overflow-x-visible--md { overflow-x: visible; } } @media (min-width: 992px) { .g-overflow-x-visible--lg { overflow-x: visible; } } /*------------------------------------ Transitions ------------------------------------*/ /*.g-transition { &-0_2 { transition: .2s ease-out; } &-0_3 { transition: .3s ease-out; } &-0_6 { transition: .6s ease-out; &-ease { transition: .6s ease; } } } [class*="g-color-"][class*="--hover"] { transition: color .2s ease-out; } [class*="g-bg-"][class*="--hover"] { transition: background-color .3s ease-out; } [class*="g-color-"][class*="--hover"][class*="g-bg-"][class*="--hover"] { transition: .3s ease-out; }*/ [class*="g-transition"] { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [class*="g-transition"]::before, [class*="g-transition"]::after { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } svg[class*="g-transition"] path, svg[class*="g-transition"] polygon { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .g-transition-0 { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .g-transition-0::before, .g-transition-0::after { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } svg.g-transition-0 path, svg.g-transition-0 polygon { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .g-transition-0_2 { -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } .g-transition-0_2::before, .g-transition-0_2::after { -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } svg.g-transition-0_2 path, svg.g-transition-0_2 polygon { -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } .g-transition-0_3 { -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } .g-transition-0_3::before, .g-transition-0_3::after { -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } svg.g-transition-0_3 path, svg.g-transition-0_3 polygon { -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } .g-transition-0_5 { -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } .g-transition-0_5::before, .g-transition-0_5::after { -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } svg.g-transition-0_5 path, svg.g-transition-0_5 polygon { -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } .g-transition-0_6 { -webkit-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s; } .g-transition-0_6::before, .g-transition-0_6::after { -webkit-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s; } svg.g-transition-0_6 path, svg.g-transition-0_6 polygon { -webkit-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s; } .g-transition-delay-0_11 { -webkit-transition-delay: .11s; -o-transition-delay: .11s; transition-delay: .11s; } .g-transition-delay-0_11::before, .g-transition-delay-0_11::after { -webkit-transition-delay: .11s; -o-transition-delay: .11s; transition-delay: .11s; } svg.g-transition-0_11 path, svg.g-transition-0_11 polygon { -webkit-transition-duration: .11s; -o-transition-duration: .11s; transition-duration: .11s; } .g-transition-delay-0_2 { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .g-transition-delay-0_2::before, .g-transition-delay-0_2::after { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } svg.g-transition-delay-0_2 path, svg.g-transition-delay-0_2 polygon { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .g-transition-delay-0_45 { -webkit-transition-delay: .45s; -o-transition-delay: .45s; transition-delay: .45s; } .g-transition-delay-0_45::before, .g-transition-delay-0_45::after { -webkit-transition-delay: .45s; -o-transition-delay: .45s; transition-delay: .45s; } svg.g-transition-delay-0_45 path, svg.g-transition-delay-0_45 polygon { -webkit-transition-delay: .45s; -o-transition-delay: .45s; transition-delay: .45s; } .g-transition--ease-out { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .g-transition--ease-out::before, .g-transition--ease-out::after { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } svg.g-transition--ease-out path, svg.g-transition--ease-out polygon { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .g-transition--ease-in { -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .g-transition--ease-in::before, .g-transition--ease-in::after { -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } svg.g-transition--ease-in path, svg.g-transition--ease-in polygon { -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .g-transition--ease-in-out { -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .g-transition--ease-in-out::before, .g-transition--ease-in-out::after { -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } svg.g-transition--ease-in-out path, svg.g-transition--ease-in-out polygon { -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .g-transition--linear { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .g-transition--linear::before, .g-transition--linear::after { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } svg.g-transition--linear path, svg.g-transition--linear polygon { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } /*------------------------------------ Transforms ------------------------------------*/ .g-transform-scale-0_5 { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .g-transform-scale-0_5--hover:hover { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .g-parent:hover .g-transform-scale-0_5--parent-hover { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .g-transform-scale-0_8 { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .g-transform-scale-0_8--hover:hover { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .g-parent:hover .g-transform-scale-0_8--parent-hover { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .g-transform-scale-0_85 { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .g-transform-scale-0_85--hover:hover { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .g-parent:hover .g-transform-scale-0_85--parent-hover { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .g-transform-scale-0_9 { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .g-transform-scale-0_9--hover:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .g-parent:hover .g-transform-scale-0_9--parent-hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .g-transform-scale-1 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .g-transform-scale-1--hover:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .g-parent:hover .g-transform-scale-1--parent-hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .g-transform-scale-1_05 { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } .g-transform-scale-1_05--hover:hover { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); z-index: 2; } .g-parent:hover .g-transform-scale-1_05--parent-hover { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .g-transform-scale-1_1 { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .g-transform-scale-1_1--hover:hover { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); z-index: 2; } .g-parent:hover .g-transform-scale-1_1--parent-hover { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .g-transform-scale-1_2 { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .g-transform-scale-1_2--hover:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .g-parent:hover .g-transform-scale-1_2--parent-hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .g-transform-translate-x-100x { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .g-transform-translate-x-100x--hover:hover { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .g-parent:hover .g-transform-translate-x-100x--parent-hover { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .g-transform-translate-x-minus-100x { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .g-transform-translate-x-minus-100x--hover:hover { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .g-parent:hover .g-transform-translate-x-minus-100x--parent-hover { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .g-transform-translate-y-5 { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .g-transform-translate-y-5--hover:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .g-parent:hover .g-transform-translate-y-5--parent-hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .g-transform-translate-y-100x { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .g-transform-translate-y-100x--hover:hover { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .g-parent:hover .g-transform-translate-y-100x--parent-hover { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .g-transform-translate-y-minus-5 { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .g-transform-translate-y-minus-5--hover:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .g-parent:hover .g-transform-translate-y-minus-5--parent-hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .g-transform-translate-y-minus-70 { -webkit-transform: translateY(-70px); -ms-transform: translateY(-70px); transform: translateY(-70px); } .g-transform-translate-y-minus-70--hover:hover { -webkit-transform: translateY(-70px); -ms-transform: translateY(-70px); transform: translateY(-70px); } .g-parent:hover .g-transform-translate-y-minus-70--parent-hover { -webkit-transform: translateY(-70px); -ms-transform: translateY(-70px); transform: translateY(-70px); } .g-transform-translate-y-minus-100x { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .g-transform-translate-y-minus-100x--hover:hover { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .g-parent:hover .g-transform-translate-y-minus-100x--parent-hover { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } /*------------------------------------ Opacity ------------------------------------*/ .opacity-0 { opacity: 0 !important; } .g-opacity-0_3 { opacity: .3 !important; } .g-opacity-0_4 { opacity: .4 !important; } .g-opacity-0_5 { opacity: .5 !important; } .g-opacity-0_6 { opacity: .6 !important; } .g-opacity-0_7 { opacity: .7 !important; } .g-opacity-0_8 { opacity: .8 !important; } .g-opacity-1 { opacity: 1 !important; } .opacity-0--hover:hover { opacity: 0 !important; } .g-parent:hover .opacity-0--parent-hover { opacity: 0 !important; } .g-opacity-0_3--hover:hover { opacity: .3 !important; } .g-parent:hover .g-opacity-0_3--parent-hover { opacity: .3 !important; } .g-opacity-0_5--hover:hover { opacity: .5 !important; } .g-parent:hover .g-opacity-0_5--parent-hover { opacity: .5 !important; } .g-opacity-0_6--hover:hover { opacity: .6 !important; } .g-parent:hover .g-opacity-0_6--parent-hover { opacity: .6 !important; } .g-opacity-0_7--hover:hover { opacity: .7 !important; } .g-parent:hover .g-opacity-0_7--parent-hover { opacity: .7 !important; } .g-opacity-0_8--hover:hover { opacity: .8 !important; } .g-parent:hover .g-opacity-0_8--parent-hover { opacity: .8 !important; } .u-block-hover:hover .g-opacity-1--hover, .g-opacity-1--hover:hover { opacity: 1 !important; } .g-parent:hover .g-opacity-1--parent-hover { opacity: 1 !important; } .selected .g-opacity-1--parents-selected { opacity: 1 !important; } /*------------------------------------ Z-Index ------------------------------------*/ .g-z-index-auto { z-index: auto; } .g-z-index-1 { z-index: 1; } .g-z-index-2 { z-index: 2; } .g-z-index-3 { z-index: 3; } .g-z-index-3--hover:hover { z-index: 3; } .g-z-index-4 { z-index: 4; } .g-z-index-4--hover:hover { z-index: 4; } .g-z-index-99 { z-index: 99; } .g-z-index-9999 { z-index: 9999; } .g-z-index-minus-1 { z-index: -1; } /*------------------------------------ Resize ------------------------------------*/ .g-resize-none { resize: none; } /*------------------------------------ Colors ------------------------------------*/ /* Basic Colors ------------------------------------*/ /* Inherit Colors */ .g-color-inherit { color: inherit !important; } /* Main Colors */ .g-color-main { color: #12222d !important; } .g-color-main--hover:hover { color: #12222d !important; } /* Primary Colors */ .g-color-primary { color: #6ab8ee !important; } .u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover { color: #6ab8ee !important; } .g-parent:hover .g-color-primary--parent-hover { color: #6ab8ee !important; } .g-color-primary-opacity-0_3 { color: rgba(106, 184, 238, 0.3) !important; } .g-color-primary-opacity-0_4 { color: rgba(106, 184, 238, 0.4) !important; } .g-color-primary--active.active { color: #6ab8ee !important; } .active .g-color-primary--parent-active { color: #6ab8ee !important; } .g-color-primary--before::before, .g-color-primary--after::after { color: #6ab8ee; } /* Secondary Colors */ .g-color-secondary { color: #e74b3c !important; } .u-block-hover:hover .g-color-secondary--hover, .g-color-secondary--hover:hover { color: #e74b3c !important; } .g-parent:hover .g-color-secondary--parent-hover { color: #e74b3c !important; } /* Black Colors */ .g-color-black { color: #000 !important; } .g-color-black--hover:hover { color: #000 !important; } .g-parent:hover .g-color-black--parent-hover { color: #000 !important; } .g-color-black--active.active { color: #000 !important; } .g-color-black-opacity-0_1 { color: rgba(0, 0, 0, 0.1) !important; } .g-color-black-opacity-0_3 { color: rgba(0, 0, 0, 0.3) !important; } .g-color-black-opacity-0_5 { color: rgba(0, 0, 0, 0.5) !important; } .g-color-black-opacity-0_6 { color: rgba(0, 0, 0, 0.6) !important; } .g-color-black-opacity-0_7 { color: rgba(0, 0, 0, 0.7) !important; } .g-color-black-opacity-0_8 { color: rgba(0, 0, 0, 0.8) !important; } .g-color-black-opacity-0_8--child * { color: rgba(0, 0, 0, 0.8) !important; } .g-color-black-opacity-0_9 { color: rgba(0, 0, 0, 0.9) !important; } /* White Colors */ .g-color-white { color: #fff !important; } .g-color-white--opened-menu:not(.collapsed) { color: #fff !important; } .u-block-hover:hover .g-color-white--hover, .g-color-white--hover:hover { color: #fff !important; } .g-parent:hover .g-color-white--parent-hover { color: #fff !important; } .g-color-white--active.active { color: #fff !important; } .active .g-color-white--parent-active { color: #fff !important; } .g-color-white--child * { color: #fff !important; } .g-color-white-opacity-0_1 { color: rgba(255, 255, 255, 0.1) !important; } .g-color-white-opacity-0_2 { color: rgba(255, 255, 255, 0.2) !important; } .g-color-white-opacity-0_3 { color: rgba(255, 255, 255, 0.3) !important; } .g-color-white-opacity-0_5, .g-color-white-opacity-0_5--hover:hover { color: rgba(255, 255, 255, 0.5) !important; } .g-color-white-opacity-0_6 { color: rgba(255, 255, 255, 0.6) !important; } .g-parent:hover .g-color-white-opacity-0_6--parent-hover { color: rgba(255, 255, 255, 0.6) !important; } .g-color-white-opacity-0_7, .g-color-white-opacity-0_7--hover:hover { color: rgba(255, 255, 255, 0.7) !important; } .g-color-white-opacity-0_75 { color: rgba(255, 255, 255, 0.75) !important; } .g-color-white-opacity-0_8 { color: rgba(255, 255, 255, 0.8) !important; } .g-color-white-opacity-0_8--child * { color: rgba(255, 255, 255, 0.8) !important; } .g-color-white-opacity-0_9, .g-color-white-opacity-0_9--hover:hover { color: rgba(255, 255, 255, 0.9) !important; } .u-block-hover:hover .g-color-white-opacity-0_7--hover { color: rgba(255, 255, 255, 0.7) !important; } /* Gray Colors */ .g-color-gray-light-v1 { color: #bbb !important; } .g-color-gray-light-v1--hover:hover { color: #bbb !important; } .g-color-gray-light-v2 { color: #ccc !important; } .g-color-gray-light-v2--hover:hover { color: #ccc !important; } .g-color-gray-light-v3 { color: #ddd !important; } .g-color-gray-light-v3--hover:hover { color: #ddd !important; } .g-color-gray-light-v4 { color: #eee !important; } .g-color-gray-light-v4--hover:hover { color: #eee !important; } .g-color-gray-light-v4-opacity-0_6 { color: rgba(238, 238, 238, 0.6) !important; } .g-color-gray-light-v5 { color: #f7f7f7 !important; } .g-color-gray-light-v5--hover:hover { color: #f7f7f7 !important; } .g-color-gray-dark-v1 { color: #111 !important; } .g-color-gray-dark-v1--hover:hover { color: #111 !important; } .g-color-gray-dark-v2 { color: #333 !important; } .g-color-gray-dark-v2--hover:hover { color: #333 !important; } .g-color-gray-dark-v2-opacity-0_75 { color: rgba(51, 51, 51, 0.75) !important; } .g-color-gray-dark-v3 { color: #555 !important; } .g-color-gray-dark-v3--hover:hover { color: #555 !important; } .g-color-gray-dark-v4 { color: #777 !important; } .g-color-gray-dark-v4--hover:hover { color: #777 !important; } .g-color-gray-dark-v5 { color: #999 !important; } .g-color-gray-dark-v5--hover:hover { color: #999 !important; } .g-parent:hover .g-color-gray-dark-v5--parent-hover { color: #999 !important; } /* Complementary Colors ------------------------------------*/ /* Color Green */ .g-color-green { color: #72c02c !important; } .g-color-green--hover:hover { color: #72c02c !important; } /* Color Blue */ .g-color-blue { color: #3398dc !important; } .g-color-blue--hover:hover { color: #3398dc !important; } .g-color-blue-dark-v1 { color: #175a88 !important; } /* Color Light Blue */ .g-color-lightblue { color: #edf2f8 !important; } .g-color-lightblue--hover:hover { color: #edf2f8 !important; } .g-color-lightblue-v1 { color: #d6e2ee !important; } .g-color-lightblue-v1--hover:hover { color: #d6e2ee !important; } /* Color Dark Blue */ .g-color-darkblue { color: #009 !important; } .g-color-darkblue--hover:hover { color: #009 !important; } /*------------------------------------ Block Hidden ------------------------------------*/ .g-hidden-xs-up { display: none !important; } @media (max-width: 575px) { .g-hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .g-hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .g-hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .g-hidden-md-up { display: none !important; } } @media (max-width: 991px) { .g-hidden-md-down { display: none !important; } } @media (min-width: 992px) { .g-hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .g-hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .g-hidden-xl-up { display: none !important; } } .g-hidden-xl-down { display: none !important; } /* Paddings und Margins */ .g-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .g-pb-80 { padding-bottom: 5.71429rem !important; } .g-pt-80 { padding-top: 5.71429rem !important; } .g-mb-30 { margin-bottom: 2.14286rem !important; } .g-pb-40 { padding-bottom: 2.85714rem !important; } .g-pt-40 { padding-top: 2.85714rem !important; } .g-py-10 { padding-top: 0.71429rem !important; padding-bottom: 0.71429rem !important; } .g-px-30 { padding-left: 2.14286rem !important; padding-right: 2.14286rem !important; } /* Typography */ p { color: #333333; } /*------------------------------------ Colors ------------------------------------*/ .g-color-text { color: #333333; } /*------------------------------------ Background Colors ------------------------------------*/ .g-bg-main--hover:hover { background-color: #12222d !important; } .g-bg-secondary { background-color: #fafbfc !important; } /*------------------------------------ Border Colors ------------------------------------*/ .g-brd-text { border-color: #89949b !important; } .g-brd-secondary-light-v1 { border-color: #f0f1f3 !important; } .g-brd-secondary-light-v2 { border-color: #ecedee !important; } /*------------------------------------ Header ------------------------------------*/ .u-header__section .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active, .u-header__section--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active { color: #0198E1; } /*------------------------------------ Carousel indicators v31 ------------------------------------*/ .u-carousel-indicators-v31 span { background-color: #f0f1f3; } /*------------------------------------ Eigene Styles ------------------------------------*/ .icon-top { margin-bottom: 15px; } footer .nav-link { padding: .15rem 1rem; } .wp-caption { position: relative; } .wp-block-image .alignright { margin-left: 40px; } .wp-block-image .alignleft { margin-right: 40px; } figure { border-radius: 4px; position: relative; -webkit-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; } figure:hover { box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); } figcaption{ color: #206297; font-size: 20px; font-weight: bold; background-color: rgba(255,217,47,.8); padding: 5px; position: absolute; top: 20px; left: 20px; font-size: 1rem !important; } .alignright figcaption { left: 20px } .alignleft figcaption { right: 20px; } .imgshadow { box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.2); } .widget-booking { display: block; /* width: 250px; */ position: relative; top: -120px; z-index: 4; background: rgba(1, 152, 225, .8) !important; padding: 20px 10px; box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); } .widget-booking #abc-widget-wrapper { width: auto; } .navbar-expand-lg .navbar-nav .nav-link { padding-left: 20px; padding-right: 20px; } .navbar-expand-lg .navbar-nav .lang-item .nav-link { padding-left: 5px; padding-right: 5px; } /* Widget */ .list-unstyled li { position: relative; list-style: none; padding: 6px 0; } .list-unstyled li .icon { position: absolute; left: 0; } .list-unstyled li .text { padding: 3px 40px; } .widget-booking .abc-widget{ max-width: inherit !important; display:block; margin: 0 auto; } .widget-booking .abc-widget-row { margin: 0 auto; clear: none !important; padding-top: 0px !important; text-align: center; max-width: initial !important; } .widget-booking .abc-submit { padding: 8px !important; border-radius: 4px; } .widget-booking #abc-widget-wrapper { padding: 10px; font-size: 1em; margin-left: auto; margin-right: auto; display: block; } .widget-booking .abc-form label { display: block; padding: 8px 10px 8px 10px; font-size: 1em; margin: 0; width: 90px; float: left; color: #fff; } .widget-booking .abc-input-fa { position: relative; font-size: 16px; float: left; } .widget-booking .abc-input-fa::after { content: "\f107"; display: inline-block; font-family: FontAwesome; font-weight: 600; position: absolute; right: 10px; bottom: 8px; font-size: 1rem; } .widget-booking .abc-input-fa input { height: 42px !important; border: 0 none !important; border-radius: 4px; } .widget-booking .abc-input-fa .fa-calendar { top: 12px !important; color: #206297; } .widget-booking .abc-input-fa select { height: 42px !important; border: 0 none !important; min-width: 100px; border-radius: 4px; } .widget-booking .abc-input-fa .abc-guest1,.abc-input-fa .abc-guest2 { top: 12px !important; color: #206297; } .widget-booking .icon-top { margin-bottom: 20px; } .widget-booking .abc-submit { background: #FFD92F !important; color: #206297 !important; font-weight: bold; border-radius: 4px; margin: 0; } .widget-booking .abc-submit:hover, .abc-submit.active { background-color: rgba(255, 217, 47, .8) !important; color: #206297; } @media all and (max-width: 576px ) { .widget-booking .abc-form label { width: 100%; } .widget-booking .abc-input-fa { width: 100%; } .widget-booking .abc-submit { margin: 20px 0 0 0; } } #abc-widget-wrapper { padding: 15px !important; } #abc-widget-wrapper, .abc-widget { width: 100% !important; max-width: 100% !important; padding: 0; } .abc-input-fa input, .abc-input-fa select { width: 100% !important; } .abc-form input, .abc-form textarea, .abc-form select { max-width: 100% !important; border: 1px solid #ddd !important; height: 40px !important; border-radius: 4px; } .abc-input-fa .fa-calendar { top: 12px !important; color: #206297; } .abc-input-fa .abc-guest1, .abc-input-fa .abc-guest2 { top: 12px !important; color: #206297; } .abc-input-fa .abc-guest1 { left: 10px !important; } .abc-input-fa .abc-guest2 { left: 20px !important; } .abc-input-fa::after { content: "\f107"; display: inline-block; font-family: FontAwesome; font-weight: 600; position: absolute; right: 10px; bottom: 8px; font-size: 1rem; } .abc-widget-row { max-width: 100% !important; } .abc-submit { color: #206297 !important; background-color: #FFD92F !important; font-weight: bold; margin: 15px 0; border-radius: 4px; -webkit-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; } .abc-submit:hover, .abc-submit.active { color: #206297; box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); } .kontaktSection { font-size: 1.75rem; font-weight: 700; color: rgb(1,152,225); line-height: 60px; border-bottom: 1px solid #ddd; } .kontBtn { float: right; font-weight: bold; } @media all and (max-width: 991px ) { .kontaktSection { text-align: center; line-height: 34px; } .kontaktSection .kontBtn { display: block; float: none; margin-top: 20px; } } aside .widget, .whiteBg { overflow: hidden; position: relative; margin-bottom: 30px; background-color: #fff; transition: all 0.3s ease-in-out; border-radius: 4px; box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); } .whiteBg { padding: 20px; } aside .widgettitle { text-align: center; color: #206297; padding: 5px 0; border-bottom: 1px solid #ddd; } aside .widgetBlue { background-color: rgba(1, 152, 225, 1); margin-bottom: 30px; border-radius: 4px; box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); } aside .textwidget { padding: 15px; } aside .widgetBlue .textwidget p { color: #fff; } aside .widgetBlue .widgettitle { text-align: center; color: #fff; padding: 5px 0; border-bottom: 1px solid #DFF1FD; } /* Listen */ ul.properties { padding-left: 0; } ul.properties li { padding: 3px 0 3px 25px; position: relative; list-style: none; } ul.properties li::before { content: "\f00c"; display: inline-block; font-family: FontAwesome; position: absolute; color: #206297; left: 0; top: 3px; } /* Buchungsformular */ #abc-form-wrapper { padding: 0 !important; } #abc-form-content { width: 100% !important; } .abc-column { width: 50% !important; padding: 15px 20px 0 0px !important; } .abc-booking-form input, .abc-booking-form textarea, .abc-booking-form select { width: 100%; border: 1px solid #ddd; height: 40px; padding: 10px; margin-bottom: 10px; border-radius: 4px; } .abc-booking-form input[type=checkbox], .abc-booking-form input[type=radio] { width: 30px; height: auto; } .abc-booking-form input:focus, .abc-booking-form textarea:focus, .abc-booking-form select:focus { border-color: rgba(11, 152, 225, 1); } .abc-booking-form textarea { height: 125px; border-radius: 4px; } #abc-bookingresults { padding: 10px 0 !important; } .abc-form-row { padding: 10px 0px !important; } .abc-fullcolumn { padding: 10px 10px 0 0px !important; } /* * jQuery UI Datepicker 1.10.3 * * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://jqueryui.com/datepicker/ */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding: .2em 0; border: 0; font-weight: bold; width: 100%; padding: 4px 0; background-color: #f5f5f5; color: #808080; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { /*top: 1px;*/ } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/ } .ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/ } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-datepicker th { font-weight: bold; color: gray; } .ui-datepicker-today a:hover { background-color: #808080; color: #ffffff; } .ui-datepicker-today a { background-color: #BFBFBF; cursor: pointer; padding: 0 4px; margin-bottom: 0; } .ui-datepicker td a { margin-bottom: 0; border: 0; } .ui-datepicker td:hover { color: #ffffff; } .ui-datepicker td .ui-state-default { border: 0; background:none; margin-bottom: 0; padding: 5px; color: gray; text-align: center; filter: none; } .ui-datepicker td .ui-state-highlight{ color: #ffffff; background-color: #5bc0de; border-color: #46b8da; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px; /* Safari 4 */ -moz-border-radius: 4px; /* Firefox 3.6 */ border-radius: 4px; } .ui-datepicker td .ui-state-active { color: #333333; background-color: #ebebeb; border-color: #adadad; margin-bottom: 0; font-size: normal; text-shadow: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px; /* Safari 4 */ -moz-border-radius: 4px; /* Firefox 3.6 */ border-radius: 4px; } .ui-datepicker td .ui-state-hover { color: #ffffff; background: #428bca; background-color: #428bca; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #357ebd; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px; /* Safari 4 */ -moz-border-radius: 4px; /* Firefox 3.6 */ border-radius: 4px; } .wp-block-columns { margin-bottom: 30px; } .wp-block-table { background-color: #fff; } #swipebox-overlay { background: rgba(0,0,0, 0.8); }