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,346 @@
|
||||
/*
|
||||
* Animation
|
||||
*/
|
||||
|
||||
.animate_start {
|
||||
animation-duration: 0.7s;
|
||||
animation-fill-mode: both;
|
||||
transition-timing-function: cubic-bezier(.78,.13,.15,.86);
|
||||
}
|
||||
|
||||
/* Fade */
|
||||
@keyframes fade {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
.animate_fade {
|
||||
opacity: 0;
|
||||
}
|
||||
.animate_fade.animate_start {
|
||||
animation-name: fade;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Appear From Center */
|
||||
@keyframes afc {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.2);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
.animate_afc {
|
||||
opacity: 0;
|
||||
}
|
||||
.animate_afc.animate_start {
|
||||
animation-name: afc;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Appear From Left */
|
||||
@keyframes afl {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateX(-3rem);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
.animate_afl {
|
||||
opacity: 0;
|
||||
}
|
||||
.animate_afl.animate_start {
|
||||
animation-name: afl;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Appear From Right */
|
||||
@keyframes afr {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateX(3rem);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
.animate_afr {
|
||||
opacity: 0;
|
||||
}
|
||||
.animate_afr.animate_start {
|
||||
animation-name: afr;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Appear From Top */
|
||||
@keyframes aft {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-3rem);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
.animate_aft {
|
||||
opacity: 0;
|
||||
}
|
||||
.animate_aft.animate_start {
|
||||
animation-name: aft;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Appear From Bottom */
|
||||
@keyframes afb {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(3rem);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
.animate_afb {
|
||||
opacity: 0;
|
||||
}
|
||||
.animate_afb.animate_start {
|
||||
animation-name: afb;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Width From Center */
|
||||
@keyframes wfc {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scaleX(0.01);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
}
|
||||
.animate_wfc {
|
||||
opacity: 0;
|
||||
}
|
||||
.animate_wfc.animate_start {
|
||||
animation-name: wfc;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Height From Center */
|
||||
@keyframes hfc {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scaleY(0.01);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
.animate_hfc {
|
||||
opacity: 0;
|
||||
}
|
||||
.animate_hfc.animate_start {
|
||||
animation-name: hfc;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Animation Speed */
|
||||
.s1.animate_start {
|
||||
animation-duration: 0.6s;
|
||||
}
|
||||
.s2.animate_start {
|
||||
animation-duration: 0.8s;
|
||||
}
|
||||
.s3.animate_start {
|
||||
animation-duration: 1s;
|
||||
}
|
||||
.s4.animate_start {
|
||||
animation-duration: 1.2s;
|
||||
}
|
||||
.s5.animate_start {
|
||||
animation-duration: 1.4s;
|
||||
}
|
||||
|
||||
/* Grid material design reveal */
|
||||
.animate_revealgrid .animate_reveal {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* Disable effects */
|
||||
.disable_effects .animate_fade,
|
||||
.disable_effects .animate_afc,
|
||||
.disable_effects .animate_aft,
|
||||
.disable_effects .animate_afb,
|
||||
.disable_effects .animate_afl,
|
||||
.disable_effects .animate_afr,
|
||||
.disable_effects .animate_wfc,
|
||||
.disable_effects .animate_hfc,
|
||||
.disable_effects .animate_rfl,
|
||||
.disable_effects .animate_rfr,
|
||||
.disable_effects .animate_rfc,
|
||||
.disable_effects .animate_revealgrid .animate_reveal,
|
||||
.vc_editor.compose-mode .animate_fade,
|
||||
.vc_editor.compose-mode .animate_afc,
|
||||
.vc_editor.compose-mode .animate_aft,
|
||||
.vc_editor.compose-mode .animate_afb,
|
||||
.vc_editor.compose-mode .animate_afl,
|
||||
.vc_editor.compose-mode .animate_afr,
|
||||
.vc_editor.compose-mode .animate_wfc,
|
||||
.vc_editor.compose-mode .animate_hfc,
|
||||
.vc_editor.compose-mode .animate_rfl,
|
||||
.vc_editor.compose-mode .animate_rfr,
|
||||
.vc_editor.compose-mode .animate_rfc,
|
||||
.vc_editor.compose-mode .animate_revealgrid .animate_reveal {
|
||||
opacity: 1;
|
||||
animation: none !important;
|
||||
}
|
||||
|
||||
/* Animations migrated from CodeLights */
|
||||
.animated_bounceIn,
|
||||
.animated_fadeIn,
|
||||
.animated_fadeOut,
|
||||
.animated_flipInX,
|
||||
.animated_flipOutX,
|
||||
.animated_zoomIn {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
.animated_bounceIn,
|
||||
.animated_flipInX,
|
||||
.animated_flipOutX {
|
||||
animation-duration: .75s;
|
||||
}
|
||||
|
||||
/* bounceIn */
|
||||
@keyframes bounceIn {
|
||||
from,
|
||||
20%,
|
||||
40%,
|
||||
60%,
|
||||
80%,
|
||||
to {
|
||||
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale3d(0.3, 0.3, 0.3);
|
||||
}
|
||||
20% {
|
||||
transform: scale3d(1.1, 1.1, 1.1);
|
||||
}
|
||||
40% {
|
||||
transform: scale3d(0.9, 0.9, 0.9);
|
||||
}
|
||||
60% {
|
||||
opacity: 1;
|
||||
transform: scale3d(1.03, 1.03, 1.03);
|
||||
}
|
||||
80% {
|
||||
transform: scale3d(0.97, 0.97, 0.97);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
}
|
||||
.animated_bounceIn {
|
||||
animation-name: bounceIn;
|
||||
}
|
||||
|
||||
/* fadeIn */
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.animated_fadeIn {
|
||||
animation-name: fadeIn;
|
||||
}
|
||||
|
||||
/* fadeOut */
|
||||
@keyframes fadeOut {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.animated_fadeOut {
|
||||
animation-name: fadeOut;
|
||||
}
|
||||
|
||||
/* flipInX */
|
||||
@keyframes flipInX {
|
||||
from {
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||
animation-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
60% {
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
||||
opacity: 1;
|
||||
}
|
||||
80% {
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
||||
}
|
||||
to {
|
||||
transform: perspective(400px);
|
||||
}
|
||||
}
|
||||
.animated_flipInX {
|
||||
transform-origin: 50% 0%;
|
||||
backface-visibility: visible !important;
|
||||
animation-name: flipInX;
|
||||
}
|
||||
|
||||
/* flipOutX */
|
||||
@keyframes flipOutX {
|
||||
from {
|
||||
transform: perspective(400px);
|
||||
}
|
||||
30% {
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.animated_flipOutX {
|
||||
transform-origin: 50% 100%;
|
||||
animation-name: flipOutX;
|
||||
backface-visibility: visible !important;
|
||||
}
|
||||
|
||||
/* zoomIn */
|
||||
@keyframes zoomIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale3d(0.3, 0.3, 0.3);
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.animated_zoomIn {
|
||||
animation-name: zoomIn;
|
||||
}
|
||||
@@ -0,0 +1,127 @@
|
||||
/*
|
||||
* Carousel (used in Grid)
|
||||
*/
|
||||
|
||||
/* In code below always remove img{display:block;} to avoid conflicts with theme elements */
|
||||
|
||||
/* Owl Carousel v2.3.0 https://owlcarousel2.github.io/OwlCarousel2/
|
||||
========================================================================== */
|
||||
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{backface-visibility:hidden;transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;backface-visibility:hidden;transition:transform .1s}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||
|
||||
.owl-carousel ~ .g-preloader {
|
||||
display: block;
|
||||
margin: 1rem auto;
|
||||
}
|
||||
.owl-carousel.owl-loaded ~ .g-preloader {
|
||||
display: none;
|
||||
}
|
||||
.owl-carousel > * {
|
||||
width: auto !important;
|
||||
}
|
||||
.owl-carousel .owl-item {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* Arrows */
|
||||
.owl-carousel .owl-nav div {
|
||||
position: absolute;
|
||||
font-size: 1.8rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: background 0.3s, color 0.3s;
|
||||
}
|
||||
.owl-prev:before {
|
||||
content: '\f104';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
padding-right: 0.2rem;
|
||||
}
|
||||
.owl-next:before {
|
||||
content: '\f105';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
padding-left: 0.2rem;
|
||||
}
|
||||
|
||||
/* Arrows Pos: Outside */
|
||||
.owl-carousel.navpos_outside .owl-prev {
|
||||
right: 100%;
|
||||
}
|
||||
.owl-carousel.navpos_outside .owl-next {
|
||||
left: 100%;
|
||||
}
|
||||
.no-touch .l-section.color_primary .owl-carousel.navpos_outside .owl-nav div:hover,
|
||||
.no-touch .l-section.color_secondary .owl-carousel.navpos_outside .owl-nav div:hover,
|
||||
.no-touch .l-section.color_custom .owl-carousel.navpos_outside .owl-nav div:hover {
|
||||
background: rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
/* Arrows Pos: Inside */
|
||||
.owl-carousel.navpos_inside .owl-prev {
|
||||
left: 0;
|
||||
}
|
||||
.owl-carousel.navpos_inside .owl-next {
|
||||
right: 0;
|
||||
}
|
||||
.owl-carousel.navpos_inside .owl-nav div {
|
||||
text-shadow: 0 1px 3px rgba(0,0,0,0.3);
|
||||
color: #fff;
|
||||
}
|
||||
.owl-carousel.navpos_inside .owl-nav div:hover {
|
||||
background: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
/* Arrows Style: Circle */
|
||||
.owl-carousel.navstyle_circle .owl-nav div {
|
||||
top: 50%;
|
||||
height: 3.5rem;
|
||||
width: 3.5rem;
|
||||
transform: translateY(-50%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
.owl-carousel.navstyle_circle.with_dots .owl-nav div {
|
||||
margin-top: calc(-10px - 0.5rem);
|
||||
}
|
||||
|
||||
/* Arrows Style: Block */
|
||||
.owl-carousel.navstyle_block .owl-nav div {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 4rem;
|
||||
}
|
||||
.owl-carousel.navstyle_block.with_dots .owl-nav div {
|
||||
bottom: calc(20px + 1rem);
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.owl-dots {
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
.owl-dot span {
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
background: rgba(0,0,0,0.3);
|
||||
width: 8px; /* fixed value */
|
||||
height: 8px; /* fixed value */
|
||||
margin: 6px; /* fixed value */
|
||||
}
|
||||
.owl-dot.active 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 .owl-dot span,
|
||||
.color_secondary .owl-dot span,
|
||||
.color_custom .owl-dot span {
|
||||
background: rgba(255,255,255,0.4);
|
||||
}
|
||||
.color_primary .owl-dot.active span,
|
||||
.color_secondary .owl-dot.active span,
|
||||
.color_custom .owl-dot.active span {
|
||||
border-color: #fff;
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
/*
|
||||
* VC Columns
|
||||
*/
|
||||
|
||||
.g-cols {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.vc_column_container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.vc_column-inner {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 0; /* fix for vertical alignment in IE11 */
|
||||
}
|
||||
|
||||
/* Type: Default */
|
||||
.g-cols.type_default {
|
||||
margin: 0 -1.5rem;
|
||||
}
|
||||
.g-cols.type_default > div > .vc_column-inner {
|
||||
padding-left: 1.5rem;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
.g-cols.type_default > div.has-fill > .vc_column-inner {
|
||||
padding-top: 1.5rem;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
/* Type: Boxes */
|
||||
.g-cols.type_boxes {
|
||||
margin: 0; /* fix when VC applies own styles */
|
||||
}
|
||||
.g-cols.type_boxes > div > .vc_column-inner {
|
||||
background-position: center center !important;
|
||||
background-size: cover !important;
|
||||
padding: 4rem;
|
||||
}
|
||||
|
||||
/* Valign */
|
||||
.g-cols.valign_middle > div > .vc_column-inner {
|
||||
justify-content: center;
|
||||
}
|
||||
.g-cols.valign_bottom > div > .vc_column-inner {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
/* Helper class - reset margins */
|
||||
.g-cols.reset-margins,
|
||||
.l-section.reset-margins > .l-section-h > .g-cols {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Column Link */
|
||||
.vc_column_container.has-link {
|
||||
position: relative;
|
||||
}
|
||||
.vc_column-link {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* Fix for IE11 when image in flexbox is not resized correctly */
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
.vc_column-inner,
|
||||
.wpb_wrapper {
|
||||
min-height: 1px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,120 @@
|
||||
/*
|
||||
* Comments
|
||||
*/
|
||||
|
||||
.w-comments-title {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.w-comments-title > span {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-comments-title a {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
.w-comments-list {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.w-comments-item {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
.w-comments .children {
|
||||
margin: 0;
|
||||
padding-left: 2rem;
|
||||
border-left: 1px dashed;
|
||||
}
|
||||
.w-comments-item-meta {
|
||||
position: relative;
|
||||
line-height: 25px; /* don't change to 'rem' units */
|
||||
margin-bottom: 0.6rem;
|
||||
}
|
||||
.w-comments-item-icon {
|
||||
position: absolute;
|
||||
line-height: 0;
|
||||
width: 50px; /* don't change to 'rem' units */
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.w-comments-item-author {
|
||||
font-weight: bold;
|
||||
margin-left: 60px;
|
||||
}
|
||||
.w-comments-item.bypostauthor .w-comments-item-author span {
|
||||
padding: 0 0.3rem;
|
||||
background: #feebef;
|
||||
}
|
||||
.w-comments .w-comments-item-date {
|
||||
vertical-align: top;
|
||||
font-size: 0.8rem;
|
||||
margin-left: 60px;
|
||||
color: inherit;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.no-touch .w-comments-item-date:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.w-comments-item-text {
|
||||
margin-bottom: 0.6rem;
|
||||
}
|
||||
.w-comments-item-text > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.w-comments-item-text > .w-message {
|
||||
padding: 0.6rem 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.w-comments .comment-reply-link {
|
||||
vertical-align: top;
|
||||
font-size: 0.8rem;
|
||||
color: inherit;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.no-touch .w-comments .comment-reply-link:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.w-comments-pagination {
|
||||
font-size: 0.9rem;
|
||||
text-align: center;
|
||||
}
|
||||
.w-comments-pagination a {
|
||||
margin: 0 0.6rem;
|
||||
}
|
||||
.comment-reply-title small {
|
||||
display: inline-block;
|
||||
font-size: 0.8rem;
|
||||
font-weight: normal;
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
.w-comments-list .comment-respond {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.w-comments .comment-reply-title,
|
||||
.w-comments .comment-notes {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.w-comments .form-submit {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* WordPress Widget
|
||||
========================================================================== */
|
||||
.widget_recent_comments ul li {
|
||||
position: relative;
|
||||
line-height: 1.4rem;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
.widget_recent_comments ul li:before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
content: '\f105';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* Links Hover Underline
|
||||
========================================================================== */
|
||||
.no-touch .links_underline .w-comments a:hover {
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
@@ -0,0 +1,95 @@
|
||||
/*
|
||||
* Filters
|
||||
*/
|
||||
|
||||
.g-filters {
|
||||
position: relative;
|
||||
z-index: 11; /* needed to overlay grid layouts */
|
||||
}
|
||||
.g-filters-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.g-filters.align_center .g-filters-list {
|
||||
justify-content: center;
|
||||
}
|
||||
.g-filters.align_right .g-filters-list {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.g-filters-item {
|
||||
flex-shrink: 0;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 2.8rem;
|
||||
padding: 0 1.2rem;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
.g-filters-item.active {
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
}
|
||||
.g-filters-item-amount {
|
||||
display: none;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
/* STYLE: 1 */
|
||||
.l-section.color_primary .g-filters.style_1,
|
||||
.l-section.color_secondary .g-filters.style_1,
|
||||
.l-section.color_custom .g-filters.style_1 {
|
||||
background: none;
|
||||
}
|
||||
.g-filters.style_1 .g-filters-item {
|
||||
line-height: 3.5rem;
|
||||
color: inherit;
|
||||
}
|
||||
.no-touch .g-filters.style_1 .g-filters-item:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* STYLE: 2 */
|
||||
.g-filters.style_2 {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.g-filters.style_2 .g-filters-item {
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
.g-filters.style_2 .g-filters-item.active {
|
||||
color: inherit;
|
||||
}
|
||||
.no-touch .g-filters.style_2 .g-filters-item:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.l-section.color_primary .g-filters.style_2 .g-filters-item.active,
|
||||
.l-section.color_secondary .g-filters.style_2 .g-filters-item.active,
|
||||
.l-section.color_custom .g-filters.style_2 .g-filters-item.active {
|
||||
background: rgba(255,255,255,0.15);
|
||||
}
|
||||
|
||||
/* STYLE: 3 */
|
||||
.g-filters.style_3 .g-filters-item {
|
||||
line-height: 3.2rem;
|
||||
border-bottom: 3px solid;
|
||||
opacity: 0.66;
|
||||
color: inherit;
|
||||
}
|
||||
.g-filters.style_3 .g-filters-item:not(.active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
.g-filters.style_3 .g-filters-item.active {
|
||||
opacity: 1;
|
||||
}
|
||||
.no-touch .g-filters.style_3 .g-filters-item:hover {
|
||||
opacity: 1;
|
||||
color: inherit;
|
||||
}
|
||||
.l-section.color_primary .g-filters.style_3 .g-filters-item.active,
|
||||
.l-section.color_secondary .g-filters.style_3 .g-filters-item.active {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Rounded Corners
|
||||
========================================================================== */
|
||||
.rounded_none .g-filters-item {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
/*!
|
||||
* Font Awesome Pro 5.8.1 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license (Commercial License)
|
||||
*/
|
||||
.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acorn:before{content:"\f6ae"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-alarm-clock:before{content:"\f34e"}.fa-algolia:before{content:"\f36c"}.fa-alicorn:before{content:"\f6b0"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angel:before{content:"\f779"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-crate:before{content:"\f6b1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-Line truncated
|
||||
@@ -0,0 +1,316 @@
|
||||
/*
|
||||
* Forms
|
||||
*/
|
||||
|
||||
.w-form {
|
||||
line-height: 1.5;
|
||||
}
|
||||
.w-form-row {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.w-form-row-label {
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
.w-form-row.for_captcha .w-form-row-label span {
|
||||
display: inline-block;
|
||||
direction: ltr;
|
||||
}
|
||||
.w-form-row-description {
|
||||
font-size: 0.9rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.w-form-row-field {
|
||||
position: relative;
|
||||
}
|
||||
.w-form-row-field > i + input[type="text"],
|
||||
.w-form-row-field > i + input[type="password"],
|
||||
.w-form-row-field > i + input[type="email"],
|
||||
.w-form-row-field > i + textarea,
|
||||
.w-form-row-field > i + * + textarea, /* Fix for browser add-ons */
|
||||
.w-form-row-field > i + select {
|
||||
padding-left: 2.8rem;
|
||||
}
|
||||
.w-form-row-field > i {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
line-height: 2.8rem;
|
||||
width: 2.8rem;
|
||||
text-align: center;
|
||||
font-size: 1.2rem;
|
||||
opacity: 0.33;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.3s, color 0.3s;
|
||||
}
|
||||
.w-form-row.focused .w-form-row-field > i {
|
||||
opacity: 1;
|
||||
}
|
||||
.color_footer-top .w-form-row-field > i,
|
||||
.color_footer-bottom .w-form-row-field > i {
|
||||
color: inherit;
|
||||
}
|
||||
.w-form-row-field-bar {
|
||||
display: none;
|
||||
}
|
||||
.w-form-row.for_select select {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
.w-form-row.for_select .w-form-row-field:after {
|
||||
content: '\f0d7';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
font: 900 1.2rem/2.8rem fontawesome;
|
||||
padding: 0 0.8rem;
|
||||
pointer-events: none;
|
||||
}
|
||||
.w-form-row.for_agreement label,
|
||||
.w-form-row.for_checkboxes label,
|
||||
.w-form-row.for_radio label {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 0.2rem 0 0.2rem 2rem;
|
||||
}
|
||||
.w-form-checkbox,
|
||||
.w-form-radio {
|
||||
position: absolute;
|
||||
top: 0.2rem;
|
||||
left: 0;
|
||||
line-height: 1.5rem;
|
||||
width: 1.5rem;
|
||||
box-shadow: 0 1px 0 rgba(0,0,0,0.08) inset;
|
||||
color: transparent;
|
||||
}
|
||||
.w-form-row input:checked + .w-form-checkbox,
|
||||
.w-form-row input:checked + .w-form-radio {
|
||||
color: #fff;
|
||||
}
|
||||
.w-form-checkbox {
|
||||
font-size: 0.8rem;
|
||||
text-align: center;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
.w-form-checkbox:before {
|
||||
content: '\f00c';
|
||||
font-family: fontawesome;
|
||||
font-weight: 900;
|
||||
vertical-align: top;
|
||||
}
|
||||
.w-form-radio {
|
||||
height: 1.5rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.w-form-radio:before {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 32%;
|
||||
width: 32%;
|
||||
margin: 34%;
|
||||
border-radius: 50%;
|
||||
background: currentColor;
|
||||
}
|
||||
|
||||
/* Submit Button */
|
||||
.w-form-row.for_submit {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.w-form-row.width_full .w-btn {
|
||||
width: 100%;
|
||||
}
|
||||
.w-form .w-btn i,
|
||||
.w-form .w-btn-label {
|
||||
display: inline-block;
|
||||
transition: opacity 0.15s;
|
||||
}
|
||||
.w-form .w-btn.loading i,
|
||||
.w-form .w-btn.loading .w-btn-label {
|
||||
opacity: 0;
|
||||
}
|
||||
.w-form .w-btn .g-preloader {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-size: 1.8em;
|
||||
opacity: 0;
|
||||
transform: translate(-50%,-50%);
|
||||
transition: opacity 0.3s;
|
||||
color: inherit;
|
||||
}
|
||||
.w-form .w-btn.loading .g-preloader {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* States & Messages */
|
||||
.w-form-row-state {
|
||||
font-size: 0.9rem;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
transition-property: height, padding, opacity;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
.w-form-row.check_wrong .w-form-row-state {
|
||||
height: auto;
|
||||
padding-top: 0.3rem;
|
||||
opacity: 1;
|
||||
color: red;
|
||||
}
|
||||
.w-form-row.check_wrong input,
|
||||
.w-form-row.check_wrong textarea,
|
||||
.w-form-row.check_wrong select {
|
||||
box-shadow: 0 0 0 2px red;
|
||||
}
|
||||
.w-form-message {
|
||||
font-size: 1.2rem;
|
||||
opacity: 0;
|
||||
transition-property: padding, opacity;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
.w-form-message.type_success {
|
||||
padding: 0.6rem 0;
|
||||
opacity: 1;
|
||||
color: #4c0;
|
||||
}
|
||||
.w-form-message.type_error {
|
||||
padding: 0.6rem 0;
|
||||
opacity: 1;
|
||||
color: red;
|
||||
}
|
||||
|
||||
/* FOR comments */
|
||||
.w-form.for_comments .form-submit input {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* FOR protected post */
|
||||
.post-password-form {
|
||||
margin: 1.5rem auto;
|
||||
}
|
||||
.l-section.width_full .post-password-form {
|
||||
padding-left: 2.5rem;
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
.post-password-form p {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.post-password-form p label {
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
.post-password-form p input[type="password"] {
|
||||
font-size: 1rem;
|
||||
max-width: 300px;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
/* FOR login */
|
||||
.w-form-row.for_links {
|
||||
margin: 0;
|
||||
padding-top: 0.6rem;
|
||||
}
|
||||
.w-form-row-link {
|
||||
font-size: 0.9rem;
|
||||
margin-right: 0.8rem;
|
||||
}
|
||||
|
||||
/* Login Widget
|
||||
========================================================================== */
|
||||
.widget_us_login > .g-preloader {
|
||||
display: block;
|
||||
margin: 1rem auto;
|
||||
}
|
||||
.widget_us_login > .w-form {
|
||||
margin: 2px;
|
||||
}
|
||||
.w-profile {
|
||||
padding: 1.5rem;
|
||||
border-radius: 0.3rem;
|
||||
border-style: solid;
|
||||
border-width: 2px; /* fixed value */
|
||||
min-height: calc(68px + 3rem);
|
||||
}
|
||||
.l-header .w-profile {
|
||||
padding: 0;
|
||||
border: none;
|
||||
min-height: 64px; /* fixed value */
|
||||
}
|
||||
.w-profile-link.for_user {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.w-profile-avatar {
|
||||
position: absolute;
|
||||
}
|
||||
.w-profile-avatar img {
|
||||
display: block;
|
||||
max-width: 6rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.w-profile-name {
|
||||
display: block;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.3;
|
||||
margin-left: 76px;
|
||||
}
|
||||
.w-profile-link.for_logout {
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.3;
|
||||
margin-left: 76px;
|
||||
}
|
||||
|
||||
/* Contact Form 7
|
||||
========================================================================== */
|
||||
span.wpcf7-form-control-wrap {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
}
|
||||
.wpcf7-form input[type="text"],
|
||||
.wpcf7-form input[type="password"],
|
||||
.wpcf7-form input[type="email"],
|
||||
.wpcf7-form input[type="url"],
|
||||
.wpcf7-form input[type="tel"],
|
||||
.wpcf7-form input[type="number"],
|
||||
.wpcf7-form input[type="date"],
|
||||
.wpcf7-form textarea,
|
||||
.wpcf7-form select {
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
.wpcf7-form-control.wpcf7-radio,
|
||||
.wpcf7-form-control.wpcf7-checkbox {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding: 0.6rem 0;
|
||||
}
|
||||
span.wpcf7-list-item {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 0 1.5rem 0 0;
|
||||
}
|
||||
div.wpcf7 img.ajax-loader {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
div.wpcf7-response-output {
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0.6rem 1rem;
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
span.wpcf7-not-valid-tip {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* Rounded Corners
|
||||
========================================================================== */
|
||||
.rounded_none .w-form-checkbox,
|
||||
.rounded_none .wpcf7-response-output {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
/* Links Hover Underline
|
||||
========================================================================== */
|
||||
.no-touch .links_underline .w-form-row-link:hover,
|
||||
.no-touch .links_underline .w-profile-link.for_logout:hover {
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,98 @@
|
||||
/*
|
||||
* HORIZONTAL Header
|
||||
*/
|
||||
|
||||
.l-header {
|
||||
position: relative;
|
||||
z-index: 111;
|
||||
width: 100%;
|
||||
}
|
||||
.l-subheader {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.l-subheader.width_full {
|
||||
padding-left: 1.5rem;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
.l-subheader-h {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
height: inherit;
|
||||
}
|
||||
.w-header-show {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Sticky header */
|
||||
.l-header.pos_fixed {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
}
|
||||
.l-header.pos_fixed:not(.notransition) .l-subheader {
|
||||
transition-property: transform, background, box-shadow, line-height, height;
|
||||
transition-duration: 0.3s;
|
||||
transition-timing-function: cubic-bezier(.78,.13,.15,.86);
|
||||
}
|
||||
|
||||
/* Transparent header */
|
||||
.l-header.bg_transparent:not(.sticky) .l-subheader {
|
||||
box-shadow: none !important;
|
||||
background: none;
|
||||
}
|
||||
.l-header.bg_transparent ~ .l-main .l-section.width_full.height_auto:first-child {
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/* Not-sticky & Transparent header */
|
||||
.l-header.pos_static.bg_transparent {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/* Fullwidth header area */
|
||||
.l-subheader.width_full .l-subheader-h {
|
||||
max-width: none !important;
|
||||
}
|
||||
|
||||
/* Initial header position ABOVE */
|
||||
.headerinpos_above .l-header.pos_fixed {
|
||||
overflow: hidden;
|
||||
transition: transform 0.3s;
|
||||
transform: translate3d(0,-100%,0);
|
||||
}
|
||||
.headerinpos_above .l-header.pos_fixed.sticky {
|
||||
overflow: visible;
|
||||
transform: none;
|
||||
}
|
||||
.headerinpos_above .l-header.pos_fixed ~ .l-section,
|
||||
.headerinpos_above .l-header.pos_fixed ~ .l-main,
|
||||
.headerinpos_above .l-header.pos_fixed ~ .l-main .l-section:first-child {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
/* Header Shadow */
|
||||
.l-header.shadow_thin .l-subheader.at_middle,
|
||||
.l-header.shadow_thin .l-subheader.at_bottom,
|
||||
.l-header.shadow_none.sticky .l-subheader.at_middle,
|
||||
.l-header.shadow_none.sticky .l-subheader.at_bottom {
|
||||
box-shadow: 0 1px 0 rgba(0,0,0,0.08);
|
||||
}
|
||||
.l-header.shadow_wide .l-subheader.at_middle,
|
||||
.l-header.shadow_wide .l-subheader.at_bottom {
|
||||
box-shadow: 0 3px 5px -1px rgba(0,0,0,0.1), 0 2px 1px -1px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
/* Header elements */
|
||||
.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-dropdown-list {
|
||||
top: auto;
|
||||
bottom: -0.4em;
|
||||
padding-top: 0.4em;
|
||||
padding-bottom: 2.4em;
|
||||
}
|
||||
.header_hor .l-subheader-cell > .w-cart {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
/*
|
||||
* VERTICAL Header
|
||||
*/
|
||||
|
||||
.l-header {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
min-height: 100vh;
|
||||
z-index: 111;
|
||||
}
|
||||
.l-header:not(.scrollable) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
top: 0 !important;
|
||||
}
|
||||
.l-subheader {
|
||||
flex-shrink: 0;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.l-subheader.at_middle {
|
||||
flex-grow: 10;
|
||||
}
|
||||
.l-subheader-h {
|
||||
width: 100%; /* IE11 fix */
|
||||
}
|
||||
.l-subheader-cell {
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.l-subheader-cell > * {
|
||||
max-width: 100%; /* IE11 fix */
|
||||
}
|
||||
.l-subheader.at_top .l-subheader-cell > *,
|
||||
.l-subheader.at_bottom .l-subheader-cell > * {
|
||||
margin-bottom: 0.7rem;
|
||||
}
|
||||
.l-subheader.at_top .l-subheader-cell > *:first-child,
|
||||
.l-subheader.at_bottom .l-subheader-cell > *:first-child {
|
||||
margin-top: 0.7rem;
|
||||
}
|
||||
.l-subheader.at_middle .l-subheader-cell > * {
|
||||
margin-bottom: 1.4rem;
|
||||
}
|
||||
.l-subheader.at_middle .l-subheader-cell > *:first-child {
|
||||
margin-top: 1.4rem;
|
||||
}
|
||||
.rtl .l-header.align_left .l-subheader-cell {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.rtl .l-header.align_right .l-subheader-cell {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
/* VERTICAL mobile header */
|
||||
.header-show {
|
||||
overflow: hidden;
|
||||
}
|
||||
.w-header-overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 101;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
visibility: hidden;
|
||||
pointer-events: none;
|
||||
background: rgba(0,0,0,0);
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.header-show .w-header-overlay {
|
||||
visibility: visible;
|
||||
pointer-events: auto;
|
||||
background: rgba(0,0,0,0.75);
|
||||
}
|
||||
.w-header-show {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 102;
|
||||
top: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
background: rgba(0,0,0,0.3);
|
||||
color: #fff !important;
|
||||
opacity: 1;
|
||||
line-height: 50px; /* fixed value */
|
||||
height: 50px; /* fixed value */
|
||||
width: 50px; /* fixed value */
|
||||
margin: 15px; /* fixed value */
|
||||
font-size: 1.4rem;
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
.w-header-show:before {
|
||||
content: '\f0c9';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
vertical-align: top;
|
||||
}
|
||||
.admin-bar .w-header-show {
|
||||
top: 56px; /* WP admin bar height */
|
||||
}
|
||||
.header-show .w-header-show {
|
||||
opacity: 0;
|
||||
}
|
||||
.w-header-show span {
|
||||
display: none;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
/* Header Shadow */
|
||||
.l-header.shadow_thin {
|
||||
box-shadow: 1px 0 0 rgba(0,0,0,0.08);
|
||||
}
|
||||
.rtl .l-header.shadow_thin {
|
||||
box-shadow: -1px 0 0 rgba(0,0,0,0.08);
|
||||
}
|
||||
.l-header.shadow_wide {
|
||||
box-shadow: 3px 0 5px -1px rgba(0,0,0,0.1), 2px 0 1px -1px rgba(0,0,0,0.05);
|
||||
}
|
||||
.rtl .l-header.shadow_wide {
|
||||
box-shadow: -3px 0 5px -1px rgba(0,0,0,0.1), -2px 0 1px -1px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
/* Header elements */
|
||||
.l-header,
|
||||
.l-header .w-cart-notification,
|
||||
.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
|
||||
max-width: calc(100vw - 70px); /* to avoid screen overlapping on mobiles */
|
||||
}
|
||||
.w-image img.for_transparent {
|
||||
display: none;
|
||||
}
|
||||
.l-subheader.at_middle .w-dropdown-list,
|
||||
.l-subheader.at_bottom .w-dropdown-list {
|
||||
top: auto;
|
||||
bottom: -0.4em;
|
||||
padding-top: 0.4em;
|
||||
padding-bottom: 2.4em;
|
||||
}
|
||||
.w-cart-notification {
|
||||
left: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.l-subheader-cell > .w-cart {
|
||||
margin-left: 0.6rem;
|
||||
margin-right: 0.6rem;
|
||||
}
|
||||
.w-cart-dropdown {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -0,0 +1,159 @@
|
||||
/*
|
||||
* Header (layout & elements)
|
||||
*/
|
||||
|
||||
.l-header a,
|
||||
.l-header .g-preloader {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.l-subheader-cell {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.l-subheader-cell.at_left {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.header_hor .l-subheader-cell.at_left > * {
|
||||
margin-right: 1.4rem;
|
||||
}
|
||||
.l-subheader-cell.at_center {
|
||||
justify-content: center;
|
||||
}
|
||||
.l-subheader-cell.at_center > * {
|
||||
margin-left: 0.7rem;
|
||||
margin-right: 0.7rem;
|
||||
}
|
||||
.l-subheader-cell.at_right {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.header_hor .l-subheader-cell.at_right > * {
|
||||
margin-left: 1.4rem;
|
||||
}
|
||||
|
||||
/* Predefined appearance of transparent header areas */
|
||||
.l-header.bg_transparent:not(.sticky) .l-subheader.at_top {
|
||||
background: rgba(0,0,0,0.2);
|
||||
color: rgba(255,255,255,0.66);
|
||||
}
|
||||
.l-header.bg_transparent:not(.sticky) .l-subheader.at_bottom .l-subheader-h {
|
||||
box-shadow: 0 -1px 0 rgba(255,255,255,0.22);
|
||||
}
|
||||
|
||||
/* Header Elements
|
||||
========================================================================== */
|
||||
.l-header.sticky .hide-for-sticky {
|
||||
display: none !important;
|
||||
}
|
||||
.l-header:not(.sticky) .hide-for-not-sticky {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Vertical Wrapper */
|
||||
.w-vwrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.l-header .w-vwrapper {
|
||||
margin-top: 0.7rem;
|
||||
margin-bottom: 0.7rem;
|
||||
}
|
||||
.w-vwrapper.align_center {
|
||||
align-items: center;
|
||||
}
|
||||
.w-vwrapper.align_left {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.w-vwrapper.align_right {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.w-vwrapper.valign_middle {
|
||||
justify-content: center;
|
||||
}
|
||||
.w-vwrapper.valign_bottom {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.w-vwrapper > * {
|
||||
margin-bottom: 0.7rem;
|
||||
}
|
||||
.w-vwrapper > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Horizontal Wrapper */
|
||||
.w-hwrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.w-hwrapper.align_center {
|
||||
justify-content: center;
|
||||
}
|
||||
.w-hwrapper.align_center > * {
|
||||
margin-left: 0.6rem;
|
||||
margin-right: 0.6rem;
|
||||
}
|
||||
.w-hwrapper.align_left {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.w-hwrapper.align_left > * {
|
||||
margin-right: 1.2rem;
|
||||
}
|
||||
.w-hwrapper.align_left > *:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.w-hwrapper.align_right {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.w-hwrapper.align_right > * {
|
||||
margin-left: 1.2rem;
|
||||
}
|
||||
.w-hwrapper.align_right > *:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.w-hwrapper.align_justify {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.w-hwrapper.align_justify > * {
|
||||
margin-right: 1.2rem;
|
||||
}
|
||||
.w-hwrapper.align_justify > *:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.w-hwrapper.valign_top {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.w-hwrapper.valign_bottom {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.w-hwrapper.wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* HTML */
|
||||
.w-html {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.l-header .w-btn {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Text */
|
||||
.w-text {
|
||||
line-height: 1.5;
|
||||
}
|
||||
.bg_transparent:not(.sticky) .w-text-value {
|
||||
color: inherit;
|
||||
}
|
||||
.w-text i {
|
||||
vertical-align: top;
|
||||
line-height: inherit;
|
||||
}
|
||||
i + .w-text-value {
|
||||
margin-left: 0.6em;
|
||||
}
|
||||
.w-text-value:empty {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
/*
|
||||
* Material Icons https://material.io/icons/
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-display: block;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(https://fonts.gstatic.com/s/materialicons/v37/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'),
|
||||
/* Used in IE11 */
|
||||
url(https://fonts.gstatic.com/s/materialicons/v37/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff');
|
||||
}
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
font-feature-settings: 'liga';
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
@@ -0,0 +1,284 @@
|
||||
/*
|
||||
* Prev/Next navigation
|
||||
*/
|
||||
|
||||
.w-post-elm.post_navigation {
|
||||
display: flex;
|
||||
}
|
||||
.post_navigation-item-img img {
|
||||
display: block;
|
||||
}
|
||||
.post_navigation-item-meta {
|
||||
display: block;
|
||||
font-size: 0.8rem;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.post_navigation .order_first .post_navigation-item-arrow:before {
|
||||
content: '\f104';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
}
|
||||
.post_navigation .order_second .post_navigation-item-arrow:before {
|
||||
content: '\f105';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/* Remove navigation when page is opened inside a popup */
|
||||
.us_iframe .w-post-elm.post_navigation {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hide navigation when popup is opened */
|
||||
.mfp-wrap ~ .l-canvas .post_navigation.layout_sided .post_navigation-item {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* Layout Simple */
|
||||
.post_navigation.layout_simple .post_navigation-item {
|
||||
line-height: 1.5;
|
||||
padding: 0 2.2rem;
|
||||
width: 50%;
|
||||
position: relative;
|
||||
color: inherit !important;
|
||||
transition: none;
|
||||
}
|
||||
.post_navigation.layout_simple .order_first {
|
||||
text-align: left;
|
||||
}
|
||||
.post_navigation.layout_simple .order_first .post_navigation-item-arrow {
|
||||
left: 0;
|
||||
}
|
||||
.post_navigation.layout_simple .order_second {
|
||||
text-align: right;
|
||||
}
|
||||
.post_navigation.layout_simple .order_second .post_navigation-item-arrow {
|
||||
right: 0;
|
||||
}
|
||||
.post_navigation.layout_simple .post_navigation-item-arrow {
|
||||
position: absolute;
|
||||
top: 0.15rem;
|
||||
font-size: 2.5rem;
|
||||
line-height: 1;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.post_navigation.layout_simple .post_navigation-item-title {
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
/* Layout Sided */
|
||||
.post_navigation.layout_sided .post_navigation-item {
|
||||
display: flex;
|
||||
position: fixed;
|
||||
z-index: 98;
|
||||
top: 50%;
|
||||
width: 16rem;
|
||||
margin-top: -4rem;
|
||||
transition: right 0.3s cubic-bezier(.78,.13,.15,.86), left 0.3s cubic-bezier(.78,.13,.15,.86), opacity 0.3s;
|
||||
}
|
||||
.post_navigation.layout_sided .order_first {
|
||||
left: -14rem;
|
||||
text-align: left;
|
||||
}
|
||||
.no-touch .post_navigation.layout_sided .order_first:hover {
|
||||
left: 0;
|
||||
}
|
||||
.post_navigation.layout_sided .order_second {
|
||||
flex-direction: row-reverse;
|
||||
right: -14rem;
|
||||
text-align: right;
|
||||
}
|
||||
.no-touch .post_navigation.layout_sided .order_second:hover {
|
||||
right: 0;
|
||||
}
|
||||
.post_navigation.layout_sided .post_navigation-item-img {
|
||||
flex-shrink: 0;
|
||||
width: 8rem;
|
||||
}
|
||||
.post_navigation.layout_sided .post_navigation-item-arrow {
|
||||
flex-shrink: 0;
|
||||
text-align: center;
|
||||
width: 8rem;
|
||||
background: rgba(0,0,0,0.3);
|
||||
color: #fff;
|
||||
transition: background 0.3s cubic-bezier(.78,.13,.15,.86);
|
||||
}
|
||||
.post_navigation.layout_sided .post_navigation-item-arrow:before {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
font-size: 1.8rem;
|
||||
line-height: 8rem;
|
||||
width: 2rem;
|
||||
transition: transform 0.3s cubic-bezier(.78,.13,.15,.86);
|
||||
}
|
||||
.post_navigation.layout_sided .order_first .post_navigation-item-arrow:before {
|
||||
transform: translateX(2.9rem);
|
||||
}
|
||||
.post_navigation.layout_sided .order_second .post_navigation-item-arrow:before {
|
||||
transform: translateX(-2.9rem);
|
||||
}
|
||||
.no-touch .post_navigation.layout_sided .post_navigation-item:hover .post_navigation-item-arrow:before {
|
||||
transform: none !important;
|
||||
}
|
||||
.post_navigation.layout_sided .post_navigation-item-title {
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.4rem;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.post_navigation.layout_sided .post_navigation-item-title span {
|
||||
display: block;
|
||||
padding: 0.7rem 1rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
background: rgba(30,30,30,0.9);
|
||||
color: #fff;
|
||||
opacity: 0;
|
||||
transform: translate(0,-100%);
|
||||
transition: transform 0.3s cubic-bezier(.78,.13,.15,.86), opacity 0.3s cubic-bezier(.78,.13,.15,.86);
|
||||
}
|
||||
.no-touch .post_navigation.layout_sided .post_navigation-item:hover .post_navigation-item-title span {
|
||||
opacity: 1;
|
||||
transform: translate(0,0);
|
||||
transition-delay: 0.1s;
|
||||
}
|
||||
|
||||
/* Links Hover Underline
|
||||
========================================================================== */
|
||||
.no-touch .links_underline .post_navigation.layout_simple a:hover .post_navigation-item-title span {
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
/* Load More button
|
||||
========================================================================== */
|
||||
.g-loadmore {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.g-loadmore.done {
|
||||
display: none;
|
||||
}
|
||||
.g-loadmore .w-btn {
|
||||
z-index: 1;
|
||||
}
|
||||
.g-loadmore .g-preloader {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.g-loadmore.loading .w-btn {
|
||||
opacity: 0;
|
||||
}
|
||||
.g-loadmore.loading .g-preloader {
|
||||
opacity: 1;
|
||||
}
|
||||
.g-loadmore.width_full .w-btn {
|
||||
border-radius: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* WordPress Listing pagination
|
||||
========================================================================== */
|
||||
.navigation.pagination .nav-links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 -0.2rem;
|
||||
}
|
||||
.pagination .page-numbers {
|
||||
flex-shrink: 0;
|
||||
text-align: center;
|
||||
font-size: 1.2rem;
|
||||
line-height: 3.5rem;
|
||||
height: 3.5rem;
|
||||
width: 3.5rem;
|
||||
margin: 0.2rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
border-radius: 50%;
|
||||
color: inherit;
|
||||
}
|
||||
.pagination span.page-numbers {
|
||||
cursor: default;
|
||||
}
|
||||
.pagination a.page-numbers {
|
||||
color: inherit;
|
||||
}
|
||||
.no-touch .pagination a.page-numbers:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.no-touch .pagination a.page-numbers:before {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 0;
|
||||
width: 100%;
|
||||
transition: height 0.3s;
|
||||
}
|
||||
.no-touch .pagination a.page-numbers:hover:before {
|
||||
height: 100%;
|
||||
}
|
||||
.pagination .page-numbers span {
|
||||
position: relative;
|
||||
}
|
||||
.pagination .page-numbers.current {
|
||||
box-shadow: none !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.pagination .page-numbers.dots {
|
||||
box-shadow: none !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
.pagination .page-numbers.dots:before {
|
||||
display: none;
|
||||
}
|
||||
.pagination .page-numbers.prev,
|
||||
.pagination .page-numbers.next {
|
||||
font-size: 0;
|
||||
}
|
||||
.pagination .page-numbers.prev {
|
||||
padding-right: 0.2rem;
|
||||
}
|
||||
.pagination .page-numbers.next {
|
||||
padding-left: 0.2rem;
|
||||
}
|
||||
.pagination .page-numbers.prev:after {
|
||||
content: '\f104';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
font-size: 1.5rem;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
}
|
||||
.pagination .page-numbers.next:after {
|
||||
content: '\f105';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
font-size: 1.5rem;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* WordPress Post pagination
|
||||
========================================================================== */
|
||||
.post-pagination {
|
||||
font-size: 1.2rem;
|
||||
margin: 0 -0.6rem;
|
||||
}
|
||||
.post-pagination > * {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding: 0 0.6rem;
|
||||
}
|
||||
.post-pagination > span:not(.title) {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,270 @@
|
||||
/*
|
||||
* Popup (lightbox)
|
||||
*/
|
||||
|
||||
/* Grid Popup
|
||||
========================================================================== */
|
||||
html.usoverlay_fixed {
|
||||
overflow: hidden;
|
||||
}
|
||||
html[style*="hidden"] .header_hor .l-header.pos_fixed,
|
||||
html.usoverlay_fixed .header_hor .l-header.pos_fixed {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.l-popup-overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.8);
|
||||
transition: opacity 0.3s;
|
||||
opacity: 0;
|
||||
}
|
||||
.l-popup-overlay.active {
|
||||
opacity: 1;
|
||||
}
|
||||
.l-popup-wrap {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
cursor: zoom-out;
|
||||
z-index: 1002;
|
||||
}
|
||||
.l-popup-box {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
padding: 2rem 5rem;
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s, transform 0.3s;
|
||||
}
|
||||
.l-popup-box.active {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
.l-popup-box-content {
|
||||
cursor: default;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
transition: height 0.2s;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.no-touch .l-popup-box-content {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.l-popup-box-content .g-preloader {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
font-size: 4rem;
|
||||
display: inline-block;
|
||||
}
|
||||
.l-popup-box-content-frame {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.l-popup-arrow {
|
||||
position: fixed;
|
||||
transform: translateZ(0); /* render fix for webkit browsers */
|
||||
top: 50%;
|
||||
text-align: center;
|
||||
font-size: 3rem;
|
||||
line-height: 15rem;
|
||||
width: 5rem;
|
||||
margin-top: -7.5rem;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
transition: opacity 0.3s, background 0.3s;
|
||||
opacity: 0;
|
||||
}
|
||||
.l-popup-box.active ~ .l-popup-arrow {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.no-touch .l-popup-box.active ~ .l-popup-arrow:hover {
|
||||
background: rgba(0,0,0,0.5);
|
||||
opacity: 1;
|
||||
}
|
||||
.l-popup-arrow.to_next {
|
||||
right: 0;
|
||||
}
|
||||
.l-popup-arrow.to_next:before {
|
||||
content: '\f105';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
vertical-align: top;
|
||||
}
|
||||
.l-popup-arrow.to_prev {
|
||||
left: 0;
|
||||
}
|
||||
.l-popup-arrow.to_prev:before {
|
||||
content: '\f104';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
vertical-align: top;
|
||||
}
|
||||
.l-popup-closer {
|
||||
position: fixed;
|
||||
transform: translateZ(0); /* render fix for webkit browsers */
|
||||
top: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
line-height: 5rem;
|
||||
width: 5rem;
|
||||
cursor: zoom-out;
|
||||
color: #fff;
|
||||
transition: opacity 0.3s;
|
||||
opacity: 0;
|
||||
}
|
||||
.l-popup-box.active ~ .l-popup-closer {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.l-popup-closer:before {
|
||||
content: '\f00d';
|
||||
font-family: fontawesome;
|
||||
font-weight: normal;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Magnific Popup v1.1.0 http://dimsemenov.com/plugins/magnific-popup/
|
||||
========================================================================== */
|
||||
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75Line truncated
|
||||
|
||||
.mfp-bg {
|
||||
z-index: 10003;
|
||||
}
|
||||
.mfp-wrap {
|
||||
z-index: 10004;
|
||||
}
|
||||
.mfp-container:after {
|
||||
content: '\f00d';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
z-index: 1047;
|
||||
top: 0;
|
||||
right: 0;
|
||||
font-size: 2rem;
|
||||
text-align: center;
|
||||
line-height: 5rem;
|
||||
width: 5rem;
|
||||
color: #fff;
|
||||
}
|
||||
.admin-bar .mfp-container:after {
|
||||
top: 32px; /* fixed value */
|
||||
}
|
||||
.mfp-close,
|
||||
.mfp-arrow:after {
|
||||
display: none !important;
|
||||
}
|
||||
.mfp-arrow:before {
|
||||
content: '\f104';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
font-size: 3rem;
|
||||
line-height: 110px; /* fixed value */
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
.mfp-arrow.mfp-arrow-right:before {
|
||||
content: '\f105';
|
||||
}
|
||||
.mfp-figure img[src*=".svg"] {
|
||||
width: 100vh;
|
||||
}
|
||||
.mfp-figure:after {
|
||||
box-shadow: 0 3px 3px rgba(0,0,0,0.1), 0 5px 8px rgba(0,0,0,0.16), 0 9px 20px rgba(0,0,0,0.16);
|
||||
}
|
||||
.mfp-preloader {
|
||||
font-size: 0;
|
||||
left: 50%;
|
||||
right: auto;
|
||||
margin: -1.5rem 0 0 -1.5rem;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
color: #fff;
|
||||
transition: opacity 0.2s ease 0.1s;
|
||||
}
|
||||
.mfp-s-ready .mfp-preloader {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-preloader:before,
|
||||
.mfp-preloader:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: 50%;
|
||||
border: 2px solid;
|
||||
}
|
||||
.mfp-preloader:before {
|
||||
opacity: 0.2;
|
||||
}
|
||||
.mfp-preloader:after {
|
||||
border-top-color: transparent;
|
||||
animation: rotation 0.8s infinite cubic-bezier(.6,.3,.3,.6);
|
||||
}
|
||||
.mfp-title {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* Animation */
|
||||
.mfp-fade.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
.mfp-fade.mfp-bg.mfp-ready {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-fade.mfp-bg.mfp-removing {
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-fade.mfp-wrap .mfp-content {
|
||||
opacity: 0;
|
||||
transform: scale(0.5);
|
||||
transition: transform 0.2s, opacity 0.2s;
|
||||
}
|
||||
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
|
||||
opacity: 0;
|
||||
transform: scale(0.5);
|
||||
}
|
||||
.mfp-fade.mfp-wrap .mfp-container:after,
|
||||
.mfp-fade.mfp-wrap .mfp-arrow {
|
||||
opacity: 0 !important;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
.mfp-fade.mfp-wrap.mfp-ready .mfp-container:after,
|
||||
.mfp-fade.mfp-wrap.mfp-ready .mfp-arrow {
|
||||
opacity: 0.66 !important;
|
||||
}
|
||||
.no-touch .mfp-fade.mfp-wrap.mfp-ready .mfp-arrow:hover {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.mfp-fade.mfp-wrap.mfp-removing .mfp-container:after,
|
||||
.mfp-fade.mfp-wrap.mfp-removing .mfp-arrow {
|
||||
opacity: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,159 @@
|
||||
/*
|
||||
* Preloader (additional types & preloader screen)
|
||||
*/
|
||||
|
||||
/* TYPE CUSTOM */
|
||||
.g-preloader.type_custom {
|
||||
max-width: 25rem;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
.g-preloader.type_custom img[src*=".svg"] {
|
||||
width: 10rem;
|
||||
}
|
||||
|
||||
/* TYPE 2 */
|
||||
.g-preloader.type_2:before,
|
||||
.g-preloader.type_2:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: 50%;
|
||||
border: 2px solid;
|
||||
}
|
||||
.g-preloader.type_2:before {
|
||||
opacity: 0.2;
|
||||
}
|
||||
.g-preloader.type_2:after {
|
||||
border-top-color: transparent;
|
||||
animation: rotation 0.8s infinite linear;
|
||||
}
|
||||
|
||||
/* TYPE 3 */
|
||||
.g-preloader.type_3 > div {
|
||||
border: 0.5em solid;
|
||||
border-radius: 50%;
|
||||
animation: scale 1s infinite cubic-bezier(.6,.3,.3,.6);
|
||||
}
|
||||
@keyframes scale {
|
||||
0% { transform: scale(0); opacity: 1; }
|
||||
100% { transform: scale(1); opacity: 0; }
|
||||
}
|
||||
|
||||
/* TYPE 4 */
|
||||
.g-preloader.type_4 > div {
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
border: 1px solid;
|
||||
border-radius: 50%;
|
||||
animation: scale2 1.5s infinite ease;
|
||||
}
|
||||
@keyframes scale2 {
|
||||
0% { transform: scale(0.05); border-width: 0.5em; }
|
||||
50% { transform: scale(1); border-width: 1px; }
|
||||
100% { transform: scale(0.05); border-width: 0.5em; }
|
||||
}
|
||||
|
||||
/* TYPE 5 */
|
||||
.g-preloader.type_5 {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.g-loadmore .g-preloader.type_5,
|
||||
.w-form .w-btn .g-preloader.type_5,
|
||||
.w-grid-preloader .g-preloader.type_5,
|
||||
.l-popup-box-content .g-preloader.type_5 {
|
||||
transform: translate(-50%,-50%) rotate(45deg);
|
||||
}
|
||||
.g-preloader.type_5:before,
|
||||
.g-preloader.type_5:after,
|
||||
.g-preloader.type_5 > div:before,
|
||||
.g-preloader.type_5 > div:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 0.15em solid;
|
||||
}
|
||||
.g-preloader.type_5:before {
|
||||
top: 0.2em;
|
||||
left: 0.2em;
|
||||
animation: cubes-tl 1.2s infinite ease;
|
||||
}
|
||||
.g-preloader.type_5:after {
|
||||
right: 0.2em;
|
||||
bottom: 0.2em;
|
||||
animation: cubes-tr 1.2s infinite ease;
|
||||
}
|
||||
.g-preloader.type_5 > div:before {
|
||||
top: 0.2em;
|
||||
right: 0.2em;
|
||||
animation: cubes-br 1.2s infinite ease;
|
||||
}
|
||||
.g-preloader.type_5 > div:after {
|
||||
left: 0.2em;
|
||||
bottom: 0.2em;
|
||||
animation: cubes-bl 1.2s infinite ease;
|
||||
}
|
||||
@keyframes cubes-tl {
|
||||
0%{ transform: translate(0px, 0px); }
|
||||
20%{ transform: translate(0px, 0px); }
|
||||
60%{ transform: translate(-0.15em, -0.15em) rotate(90deg); }
|
||||
100%{ transform: translate(0px, 0px) rotate(180deg); }
|
||||
}
|
||||
@keyframes cubes-tr {
|
||||
0%{ transform: translate(0px, 0px); }
|
||||
20%{ transform: translate(0px, 0px); }
|
||||
60%{ transform: translate(0.15em, 0.15em) rotate(90deg); }
|
||||
100%{ transform: translate(0px, 0px) rotate(180deg); }
|
||||
}
|
||||
@keyframes cubes-br {
|
||||
0%{ transform: translate(0px, 0px); }
|
||||
20%{ transform: translate(0px, 0px); }
|
||||
60%{ transform: translate(0.15em, -0.15em) rotate(90deg); }
|
||||
100%{ transform: translate(0px, 0px) rotate(180deg); }
|
||||
}
|
||||
@keyframes cubes-bl {
|
||||
0%{ transform: translate(0px, 0px); }
|
||||
20%{ transform: translate(0px, 0px); }
|
||||
60%{ transform: translate(-0.15em, 0.15em) rotate(90deg); }
|
||||
100%{ transform: translate(0px, 0px) rotate(180deg); }
|
||||
}
|
||||
|
||||
/* Preloader Screen
|
||||
========================================================================== */
|
||||
.l-preloader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
z-index: 11111; /* the highest value in the theme */
|
||||
overflow: hidden;
|
||||
transition: height 0.45s;
|
||||
}
|
||||
.l-preloader.done {
|
||||
height: 0;
|
||||
}
|
||||
.l-preloader-spinner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
text-align: center;
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
opacity: 1;
|
||||
transition: opacity 0.3s;
|
||||
transform: translate3d(-50%,-50%,0);
|
||||
}
|
||||
.l-preloader.done .l-preloader-spinner {
|
||||
opacity: 0;
|
||||
}
|
||||
.l-preloader .g-preloader {
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,190 @@
|
||||
/*
|
||||
* Print Styles
|
||||
*/
|
||||
|
||||
@media print {
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
animation: none !important;
|
||||
background: none !important;
|
||||
border-color: #000 !important;
|
||||
color: #000 !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
a[href^="http"] {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
body.l-body div[class*="vc_custom_"] {
|
||||
background: none !important;
|
||||
}
|
||||
.l-header,
|
||||
.vc_empty_space,
|
||||
.l-footer,
|
||||
.w-toplink,
|
||||
.post_navigation,
|
||||
.l-preloader,
|
||||
.g-preloader,
|
||||
.i-cf:before,
|
||||
.i-cf:after {
|
||||
display: none !important;
|
||||
}
|
||||
.l-main,
|
||||
.l-section {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
min-height: 0 !important;
|
||||
}
|
||||
body.l-body .l-section .l-section-h,
|
||||
.w-tabs-section-content-h {
|
||||
position: static !important;
|
||||
padding: 5mm 0 !important;
|
||||
}
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
border: 1px solid #000 !important;
|
||||
}
|
||||
body.l-body .w-btn,
|
||||
button[type="submit"],
|
||||
input[type="submit"] {
|
||||
border: 2px solid #000 !important;
|
||||
}
|
||||
body.l-body .w-btn:before,
|
||||
body.l-body .w-btn:after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.owl-nav,
|
||||
.owl-dots,
|
||||
.w-post-elm:after,
|
||||
.w-grid-item-h:before {
|
||||
display: none !important;
|
||||
}
|
||||
.w-grid-item-h * {
|
||||
position: static !important;
|
||||
transform: none !important;
|
||||
}
|
||||
.w-grid-item-h div {
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.g-filters-item {
|
||||
border: none !important;
|
||||
}
|
||||
.g-filters-item.active {
|
||||
border: 1px solid #000 !important;
|
||||
}
|
||||
|
||||
.w-iconbox.style_circle .w-iconbox-icon,
|
||||
.w-iconbox.style_outlined .w-iconbox-icon {
|
||||
border: 2px solid #000 !important;
|
||||
}
|
||||
|
||||
.w-image {
|
||||
display: block;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.w-message {
|
||||
border: 1px solid #000 !important;
|
||||
}
|
||||
|
||||
.w-person-links {
|
||||
display: none !important;
|
||||
}
|
||||
.w-person-content {
|
||||
position: static !important;
|
||||
transform: none !important;
|
||||
padding: 2mm !important;
|
||||
}
|
||||
|
||||
.w-pricing-item-h {
|
||||
border: 1px solid #000 !important;
|
||||
}
|
||||
.w-progbar-bar-h {
|
||||
border: 1px solid #000 !important;
|
||||
}
|
||||
.w-progbar-bar-count:after {
|
||||
display: none !important;
|
||||
}
|
||||
.w-progbar-bar-count {
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
.w-separator {
|
||||
height: 4mm !important;
|
||||
}
|
||||
|
||||
.w-slider .royalSlider,
|
||||
.w-slider .rsOverflow {
|
||||
height: auto !important;
|
||||
}
|
||||
.w-slider .rsContainer {
|
||||
transform: none !important;
|
||||
}
|
||||
.w-slider .rsSlide {
|
||||
position: static !important;
|
||||
}
|
||||
.w-slider .rsSlide img {
|
||||
margin: 0 !important;
|
||||
height: auto !important;
|
||||
width: auto !important;
|
||||
max-width: 100% !important;
|
||||
}
|
||||
.w-slider .rsABlock,
|
||||
.w-slider .rsArrow,
|
||||
.w-slider .rsFullscreenBtn,
|
||||
.w-slider .rsNav {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.w-tabs-list {
|
||||
display: none !important;
|
||||
}
|
||||
.w-tabs-sections,
|
||||
.w-tabs-sections-h,
|
||||
.w-tabs-section {
|
||||
position: static !important;
|
||||
height: auto !important;
|
||||
width: auto !important;
|
||||
}
|
||||
.w-tabs-section {
|
||||
display: block !important;
|
||||
float: none !important;
|
||||
padding: 0 !important;
|
||||
margin-bottom: 10mm !important;
|
||||
border-top: 1px solid #000 !important;
|
||||
}
|
||||
.w-tabs-section:last-child {
|
||||
border-bottom-width: 0 !important;
|
||||
}
|
||||
.w-tabs-section-header {
|
||||
display: block !important;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.w-tabs-section-header-h {
|
||||
line-height: inherit !important;
|
||||
height: auto !important;
|
||||
width: auto !important;
|
||||
}
|
||||
.w-tabs-section-header:before,
|
||||
.w-tabs-section-control {
|
||||
display: none !important;
|
||||
}
|
||||
.w-tabs-section-content {
|
||||
display: block !important;
|
||||
}
|
||||
.w-tabs-section-content-h {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.woocommerce-Tabs-panel {
|
||||
display: block !important;
|
||||
margin-bottom: 10mm !important;
|
||||
}
|
||||
}
|
||||
@@ -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%;
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1 @@
|
||||
#bbpress-forums{position:relative}#bbpress-forums ul,#bbpress-forums li{list-style:none;margin:0;padding:0}#bbpress-forums fieldset,.bbp-login-form fieldset{border-radius:.3rem;border-style:solid;border-width:2px}#bbpress-forums ul.bbp-threaded-replies{margin-left:3rem}#bbpress-forums ul.bbp-lead-topic,#bbpress-forums ul.bbp-topics,#bbpress-forums ul.bbp-forums,#bbpress-forums ul.bbp-replies,#bbpress-forums ul.bbp-search-results{overflow:hidden;margin-bottom:1.3rem;clear:both}#bbpress-forums li.bbp-header,#bbpress-forums li.bbp-body,#bbpress-forums li.bbp-footer{clear:both}#bbpress-forums li.bbp-header ul{overflow:hidden}#bbpress-forums ul.bbp-search-results li.bbp-header{display:none}#bbpress-forums li.bbp-footer{display:none}#bbpress-forums li.bbp-footer p{margin:0;line-height:1em}#bbpress-forums .bbp-meta,#bbpress-forums .henrty{position:relative}#bbpress-forums div.row-actions{font-size:.8rem;visibility:hidden}#bbpress-forums li:hover>div.row-actions{visibility:visible}.widget .topic-author .avatar,.widget .bbp-author-avatar,.bbp-topic-meta .bbp-author-avatar,.bbp-topic-meta .avatar,.bbp-topic-freshness-author img,.bbp-template-notice .bbp-author-avatar{display:none}.bbp-author-avatar img{display:block;border-radius:50%}fieldset div.avatar{float:right}div.bbp-breadcrumb{display:none}div.bbp-breadcrumb{display:none}#bbp-topic-hot-tags{clear:both}#bbpress-forums div.bbp-reply-to{margin-left:8rem;padding:.8rem .8rem .8rem 0;text-align:right}#bbpress-forums #bbp-cancel-reply-to-link{float:right;margin-top:1rem}#merge_tag,#delete_tag{display:inline}div.bbp-submit-wrapper{clear:both}p.form-allowed-tags{max-width:100%}#bbpress-forums .bbp-body ul.forum{overflow:hidden;position:relative;padding:1rem 0;border-bottom-width:1px;border-bottom-style:solid}#bbpress-forums .bbp-forums li.bbp-header{padding:0 0 .4rem;border-bottom-width:1px;border-bottom-style:solid}#bbpress-forums ul.bbp-forums-list{margin-top:.6rem}#bbpress-forums ul.bbp-forums-list li{display:inline;font-size:.9rem;margin-right:.3rem}li.bbp-forum-info{float:left;text-align:left;width:50%}.bbp-forum-info .bbp-forum-title{font-size:1.3rem}.bbp-forum-info .bbp-forum-content{margin-top:.6rem}.bbp-forum-info .bbp-forum-content:empty{display:none}li.bbp-forum-topic-count,li.bbp-forum-reply-count{float:left;font-size:1.2rem;text-align:center;width:15%}li.bbp-forum-freshness{font-size:.8rem;text-align:center;float:left;width:20%}li.bbp-forum-freshness .bbp-topic-meta{display:none}.bbp-header li.bbp-forum-topic-count,.bbp-header li.bbp-forum-reply-count,.bbp-header li.bbp-forum-freshness{font-size:inherit}#bbpress-forums .bbp-body ul.topic{overflow:hidden;position:relative;padding:1rem 0 1rem 2.2rem;border-bottom-width:1px;border-bottom-style:solid}#bbpress-forums .bbp-body ul.topic:before{display:block;position:absolute;top:1rem;left:0;font-family:fontawesome;font-weight:400;font-size:1.2rem}.bbp-topics-front ul.topic:before,.bbp-topics ul.topic:before{content:'\f086';opacity:.5}.bbp-topics-front ul.topic.super-sticky:before,.bbp-topics-front ul.topic.sticky:before,.bbp-topics ul.topic.super-sticky:before,.bbp-topics ul.topic.sticky:before{content:'\f005';font-weight:900;opacity:1;color:#fb0}.bbp-topics-front ul.topic.super-sticky .bbp-topic-permalink,.bbp-topics ul.topic.super-sticky .bbp-topic-permalink{font-weight:700}.bbp-topics-front .topic.status-closed:before,.bbp-topics .topic.status-closed:before{content:'\f023'}#bbpress-forums .bbp-topics li.bbp-header{padding:0 0 .4rem 2.5rem;border-bottom-width:1px;border-bottom-style:solid}li.bbp-topic-title{float:left;text-align:left;width:60%}.bbp-topic-title .bbp-topic-permalink{font-size:1.2rem;margin-right:.3rem}li.bbp-topic-voice-count,li.bbp-topic-reply-count{float:left;text-align:center;width:10%}.bbp-body li.bbp-topic-voice-count,.bbp-body li.bbp-topic-reply-count{font-size:1.2rem}li.bbp-topic-freshness{text-align:center;float:left;width:20%}li.bbp-forum-freshness>a,li.bbp-topic-freshness>a{font-size:.8rem;line-height:1.5;color:inherit}#bbpress-forums p.bbp-topic-meta{font-size:.8rem;line-height:1.5;margin:2px 0 0;word-wrap:break-word}p.bbp-topic-meta a{color:inherit}p.bbp-topic-meta span{white-space:nowrap;margin-right:.2rem}.bbp-replies .bbp-header .bbp-reply-author{display:none}#bbpress-forums .bbp-replies .bbp-header .bbp-reply-content{display:none;position:absolute;top:-4rem;left:0;margin:0;font-size:0;overflow:hidden}.logged-in #bbpress-forums .bbp-replies .bbp-header .bbp-reply-content{display:block}#subscription-toggle,#favorite-toggle{float:right;padding:.2rem 1rem;border-radius:0 0 .3rem 0}#favorite-toggle{border-radius:0 0 0 .3rem;padding:.2rem 1rem}#bbpress-forums>#subscription-toggle{position:absolute;top:-4rem;left:0;margin:0;padding:.2rem 1rem;border-radius:0 0 .3rem .3rem}#subscription-toggle span,#favorite-toggle span{vertical-align:top;font-size:.8rem}#subscription-toggle span.is-subscribed:before,#favorite-toggle span.is-favorite:before{content:'\f004';font-family:fontawesome;font-wLine truncated
|
||||
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1 @@
|
||||
.gform_description:not(:empty){display:block;margin-top:-1rem}.gform_wrapper .gform_fields{list-style:none;margin:0}.gf_clear,.gform_wrapper .description,.gform_wrapper .gfield_description,.gform_wrapper .gsection_description,.gform_wrapper .instruction{clear:both}.gform_wrapper .gform_heading,.gform_wrapper .gfield{margin:0 0 1.5rem}.gform_wrapper li:after{content:'';display:block;clear:both}.gform_wrapper .gfield_label{display:block;font-weight:700;margin-bottom:.3rem}.gform_wrapper .gfield_required{margin-left:.2rem;color:red}.gform_wrapper .charleft,.gform_wrapper .gfield_description{font-size:.9rem;line-height:1.3rem;padding-top:.4rem;opacity:.65}.gform_wrapper .charleft{white-space:nowrap!important}.gform_wrapper .description_above .gfield_description{padding-top:0;padding-bottom:.5rem;margin-top:.25rem}.gform_wrapper .gfield_radio,.gform_wrapper .gfield_checkbox{margin:0}.gform_wrapper .gfield_radio li,.gform_wrapper .gfield_checkbox li{display:block;line-height:1.3rem;padding:.25rem 0;margin:0}.gform_wrapper .gfield_radio input[type="radio"]{vertical-align:top;margin:4px 7px 0 0}.gform_wrapper .gfield_checkbox input[type="checkbox"]{vertical-align:top;margin:4px 4px 0 0}.gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label,.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label{font-weight:700}.gform_wrapper .top_label input.small,.gform_wrapper .top_label select.small{width:25%;min-width:80px}.gform_wrapper .right_label input.small,.gform_wrapper .right_label select.small,.gform_wrapper .left_label input.small,.gform_wrapper .left_label select.small{width:15%;min-width:80px}.gform_wrapper textarea.small{height:6rem}.gform_wrapper .top_label input.medium,.gform_wrapper .top_label select.medium{width:50%}.gform_wrapper .right_label input.medium,.gform_wrapper .right_label select.medium,.gform_wrapper .left_label input.medium,.gform_wrapper .left_label select.medium{width:35%}.gform_wrapper textarea.medium{height:10rem}.gform_wrapper textarea.large{height:14rem}.gform_wrapper .gsection{clear:both;margin-top:2rem!important;padding-top:1.3rem!important;border-top:1px solid}.gform_wrapper .gsection h2{font-size:1.5rem}.gform_wrapper .hidden_label .gfield_label,.gform_wrapper label.hidden_sub_label{position:absolute;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0}.gform_wrapper .left_label .gfield_label,.gform_wrapper .right_label .gfield_label{float:left;padding-right:1rem;width:30%}.gform_wrapper .right_label .gfield_label{text-align:right}.gform_wrapper .left_label .ginput_container,.gform_wrapper .right_label .ginput_container{float:left;width:70%}.gform_wrapper .left_label .gfield_description,.gform_wrapper .right_label .gfield_description{margin-left:30%}.gform_wrapper .left_label .gfield_captcha_container,.gform_wrapper .right_label .gfield_captcha_container,.gform_wrapper .gform_footer.left_label,.gform_wrapper .gform_footer.right_label{margin-left:30%}.gform_wrapper .ginput_complex .ginput_full{display:block;clear:both}.gform_wrapper .ginput_complex .ginput_left{float:left;width:49%}.gform_wrapper .ginput_complex .ginput_right{float:right;width:49%}.gform_wrapper .ginput_complex .name_prefix,.gform_wrapper .ginput_complex .name_suffix,.gform_wrapper .ginput_complex .name_first,.gform_wrapper .ginput_complex .name_middle,.gform_wrapper .ginput_complex .name_last{float:left}.gform_wrapper .ginput_complex .name_prefix,.gform_wrapper .ginput_complex .name_first,.gform_wrapper .ginput_complex .name_middle,.gform_wrapper .ginput_complex.has_suffix .name_last{margin-right:2%}.gform_wrapper .ginput_complex.has_first_name.has_last_name span{width:49%}.gform_wrapper .ginput_complex.has_first_name.has_middle_name.has_last_name span{width:32%}.gform_wrapper .ginput_complex.has_first_name.has_middle_name.has_last_name.has_prefix span,.gform_wrapper .ginput_complex.has_first_name.has_middle_name.has_last_name.has_suffix span{width:auto}.gform_wrapper .ginput_complex span>label{display:block;font-size:.9rem;line-height:1.2rem;padding:.25rem 0 .6rem;opacity:.65}.gform_wrapper .field_sublabel_above .ginput_complex span>label{padding:.2rem 0 .4rem}.gform_wrapper .field_sublabel_above .ginput_complex span{margin-bottom:.4rem}.gform_wrapper .gfield_time_hour,.gform_wrapper .gfield_time_minute,.gform_wrapper .gfield_time_ampm,.gform_wrapper .gfield_date_month,.gform_wrapper .gfield_date_day,.gform_wrapper .gfield_date_year{float:left;margin-right:.6rem;width:5rem}.gform_wrapper .gfield_date_dropdown_month,.gform_wrapper .gfield_date_dropdown_day,.gform_wrapper .gfield_date_dropdown_year{float:left;margin-right:.6rem;width:auto!important}.gform_wrapper input.datepicker{float:left;width:14rem!important}.gform_wrapper input.datepicker_with_icon+img{margin:.8rem 0 0 -2rem;cursor:pointer}.gform_confirmation_message,.form_saved_message_sent{font-size:1.2rem;color:#4c0}.gform_wrapper .validation_error{font-size:1.2rem;margLine truncated
|
||||
@@ -0,0 +1,85 @@
|
||||
/*
|
||||
* Slider Revolution
|
||||
*/
|
||||
|
||||
/* Arrows */
|
||||
.tp-leftarrow.tparrows.custom,
|
||||
.tp-rightarrow.tparrows.custom {
|
||||
font-size: 1.8rem;
|
||||
text-align: center;
|
||||
line-height: 3.5rem;
|
||||
height: 3.5rem;
|
||||
width: 3.5rem;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
background: none !important;
|
||||
transition: opacity 0.3s, box-shadow 0.3s;
|
||||
box-shadow: 0 0 0 2px #fff inset;
|
||||
color: #fff;
|
||||
}
|
||||
.no-touch .tp-leftarrow.tparrows.custom:hover,
|
||||
.no-touch .tp-rightarrow.tparrows.custom:hover {
|
||||
box-shadow: 0 0 0 2px transparent inset;
|
||||
}
|
||||
.tp-leftarrow.tparrows.custom:before,
|
||||
.tp-rightarrow.tparrows.custom:before {
|
||||
display: none;
|
||||
}
|
||||
.no-touch .tp-leftarrow.tparrows.custom:before,
|
||||
.no-touch .tp-rightarrow.tparrows.custom:before {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 0;
|
||||
width: 100%;
|
||||
transition: height 0.3s;
|
||||
}
|
||||
.no-touch .tp-leftarrow.tparrows.custom:hover:before,
|
||||
.no-touch .tp-rightarrow.tparrows.custom:hover:before {
|
||||
height: 100%;
|
||||
}
|
||||
.tp-rightarrow.tparrows.custom:after {
|
||||
content: '\f105';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
vertical-align: top;
|
||||
padding-left: 0.2rem;
|
||||
position: relative;
|
||||
}
|
||||
.tp-leftarrow.tparrows.custom:after {
|
||||
content: '\f104';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
vertical-align: top;
|
||||
padding-right: 0.2rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Bullets */
|
||||
.tp-bullets.custom .tp-bullet {
|
||||
width: auto;
|
||||
height: auto;
|
||||
background: none;
|
||||
}
|
||||
.tp-bullets.custom .tp-bullet:after {
|
||||
content: '';
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: inherit;
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
box-sizing: border-box;
|
||||
width: 8px; /* fixed value */
|
||||
height: 8px; /* fixed value */
|
||||
margin: 6px; /* fixed value */
|
||||
}
|
||||
.tp-bullets.custom .tp-bullet.selected:after {
|
||||
background-color: rgba(0,0,0,0) !important;
|
||||
border-width: 1px;
|
||||
width: 10px; /* fixed value */
|
||||
height: 10px; /* fixed value */
|
||||
margin: 5px; /* fixed value */
|
||||
}
|
||||
@@ -0,0 +1,135 @@
|
||||
/*
|
||||
* TablePress
|
||||
*/
|
||||
|
||||
.dataTables_processing {
|
||||
display: none;
|
||||
}
|
||||
.dataTables_scroll {
|
||||
clear: both;
|
||||
}
|
||||
.dataTables_scrollBody {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.tablepress-table-description {
|
||||
display: block;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.dataTables_wrapper {
|
||||
clear: both;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.dataTables_wrapper:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.dataTables_wrapper .tablepress {
|
||||
clear: both;
|
||||
margin: 0;
|
||||
width: 100% !important;
|
||||
}
|
||||
.tablepress tbody td {
|
||||
vertical-align: top;
|
||||
}
|
||||
.tablepress thead th {
|
||||
font-weight: bold;
|
||||
padding-top: 0;
|
||||
}
|
||||
.tablepress tfoot th {
|
||||
font-weight: bold;
|
||||
border: 0;
|
||||
}
|
||||
.tablepress .odd td {
|
||||
background: rgba(0,0,0,0.03);
|
||||
}
|
||||
.tablepress img {
|
||||
max-width: none;
|
||||
}
|
||||
.dataTables_length {
|
||||
float: left;
|
||||
white-space: nowrap;
|
||||
margin-bottom: 0.7rem;
|
||||
}
|
||||
.dataTables_filter {
|
||||
float: right;
|
||||
white-space: nowrap;
|
||||
margin-bottom: 0.7rem;
|
||||
}
|
||||
.dataTables_wrapper label input {
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
margin-left: 0.7rem;
|
||||
}
|
||||
.dataTables_wrapper label select {
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
margin: 0 0.3rem;
|
||||
}
|
||||
.dataTables_info {
|
||||
font-size: 0.9rem;
|
||||
clear: both;
|
||||
float: left;
|
||||
margin-top: 0.7rem;
|
||||
}
|
||||
.dataTables_paginate {
|
||||
font-size: 0.9rem;
|
||||
float: right;
|
||||
margin-top: 0.7rem;
|
||||
}
|
||||
.dataTables_paginate a {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
cursor: pointer;
|
||||
margin-left: 0.7rem;
|
||||
}
|
||||
.paginate_button.disabled {
|
||||
color: inherit !important;
|
||||
cursor: default;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.paginate_button.current {
|
||||
font-weight: bold;
|
||||
cursor: default;
|
||||
}
|
||||
.paging_simple .paginate_button.previous:before {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
content: '\f104';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
margin-right: 0.4rem;
|
||||
}
|
||||
.paging_simple .paginate_button.next:after {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
content: '\f105';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
margin-left: 0.4rem;
|
||||
}
|
||||
|
||||
/* Sorting */
|
||||
.tablepress .sorting,
|
||||
.tablepress .sorting_asc,
|
||||
.tablepress .sorting_desc {
|
||||
cursor: pointer;
|
||||
}
|
||||
.tablepress .sorting_asc:after,
|
||||
.tablepress .sorting_desc:after {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
content: '\f0d7';
|
||||
font-family: fontawesome;
|
||||
font-weight: 900;
|
||||
font-size: 1.2rem;
|
||||
margin-left: 0.4rem;
|
||||
margin-right: -1.2rem;
|
||||
width: 0.8rem;
|
||||
}
|
||||
.tablepress .sorting_asc:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.dataTables_scrollBody .tablepress thead th:after {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,754 @@
|
||||
/*
|
||||
----------------------------------------------------------------
|
||||
|
||||
IMPREZA The Events Calendar styles
|
||||
|
||||
NOTE: DO NOT EDIT THIS FILE!
|
||||
THIS FILE IS REPLACED DURING AUTO-UPDATES
|
||||
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.
|
||||
|
||||
----------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.tribe-events-visuallyhidden {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
.tribe-events-error,
|
||||
.events-archive span.edit-link {
|
||||
display: none;
|
||||
}
|
||||
.tribe-events-notices {
|
||||
text-align: center;
|
||||
margin-bottom: 1.5rem;
|
||||
padding: 1.3rem 1.5rem;
|
||||
border-radius: 0.3rem;
|
||||
background: #cef;
|
||||
color: #3a648e;
|
||||
}
|
||||
.tribe-events-notices > ul,
|
||||
.tribe-events-notices > ul > li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.tribe-events-ajax-loading.tribe-events-active-spinner {
|
||||
display: block;
|
||||
}
|
||||
.tribe-events-active-spinner:before,
|
||||
.tribe-events-active-spinner:after {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
left: 50%;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
margin-left: -1.5rem;
|
||||
border-radius: 50%;
|
||||
border: 2px solid;
|
||||
}
|
||||
.tribe-events-active-spinner:before {
|
||||
opacity: 0.2;
|
||||
}
|
||||
.tribe-events-active-spinner:after {
|
||||
border-color: transparent;
|
||||
border-top-color: inherit;
|
||||
animation: rotation 0.8s infinite cubic-bezier(.6,.3,.3,.6);
|
||||
}
|
||||
.tribe-events-ajax-loading,
|
||||
.tribe-events-active-spinner img {
|
||||
display: none;
|
||||
}
|
||||
.tribe-events-active-spinner ~ .tribe-events-page-title,
|
||||
.tribe-events-active-spinner ~ .tribe-events-notices {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.tribe-events-content > .l-section {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.tribe-events-button {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
line-height: 1.2;
|
||||
border-style: solid;
|
||||
margin: 0 1rem 0.5rem 0;
|
||||
}
|
||||
a.tribe-events-button {
|
||||
font-size: 12px;
|
||||
}
|
||||
#tribe-events-content,
|
||||
.tribe-events {
|
||||
position: relative;
|
||||
}
|
||||
.tribe-events-page-title {
|
||||
text-align: center;
|
||||
padding: 0.6rem 0 !important;
|
||||
}
|
||||
#tribe-events-header {
|
||||
display: none;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.events-gridview #tribe-events-header {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.tribe-events-nav-pagination {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.tribe-events-sub-nav {
|
||||
display: flex;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.5;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
}
|
||||
.tribe-events-sub-nav li {
|
||||
margin: 0;
|
||||
width: 50%;
|
||||
}
|
||||
.tribe-events-sub-nav .tribe-events-nav-next,
|
||||
.tribe-events-sub-nav .tribe-events-nav-right {
|
||||
margin-left: auto;
|
||||
text-align: right;
|
||||
}
|
||||
.tribe-mobile .tribe-events-sub-nav {
|
||||
font-size: 0.9rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tribe-mobile.single-tribe_events .tribe-events-sub-nav {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
.tribe-mobile .tribe-events-sub-nav li {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
.tribe-mobile .tribe-events-sub-nav li a {
|
||||
display: block;
|
||||
padding: 0.6rem;
|
||||
}
|
||||
|
||||
/* Events Navigation Bar */
|
||||
#tribe-bar-form {
|
||||
display: flex;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
#tribe-bar-form label {
|
||||
display: block;
|
||||
font-size: 0.8rem;
|
||||
font-weight: bold;
|
||||
line-height: 1rem;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
#tribe-bar-filters-wrap {
|
||||
flex-grow: 1;
|
||||
}
|
||||
#tribe-bar-form.tribe-bar-full .tribe-bar-filters {
|
||||
display: block !important;
|
||||
}
|
||||
.tribe-bar-filters-inner {
|
||||
display: flex;
|
||||
}
|
||||
.tribe-bar-date-filter {
|
||||
flex-shrink: 0;
|
||||
padding-right: 1rem;
|
||||
width: 25%;
|
||||
}
|
||||
.tribe-bar-search-filter {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.tribe-bar-submit {
|
||||
flex-shrink: 0;
|
||||
padding-left: 1rem;
|
||||
width: 25%;
|
||||
}
|
||||
.tribe-bar-submit input[type="submit"] {
|
||||
font-size: 0.8rem;
|
||||
line-height: calc(2.8rem - 4px);
|
||||
margin: 1.3rem 0 0;
|
||||
padding: 0 0.6rem !important;
|
||||
width: 100%;
|
||||
}
|
||||
#tribe-bar-views {
|
||||
flex-shrink: 0;
|
||||
width: 20%;
|
||||
margin-left: 2rem;
|
||||
position: relative;
|
||||
}
|
||||
#tribe-bar-views [name="tribe-bar-view"] {
|
||||
display: none;
|
||||
}
|
||||
#tribe-bar-views-toggle {
|
||||
display: block;
|
||||
text-align: left;
|
||||
line-height: 2.8rem;
|
||||
padding: 0 0.8rem;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
border-radius: 0.3rem;
|
||||
box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,0.08) inset;
|
||||
}
|
||||
#tribe-bar-views-toggle:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0.8rem;
|
||||
content: '\f0d7';
|
||||
font: 900 1.2rem/2.8rem fontawesome;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tribe-bar-views-list {
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
left: 0;
|
||||
right: 0;
|
||||
list-style-type: none;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,0.15);
|
||||
}
|
||||
.tribe-bar-views-option {
|
||||
line-height: 2rem;
|
||||
padding: 0 0.8rem;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
#tribe-bar-collapse-toggle {
|
||||
display: none;
|
||||
font-size: 0.9rem;
|
||||
font-weight: bold;
|
||||
line-height: 2.8rem;
|
||||
padding: 0 0.8rem;
|
||||
margin-top: 1.3rem;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
}
|
||||
#tribe-bar-collapse-toggle:after {
|
||||
vertical-align: top;
|
||||
content: '\f0d7';
|
||||
font: 900 1.2rem/2.8rem fontawesome;
|
||||
cursor: pointer;
|
||||
}
|
||||
#tribe-bar-collapse-toggle.tribe-bar-filters-open:after {
|
||||
content: '\f0d8';
|
||||
}
|
||||
#tribe-bar-form.tribe-bar-collapse,
|
||||
#tribe-bar-form.tribe-bar-collapse #tribe-bar-collapse-toggle {
|
||||
display: block;
|
||||
}
|
||||
.tribe-bar-collapse #tribe-bar-views {
|
||||
font-size: 0.9rem;
|
||||
margin: 1rem 0 0;
|
||||
width: 100%;
|
||||
}
|
||||
.tribe-bar-collapse .tribe-bar-filters {
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 1rem;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,0.15);
|
||||
}
|
||||
.tribe-bar-collapse .tribe-bar-filters-inner {
|
||||
flex-direction: column;
|
||||
}
|
||||
.tribe-bar-collapse .tribe-bar-filters-inner > div {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.tribe-bar-collapse .tribe-bar-filters-inner .tribe-bar-search-filter {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
.tribe-bar-disabled #tribe-bar-collapse-toggle,
|
||||
.tribe-bar-disabled .tribe-bar-submit,
|
||||
.tribe-bar-disabled + #tribe-events-content #tribe-events-header {
|
||||
display: none;
|
||||
}
|
||||
.tribe-bar-disabled #tribe-bar-views,
|
||||
.tribe-bar-disabled #tribe-bar-views + .tribe-bar-filters {
|
||||
width: 50%;
|
||||
}
|
||||
.tribe-bar-disabled .tribe-bar-date-filter {
|
||||
padding-right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.tribe-bar-disabled #tribe-bar-form {
|
||||
display: block;
|
||||
}
|
||||
.tribe-bar-disabled #tribe-bar-views {
|
||||
font-size: 0.9rem;
|
||||
margin: 1rem 0 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.tribe-bar-disabled + #tribe-events-content .tribe-events-page-title {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
/* List */
|
||||
.tribe-events-loop {
|
||||
clear: both;
|
||||
}
|
||||
.tribe-events-day-time-slot-heading,
|
||||
.tribe-events-list-separator-month {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.tribe-events-day-time-slot-heading:before,
|
||||
.tribe-events-day-time-slot-heading:after,
|
||||
.tribe-events-list-separator-month:before,
|
||||
.tribe-events-list-separator-month:after {
|
||||
content: '';
|
||||
flex-grow: 1;
|
||||
border-bottom: 1px solid;
|
||||
border-color: inherit;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.tribe-events-day-time-slot-heading:after,
|
||||
.tribe-events-list-separator-month:after {
|
||||
margin-left: 1.5rem;
|
||||
}
|
||||
.tribe-events-day-time-slot-heading:before,
|
||||
.tribe-events-list-separator-month:before {
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
.tribe-events-list .type-tribe_events {
|
||||
clear: both;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
.tribe-events-list .tribe-events-event-cost {
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
line-height: 2.4;
|
||||
padding: 0 1rem;
|
||||
margin-left: 2rem;
|
||||
border-radius: 0.2rem;
|
||||
color: #fff;
|
||||
}
|
||||
.tribe-events-list .type-tribe_events h2 {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.tribe-events-list .type-tribe_events h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
.tribe-events-loop .tribe-events-list-event-title {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.tribe-events-event-meta .time-details,
|
||||
.tribe-events-event-meta .tribe-event-schedule-details {
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.tribe-events-event-meta .tribe-events-venue-details {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.tribe-events-event-meta address {
|
||||
display: inline;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.tribe-events-event-image {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.tribe-events-list-event-description p {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* Calendar */
|
||||
.tribe-events-calendar thead th {
|
||||
font-size: 0.8rem;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
border-width: 0 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
.tribe-events-calendar td {
|
||||
font-size: 0.9rem;
|
||||
vertical-align: top;
|
||||
height: 114px; /* fixed value */
|
||||
width: 14.285%;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
.tribe-events-calendar tr:first-child td {
|
||||
border-top-width: 0;
|
||||
}
|
||||
.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"],
|
||||
.tribe-events-calendar td.tribe-events-past .tribe-events-month-event-title,
|
||||
.tribe-events-calendar td.tribe-events-past .tribe-events-viewmore {
|
||||
opacity: 0.6;
|
||||
}
|
||||
.tribe-events-calendar td.tribe-events-othermonth div[id*="tribe-events-daynum-"],
|
||||
.tribe-events-calendar td.tribe-events-othermonth .tribe-events-month-event-title,
|
||||
.tribe-events-calendar td.tribe-events-othermonth .tribe-events-viewmore {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.tribe-events-present div[id*="tribe-events-daynum-"] {
|
||||
font-weight: bold;
|
||||
}
|
||||
.tribe-events-calendar div[id*="tribe-events-daynum-"] a {
|
||||
color: inherit;
|
||||
}
|
||||
.tribe-events-calendar .type-tribe_events {
|
||||
position: relative;
|
||||
padding-bottom: 0.6rem;
|
||||
}
|
||||
.tribe-events-calendar .type-tribe_events + .type-tribe_events {
|
||||
padding-top: 0.6rem;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
}
|
||||
.tribe-events-month-event-title {
|
||||
font-size: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
.tribe-events-month-event-title a {
|
||||
display: block;
|
||||
border: none !important;
|
||||
}
|
||||
.tribe-events-viewmore {
|
||||
font-weight: bold;
|
||||
line-height: 1.2;
|
||||
padding: 0.3rem 0;
|
||||
}
|
||||
|
||||
/* Mobile List */
|
||||
.tribe-events-mobile {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.tribe-events-mobile .summary {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.tribe-events-mobile .tribe-events-event-schedule-details {
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
/* Global Tooltips */
|
||||
.tribe-events-calendar .tribe-events-tooltip,
|
||||
.tribe-events-week .tribe-events-tooltip,
|
||||
.recurring-info-tooltip {
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 1001;
|
||||
bottom: 2rem;
|
||||
left: 0;
|
||||
width: 20rem;
|
||||
padding: 1.3rem;
|
||||
line-height: 1.4;
|
||||
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
|
||||
}
|
||||
.tribe-events-calendar .tribe-events-right .tribe-events-tooltip,
|
||||
.tribe-events-week .tribe-events-right .tribe-events-tooltip, .recurring-info-tooltip {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.tribe-events-right .tribe-events-tooltip .tribe-events-arrow {
|
||||
left: auto;
|
||||
right: 2rem;
|
||||
}
|
||||
.tribe-events-tooltip .entry-title {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
}
|
||||
.tribe-events-tooltip .tribe-event-duration {
|
||||
font-weight: bold;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
.tribe-events-tooltip .tribe-event-duration,
|
||||
.tribe-events-tooltip .tribe-events-event-thumb,
|
||||
.tribe-events-tooltip .tribe-event-description {
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
/* Events Widgets */
|
||||
.tribe-events-list-widget ol,
|
||||
.tribe-events-adv-list-widget ol {
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
.tribe-events-list-widget ol li {
|
||||
position: relative;
|
||||
line-height: 1.4rem;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
.tribe-events-list-widget ol li:before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
content: '\f105';
|
||||
font-family: fontawesome;
|
||||
font-weight: 400;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.tribe-events-list-widget li h4 {
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
.tribe-events-list-widget .tribe-event-duration {
|
||||
font-size: 0.9rem;
|
||||
padding-top: 0.2rem;
|
||||
}
|
||||
|
||||
/* Event Page */
|
||||
.tribe-events-single-event-title {
|
||||
padding: 0;
|
||||
}
|
||||
.tribe-events-schedule h2 {
|
||||
display: inline-block;
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
margin-right: 1.3rem;
|
||||
}
|
||||
.tribe-events-cost {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
line-height: 2;
|
||||
padding: 0 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 0.3rem;
|
||||
color: #fff;
|
||||
}
|
||||
.tribe-events-divider {
|
||||
display: none;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.single-tribe_events .tribe-events-event-image {
|
||||
float: left;
|
||||
width: 48%;
|
||||
margin: 0 3rem 3rem 0;
|
||||
}
|
||||
}
|
||||
.tribe-events-single-event-description,
|
||||
.tribe-events-cal-links {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.tribe-events-single-section {
|
||||
clear: both;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.tribe-events-single-section:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.tribe-events-meta-group {
|
||||
float: left;
|
||||
padding: 3% 4%;
|
||||
width: 33.3333%;
|
||||
}
|
||||
.tribe-events-single-section-title {
|
||||
font-size: 1.7rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.tribe-events-single-section dl {
|
||||
line-height: 1.5;
|
||||
}
|
||||
.tribe-events-single-section dt {
|
||||
font-size: 0.9rem;
|
||||
font-weight: bold;
|
||||
margin: 0 0 2px; /* fixed value */
|
||||
}
|
||||
.tribe-events-single-section dd {
|
||||
margin: 0 0 0.5rem;
|
||||
}
|
||||
.tribe-events-single-section dd.tribe-venue {
|
||||
font-weight: bold;
|
||||
}
|
||||
.tribe-events-meta-group.tribe-events-meta-group-gmap {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.tribe-events-meta-group .tribe-events-venue-map > div {
|
||||
height: 0 !important;
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.tribe-events-single-section.secondary .tribe-events-venue-map {
|
||||
float: left;
|
||||
width: 66.6666%;
|
||||
}
|
||||
}
|
||||
#eventbrite-embed {
|
||||
width: 100%;
|
||||
min-height: 13rem;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
.eventbrite-ticket-embed {
|
||||
margin: 0 0 2rem;
|
||||
}
|
||||
|
||||
/* Datepicker */
|
||||
.datepicker {
|
||||
direction: ltr;
|
||||
}
|
||||
.datepicker.datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.datepicker.dropdown-menu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 1000 !important;
|
||||
float: left;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.4;
|
||||
min-width: 16rem;
|
||||
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
|
||||
background: #fff;
|
||||
color: #333;
|
||||
}
|
||||
.datepicker > div {
|
||||
display: none;
|
||||
}
|
||||
.datepicker.days div.datepicker-days,
|
||||
.datepicker.months div.datepicker-months,
|
||||
.datepicker.years div.datepicker-years {
|
||||
display: block;
|
||||
}
|
||||
.datepicker table {
|
||||
margin: 0;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.datepicker td,
|
||||
.datepicker th {
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
width: 2.4rem;
|
||||
height: 2.4rem;
|
||||
border: none;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker th.dow {
|
||||
font-size: 11px; /* fixed value */
|
||||
}
|
||||
.datepicker th.datepicker-switch {
|
||||
width: auto;
|
||||
}
|
||||
.datepicker th:hover,
|
||||
.datepicker td.day:hover,
|
||||
.datepicker td.range,
|
||||
.datepicker td span:hover {
|
||||
background: #eee;
|
||||
}
|
||||
.datepicker th.dow {
|
||||
background: none !important;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker td.old,
|
||||
.datepicker td.new {
|
||||
color: #bbb;
|
||||
}
|
||||
.datepicker td.day.today,
|
||||
.datepicker td.day.active,
|
||||
.datepicker td span.active {
|
||||
background: #999;
|
||||
color: #fff;
|
||||
}
|
||||
.datepicker .disabled {
|
||||
background: none !important;
|
||||
color: #bbb !important;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker td span {
|
||||
float: left;
|
||||
width: 25%;
|
||||
line-height: 4rem;
|
||||
height: 4rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker.datepicker-rtl td span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.rounded_none .tribe-events-notices,
|
||||
.rounded_none .tribe-events-event-cost,
|
||||
.rounded_none .tribe-events-cost,
|
||||
.rounded_none .tribe-bar-views-list {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
.no-touch .links_underline .tribe-events-read-more:hover,
|
||||
.no-touch .links_underline .tribe-events-single-section dd a:hover,
|
||||
.no-touch .links_underline .tribe-events-list-event-title a:hover,
|
||||
.no-touch .links_underline .tribe-events-widget-link a:hover {
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
/* Responsive Styles */
|
||||
@media (max-width: 767px) {
|
||||
.tribe-events-notices {
|
||||
padding: 0.6rem 1.5rem;
|
||||
}
|
||||
.tribe-events-meta-group {
|
||||
float: none;
|
||||
padding: 1.5rem;
|
||||
width: 100%;
|
||||
}
|
||||
.tribe-events-single-section.secondary > div,
|
||||
.tribe-events-meta-group + .tribe-events-meta-group {
|
||||
padding-top: 0;
|
||||
}
|
||||
.tribe-events-single-section {
|
||||
margin: 0;
|
||||
}
|
||||
.tribe-events-list .tribe-events-event-cost {
|
||||
display: none;
|
||||
}
|
||||
.tribe-events-list .type-tribe_events {
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
.tribe-events-calendar th {
|
||||
padding: 0.3rem 0;
|
||||
}
|
||||
.tribe-events-calendar td {
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
padding: 0.3rem 0;
|
||||
height: 3rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tribe-events-calendar td.mobile-active {
|
||||
color: #fff;
|
||||
}
|
||||
.tribe-events-calendar td.tribe-events-has-events:after {
|
||||
content: '';
|
||||
display: block;
|
||||
margin: 0.3rem auto;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border-radius: 50%;
|
||||
border: 4px solid; /* fixed value */
|
||||
}
|
||||
.tribe-events-calendar td .tribe-events-viewmore,
|
||||
.tribe-events-calendar td .type-tribe_events {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.tribe-events-visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.tribe-events-error,.events-archive span.edit-link{display:none}.tribe-events-notices{text-align:center;margin-bottom:1.5rem;padding:1.3rem 1.5rem;border-radius:.3rem;background:#cef;color:#3a648e}.tribe-events-notices>ul,.tribe-events-notices>ul>li{margin:0;padding:0;list-style:none}.tribe-events-ajax-loading.tribe-events-active-spinner{display:block}.tribe-events-active-spinner:before,.tribe-events-active-spinner:after{display:block;content:'';position:absolute;top:1rem;left:50%;height:3rem;width:3rem;margin-left:-1.5rem;border-radius:50%;border:2px solid}.tribe-events-active-spinner:before{opacity:.2}.tribe-events-active-spinner:after{border-color:transparent;border-top-color:inherit;animation:rotation 0.8s infinite cubic-bezier(.6,.3,.3,.6)}.tribe-events-ajax-loading,.tribe-events-active-spinner img{display:none}.tribe-events-active-spinner~.tribe-events-page-title,.tribe-events-active-spinner~.tribe-events-notices{opacity:.1}.tribe-events-content>.l-section{padding:0!important}.tribe-events-button{display:inline-block;vertical-align:top;line-height:1.2;border-style:solid;margin:0 1rem .5rem 0}a.tribe-events-button{font-size:12px}#tribe-events-content,.tribe-events{position:relative}.tribe-events-page-title{text-align:center;padding:.6rem 0!important}#tribe-events-header{display:none}@media (min-width:768px){.events-gridview #tribe-events-header{display:block}}.tribe-events-nav-pagination{margin-bottom:1.5rem}.tribe-events-sub-nav{display:flex;font-size:1.2rem;line-height:1.5;list-style-type:none;margin:0}.tribe-events-sub-nav li{margin:0;width:50%}.tribe-events-sub-nav .tribe-events-nav-next,.tribe-events-sub-nav .tribe-events-nav-right{margin-left:auto;text-align:right}.tribe-mobile .tribe-events-sub-nav{font-size:.9rem;font-weight:700}.tribe-mobile.single-tribe_events .tribe-events-sub-nav{padding-top:1.5rem}.tribe-mobile .tribe-events-sub-nav li{text-align:center;padding:1px}.tribe-mobile .tribe-events-sub-nav li a{display:block;padding:.6rem}#tribe-bar-form{display:flex;margin-bottom:1.5rem}#tribe-bar-form label{display:block;font-size:.8rem;font-weight:700;line-height:1rem;margin-bottom:.3rem}#tribe-bar-filters-wrap{flex-grow:1}#tribe-bar-form.tribe-bar-full .tribe-bar-filters{display:block!important}.tribe-bar-filters-inner{display:flex}.tribe-bar-date-filter{flex-shrink:0;padding-right:1rem;width:25%}.tribe-bar-search-filter{flex-grow:1}.tribe-bar-submit{flex-shrink:0;padding-left:1rem;width:25%}.tribe-bar-submit input[type="submit"]{font-size:.8rem;line-height:calc(2.8rem - 4px);margin:1.3rem 0 0;padding:0 0.6rem!important;width:100%}#tribe-bar-views{flex-shrink:0;width:20%;margin-left:2rem;position:relative}#tribe-bar-views [name="tribe-bar-view"]{display:none}#tribe-bar-views-toggle{display:block;text-align:left;line-height:2.8rem;padding:0 .8rem;position:relative;width:100%;border-radius:.3rem;box-shadow:0 0 0 2px transparent,0 1px 0 rgba(0,0,0,.08) inset}#tribe-bar-views-toggle:before{position:absolute;top:0;right:.8rem;content:'\f0d7';font:900 1.2rem/2.8rem fontawesome;cursor:pointer}.tribe-bar-views-list{display:none;position:absolute;z-index:99;left:0;right:0;list-style-type:none;outline:none;margin:0;box-shadow:0 1px 4px rgba(0,0,0,.15)}.tribe-bar-views-option{line-height:2rem;padding:0 .8rem;margin:0;cursor:pointer}#tribe-bar-collapse-toggle{display:none;font-size:.9rem;font-weight:700;line-height:2.8rem;padding:0 .8rem;margin-top:1.3rem;position:relative;cursor:pointer;width:100%}#tribe-bar-collapse-toggle:after{vertical-align:top;content:'\f0d7';font:900 1.2rem/2.8rem fontawesome;cursor:pointer}#tribe-bar-collapse-toggle.tribe-bar-filters-open:after{content:'\f0d8'}#tribe-bar-form.tribe-bar-collapse,#tribe-bar-form.tribe-bar-collapse #tribe-bar-collapse-toggle{display:block}.tribe-bar-collapse #tribe-bar-views{font-size:.9rem;margin:1rem 0 0;width:100%}.tribe-bar-collapse .tribe-bar-filters{position:absolute;z-index:99;left:0;right:0;padding:1rem;box-shadow:0 1px 4px rgba(0,0,0,.15)}.tribe-bar-collapse .tribe-bar-filters-inner{flex-direction:column}.tribe-bar-collapse .tribe-bar-filters-inner>div{padding:0;width:100%}.tribe-bar-collapse .tribe-bar-filters-inner .tribe-bar-search-filter{padding-top:1rem}.tribe-bar-disabled #tribe-bar-collapse-toggle,.tribe-bar-disabled .tribe-bar-submit,.tribe-bar-disabled+#tribe-events-content #tribe-events-header{display:none}.tribe-bar-disabled #tribe-bar-views,.tribe-bar-disabled #tribe-bar-views+.tribe-bar-filters{width:50%}.tribe-bar-disabled .tribe-bar-date-filter{padding-right:0;width:100%}@media (max-width:768px){.tribe-bar-disabled #tribe-bar-form{display:block}.tribe-bar-disabled #tribe-bar-views{font-size:.9rem;margin:1rem 0 0;width:100%}}@media (min-width:768px){.tribe-bar-disabled+#tribe-events-content .tribe-events-page-title{text-align:left}}.tribe-events-loop{clear:both}.tribe-events-day-time-slot-headLine truncated
|
||||
@@ -0,0 +1,100 @@
|
||||
/*
|
||||
* Ultimate Addons for WPBakery Page Builder
|
||||
*/
|
||||
|
||||
.l-section.height_full > .upb_row_bg {
|
||||
min-height: inherit;
|
||||
}
|
||||
.g-cols > .upb_row_bg,
|
||||
.g-cols > .upb_video-wrapper {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
ul.slick-dots {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.aio-icon.circle {
|
||||
line-height: 2.5em;
|
||||
height: 2.5em;
|
||||
width: 2.5em;
|
||||
}
|
||||
.aio-icon.circle i,
|
||||
.aio-icon.square i,
|
||||
.icon_list_icon i,
|
||||
.info-circle-icons i {
|
||||
line-height: inherit !important;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Timeline */
|
||||
.smile-icon-timeline-wrap > a,
|
||||
.smile-icon-timeline-wrap .timeline-wrapper > a {
|
||||
color: inherit !important;
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-separator-text .sep-text {
|
||||
font-size: 0.9rem;
|
||||
line-height: 2;
|
||||
padding: 0 0.6rem;
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-wrapper .timeline-dot,
|
||||
.smile-icon-timeline-wrap .timeline-feature-item .timeline-dot {
|
||||
padding: 4px; /* fixed value */
|
||||
}
|
||||
.feat-item .timeline-dot {
|
||||
left: -0.5rem !important;
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-wrapper .timeline-block,
|
||||
.smile-icon-timeline-wrap .timeline-feature-item.feat-item {
|
||||
border-radius: 0.3rem;
|
||||
border: none;
|
||||
}
|
||||
.timeline-wrapper .timeline-post-left .ult-timeline-arrow l,
|
||||
.timeline-wrapper .timeline-post-right .ult-timeline-arrow l {
|
||||
border-top-color: transparent !important;
|
||||
border-bottom-color: transparent !important;
|
||||
}
|
||||
.timeline-feature-item.feat-item .ult-timeline-arrow l {
|
||||
border-left-color: transparent !important;
|
||||
border-right-color: transparent !important;
|
||||
}
|
||||
.timeline-wrapper .ult-timeline-arrow s,
|
||||
.feat-item .ult-timeline-arrow s {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
/* Info Box */
|
||||
a.aio-icon-box-link {
|
||||
color: inherit !important;
|
||||
}
|
||||
.aio-icon-box {
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
.aio-icon-box.square_box-icon .aio-icon-description {
|
||||
padding-bottom: 5%;
|
||||
}
|
||||
|
||||
/* Info List */
|
||||
.ulimate-info-list-link {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* Info Table & Price Box */
|
||||
.ult_pricing_table_wrap .ult_pricing_table .ult_price_features,
|
||||
.ult_pricing_table_wrap.ult_design_1 .ult_pricing_table .ult_price_link {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
/* Modal Box */
|
||||
.ult-overlay {
|
||||
z-index: 501 !important;
|
||||
}
|
||||
|
||||
/* Rounded Corners
|
||||
========================================================================== */
|
||||
.rounded_none .ultimate-call-to-action,
|
||||
.rounded_none .flip-box-wrap .flip-box .ifb-face,
|
||||
.rounded_none .smile-icon-timeline-wrap .timeline-wrapper .timeline-block,
|
||||
.rounded_none .smile-icon-timeline-wrap .timeline-feature-item.feat-item,
|
||||
.rounded_none .aio-icon-box {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1 @@
|
||||
.w-cart{position:relative}.w-cart:not(.height_full){line-height:50px}.w-cart-link{display:block;position:relative;text-align:center;width:2.2em}.w-cart-icon{display:inline-block;line-height:2.8rem}.w-cart-icon i{vertical-align:top;line-height:inherit}.w-cart-quantity{position:absolute;right:0;text-align:center;font-size:11px;padding:0 4px;line-height:20px;min-width:20px;border-radius:2rem;transition:transform 0.3s}.w-cart.empty .w-cart-quantity{transform:scale(0)}.w-cart-notification{display:none;position:absolute;z-index:121;font-size:.9rem;text-align:center;line-height:1.4rem;padding:1rem 1.5rem;width:20rem;background:rgba(0,0,0,.8);color:#ccc}.l-subheader-cell.at_center .w-cart-notification,.l-subheader-cell.at_right .w-cart-notification{right:0}.w-cart-notification .product-name{color:#fff}.w-cart-dropdown{display:none;position:absolute;z-index:120;font-size:1rem;text-align:left;padding:2rem;width:20rem;box-shadow:0 8px 15px rgba(0,0,0,.1)}.l-subheader-cell.at_center .w-cart-dropdown,.l-subheader-cell.at_right .w-cart-dropdown{right:0}.woocommerce-cart .w-cart-dropdown,.woocommerce-checkout .w-cart-dropdown{display:none!important}.w-cart-dropdown .widget_shopping_cart{padding:0;margin:0;background:none}.w-cart-dropdown .widgettitle{display:none}.w-cart-dropdown ul.product_list_widget{max-height:16rem;overflow-y:auto;margin:0}.w-cart-dropdown .widget_shopping_cart p.total{text-align:center;line-height:1.5rem}.no-touch .w-cart.dropdown_none:hover .w-cart-dropdown,.w-cart.dropdown_none a:focus~.w-cart-dropdown,.w-cart.dropdown_none.opened .w-cart-dropdown,.w-cart.dropdown_none .w-cart-notification.shown{display:block}.w-cart.dropdown_opacity .w-cart-dropdown,.w-cart.dropdown_opacity .w-cart-notification{display:block;visibility:hidden;opacity:0;transition:opacity 0.3s,visibility 0.3s}.no-touch .w-cart.dropdown_opacity:hover .w-cart-dropdown,.w-cart.dropdown_opacity a:focus~.w-cart-dropdown,.w-cart.dropdown_opacity.opened .w-cart-dropdown,.w-cart.dropdown_opacity .w-cart-notification.shown{visibility:visible;opacity:1}.w-cart.dropdown_slide .w-cart-dropdown,.w-cart.dropdown_slide .w-cart-notification{display:block;transform-origin:50% 0;transform:scaleY(0) translateZ(0);transition:transform 0.3s cubic-bezier(0,1,.8,1)}.no-touch .w-cart.dropdown_slide:hover .w-cart-dropdown,.w-cart.dropdown_slide a:focus~.w-cart-dropdown,.w-cart.dropdown_slide.opened .w-cart-dropdown,.w-cart.dropdown_slide .w-cart-notification.shown{transform:scaleY(1) translateZ(0)}.w-cart.dropdown_height .w-cart-dropdown,.w-cart.dropdown_height .w-cart-notification{display:block;transform-origin:50% 0;transform:scaleY(0) translateZ(0);opacity:0;transition:transform 0.3s,opacity 0.3s}.no-touch .w-cart.dropdown_height:hover .w-cart-dropdown,.w-cart.dropdown_height a:focus~.w-cart-dropdown,.w-cart.dropdown_height.opened .w-cart-dropdown,.w-cart.dropdown_height .w-cart-notification.shown{transform:scaleY(1) translateZ(0);opacity:1}.w-cart.dropdown_afb .w-cart-dropdown,.w-cart.dropdown_afb .w-cart-notification{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-cart.dropdown_afb:hover .w-cart-dropdown,.w-cart.dropdown_afb a:focus~.w-cart-dropdown,.w-cart.dropdown_afb.opened .w-cart-dropdown,.w-cart.dropdown_afb .w-cart-notification.shown{visibility:visible;transform:translate3d(0,0,0);opacity:1}.w-cart.dropdown_mdesign .w-cart-dropdown,.w-cart.dropdown_mdesign .w-cart-notification{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-cart.dropdown_mdesign:hover .w-cart-dropdown,.w-cart.dropdown_mdesign a:focus~.w-cart-dropdown,.w-cart.dropdown_mdesign.opened .w-cart-dropdown,.w-cart.dropdown_mdesign .w-cart-notification.shown{transform:scale(1) translateZ(0);opacity:1}.l-subheader-cell.at_center .w-cart.dropdown_mdesign .w-cart-dropdown,.l-subheader-cell.at_center .w-cart.dropdown_mdesign .w-cart-notification,.l-subheader-cell.at_right .w-cart.dropdown_mdesign .w-cart-dropdown,.l-subheader-cell.at_right .w-cart.dropdown_mdesign .w-cart-notification{transform-origin:100% 0}.w-cart.dropdown_hor .w-cart-dropdown,.w-cart.dropdown_hor .w-cart-notification{display:block;visibility:hidden;transform:translate3d(-20px,0,0);opacity:0;transition:transform 0.3s,opacity 0.2s,visibility 0.2s}.w-cart.dropdown_hor .w-cart-dropdown>div,.w-cart.dropdown_hor .w-cart-notification>div{transform:translate3d(40px,0,0);transition:transform 0.3s}.no-touch .w-cart.dropdown_hor:hover .w-cart-dropdown,.w-cart.dropdown_hor a:focus~.w-cart-dropdown,.w-cart.dropdown_hor.opened .w-cart-dropdown,.w-cart.dropdown_hor .w-cart-notification.shown{visibility:visible;transform:translate3d(0,0,0);opacity:1}.no-touch .w-cart.dropdown_hor:hover .w-cart-dropdown>div,.w-cart.dropdown_hor a:focus~.w-cart-dropdown>div,.w-cart.dropdown_hor.opened .w-cart-dLine truncated
|
||||
@@ -0,0 +1,80 @@
|
||||
/*
|
||||
* WPML
|
||||
*/
|
||||
|
||||
img.iclflag,
|
||||
img.wpml-ls-flag {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-right: 0.4rem;
|
||||
}
|
||||
|
||||
/* Languages Switcher Horizontal List */
|
||||
.wpml-ls-legacy-list-horizontal ul {
|
||||
margin: 0 -0.6rem;
|
||||
list-style: none;
|
||||
}
|
||||
.wpml-ls-legacy-list-horizontal ul li {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin: 0 0.6rem;
|
||||
}
|
||||
|
||||
/* Languages Switcher Dropdown */
|
||||
.wpml-ls-legacy-dropdown li,
|
||||
.wpml-ls-legacy-dropdown-click li {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
.wpml-ls-legacy-dropdown a,
|
||||
.wpml-ls-legacy-dropdown-click a {
|
||||
display: block;
|
||||
font-size: 0.9rem;
|
||||
line-height: 2.8rem;
|
||||
padding: 0 2.8rem 0 0.8rem;
|
||||
border: none !important;
|
||||
color: inherit !important;
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset;
|
||||
}
|
||||
.wpml-ls-item-toggle {
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
.wpml-ls-item-toggle:before {
|
||||
content: '\f0d7';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0.8rem;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 900;
|
||||
font-family: fontawesome;
|
||||
cursor: pointer;
|
||||
}
|
||||
.wpml-ls-sub-menu {
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
width: 100%;
|
||||
z-index: 11;
|
||||
margin: 0;
|
||||
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
|
||||
}
|
||||
.wpml-ls-legacy-dropdown li:hover .wpml-ls-sub-menu {
|
||||
visibility: visible;
|
||||
}
|
||||
.wpml-ls-sub-menu a {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* Languages in Footer */
|
||||
.wpml-ls-statics-footer {
|
||||
clear: both;
|
||||
text-align: center;
|
||||
font-size: 0.8rem;
|
||||
padding: 0.6rem;
|
||||
}
|
||||
|
||||
/* Rounded Corners
|
||||
========================================================================== */
|
||||
.rounded_none .wpml-ls-item-toggle {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1 @@
|
||||
body{overflow-x:hidden;min-width:0!important}.l-header.pos_fixed{min-width:0!important}.vc_col-xs-1{width:8.3333%}.vc_col-xs-2{width:16.6666%}.vc_col-xs-1\/5{width:20%}.vc_col-xs-3{width:25%}.vc_col-xs-4{width:33.3333%}.vc_col-xs-2\/5{width:40%}.vc_col-xs-5{width:41.6666%}.vc_col-xs-6{width:50%}.vc_col-xs-7{width:58.3333%}.vc_col-xs-3\/5{width:60%}.vc_col-xs-8{width:66.6666%}.vc_col-xs-9{width:75%}.vc_col-xs-4\/5{width:80%}.vc_col-xs-10{width:83.3333%}.vc_col-xs-11{width:91.6666%}.vc_col-xs-12{width:100%}.vc_col-xs-offset-0{margin-left:0}.vc_col-xs-offset-1{margin-left:8.3333%}.vc_col-xs-offset-2{margin-left:16.6666%}.vc_col-xs-offset-1\/5{margin-left:20%}.vc_col-xs-offset-3{margin-left:25%}.vc_col-xs-offset-4{margin-left:33.3333%}.vc_col-xs-offset-2\/5{margin-left:40%}.vc_col-xs-offset-5{margin-left:41.6666%}.vc_col-xs-offset-6{margin-left:50%}.vc_col-xs-offset-7{margin-left:58.3333%}.vc_col-xs-offset-3\/5{margin-left:60%}.vc_col-xs-offset-8{margin-left:66.6666%}.vc_col-xs-offset-9{margin-left:75%}.vc_col-xs-offset-4\/5{margin-left:80%}.vc_col-xs-offset-10{margin-left:83.3333%}.vc_col-xs-offset-11{margin-left:91.6666%}.vc_col-xs-offset-12{margin-left:100%}@media (min-width:768px){.vc_col-sm-1{width:8.3333%}.vc_col-sm-2{width:16.6666%}.vc_col-sm-1\/5{width:20%}.vc_col-sm-3{width:25%}.vc_col-sm-4{width:33.3333%}.vc_col-sm-2\/5{width:40%}.vc_col-sm-5{width:41.6666%}.vc_col-sm-6{width:50%}.vc_col-sm-7{width:58.3333%}.vc_col-sm-3\/5{width:60%}.vc_col-sm-8{width:66.6666%}.vc_col-sm-9{width:75%}.vc_col-sm-4\/5{width:80%}.vc_col-sm-10{width:83.3333%}.vc_col-sm-11{width:91.6666%}.vc_col-sm-12{width:100%}.vc_col-sm-offset-0{margin-left:0}.vc_col-sm-offset-1{margin-left:8.3333%}.vc_col-sm-offset-2{margin-left:16.6666%}.vc_col-sm-offset-1\/5{margin-left:20%}.vc_col-sm-offset-3{margin-left:25%}.vc_col-sm-offset-4{margin-left:33.3333%}.vc_col-sm-offset-2\/5{margin-left:40%}.vc_col-sm-offset-5{margin-left:41.6666%}.vc_col-sm-offset-6{margin-left:50%}.vc_col-sm-offset-7{margin-left:58.3333%}.vc_col-sm-offset-3\/5{margin-left:60%}.vc_col-sm-offset-8{margin-left:66.6666%}.vc_col-sm-offset-9{margin-left:75%}.vc_col-sm-offset-4\/5{margin-left:80%}.vc_col-sm-offset-10{margin-left:83.3333%}.vc_col-sm-offset-11{margin-left:91.6666%}.vc_col-sm-offset-12{margin-left:100%}}@media (min-width:992px){.vc_col-md-1{width:8.3333%}.vc_col-md-2{width:16.6666%}.vc_col-md-1\/5{width:20%}.vc_col-md-3{width:25%}.vc_col-md-4{width:33.3333%}.vc_col-md-2\/5{width:40%}.vc_col-md-5{width:41.6666%}.vc_col-md-6{width:50%}.vc_col-md-7{width:58.3333%}.vc_col-md-3\/5{width:60%}.vc_col-md-8{width:66.6666%}.vc_col-md-9{width:75%}.vc_col-md-4\/5{width:80%}.vc_col-md-10{width:83.3333%}.vc_col-md-11{width:91.6666%}.vc_col-md-12{width:100%}.vc_col-md-offset-0{margin-left:0}.vc_col-md-offset-1{margin-left:8.3333%}.vc_col-md-offset-2{margin-left:16.6666%}.vc_col-md-offset-1\/5{margin-left:20%}.vc_col-md-offset-3{margin-left:25%}.vc_col-md-offset-4{margin-left:33.3333%}.vc_col-md-offset-2\/5{margin-left:40%}.vc_col-md-offset-5{margin-left:41.6666%}.vc_col-md-offset-6{margin-left:50%}.vc_col-md-offset-7{margin-left:58.3333%}.vc_col-md-offset-3\/5{margin-left:60%}.vc_col-md-offset-8{margin-left:66.6666%}.vc_col-md-offset-9{margin-left:75%}.vc_col-md-offset-4\/5{margin-left:80%}.vc_col-md-offset-10{margin-left:83.3333%}.vc_col-md-offset-11{margin-left:91.6666%}.vc_col-md-offset-12{margin-left:100%}}@media (min-width:1200px){.vc_col-lg-1{width:8.3333%}.vc_col-lg-2{width:16.6666%}.vc_col-lg-1\/5{width:20%}.vc_col-lg-3{width:25%}.vc_col-lg-4{width:33.3333%}.vc_col-lg-2\/5{width:40%}.vc_col-lg-5{width:41.6666%}.vc_col-lg-6{width:50%}.vc_col-lg-7{width:58.3333%}.vc_col-lg-3\/5{width:60%}.vc_col-lg-8{width:66.6666%}.vc_col-lg-9{width:75%}.vc_col-lg-4\/5{width:80%}.vc_col-lg-10{width:83.3333%}.vc_col-lg-11{width:91.6666%}.vc_col-lg-12{width:100%}.vc_col-lg-offset-0{margin-left:0}.vc_col-lg-offset-1{margin-left:8.3333%}.vc_col-lg-offset-2{margin-left:16.6666%}.vc_col-lg-offset-1\/5{margin-left:20%}.vc_col-lg-offset-3{margin-left:25%}.vc_col-lg-offset-4{margin-left:33.3333%}.vc_col-lg-offset-2\/5{margin-left:40%}.vc_col-lg-offset-5{margin-left:41.6666%}.vc_col-lg-offset-6{margin-left:50%}.vc_col-lg-offset-7{margin-left:58.3333%}.vc_col-lg-offset-3\/5{margin-left:60%}.vc_col-lg-offset-8{margin-left:66.6666%}.vc_col-lg-offset-9{margin-left:75%}.vc_col-lg-offset-4\/5{margin-left:80%}.vc_col-lg-offset-10{margin-left:83.3333%}.vc_col-lg-offset-11{margin-left:91.6666%}.vc_col-lg-offset-12{margin-left:100%}.vc_hidden-lg{display:none!important}}@media (max-width:767px){.vc_hidden-xs{display:none!important}.g-cols.type_default>div[class*="vc_col-xs-"]{margin-top:1rem;margin-bottom:1rem}.g-cols>div:not([class*="vc_col-xs-"]){width:100%;margin:0 0 1rem}.g-cols.type_boxes>div,.g-cols>div:last-child,.g-cols>div.has-fill{margin-bottom:0}}@media (min-width:768px) and (max-width:991px){.vc_hidden-sm{display:none!important}.g-cols.type_default>div[class*="vc_col-md-"],.g-cols.type_default>Line truncated
|
||||
File diff suppressed because it is too large.
Load diff
+1
@@ -0,0 +1 @@
|
||||
body{direction:rtl;unicode-bidi:embed}th,input,textarea,select{text-align:right}input[type="checkbox"],input[type="radio"]{margin-left:.3rem;margin-right:0}ul,ol{margin-left:0;margin-right:2.5rem}blockquote{padding-left:0;padding-right:3rem}blockquote:before{left:auto;right:0}.rtl .vc_col-xs-offset-0{margin-right:0;margin-left:0}.rtl .vc_col-xs-offset-1{margin-right:8.3333%;margin-left:0}.rtl .vc_col-xs-offset-2{margin-right:16.6666%;margin-left:0}.rtl .vc_col-xs-offset-1\/5{margin-right:20%;margin-left:0}.rtl .vc_col-xs-offset-3{margin-right:25%;margin-left:0}.rtl .vc_col-xs-offset-4{margin-right:33.3333%;margin-left:0}.rtl .vc_col-xs-offset-2\/5{margin-right:40%;margin-left:0}.rtl .vc_col-xs-offset-5{margin-right:41.6666%;margin-left:0}.rtl .vc_col-xs-offset-6{margin-right:50%;margin-left:0}.rtl .vc_col-xs-offset-7{margin-right:58.3333%;margin-left:0}.rtl .vc_col-xs-offset-3\/5{margin-right:60%;margin-left:0}.rtl .vc_col-xs-offset-8{margin-right:66.6666%;margin-left:0}.rtl .vc_col-xs-offset-9{margin-right:75%;margin-left:0}.rtl .vc_col-xs-offset-4\/5{margin-right:80%;margin-left:0}.rtl .vc_col-xs-offset-10{margin-right:83.3333%;margin-left:0}.rtl .vc_col-xs-offset-11{margin-right:91.6666%;margin-left:0}.rtl .vc_col-xs-offset-12{margin-right:100%;margin-left:0}@media (min-width:768px){.rtl .vc_col-sm-offset-0{margin-right:0;margin-left:0}.rtl .vc_col-sm-offset-1{margin-right:8.3333%;margin-left:0}.rtl .vc_col-sm-offset-2{margin-right:16.6666%;margin-left:0}.rtl .vc_col-sm-offset-1\/5{margin-right:20%;margin-left:0}.rtl .vc_col-sm-offset-3{margin-right:25%;margin-left:0}.rtl .vc_col-sm-offset-4{margin-right:33.3333%;margin-left:0}.rtl .vc_col-sm-offset-2\/5{margin-right:40%;margin-left:0}.rtl .vc_col-sm-offset-5{margin-right:41.6666%;margin-left:0}.rtl .vc_col-sm-offset-6{margin-right:50%;margin-left:0}.rtl .vc_col-sm-offset-7{margin-right:58.3333%;margin-left:0}.rtl .vc_col-sm-offset-3\/5{margin-right:60%;margin-left:0}.rtl .vc_col-sm-offset-8{margin-right:66.6666%;margin-left:0}.rtl .vc_col-sm-offset-9{margin-right:75%;margin-left:0}.rtl .vc_col-sm-offset-4\/5{margin-right:80%;margin-left:0}.rtl .vc_col-sm-offset-10{margin-right:83.3333%;margin-left:0}.rtl .vc_col-sm-offset-11{margin-right:91.6666%;margin-left:0}.rtl .vc_col-sm-offset-12{margin-right:100%;margin-left:0}}@media (min-width:992px){.rtl .vc_col-md-offset-0{margin-right:0;margin-left:0}.rtl .vc_col-md-offset-1{margin-right:8.3333%;margin-left:0}.rtl .vc_col-md-offset-2{margin-right:16.6666%;margin-left:0}.rtl .vc_col-md-offset-1\/5{margin-right:20%;margin-left:0}.rtl .vc_col-md-offset-3{margin-right:25%;margin-left:0}.rtl .vc_col-md-offset-4{margin-right:33.3333%;margin-left:0}.rtl .vc_col-md-offset-2\/5{margin-right:40%;margin-left:0}.rtl .vc_col-md-offset-5{margin-right:41.6666%;margin-left:0}.rtl .vc_col-md-offset-6{margin-right:50%;margin-left:0}.rtl .vc_col-md-offset-7{margin-right:58.3333%;margin-left:0}.rtl .vc_col-md-offset-3\/5{margin-right:60%;margin-left:0}.rtl .vc_col-md-offset-8{margin-right:66.6666%;margin-left:0}.rtl .vc_col-md-offset-9{margin-right:75%;margin-left:0}.rtl .vc_col-md-offset-4\/5{margin-right:80%;margin-left:0}.rtl .vc_col-md-offset-10{margin-right:83.3333%;margin-left:0}.rtl .vc_col-md-offset-11{margin-right:91.6666%;margin-left:0}.rtl .vc_col-md-offset-12{margin-right:100%;margin-left:0}}@media (min-width:1200px){.rtl .vc_col-lg-offset-0{margin-right:0;margin-left:0}.rtl .vc_col-lg-offset-1{margin-right:8.3333%;margin-left:0}.rtl .vc_col-lg-offset-2{margin-right:16.6666%;margin-left:0}.rtl .vc_col-lg-offset-1\/5{margin-right:20%;margin-left:0}.rtl .vc_col-lg-offset-3{margin-right:25%;margin-left:0}.rtl .vc_col-lg-offset-4{margin-right:33.3333%;margin-left:0}.rtl .vc_col-lg-offset-2\/5{margin-right:40%;margin-left:0}.rtl .vc_col-lg-offset-5{margin-right:41.6666%;margin-left:0}.rtl .vc_col-lg-offset-6{margin-right:50%;margin-left:0}.rtl .vc_col-lg-offset-7{margin-right:58.3333%;margin-left:0}.rtl .vc_col-lg-offset-3\/5{margin-right:60%;margin-left:0}.rtl .vc_col-lg-offset-8{margin-right:66.6666%;margin-left:0}.rtl .vc_col-lg-offset-9{margin-right:75%;margin-left:0}.rtl .vc_col-lg-offset-4\/5{margin-right:80%;margin-left:0}.rtl .vc_col-lg-offset-10{margin-right:83.3333%;margin-left:0}.rtl .vc_col-lg-offset-11{margin-right:91.6666%;margin-left:0}.rtl .vc_col-lg-offset-12{margin-right:100%;margin-left:0}}.header_hor .l-subheader-cell.at_left>*{margin-left:1.4rem;margin-right:0}.header_hor .l-subheader-cell.at_right>*{margin-left:0;margin-right:1.4rem}.w-hwrapper.align_left>*{margin-left:1.2rem;margin-right:0}.w-hwrapper.align_left>*:last-child{margin-left:0}.w-hwrapper.align_right>*{margin-left:0;margin-right:1.2rem}.w-hwrapper.align_right>*:first-child{margin-right:0}i+.w-text-value{margin-left:0;margin-right:.6em}.w-dropdown-h{text-align:right}.w-dropdown-item{padding:0 1em 0 2.2em}.w-dropdown-item i,.w-dropdown-item img{margin-left:.5em;margin-right:0}.w-dropdown-current .w-dropdown-item:after{left:.8em;right:autLine truncated
|
||||
+1
@@ -0,0 +1 @@
|
||||
*{box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}details{display:block}summary{display:list-item}progress{vertical-align:baseline}[hidden],template{display:none}a{text-decoration:none;background:none;transition-property:background, box-shadow, border, color, opacity, transform;transition-duration:0.3s;-webkit-text-decoration-skip:objects}b,strong{font-weight:bold}dfn{font-style:italic}address{font-style:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{height:auto;max-width:100%}svg:not(:root){overflow:hidden}figure{margin:1em 3em}hr{box-sizing:content-box;height:0;border-style:solid;border-width:0 0 1px}pre{overflow:auto;white-space:pre-wrap}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1rem}button,input,optgroup,select,textarea{vertical-align:top;text-transform:none;color:inherit;font:inherit;border:none;margin:0}select[multiple="multiple"]{height:auto;padding:0.5rem}textarea{overflow:auto;height:8rem;resize:vertical}input:not([type="submit"]),select,textarea{outline:none !important}button{overflow:visible}button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}::-moz-focus-inner{border:0}button[disabled],html input[disabled]{cursor:default;opacity:0.5}input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus{box-shadow:none}label,input[type="checkbox"],input[type="radio"]{cursor:pointer}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input::-ms-clear{display:none}input[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}legend{border:0;padding:0}table{border-collapse:collapse;border-spacing:0;width:100%}th{text-align:left}td,th{vertical-align:top;padding:0.6rem 1rem;border-bottom:1px solid;outline:none !important}dl,ul,ol{list-style:none;margin:0;padding:0}fieldset{border:0;margin:0;padding:0}audio,video,iframe,object,embed{max-width:100%;border:none}:-webkit-full-screen-ancestor:not(iframe){animation:none !important}::-moz-placeholder{opacity:0.5;color:inherit}::-webkit-input-placeholder{color:inherit;opacity:0.5}h1, h2, h3, h4, h5, h6{font-family:inherit;line-height:1.4;margin:0 0 1.5rem;padding-top:1.5rem}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,h2 + h3, h2 + h4, h2 + h5, h2 + h6,h3 + h4, h3 + h5, h3 + h6,h4 + h5, h4 + h6,h5 + h6{padding-top:0}p,ul,ol,dl,address,pre,table,blockquote,fieldset{margin:0 0 1.5rem}p:empty{display:none}ul{list-style-type:disc;margin-left:2.5rem}ol{list-style-type:decimal;margin-left:2.5rem}li{margin:0 0 0.5rem}li>ul,li>ol{margin-bottom:0.5rem;margin-top:0.5rem}blockquote{position:relative;padding-left:3rem;font-size:1.3em;line-height:1.7}blockquote:before{content:'\201C';display:block;font-size:6rem;line-height:0.8;font-family:Georgia, serif;position:absolute;left:0}blockquote p,blockquote ul,blockquote ol{margin-bottom:0.5em}blockquote cite{display:block;font-size:1rem;font-style:normal;margin-top:0.5rem}pre{display:block;font-family:Consolas, Lucida Console, monospace;font-size:0.9rem;line-height:1.5rem;padding:0.8rem 1rem;width:100%;background:#faf6e1;color:#333}code{display:inline-block;vertical-align:top;font-family:Consolas, Lucida Console, monospace;padding:0 0.4rem;background:#faf6e1;color:#333}pre code{display:block;padding:0;overflow-wrap:normal}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,ul:last-child,ol:last-child,li:last-child,pre:last-child,table:last-child,address:last-child,fieldset:last-child,blockquote:last-child{margin-bottom:0}.l-section[class*="color_"] h1,.l-section[class*="color_"] h2,.l-section[class*="color_"] h3,.l-section[class*="color_"] h4,.l-section[class*="color_"] h5,.l-section[class*="color_"] h6,.l-section[style~="color:"] h1,.l-section[style~="color:"] h2,.l-section[style~="color:"] h3,.l-section[style~="color:"] h4,.l-section[style~="color:"] h5,.l-section[style~="color:"] h6,.vc_column-inner.color_custom h1,.vc_column-inner.color_custom h2,.vc_column-inner.color_custom h3,.vc_column-inner.color_custom h4,.vc_column-inner.color_custom h5,.vc_column-inner.color_custom h6{color:inherit}input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input[type="date"],input[type="search"],input[type="range"],textarea,select{padding:0 0.8rem;width:100%;border-radius:0.3rem;box-shadow:0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,0.08) inset;transition:all 0.3s}textarea{padding:0.6rem 1rem}input[type="text"],input[type="password"],input[type="email"],input[type=Line truncated
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 618 B |
+312
@@ -0,0 +1,312 @@
|
||||
/* required styles */
|
||||
|
||||
.leaflet-pane,
|
||||
.leaflet-tile,
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow,
|
||||
.leaflet-tile-container,
|
||||
.leaflet-pane > svg,
|
||||
.leaflet-pane > canvas,
|
||||
.leaflet-zoom-box,
|
||||
.leaflet-image-layer,
|
||||
.leaflet-layer {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.leaflet-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
.leaflet-tile,
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-user-drag: none;
|
||||
}
|
||||
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
|
||||
.leaflet-safari .leaflet-tile {
|
||||
image-rendering: -webkit-optimize-contrast;
|
||||
}
|
||||
/* hack that prevents hw layers "stretching" when loading new tiles */
|
||||
.leaflet-safari .leaflet-tile-container {
|
||||
width: 1600px;
|
||||
height: 1600px;
|
||||
}
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow {
|
||||
display: block;
|
||||
}
|
||||
.leaflet-container .leaflet-overlay-pane svg,
|
||||
.leaflet-container .leaflet-marker-pane img,
|
||||
.leaflet-container .leaflet-shadow-pane img,
|
||||
.leaflet-container .leaflet-tile-pane img,
|
||||
.leaflet-container img.leaflet-image-layer,
|
||||
.leaflet-container .leaflet-tile {
|
||||
max-width: none !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
|
||||
.leaflet-container.leaflet-touch-zoom {
|
||||
touch-action: pan-x pan-y;
|
||||
}
|
||||
.leaflet-container.leaflet-touch-drag {
|
||||
touch-action: pinch-zoom;
|
||||
}
|
||||
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
|
||||
touch-action: none;
|
||||
}
|
||||
.leaflet-container {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.leaflet-container a {
|
||||
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
|
||||
}
|
||||
.leaflet-tile {
|
||||
filter: inherit;
|
||||
visibility: hidden;
|
||||
}
|
||||
.leaflet-tile-loaded {
|
||||
visibility: inherit;
|
||||
}
|
||||
.leaflet-zoom-box {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.leaflet-map-pane canvas { z-index: 10; }
|
||||
.leaflet-map-pane svg { z-index: 20; }
|
||||
.leaflet-tile-pane { z-index: 20; }
|
||||
.leaflet-overlay-pane { z-index: 40; }
|
||||
.leaflet-shadow-pane { z-index: 50; }
|
||||
.leaflet-marker-pane { z-index: 60; }
|
||||
.leaflet-tooltip-pane { z-index: 65; }
|
||||
.leaflet-popup-pane { z-index: 70; }
|
||||
|
||||
.leaflet-vml-shape {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
.lvml {
|
||||
behavior: url(#default#VML);
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
/* control positioning */
|
||||
.leaflet-control {
|
||||
position: relative;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.leaflet-top,
|
||||
.leaflet-bottom {
|
||||
position: absolute;
|
||||
}
|
||||
.leaflet-top {
|
||||
top: 0;
|
||||
}
|
||||
.leaflet-right {
|
||||
right: 0;
|
||||
}
|
||||
.leaflet-bottom {
|
||||
bottom: 0;
|
||||
}
|
||||
.leaflet-left {
|
||||
left: 0;
|
||||
}
|
||||
.leaflet-control {
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
.leaflet-right .leaflet-control {
|
||||
float: right;
|
||||
}
|
||||
.leaflet-top .leaflet-control {
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
.leaflet-bottom .leaflet-control {
|
||||
margin-bottom: 0.6rem;
|
||||
}
|
||||
.leaflet-left .leaflet-control {
|
||||
margin-left: 0.6rem;
|
||||
}
|
||||
.leaflet-right .leaflet-control {
|
||||
margin-right: 0.6rem;
|
||||
}
|
||||
|
||||
|
||||
/* zoom and fade animations */
|
||||
.leaflet-fade-anim .leaflet-tile {
|
||||
will-change: opacity;
|
||||
}
|
||||
.leaflet-fade-anim .leaflet-popup {
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s linear;
|
||||
}
|
||||
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
|
||||
opacity: 1;
|
||||
}
|
||||
.leaflet-zoom-animated {
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-zoom-animated {
|
||||
will-change: transform;
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-zoom-animated {
|
||||
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-tile,
|
||||
.leaflet-pan-anim .leaflet-tile {
|
||||
transition: none;
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-zoom-hide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* cursors */
|
||||
.leaflet-interactive {
|
||||
cursor: pointer;
|
||||
}
|
||||
.leaflet-grab {
|
||||
cursor: -webkit-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.leaflet-popup-pane,
|
||||
.leaflet-control {
|
||||
cursor: auto;
|
||||
}
|
||||
.leaflet-dragging .leaflet-grab,
|
||||
.leaflet-dragging .leaflet-grab .leaflet-interactive,
|
||||
.leaflet-dragging .leaflet-marker-draggable {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
|
||||
/* visual tweaks */
|
||||
.leaflet-container {
|
||||
background: rgba(0,0,0,0.2);
|
||||
}
|
||||
.leaflet-zoom-box {
|
||||
background: rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
|
||||
/* general toolbar styles */
|
||||
.leaflet-bar {
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
.leaflet-bar a,
|
||||
.leaflet-bar a:hover {
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #ddd;
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #000 !important;
|
||||
}
|
||||
.leaflet-bar a,
|
||||
.leaflet-control-layers-toggle {
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
display: block;
|
||||
}
|
||||
.leaflet-bar a:hover {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.leaflet-bar a:first-child {
|
||||
border-top-left-radius: 0.2rem;
|
||||
border-top-right-radius: 0.2rem;
|
||||
}
|
||||
.leaflet-bar a:last-child {
|
||||
border-bottom-left-radius: 0.2rem;
|
||||
border-bottom-right-radius: 0.2rem;
|
||||
border-bottom: none;
|
||||
}
|
||||
.leaflet-bar a.leaflet-disabled {
|
||||
cursor: default;
|
||||
background-color: #f2f2f2;
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
|
||||
/* zoom control */
|
||||
.leaflet-control-zoom-in,
|
||||
.leaflet-control-zoom-out {
|
||||
font: bold 1.5rem Tahoma, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
/* attribution and scale controls */
|
||||
.leaflet-control-attribution {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
/* popup */
|
||||
.leaflet-popup {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.leaflet-popup-content-wrapper {
|
||||
padding: 0.6rem 2rem 0.6rem 1rem;
|
||||
text-align: left;
|
||||
}
|
||||
.leaflet-popup-content {
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.leaflet-popup-content > * {
|
||||
margin: 0.6rem 0 !important;
|
||||
}
|
||||
.leaflet-popup-tip-container {
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
.leaflet-popup-tip {
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
padding: 1px;
|
||||
margin: -10px auto 0;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.leaflet-popup-content-wrapper,
|
||||
.leaflet-popup-tip {
|
||||
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
|
||||
}
|
||||
.leaflet-container a.leaflet-popup-close-button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
text-align: center;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
font: bold 1.2rem/2rem Tahoma, Verdana, sans-serif;
|
||||
color: inherit !important;
|
||||
opacity: 0.33;
|
||||
}
|
||||
.leaflet-container a.leaflet-popup-close-button:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.leaflet-popup-scrolled {
|
||||
overflow: auto;
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.rounded_none .leaflet-bar,
|
||||
.rounded_none .leaflet-bar a {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
Reference in new issue
Block a user