that wraps the table */ position: relative; z-index: 1; width: 100% !important; /* container inner z-index's because s can't do it */ } .fc .fc-daygrid-day.fc-day-today { background-color: rgb(240, 240, 245); } .fc .fc-daygrid-day-frame { position: relative; min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */ } .fc .fc-daygrid-day-top { display: flex; flex-direction: row-reverse; } .fc .fc-day-other .fc-daygrid-day-top { opacity: 0.3; } .fc .fc-daygrid-day-number { position: relative; z-index: 1; padding: 10px 15px; color: #242e4c; font-size: 15px; font-weight: 500; } .fc .fc-daygrid-day-events { margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */ } .fc .fc-daygrid-body-balanced .fc-daygrid-day-events { position: absolute; left: 0; right: 0; } .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { position: relative; /* for containing abs positioned event harnesses */ min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */ } .fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */ } .fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 1em; } .fc .fc-daygrid-event-harness { position: relative; } .fc .fc-daygrid-event-harness-abs { position: absolute; top: 0; /* fallback coords for when cannot yet be computed */ left: 0; /* */ right: 0; /* */ } .fc .fc-daygrid-bg-harness { position: absolute; top: 0; bottom: 0; } .fc .fc-daygrid-day-bg .fc-non-business { z-index: 1; } .fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2; } .fc .fc-daygrid-day-bg .fc-highlight { z-index: 3; } .fc .fc-daygrid-event { z-index: 6; margin-top: 1px; } .fc .fc-daygrid-event.fc-event-mirror { z-index: 7; } .fc .fc-daygrid-day-bottom { font-size: 0.85em; margin: 2px 3px 0; } .fc .fc-daygrid-more-link { position: relative; z-index: 4; cursor: pointer; } .fc .fc-daygrid-week-number { position: absolute; z-index: 5; top: 0; padding: 2px; min-width: 1.5em; text-align: center; background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); color: #808080; color: var(--fc-neutral-text-color, #808080); } .fc .fc-more-popover { z-index: 8; } .fc .fc-more-popover .fc-popover-body { min-width: 220px; padding: 10px; } .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end { margin-left: 2px; } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { margin-right: 2px; } .fc-direction-ltr .fc-daygrid-week-number { left: 0; border-radius: 0 0 3px 0; } .fc-direction-rtl .fc-daygrid-week-number { right: 0; border-radius: 0 0 0 3px; } .fc-liquid-hack .fc-daygrid-day-frame { position: static; /* will cause inner absolute stuff to expand to */ } .fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */ position: relative; /* for z-indexes assigned later */ white-space: nowrap; border-radius: 3px; /* dot event needs this to when selected */ font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); } /* --- the rectangle ("block") style of event --- */ .fc-daygrid-block-event .fc-event-time { font-weight: bold; padding: 0px; } .fc-daygrid-block-event .fc-event-title { padding: 0px; } /* --- the dot style of event --- */ .fc-daygrid-dot-event { display: flex; align-items: center; padding: 2px 0; } .fc-daygrid-dot-event .fc-event-title { flex-grow: 1; flex-shrink: 1; min-width: 0; /* important for allowing to shrink all the way */ overflow: hidden; font-weight: bold; } .fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror { background: rgba(0, 0, 0, 0.1); } .fc-daygrid-dot-event.fc-event-selected:before { /* expand hit area */ top: -10px; bottom: -10px; } .fc-daygrid-event-dot { /* the actual dot */ margin: 0 4px; box-sizing: content-box; width: 0; height: 0; border: 4px solid #6c5ffc; border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #6c5ffc); border-radius: 4px; border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); } /* --- spacing between time and title --- */ .fc-direction-ltr .fc-daygrid-event .fc-event-time { margin-right: 3px; } .fc-direction-rtl .fc-daygrid-event .fc-event-time { margin-left: 3px; } /* A VERTICAL event */ .fc-v-event { /* allowed to be top-level */ display: block; border: 1px solid #6c5ffc; border: 1px solid var(--fc-event-border-color, #6c5ffc); background-color: #6c5ffc; background-color: var(--fc-event-bg-color, #6c5ffc); /* resizer (mouse AND touch) */ /* resizer for MOUSE */ /* resizer for TOUCH (when event is "selected") */ } .fc-v-event .fc-event-main { color: #fff; color: var(--fc-event-text-color, #fff); height: 100%; } .fc-v-event .fc-event-main-frame { height: 100%; display: flex; flex-direction: column; } .fc-v-event .fc-event-time { flex-grow: 0; flex-shrink: 0; max-height: 100%; overflow: hidden; } .fc-v-event .fc-event-title-container { /* a container for the sticky cushion */ flex-grow: 1; flex-shrink: 1; min-height: 0; /* important for allowing to shrink all the way */ } .fc-v-event .fc-event-title { /* will have fc-sticky on it */ top: 0; bottom: 0; max-height: 100%; /* clip overflow */ overflow: hidden; } .fc-v-event:not(.fc-event-start) { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event:not(.fc-event-end) { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fc-v-event.fc-event-selected:before { /* expand hit area */ left: -10px; right: -10px; } .fc-v-event .fc-event-resizer-start { cursor: n-resize; } .fc-v-event .fc-event-resizer-end { cursor: s-resize; } .fc-v-event:not(.fc-event-selected) .fc-event-resizer { height: 8px; height: var(--fc-event-resizer-thickness, 8px); left: 0; right: 0; } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer { left: 50%; margin-left: -4px; margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc { /* slots AND axis cells (top-left corner of view including the "all-day" text) */ /* axis cells (top-left corner of view including the "all-day" text) */ /* vertical align is more complicated, uses flexbox */ } .fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */ z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */ } .fc .fc-timegrid-body { position: relative; z-index: 1; /* scope the z-indexes of slots and cols */ min-height: 100%; /* fill height always, even when slat table doesn't grow */ } .fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */ position: relative; /* offset parent for now-indicator-container */ } .fc .fc-timegrid-axis-chunk>table { position: relative; z-index: 1; /* above the now-indicator-container */ } .fc .fc-timegrid-slots { position: relative; z-index: 1; } .fc .fc-timegrid-slot { /* a */ height: 1.5em; border-bottom: 0; /* each cell owns its top border */ } .fc .fc-timegrid-slot:empty:before { content: "Â "; /* make sure there's at least an empty space to create height for height syncing */ } .fc .fc-timegrid-slot-minor { border-top-style: dotted; } .fc .fc-timegrid-slot-label-cushion { display: inline-block; white-space: nowrap; } .fc .fc-timegrid-slot-label { vertical-align: middle; /* vertical align the slots */ } .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion { padding: 0 4px; } .fc .fc-timegrid-axis-frame-liquid { height: 100%; /* will need liquid-hack in FF */ } .fc .fc-timegrid-axis-frame { overflow: hidden; display: flex; align-items: center; /* vertical align */ justify-content: flex-end; /* horizontal align. matches text-align below */ } .fc .fc-timegrid-axis-cushion { max-width: 60px; /* limits the width of the "all-day" text */ flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */ } .fc-direction-ltr .fc-timegrid-slot-label-frame { text-align: right; } .fc-direction-rtl .fc-timegrid-slot-label-frame { text-align: left; } .fc-liquid-hack .fc-timegrid-axis-frame-liquid { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc .fc-timegrid-col.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-timegrid-col-frame { min-height: 100%; /* liquid-hack is below */ position: relative; } .fc-liquid-hack .fc-timegrid-col-frame { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc-media-screen .fc-timegrid-cols { position: absolute; /* no z-index. children will decide and go above slots */ top: 0; left: 0; right: 0; bottom: 0; } .fc-media-screen .fc-timegrid-cols>table { height: 100%; } .fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container { position: absolute; top: 0; left: 0; right: 0; } .fc-media-screen .fc-timegrid-event-harness { position: absolute; /* top/left/right/bottom will all be set by JS */ } .fc { /* bg */ /* fg events */ /* (the mirror segs are put into a separate container with same classname, */ /* and they must be after the normal seg container to appear at a higher z-index) */ /* now indicator */ } .fc .fc-timegrid-col-bg { z-index: 2; /* TODO: kill */ } .fc .fc-timegrid-col-bg .fc-non-business { z-index: 1; } .fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2; } .fc .fc-timegrid-col-bg .fc-highlight { z-index: 3; } .fc .fc-timegrid-bg-harness { position: absolute; /* top/bottom will be set by JS */ left: 0; right: 0; } .fc .fc-timegrid-col-events { z-index: 3; /* child event segs have z-indexes that are scoped within this div */ } .fc .fc-timegrid-now-indicator-container { bottom: 0; overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */ /* z-index is set on the individual elements */ } .fc-direction-ltr .fc-timegrid-col-events { margin: 0 2.5% 0 2px; } .fc-direction-rtl .fc-timegrid-col-events { margin: 0 2px 0 2.5%; } .fc-timegrid-event-harness-inset .fc-timegrid-event { box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); } .fc-timegrid-event { /* events need to be root */ font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); border-radius: 3px; } .fc-timegrid-event.fc-event-mirror { box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); } .fc-timegrid-event .fc-event-main { padding: 1px 1px 0; } .fc-timegrid-event .fc-event-time { white-space: nowrap; font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); margin-bottom: 1px; } .fc-timegrid-event-condensed .fc-event-main-frame { flex-direction: row; overflow: hidden; } .fc-timegrid-event-condensed .fc-event-time:after { content: "Â -Â "; /* dash surrounded by non-breaking spaces */ } .fc-timegrid-event-condensed .fc-event-title { font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); } .fc-media-screen .fc-timegrid-event { position: absolute; /* absolute WITHIN the harness */ top: 0; bottom: 1px; /* stay away from bottom slot line */ left: 0; right: 0; } .fc { /* line */ /* arrow */ } .fc .fc-timegrid-now-indicator-line { position: absolute; z-index: 4; left: 0; right: 0; border-style: solid; border-color: red; border-color: var(--fc-now-indicator-color, red); border-width: 1px 0 0; } .fc .fc-timegrid-now-indicator-arrow { position: absolute; z-index: 4; margin-top: -5px; /* vertically center on top coordinate */ border-style: solid; border-color: red; } .fc-direction-ltr .fc-timegrid-now-indicator-arrow { left: 0; /* triangle pointing right. TODO: mixin */ border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-direction-rtl .fc-timegrid-now-indicator-arrow { right: 0; /* triangle pointing left. TODO: mixin */ border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } :root { --fc-list-event-dot-width: 10px; --fc-list-event-hover-bg-color: #f6f6fb; } .fc-theme-standard .fc-list { border: 1px solid #e9edf4; } .fc { /* message when no events */ /* table within the scroller */ /* ---------------------------------------------------------------------------------------------------- */ /* date heading rows */ /* ---------------------------------------------------------------------------------------------------- */ } .fc .fc-list-empty { background-color: #f6f6f9; height: 100%; display: flex; justify-content: center; align-items: center; /* vertically aligns fc-list-empty-inner */ } .fc .fc-list-empty-cushion { margin: 5em 0; } .fc .fc-list-table { width: 100%; border-style: hidden; /* kill outer border on theme */ } .fc .fc-list-table tr>* { border-left: 0; border-right: 0; } .fc .fc-list-sticky .fc-list-day>* { /* the cells */ position: -webkit-sticky; position: sticky; top: 0; background: #fff; background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */ } .fc .fc-list-table th { padding: 0; /* uses an inner-wrapper instead... */ } .fc .fc-list-table td { padding: 8px 14px; } .fc .fc-list-day-cushion { padding: 8px 14px; } .fc .fc-list-day-cushion:after { content: ""; clear: both; display: table; /* clear floating */ } .fc-theme-standard .fc-list-day-cushion { background-color: #f6f6fb; font-weight: 600; } .fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text { float: left; color: #242e4c; } .fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text { float: right; color: #242e4c; } /* make the dot closer to the event title */ .fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0; } .fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0; } .fc .fc-list-event.fc-event-forced-url { cursor: pointer; /* whole row will seem clickable */ } .fc-list-event.fc-event { background: transparent; color: #242e4c !important; } .fc { /* shrink certain cols */ /* reset styling */ /* underline link when hovering over any part of row */ } .fc .fc-list-event:hover td { background-color: #f6f6fb; color: var(--primary-bg-color); } .fc .fc-list-event-graphic, .fc .fc-list-event-time { white-space: nowrap; width: 1px; } .fc .fc-list-event-dot { display: inline-block; box-sizing: content-box; width: 0; height: 0; border: 5px solid var(--primary-bg-color); border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, var(--primary-bg-color)); border-radius: 5px; border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2); } .fc .fc-list-event-title a { color: inherit; text-decoration: none; } .fc .fc-list-event.fc-event-forced-url:hover a { text-decoration: underline; } .fc-theme-bootstrap a:not([href]) { color: inherit; /* natural color for navlinks */ } #external-events { padding: 1rem; border: 1px solid #e9edf4; text-align: left; } #external-events h4 { font-size: 16px; margin-bottom: 1rem; font-weight: 600; } #external-events .fc-event { margin: 5px 0; cursor: move; border: 0; } #external-events p { margin: 1.5em 0; font-size: 11px; color: #666; } #external-events p input { margin: 0; vertical-align: middle; } @media (min-width: 1366px) { #external-events { margin-top: 0; } } @media (max-width: 767px) { .fc .fc-toolbar { display: inline-block; } .fc .fc-toolbar-title { position: relative; font-size: 20px; } .fc-toolbar-chunk { margin-bottom: 10px; } } @media (max-width: 320px) { .fc .fc-toolbar-title { font-size: 16px; } } @media (max-width: 380px) { .fc .fc-toolbar-title { position: inherit; } } .fc-daygrid-event.fc-event { background: #6c5ffc; color: #fff !important; } .fc-theme-standard th { padding: 15px; } .fc-event { border: 0px solid #6c5ffc !important; } .fc-col-header thead th { padding: 15px; } .fc-theme-standard th { padding: 0; } @media (max-width: 576px) { .fc-col-header thead th { padding: 10px 0px !important; } } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { background: rgba(105, 99, 255, 0.3); opacity: 7; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel button.owl-dot { background: rgba(105, 99, 255, 0.3); opacity: 7; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } */ /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* * Owl Carousel - Video Plugin */ .owl-controls { margin-bottom: 30px; text-align: center; } .owl-controls .owl-page { width: 65px; height: 65px; border-radius: 50%; border: 4px solid #d9d6e0; /* background: url("../../images/faces/female/6.jpg") no-repeat; */ background-size: cover; transition: all 0.3s ease-in-out 0s; } .owl-controls .owl-page:nth-child(2) { /* background: url("../../images/faces/male/13.jpg") no-repeat; */ background-size: cover; } .owl-controls .owl-page:nth-child(3) { /* background: url("../../images/faces/female/15.jpg") no-repeat; */ background-size: cover; } .owl-controls.clickable .owl-page:hover { opacity: 0.5; } .owl-controls .owl-page { display: inline-block; zoom: 1; } .owl-controls .owl-page.active { border-color: #ed5151; opacity: 1; } .owl-controls .owl-page.active:hover { border-color: #ed5151; opacity: 1; } .testimonia .post { display: block; font-size: 15px; color: rgba(255, 255, 255, 0.7); } .testimonia .title { font-size: 24px; font-weight: bold; color: #fff; text-transform: capitalize; margin: 0; margin-bottom: 1px; } .testimonia .rating-stars .rating-stars-container .rating-star.sm { display: inline-block; font-size: 14px; color: rgba(255, 255, 255, 0.3); cursor: pointer; padding: 1px; padding-right: 5px; padding-left: 5px; } .testimonia .rating-stars .rating-stars-container .rating-star.is--active { color: #f1c40f !important; } .rating-stars .rating-stars-container .rating-star.is--hover { color: #f1c40f !important; } .owl-nav .owl-prev { position: absolute; top: 50%; left: -20px; right: -1.5em; margin-top: -1.65em; } .owl-nav button { display: block; font-size: 1.3rem !important; line-height: 2em; border-radius: 50%; width: 3rem; height: 3rem; text-align: center; background: rgba(255, 255, 255, 0.5) !important; border: 1px solid #e8ebf3 !important; z-index: 99; box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15); } .owl-nav button:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .owl-nav .owl-next { position: absolute; top: 50%; right: -20px; margin-top: -1.65em; } /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x>.ps__rail-x, .ps--active-y>.ps__rail-y { display: block; background-color: transparent; } .ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y { opacity: 0.6; } .ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y { opacity: 0.6; } .ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: transparent; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #f6f6fb; border-radius: 6px; transition: background-color 0.2s linear, height 0.2s ease-in-out; -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #bec4d0; border-radius: 6px; transition: background-color 0.2s linear, width 0.2s ease-in-out; -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 3px; /* there must be 'right' for ps__thumb-y */ right: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover>.ps__thumb-x, .ps__rail-x:focus>.ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #bfc1c5; height: 11px; } .ps__rail-y:hover>.ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #bfc1c5; width: 5px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } /* All the default sidebar styles */ /* toggle button settings */ /* Note: this disables the navbar-toggle class's hide function. set visibility with the boostrap visible/hidden classes */ /* Note: this also disables the navbar-header class positioning settings in small screens. */ .navbar.navbar-static .navbar-header { float: left; } .navbar .navbar-toggle.toggle-left { float: left; margin-left: 15px; } .navbar .navbar-toggle.toggle-right { float: right; margin-right: 15px; } .navbar .navbar-toggle.toggle-sidebar { display: block; } [data-toggle=sidebar] { display: block; } /* sidebar settings */ .sidebar { position: fixed; display: block; top: 0; width: 300px; bottom: 0; z-index: 9999; min-height: 100%; max-height: none; overflow: auto; background-color: #fff; /* border-right: 1px solid #eee; */ border: 1px solid #e0e4ec; box-shadow: -6px 5px 8px 0 rgba(209, 218, 249, 0.1); } .sidebar-left { left: 0; } .sidebar-right { right: 0; } /* css to override hiding the sidebar according to different screen sizes */ .row .sidebar.sidebar-left.sidebar-xs-show { left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } .row .sidebar.sidebar-right.sidebar-xs-show { right: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } /*right sidebar is untested */ @media (min-width: 768px) { .row .sidebar.sidebar-left.sidebar-sm-show { left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } .row .sidebar.sidebar-right.sidebar-sm-show { right: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } /*right sidebar is untested */ } @media (min-width: 992px) { .row .sidebar.sidebar-left.sidebar-md-show { left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } .row .sidebar.sidebar-right.sidebar-md-show { right: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } } @media (min-width: 1170px) { .row .sidebar.sidebar-left.sidebar-lg-show { left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .row .sidebar.sidebar-right.sidebar-lg-show { right: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } /* animation class - optional: without it the sidebar would just pop in and out*/ .sidebar-animate { -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease; } /* Left panel positioning classes */ .sidebar.sidebar-left { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .sidebar.sidebar-left.sidebar-open { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .sidebar.sidebar-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .sidebar.sidebar-right.sidebar-open { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .sidebar-icon { position: absolute; right: 20px; top: 12px; cursor: pointer; } .sidebar-right h5 { font-weight: 500; } /*---------------------------------------------*/ input { outline: none; border: none; } textarea { outline: none; border: none; } textarea:focus { border-color: transparent !important; } input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder, input:focus::-moz-placeholder, input:focus:-ms-input-placeholder { color: transparent; } textarea:focus::-webkit-input-placeholder, textarea:focus:-moz-placeholder, textarea:focus::-moz-placeholder, textarea:focus:-ms-input-placeholder { color: transparent; } input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder { color: #8499c4; } textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder { color: #8499c4; } /*---------------------------------------------*/ button { outline: none !important; border: none; background: transparent; } button:hover { cursor: pointer; } iframe { border: none !important; } /*////////////////////////////////////////////////////////////////// [ Utility ]*/ .txt1, .txt2 { font-size: 13px; line-height: 1.5; color: #24214c; } /*////////////////////////////////////////////////////////////////// [ login ]*/ .limiter { width: 100%; margin: 0 auto; } .container-login100 { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 15px; z-index: 999; } .wrap-login100 { /*width: 960px;*/ background: #fff; overflow: hidden; flex-wrap: wrap; justify-content: space-between; padding: 137px 130px 137px 95px; box-shadow: -6px 5px 8px 0 rgba(209, 218, 249, 0.1); border-radius: 5px; } /*------------------------------------------------------------------ [ ]*/ .login100-pic { width: 316px; } .login100-pic img { max-width: 100%; } /*------------------------------------------------------------------ [ ]*/ .login100-form { width: 320px; } .login100-form-title { font-size: 23px; line-height: 1.2; text-align: center; width: 100%; display: block; padding-bottom: 30px; color: #2f4c7d; } /*---------------------------------------------*/ .wrap-input100 { position: relative; width: 100%; z-index: 1; margin-bottom: 10px; } .input100 { font-size: 15px; line-height: 1.5; color: #242e4c; display: block; width: 100%; background: #fff; height: 42px; padding: 0 30px 0 45px; border-radius: 5px; border: 1px solid rgba(227, 231, 241, 0.8); } /*------------------------------------------------------------------ [ Focus ]*/ .focus-input100 { display: block; position: absolute; border-radius: 5px; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; box-shadow: 0px 0px 0px 0px; text-transform: uppercase; background: #fff; border: 1px solid #d3dfef; } .symbol-input100 { font-size: 17px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; position: absolute; border-radius: 5px; bottom: 0; left: 0; width: 100%; height: 100%; padding-left: 14px; pointer-events: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; color: #8499c4; border: 1px solid rgba(227, 231, 241, 0.8); } .input100:focus+.focus-input100+.symbol-input100 { text-transform: uppercase; padding-left: 20px; } /*------------------------------------------------------------------ [ Button ]*/ .container-login100-form-btn { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 15px; } .login100-form-btn { line-height: 1.5; color: #fff; width: 100%; height: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; padding: 0 25px; border-radius: 5px; } /*------------------------------------------------------------------ [ Responsive ]*/ @media (max-width: 992px) { .wrap-login100 { padding: 35px 90px 35px 85px; } .login100-pic { width: 35%; display: none; } .login100-form { width: 100%; } } @media (max-width: 768px) { .wrap-login100 { padding: 30px 80px 30px 80px; } .login100-form { width: 100%; } } @media (max-width: 576px) { .wrap-login100 { padding: 25px 15px 25px 15px; } } .btn-social { position: relative; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 60px; color: #fff !important; } .btn-social> :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 40px; line-height: 36px; font-size: 1.2em; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.1); } .btn-social.btn-lg { padding-left: 61px; } .btn-social.btn-lg> :first-child { line-height: 45px; width: 45px; font-size: 1.8em; } .btn-social.btn-sm { padding-left: 38px; } .btn-social.btn-sm> :first-child { line-height: 28px; width: 28px; font-size: 1.4em; } .btn-social.btn-xs { padding-left: 30px; } .btn-social.btn-xs> :first-child { line-height: 20px; width: 20px; font-size: 1.2em; } .btn-social-icon { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 34px; width: 34px; padding: 0; } .btn-social-icon> :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); } .btn-social-icon.btn-lg { padding-left: 61px; } .btn-social-icon.btn-lg> :first-child { line-height: 45px; width: 45px; font-size: 1.8em; } .btn-social-icon.btn-sm { padding-left: 38px; } .btn-social-icon.btn-sm> :first-child { line-height: 28px; width: 28px; font-size: 1.4em; } .btn-social-icon.btn-xs { padding-left: 30px; } .btn-social-icon.btn-xs> :first-child { line-height: 20px; width: 20px; font-size: 1.2em; } .btn-social-icon> :first-child { border: none; text-align: center; width: 100%; color: #fff; } .btn-social-icon.btn-lg { height: 45px; width: 45px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-sm { height: 30px; width: 30px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-xs { height: 22px; width: 22px; padding-left: 0; padding-right: 0; } .header-logo .header-brand-img { height: 2.26rem; margin: 0 auto; } .symbol-input100 svg { width: 20px; height: 20px; fill: #677ca7; } input::-webkit-input-placeholder { color: #adbdd7; } /*# sourceMappingURL=plugins.css.map */