Import legacy nurinda.co.id website
This commit is contained in:
dirga committed
1 parent
3f59bb9038
commit
6e21646ac4
13389 files changed
+3246690
No files matched your search
@@ -0,0 +1,77 @@
|
||||
/*
|
||||
* ActionBox
|
||||
*/
|
||||
|
||||
.w-actionbox {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
padding: 2.5rem 3rem;
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
.w-actionbox-text > *:first-child {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.w-actionbox-text p {
|
||||
margin: 0.8rem 0 0;
|
||||
}
|
||||
.w-actionbox .w-btn {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.w-actionbox.controls_bottom .w-actionbox-controls {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
.w-actionbox.controls_bottom .w-btn {
|
||||
margin-left: 0.5rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
/* CONTROLS right */
|
||||
.w-actionbox.controls_right {
|
||||
display: table;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
}
|
||||
.w-actionbox.controls_right .w-actionbox-text {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.w-actionbox.controls_right .w-actionbox-controls {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
.w-actionbox.controls_right .w-btn {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
/* COLORS */
|
||||
.w-actionbox.color_primary,
|
||||
.w-actionbox.color_secondary,
|
||||
.no-touch .w-actionbox.color_primary .w-actionbox-text a:hover,
|
||||
.no-touch .w-actionbox.color_secondary .w-actionbox-text a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.w-actionbox.color_primary .w-actionbox-text > *,
|
||||
.w-actionbox.color_secondary .w-actionbox-text > *,
|
||||
.w-actionbox.color_custom .w-actionbox-text > * {
|
||||
color: inherit;
|
||||
}
|
||||
.w-actionbox.color_primary .w-actionbox-text a,
|
||||
.w-actionbox.color_secondary .w-actionbox-text a {
|
||||
color: #111;
|
||||
}
|
||||
.l-section.color_custom .w-actionbox.color_custom,
|
||||
.l-section.color_primary .w-actionbox.color_primary,
|
||||
.l-section.color_alternate .w-actionbox.color_light,
|
||||
.l-section.color_secondary .w-actionbox.color_secondary {
|
||||
padding: 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Rounded Corners */
|
||||
.rounded_none .w-actionbox {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
/*
|
||||
* Buttons
|
||||
*/
|
||||
|
||||
.w-btn,
|
||||
.button,
|
||||
button[type="submit"],
|
||||
input[type="submit"] {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
text-align: center;
|
||||
line-height: 1.2; /* fixed value for all buttons */
|
||||
position: relative;
|
||||
transition: background 0.3s, border-color 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s;
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
}
|
||||
.w-btn,
|
||||
.button {
|
||||
padding: 0.8em 1.8em; /* fallback value */
|
||||
}
|
||||
input[type="submit"] {
|
||||
border-style: solid; /* fallback value */
|
||||
}
|
||||
.w-btn i {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
line-height: inherit;
|
||||
}
|
||||
.w-btn.icon_atleft i {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.w-btn.icon_atright i {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
.w-btn.text_none i {
|
||||
margin: 0 !important;
|
||||
width: 1.2em;
|
||||
}
|
||||
/* element to show outline */
|
||||
.w-btn:before,
|
||||
.button:before,
|
||||
button[type="submit"]:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: inherit;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: inherit;
|
||||
}
|
||||
.links_underline a.w-btn {
|
||||
border-width: 0 !important;
|
||||
}
|
||||
|
||||
/* Button Wrapper */
|
||||
.w-btn-wrapper {
|
||||
margin: 0.3rem 0;
|
||||
}
|
||||
.w-btn-wrapper.align_left {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.w-btn-wrapper.align_right {
|
||||
float: right;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
.wpb_column.align_center .w-btn-wrapper.align_left,
|
||||
.wpb_column.align_center .w-btn-wrapper.align_right {
|
||||
margin-left: 0.6rem;
|
||||
margin-right: 0.6rem;
|
||||
}
|
||||
.w-btn-wrapper.width_custom.align_left .w-btn,
|
||||
.w-btn-wrapper.width_custom.align_right .w-btn,
|
||||
.w-btn-wrapper.width_full .w-btn {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
/* Badge style by default */
|
||||
.us-btn-style_badge {
|
||||
padding: 0.7em 1.2em;
|
||||
border-radius: 5em;
|
||||
color: #fff !important;
|
||||
}
|
||||
.us-btn-style_badge:before {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/*
|
||||
* Charts
|
||||
*/
|
||||
|
||||
.vc_chart ul.vc_chart-legend {
|
||||
font-size: inherit;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.vc_chart ul.vc_chart-legend li {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
line-height: 1.4rem;
|
||||
}
|
||||
.vc_chart .vc_chart-legend span {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
height: 1rem;
|
||||
width: 1rem;
|
||||
margin: 0.15rem 0.3rem 0.15rem 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.vc_chart .vc_chart-with-legend {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 60%;
|
||||
}
|
||||
.vc_chart .vc_chart-legend {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 40%;
|
||||
}
|
||||
.vc_chart ul.vc_chart-legend li {
|
||||
margin-left: 2rem;
|
||||
}
|
||||
.vc_line-chart .vc_chart-with-legend {
|
||||
width: 75%;
|
||||
}
|
||||
.vc_line-chart .vc_chart-legend {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
/*
|
||||
* Contacts
|
||||
*/
|
||||
|
||||
.w-contacts-item.for_address:before {
|
||||
content: '\f041';
|
||||
font-family: fontawesome;
|
||||
}
|
||||
.w-contacts-item.for_phone:before {
|
||||
content: '\f095';
|
||||
font-family: fontawesome;
|
||||
}
|
||||
.w-contacts-item.for_email:before {
|
||||
content: '\f0e0';
|
||||
font-family: fontawesome;
|
||||
}
|
||||
.w-contacts-item.for_fax:before {
|
||||
content: '\f02f';
|
||||
font-family: fontawesome;
|
||||
}
|
||||
|
||||
/* Main content */
|
||||
.l-main .w-contacts-list {
|
||||
margin: 0 -1.3rem -1.3rem;
|
||||
}
|
||||
.l-main .w-contacts-item {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 0 1.3rem 1.3rem;
|
||||
}
|
||||
.l-main .w-contacts-item:before {
|
||||
flex-shrink: 0;
|
||||
text-align: center;
|
||||
font-size: 1.4rem;
|
||||
line-height: 3.5rem;
|
||||
width: 3.5rem;
|
||||
margin-right: 1rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.l-section.color_primary .w-contacts-item:before,
|
||||
.l-section.color_secondary .w-contacts-item:before {
|
||||
box-shadow: 0 0 0 2px #fff inset;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Header & Footer */
|
||||
.l-header .w-contacts-item,
|
||||
.l-footer .w-contacts-item {
|
||||
position: relative;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
.l-header .w-contacts-item:last-child,
|
||||
.l-footer .w-contacts-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.l-header .w-contacts-item:before,
|
||||
.l-footer .w-contacts-item:before {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.3rem;
|
||||
width: 1.3rem;
|
||||
}
|
||||
.l-header .w-contacts-item-value,
|
||||
.l-footer .w-contacts-item-value {
|
||||
display: block;
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
/* Links Hover Underline
|
||||
========================================================================== */
|
||||
.no-touch .links_underline .w-contacts a:hover {
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
* Counter
|
||||
*/
|
||||
|
||||
.w-counter-value {
|
||||
line-height: 1;
|
||||
}
|
||||
.l-section.color_primary .w-counter.color_heading .w-counter-value,
|
||||
.l-section.color_secondary .w-counter.color_heading .w-counter-value,
|
||||
.l-section.color_custom .w-counter.color_heading .w-counter-value {
|
||||
color: inherit;
|
||||
}
|
||||
.w-counter-title {
|
||||
line-height: 1.4;
|
||||
padding: 0.6rem 0;
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,180 @@
|
||||
/*
|
||||
* Dropdown
|
||||
*/
|
||||
|
||||
.w-dropdown {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.w-dropdown-h {
|
||||
text-align: left;
|
||||
line-height: 2;
|
||||
margin: 0 -1em;
|
||||
position: relative;
|
||||
}
|
||||
.w-dropdown.opened .w-dropdown-h {
|
||||
z-index: 2;
|
||||
}
|
||||
.w-dropdown-item {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
padding: 0 2.2em 0 1em;
|
||||
}
|
||||
.w-dropdown-item img,
|
||||
.w-dropdown-item-title {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.w-dropdown-item img {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.w-dropdown-item i {
|
||||
vertical-align: top;
|
||||
text-align: center;
|
||||
line-height: inherit;
|
||||
width: 1.2em;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.w-dropdown-current {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.w-dropdown-current .w-dropdown-item:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0.8em;
|
||||
content: '\f107';
|
||||
font-size: 1.2em;
|
||||
margin-top: -1em;
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
}
|
||||
.w-dropdown-list {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: -0.4em;
|
||||
padding-top: 2.4em;
|
||||
padding-bottom: 0.4em;
|
||||
min-width: 100%;
|
||||
box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
|
||||
}
|
||||
.w-dropdown-list-h {
|
||||
max-height: calc(90vh - 3em);
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.w-dropdown.drop_to_right .w-dropdown-list {
|
||||
left: 0;
|
||||
}
|
||||
.w-dropdown.drop_to_left .w-dropdown-list {
|
||||
right: 0;
|
||||
}
|
||||
.w-dropdown.source_sidebar .w-dropdown-list {
|
||||
padding: 2.8em 1em 1em;
|
||||
min-width: 300px;
|
||||
}
|
||||
.w-dropdown.source_sidebar .widget {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.w-dropdown.source_sidebar .widgettitle {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
/* Dropdown Animations */
|
||||
.w-dropdown.dropdown_none a:focus ~ .w-dropdown-list,
|
||||
.w-dropdown.dropdown_none.opened .w-dropdown-list {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.w-dropdown.dropdown_opacity .w-dropdown-list {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s, visibility 0.3s;
|
||||
}
|
||||
.w-dropdown.dropdown_opacity a:focus ~ .w-dropdown-list,
|
||||
.w-dropdown.dropdown_opacity.opened .w-dropdown-list {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.w-dropdown.dropdown_slide .w-dropdown-list {
|
||||
display: block;
|
||||
transform-origin: 50% 0;
|
||||
transform: scaleY(0) translateZ(0);
|
||||
transition: transform 0.3s cubic-bezier(0,1,.8,1);
|
||||
}
|
||||
.w-dropdown.dropdown_slide a:focus ~ .w-dropdown-list,
|
||||
.w-dropdown.dropdown_slide.opened .w-dropdown-list {
|
||||
transform: scaleY(1) translateZ(0);
|
||||
}
|
||||
|
||||
.w-dropdown.dropdown_height .w-dropdown-list {
|
||||
display: block;
|
||||
transform-origin: 50% 0;
|
||||
transform: scaleY(0) translateZ(0);
|
||||
opacity: 0;
|
||||
transition: transform 0.3s, opacity 0.3s;
|
||||
}
|
||||
.w-dropdown.dropdown_height a:focus ~ .w-dropdown-list,
|
||||
.w-dropdown.dropdown_height.opened .w-dropdown-list {
|
||||
transform: scaleY(1) translateZ(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.w-dropdown.dropdown_afb .w-dropdown-list {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
transform-origin: 50% 0;
|
||||
transform: translate3d(0,30px,0);
|
||||
opacity: 0;
|
||||
transition: transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.2s, visibility 0.2s;
|
||||
}
|
||||
.w-dropdown.dropdown_afb a:focus ~ .w-dropdown-list,
|
||||
.w-dropdown.dropdown_afb.opened .w-dropdown-list {
|
||||
visibility: visible;
|
||||
transform: translate3d(0,0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.w-dropdown.dropdown_mdesign .w-dropdown-list {
|
||||
display: block;
|
||||
transform: scale(0) translateZ(0);
|
||||
opacity: 0;
|
||||
transition: transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.15s;
|
||||
}
|
||||
.w-dropdown.dropdown_mdesign.drop_to_right .w-dropdown-list {
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
.w-dropdown.dropdown_mdesign.drop_to_left .w-dropdown-list {
|
||||
transform-origin: 100% 0;
|
||||
}
|
||||
.w-dropdown.dropdown_mdesign a:focus ~ .w-dropdown-list,
|
||||
.w-dropdown.dropdown_mdesign.opened .w-dropdown-list {
|
||||
transform: scale(1) translateZ(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.w-dropdown.dropdown_hor .w-dropdown-list {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
transform: translate3d(-20px,0,0);
|
||||
opacity: 0;
|
||||
transition: transform 0.3s, opacity 0.2s, visibility 0.2s;
|
||||
}
|
||||
.w-dropdown.dropdown_hor .w-dropdown-list-h {
|
||||
transform: translate3d(40px,0,0);
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.w-dropdown.dropdown_hor a:focus ~ .w-dropdown-list,
|
||||
.w-dropdown.dropdown_hor.opened .w-dropdown-list {
|
||||
visibility: visible;
|
||||
transform: translate3d(0,0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
.w-dropdown.dropdown_hor a:focus ~ .w-dropdown-list-h,
|
||||
.w-dropdown.dropdown_hor.opened .w-dropdown-list-h {
|
||||
transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,479 @@
|
||||
.w-flipbox {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
}
|
||||
/* Reset styles from WPB design options */
|
||||
.wpb_column .wpb_wrapper .w-flipbox {
|
||||
border: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.w-flipbox-h {
|
||||
-webkit-perspective: 1000px;
|
||||
perspective: 1000px;
|
||||
transform: translateZ(0);
|
||||
transition-property: none;
|
||||
}
|
||||
.w-flipbox-hh,
|
||||
.w-flipbox-hhh {
|
||||
position: relative;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
.w-flipbox-hh,
|
||||
.w-flipbox-hhh,
|
||||
.w-flipbox-front,
|
||||
.w-flipbox-back,
|
||||
.w-flipbox-xflank,
|
||||
.w-flipbox-yflank {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
transition-property: transform;
|
||||
transition-duration: inherit;
|
||||
}
|
||||
.w-flipbox-back,
|
||||
.w-flipbox-xflank,
|
||||
.w-flipbox-yflank {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.w-flipbox-front,
|
||||
.w-flipbox-back {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding: 15%;
|
||||
text-align: center;
|
||||
background-size: cover !important;
|
||||
background-position: center center !important;
|
||||
}
|
||||
.w-flipbox-front {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.w-flipbox-front-title,
|
||||
.w-flipbox-back-title {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.w-flipbox-front-desc,
|
||||
.w-flipbox-back-desc {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
/* Front Icon */
|
||||
.w-flipbox-front-icon {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
line-height: 1;
|
||||
}
|
||||
.w-flipbox-front-icon:empty {
|
||||
display: none;
|
||||
}
|
||||
.w-flipbox-front-icon.style_circle {
|
||||
line-height: 2.5em;
|
||||
height: 2.5em;
|
||||
width: 2.5em;
|
||||
border-radius: 50%;
|
||||
background: rgba(0,0,0,0.2);
|
||||
}
|
||||
.w-flipbox-front-icon i {
|
||||
vertical-align: top;
|
||||
line-height: inherit;
|
||||
}
|
||||
.w-flipbox .w-btn,
|
||||
.w-flipbox * + .w-flipbox-front-title,
|
||||
.w-flipbox * + .w-flipbox-back-title,
|
||||
.w-flipbox * + .w-flipbox-front-icon {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
/* Animations */
|
||||
.easing_easeInOutExpo .w-flipbox-hh,
|
||||
.easing_easeInOutExpo .w-flipbox-hhh,
|
||||
.easing_easeInOutExpo .w-flipbox-front,
|
||||
.easing_easeInOutExpo .w-flipbox-back,
|
||||
.easing_easeInOutExpo .w-flipbox-xflank,
|
||||
.easing_easeInOutExpo .w-flipbox-yflank {
|
||||
transition-timing-function: cubic-bezier(1, 0, 0, 1);
|
||||
}
|
||||
.easing_easeInOutCirc .w-flipbox-hh,
|
||||
.easing_easeInOutCirc .w-flipbox-hhh,
|
||||
.easing_easeInOutCirc .w-flipbox-front,
|
||||
.easing_easeInOutCirc .w-flipbox-back,
|
||||
.easing_easeInOutCirc .w-flipbox-xflank,
|
||||
.easing_easeInOutCirc .w-flipbox-yflank {
|
||||
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
||||
}
|
||||
|
||||
/* Card Flip */
|
||||
.w-flipbox.animation_cardflip.hover .w-flipbox-front {
|
||||
z-index: -1;
|
||||
}
|
||||
.w-flipbox.animation_cardflip.hover .w-flipbox-back {
|
||||
z-index: 1;
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_n .w-flipbox-front {
|
||||
transform: rotateX(0deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_n .w-flipbox-back {
|
||||
transform: rotateX(-180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_n.hover .w-flipbox-front {
|
||||
transform: rotateX(180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_n.hover .w-flipbox-back {
|
||||
transform: rotateX(0deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_ne .w-flipbox-hh {
|
||||
transform: rotate3d(1, 1, 0, 0deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_ne .w-flipbox-back {
|
||||
transform: rotate3d(1, 1, 0, -180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_ne.hover .w-flipbox-hh {
|
||||
transform: rotate3d(1, 1, 0, 180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_e .w-flipbox-front {
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_e .w-flipbox-back {
|
||||
transform: rotateY(-180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_e.hover .w-flipbox-front {
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_e.hover .w-flipbox-back {
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_se .w-flipbox-hh,
|
||||
.w-flipbox.animation_cardflip.direction_se .w-flipbox-front {
|
||||
transform: rotate3d(-1, 1, 0, 0deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_se .w-flipbox-back {
|
||||
transform: rotate3d(-1, 1, 0, -180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_se.hover .w-flipbox-hh,
|
||||
.w-flipbox.animation_cardflip.direction_se.hover .w-flipbox-front {
|
||||
transform: rotate3d(-1, 1, 0, 90deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_se.hover .w-flipbox-back {
|
||||
transform: rotate3d(-1, 1, 0, -90deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_s .w-flipbox-front {
|
||||
transform: rotateX(0deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_s .w-flipbox-back {
|
||||
transform: rotateX(180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_s.hover .w-flipbox-front {
|
||||
transform: rotateX(-180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_s.hover .w-flipbox-back {
|
||||
transform: rotateX(0deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_sw .w-flipbox-hh,
|
||||
.w-flipbox.animation_cardflip.direction_sw .w-flipbox-front {
|
||||
transform: rotate3d(1, 1, 0, 0deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_sw .w-flipbox-back {
|
||||
transform: rotate3d(1, 1, 0, 180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_sw.hover .w-flipbox-hh,
|
||||
.w-flipbox.animation_cardflip.direction_sw.hover .w-flipbox-front {
|
||||
transform: rotate3d(1, 1, 0, -90deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_sw.hover .w-flipbox-back {
|
||||
transform: rotate3d(1, 1, 0, 90deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_w .w-flipbox-front {
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_w .w-flipbox-back {
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_w.hover .w-flipbox-front {
|
||||
transform: rotateY(-180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_w.hover .w-flipbox-back {
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_nw .w-flipbox-hh,
|
||||
.w-flipbox.animation_cardflip.direction_nw .w-flipbox-front {
|
||||
transform: rotate3d(-1, 1, 0, 0deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_nw .w-flipbox-back {
|
||||
transform: rotate3d(-1, 1, 0, 180deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_nw.hover .w-flipbox-hh,
|
||||
.w-flipbox.animation_cardflip.direction_nw.hover .w-flipbox-front {
|
||||
transform: rotate3d(-1, 1, 0, -90deg);
|
||||
}
|
||||
.w-flipbox.animation_cardflip.direction_nw.hover .w-flipbox-back {
|
||||
transform: rotate3d(-1, 1, 0, 90deg);
|
||||
}
|
||||
|
||||
/* Cube Tilt */
|
||||
.w-flipbox.animation_cubetilt.hover .w-flipbox-front {
|
||||
z-index: -1;
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.hover .w-flipbox-back {
|
||||
z-index: 1;
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_n .w-flipbox-hh {
|
||||
transform: rotateX(90deg) translateY(-50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_n .w-flipbox-front {
|
||||
transform: rotateX(90deg) translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_n .w-flipbox-back {
|
||||
transform: translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_n.hover .w-flipbox-hh {
|
||||
transform: rotateX(90deg) translateY(-50%);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_e .w-flipbox-hh {
|
||||
transform: rotateY(90deg) translateX(50%) rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_e .w-flipbox-front {
|
||||
transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_e .w-flipbox-back {
|
||||
transform: translateX(-50%) rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_e.hover .w-flipbox-hh {
|
||||
transform: rotateY(90deg) translateX(50%);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_s .w-flipbox-hh {
|
||||
transform: rotateX(-90deg) translateY(50%) rotateX(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_s .w-flipbox-front {
|
||||
transform: rotateX(90deg) translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_s .w-flipbox-back {
|
||||
transform: translateY(-50%) rotateX(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_s.hover .w-flipbox-hh {
|
||||
transform: rotateX(-90deg) translateY(50%);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_w .w-flipbox-hh {
|
||||
transform: rotateY(-90deg) translateX(-50%) rotateY(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_w .w-flipbox-front {
|
||||
transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_w .w-flipbox-back {
|
||||
transform: translateX(50%) rotateY(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubetilt.direction_w.hover .w-flipbox-hh {
|
||||
transform: rotateY(-90deg) translateX(-50%);
|
||||
}
|
||||
|
||||
/* Cube Flip */
|
||||
.w-flipbox.animation_cubeflip.hover .w-flipbox-front {
|
||||
z-index: -1;
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.hover .w-flipbox-back {
|
||||
z-index: 1;
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_n .w-flipbox-hh {
|
||||
transform: rotateX(90deg) translateY(-50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_n .w-flipbox-front {
|
||||
transform: rotateX(90deg) translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_n .w-flipbox-back {
|
||||
transform: rotateX(-90deg) translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_n .w-flipbox-xflank {
|
||||
transform: translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_n.hover .w-flipbox-hh {
|
||||
transform: rotateX(90deg) translateY(-50%) rotateX(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_ne .w-flipbox-hh {
|
||||
transform: rotateX(90deg) translateY(-50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_ne .w-flipbox-front {
|
||||
transform: rotateX(90deg) translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_ne .w-flipbox-back {
|
||||
transform: rotateX(-90deg) translateY(50%) rotateX(-90deg) rotateZ(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_ne .w-flipbox-xflank {
|
||||
transform: translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_ne .w-flipbox-yflank {
|
||||
transform: translateX(-50%) rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_ne.hover .w-flipbox-hh {
|
||||
transform: rotateX(90deg) translateY(-50%) rotateX(-90deg) rotate3d(1, 1, 0, 90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_ne.hover .w-flipbox-hhh {
|
||||
transform: rotate3d(1, 1, 0, 90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_e .w-flipbox-hh {
|
||||
transform: rotateY(90deg) translateX(50%) rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_e .w-flipbox-front {
|
||||
transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_e .w-flipbox-back {
|
||||
transform: rotateY(90deg) translateX(50%) rotateY(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_e .w-flipbox-yflank {
|
||||
transform: translateX(-50%) rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_e.hover .w-flipbox-hh {
|
||||
transform: rotateY(90deg) translateX(50%) rotateY(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_se .w-flipbox-hh {
|
||||
transform: rotateX(90deg) translateY(-50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_se .w-flipbox-front {
|
||||
transform: rotateX(90deg) translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_se .w-flipbox-back {
|
||||
transform: rotateX(-90deg) translateY(50%) rotateX(-90deg) rotateZ(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_se .w-flipbox-xflank {
|
||||
transform: translateY(-50%) rotateX(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_se .w-flipbox-yflank {
|
||||
transform: translateX(-50%) rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_se.hover .w-flipbox-hh {
|
||||
transform: rotateX(90deg) translateY(-50%) rotateX(-90deg) rotate3d(-1, 1, 0, 90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_se.hover .w-flipbox-hhh {
|
||||
transform: rotate3d(-1, 1, 0, 90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_s .w-flipbox-hh {
|
||||
transform: rotateX(-90deg) translateY(50%) rotateX(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_s .w-flipbox-front {
|
||||
transform: rotateX(90deg) translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_s .w-flipbox-back {
|
||||
transform: rotateX(-90deg) translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_s .w-flipbox-xflank {
|
||||
transform: translateY(-50%) rotateX(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_s .w-flipbox-yflank {
|
||||
transform: translateX(-50%) rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_s.hover .w-flipbox-hh {
|
||||
transform: rotateX(-90deg) translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_sw .w-flipbox-hh {
|
||||
transform: rotateX(90deg) translateY(-50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_sw .w-flipbox-front {
|
||||
transform: rotateX(90deg) translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_sw .w-flipbox-back {
|
||||
transform: rotateX(-90deg) translateY(50%) rotateX(-90deg) rotateZ(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_sw .w-flipbox-xflank {
|
||||
transform: translateY(-50%) rotateX(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_sw .w-flipbox-yflank {
|
||||
transform: translateX(50%) rotateY(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_sw.hover .w-flipbox-hh {
|
||||
transform: rotateX(90deg) translateY(-50%) rotateX(-90deg) rotate3d(-1, -1, 0, 90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_sw.hover .w-flipbox-hhh {
|
||||
transform: rotate3d(-1, -1, 0, 90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_w .w-flipbox-hh {
|
||||
transform: rotateY(-90deg) translateX(-50%) rotateY(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_w .w-flipbox-front {
|
||||
transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_w .w-flipbox-back {
|
||||
transform: rotateY(90deg) translateX(50%) rotateY(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_w .w-flipbox-yflank {
|
||||
transform: translateX(50%) rotateY(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_w.hover .w-flipbox-hh {
|
||||
transform: rotateY(-90deg) translateX(-50%) rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_nw .w-flipbox-hh {
|
||||
transform: rotateX(90deg) translateY(-50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_nw .w-flipbox-front {
|
||||
transform: rotateX(90deg) translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_nw .w-flipbox-back {
|
||||
transform: rotateX(-90deg) translateY(50%) rotateX(-90deg) rotateZ(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_nw .w-flipbox-xflank {
|
||||
transform: translateY(50%) rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_nw .w-flipbox-yflank {
|
||||
transform: translateX(50%) rotateY(90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_nw.hover .w-flipbox-hh {
|
||||
transform: rotateX(90deg) translateY(-50%) rotateX(-90deg) rotate3d(1, -1, 0, 90deg);
|
||||
}
|
||||
.w-flipbox.animation_cubeflip.direction_nw.hover .w-flipbox-hhh {
|
||||
transform: rotate3d(1, -1, 0, 90deg);
|
||||
}
|
||||
|
||||
/* Cover Open */
|
||||
.w-flipbox.animation_coveropen.direction_n .w-flipbox-front {
|
||||
transform-origin: 50% 0%;
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_n.hover .w-flipbox-front {
|
||||
transform: rotateX(90deg);
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_ne .w-flipbox-front {
|
||||
transform-origin: 100% 0%;
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_ne.hover .w-flipbox-front {
|
||||
transform: rotate3d(1, 1, 0, 90deg);
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_e .w-flipbox-front {
|
||||
transform-origin: 100% 50%;
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_e.hover .w-flipbox-front {
|
||||
transform: rotateY(90deg);
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_se .w-flipbox-front {
|
||||
transform-origin: 100% 100%;
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_se.hover .w-flipbox-front {
|
||||
transform: rotate3d(-1, 1, 0, 90deg);
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_s .w-flipbox-front {
|
||||
transform-origin: 50% 100%;
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_s.hover .w-flipbox-front {
|
||||
transform: rotateX(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_sw .w-flipbox-front {
|
||||
transform-origin: 0% 100%;
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_sw.hover .w-flipbox-front {
|
||||
transform: rotate3d(-1, -1, 0, 90deg);
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_w .w-flipbox-front {
|
||||
transform-origin: 0% 50%;
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_w.hover .w-flipbox-front {
|
||||
transform: rotateY(-90deg);
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_nw .w-flipbox-front {
|
||||
transform-origin: 0% 0%;
|
||||
}
|
||||
.w-flipbox.animation_coveropen.direction_nw.hover .w-flipbox-front {
|
||||
transform: rotate3d(1, -1, 0, 90deg);
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
/*
|
||||
* Gallery
|
||||
*/
|
||||
|
||||
.w-gallery:not(:last-child) {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.w-gallery-item {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
outline: none !important;
|
||||
color: inherit !important;
|
||||
width: 100%;
|
||||
}
|
||||
.w-gallery.link_file .w-gallery-item {
|
||||
cursor: zoom-in;
|
||||
}
|
||||
.w-gallery-item-img {
|
||||
position: relative;
|
||||
}
|
||||
.w-gallery-item-img img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.w-gallery[class*="cols_"] img {
|
||||
width: 100%;
|
||||
}
|
||||
.no-touch a.w-gallery-item .w-gallery-item-img:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
background: #fff;
|
||||
}
|
||||
.no-touch a.w-gallery-item:focus .w-gallery-item-img:after,
|
||||
.no-touch a.w-gallery-item:hover .w-gallery-item-img:after {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.gallery-caption, /* required by Theme Checker */
|
||||
.w-gallery-item-meta {
|
||||
line-height: 1.6;
|
||||
text-align: center;
|
||||
padding: 0.3rem 1rem 0.7rem;
|
||||
}
|
||||
.w-gallery-item-description {
|
||||
font-size: 0.9rem;
|
||||
margin: 0.2rem 0;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* With indents (don't change to 'rem' units) */
|
||||
.w-gallery.with_indents .w-gallery-list {
|
||||
margin: -4px;
|
||||
}
|
||||
.w-gallery.with_indents .w-gallery-item {
|
||||
padding: 4px;
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
/*
|
||||
* Google Maps
|
||||
*/
|
||||
|
||||
.w-map {
|
||||
background: rgba(0,0,0,0.2);
|
||||
}
|
||||
.w-map img {
|
||||
max-width: none !important;
|
||||
}
|
||||
.w-map label {
|
||||
display: inline;
|
||||
width: auto;
|
||||
}
|
||||
.gm-style {
|
||||
font-family: inherit !important;
|
||||
}
|
||||
.gm-style-iw {
|
||||
font-weight: normal !important;
|
||||
color: #111;
|
||||
}
|
||||
.gm-style-iw h1,
|
||||
.gm-style-iw h2,
|
||||
.gm-style-iw h3,
|
||||
.gm-style-iw h4,
|
||||
.gm-style-iw h5,
|
||||
.gm-style-iw h6,
|
||||
.gm-style-iw p,
|
||||
.gm-style-iw ul,
|
||||
.gm-style-iw ol {
|
||||
margin: 0 !important;
|
||||
padding: 0.2rem 0 !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
@@ -0,0 +1,516 @@
|
||||
/*
|
||||
* Grid
|
||||
*/
|
||||
|
||||
.w-grid {
|
||||
clear: both; /* used in WooCommerce lists */
|
||||
}
|
||||
.w-grid[class*="cols_"] .w-grid-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.w-grid-item {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.w-grid-item-h {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
.w-grid.overflow_hidden .w-grid-item-h {
|
||||
overflow: hidden;
|
||||
}
|
||||
.w-grid-item-h time {
|
||||
display: block;
|
||||
}
|
||||
.w-grid-item-anchor {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.w-grid-item-anchor[ref] {
|
||||
cursor: zoom-in;
|
||||
}
|
||||
.w-grid .w-post-elm > p:only-of-type {
|
||||
display: inline-block;
|
||||
}
|
||||
.w-post-elm > i {
|
||||
vertical-align: top;
|
||||
line-height: inherit;
|
||||
margin-right: 0.3em;
|
||||
}
|
||||
.w-grid > .pagination {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.w-grid[class*="cols_"] > .pagination .nav-links {
|
||||
justify-content: center;
|
||||
}
|
||||
h4.w-grid-none {
|
||||
text-align: center;
|
||||
padding: 2rem;
|
||||
margin: 0;
|
||||
}
|
||||
.l-section.color_primary .w-grid-none,
|
||||
.l-section.color_secondary .w-grid-none,
|
||||
.l-section.color_custom .w-grid-none {
|
||||
background: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
/* TYPE: Masonry */
|
||||
.w-grid.type_masonry .w-grid-item-h {
|
||||
height: auto;
|
||||
}
|
||||
/* reset aspect ratio for video */
|
||||
.w-grid.type_masonry .post_image .w-video-h,
|
||||
.w-grid:not([class*="cols_"]) .post_image .w-video-h {
|
||||
padding-bottom: 56.25% !important;
|
||||
}
|
||||
|
||||
/* TYPE: Carousel */
|
||||
.w-grid.type_carousel .w-grid-list {
|
||||
width: auto !important;
|
||||
}
|
||||
.w-grid-list.with_dots {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.l-section.width_full > div > div > .vc_col-sm-12 > div > div > .w-grid.type_carousel .w-grid-list {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
/* stretch carousel items to the equal height */
|
||||
.w-grid.type_carousel .w-grid-list:not(.autoheight) .owl-stage {
|
||||
display: flex;
|
||||
}
|
||||
.w-grid.type_carousel .w-grid-list:not(.autoheight) .w-grid-item {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Fixed Aspect Ratio */
|
||||
.w-grid.height_fixed .w-grid-item-h {
|
||||
overflow: hidden;
|
||||
height: auto;
|
||||
}
|
||||
.w-grid.height_fixed .w-grid-item-h:before {
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
.w-grid.height_fixed .post_image img,
|
||||
.w-grid.height_fixed .w-post-elm.type_image img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
/* Grid items size for Portfolio Pages */
|
||||
.w-grid.cols_6 .w-grid-item.size_2x1,
|
||||
.w-grid.cols_6 .w-grid-item.size_2x2 {
|
||||
width: 33.3333%;
|
||||
}
|
||||
.w-grid.cols_5 .w-grid-item.size_2x1,
|
||||
.w-grid.cols_5 .w-grid-item.size_2x2 {
|
||||
width: 40%;
|
||||
}
|
||||
.w-grid.cols_4 .w-grid-item.size_2x1,
|
||||
.w-grid.cols_4 .w-grid-item.size_2x2 {
|
||||
width: 50%;
|
||||
}
|
||||
.w-grid.cols_3 .w-grid-item.size_2x1,
|
||||
.w-grid.cols_3 .w-grid-item.size_2x2 {
|
||||
width: 66.6666%;
|
||||
}
|
||||
.w-grid.cols_2 .w-grid-item.size_2x1,
|
||||
.w-grid.cols_2 .w-grid-item.size_2x2 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Preloader */
|
||||
.w-grid-preloader {
|
||||
position: relative;
|
||||
height: 0;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.w-grid-preloader .g-preloader {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
.w-grid-preloader.active {
|
||||
height: 20rem;
|
||||
}
|
||||
.w-grid-preloader.active ~ .g-loadmore,
|
||||
.w-grid-preloader.active ~ .pagination {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Grid element: Wrappers */
|
||||
.w-grid-item .w-hwrapper,
|
||||
.w-grid-item .w-vwrapper {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.w-grid-item-h > .w-vwrapper:only-child {
|
||||
height: 100%;
|
||||
}
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* fix for IE11 */
|
||||
.w-grid .w-vwrapper:not(.grid_wrapper_circle),
|
||||
.w-grid .w-vwrapper > * {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Link Color */
|
||||
.w-post-elm.color_link_inherit a,
|
||||
.color_alternate .w-post-elm.color_link_inherit a,
|
||||
.no-touch .w-post-elm.color_link_inherit.with_text_color > a:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Post Image */
|
||||
.w-post-elm.post_image {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.w-post-elm.post_image img {
|
||||
display: block;
|
||||
}
|
||||
.w-post-elm.post_image.stretched img {
|
||||
width: 100%;
|
||||
}
|
||||
.w-post-elm.post_image.as_circle {
|
||||
border-radius: 50%;
|
||||
}
|
||||
.w-post-elm-placeholder {
|
||||
position: relative;
|
||||
}
|
||||
.w-grid-item.format-audio .post_image:after,
|
||||
.w-grid-item.format-video .post_image:after {
|
||||
content: '\f04b';
|
||||
font: 900 1.4rem/3.5rem fontawesome;
|
||||
width: 3.2rem;
|
||||
padding-left: 0.3rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
border-radius: 50%;
|
||||
background: rgba(0,0,0,0.5);
|
||||
color: #fff;
|
||||
pointer-events: none;
|
||||
}
|
||||
.w-grid .post_image.with_quote_icon:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
content: '\f10d';
|
||||
font: 900 2rem/5.5rem fontawesome;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
.w-grid-item.has-post-thumbnail .post_image.with_quote_icon:after,
|
||||
.w-grid .post_image.media_preview:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Post Title */
|
||||
.w-grid .post_title {
|
||||
padding: 0; /* reset padding */
|
||||
}
|
||||
.w-grid-item.sticky .post_title {
|
||||
font-weight: bold !important;
|
||||
}
|
||||
.w-grid-item.format-link .post_title a:after {
|
||||
content: '\f360';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
|
||||
/* Post Taxonomy */
|
||||
.w-post-elm.style_badge {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
.w-post-elm.style_badge .w-post-elm-before {
|
||||
margin-right: 0.4em;
|
||||
}
|
||||
.w-post-elm.style_badge .w-post-elm-list {
|
||||
margin-left: -0.2em;
|
||||
margin-right: -0.2em;
|
||||
}
|
||||
.w-post-elm.style_badge .w-post-elm-list > * {
|
||||
margin: 0.2em;
|
||||
}
|
||||
|
||||
/* Post Author */
|
||||
.post_author.avapos_left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.post-author-ava {
|
||||
width: 1em;
|
||||
}
|
||||
.post_author.avapos_left .post-author-ava {
|
||||
flex-shrink: 0;
|
||||
margin-right: 0.25em;
|
||||
}
|
||||
.post_author.avapos_top .post-author-ava {
|
||||
margin-bottom: 0.1em;
|
||||
}
|
||||
.post-author-ava img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.post-author-meta {
|
||||
flex-grow: 1;
|
||||
}
|
||||
i + .post-author-meta {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.post-author-name {
|
||||
display: block;
|
||||
}
|
||||
.post-author-posts {
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
margin-top: 0.2em;
|
||||
}
|
||||
.post-author-website {
|
||||
display: block;
|
||||
font-size: 0.8em;
|
||||
margin-top: 0.2em;
|
||||
}
|
||||
.post-author-info {
|
||||
font-size: 0.8em;
|
||||
font-weight: normal;
|
||||
margin-top: 0.2em;
|
||||
}
|
||||
|
||||
/* Post Custom Field */
|
||||
.w-post-elm.post_custom_field > p:only-of-type {
|
||||
display: inline-block;
|
||||
}
|
||||
.w-testimonial-rating {
|
||||
position: relative;
|
||||
text-align: initial;
|
||||
font-family: fontawesome;
|
||||
line-height: 1;
|
||||
width: 5.6em;
|
||||
}
|
||||
.w-testimonial-rating:before {
|
||||
position: absolute;
|
||||
content: '\f005\f005\f005\f005\f005';
|
||||
font-weight: 400;
|
||||
}
|
||||
.w-testimonial-rating i {
|
||||
font-style: normal;
|
||||
}
|
||||
.w-testimonial-rating i:before {
|
||||
vertical-align: top;
|
||||
content: '\f005';
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
/* Extra helper classes */
|
||||
.w-grid.valign_center .w-grid-list,
|
||||
.w-grid.valign_center .owl-stage {
|
||||
align-items: center;
|
||||
}
|
||||
.grid_wrapper_circle {
|
||||
flex-shrink: 0;
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
}
|
||||
.hide_if_not_first:not(:first-child) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Template: Blog Cards */
|
||||
.w-grid.layout_blog_cards .w-grid-item:not(.has-post-thumbnail) .post_taxonomy {
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
/* Template: Testimonial 6 */
|
||||
.grid_arrow_bottom:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -0.6rem;
|
||||
left: 3.75rem;
|
||||
height: 1.5rem;
|
||||
width: 1.5rem;
|
||||
transform: rotate(45deg);
|
||||
background: inherit;
|
||||
}
|
||||
|
||||
/* Template: Portfolio 1 */
|
||||
.grid_arrow_top > * {
|
||||
position: relative;
|
||||
}
|
||||
.grid_arrow_top:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0.4rem;
|
||||
left: 50%;
|
||||
margin-left: -0.75rem;
|
||||
height: 1.5rem;
|
||||
width: 1.5rem;
|
||||
transform: rotate(45deg);
|
||||
background: inherit;
|
||||
transition-duration: inherit;
|
||||
}
|
||||
.w-grid-item-h:hover .grid_arrow_top:before {
|
||||
top: -0.7rem;
|
||||
}
|
||||
|
||||
/* Template: Portfolio 12 */
|
||||
.w-vwrapper.grid_style_12:before,
|
||||
.w-vwrapper.grid_style_12:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 2rem;
|
||||
left: 2rem;
|
||||
right: 2rem;
|
||||
bottom: 2rem;
|
||||
opacity: 0;
|
||||
transition: transform 0.35s, opacity 0.35s;
|
||||
}
|
||||
.w-vwrapper.grid_style_12:before {
|
||||
border-top: 1px solid;
|
||||
border-bottom: 1px solid;
|
||||
transform: scale(0, 1);
|
||||
}
|
||||
.w-vwrapper.grid_style_12:after {
|
||||
border-left: 1px solid;
|
||||
border-right: 1px solid;
|
||||
transform: scale(1, 0);
|
||||
}
|
||||
.w-grid-item-h:hover .w-vwrapper.grid_style_12:before,
|
||||
.w-grid-item-h:hover .w-vwrapper.grid_style_12:after {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
/* Template: Portfolio 15 */
|
||||
.w-vwrapper.grid_style_15:before,
|
||||
.w-vwrapper.grid_style_15:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
transition: transform 0.35s, opacity 0.35s;
|
||||
}
|
||||
.w-vwrapper.grid_style_15:before {
|
||||
border-top: 8px solid;
|
||||
border-bottom: 8px solid;
|
||||
transform: scale(0, 1);
|
||||
}
|
||||
.w-vwrapper.grid_style_15:after {
|
||||
border-left: 8px solid;
|
||||
border-right: 8px solid;
|
||||
transform: scale(1, 0);
|
||||
}
|
||||
.w-grid-item-h:hover .w-vwrapper.grid_style_15:before,
|
||||
.w-grid-item-h:hover .w-vwrapper.grid_style_15:after {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
/* Template: Portfolio 16 */
|
||||
.w-grid-item.ratio_1x1 .w-post-elm.grid_corner_image {
|
||||
transform-origin: 90% 90%;
|
||||
}
|
||||
.w-grid-item.ratio_3x2 .w-post-elm.grid_corner_image {
|
||||
top: -25% !important;
|
||||
bottom: -25% !important;
|
||||
transform-origin: 90% 66%;
|
||||
}
|
||||
.w-grid-item.ratio_4x3 .w-post-elm.grid_corner_image {
|
||||
top: -16.67% !important;
|
||||
bottom: -16.67% !important;
|
||||
transform-origin: 90% 72%;
|
||||
}
|
||||
.w-grid-item.ratio_3x4 .w-post-elm.grid_corner_image {
|
||||
left: -16.67% !important;
|
||||
right: -16.67% !important;
|
||||
transform-origin: 72% 90%;
|
||||
}
|
||||
.w-grid-item.ratio_2x3 .w-post-elm.grid_corner_image {
|
||||
left: -25% !important;
|
||||
right: -25% !important;
|
||||
transform-origin: 66% 90%;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.w-grid-item.ratio_1x1.size_2x1 .w-post-elm.grid_corner_image {
|
||||
top: -50% !important;
|
||||
bottom: -50% !important;
|
||||
transform: scale(0.15) !important;
|
||||
transform-origin: 96% 66.2%;
|
||||
}
|
||||
.w-grid-item.ratio_1x1.size_1x2 .w-post-elm.grid_corner_image {
|
||||
left: -50% !important;
|
||||
right: -50% !important;
|
||||
transform: scale(0.15) !important;
|
||||
transform-origin: 66.4% 95.7%;
|
||||
}
|
||||
.w-grid-item.ratio_3x2.size_2x1 .w-post-elm.grid_corner_image {
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
top: -100% !important;
|
||||
bottom: -100% !important;
|
||||
transform: scale(0.15) !important;
|
||||
transform-origin: 96% 56.5%;
|
||||
}
|
||||
.w-grid-item.ratio_3x2.size_1x2 .w-post-elm.grid_corner_image {
|
||||
top: 0 !important;
|
||||
bottom: 0 !important;
|
||||
left: -16.67% !important;
|
||||
right: -16.67% !important;
|
||||
transform: scale(0.225) !important;
|
||||
transform-origin: 77% 93.2%;
|
||||
}
|
||||
.w-grid-item.ratio_3x2.size_2x2 .w-post-elm.grid_corner_image {
|
||||
transform: scale(0.15) !important;
|
||||
transform-origin: 95.7% 76.3%;
|
||||
}
|
||||
.w-grid-item.ratio_4x3.size_2x1 .w-post-elm.grid_corner_image {
|
||||
top: -83.3333% !important;
|
||||
bottom: -83.3333% !important;
|
||||
transform: scale(0.15) !important;
|
||||
transform-origin: 95.7% 59.2%;
|
||||
}
|
||||
.w-grid-item.ratio_4x3.size_1x2 .w-post-elm.grid_corner_image {
|
||||
top: 0 !important;
|
||||
bottom: 0 !important;
|
||||
left: -25% !important;
|
||||
right: -25% !important;
|
||||
transform: scale(0.2) !important;
|
||||
transform-origin: 73.2% 94.3%;
|
||||
}
|
||||
.w-grid-item.ratio_4x3.size_2x2 .w-post-elm.grid_corner_image {
|
||||
transform: scale(0.15) !important;
|
||||
transform-origin: 95.8% 81.2%;
|
||||
}
|
||||
}
|
||||
.w-grid-item .w-grid-item-h:hover .w-post-elm.grid_corner_image {
|
||||
border-radius: 0;
|
||||
transform: scale(1) !important;
|
||||
}
|
||||
|
||||
/* Rounded Corners
|
||||
========================================================================== */
|
||||
.rounded_none .post_author {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,164 @@
|
||||
/*
|
||||
* IconBox
|
||||
*/
|
||||
|
||||
.w-iconbox {
|
||||
position: relative;
|
||||
}
|
||||
.w-iconbox-link {
|
||||
display: block; /* fix focus state in Chrome */
|
||||
-webkit-flex-shrink: 0; /* fix for older Safari */
|
||||
flex-shrink: 0;
|
||||
color: inherit;
|
||||
transition: none;
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
}
|
||||
.w-iconbox-icon {
|
||||
-webkit-flex-shrink: 0; /* fix for older Safari */
|
||||
flex-shrink: 0;
|
||||
font-size: 36px; /* default value */
|
||||
text-align: center;
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
transition: background 0.3s, color 0.3s, box-shadow 0.1s;
|
||||
}
|
||||
.w-iconbox:not(.icontype_img) .w-iconbox-icon {
|
||||
line-height: 1;
|
||||
}
|
||||
.w-iconbox-icon i {
|
||||
vertical-align: top;
|
||||
line-height: inherit;
|
||||
}
|
||||
.w-iconbox-icon img {
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
width: 1em;
|
||||
}
|
||||
.w-iconbox .w-iconbox-title {
|
||||
padding: 0.5em 0;
|
||||
margin-bottom: 0;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
.no-touch .w-iconbox-link:hover .w-iconbox-title {
|
||||
color: inherit;
|
||||
}
|
||||
.w-iconbox-text p:not(:last-child) {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
/* Alignment of the whole IconBox */
|
||||
.w-iconbox.align_center {
|
||||
justify-content: center;
|
||||
}
|
||||
.w-iconbox.align_right {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
/* ICONPOS top */
|
||||
.w-iconbox.iconpos_top {
|
||||
margin: 0 auto;
|
||||
max-width: 25rem;
|
||||
}
|
||||
.w-iconbox.iconpos_top .w-iconbox-icon {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* ICONPOS left & right */
|
||||
.w-iconbox.iconpos_left,
|
||||
.w-iconbox.iconpos_right {
|
||||
display: -webkit-flex; /* fix for older Safari */
|
||||
display: flex;
|
||||
}
|
||||
.w-iconbox.iconpos_left.no_text,
|
||||
.w-iconbox.iconpos_left.no_title,
|
||||
.w-iconbox.iconpos_right.no_text,
|
||||
.w-iconbox.iconpos_right.no_title {
|
||||
align-items: center;
|
||||
}
|
||||
.w-iconbox.iconpos_left .w-iconbox-icon {
|
||||
margin-right: 1.5rem;
|
||||
margin-right: calc(15px + 0.2em);
|
||||
}
|
||||
.w-iconbox.iconpos_right .w-iconbox-icon {
|
||||
margin-left: 1.5rem;
|
||||
margin-left: calc(15px + 0.2em);
|
||||
}
|
||||
.w-iconbox.iconpos_left .w-iconbox-title,
|
||||
.w-iconbox.iconpos_right .w-iconbox-title {
|
||||
padding-top: 0;
|
||||
margin-top: -0.2em;
|
||||
}
|
||||
.w-iconbox.iconpos_left.no_text .w-iconbox-title,
|
||||
.w-iconbox.iconpos_right.no_text .w-iconbox-title {
|
||||
padding-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.w-iconbox.iconpos_left.no_title.no_text,
|
||||
.w-iconbox.iconpos_right.no_title.no_text {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-iconbox.iconpos_left.no_title.no_text .w-iconbox-icon,
|
||||
.w-iconbox.iconpos_right.no_title.no_text .w-iconbox-icon {
|
||||
margin: 0.3rem;
|
||||
}
|
||||
|
||||
/* STYLE: default */
|
||||
.w-iconbox.style_default .w-iconbox-icon {
|
||||
width: 1.1em; /* fix to align icons at the left correctly */
|
||||
background: none !important;
|
||||
box-shadow: none !important;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* STYLE: circle & outlined */
|
||||
.w-iconbox.style_circle .w-iconbox-icon,
|
||||
.w-iconbox.style_outlined .w-iconbox-icon {
|
||||
line-height: 2.5em;
|
||||
height: 2.5em;
|
||||
width: 2.5em;
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.w-iconbox.style_outlined .w-iconbox-icon {
|
||||
background: none !important;
|
||||
}
|
||||
.w-iconbox.color_primary.style_circle .w-iconbox-icon,
|
||||
.w-iconbox.color_secondary.style_circle .w-iconbox-icon,
|
||||
.no-touch .w-iconbox.style_circle .w-iconbox-link:hover .w-iconbox-icon,
|
||||
.no-touch .l-section.color_primary .w-iconbox-link:hover .w-iconbox-title {
|
||||
color: #fff !important;
|
||||
}
|
||||
.no-touch .w-iconbox.style_outlined .w-iconbox-link:hover .w-iconbox-icon {
|
||||
color: #fff !important;
|
||||
box-shadow: 0 0 0 2px transparent inset;
|
||||
transition: color 0.3s, box-shadow 0.1s 0.3s;
|
||||
}
|
||||
.no-touch .w-iconbox.style_circle .w-iconbox-icon:before,
|
||||
.no-touch .w-iconbox.style_outlined .w-iconbox-icon:before {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 0;
|
||||
width: 100%;
|
||||
transform: translateZ(0); /* fix for Chrome */
|
||||
transition: height 0.3s;
|
||||
}
|
||||
.no-touch .w-iconbox.style_circle .w-iconbox-link:hover .w-iconbox-icon:before,
|
||||
.no-touch .w-iconbox.style_outlined .w-iconbox-link:hover .w-iconbox-icon:before {
|
||||
height: 100%;
|
||||
}
|
||||
.w-iconbox.style_circle .w-iconbox-icon i,
|
||||
.w-iconbox.style_outlined .w-iconbox-icon i {
|
||||
position: relative;
|
||||
}
|
||||
.w-iconbox.style_circle .w-iconbox-icon img,
|
||||
.w-iconbox.style_outlined .w-iconbox-icon img {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,206 @@
|
||||
/*
|
||||
* Image
|
||||
*/
|
||||
|
||||
.l-header .w-image {
|
||||
flex-shrink: 0;
|
||||
transition: height 0.3s;
|
||||
}
|
||||
.l-header .w-image.no_image {
|
||||
width: 100%;
|
||||
}
|
||||
.l-main .w-image {
|
||||
max-width: 100%;
|
||||
}
|
||||
.l-main .w-image.align_left {
|
||||
float: left;
|
||||
margin-right: 2.5rem;
|
||||
}
|
||||
.l-main .w-image.align_right {
|
||||
float: right;
|
||||
margin-left: 2.5rem;
|
||||
}
|
||||
.w-image-h {
|
||||
display: block;
|
||||
border-radius: inherit;
|
||||
border-color: inherit !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
.l-header .w-image-h {
|
||||
height: inherit;
|
||||
}
|
||||
.w-image img {
|
||||
vertical-align: top;
|
||||
}
|
||||
.l-header .w-image img {
|
||||
display: block;
|
||||
height: inherit;
|
||||
width: auto;
|
||||
}
|
||||
.w-image a[ref="magnificPopup"] {
|
||||
cursor: zoom-in;
|
||||
}
|
||||
.w-image-meta {
|
||||
line-height: 1.6;
|
||||
}
|
||||
.w-image-description {
|
||||
font-size: 0.9rem;
|
||||
margin: 0.2rem 0;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* Placeholder */
|
||||
.g-placeholder {
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
.l-header .g-placeholder {
|
||||
height: inherit;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
/* For transparent image in header */
|
||||
.w-image.with_transparent img:last-child,
|
||||
.l-header.bg_transparent:not(.sticky) .w-image.with_transparent img:first-child {
|
||||
display: none;
|
||||
}
|
||||
.l-header.bg_transparent:not(.sticky) .w-image.with_transparent img:last-child {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* STYLE: circle */
|
||||
.w-image.style_circle img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* STYLE: outlined */
|
||||
.w-image.style_outlined img {
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: inherit;
|
||||
}
|
||||
.l-section.color_primary .w-image,
|
||||
.l-section.color_secondary .w-image,
|
||||
.l-section.color_custom .w-image {
|
||||
border-color: rgba(255,255,255,0.33);
|
||||
}
|
||||
|
||||
/* STYLE: shadow-1 */
|
||||
.w-image.style_shadow-1 img {
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 3px 10px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
/* STYLE: shadow-2 */
|
||||
.w-image.style_shadow-2 .w-image-h {
|
||||
position: relative;
|
||||
}
|
||||
.w-image-shadow {
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
left: 5%;
|
||||
right: 5%;
|
||||
height: 90%;
|
||||
background-size: 200% 80%;
|
||||
background-position: center bottom;
|
||||
background-repeat: no-repeat;
|
||||
border-radius: inherit;
|
||||
-webkit-filter: blur(25px);
|
||||
filter: blur(25px);
|
||||
}
|
||||
.w-image.meta_simple .w-image-shadow {
|
||||
margin-top: -2.8rem;
|
||||
}
|
||||
/* Fix for IE11 which doesn't support CSS blur */
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
.w-image-shadow { display: none; }
|
||||
}
|
||||
.w-image.style_shadow-2 img {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.w-image.style_shadow-2.meta_simple .w-image-meta {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* META: simple */
|
||||
.w-image.meta_simple .w-image-meta {
|
||||
padding-top: 0.6rem;
|
||||
}
|
||||
.w-image.meta_simple .w-image-description {
|
||||
margin-top: 0;
|
||||
}
|
||||
.w-image.meta_simple[class*="style_phone6"] .w-image-meta {
|
||||
padding-top: 32%;
|
||||
}
|
||||
|
||||
/* META: modern */
|
||||
.w-image.meta_modern {
|
||||
position: relative;
|
||||
}
|
||||
.w-image.meta_modern .w-image-meta {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
max-height: 100%;
|
||||
padding: 3rem 1rem 0.6rem;
|
||||
overflow: hidden;
|
||||
border-bottom-left-radius: inherit;
|
||||
border-bottom-right-radius: inherit;
|
||||
background: linear-gradient(transparent, rgba(30,30,30,0.8)) repeat-x;
|
||||
color: #fff;
|
||||
}
|
||||
.w-image.meta_modern[class*="style_phone6"] .w-image-meta {
|
||||
left: 12.5%;
|
||||
right: 12.5%;
|
||||
bottom: 13.5%;
|
||||
}
|
||||
.w-image.meta_modern.style_outlined .w-image-meta {
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
}
|
||||
|
||||
/* WordPress captions & images */
|
||||
img.alignleft {
|
||||
float: left;
|
||||
margin: 0 2.5rem 2.5rem 0;
|
||||
}
|
||||
img.alignright {
|
||||
float: right;
|
||||
margin: 0 0 2.5rem 2.5rem;
|
||||
}
|
||||
img.aligncenter {
|
||||
clear: both;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.wp-caption {
|
||||
line-height: 0;
|
||||
margin: 0 0 1.5rem;
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.wp-caption-text {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
margin: 0.5rem 0 0;
|
||||
}
|
||||
.wp-caption.aligncenter {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.wp-caption.alignleft {
|
||||
float: left;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
.wp-caption.alignright {
|
||||
float: right;
|
||||
margin-left: 2.5rem;
|
||||
margin-right: -10px; /* fixed value */
|
||||
}
|
||||
.wp-caption.alignleft .wp-caption-text,
|
||||
.wp-caption.alignright .wp-caption-text {
|
||||
width: calc(100% - 10px);
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
.w-itext {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.w-itext-part {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
transition-property: width, color;
|
||||
}
|
||||
.w-itext-part.notransition {
|
||||
transition-property: none !important;
|
||||
}
|
||||
.w-itext-part > span.measure {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
.w-itext-part > span > span {
|
||||
display: inline-block;
|
||||
visibility: hidden;
|
||||
}
|
||||
.w-itext-part > span > span[class^="animated_"] {
|
||||
visibility: visible;
|
||||
}
|
||||
.w-itext-part > span > span:last-child {
|
||||
margin-right: -200px;
|
||||
}
|
||||
.w-itext.dynamic_bold .dynamic {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,747 @@
|
||||
/*
|
||||
* Menu
|
||||
*/
|
||||
|
||||
/* Menu header element
|
||||
========================================================================== */
|
||||
.w-nav.type_desktop:not(.height_full),
|
||||
.w-hwrapper .w-nav.type_desktop,
|
||||
.w-vwrapper .w-nav.type_desktop {
|
||||
line-height: 50px; /* fixed value */
|
||||
}
|
||||
.l-subheader-cell .w-nav {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.w-nav-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
.w-nav-list:not(.level_1) {
|
||||
display: none;
|
||||
}
|
||||
.w-nav.type_desktop .w-nav-list:not(.level_1) {
|
||||
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
|
||||
}
|
||||
.w-nav.type_desktop .w-nav-list.level_2 {
|
||||
text-align: left;
|
||||
position: absolute;
|
||||
z-index: 120;
|
||||
min-width: 12rem;
|
||||
}
|
||||
.w-nav.type_desktop .w-nav-list.level_3 {
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 0;
|
||||
z-index: 121;
|
||||
min-width: 12rem;
|
||||
}
|
||||
.w-nav.type_desktop .w-nav-list.level_4 {
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 0;
|
||||
z-index: 122;
|
||||
min-width: 12rem;
|
||||
}
|
||||
.w-nav .menu-item {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
}
|
||||
.w-nav-anchor {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
border: none !important;
|
||||
outline: none !important;
|
||||
}
|
||||
.w-nav.type_desktop .w-nav-anchor.level_1 {
|
||||
z-index: 1;
|
||||
}
|
||||
.w-nav.type_desktop .w-nav-anchor:not(.level_1) {
|
||||
line-height: 1.5em;
|
||||
padding: 0.6em 20px; /* leave 'px' to match with default menu items distance */
|
||||
white-space: nowrap;
|
||||
transition: none;
|
||||
}
|
||||
.w-nav-title i {
|
||||
width: 1.3em;
|
||||
}
|
||||
|
||||
/* Menu item arrow */
|
||||
.w-nav-arrow {
|
||||
display: none;
|
||||
vertical-align: top;
|
||||
font-weight: normal;
|
||||
line-height: inherit;
|
||||
text-transform: none;
|
||||
text-align: center;
|
||||
}
|
||||
.w-nav-arrow:before {
|
||||
content: '\f107';
|
||||
vertical-align: top;
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
}
|
||||
.w-nav.type_mobile .w-nav-arrow:before {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.w-nav.type_desktop .w-nav-anchor.level_1 .w-nav-arrow:before {
|
||||
font-size: 1.3em;
|
||||
margin-left: 0.4em;
|
||||
}
|
||||
.header_ver .w-nav.type_desktop .w-nav-anchor.level_1 .w-nav-arrow:before {
|
||||
content: '\f105';
|
||||
}
|
||||
.w-nav.type_desktop .w-nav-list.level_2 .w-nav-arrow:before {
|
||||
content: '\f105';
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item-has-children > .w-nav-anchor:not(.level_1) .w-nav-arrow {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
line-height: 2.7em;
|
||||
width: 2em;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item-has-children > .w-nav-anchor:not(.level_1) .w-nav-title {
|
||||
padding-right: 2em;
|
||||
}
|
||||
|
||||
/* Hover effect: Underline */
|
||||
.w-nav.type_desktop .hover_underline .w-nav-title {
|
||||
position: relative;
|
||||
}
|
||||
.no-touch .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 .w-nav-title:after {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.4em;
|
||||
margin: 0 auto -2px;
|
||||
height: 2px; /* fixed value */
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.no-touch .w-nav.type_desktop .hover_underline .menu-item.level_1:hover .w-nav-title:after {
|
||||
bottom: -2px; /* fixed value */
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Button menu item */
|
||||
.btn.menu-item {
|
||||
margin-left: 0.5em;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.btn.menu-item > a {
|
||||
line-height: 2.6em !important;
|
||||
padding: 0 1.4em !important;
|
||||
border-radius: 0.3em;
|
||||
border: none !important;
|
||||
}
|
||||
.menu-item.btn > a .w-nav-title:after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* For Horizontal header */
|
||||
.header_hor .w-nav.type_desktop > .w-nav-list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.header_hor .w-nav.type_desktop > .w-nav-list > .menu-item {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.l-header.bg_transparent:not(.sticky) .type_desktop .menu-item.level_1 > .w-nav-anchor {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* For Vertical header */
|
||||
.header_ver .w-nav {
|
||||
width: 100%;
|
||||
}
|
||||
.header_ver .w-nav.type_desktop .w-nav-list.level_2 {
|
||||
left: 100%;
|
||||
top: 0;
|
||||
}
|
||||
.header_ver .w-nav-anchor.level_1 {
|
||||
line-height: 1.2;
|
||||
padding: 0 1.3em;
|
||||
}
|
||||
|
||||
/* Drops sublevel list of item to the left */
|
||||
.w-nav.type_desktop .menu-item.level_2.drop_left .w-nav-list.level_3,
|
||||
.w-nav.type_desktop .menu-item.level_3.drop_left .w-nav-list.level_4 {
|
||||
left: auto;
|
||||
right: 100%;
|
||||
}
|
||||
|
||||
/* Drops sublevel list of item to the top */
|
||||
.w-nav.type_desktop .menu-item.drop_top > .w-nav-list {
|
||||
top: auto !important;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* Dropdown columns */
|
||||
.w-nav.type_desktop .menu-item[class*="columns"] .w-nav-list.level_2 {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item[class*="columns"] .w-nav-list.level_2 > li {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item[class*="columns"] .w-nav-anchor {
|
||||
white-space: normal;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item[class*="columns"] .menu-item-has-children .w-nav-anchor.level_2 {
|
||||
font-size: 1.15em;
|
||||
font-weight: bold;
|
||||
background: none !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item[class*="columns"] .menu-item-has-children .w-nav-anchor.level_2 .w-nav-arrow {
|
||||
display: none;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item[class*="columns"] .w-nav-list.level_3 {
|
||||
display: block;
|
||||
position: static;
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
color: inherit;
|
||||
min-width: 0;
|
||||
transform: none !important;
|
||||
transition: none !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item[class*="columns"] .w-nav-list.level_3 .menu-item {
|
||||
transform: none !important;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item[class*="columns"]:hover .w-nav-list.level_3 {
|
||||
visibility: visible;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item.columns_2 > ul > li[data-col="2"],
|
||||
.w-nav.type_desktop .menu-item.columns_3 > ul > li[data-col="3"],
|
||||
.w-nav.type_desktop .menu-item.columns_4 > ul > li[data-col="4"],
|
||||
.w-nav.type_desktop .menu-item.columns_5 > ul > li[data-col="5"],
|
||||
.w-nav.type_desktop .menu-item.columns_6 > ul > li[data-col="6"] {
|
||||
width: 100%;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item.columns_6 > ul > li[data-col="5"] {
|
||||
width: 83.3333%;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item.columns_5 > ul > li[data-col="4"] {
|
||||
width: 80%;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item.columns_4 > ul > li[data-col="3"] {
|
||||
width: 75%;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item.columns_3 > ul > li[data-col="2"],
|
||||
.w-nav.type_desktop .menu-item.columns_6 > ul > li[data-col="4"] {
|
||||
width: 66.6666%;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item.columns_5 > ul > li[data-col="3"] {
|
||||
width: 60%;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item.columns_2 > ul > li,
|
||||
.w-nav.type_desktop .menu-item.columns_4 > ul > li[data-col="2"],
|
||||
.w-nav.type_desktop .menu-item.columns_6 > ul > li[data-col="3"] {
|
||||
width: 50%;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item.columns_5 > ul > li[data-col="2"] {
|
||||
width: 40%;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item.columns_3 > ul > li,
|
||||
.w-nav.type_desktop .menu-item.columns_6 > ul > li[data-col="2"] {
|
||||
width: 33.3333%;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item.columns_4 > ul > li {
|
||||
width: 25%;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item.columns_5 > ul > li {
|
||||
width: 20%;
|
||||
}
|
||||
.w-nav.type_desktop .menu-item.columns_6 > ul > li {
|
||||
width: 16.6666%;
|
||||
}
|
||||
|
||||
/* Dropdown animations */
|
||||
.no-touch .w-nav.type_desktop.dropdown_none .menu-item:hover > .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_none .w-nav-anchor:focus ~ .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_none .menu-item.opened > .w-nav-list {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.w-nav.type_desktop.dropdown_opacity .w-nav-list:not(.level_1) {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s, visibility 0.3s;
|
||||
}
|
||||
.no-touch .w-nav.type_desktop.dropdown_opacity .menu-item:hover > .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_opacity .w-nav-anchor:focus ~ .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_opacity .menu-item.opened > .w-nav-list {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.w-nav.type_desktop.dropdown_slide .w-nav-list:not(.level_1) {
|
||||
display: block;
|
||||
transform-origin: 50% 0;
|
||||
transform: scaleY(0) translateZ(0);
|
||||
transition: transform 0.3s cubic-bezier(0,1,.8,1);
|
||||
}
|
||||
.no-touch .w-nav.type_desktop.dropdown_slide .menu-item:hover > .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_slide .w-nav-anchor:focus ~ .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_slide .menu-item.opened > .w-nav-list {
|
||||
transform: scaleY(1) translateZ(0);
|
||||
}
|
||||
|
||||
.w-nav.type_desktop.dropdown_height .w-nav-list:not(.level_1) {
|
||||
display: block;
|
||||
transform-origin: 50% 0;
|
||||
transform: scaleY(0) translateZ(0);
|
||||
opacity: 0;
|
||||
transition: transform 0.3s, opacity 0.3s;
|
||||
}
|
||||
.no-touch .w-nav.type_desktop.dropdown_height .menu-item:hover > .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_height .w-nav-anchor:focus ~ .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_height .menu-item.opened > .w-nav-list {
|
||||
transform: scaleY(1) translateZ(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.w-nav.type_desktop.dropdown_afb .w-nav-list:not(.level_1) {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
transform-origin: 50% 0;
|
||||
transform: translate3d(0,30px,0);
|
||||
opacity: 0;
|
||||
transition: transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.2s, visibility 0.2s;
|
||||
}
|
||||
.no-touch .w-nav.type_desktop.dropdown_afb .menu-item:hover > .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_afb .w-nav-anchor:focus ~ .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_afb .menu-item.opened > .w-nav-list {
|
||||
visibility: visible;
|
||||
transform: translate3d(0,0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.w-nav.type_desktop.dropdown_mdesign .w-nav-list:not(.level_1) {
|
||||
display: block;
|
||||
transform-origin: 0 0;
|
||||
transform: scale(0) translateZ(0);
|
||||
opacity: 0;
|
||||
transition: transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.15s;
|
||||
}
|
||||
.no-touch .w-nav.type_desktop.dropdown_mdesign .menu-item:hover > .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_mdesign .w-nav-anchor:focus ~ .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_mdesign .menu-item.opened > .w-nav-list {
|
||||
transform: scale(1) translateZ(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.w-nav.type_desktop.dropdown_hor .w-nav-list:not(.level_1) {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
transform: translate3d(-20px,0,0);
|
||||
opacity: 0;
|
||||
transition: transform 0.3s, opacity 0.2s, visibility 0.2s;
|
||||
}
|
||||
.w-nav.type_desktop.dropdown_hor .w-nav-list:not(.level_1) .menu-item {
|
||||
transform: translate3d(40px,0,0);
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.no-touch .w-nav.type_desktop.dropdown_hor .menu-item:hover > .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_hor .w-nav-anchor:focus ~ .w-nav-list,
|
||||
.w-nav.type_desktop.dropdown_hor .menu-item.opened > .w-nav-list {
|
||||
visibility: visible;
|
||||
transform: translate3d(0,0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
.no-touch .w-nav.type_desktop.dropdown_hor .menu-item:hover > .w-nav-list > .menu-item,
|
||||
.w-nav.type_desktop.dropdown_hor .w-nav-anchor:focus ~ .w-nav-list > .menu-item,
|
||||
.w-nav.type_desktop.dropdown_hor .menu-item.opened > .w-nav-list > .menu-item {
|
||||
transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
/* Mobile Menu */
|
||||
.header_ver .w-nav.type_mobile {
|
||||
padding: 0 0.6rem;
|
||||
}
|
||||
.header_hor .l-subheader-cell.at_left .w-nav:first-child .w-nav-control {
|
||||
margin-left: -0.8rem;
|
||||
}
|
||||
.header_hor .l-subheader-cell.at_right .w-nav:last-child .w-nav-control {
|
||||
margin-right: -0.8rem;
|
||||
}
|
||||
.w-nav.type_mobile .w-nav-list {
|
||||
z-index: 3;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.w-nav.type_mobile .w-nav-anchor {
|
||||
line-height: 1.6em;
|
||||
padding: 0.7rem;
|
||||
transition: none;
|
||||
}
|
||||
.w-nav.type_mobile .menu-item-has-children > .w-nav-anchor .w-nav-arrow {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.w-nav.type_mobile .menu-item-has-children.opened > .w-nav-anchor .w-nav-arrow {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.w-nav.type_mobile .menu-item.btn {
|
||||
margin: 0;
|
||||
}
|
||||
.w-nav.type_mobile .menu-item.btn .w-nav-anchor.level_1 {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 0.7rem;
|
||||
}
|
||||
.w-nav.type_mobile .menu-item-has-children.btn > .w-nav-anchor .w-nav-arrow {
|
||||
position: static !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* Mobile Menu: Left alignment */
|
||||
.w-nav.type_mobile.m_align_left {
|
||||
text-align: left;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_left .w-nav-anchor.level_2 {
|
||||
padding-left: 1.4rem;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_left .w-nav-anchor.level_3 {
|
||||
padding-left: 2.1rem;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_left .w-nav-anchor.level_4 {
|
||||
padding-left: 2.8rem;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_left .menu-item-has-children > .w-nav-anchor .w-nav-title {
|
||||
padding-right: 2em;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_left .menu-item-has-children.btn > .w-nav-anchor .w-nav-title {
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_left .menu-item-has-children > .w-nav-anchor .w-nav-arrow {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 0.7rem;
|
||||
}
|
||||
|
||||
/* Mobile Menu: Center alignment */
|
||||
.w-nav.type_mobile.m_align_center {
|
||||
text-align: center;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_center .menu-item-has-children > .w-nav-anchor .w-nav-arrow {
|
||||
margin-left: 0.4em;
|
||||
}
|
||||
|
||||
/* Mobile Menu: Right alignment */
|
||||
.w-nav.type_mobile.m_align_right {
|
||||
text-align: right;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_right .w-nav-anchor.level_2 {
|
||||
padding-right: 1.4rem;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_right .w-nav-anchor.level_3 {
|
||||
padding-right: 2.1rem;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_right .w-nav-anchor.level_4 {
|
||||
padding-right: 2.8rem;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_right .menu-item-has-children > .w-nav-anchor .w-nav-title {
|
||||
padding-left: 2em;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_right .menu-item-has-children.btn > .w-nav-anchor .w-nav-title {
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
.w-nav.type_mobile.m_align_right .menu-item-has-children > .w-nav-anchor .w-nav-arrow {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 0.7rem;
|
||||
}
|
||||
|
||||
/* Mobile Menu: Dropdown layout */
|
||||
.header_hor .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: -2.7rem;
|
||||
right: -2.7rem;
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
box-shadow: 0 3px 3px rgba(0,0,0,0.1);
|
||||
}
|
||||
.header_ver .w-nav.type_mobile.m_layout_dropdown .w-nav-control {
|
||||
display: none;
|
||||
}
|
||||
.header_ver .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 {
|
||||
display: block;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Mobile Menu: Panel layout */
|
||||
.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
|
||||
position: fixed;
|
||||
display: block;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
padding: 1rem;
|
||||
min-width: 270px; /* fixed value */
|
||||
transition: transform 0.3s cubic-bezier(.4,0,.2,1);
|
||||
}
|
||||
.header_hor .w-nav.type_mobile.m_layout_panel.m_effect_afl .w-nav-list.level_1 {
|
||||
left: 0;
|
||||
box-shadow: 1px 0 0 rgba(0,0,0,0.08);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
.header_hor .w-nav.type_mobile.m_layout_panel.m_effect_afr .w-nav-list.level_1 {
|
||||
right: 0;
|
||||
box-shadow: -1px 0 0 rgba(0,0,0,0.08);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
.header_hor .w-nav.type_mobile.m_layout_panel .w-nav-control.active + .w-nav-list.level_1 {
|
||||
transform: translateX(0);
|
||||
}
|
||||
.header_ver .w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
transform: scaleX(0);
|
||||
}
|
||||
.header_ver .w-nav.type_mobile.m_layout_panel.m_effect_afl .w-nav-list.level_1 {
|
||||
transform-origin: 0 100%;
|
||||
}
|
||||
.header_ver .w-nav.type_mobile.m_layout_panel.m_effect_afr .w-nav-list.level_1 {
|
||||
transform-origin: 100% 0;
|
||||
}
|
||||
.header_ver .w-nav.type_mobile.m_layout_panel .w-nav-control.active + .w-nav-list.level_1 {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
/* Mobile Menu: Full Screen Layout */
|
||||
.w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 {
|
||||
position: fixed;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 2rem;
|
||||
pointer-events: none;
|
||||
transition: transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s cubic-bezier(.4,0,.2,1);
|
||||
}
|
||||
.header_ver .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 {
|
||||
position: absolute;
|
||||
}
|
||||
.header_ver .w-nav.type_mobile.m_layout_fullscreen.m_effect_afb .w-nav-list.level_1, /* fix for vertical header */
|
||||
.w-nav.type_mobile.m_layout_fullscreen.m_effect_aft .w-nav-list.level_1 {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
.w-nav.type_mobile.m_layout_fullscreen.m_effect_afc .w-nav-list.level_1 {
|
||||
opacity: 0;
|
||||
transform: scale(0.001);
|
||||
}
|
||||
.w-nav.type_mobile.m_layout_fullscreen.m_effect_afb .w-nav-list.level_1 {
|
||||
transform: translateY(100%);
|
||||
}
|
||||
.w-nav.type_mobile.m_layout_fullscreen .w-nav-control.active + .w-nav-list.level_1 {
|
||||
pointer-events: auto;
|
||||
opacity: 1;
|
||||
transform: translateY(0) scale(1);
|
||||
}
|
||||
.w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 > li {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 > li:first-child {
|
||||
margin-top: auto;
|
||||
}
|
||||
.w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 > li:nth-last-child(2) {
|
||||
margin-bottom: auto;
|
||||
}
|
||||
.w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 .w-nav-close {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Hamburger icon */
|
||||
.w-nav-control {
|
||||
display: none;
|
||||
line-height: 50px; /* fixed value */
|
||||
height: 50px; /* fixed value */
|
||||
padding: 0 0.8rem;
|
||||
color: inherit;
|
||||
}
|
||||
.w-nav-control span {
|
||||
display: none;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
.w-nav-icon {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
font-size: 20px;
|
||||
position: relative;
|
||||
height: inherit;
|
||||
width: 1em;
|
||||
}
|
||||
.w-nav-icon i,
|
||||
.w-nav-icon i:before,
|
||||
.w-nav-icon i:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
height: 0;
|
||||
width: inherit;
|
||||
border-bottom: 0.15em solid;
|
||||
}
|
||||
.w-nav-icon i {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
transition: transform 0.15s cubic-bezier(0,1,.8,1);
|
||||
}
|
||||
.w-nav-icon i:before {
|
||||
top: -0.35em;
|
||||
transition: top 0.15s cubic-bezier(0,1,.8,1) 0.15s, opacity 0.15s cubic-bezier(0,1,.8,1);
|
||||
}
|
||||
.w-nav-icon i:after {
|
||||
top: 0.35em;
|
||||
transition: top 0.15s cubic-bezier(0,1,.8,1) 0.15s, transform 0.15s cubic-bezier(0,1,.8,1);
|
||||
}
|
||||
.w-nav-control.active .w-nav-icon i {
|
||||
transform: translateY(-50%) rotate(45deg);
|
||||
transition-delay: 0.15s;
|
||||
}
|
||||
.w-nav-control.active .w-nav-icon i:before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.15s cubic-bezier(0,1,.8,1), opacity 0.15s cubic-bezier(0,1,.8,1) 0.15s;
|
||||
}
|
||||
.w-nav-control.active .w-nav-icon i:after {
|
||||
top: 0;
|
||||
transform: rotate(90deg);
|
||||
transition: top 0.15s cubic-bezier(0,1,.8,1), transform 0.15s cubic-bezier(0,1,.8,1) 0.15s;
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
.w-nav-close {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
font-size: 3rem;
|
||||
line-height: 6rem;
|
||||
width: 6rem;
|
||||
cursor: pointer;
|
||||
opacity: 0.5;
|
||||
transition: color 0.3s, opacity 0.3s;
|
||||
}
|
||||
.no-touch .w-nav-close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.w-nav-close:before {
|
||||
content: '\f00d';
|
||||
font-family: fontawesome;
|
||||
font-weight: normal;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Links Menu header element
|
||||
========================================================================== */
|
||||
.header_hor .l-header .w-menu-list {
|
||||
line-height: 2;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.w-menu-item {
|
||||
color: inherit;
|
||||
border: none !important;
|
||||
}
|
||||
.header_ver .l-header .w-menu-item {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* WordPress Widget: Custom Menu
|
||||
========================================================================== */
|
||||
.widget_nav_menu .menu-item i {
|
||||
width: 1.3em;
|
||||
}
|
||||
/* layout: vertical */
|
||||
.l-main .widget_nav_menu .menu {
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
.l-main .widget_nav_menu ul,
|
||||
.l-main .widget_nav_menu ul li {
|
||||
margin: 0;
|
||||
}
|
||||
.l-main .widget_nav_menu .menu-item a {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 0.6em 1.2em;
|
||||
border-width: 1px 0 0 !important;
|
||||
border-style: solid;
|
||||
color: inherit;
|
||||
}
|
||||
.l-main .widget_nav_menu .menu-item.current-menu-item > a {
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.l-main .widget_nav_menu .current-menu-item + .menu-item > a {
|
||||
border-color: transparent;
|
||||
}
|
||||
.l-main .widget_nav_menu .sub-menu > .menu-item a {
|
||||
padding-left: 2.4em;
|
||||
}
|
||||
.l-main .widget_nav_menu .sub-menu .sub-menu > .menu-item a {
|
||||
padding-left: 3.6em;
|
||||
}
|
||||
/* layout: horizontal */
|
||||
.vc_wp_custommenu.layout_hor .menu-item:before,
|
||||
.vc_wp_custommenu.layout_hor .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
.vc_wp_custommenu.layout_hor .menu {
|
||||
display: inline-flex;
|
||||
vertical-align: top;
|
||||
align-items: center;
|
||||
border-width: 0;
|
||||
margin: 0 -0.8em;
|
||||
}
|
||||
.vc_wp_custommenu.layout_hor ul li {
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.vc_wp_custommenu.layout_hor ul li a {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding: 0 0.8em;
|
||||
border: none !important;
|
||||
}
|
||||
.l-main .vc_wp_custommenu.layout_hor ul {
|
||||
white-space: nowrap;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.l-main .vc_wp_custommenu.layout_hor ul li a {
|
||||
padding: 0.8em;
|
||||
opacity: 0.66;
|
||||
}
|
||||
.l-main .vc_wp_custommenu.layout_hor .current-menu-item a,
|
||||
.no-touch .l-main .vc_wp_custommenu.layout_hor a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Rounded None
|
||||
========================================================================== */
|
||||
.rounded_none .btn.menu-item > a {
|
||||
border-radius: 0 !important;;
|
||||
}
|
||||
|
||||
/* Links Hover Underline
|
||||
========================================================================== */
|
||||
.no-touch .links_underline .w-menu-item:hover span {
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
@@ -0,0 +1,94 @@
|
||||
/*
|
||||
* Message Box
|
||||
*/
|
||||
|
||||
.w-message {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
border-radius: 0.3rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.w-message-icon {
|
||||
display: none;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
width: 5rem;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.w-message-body {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
.w-message-body p:last-child {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.w-message-close {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
font-size: 1.4rem;
|
||||
padding: 1.5rem;
|
||||
color: inherit !important;
|
||||
opacity: 0.3;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.w-message-close:before {
|
||||
content: '\f00d';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-message-close:focus,
|
||||
.no-touch .w-message-close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* WITH icon */
|
||||
.w-message.with_icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.w-message.with_icon .w-message-icon {
|
||||
display: block;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.w-message.with_icon .w-message-body {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* WITH close */
|
||||
.w-message.with_close {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.w-message.with_close .w-message-close {
|
||||
display: block;
|
||||
flex-shrink: 0;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.w-message.with_close .w-message-body {
|
||||
flex-grow: 1;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
/* COLOR */
|
||||
.w-message.color_red {
|
||||
background: #ffd9d9;
|
||||
color: #a24141;
|
||||
}
|
||||
.w-message.color_green {
|
||||
background: #c9f7b2;
|
||||
color: #587549;
|
||||
}
|
||||
.w-message.color_blue {
|
||||
background: #cef;
|
||||
color: #3a648e;
|
||||
}
|
||||
.w-message.color_yellow {
|
||||
background: #fff2b2;
|
||||
color: #846534;
|
||||
}
|
||||
|
||||
/* Rounded Corners
|
||||
========================================================================== */
|
||||
.rounded_none .w-message {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,88 @@
|
||||
/*
|
||||
* Page Scroller
|
||||
*/
|
||||
|
||||
.w-scroller {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
z-index: 90;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.w-scroller.pos_left {
|
||||
left: 1%;
|
||||
}
|
||||
.w-scroller.pos_right {
|
||||
right: 1%;
|
||||
}
|
||||
.w-scroller-dots {
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.w-scroller.pos_left .w-scroller-dots {
|
||||
transform: translateX(-50px);
|
||||
}
|
||||
.w-scroller.pos_right .w-scroller-dots {
|
||||
transform: translateX(50px);
|
||||
}
|
||||
.w-scroller-dots.show {
|
||||
transform: none !important;
|
||||
}
|
||||
.w-scroller-dot {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
transition: none;
|
||||
}
|
||||
.w-scroller-dot span {
|
||||
display: block;
|
||||
font-size: 10px; /* default value */
|
||||
opacity: 0.4;
|
||||
transition: opacity 0.3s, box-shadow 0.3s, background 0.3s, transform 0.3s;
|
||||
}
|
||||
.w-scroller-dot.active span,
|
||||
.no-touch .w-scroller-dot:hover span {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Style 1 & 2 */
|
||||
.w-scroller.style_1 .w-scroller-dot span,
|
||||
.w-scroller.style_2 .w-scroller-dot span {
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
margin: 0.8em;
|
||||
}
|
||||
.w-scroller.style_1 .w-scroller-dot span {
|
||||
border-radius: 50%;
|
||||
}
|
||||
.w-scroller.style_1 .w-scroller-dot:not(.active) span,
|
||||
.w-scroller.style_2 .w-scroller-dot:not(.active) span {
|
||||
box-shadow: 0 0 0 2px transparent !important;
|
||||
}
|
||||
.w-scroller.style_1 .w-scroller-dot.active span,
|
||||
.w-scroller.style_2 .w-scroller-dot.active span {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
/* Style 3 */
|
||||
.w-scroller.style_3 .w-scroller-dot span {
|
||||
height: 2px;
|
||||
width: 3em;
|
||||
margin: 0.8em;
|
||||
box-shadow: none !important;
|
||||
transform: scaleX(0.5);
|
||||
}
|
||||
.w-scroller.style_3.pos_left .w-scroller-dot span {
|
||||
transform-origin: left;
|
||||
}
|
||||
.w-scroller.style_3.pos_right .w-scroller-dot span {
|
||||
transform-origin: right;
|
||||
}
|
||||
.w-scroller.style_3 .w-scroller-dot.active span {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
/* Style 4 */
|
||||
.w-scroller.style_4 .w-scroller-dot span {
|
||||
height: 3em;
|
||||
width: 0.5em;
|
||||
margin: 0.2em 0.8em;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
@@ -0,0 +1,263 @@
|
||||
/*
|
||||
* Person
|
||||
*/
|
||||
|
||||
.w-person {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
max-width: 350px; /* fixed value as 'us_350_350_crop' image size */
|
||||
}
|
||||
.w-person-link {
|
||||
display: block;
|
||||
transition: none;
|
||||
}
|
||||
.w-person-image {
|
||||
position: relative;
|
||||
}
|
||||
.w-person-image img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.w-person-image .img_hover {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: -1px;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s;
|
||||
transform: translateZ(0); /* render fix for webkit browsers */
|
||||
background-size: cover;
|
||||
}
|
||||
.w-person:hover .w-person-image .img_hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.w-person-content {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
.w-person-name {
|
||||
margin: 0;
|
||||
}
|
||||
.w-person-link > .w-person-name {
|
||||
color: inherit;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
.w-person-role {
|
||||
font-size: 0.9em;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.w-person-description {
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
.w-person-description p {
|
||||
margin: 0;
|
||||
}
|
||||
.w-person-links-list {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
.w-person-links-item {
|
||||
font-size: 1.2rem;
|
||||
line-height: 3rem;
|
||||
width: 3rem;
|
||||
margin: 0.15rem;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
color: inherit;
|
||||
}
|
||||
.w-person-links-item i {
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
line-height: inherit;
|
||||
}
|
||||
.w-person-links-item.type_email i:before {
|
||||
content: '\f0e0';
|
||||
font-family: fontawesome;
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
}
|
||||
.no-touch .w-person-links-item:hover {
|
||||
color: #fff !important;
|
||||
}
|
||||
.no-touch .w-person-links-item:before {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
transition: transform 0.3s;
|
||||
transform: translate3d(0,-100%,0);
|
||||
}
|
||||
.no-touch .w-person-links-item:hover:before {
|
||||
transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
/* Photo Effects */
|
||||
.w-person.effect_bw img,
|
||||
.w-person.effect_bw .img_hover {
|
||||
-webkit-filter: brightness(1.1) grayscale(1);
|
||||
filter: brightness(1.1) grayscale(1);
|
||||
}
|
||||
.w-person.effect_sepia img,
|
||||
.w-person.effect_sepia .img_hover {
|
||||
-webkit-filter: contrast(0.8) grayscale(0.5) sepia(0.65);
|
||||
filter: contrast(0.8) grayscale(0.5) sepia(0.65);
|
||||
}
|
||||
.w-person.effect_faded img,
|
||||
.w-person.effect_faded .img_hover {
|
||||
-webkit-filter: brightness(1.2) contrast(0.8) grayscale(0.75);
|
||||
filter: brightness(1.2) contrast(0.8) grayscale(0.75);
|
||||
}
|
||||
.w-person.effect_colored img,
|
||||
.w-person.effect_colored .img_hover {
|
||||
-webkit-filter: brightness(1.1) contrast(0.85) saturate(3) grayscale(0.5) sepia(0.1);
|
||||
filter: brightness(1.1) contrast(0.85) saturate(3) grayscale(0.5) sepia(0.1);
|
||||
}
|
||||
|
||||
/* LAYOUT: modern */
|
||||
.w-person.layout_modern {
|
||||
overflow: hidden;
|
||||
}
|
||||
.w-person.layout_modern .w-person-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
padding: 2rem;
|
||||
transition: transform 0.3s;
|
||||
transform: translate3d(0,-100%,0);
|
||||
background: rgba(30,30,30,0.8);
|
||||
color: #fff;
|
||||
}
|
||||
.w-person.layout_modern:hover .w-person-content {
|
||||
transform: translate3d(0,0,0);
|
||||
}
|
||||
.w-person.layout_modern .w-person-name {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* LAYOUT: trendy */
|
||||
.w-person.layout_trendy {
|
||||
overflow: hidden;
|
||||
}
|
||||
.w-person.layout_trendy .w-person-content {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 3rem 2rem 1rem;
|
||||
transition: bottom 0.3s;
|
||||
background: linear-gradient(transparent, rgba(30,30,30,0.8)) repeat-x;
|
||||
color: #fff;
|
||||
}
|
||||
.w-person.layout_trendy.with_desc:hover .w-person-content,
|
||||
.w-person.layout_trendy.with_socials:hover .w-person-content {
|
||||
bottom: 100%;
|
||||
}
|
||||
.w-person.layout_trendy .w-person-name {
|
||||
color: #fff;
|
||||
}
|
||||
.w-person.layout_trendy .w-person-content-alt {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 101%;
|
||||
padding: 2rem;
|
||||
transition: top 0.3s;
|
||||
transform: translate3d(0,0,0);
|
||||
background: rgba(30,30,30,0.8);
|
||||
color: #fff;
|
||||
}
|
||||
.w-person.layout_trendy:hover .w-person-content-alt {
|
||||
top: 0;
|
||||
}
|
||||
.w-person.layout_trendy .w-person-content-alt .w-person-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* LAYOUT: simple_circle */
|
||||
.w-person.layout_simple_circle .w-person-image {
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
.w-person.layout_simple_circle .w-person-image img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* LAYOUT: square & circle */
|
||||
.w-person.layout_square .w-person-image,
|
||||
.w-person.layout_circle .w-person-image {
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
.w-person.layout_circle .w-person-image,
|
||||
.w-person.layout_circle .w-person-image img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
.w-person.layout_square .w-person-links,
|
||||
.w-person.layout_circle .w-person-links {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
transition: transform 0.3s;
|
||||
transform: translate3d(0,-100%,0);
|
||||
background: rgba(30,30,30,0.8);
|
||||
color: #fff;
|
||||
}
|
||||
.w-person.layout_square:hover .w-person-links,
|
||||
.w-person.layout_circle:hover .w-person-links {
|
||||
transform: translate3d(0,0,0);
|
||||
}
|
||||
.w-person.layout_square .w-person-links-list,
|
||||
.w-person.layout_circle .w-person-links-list {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
padding: 1rem;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.w-person.layout_modern .w-person-links-item,
|
||||
.w-person.layout_trendy .w-person-links-item,
|
||||
.w-person.layout_square .w-person-links-item,
|
||||
.w-person.layout_circle .w-person-links-item {
|
||||
box-shadow: 0 0 0 2px #fff inset;
|
||||
color: #fff;
|
||||
}
|
||||
.no-touch .w-person.layout_modern .w-person-links-item:hover,
|
||||
.no-touch .w-person.layout_trendy .w-person-links-item:hover,
|
||||
.no-touch .w-person.layout_square .w-person-links-item:hover,
|
||||
.no-touch .w-person.layout_circle .w-person-links-item:hover {
|
||||
box-shadow: 0 0 0 2px transparent inset;
|
||||
}
|
||||
|
||||
/* Links Hover Underline
|
||||
========================================================================== */
|
||||
.no-touch .links_underline .w-person-link:hover .w-person-name span {
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
@@ -0,0 +1,212 @@
|
||||
/* Trigger */
|
||||
.w-popup-trigger img {
|
||||
vertical-align: top;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.no-touch .w-popup-trigger:hover img {
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
/* Popup */
|
||||
.w-popup-overlay {
|
||||
display: none;
|
||||
z-index: 10001;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
transition: opacity 0.3s;
|
||||
opacity: 0;
|
||||
}
|
||||
.w-popup-overlay.active {
|
||||
opacity: 1;
|
||||
}
|
||||
.w-popup-wrap {
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 10002;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100vh;
|
||||
cursor: pointer;
|
||||
}
|
||||
.w-popup-overlay.pos_absolute,
|
||||
.w-popup-wrap.pos_absolute {
|
||||
position: absolute;
|
||||
}
|
||||
.w-popup-overlay.pos_fixed,
|
||||
.w-popup-wrap.pos_fixed {
|
||||
position: fixed;
|
||||
}
|
||||
.w-popup-wrap.pos_fixed {
|
||||
overflow-y: auto;
|
||||
}
|
||||
.w-popup-closer {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
line-height: 5rem;
|
||||
width: 5rem;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
opacity: 0;
|
||||
}
|
||||
.w-popup-closer:before {
|
||||
content: '\f00d';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-popup-box.active + .w-popup-closer {
|
||||
opacity: 1;
|
||||
transition: opacity 0.3s ease 0.2s;
|
||||
}
|
||||
|
||||
.w-popup-box {
|
||||
max-height: 100vh;
|
||||
cursor: default;
|
||||
}
|
||||
.w-popup-box-h {
|
||||
margin: 1.5rem 0;
|
||||
overflow: hidden;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.w-popup-box-title {
|
||||
font-size: 2rem;
|
||||
line-height: 1.5;
|
||||
padding: 1rem 1.5rem;
|
||||
}
|
||||
.w-popup-box-content {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.w-popup-box-content img,
|
||||
.w-popup-box-content iframe {
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-popup-box-content h1,
|
||||
.w-popup-box-content h2,
|
||||
.w-popup-box-content h3,
|
||||
.w-popup-box-content h4,
|
||||
.w-popup-box-content h5,
|
||||
.w-popup-box-content h6 {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* For the Fullwidth popup */
|
||||
.w-popup-box[style*="100%"] .w-popup-box-h {
|
||||
margin: 0;
|
||||
}
|
||||
.w-popup-box[style*="100%"] .w-popup-box-title {
|
||||
padding-right: 5rem;
|
||||
}
|
||||
.w-popup-box[style*="100%"].without_title .w-popup-box-content {
|
||||
padding-top: 5rem !important;
|
||||
}
|
||||
|
||||
/* For the closer */
|
||||
@media (min-width: 601px) {
|
||||
.w-popup-box:not([style*="100%"]) + .w-popup-closer {
|
||||
background: none !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.w-popup-box {
|
||||
width: 100% !important;
|
||||
}
|
||||
.w-popup-box-h {
|
||||
margin: 0;
|
||||
}
|
||||
.w-popup-box-title {
|
||||
padding-right: 50px !important;
|
||||
}
|
||||
.w-popup-box-content[style*="padding"] {
|
||||
padding: 50px 1.5rem 1.5rem !important;
|
||||
}
|
||||
.w-popup-closer {
|
||||
line-height: 50px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Animations */
|
||||
.w-popup-box.animation_fadeIn .w-popup-box-h {
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.w-popup-box.animation_fadeIn.active .w-popup-box-h {
|
||||
opacity: 1;
|
||||
}
|
||||
.w-popup-box.animation_scaleUp .w-popup-box-h {
|
||||
transform: scale(0.7);
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.w-popup-box.animation_scaleUp.active .w-popup-box-h {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
.w-popup-box.animation_scaleDown .w-popup-box-h {
|
||||
transform: scale(1.5);
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.w-popup-box.animation_scaleDown.active .w-popup-box-h {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
.w-popup-box.animation_slideTop .w-popup-box-h {
|
||||
transform: translateY(-20%);
|
||||
opacity: 0;
|
||||
transition: all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);
|
||||
}
|
||||
.w-popup-box.animation_slideTop.active .w-popup-box-h {
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
}
|
||||
.w-popup-box.animation_slideBottom .w-popup-box-h {
|
||||
transform: translateY(20%);
|
||||
opacity: 0;
|
||||
transition: all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);
|
||||
}
|
||||
.w-popup-box.animation_slideBottom.active .w-popup-box-h {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
.w-popup-box.animation_flipHor {
|
||||
-webkit-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
.w-popup-box.animation_flipHor .w-popup-box-h {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
transform: rotateY(-70deg);
|
||||
transition: all 0.3s;
|
||||
opacity: 0;
|
||||
}
|
||||
.w-popup-box.animation_flipHor.active .w-popup-box-h {
|
||||
transform: rotateY(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.w-popup-box.animation_flipVer {
|
||||
-webkit-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
.w-popup-box.animation_flipVer .w-popup-box-h {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
transform: rotateX(-70deg);
|
||||
transition: all 0.3s;
|
||||
opacity: 0;
|
||||
}
|
||||
.w-popup-box.animation_flipVer.active .w-popup-box-h {
|
||||
transform: rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
/*
|
||||
* Pricing Table
|
||||
*/
|
||||
|
||||
.w-pricing {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
position: relative;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
.w-pricing-item {
|
||||
flex: 1 1 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.w-pricing-item:not(:first-child) {
|
||||
margin-left: -1px;
|
||||
}
|
||||
.w-pricing-item-h {
|
||||
overflow: hidden;
|
||||
border: 1px solid;
|
||||
}
|
||||
.w-pricing-item:first-child .w-pricing-item-h {
|
||||
border-radius: 0.6rem 0 0 0.6rem;
|
||||
}
|
||||
.w-pricing-item:last-child .w-pricing-item-h {
|
||||
border-radius: 0 0.6rem 0.6rem 0;
|
||||
}
|
||||
.w-pricing-item-header {
|
||||
padding: 2rem 1.5rem;
|
||||
}
|
||||
.w-pricing-item-title {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.w-pricing-item-price {
|
||||
font-size: 3.5rem;
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
}
|
||||
.w-pricing-item-price small {
|
||||
display: block;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.5rem;
|
||||
font-weight: normal;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
.w-pricing-item .w-pricing-item-features {
|
||||
list-style-type: none;
|
||||
padding: 1.5rem;
|
||||
margin: 0;
|
||||
}
|
||||
.w-pricing-item .w-pricing-item-features li {
|
||||
padding: 0.5rem 0;
|
||||
margin: 0;
|
||||
}
|
||||
.w-pricing-item-footer {
|
||||
padding-bottom: 2.6rem;
|
||||
}
|
||||
.l-section.color_primary .w-pricing-item-h,
|
||||
.l-section.color_secondary .w-pricing-item-h,
|
||||
.l-section.color_custom .w-pricing-item-h {
|
||||
border-color: rgba(255,255,255,0.33);
|
||||
}
|
||||
.l-section.color_primary .w-pricing-item-header,
|
||||
.l-section.color_secondary .w-pricing-item-header,
|
||||
.l-section.color_custom .w-pricing-item-header {
|
||||
background: rgba(255,255,255,0.15);
|
||||
}
|
||||
|
||||
/* TYPE featured */
|
||||
.w-pricing-item.type_featured {
|
||||
position: relative;
|
||||
}
|
||||
.w-pricing-item.type_featured .w-pricing-item-h {
|
||||
margin: -1rem 0;
|
||||
border-width: 0;
|
||||
border-radius: 0.6rem;
|
||||
box-shadow: 0 1px 10px rgba(0,0,0,0.15);
|
||||
}
|
||||
.w-pricing-item.type_featured .w-pricing-item-header {
|
||||
padding-top: 3rem;
|
||||
color: #fff;
|
||||
}
|
||||
.w-pricing-item.type_featured .w-pricing-item-header h5 {
|
||||
color: inherit;
|
||||
}
|
||||
.w-pricing-item.type_featured .w-pricing-item-footer {
|
||||
padding-bottom: 3.6rem;
|
||||
}
|
||||
|
||||
/* Rounded Corners
|
||||
========================================================================== */
|
||||
.rounded_none .w-pricing-item-h {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,204 @@
|
||||
/*
|
||||
* Progress Bar
|
||||
*/
|
||||
|
||||
.w-progbar-bar-h {
|
||||
height: 10px; /* default value */
|
||||
border-radius: inherit;
|
||||
transition: width 0.8s cubic-bezier(.6,.3,.3,.6);
|
||||
}
|
||||
.w-progbar.initial .w-progbar-bar-h {
|
||||
width: 0 !important;
|
||||
}
|
||||
.w-progbar.hide_count .w-progbar-title-count,
|
||||
.w-progbar.hide_count .w-progbar-bar-count {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* STYLE 1 */
|
||||
.w-progbar.style_1 {
|
||||
padding: 0.6rem 0 1rem;
|
||||
}
|
||||
.w-progbar.style_1 .w-progbar-title {
|
||||
display: table;
|
||||
width: 100%;
|
||||
margin-bottom: 0.6rem !important;
|
||||
}
|
||||
.w-progbar.style_1 .w-progbar-title-text {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-progbar.style_1 .w-progbar-title-count {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
}
|
||||
.w-progbar.style_1 .w-progbar-bar {
|
||||
width: 100%;
|
||||
border-radius: 2rem;
|
||||
box-shadow: 0 1px 0 rgba(0,0,0,0.04) inset;
|
||||
}
|
||||
.w-progbar.style_1 .w-progbar-bar-count {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* STYLE 2 */
|
||||
.w-progbar.style_2 {
|
||||
padding: 0.4rem 0;
|
||||
position: relative;
|
||||
}
|
||||
.w-progbar.style_2 .w-progbar-title {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-size: 0.9rem;
|
||||
transform: translateY(-50%);
|
||||
color: #fff !important;
|
||||
}
|
||||
.w-progbar.style_2 .w-progbar-title-text {
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
.w-progbar.style_2 .w-progbar-title-count {
|
||||
font-weight: bold;
|
||||
}
|
||||
.w-progbar.style_2 .w-progbar-bar {
|
||||
width: 100%;
|
||||
border-radius: 0.3rem;
|
||||
overflow: hidden;
|
||||
background: rgba(0,0,0,0.25);
|
||||
}
|
||||
.w-progbar.style_2 .w-progbar-bar-h {
|
||||
border-radius: 0;
|
||||
}
|
||||
.w-progbar.style_2 .w-progbar-bar-count {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* STYLE 3 */
|
||||
.w-progbar.style_3 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
.w-progbar.style_3 .w-progbar-title {
|
||||
font-size: 1rem;
|
||||
padding-right: 1.5rem;
|
||||
margin-bottom: 0;
|
||||
width: 33%;
|
||||
}
|
||||
.w-progbar.style_3 .w-progbar-title-count {
|
||||
display: none;
|
||||
}
|
||||
.w-progbar.style_3 .w-progbar-bar {
|
||||
width: 67%;
|
||||
border-radius: 2rem;
|
||||
position: relative;
|
||||
background: none;
|
||||
}
|
||||
.w-progbar.style_3 .w-progbar-bar:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
border-radius: inherit;
|
||||
box-shadow: 0 1px 0 rgba(0,0,0,0.04) inset;
|
||||
}
|
||||
.w-progbar.style_3 .w-progbar-bar-h {
|
||||
position: relative;
|
||||
}
|
||||
.w-progbar.style_3 .w-progbar-bar-count {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: -1.75rem;
|
||||
text-align: center;
|
||||
line-height: 3.5rem;
|
||||
height: 3.5rem;
|
||||
width: 3.5rem;
|
||||
margin-top: -1.75rem;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
/* STYLE 4 */
|
||||
.w-progbar.style_4 {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
.w-progbar.style_4 .w-progbar-title {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.6rem !important;
|
||||
}
|
||||
.w-progbar.style_4 .w-progbar-title-count {
|
||||
display: none;
|
||||
}
|
||||
.w-progbar.style_4 .w-progbar-bar-h {
|
||||
position: relative;
|
||||
}
|
||||
.w-progbar.style_4 .w-progbar-bar-count {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: -1.5rem;
|
||||
bottom: 100%;
|
||||
font-size: 0.9rem;
|
||||
text-align: center;
|
||||
line-height: 2rem;
|
||||
height: 2rem;
|
||||
width: 3rem;
|
||||
margin-bottom: 0.5rem;
|
||||
border-radius: 0.3rem;
|
||||
background: rgba(0,0,0,0.8);
|
||||
color: #fff;
|
||||
opacity: 1;
|
||||
transition: opacity 0.8s cubic-bezier(.6,.3,.3,.6);
|
||||
}
|
||||
.w-progbar.style_4 .w-progbar-bar-count:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 1.1rem;
|
||||
bottom: -0.3rem;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border-left: 0.4rem solid transparent;
|
||||
border-right: 0.4rem solid transparent;
|
||||
border-top: 0.4rem solid rgba(0,0,0,0.8);
|
||||
}
|
||||
.w-progbar.style_4.initial .w-progbar-bar-count {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* STYLE 5 */
|
||||
.w-progbar.style_5 {
|
||||
padding: 0.6rem 0 1rem;
|
||||
}
|
||||
.w-progbar.style_5 .w-progbar-title {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
width: 100%;
|
||||
margin-bottom: 1rem !important;
|
||||
}
|
||||
.w-progbar.style_5 .w-progbar-title-text {
|
||||
flex-grow: 1;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
.w-progbar.style_5 .w-progbar-title-count {
|
||||
font-size: 3em;
|
||||
font-weight: 300;
|
||||
line-height: 1;
|
||||
opacity: 0.33;
|
||||
}
|
||||
.w-progbar.style_5 .w-progbar-bar-count {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Rounded Corners
|
||||
========================================================================== */
|
||||
.rounded_none .w-progbar-bar,
|
||||
.rounded_none .w-progbar-bar-count {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,296 @@
|
||||
/*
|
||||
* Search
|
||||
*/
|
||||
|
||||
.w-search {
|
||||
line-height: 2.8rem;
|
||||
}
|
||||
.header_hor .l-subheader-cell > .w-search:not(.layout_simple) {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.header_ver .l-subheader-cell > .w-search:not(.layout_simple) {
|
||||
margin-left: 0.6rem;
|
||||
margin-right: 0.6rem;
|
||||
}
|
||||
.w-search input {
|
||||
display: block;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
background: none;
|
||||
color: inherit;
|
||||
transition: none;
|
||||
}
|
||||
.w-search-open {
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 2.2em;
|
||||
}
|
||||
.w-search button:empty::before,
|
||||
.w-search-open:empty::before {
|
||||
content: '\f002';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-search-open i {
|
||||
vertical-align: top;
|
||||
line-height: inherit;
|
||||
}
|
||||
.header_hor .l-subheader-cell.at_left .w-search:not(.layout_simple):first-child {
|
||||
margin-left: -0.8rem;
|
||||
}
|
||||
.header_hor .l-subheader-cell.at_right .w-search:not(.layout_simple):last-child {
|
||||
margin-right: -0.8rem;
|
||||
}
|
||||
.w-search-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
line-height: 2.8rem;
|
||||
width: 2.8rem;
|
||||
cursor: pointer;
|
||||
color: inherit !important;
|
||||
opacity: 0.5;
|
||||
transition: color 0.3s, opacity 0.3s, transform 0.3s;
|
||||
}
|
||||
.w-search-close:focus,
|
||||
.no-touch .w-search-close:hover {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.w-search-close:before {
|
||||
content: '\f00d';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* LAYOUT simple */
|
||||
.w-search.layout_simple {
|
||||
position: relative;
|
||||
height: 2.8rem;
|
||||
min-width: 10rem;
|
||||
}
|
||||
.header_hor .w-search.layout_simple {
|
||||
width: 100%;
|
||||
}
|
||||
.header_ver .w-search.layout_simple {
|
||||
max-width: none;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.w-search.layout_simple .w-search-open,
|
||||
.w-search.layout_simple .w-search-close {
|
||||
display: none;
|
||||
}
|
||||
.w-search.layout_simple .w-search-form {
|
||||
border-radius: 0.3rem;
|
||||
transition: color 0.3s, background 0.3s;
|
||||
}
|
||||
.w-search.layout_simple input {
|
||||
padding-right: 2.8rem;
|
||||
}
|
||||
.w-search.layout_simple button {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
padding: 0 !important;
|
||||
font-weight: normal;
|
||||
line-height: 2.8rem;
|
||||
height: 2.8rem;
|
||||
width: 2.8rem;
|
||||
border-radius: 0 !important;
|
||||
background: none !important;
|
||||
box-shadow: none !important;
|
||||
transition: opacity 0.3s;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.w-search.layout_simple button.w-search-form-btn,
|
||||
.no-touch .w-search.layout_simple button.w-search-form-btn:hover {
|
||||
color: inherit !important;
|
||||
}
|
||||
.w-search.layout_simple button:focus,
|
||||
.no-touch .w-search.layout_simple button:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.w-search.layout_simple button:before,
|
||||
.w-search.layout_simple button span {
|
||||
display: none;
|
||||
}
|
||||
.w-search.layout_simple button i {
|
||||
vertical-align: top;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
/* LAYOUT modern */
|
||||
.w-search.layout_modern {
|
||||
position: relative;
|
||||
width: 2.2em;
|
||||
transition: width 0.3s;
|
||||
}
|
||||
.w-search.layout_modern .w-search-open {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
.w-search.layout_modern.active .w-search-open {
|
||||
z-index: 0;
|
||||
opacity: 0;
|
||||
transform: translateX(-2rem);
|
||||
}
|
||||
.w-search.layout_modern .w-search-close {
|
||||
opacity: 0;
|
||||
transform: translateX(2rem);
|
||||
transition: transform 0.3s, opacity 0.3s;
|
||||
}
|
||||
.w-search.layout_modern.active .w-search-close {
|
||||
z-index: 1;
|
||||
opacity: 0.5;
|
||||
transform: translateX(0);
|
||||
}
|
||||
.w-search.layout_modern .w-search-form {
|
||||
position: relative;
|
||||
border-radius: 0.3rem;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s, color 0.3s, background 0.3s;
|
||||
}
|
||||
.w-search.layout_modern.active .w-search-form {
|
||||
opacity: 1;
|
||||
}
|
||||
.w-search.layout_modern input {
|
||||
padding-right: 2.8rem;
|
||||
}
|
||||
@media (min-width: 601px) {
|
||||
.l-header.bg_transparent:not(.sticky) .w-search.layout_simple .w-search-form,
|
||||
.l-header.bg_transparent:not(.sticky) .w-search.layout_modern .w-search-form {
|
||||
background: rgba(0,0,0,0.2);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
/* LAYOUT fullwidth */
|
||||
.w-search.layout_fullwidth .w-search-form {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -1.5rem;
|
||||
right: -1.5rem;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
z-index: 120;
|
||||
transition: height 0.3s cubic-bezier(.4,0,.2,1);
|
||||
}
|
||||
.w-search.layout_fullwidth.active .w-search-form {
|
||||
height: 100%;
|
||||
}
|
||||
.w-search.layout_fullwidth input {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -1.4rem;
|
||||
padding: 0 3rem 0 1.5rem;
|
||||
border-radius: 0;
|
||||
}
|
||||
.header_hor .w-search.layout_fullwidth input {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.w-search.layout_fullwidth .w-search-close {
|
||||
top: 50%;
|
||||
width: auto;
|
||||
padding-right: 1.5rem;
|
||||
margin-top: -1.4rem;
|
||||
}
|
||||
.header_ver .w-search.layout_fullwidth .w-search-form {
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* LAYOUT fullscreen */
|
||||
.w-search.layout_fullscreen .w-search-form {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
z-index: 120;
|
||||
transform: translateY(-100%);
|
||||
transition: transform 0.3s cubic-bezier(.4,0,.2,1);
|
||||
}
|
||||
.header_ver .w-search.layout_fullscreen .w-search-form {
|
||||
position: absolute;
|
||||
}
|
||||
.w-search.layout_fullscreen.active .w-search-form {
|
||||
transform: translateY(0);
|
||||
}
|
||||
.w-search.layout_fullscreen .w-search-close {
|
||||
font-size: 3rem;
|
||||
line-height: 6rem;
|
||||
width: 6rem;
|
||||
}
|
||||
.w-search.layout_fullscreen input {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 6%;
|
||||
font-size: 3rem;
|
||||
line-height: 1.5;
|
||||
text-align: center;
|
||||
height: auto;
|
||||
width: 88%;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.header_ver .w-search.layout_fullscreen input {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
/* WordPress Widget
|
||||
========================================================================== */
|
||||
.widget_search .w-form-message,
|
||||
.widget_search .w-form-row-state,
|
||||
.widget_search .w-btn-label,
|
||||
.widget_search .w-btn:before {
|
||||
display: none;
|
||||
}
|
||||
.widget_search .w-form {
|
||||
position: relative;
|
||||
}
|
||||
.widget_search .w-form input[type="text"] {
|
||||
padding-right: 2.8rem;
|
||||
padding-left: 0.8rem;
|
||||
min-width: 8rem;
|
||||
}
|
||||
.widget_search .w-form-row.for_submit {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
.widget_search .w-form button[type="submit"].w-btn {
|
||||
padding: 0 !important;
|
||||
line-height: 2.8rem;
|
||||
width: 2.8rem;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: none !important;
|
||||
background: none !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
.widget_search .w-btn:after {
|
||||
position: static;
|
||||
vertical-align: top;
|
||||
content: '\f002';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Rounded Corners
|
||||
========================================================================== */
|
||||
.rounded_none .w-search-form {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,157 @@
|
||||
/*
|
||||
* Separator
|
||||
*/
|
||||
|
||||
.w-separator {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
line-height: 0;
|
||||
height: 1.5rem; /* fallback value */
|
||||
}
|
||||
.w-separator-h {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
height: inherit;
|
||||
border-color: inherit !important;
|
||||
color: inherit;
|
||||
}
|
||||
.w-separator-h:before,
|
||||
.w-separator-h:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
height: 0;
|
||||
width: 200rem;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-color: inherit;
|
||||
}
|
||||
.w-separator-h:before {
|
||||
right: 100%;
|
||||
margin-right: 0.6em;
|
||||
}
|
||||
.w-separator-h:after {
|
||||
left: 100%;
|
||||
margin-left: 0.6em;
|
||||
}
|
||||
.w-separator a,
|
||||
.color_alternate .w-separator a {
|
||||
color: inherit;
|
||||
}
|
||||
.w-separator-text {
|
||||
line-height: inherit;
|
||||
padding: 0.3em 0 !important;
|
||||
margin: 0;
|
||||
}
|
||||
.w-separator[style*="font"] .w-separator-text {
|
||||
font-size: inherit;
|
||||
}
|
||||
.w-separator-text i {
|
||||
margin-right: 0.4em;
|
||||
}
|
||||
|
||||
/* LINE WIDTH */
|
||||
.w-separator.width_30 {
|
||||
width: 30%;
|
||||
margin-left: auto !important;
|
||||
margin-right: auto !important;
|
||||
}
|
||||
.w-separator.width_50 {
|
||||
width: 50%;
|
||||
margin-left: auto !important;
|
||||
margin-right: auto !important;
|
||||
}
|
||||
.w-separator.width_screen {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* LINE STYLE */
|
||||
.w-separator.style_dashed .w-separator-h:before,
|
||||
.w-separator.style_dashed .w-separator-h:after {
|
||||
border-top-style: dashed;
|
||||
}
|
||||
.w-separator.style_dotted .w-separator-h:before,
|
||||
.w-separator.style_dotted .w-separator-h:after {
|
||||
border-top-style: dotted;
|
||||
}
|
||||
.w-separator.style_double .w-separator-h:before,
|
||||
.w-separator.style_double .w-separator-h:after {
|
||||
border-top-style: double;
|
||||
}
|
||||
|
||||
/* LINE THICKNESS */
|
||||
.w-separator.thick_2 .w-separator-h:before,
|
||||
.w-separator.thick_2 .w-separator-h:after {
|
||||
margin-top: -1px;
|
||||
border-top-width: 2px;
|
||||
}
|
||||
.w-separator.thick_3 .w-separator-h:before,
|
||||
.w-separator.thick_3 .w-separator-h:after {
|
||||
margin-top: -1px;
|
||||
border-top-width: 3px;
|
||||
}
|
||||
.w-separator.thick_4 .w-separator-h:before,
|
||||
.w-separator.thick_4 .w-separator-h:after {
|
||||
margin-top: -2px;
|
||||
border-top-width: 4px;
|
||||
}
|
||||
.w-separator.thick_5 .w-separator-h:before,
|
||||
.w-separator.thick_5 .w-separator-h:after {
|
||||
margin-top: -2px;
|
||||
border-top-width: 5px;
|
||||
}
|
||||
|
||||
/* WITH content */
|
||||
.w-separator.with_content {
|
||||
line-height: 1.3;
|
||||
}
|
||||
.w-separator:not(.with_content),
|
||||
.w-separator.with_content .w-separator-h {
|
||||
position: relative;
|
||||
}
|
||||
.w-separator:not(.with_content) .w-separator-h:before {
|
||||
left: -50%;
|
||||
right: auto;
|
||||
}
|
||||
.w-separator:not(.with_content) .w-separator-h:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* SIZE small */
|
||||
.w-separator.size_small:empty {
|
||||
height: 1.5rem;
|
||||
}
|
||||
.w-separator.size_small.with_line {
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
/* SIZE medium */
|
||||
.w-separator.size_medium:empty {
|
||||
height: 3rem;
|
||||
}
|
||||
.w-separator.size_medium.with_line {
|
||||
height: 6rem;
|
||||
}
|
||||
|
||||
/* SIZE large */
|
||||
.w-separator.size_large:empty {
|
||||
height: 4rem;
|
||||
}
|
||||
.w-separator.size_large.with_line {
|
||||
height: 7rem;
|
||||
}
|
||||
|
||||
/* SIZE huge */
|
||||
.w-separator.size_huge:empty {
|
||||
height: 6rem;
|
||||
}
|
||||
.w-separator.size_huge.with_line {
|
||||
height: 9rem;
|
||||
}
|
||||
|
||||
/* Improvements for color sections */
|
||||
.l-section.color_primary .w-separator.color_border,
|
||||
.l-section.color_secondary .w-separator.color_border {
|
||||
border-color: rgba(255,255,255,0.33);
|
||||
color: rgba(255,255,255,0.33);
|
||||
}
|
||||
@@ -0,0 +1,330 @@
|
||||
/*
|
||||
* Sharing
|
||||
*/
|
||||
|
||||
.w-sharing.align_center {
|
||||
justify-content: center;
|
||||
}
|
||||
.w-sharing.align_right {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.w-sharing-list {
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.w-sharing-item {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
line-height: 2;
|
||||
padding: 0 0.8em;
|
||||
min-width: 3em;
|
||||
}
|
||||
.w-sharing a.w-sharing-item,
|
||||
.no-touch a.w-sharing-item:hover {
|
||||
color: inherit;
|
||||
}
|
||||
.w-sharing-icon {
|
||||
position: relative;
|
||||
min-width: 1em;
|
||||
}
|
||||
.w-sharing-icon:before {
|
||||
font-family: 'Font Awesome 5 Brands';
|
||||
vertical-align: top;
|
||||
line-height: inherit;
|
||||
}
|
||||
.w-sharing-count {
|
||||
position: relative;
|
||||
font-size: 0.7em;
|
||||
margin-left: 0.3em;
|
||||
}
|
||||
|
||||
/* TYPE simple */
|
||||
.w-sharing.type_simple .w-sharing-item {
|
||||
margin: 0.1em 0;
|
||||
border-width: 0 1px 0 0; /* fixed value */
|
||||
border-style: solid;
|
||||
transition: none;
|
||||
}
|
||||
.w-sharing.type_simple .w-sharing-item:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
.w-sharing.type_simple .w-sharing-item:last-child {
|
||||
padding-right: 0;
|
||||
border: none;
|
||||
}
|
||||
.w-sharing.type_simple .w-sharing-icon {
|
||||
transition: opacity 0.3s, color 0.3s;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.no-touch .w-sharing.type_simple .w-sharing-item:hover .w-sharing-icon {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* TYPE solid & outlined */
|
||||
.w-sharing.type_solid .w-sharing-list,
|
||||
.w-sharing.type_outlined .w-sharing-list {
|
||||
margin: 0 -0.1em;
|
||||
}
|
||||
.w-sharing.type_solid .w-sharing-item,
|
||||
.w-sharing.type_outlined .w-sharing-item {
|
||||
margin: 0.1em;
|
||||
border-radius: 0.3em;
|
||||
overflow: hidden;
|
||||
}
|
||||
.no-touch .w-sharing.type_solid .w-sharing-item:before,
|
||||
.no-touch .w-sharing.type_outlined .w-sharing-item:before,
|
||||
.no-touch .w-sharing.type_fixed .w-sharing-item:before {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 0;
|
||||
background: rgba(0,0,0,0.1);
|
||||
transition: height 0.3s;
|
||||
}
|
||||
.no-touch .w-sharing.type_solid .w-sharing-item:hover:before,
|
||||
.no-touch .w-sharing.type_outlined .w-sharing-item:hover:before,
|
||||
.no-touch .w-sharing.type_fixed .w-sharing-item:hover:before {
|
||||
height: 100%;
|
||||
}
|
||||
.w-sharing.type_solid .w-sharing-item,
|
||||
.no-touch .w-sharing.type_outlined .w-sharing-item:hover {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
/* TYPE fixed */
|
||||
.w-sharing.type_fixed {
|
||||
position: fixed;
|
||||
z-index: 97;
|
||||
}
|
||||
.w-sharing.type_fixed.align_left {
|
||||
display: block;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
transform: translate3d(0,-50%,0);
|
||||
}
|
||||
.w-sharing.type_fixed.align_right {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translate3d(0,-50%,0);
|
||||
}
|
||||
.w-sharing.type_fixed.align_left .w-sharing-list,
|
||||
.w-sharing.type_fixed.align_right .w-sharing-list {
|
||||
display: block;
|
||||
}
|
||||
.w-sharing.type_fixed.align_center {
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
transform: translate3d(-50%,0,0);
|
||||
}
|
||||
.w-sharing.type_fixed .w-sharing-item {
|
||||
display: block;
|
||||
padding: 0;
|
||||
min-width: 0;
|
||||
line-height: 2.2;
|
||||
width: 2.2em;
|
||||
color: #fff !important;
|
||||
}
|
||||
.w-sharing.type_fixed .w-sharing-count {
|
||||
display: block;
|
||||
font-size: 0.6em;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
padding-bottom: 0.7em;
|
||||
}
|
||||
|
||||
/* Email */
|
||||
.w-sharing.type_solid .w-sharing-item.email,
|
||||
.w-sharing.type_fixed .w-sharing-item.email,
|
||||
.w-sharing.type_outlined .w-sharing-item.email:before {
|
||||
background: #96a2a8;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.email,
|
||||
.no-touch .w-sharing.type_simple .w-sharing-item.email:hover .w-sharing-icon {
|
||||
color: #96a2a8;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.email {
|
||||
box-shadow: 0 0 0 2px #96a2a8 inset;
|
||||
}
|
||||
.w-sharing-item.email .w-sharing-icon:before {
|
||||
content: '\f0e0';
|
||||
font-family: fontawesome;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
/* Facebook */
|
||||
.w-sharing.type_solid .w-sharing-item.facebook,
|
||||
.w-sharing.type_fixed .w-sharing-item.facebook,
|
||||
.w-sharing.type_outlined .w-sharing-item.facebook:before {
|
||||
background: #42599e;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.facebook {
|
||||
box-shadow: 0 0 0 2px #42599e inset;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.facebook,
|
||||
.no-touch .w-sharing.type_simple .w-sharing-item.facebook:hover .w-sharing-icon {
|
||||
color: #42599e;
|
||||
}
|
||||
.w-sharing-item.facebook .w-sharing-icon:before {
|
||||
content: '\f39e';
|
||||
}
|
||||
|
||||
/* Twitter */
|
||||
.w-sharing.type_solid .w-sharing-item.twitter,
|
||||
.w-sharing.type_fixed .w-sharing-item.twitter,
|
||||
.w-sharing.type_outlined .w-sharing-item.twitter:before {
|
||||
background: #55acee;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.twitter {
|
||||
box-shadow: 0 0 0 2px #55acee inset;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.twitter,
|
||||
.no-touch .w-sharing.type_simple .w-sharing-item.twitter:hover .w-sharing-icon {
|
||||
color: #55acee;
|
||||
}
|
||||
.w-sharing-item.twitter .w-sharing-icon:before {
|
||||
content: '\f099';
|
||||
}
|
||||
|
||||
/* LinkedIn */
|
||||
.w-sharing.type_solid .w-sharing-item.linkedin,
|
||||
.w-sharing.type_fixed .w-sharing-item.linkedin,
|
||||
.w-sharing.type_outlined .w-sharing-item.linkedin:before {
|
||||
background: #0077b5;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.linkedin {
|
||||
box-shadow: 0 0 0 2px #0077b5 inset;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.linkedin,
|
||||
.no-touch .w-sharing.type_simple .w-sharing-item.linkedin:hover .w-sharing-icon {
|
||||
color: #0077b5;
|
||||
}
|
||||
.w-sharing-item.linkedin .w-sharing-icon:before {
|
||||
content: '\f0e1';
|
||||
}
|
||||
|
||||
/* Pinterest */
|
||||
.w-sharing.type_solid .w-sharing-item.pinterest,
|
||||
.w-sharing.type_fixed .w-sharing-item.pinterest,
|
||||
.w-sharing.type_outlined .w-sharing-item.pinterest:before {
|
||||
background: #cb2027;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.pinterest {
|
||||
box-shadow: 0 0 0 2px #cb2027 inset;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.pinterest,
|
||||
.no-touch .w-sharing.type_simple .w-sharing-item.pinterest:hover .w-sharing-icon {
|
||||
color: #cb2027;
|
||||
}
|
||||
.w-sharing-item.pinterest .w-sharing-icon:before {
|
||||
content: '\f0d2';
|
||||
}
|
||||
|
||||
/* Vkontakte */
|
||||
.w-sharing.type_solid .w-sharing-item.vk,
|
||||
.w-sharing.type_fixed .w-sharing-item.vk,
|
||||
.w-sharing.type_outlined .w-sharing-item.vk:before {
|
||||
background: #4c75a3;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.vk {
|
||||
box-shadow: 0 0 0 2px #4c75a3 inset;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.vk,
|
||||
.no-touch .w-sharing.type_simple .w-sharing-item.vk:hover .w-sharing-icon {
|
||||
color: #4c75a3;
|
||||
}
|
||||
.w-sharing-item.vk .w-sharing-icon:before {
|
||||
content: '\f189';
|
||||
}
|
||||
|
||||
|
||||
/* Whatsapp */
|
||||
.w-sharing.type_solid .w-sharing-item.whatsapp,
|
||||
.w-sharing.type_fixed .w-sharing-item.whatsapp,
|
||||
.w-sharing.type_outlined .w-sharing-item.whatsapp:before {
|
||||
background: #25d366;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.whatsapp {
|
||||
box-shadow: 0 0 0 2px #25d366 inset;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.whatsapp,
|
||||
.no-touch .w-sharing.type_simple .w-sharing-item.whatsapp:hover .w-sharing-icon {
|
||||
color: #25d366;
|
||||
}
|
||||
.w-sharing-item.whatsapp .w-sharing-icon:before {
|
||||
content: '\f232';
|
||||
}
|
||||
|
||||
/* XING */
|
||||
.w-sharing.type_solid .w-sharing-item.xing,
|
||||
.w-sharing.type_fixed .w-sharing-item.xing,
|
||||
.w-sharing.type_outlined .w-sharing-item.xing:before {
|
||||
background: #126567;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.xing {
|
||||
box-shadow: 0 0 0 2px #126567 inset;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.xing,
|
||||
.no-touch .w-sharing.type_simple .w-sharing-item.xing:hover .w-sharing-icon {
|
||||
color: #126567;
|
||||
}
|
||||
.w-sharing-item.xing .w-sharing-icon:before {
|
||||
content: '\f168';
|
||||
}
|
||||
|
||||
/* Reddit */
|
||||
.w-sharing.type_solid .w-sharing-item.reddit,
|
||||
.w-sharing.type_fixed .w-sharing-item.reddit,
|
||||
.w-sharing.type_outlined .w-sharing-item.reddit:before {
|
||||
background: #FF4301;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.reddit {
|
||||
box-shadow: 0 0 0 2px #FF4301 inset;
|
||||
}
|
||||
.w-sharing.type_outlined .w-sharing-item.reddit,
|
||||
.no-touch .w-sharing.type_simple .w-sharing-item.reddit:hover .w-sharing-icon {
|
||||
color: #FF4301;
|
||||
}
|
||||
.w-sharing-item.reddit .w-sharing-icon:before {
|
||||
content: '\f1a1';
|
||||
}
|
||||
|
||||
/* Copy to clipboard */
|
||||
.w-sharing-item.copy2clipboard .w-sharing-icon:before {
|
||||
content: '\f0c5';
|
||||
font-family: fontawesome;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
/* Tooltip of text selection */
|
||||
.w-sharing-tooltip {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
overflow: hidden;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.w-sharing-tooltip .w-sharing-item {
|
||||
font-size: 1rem;
|
||||
line-height: 2.2;
|
||||
min-width: 2.2em;
|
||||
padding: 0;
|
||||
transition: none;
|
||||
background: #222;
|
||||
color: #fff !important;
|
||||
}
|
||||
.w-sharing-tooltip .w-sharing-count,
|
||||
.w-sharing-tooltip .w-sharing-item:before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Rounded Corners
|
||||
========================================================================== */
|
||||
.rounded_none .w-sharing-item {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,233 @@
|
||||
/*
|
||||
* Image Slider
|
||||
*/
|
||||
|
||||
/* Royal Slider v1.0.6 http://dimsemenov.com/plugins/royal-slider/
|
||||
========================================================================== */
|
||||
.rsArrow,.rsThumbs,.rsThumbsArrow{cursor:pointer}.rsOverflow,.rsSlide,.rsThumbs{overflow:hidden}.royalSlider>*,.rsGCaption,.rsTabs,.rsThumb,.rsThumbs{float:left}.royalSlider{width:600px;height:400px;position:relative;direction:ltr}.rsContainer,.rsOverflow,.rsVisibleNearbyWrap{height:100%;-webkit-tap-highlight-color:transparent;width:100%}.rsWebkit3d .rsABlock,.rsWebkit3d .rsAbsoluteEl,.rsWebkit3d .rsBtnCenterer,.rsWebkit3d .rsContainer,.rsWebkit3d .rsLink,.rsWebkit3d .rsOverflow,.rsWebkit3d .rsPreloader,.rsWebkit3d .rsSlide,.rsWebkit3d .rsThumbs,.rsWebkit3d img{-webkit-backface-visibility:hidden}.rsFade.rsWebkit3d .rsContainer,.rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img{-webkit-transform:none}.rsOverflow{position:relative;float:left}.rsVisibleNearbyWrap{position:relative;overflow:hidden;left:0;top:0}.rsVisibleNearbyWrap .rsOverflow{position:absolute;left:0;top:0}.rsContainer{position:relative}.rsThumb{position:relative}.rsArrow,.rsNav,.rsThumbsArrow{opacity:1;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}.rsHidden{opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .3s,opacity .3s linear;-moz-transition:visibility 0s linear .3s,opacity .3s linear;-o-transition:visibility 0s linear .3s,opacity .3s linear;transition:visibility 0s linear .3s,opacity .3s linear}.rsGCaption{width:100%;text-align:center}.royalSlider.rsFullscreen{position:fixed!important;height:auto!important;width:auto!important;margin:0!important;padding:0!important;z-index:2147483647!important;top:0!important;left:0!important;bottom:0!important;right:0!important}.royalSlider .rsSlide.rsFakePreloader{opacity:1!important;-webkit-transition:0s;-moz-transition:0s;-o-transition:0s;transition:0s;display:none}.rsSlide{position:absolute;left:0;top:0;display:block;height:100%;width:100%}.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide{height:auto}.rsContent{width:100%;height:100%;position:relative}.rsPreloader{position:absolute;z-index:0}.rsNav{-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}.rsNavItem{-webkit-tap-highlight-color:rgba(0,0,0,.25)}.rsThumbs{position:relative;z-index:22}.rsTabs{background:0 0!important}.rsTabs,.rsThumbs{-webkit-tap-highlight-color:transparent}.rsVideoContainer{width:auto;height:auto;line-height:0;position:relative}.rsABlock,.rsLink,.rsVideoFrameHolder{left:0;top:0;position:absolute}.rsVideoFrameHolder{background:#141414;opacity:0;-webkit-transition:.3s}.rsVideoFrameHolder.rsVideoActive{opacity:1}.rsVideoContainer .rsVideoObj,.rsVideoContainer embed,.rsVideoContainer iframe,.rsVideoContainer video{position:absolute;z-index:50;left:0;top:0;width:100%;height:100%}.rsVideoContainer.rsIOSVideo embed,.rsVideoContainer.rsIOSVideo iframe,.rsVideoContainer.rsIOSVideo video{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:44px}.rsABlock{z-index:15}img.rsImg{max-width:none}.grab-cursor{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.grabbing-cursor{cursor:grabbing}.rsNoDrag{cursor:auto}.rsLink{width:100%;height:100%;display:block;z-index:20;}
|
||||
|
||||
.w-slider:after {
|
||||
display: block;
|
||||
content: '';
|
||||
clear: both;
|
||||
}
|
||||
.royalSlider {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
z-index: 1; /* Avoid overlapping header by slider */
|
||||
}
|
||||
.royalSlider.rsFullscreen {
|
||||
background: #111;
|
||||
color: #fff;
|
||||
}
|
||||
.royalSlider .rsTmb,
|
||||
.royalSlider .rsABlock,
|
||||
.royalSlider.rsHor + img {
|
||||
display: none;
|
||||
}
|
||||
.rsContent {
|
||||
transition-duration: 0s !important;
|
||||
}
|
||||
.rsFullscreen img[src*=".svg"] {
|
||||
width: 100vw !important;
|
||||
height: 100vh !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* Arrows */
|
||||
.royalSlider .rsArrow {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
cursor: pointer;
|
||||
z-index: 10;
|
||||
font-size: 3rem;
|
||||
text-align: center;
|
||||
line-height: 4rem;
|
||||
height: 4rem;
|
||||
width: 4rem;
|
||||
margin-top: -2rem;
|
||||
text-shadow: 0 1px 3px rgba(0,0,0,0.3);
|
||||
color: #fff;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
.royalSlider .rsArrowLeft {
|
||||
left: 0;
|
||||
}
|
||||
.royalSlider .rsArrowRight {
|
||||
right: 0;
|
||||
}
|
||||
.royalSlider .rsArrow:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: '\f104';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
}
|
||||
.royalSlider .rsArrow.rsArrowRight:after {
|
||||
content: '\f105';
|
||||
}
|
||||
.royalSlider .rsArrowDisabled:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Bullets */
|
||||
.rsBullets {
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
padding-top: 0.5rem;
|
||||
width: 100%;
|
||||
}
|
||||
.w-slider[class*="style_phone6"] .rsBullets {
|
||||
padding-top: 32%;
|
||||
}
|
||||
.rsBullet {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
cursor: pointer;
|
||||
}
|
||||
.rsBullet span {
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
background: rgba(0,0,0,0.2);
|
||||
width: 8px; /* fixed value */
|
||||
height: 8px; /* fixed value */
|
||||
margin: 6px; /* fixed value */
|
||||
}
|
||||
.rsBullet.rsNavSelected span {
|
||||
background: rgba(0,0,0,0) !important;
|
||||
border: 1px solid;
|
||||
width: 10px; /* fixed value */
|
||||
height: 10px; /* fixed value */
|
||||
margin: 5px; /* fixed value */
|
||||
}
|
||||
.color_primary .rsBullet span,
|
||||
.color_secondary .rsBullet span,
|
||||
.color_custom .rsBullet span {
|
||||
background: rgba(255,255,255,0.4);
|
||||
}
|
||||
.color_primary .rsBullet.rsNavSelected span,
|
||||
.color_secondary .rsBullet.rsNavSelected span,
|
||||
.color_custom .rsBullet.rsNavSelected span {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
/* Thumbnails */
|
||||
.rsThumbsHor {
|
||||
width: 100%;
|
||||
height: 4rem;
|
||||
margin-top: 4px; /* fixed value */
|
||||
}
|
||||
.rsWithThumbsHor .rsThumbsContainer {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
.rsThumb {
|
||||
overflow: hidden;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
.royalSlider .rsThumb img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.rsThumb.rsNavSelected img {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.rsThumbsArrow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Fullscreen button */
|
||||
.rsFullscreenBtn {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 11;
|
||||
cursor: pointer;
|
||||
font-size: 1.5rem;
|
||||
text-align: center;
|
||||
line-height: 4rem;
|
||||
height: 4rem;
|
||||
width: 4rem;
|
||||
right: 0;
|
||||
top: 0;
|
||||
text-shadow: 0 1px 3px rgba(0,0,0,0.3);
|
||||
color: #fff;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.no-touch .rsFullscreenBtn {
|
||||
opacity: 0;
|
||||
}
|
||||
.no-touch .royalSlider:hover .rsFullscreenBtn {
|
||||
opacity: 1;
|
||||
}
|
||||
.rsFullscreenBtn:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: '\f00e';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
}
|
||||
.rsFullscreen .rsFullscreenBtn:after {
|
||||
content: '\f00d';
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
/* Preloader */
|
||||
.rsPreloader {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -1.5rem 0 0 -1.5rem;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
}
|
||||
.rsPreloader:before,
|
||||
.rsPreloader:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: 50%;
|
||||
border: 2px solid;
|
||||
}
|
||||
.rsPreloader:before {
|
||||
opacity: 0.2;
|
||||
}
|
||||
.rsPreloader:after {
|
||||
border-top-color: transparent;
|
||||
animation: rotation 0.8s infinite cubic-bezier(.6,.3,.3,.6);
|
||||
}
|
||||
|
||||
/* Slides Captions */
|
||||
.rsABlock {
|
||||
top: auto;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
line-height: 1.6rem;
|
||||
max-height: 100%;
|
||||
padding: 3rem 1rem 0.6rem;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(transparent, rgba(30,30,30,0.8)) repeat-x;
|
||||
color: #fff;
|
||||
}
|
||||
.w-slider-item-description {
|
||||
font-size: 0.9rem;
|
||||
margin: 0.2rem 0;
|
||||
opacity: 0.5;
|
||||
}
|
||||
@@ -0,0 +1,515 @@
|
||||
/*
|
||||
* Social Links
|
||||
*/
|
||||
|
||||
.w-socials-item {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
}
|
||||
.w-socials-item-link {
|
||||
display: block;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
line-height: 2.5em;
|
||||
width: 2.5em;
|
||||
border: none !important;
|
||||
border-radius: inherit;
|
||||
z-index: 0;
|
||||
}
|
||||
.w-socials.color_text .w-socials-item-link {
|
||||
color: inherit;
|
||||
}
|
||||
.w-socials-item-link-hover {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.w-socials-item-link:after,
|
||||
.w-socials-item-link i {
|
||||
display: block;
|
||||
line-height: inherit;
|
||||
position: relative;
|
||||
}
|
||||
.w-socials-item-link:after {
|
||||
font-family: 'Font Awesome 5 Brands';
|
||||
}
|
||||
.w-socials-item-link-title {
|
||||
display: none;
|
||||
}
|
||||
.w-socials-item-popup {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 100%;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
z-index: 90;
|
||||
font-size: 0.9rem;
|
||||
line-height: 2.4rem;
|
||||
padding: 0 1rem;
|
||||
margin-bottom: 7px;
|
||||
border-radius: 0.25rem;
|
||||
background: #333;
|
||||
color: #fff;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translate3d(-50%,-1em,0);
|
||||
transition: opacity 0.2s cubic-bezier(.78,.13,.15,.86) 0.3s, transform 0.2s cubic-bezier(.78,.13,.15,.86) 0.3s;
|
||||
}
|
||||
.w-socials-item-link:focus + .w-socials-item-popup,
|
||||
.w-socials-item-link:hover + .w-socials-item-popup {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transform: translate3d(-50%,0,0);
|
||||
}
|
||||
.no-touch .w-socials-item-popup {
|
||||
display: block;
|
||||
}
|
||||
.w-socials-item-popup:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -7px;
|
||||
margin-left: -8px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 8px solid transparent;
|
||||
border-right: 8px solid transparent;
|
||||
border-top: 8px solid #333;
|
||||
}
|
||||
|
||||
/* Header element */
|
||||
.l-header .w-socials {
|
||||
line-height: 2;
|
||||
}
|
||||
.header_hor .l-header .w-socials-list {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.l-header .w-socials-item-link {
|
||||
line-height: 2em;
|
||||
width: 2em;
|
||||
}
|
||||
.l-header .w-socials-item-popup {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Shape */
|
||||
.w-socials.shape_rounded .w-socials-item-link {
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
.w-socials.shape_circle .w-socials-item-link {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* Hover Style */
|
||||
.no-touch .w-socials.hover_slide .w-socials-item-link-hover {
|
||||
display: block;
|
||||
bottom: auto;
|
||||
height: 0;
|
||||
transition: height 0.3s;
|
||||
}
|
||||
.no-touch .w-socials.hover_slide .w-socials-item-link:hover .w-socials-item-link-hover {
|
||||
height: 100%;
|
||||
}
|
||||
.no-touch .w-socials.hover_fade .w-socials-item-link-hover {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.no-touch .w-socials.hover_fade .w-socials-item-link:hover .w-socials-item-link-hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.no-touch .w-socials.hover_fade .w-socials-item-link:hover,
|
||||
.no-touch .w-socials.hover_slide .w-socials-item-link:hover {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
/* Style Colored */
|
||||
.w-socials.style_colored .w-socials-item-link-hover {
|
||||
display: block;
|
||||
height: 100% !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.w-socials.style_colored .w-socials-item-link {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
/* WP widget */
|
||||
.widget_us_socials .w-socials:not(.style_default) .w-socials-list {
|
||||
margin: -0.1em;
|
||||
}
|
||||
.widget_us_socials .w-socials:not(.style_default) .w-socials-item {
|
||||
padding: 0.1em;
|
||||
}
|
||||
|
||||
/* Brands icons & colors
|
||||
========================================================================== */
|
||||
|
||||
/* 500px */
|
||||
.w-socials.color_brand .w-socials-item.s500px .w-socials-item-link {
|
||||
color: #222;
|
||||
}
|
||||
.w-socials-item.s500px .w-socials-item-link-hover {
|
||||
background: #222;
|
||||
}
|
||||
.w-socials-item.s500px .w-socials-item-link:after {
|
||||
content: '\f26e';
|
||||
}
|
||||
/* Behance */
|
||||
.w-socials.color_brand .w-socials-item.behance .w-socials-item-link {
|
||||
color: #1769ff;
|
||||
}
|
||||
.w-socials-item.behance .w-socials-item-link-hover {
|
||||
background: #1769ff;
|
||||
}
|
||||
.w-socials-item.behance .w-socials-item-link:after {
|
||||
content: '\f1b4';
|
||||
}
|
||||
/* DeviantArt */
|
||||
.w-socials.color_brand .w-socials-item.deviantart .w-socials-item-link {
|
||||
color: #05cc47;
|
||||
}
|
||||
.w-socials-item.deviantart .w-socials-item-link-hover {
|
||||
background: #637768;
|
||||
}
|
||||
.w-socials-item.deviantart .w-socials-item-link:after {
|
||||
content: '\f1bd';
|
||||
}
|
||||
/* Discord */
|
||||
.w-socials.color_brand .w-socials-item.discord .w-socials-item-link {
|
||||
color: #7289da;
|
||||
}
|
||||
.w-socials-item.discord .w-socials-item-link-hover {
|
||||
background: #7289da;
|
||||
}
|
||||
.w-socials-item.discord .w-socials-item-link:after {
|
||||
content: '\f392';
|
||||
}
|
||||
/* Dribbble */
|
||||
.w-socials.color_brand .w-socials-item.dribbble .w-socials-item-link {
|
||||
color: #ea4c89;
|
||||
}
|
||||
.w-socials-item.dribbble .w-socials-item-link-hover {
|
||||
background: #ea4c89;
|
||||
}
|
||||
.w-socials-item.dribbble .w-socials-item-link:after {
|
||||
content: '\f17d';
|
||||
}
|
||||
/* Email */
|
||||
.w-socials.color_brand .w-socials-item.email .w-socials-item-link {
|
||||
color: #96a2a8;
|
||||
}
|
||||
.w-socials-item.email .w-socials-item-link-hover {
|
||||
background: #96a2a8;
|
||||
}
|
||||
.w-socials-item.email .w-socials-item-link:after {
|
||||
content: '\f0e0';
|
||||
font-family: fontawesome;
|
||||
font-weight: 900;
|
||||
}
|
||||
/* Facebook */
|
||||
.w-socials.color_brand .w-socials-item.facebook .w-socials-item-link {
|
||||
color: #42599e;
|
||||
}
|
||||
.w-socials-item.facebook .w-socials-item-link-hover {
|
||||
background: #42599e;
|
||||
}
|
||||
.w-socials-item.facebook .w-socials-item-link:after {
|
||||
content: '\f39e';
|
||||
}
|
||||
/* Flickr */
|
||||
.w-socials.color_brand .w-socials-item.flickr .w-socials-item-link {
|
||||
color: #ff0084;
|
||||
}
|
||||
.w-socials-item.flickr .w-socials-item-link-hover {
|
||||
background: #ff0084;
|
||||
}
|
||||
.w-socials-item.flickr .w-socials-item-link:after {
|
||||
content: '\f16e';
|
||||
}
|
||||
/* Foursquare */
|
||||
.w-socials.color_brand .w-socials-item.foursquare .w-socials-item-link {
|
||||
color: #fa4b7a;
|
||||
}
|
||||
.w-socials-item.foursquare .w-socials-item-link-hover {
|
||||
background: #fa4b7a;
|
||||
}
|
||||
.w-socials-item.foursquare .w-socials-item-link:after {
|
||||
content: '\f180';
|
||||
}
|
||||
/* Github */
|
||||
.w-socials.color_brand .w-socials-item.github .w-socials-item-link {
|
||||
color: #333;
|
||||
}
|
||||
.w-socials-item.github .w-socials-item-link-hover {
|
||||
background: #333;
|
||||
}
|
||||
.w-socials-item.github .w-socials-item-link:after {
|
||||
content: '\f09b';
|
||||
}
|
||||
/* Google */
|
||||
.w-socials.color_brand .w-socials-item.google .w-socials-item-link {
|
||||
color: #db4437;
|
||||
}
|
||||
.w-socials-item.google .w-socials-item-link-hover {
|
||||
background: #db4437;
|
||||
}
|
||||
.w-socials-item.google .w-socials-item-link:after {
|
||||
content: '\f1a0';
|
||||
}
|
||||
/* Houzz */
|
||||
.w-socials.color_brand .w-socials-item.houzz .w-socials-item-link {
|
||||
color: #4dbc15;
|
||||
}
|
||||
.w-socials-item.houzz .w-socials-item-link-hover {
|
||||
background: #4dbc15;
|
||||
}
|
||||
.w-socials-item.houzz .w-socials-item-link:after {
|
||||
content: '\f27c';
|
||||
}
|
||||
/* IMDB */
|
||||
.w-socials.color_brand .w-socials-item.imdb .w-socials-item-link {
|
||||
color: #f7c625;
|
||||
}
|
||||
.w-socials-item.imdb .w-socials-item-link-hover {
|
||||
background: #f7c625;
|
||||
}
|
||||
.w-socials-item.imdb .w-socials-item-link:after {
|
||||
content: '\f2d8';
|
||||
}
|
||||
/* Instagram */
|
||||
.w-socials.color_brand .w-socials-item.instagram .w-socials-item-link {
|
||||
color: inherit;
|
||||
}
|
||||
.w-socials-item.instagram .w-socials-item-link-hover {
|
||||
background: #a17357;
|
||||
background:
|
||||
radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%),
|
||||
radial-gradient(circle farthest-corner at 10% 140%, #feda7e, transparent 50%),
|
||||
radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
|
||||
radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
|
||||
radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
|
||||
radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
|
||||
radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
|
||||
linear-gradient(#6559ca, #bc318f 30%, #e42e66 50%, #fa5332 70%, #ffdc80 100%);
|
||||
}
|
||||
.w-socials-item.instagram .w-socials-item-link:after {
|
||||
content: '\f16d';
|
||||
font-size: 1.1em;
|
||||
}
|
||||
/* LinkedIn */
|
||||
.w-socials.color_brand .w-socials-item.linkedin .w-socials-item-link {
|
||||
color: #117eb9;
|
||||
}
|
||||
.w-socials-item.linkedin .w-socials-item-link-hover {
|
||||
background: #117eb9;
|
||||
}
|
||||
.w-socials-item.linkedin .w-socials-item-link:after {
|
||||
content: '\f0e1';
|
||||
}
|
||||
/* Medium */
|
||||
.w-socials.color_brand .w-socials-item.medium .w-socials-item-link {
|
||||
color: #1c1b1a;
|
||||
}
|
||||
.w-socials-item.medium .w-socials-item-link-hover {
|
||||
background: #1c1b1a;
|
||||
}
|
||||
.w-socials-item.medium .w-socials-item-link:after {
|
||||
content: '\f23a';
|
||||
}
|
||||
/* Odnoklassniki */
|
||||
.w-socials.color_brand .w-socials-item.odnoklassniki .w-socials-item-link {
|
||||
color: #f58220;
|
||||
}
|
||||
.w-socials-item.odnoklassniki .w-socials-item-link-hover {
|
||||
background: #f58220;
|
||||
}
|
||||
.w-socials-item.odnoklassniki .w-socials-item-link:after {
|
||||
content: '\f263';
|
||||
}
|
||||
/* Pinterest */
|
||||
.w-socials.color_brand .w-socials-item.pinterest .w-socials-item-link {
|
||||
color: #cb2027;
|
||||
}
|
||||
.w-socials-item.pinterest .w-socials-item-link-hover {
|
||||
background: #cb2027;
|
||||
}
|
||||
.w-socials-item.pinterest .w-socials-item-link:after {
|
||||
content: '\f0d2';
|
||||
}
|
||||
/* Reddit */
|
||||
.w-socials.color_brand .w-socials-item.reddit .w-socials-item-link {
|
||||
color: #ff4500;
|
||||
}
|
||||
.w-socials-item.reddit .w-socials-item-link-hover {
|
||||
background: #ff4500;
|
||||
}
|
||||
.w-socials-item.reddit .w-socials-item-link:after {
|
||||
content: '\f1a1';
|
||||
font-size: 1.1em;
|
||||
}
|
||||
/* RSS */
|
||||
.w-socials.color_brand .w-socials-item.rss .w-socials-item-link {
|
||||
color: #ff9702;
|
||||
}
|
||||
.w-socials-item.rss .w-socials-item-link-hover {
|
||||
background: #ff9702;
|
||||
}
|
||||
.w-socials-item.rss .w-socials-item-link:after {
|
||||
content: '\f09e';
|
||||
font-family: fontawesome;
|
||||
font-weight: 900;
|
||||
}
|
||||
/* Skype */
|
||||
.w-socials.color_brand .w-socials-item.skype .w-socials-item-link {
|
||||
color: #00aff0;
|
||||
}
|
||||
.w-socials-item.skype .w-socials-item-link-hover {
|
||||
background: #00aff0;
|
||||
}
|
||||
.w-socials-item.skype .w-socials-item-link:after {
|
||||
content: '\f17e';
|
||||
}
|
||||
/* SoundCloud */
|
||||
.w-socials.color_brand .w-socials-item.soundcloud .w-socials-item-link {
|
||||
color: #ff5600;
|
||||
}
|
||||
.w-socials-item.soundcloud .w-socials-item-link-hover {
|
||||
background: #ff5600;
|
||||
}
|
||||
.w-socials-item.soundcloud .w-socials-item-link:after {
|
||||
content: '\f1be';
|
||||
}
|
||||
/* Telegram */
|
||||
.w-socials.color_brand .w-socials-item.telegram .w-socials-item-link {
|
||||
color: #2ba2db;
|
||||
}
|
||||
.w-socials-item.telegram .w-socials-item-link-hover {
|
||||
background: #2ba2db;
|
||||
}
|
||||
.w-socials-item.telegram .w-socials-item-link:after {
|
||||
content: '\f2c6';
|
||||
font-size: 1.1em;
|
||||
}
|
||||
/* Tripadvisor */
|
||||
.w-socials.color_brand .w-socials-item.tripadvisor .w-socials-item-link {
|
||||
color: #579542;
|
||||
}
|
||||
.w-socials-item.tripadvisor .w-socials-item-link-hover {
|
||||
background: #579542;
|
||||
}
|
||||
.w-socials-item.tripadvisor .w-socials-item-link:after {
|
||||
content: '\f262';
|
||||
}
|
||||
/* Tumblr */
|
||||
.w-socials.color_brand .w-socials-item.tumblr .w-socials-item-link {
|
||||
color: #37465d;
|
||||
}
|
||||
.w-socials-item.tumblr .w-socials-item-link-hover {
|
||||
background: #37465d;
|
||||
}
|
||||
.w-socials-item.tumblr .w-socials-item-link:after {
|
||||
content: '\f173';
|
||||
}
|
||||
/* Twitch */
|
||||
.w-socials.color_brand .w-socials-item.twitch .w-socials-item-link {
|
||||
color: #6441a5;
|
||||
}
|
||||
.w-socials-item.twitch .w-socials-item-link-hover {
|
||||
background: #6441a5;
|
||||
}
|
||||
.w-socials-item.twitch .w-socials-item-link:after {
|
||||
content: '\f1e8';
|
||||
}
|
||||
/* Twitter */
|
||||
.w-socials.color_brand .w-socials-item.twitter .w-socials-item-link {
|
||||
color: #55acee;
|
||||
}
|
||||
.w-socials-item.twitter .w-socials-item-link-hover {
|
||||
background: #55acee;
|
||||
}
|
||||
.w-socials-item.twitter .w-socials-item-link:after {
|
||||
content: '\f099';
|
||||
}
|
||||
/* Vimeo */
|
||||
.w-socials.color_brand .w-socials-item.vimeo .w-socials-item-link {
|
||||
color: #1ab7ea;
|
||||
}
|
||||
.w-socials-item.vimeo .w-socials-item-link-hover {
|
||||
background: #1ab7ea;
|
||||
}
|
||||
.w-socials-item.vimeo .w-socials-item-link:after {
|
||||
content: '\f27d';
|
||||
}
|
||||
/* Vkontakte */
|
||||
.w-socials.color_brand .w-socials-item.vk .w-socials-item-link {
|
||||
color: #4c75a3;
|
||||
}
|
||||
.w-socials-item.vk .w-socials-item-link-hover {
|
||||
background: #4c75a3;
|
||||
}
|
||||
.w-socials-item.vk .w-socials-item-link:after {
|
||||
content: '\f189';
|
||||
}
|
||||
/* WeChat */
|
||||
.w-socials.color_brand .w-socials-item.wechat .w-socials-item-link {
|
||||
color: #60c33a;
|
||||
}
|
||||
.w-socials-item.wechat .w-socials-item-link-hover {
|
||||
background: #60c33a;
|
||||
}
|
||||
.w-socials-item.wechat .w-socials-item-link:after {
|
||||
content: '\f1d7';
|
||||
}
|
||||
/* WhatsApp */
|
||||
.w-socials.color_brand .w-socials-item.whatsapp .w-socials-item-link {
|
||||
color: #25d366;
|
||||
}
|
||||
.w-socials-item.whatsapp .w-socials-item-link-hover {
|
||||
background: #25d366;
|
||||
}
|
||||
.w-socials-item.whatsapp .w-socials-item-link:after {
|
||||
content: '\f232';
|
||||
}
|
||||
/* Xing */
|
||||
.w-socials.color_brand .w-socials-item.xing .w-socials-item-link {
|
||||
color: #006464;
|
||||
}
|
||||
.w-socials-item.xing .w-socials-item-link-hover {
|
||||
background: #006464;
|
||||
}
|
||||
.w-socials-item.xing .w-socials-item-link:after {
|
||||
content: '\f168';
|
||||
}
|
||||
/* Yelp */
|
||||
.w-socials.color_brand .w-socials-item.yelp .w-socials-item-link {
|
||||
color: #c41200;
|
||||
}
|
||||
.w-socials-item.yelp .w-socials-item-link-hover {
|
||||
background: #c41200;
|
||||
}
|
||||
.w-socials-item.yelp .w-socials-item-link:after {
|
||||
content: '\f1e9';
|
||||
}
|
||||
/* YouTube */
|
||||
.w-socials.color_brand .w-socials-item.youtube .w-socials-item-link {
|
||||
color: #f00;
|
||||
}
|
||||
.w-socials-item.youtube .w-socials-item-link-hover {
|
||||
background: #f00;
|
||||
}
|
||||
.w-socials-item.youtube .w-socials-item-link:after {
|
||||
content: '\f167';
|
||||
}
|
||||
|
||||
/* Rounded Corners
|
||||
========================================================================== */
|
||||
.rounded_none .w-socials-item-popup {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,620 @@
|
||||
/*
|
||||
* Tabs, Accordion, Tour
|
||||
*/
|
||||
|
||||
.w-tabs-list {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.w-tabs-list-h {
|
||||
display: flex;
|
||||
}
|
||||
.w-tabs-item {
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.w-tabs-item.active,
|
||||
.w-tabs-item.active .w-tabs-item-h {
|
||||
cursor: default;
|
||||
}
|
||||
.w-tabs-item-h {
|
||||
display: block;
|
||||
padding: 1em 1.5em;
|
||||
color: inherit !important;
|
||||
outline: none !important;
|
||||
transition: none;
|
||||
}
|
||||
.w-tabs-item i {
|
||||
line-height: inherit;
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-tabs-item-title:empty {
|
||||
display: none;
|
||||
}
|
||||
.w-tabs-item.with_icon i + .w-tabs-item-title,
|
||||
.w-tabs-item.with_icon .w-tabs-item-title + i {
|
||||
margin-left: 0.6em;
|
||||
}
|
||||
|
||||
.w-tabs-sections {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.w-tabs-sections-h {
|
||||
height: inherit;
|
||||
}
|
||||
.w-tabs-section {
|
||||
display: none;
|
||||
float: left;
|
||||
}
|
||||
.w-tabs.initialized .w-tabs-section,
|
||||
.w-tabs-section.active {
|
||||
display: block;
|
||||
}
|
||||
.w-tabs-section-header {
|
||||
display: none;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
line-height: 1.5;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
padding: 1em 1.5em;
|
||||
transition: background 0.3s, color 0.3s;
|
||||
}
|
||||
.w-tabs-section.color_custom .w-tabs-section-header,
|
||||
.w-tabs-section:not(.active) .w-tabs-section-header {
|
||||
color: inherit !important;
|
||||
}
|
||||
.w-tabs-section-header i {
|
||||
line-height: inherit;
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-tabs-section-title {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
white-space: normal;
|
||||
margin-bottom: 0 !important;
|
||||
padding: 0 !important;
|
||||
color: inherit;
|
||||
}
|
||||
.w-tabs.iconpos_left .with_icon .w-tabs-section-title {
|
||||
max-width: calc(100% - 2.5em);
|
||||
}
|
||||
.w-tabs-section-title:empty {
|
||||
display: none;
|
||||
}
|
||||
.w-tabs-section.with_icon i + .w-tabs-section-title,
|
||||
.w-tabs-section.with_icon .w-tabs-section-title + i {
|
||||
margin-left: 0.6em;
|
||||
}
|
||||
.w-tabs-section-control {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
line-height: 2em;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
margin-top: -1em;
|
||||
text-align: center;
|
||||
transition: transform 0.3s;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
.w-tabs-section.active .w-tabs-section-control {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.w-tabs-section-content-h {
|
||||
margin: 0 auto;
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
/* Set extra indents when TTA is located inside Fullwidth Row */
|
||||
.l-section.width_full > div > div > .vc_col-sm-12 > div > div > .w-tabs .w-tabs-section-content {
|
||||
padding-left: 2.5rem;
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
.l-section.width_full > div > div > .vc_col-sm-12 > div > div > .w-tabs .w-tabs-section-content-h {
|
||||
padding: 4rem 0;
|
||||
}
|
||||
|
||||
/* Stretch tabs */
|
||||
.w-tabs-list.stretch .w-tabs-item {
|
||||
flex: 1 1 50%;
|
||||
}
|
||||
.w-tabs-list.stretch .w-tabs-item-h {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* No indents */
|
||||
.w-tabs-section.no_indents .w-tabs-section-content,
|
||||
.w-tabs-section.no_indents .w-tabs-section-content-h {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
/* Accordion state */
|
||||
.w-tabs.accordion .w-tabs-list {
|
||||
display: none !important;
|
||||
}
|
||||
.w-tabs.accordion .w-tabs-sections {
|
||||
overflow: visible;
|
||||
}
|
||||
.w-tabs.accordion .w-tabs-section {
|
||||
display: block;
|
||||
float: none;
|
||||
border-style: solid;
|
||||
border-width: 1px 0 0 0;
|
||||
}
|
||||
.w-tabs.accordion .w-tabs-section:last-child {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
.w-tabs.accordion .w-tabs-section.color_custom {
|
||||
border-color: transparent;
|
||||
}
|
||||
.w-tabs.accordion .w-tabs-section-header {
|
||||
display: block;
|
||||
}
|
||||
.no-touch .w-tabs.accordion .w-tabs-section-header:hover {
|
||||
background: rgba(0,0,0,0.04);
|
||||
}
|
||||
.w-tabs.accordion .w-tabs-section-content {
|
||||
display: none;
|
||||
}
|
||||
.w-tabs.accordion .w-tabs-section.active .w-tabs-section-content {
|
||||
display: block;
|
||||
}
|
||||
.w-tabs.accordion .w-tabs-section-content-h {
|
||||
padding: 1.5rem 1.5rem 2rem;
|
||||
}
|
||||
|
||||
/* Control icons */
|
||||
.w-tabs.icon_chevron .w-tabs-section-control:before {
|
||||
content: '\f107';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
font-size: 1.2em;
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-tabs.icon_plus .w-tabs-section-control:before {
|
||||
content: '\f067';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-tabs.icon_triangle .w-tabs-section-control:before {
|
||||
content: '\f0d7';
|
||||
font-family: fontawesome;
|
||||
font-weight: 900;
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-tabs.icon_none .w-tabs-section-control {
|
||||
display: none;
|
||||
}
|
||||
.w-tabs.iconpos_right .w-tabs-section-control {
|
||||
right: 1em;
|
||||
}
|
||||
.w-tabs.iconpos_right .w-tabs-section-header-h {
|
||||
padding-right: 2.5em;
|
||||
}
|
||||
.w-tabs.iconpos_left .w-tabs-section-control {
|
||||
left: 1em;
|
||||
}
|
||||
.w-tabs.iconpos_left .w-tabs-section-header-h {
|
||||
padding-left: 2.5em;
|
||||
}
|
||||
|
||||
/* TITLE alignment */
|
||||
.w-tabs.accordion.title_atcenter .w-tabs-section-header-h {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
}
|
||||
.w-tabs.accordion.title_atcenter .w-tabs-section-control {
|
||||
flex-shrink: 0;
|
||||
position: static;
|
||||
margin: 0 0 0 0.5em;
|
||||
}
|
||||
.w-tabs.accordion.title_atright .w-tabs-section-header {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* LAYOUT default */
|
||||
.w-tabs.layout_default .w-tabs-item {
|
||||
border-top: 2px solid transparent;
|
||||
transition: background 0.3s, border-color 0.3s, color 0.3s;
|
||||
}
|
||||
.w-tabs.layout_default .w-tabs-item a:focus,
|
||||
.no-touch .w-tabs.layout_default .w-tabs-item:hover {
|
||||
background: rgba(0,0,0,0.05);
|
||||
}
|
||||
.w-tabs.layout_default .w-tabs-item.active a:focus {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* LAYOUT modern */
|
||||
.w-tabs.layout_modern .w-tabs-list {
|
||||
color: #fff;
|
||||
}
|
||||
.w-tabs.layout_modern .w-tabs-item-h {
|
||||
opacity: 0.66;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.w-tabs.layout_modern .w-tabs-item-h:focus,
|
||||
.w-tabs.layout_modern .w-tabs-item.active .w-tabs-item-h,
|
||||
.no-touch .w-tabs.layout_modern .w-tabs-item:hover .w-tabs-item-h {
|
||||
opacity: 1;
|
||||
}
|
||||
.w-tabs.layout_modern .w-tabs-item:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
margin-left: -0.7rem;
|
||||
border: 0.7rem solid transparent;
|
||||
transition: transform 0.3s;
|
||||
transform: translateY(0.7rem);
|
||||
}
|
||||
.w-tabs.layout_modern .w-tabs-item.active:after {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* LAYOUT trendy */
|
||||
.w-tabs.layout_trendy .w-tabs-item-h {
|
||||
border-bottom: 1px solid transparent;
|
||||
opacity: 0.66;
|
||||
transition: opacity 0.3s, color 0.3s, border-color 0.3s;
|
||||
}
|
||||
.w-tabs.layout_trendy .w-tabs-item-h:focus,
|
||||
.w-tabs.layout_trendy .w-tabs-item.active .w-tabs-item-h,
|
||||
.no-touch .w-tabs.layout_trendy .w-tabs-item:hover .w-tabs-item-h {
|
||||
opacity: 1;
|
||||
border-color: inherit;
|
||||
}
|
||||
.w-tabs.layout_trendy .w-tabs-item:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: -1px;
|
||||
height: 0;
|
||||
transition: height 0.3s;
|
||||
}
|
||||
.w-tabs.layout_trendy .w-tabs-item.active:after {
|
||||
height: 3px; /* fixed value */
|
||||
}
|
||||
|
||||
/* Tour (Layout ver)
|
||||
========================================================================== */
|
||||
.w-tabs.layout_ver {
|
||||
display: flex;
|
||||
direction: ltr;
|
||||
}
|
||||
.w-tabs.layout_ver .w-tabs-list-h {
|
||||
display: block;
|
||||
}
|
||||
.w-tabs.layout_ver .w-tabs-item {
|
||||
border-width: 0 0 0 2px;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
transition: background 0.3s, border-color 0.3s, color 0.3s;
|
||||
}
|
||||
.w-tabs.layout_ver .w-tabs-item a:focus,
|
||||
.no-touch .w-tabs.layout_ver .w-tabs-item:hover {
|
||||
background: rgba(0,0,0,0.05);
|
||||
}
|
||||
.w-tabs.layout_ver .w-tabs-item.active a:focus {
|
||||
background: none;
|
||||
}
|
||||
.w-tabs.layout_ver .w-tabs-sections {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.w-tabs.layout_ver .w-tabs-section {
|
||||
float: none;
|
||||
padding-left: 2.5rem;
|
||||
}
|
||||
.w-tabs.layout_ver .w-tabs-section-content-h,
|
||||
.w-tabs.layout_ver .w-tabs-section.no_indents {
|
||||
padding: 0 !important;
|
||||
}
|
||||
/* Fix for correct image sizing in Firefox */
|
||||
.w-tabs.layout_ver .w-image img.size-full,
|
||||
.w-tabs.layout_ver .w-image img.size-large {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Title alignment */
|
||||
.w-tabs.layout_ver.title_atleft .w-tabs-item {
|
||||
text-align: left;
|
||||
}
|
||||
.w-tabs.layout_ver.title_atright .w-tabs-item {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* Nav position */
|
||||
.w-tabs.layout_ver.navpos_right {
|
||||
direction: rtl;
|
||||
}
|
||||
.w-tabs.layout_ver.navpos_right .w-tabs-list {
|
||||
direction: ltr;
|
||||
}
|
||||
.w-tabs.layout_ver.navpos_right .w-tabs-item {
|
||||
border-width: 0 2px 0 0;
|
||||
}
|
||||
.w-tabs.layout_ver.navpos_right .w-tabs-section {
|
||||
direction: ltr;
|
||||
padding-left: 0;
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
/* Nav width */
|
||||
.w-tabs.layout_ver.navwidth_auto .w-tabs-list {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.w-tabs.layout_ver.navwidth_auto .w-tabs-item {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.w-tabs.layout_ver.navwidth_10 .w-tabs-list {
|
||||
width: 10%;
|
||||
}
|
||||
.w-tabs.layout_ver.navwidth_10 .w-tabs-sections {
|
||||
width: 90%;
|
||||
}
|
||||
.w-tabs.layout_ver.navwidth_20 .w-tabs-list {
|
||||
width: 20%;
|
||||
}
|
||||
.w-tabs.layout_ver.navwidth_20 .w-tabs-sections {
|
||||
width: 80%;
|
||||
}
|
||||
.w-tabs.layout_ver.navwidth_30 .w-tabs-list {
|
||||
width: 30%;
|
||||
}
|
||||
.w-tabs.layout_ver.navwidth_30 .w-tabs-sections {
|
||||
width: 70%;
|
||||
}
|
||||
.w-tabs.layout_ver.navwidth_40 .w-tabs-list {
|
||||
width: 40%;
|
||||
}
|
||||
.w-tabs.layout_ver.navwidth_40 .w-tabs-sections {
|
||||
width: 60%;
|
||||
}
|
||||
.w-tabs.layout_ver.navwidth_50 .w-tabs-list,
|
||||
.w-tabs.layout_ver.navwidth_50 .w-tabs-sections {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
/* Accordion state */
|
||||
.w-tabs.layout_ver.accordion {
|
||||
display: block;
|
||||
}
|
||||
.w-tabs.layout_ver.accordion .w-tabs-sections {
|
||||
display: block;
|
||||
width: 100% !important;
|
||||
}
|
||||
.w-tabs.layout_ver.accordion .w-tabs-section {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* Timeline (Layout timeline)
|
||||
========================================================================== */
|
||||
.w-tabs.layout_timeline .w-tabs-list:before {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 1px;
|
||||
right: 1px;
|
||||
height: 1px;
|
||||
margin-top: -1px;
|
||||
border-top-width: 2px; /* fixed value */
|
||||
border-top-style: solid;
|
||||
border-color: inherit;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-list-h {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-item {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
line-height: 5.5rem;
|
||||
height: 5.5rem;
|
||||
width: 5.5rem;
|
||||
min-width: 5.5rem;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
white-space: nowrap;
|
||||
border-radius: 50%;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
.no-touch .w-tabs.layout_timeline .w-tabs-item:hover,
|
||||
.w-tabs.layout_timeline .w-tabs-item.active {
|
||||
color: #fff !important;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-item:before {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 0;
|
||||
width: 100%;
|
||||
transition: height 0.3s;
|
||||
}
|
||||
.no-touch .w-tabs.layout_timeline .w-tabs-item:hover:before,
|
||||
.w-tabs.layout_timeline .w-tabs-item.active:before {
|
||||
height: 100%;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-item-h {
|
||||
padding: 0;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-item-title,
|
||||
.w-tabs.layout_timeline .w-tabs-item.with_icon i {
|
||||
position: relative;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-item.with_icon .w-tabs-item-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Accordion state */
|
||||
.w-tabs.layout_timeline.accordion .w-tabs-section {
|
||||
border-width: 0;
|
||||
}
|
||||
.w-tabs.layout_timeline.accordion .w-tabs-section-header {
|
||||
margin: 0 auto;
|
||||
padding: 1rem 0 0;
|
||||
width: 5.5rem;
|
||||
background: none !important;
|
||||
border-color: inherit;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-section:first-child .w-tabs-section-header {
|
||||
padding-top: 0;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-section-header:before {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
border-left-width: 2px;
|
||||
border-left-style: solid;
|
||||
border-color: inherit;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-section-header-h {
|
||||
text-align: center;
|
||||
line-height: 5.5rem;
|
||||
height: 5.5rem;
|
||||
width: 5.5rem;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border-radius: 50%;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
.no-touch .w-tabs.layout_timeline .w-tabs-section-header-h:hover,
|
||||
.w-tabs.layout_timeline .w-tabs-section.active .w-tabs-section-header-h {
|
||||
color: #fff;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-section-header-h:before {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 0;
|
||||
width: 100%;
|
||||
transition: height 0.3s;
|
||||
}
|
||||
.no-touch .w-tabs.layout_timeline .w-tabs-section-header-h:hover:before,
|
||||
.w-tabs.layout_timeline .w-tabs-section.active .w-tabs-section-header-h:before {
|
||||
height: 100%;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-section-header i {
|
||||
position: relative;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-section-title {
|
||||
white-space: inherit;
|
||||
position: relative;
|
||||
color: inherit;
|
||||
max-width: none;
|
||||
}
|
||||
.w-tabs.layout_timeline .w-tabs-section-control,
|
||||
.w-tabs.layout_timeline .w-tabs-section.with_icon .w-tabs-section-title {
|
||||
display: none;
|
||||
}
|
||||
.w-tabs.layout_timeline.accordion .w-tabs-section-content {
|
||||
padding: 3rem 1.5rem 1.5rem;
|
||||
margin-top: -2.75rem;
|
||||
border-radius: 0.3rem;
|
||||
border-style: solid;
|
||||
border-width: 2px; /* fixed value */
|
||||
border-color: inherit;
|
||||
}
|
||||
.w-tabs.layout_timeline.accordion .w-tabs-section-content-h {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Color improvements */
|
||||
.l-section.color_primary .w-tabs-list,
|
||||
.l-section.color_primary .w-tabs-section,
|
||||
.l-section.color_primary .w-tabs-section-header:before,
|
||||
.l-section.color_secondary .w-tabs-list,
|
||||
.l-section.color_secondary .w-tabs-section,
|
||||
.l-section.color_secondary .w-tabs-section-header:before,
|
||||
.l-section.color_custom .w-tabs-list,
|
||||
.l-section.color_custom .w-tabs-section,
|
||||
.l-section.color_custom .w-tabs-section-header:before {
|
||||
border-color: rgba(255,255,255,0.33);
|
||||
}
|
||||
.l-section.color_primary .w-tabs.layout_trendy .w-tabs-list,
|
||||
.l-section.color_secondary .w-tabs.layout_trendy .w-tabs-list,
|
||||
.l-section.color_custom .w-tabs.layout_trendy .w-tabs-list {
|
||||
box-shadow: 0 -1px 0 rgba(255,255,255,0.33) inset;
|
||||
}
|
||||
.l-section.color_primary .w-tabs.layout_default .w-tabs-list,
|
||||
.l-section.color_secondary .w-tabs.layout_default .w-tabs-list,
|
||||
.l-section.color_custom .w-tabs.layout_default .w-tabs-list {
|
||||
background: rgba(255,255,255,0.15);
|
||||
}
|
||||
.l-section.color_primary .w-tabs.layout_default .w-tabs-item,
|
||||
.l-section.color_secondary .w-tabs.layout_default .w-tabs-item,
|
||||
.l-section.color_custom .w-tabs.layout_default .w-tabs-item {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
/* Measure the minimum content width */
|
||||
.w-tabs.measure .w-tabs-list {
|
||||
width: 100% !important;
|
||||
}
|
||||
.w-tabs.measure .w-tabs-list-h {
|
||||
display: block !important;
|
||||
}
|
||||
.w-tabs.measure .w-tabs-item {
|
||||
float: left !important;
|
||||
width: auto !important;
|
||||
}
|
||||
.w-tabs.layout_ver.measure .w-tabs-sections {
|
||||
width: 0 !important;
|
||||
}
|
||||
.w-tabs.layout_ver.measure .w-tabs-section-content {
|
||||
display: block !important;
|
||||
height: 1px;
|
||||
margin-bottom: -1px;
|
||||
overflow: hidden;
|
||||
min-width: 12rem;
|
||||
}
|
||||
.w-tabs.layout_ver.measure .w-tabs-section.active .w-tabs-section-content {
|
||||
height: auto;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Autoresize height by active tab content */
|
||||
.w-tabs.autoresize .w-tabs-sections {
|
||||
height: auto !important;
|
||||
}
|
||||
.w-tabs.autoresize .w-tabs-sections-h {
|
||||
position: static !important;
|
||||
}
|
||||
.w-tabs.autoresize .w-tabs-section {
|
||||
display: none;
|
||||
}
|
||||
.w-tabs.autoresize .w-tabs-section.active {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Rounded Corners
|
||||
========================================================================== */
|
||||
.rounded_none .w-tabs-section-content {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
/*
|
||||
* Video
|
||||
*/
|
||||
|
||||
.w-video {
|
||||
background: #111;
|
||||
}
|
||||
.w-video-h {
|
||||
position: relative;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
.w-video-h iframe,
|
||||
.w-video-h object,
|
||||
.w-video-h embed {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.w-video.align_center {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.w-video.align_right {
|
||||
margin-left: auto;
|
||||
}
|
||||
.w-video.ratio_21x9 .w-video-h {
|
||||
padding-bottom: 42.1875%;
|
||||
}
|
||||
.w-video.ratio_3x2 .w-video-h {
|
||||
padding-bottom: 66.667%;
|
||||
}
|
||||
.w-video.ratio_4x3 .w-video-h {
|
||||
padding-bottom: 75%;
|
||||
}
|
||||
.w-video.ratio_1x1 .w-video-h {
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
Reference in new issue
Block a user