/*!---------------------------------------------------------------------------*\ ANIMATIONS \*----------------------------------------------------------------------------*/ .mpc-animation{opacity:0} .mpc-no-transition,.velocity-animating,.velocity-animating .mpc-transition{-webkit-transition:none!important;transition:none!important} .mpc-transition{-webkit-transition:all .25s;transition:all .25s} .mpc-display--block{display:block!important} .mpc-effect--circle::before,.mpc-effect--shine::before{z-index:2;display:block;pointer-events:none;content:''} .mpc-align--left{text-align:left} .mpc-align--right{text-align:right} .mpc-align--center{text-align:center} /*!---------------------------------------------------------------------------*\ FILTERS \*----------------------------------------------------------------------------*/ .mpc-effect--brightness .mpc-item img{-webkit-filter:brightness(50%);filter:brightness(50%)} .mpc-effect--brightness .mpc-item:hover img,.mpc-effect--brightness.mpc-effect--reverse .mpc-item img{-webkit-filter:brightness(100%);filter:brightness(100%)} .mpc-effect--brightness.mpc-effect--reverse .mpc-item:hover img{-webkit-filter:brightness(50%);filter:brightness(50%)} .mpc-effect--contrast .mpc-item img{-webkit-filter:contrast(.5);filter:contrast(.5)} .mpc-effect--contrast .mpc-item:hover img,.mpc-effect--contrast.mpc-effect--reverse .mpc-item img{-webkit-filter:contrast(1);filter:contrast(1)} .mpc-effect--contrast.mpc-effect--reverse .mpc-item:hover img{-webkit-filter:contrast(.5);filter:contrast(.5)} .mpc-effect--grey-scale .mpc-item img{-webkit-filter:grayscale(1);filter:grayscale(1)} .mpc-effect--grey-scale .mpc-item:hover img,.mpc-effect--grey-scale.mpc-effect--reverse .mpc-item img{-webkit-filter:grayscale(0);filter:grayscale(0)} .mpc-effect--grey-scale.mpc-effect--reverse .mpc-item:hover img{-webkit-filter:grayscale(1);filter:grayscale(1)} .mpc-effect--hue .mpc-item img{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg)} .mpc-effect--hue .mpc-item:hover img,.mpc-effect--hue.mpc-effect--reverse .mpc-item img{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)} .mpc-effect--hue.mpc-effect--reverse .mpc-item:hover img{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg)} .mpc-effect--invert .mpc-item img{-webkit-filter:invert(1);filter:invert(1)} .mpc-effect--invert .mpc-item:hover img,.mpc-effect--invert.mpc-effect--reverse .mpc-item img{-webkit-filter:invert(0);filter:invert(0)} .mpc-effect--invert.mpc-effect--reverse .mpc-item:hover img{-webkit-filter:invert(1);filter:invert(1)} .mpc-effect--saturate .mpc-item img{-webkit-filter:saturate(200%);filter:saturate(200%)} .mpc-effect--saturate .mpc-item:hover img,.mpc-effect--saturate.mpc-effect--reverse .mpc-item img{-webkit-filter:saturate(100%);filter:saturate(100%)} .mpc-effect--saturate.mpc-effect--reverse .mpc-item:hover img{-webkit-filter:saturate(200%);filter:saturate(200%)} .mpc-effect--sepia .mpc-item img{-webkit-filter:sepia(1);filter:sepia(1)} .mpc-effect--sepia .mpc-item:hover img,.mpc-effect--sepia.mpc-effect--reverse .mpc-item img{-webkit-filter:sepia(0);filter:sepia(0)} .mpc-effect--sepia.mpc-effect--reverse .mpc-item:hover img{-webkit-filter:sepia(1);filter:sepia(1)} /*!---------------------------------------------------------------------------*\ EFFECTS \*----------------------------------------------------------------------------*/ .mpc-effect--target{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out} .mpc-effect--zoomIn .mpc-effect--target{-webkit-transform:scale(1);transform:scale(1)} .mpc-effect--zoomOut:hover .mpc-effect--target{-webkit-transform:scale(1)!important;transform:scale(1)!important} .mpc-effect--zoomOutRotate:hover .mpc-effect--target{-webkit-transform:scale(1) rotate(0)!important;transform:scale(1) rotate(0)!important} .mpc-effect--zoomInRotate .mpc-effect--target{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)} .mpc-effect--flashing:hover .mpc-effect--target{opacity:1;-webkit-animation:flash 1.5s;animation:flash 1.5s} @-webkit-keyframes flash{0%{opacity:.4} 100%{opacity:1} } @keyframes flash{0%{opacity:.4} 100%{opacity:1} } .mpc-effect--shine{position:relative;overflow:hidden} .mpc-effect--shine::before{position:absolute;top:0;left:-100%;width:50%;height:100%;-webkit-transform:skewX(-25deg);transform:skewX(-25deg)} .mpc-effect--shine:hover::before{-webkit-animation:shine .75s;animation:shine .75s} @-webkit-keyframes shine{100%{left:125%} } @keyframes shine{100%{left:125%} } .mpc-effect--circle{position:relative;overflow:hidden} .mpc-effect--circle::before{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0} .mpc-effect--circle:hover::before{-webkit-animation:circle .75s;animation:circle .75s} @-webkit-keyframes circle{0%,40%{opacity:1} 100%{width:200%;height:200%;opacity:0} } @keyframes circle{0%,40%{opacity:1} 100%{width:200%;height:200%;opacity:0} } /*!---------------------------------------------------------------------------*\ OTHER \*----------------------------------------------------------------------------*/ .mpc-content-align,.mpc-content-wrapper{display:inline-block;vertical-align:middle} .mpc-content-align{height:100%} .mpc-content-wrapper{max-height:100%;overflow:auto} .mpc-content-wrapper::-webkit-scrollbar{width:3px;background:rgba(255,255,255,.2)} .mpc-content-wrapper::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)} .mpc-content-wrapper:after{content:'';display:block;clear:both} .mpc-carousel__wrapper{position:relative;z-index:1} [data-mpcslick]:not(.slick-slider){-ms-flex-pack:center;display:flex;justify-content:center} [data-mpcslick]:not(.slick-slider)>div{margin:0!important;-ms-flex:0 1 auto;flex:0 1 auto} .mpc-navigation+[data-mpcslick]:not(.slick-slider),[data-mpcslick]:not(.slick-slider)+.mpc-navigation{display:none} .slick-cloned .mpc-init,.slick-cloned.mpc-init{visibility:visible!important;opacity:1} [data-slick-cols="1"]:not(.slick-slider)>div{width:100%} [data-slick-cols="2"]:not(.slick-slider)>div{width:50%} [data-slick-cols="3"]:not(.slick-slider)>div{width:33%} [data-slick-cols="4"]:not(.slick-slider)>div{width:25%} [data-slick-cols="5"]:not(.slick-slider)>div{width:20%} [data-slick-cols="6"]:not(.slick-slider)>div{width:16.66%} [data-slick-cols="7"]:not(.slick-slider)>div{width:14.28%} [data-slick-cols="8"]:not(.slick-slider)>div{width:12.5%} @media only screen and (max-width:768px){.mpc-navigation{display:none} } .mpc-icon--mirror{display:block!important;-webkit-transform:translate(0,0) rotateY(180deg)!important;transform:translate(0,0) rotateY(180deg)} .mpc-image-placeholder{background-position:center!important;background-size:64px!important;background-image:url(../images/mpc-image-placeholder.png);background-repeat:no-repeat;background-color:#eee} @media (max-width:767px){.pp_bottom,.pp_details,.pp_gallery,.pp_hoverContainer,.pp_top,a.pp_contract,a.pp_expand{display:none!important} .pp_pic_holder.pp_default{width:96%!important;left:2%!important;overflow:hidden} #pp_full_res img,.pp_content,.pp_fade{width:100%!important} div.pp_default .pp_content_container .pp_left{padding-left:0!important} div.pp_default .pp_content_container .pp_right{padding-right:0!important} .pp_content{height:auto!important} .pp_fade{height:100%!important} #pp_full_res img{height:auto!important;vertical-align:middle} a.pp_close{right:10px!important;top:10px!important} } @-webkit-keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } @-moz-keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } @-o-keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } .mfp-figure{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden} .mpc-notice{background:#E67D7D;color:#fff;padding:1em 2em;font-style:italic} .mpc-notice a{font-style:italic;color:#fff!important;border-bottom:1px dotted} .mpc-notice a:hover{color:#eee!important} .rtl .slick-slide,[dir=rtl] .slick-slide{float:right} .rtl .mpc-nav__arrow,[dir=rtl] .mpc-nav__arrow{float:left} [class*=mpc],[class*=mpc]:after,[class*=mpc]:before{-webkit-box-sizing:border-box;box-sizing:border-box} [class^=mpc-] .slick-list{opacity:1} .site-inner{overflow:visible} .mk-page-section-wrapper{overflow:hidden} button.mfp-arrow,button.mfp-close{z-index:1000000} /*----------------------------------------------------------------------------* ALERT SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-alert-wrap { position: relative; } .mpc-alert { display: flex; align-items: stretch; width: 100%; overflow: hidden; } .mpc-alert__icon, .mpc-alert__dismiss { display: flex; align-items: center; justify-content: center; min-width: 2em; } .mpc-alert__icon i, .mpc-alert__dismiss i { display: block; } .mpc-alert__dismiss { cursor: pointer; border-width: 0; border-style: none; border-color: transparent; } .mpc-alert__dismiss.mpc-dismiss--corner { display: block; min-width: initial; text-align: center; position: absolute; top: 0; left: 100%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .mpc-alert__content { display: flex; flex-wrap: wrap; align-items: center; flex-grow: 1; font-family: inherit; } .mpc-alert__content > * { flex: 0 1 100%; } .mpc-alert__content p:first-child { margin-top: 0 !important; } .mpc-alert__content p:last-child { margin-bottom: 0 !important; } @media screen and (max-width: 767px) { .mpc-alert__icon { display: none; } } /*----------------------------------------------------------------------------* ANIMATED TEXT SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-animated-text-wrap { display: inline-block; vertical-align: middle; } .mpc-animated-text { display: inline-block; vertical-align: middle; min-height: 1em; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } @media screen and (max-width: 768px) { .mpc-animated-text { display: block; margin: 0 auto; } } .mpc-animated-text:before { content: '\00a0'; display: inline-block; width: 0; float: left; } .mpc-animated-text__block, .mpc-animated-text__word { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; } .mpc-animated-text-wrap.mpc-style--rotator .mpc-animated-text { overflow: hidden; } .mpc-animated-text-wrap.mpc-style--rotator .mpc-animated-text__block { display: none; } .mpc-animated-text-wrap.mpc-style--rotator .mpc-animated-text__block:first-child { display: block; } .mpc-animated-text-wrap.mpc-style--rotator .mpc-animated-text__word { display: inline-block; white-space: nowrap; } @media screen and (max-width: 992px) { .mpc-animated-text-wrap.mpc-style--rotator .mpc-animated-text__word { white-space: normal; } } .mpc-animated-text-wrap.mpc-style--rotator.mpc-loaded .mpc-animated-text__block { display: block; } .mpc-animated-text-wrap.mpc-style--typewrite .mpc-animated-text_block { display: inline-block; } .mpc-animated-text__pointer { display: inline-block; vertical-align: middle; border-left: 2px solid; margin-left: .25em; line-height: 1; -webkit-animation: mpc-blink .75s infinite; animation: mpc-blink .75s infinite; } @media screen and (max-width: 992px) { .mpc-animated-text__pointer { display: none; } } .mpc-animated-text__side { display: inline-block; vertical-align: middle; } .mpc-animated-text__side.mpc-animated-text__before { margin-right: .4em; } .mpc-animated-text__side.mpc-animated-text__after { margin-left: .4em; } @-webkit-keyframes mpc-blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes mpc-blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /*----------------------------------------------------------------------------* BUTTON SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-button { position: relative; display: inline-block; overflow: hidden; text-decoration: none; z-index: 1; } .mpc-button:hover { -webkit-transform: translate3d(0, 0, 0); } .mpc-tooltip-wrap > .mpc-button { display: block; } .mpc-button__content { position: relative; z-index: 2; } .mpc-button__title { display: inline-block; vertical-align: middle; } .mpc-button__icon { text-align: center; vertical-align: middle; display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mpc-button__background { position: absolute; z-index: 1; opacity: 0; } .mpc-button:hover .mpc-button__background, .mpc-active .mpc-button .mpc-button__background, .mpc-parent-hover:hover .mpc-button .mpc-button__background { opacity: 1; } .mpc-button__background.mpc-effect-type--fade.mpc-effect-side--in { top: 0; bottom: 0; left: 0; right: 0; } .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--top { top: -100%; left: 0; width: 100%; height: 100%; } .mpc-button:hover .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--top, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--top, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--top { top: 0; } .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--right { top: 0; left: 100%; width: 100%; height: 100%; } .mpc-button:hover .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--right, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--right, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--right { left: 0; } .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--bottom { top: 100%; left: 0; width: 100%; height: 100%; } .mpc-button:hover .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--bottom, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--bottom, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--bottom { top: 0; } .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--left { top: 0; left: -100%; width: 100%; height: 100%; } .mpc-button:hover .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--left, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--left, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--left { left: 0; } .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--horizontal { top: 0; bottom: 0; left: 50%; right: 50%; } .mpc-button:hover .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--horizontal, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--horizontal, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--horizontal { left: 5%; right: 5%; } .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--vertical { top: 50%; bottom: 50%; left: 0; right: 0; } .mpc-button:hover .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--vertical, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--vertical, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--vertical { top: 5%; bottom: 5%; } .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left { top: 50%; bottom: 50%; left: -20%; right: -20%; transform: rotate(45deg); } .mpc-button:hover .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left { top: -60%; bottom: -60%; } .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right { top: 50%; bottom: 50%; left: -20%; right: -20%; transform: rotate(-45deg); } .mpc-button:hover .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right { top: -60%; bottom: -60%; } .mpc-button__content.mpc-effect-type--stay.mpc-effect-side--left .mpc-button__icon { padding-right: .5em; } .mpc-button__content.mpc-effect-type--stay.mpc-effect-side--left .mpc-button__title { padding-left: 0; } .mpc-button__content.mpc-effect-type--stay.mpc-effect-side--right .mpc-button__icon { padding-left: .5em; } .mpc-button__content.mpc-effect-type--stay.mpc-effect-side--right .mpc-button__title { padding-right: 0; } .mpc-button__content.mpc-effect-type--slide .mpc-button__icon { position: absolute; top: 50%; opacity: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); } .mpc-button:hover .mpc-button__content.mpc-effect-type--slide .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--slide .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--slide .mpc-button__icon { opacity: 1; } .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-button__icon { left: -100%; padding: 0; } .mpc-button:hover .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-button__icon { left: 5%; } .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-button__icon { right: -100%; padding: 0; } .mpc-button:hover .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-button__icon { right: 5%; } .mpc-button__content.mpc-effect-type--push_out { overflow: hidden; } .mpc-button__content.mpc-effect-type--push_out .mpc-button__icon { position: absolute; opacity: 0; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .mpc-button:hover .mpc-button__content.mpc-effect-type--push_out .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out .mpc-button__icon { opacity: 1; } .mpc-button__content.mpc-effect-type--push_out .mpc-button__title { position: relative; } .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__icon { top: -100%; left: 50%; } .mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__icon { top: 50%; } .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__title { top: 0; } .mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__title, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__title, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__title { top: 5em; } .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__icon { top: 50%; left: 150%; } .mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__icon { left: 50%; } .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__title { left: 0; } .mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__title, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__title, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__title { left: -100%; } .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__icon { top: 150%; left: 50%; } .mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__icon { top: 50%; } .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__title { top: 0; } .mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__title, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__title, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__title { top: -5em; } .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__icon { top: 50%; left: -100%; } .mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__icon { left: 50%; } .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__title { left: 0; } .mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__title, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__title, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__title { left: 100%; } /*----------------------------------------------------------------------------* BUTTON SET SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-button-set { display: inline-block; } .mpc-button-set.mpc-fullwidth.mpc-style--horizontal { display: -ms-flexbox; display: flex; align-items: center; } .mpc-button-set.mpc-fullwidth.mpc-style--horizontal > .mpc-button, .mpc-button-set.mpc-fullwidth.mpc-style--horizontal > .mpc-lightbox, .mpc-button-set.mpc-fullwidth.mpc-style--horizontal > .mpc-add_to_cart { flex-grow: 1; } .mpc-button-set.mpc-fullwidth.mpc-style--horizontal > .mpc-button .mpc-button, .mpc-button-set.mpc-fullwidth.mpc-style--horizontal > .mpc-lightbox .mpc-button, .mpc-button-set.mpc-fullwidth.mpc-style--horizontal > .mpc-add_to_cart .mpc-button { display: block; } .mpc-button-set.mpc-fullwidth.mpc-style--vertical { display: block; } .mpc-button-set.mpc-style--vertical { text-align: center; } .mpc-button-set .mpc-lightbox .mpc-button { vertical-align: bottom; } .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart { vertical-align: middle; } .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap:first-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap:first-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap:first-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap:first-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button:first-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button:first-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox:first-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox:first-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart:first-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart:first-child .mpc-button { border-bottom-right-radius: 0; border-top-right-radius: 0; padding-left: 0 !important; } .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap:last-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap:last-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap:last-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap:last-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button:last-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button:last-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox:last-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox:last-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart:last-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart:last-child .mpc-button { border-left-width: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; padding-right: 0 !important; } .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart:not(:first-child):not(:last-child) .mpc-button { border-left-width: 0; border-radius: 0; } .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart { display: block; } .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap:first-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap:first-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap:first-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap:first-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button:first-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button:first-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox:first-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox:first-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart:first-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart:first-child .mpc-button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-top: 0 !important; } .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap:last-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap:last-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap:last-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap:last-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button:last-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button:last-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox:last-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox:last-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart:last-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart:last-child .mpc-button { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; padding-bottom: 0 !important; } .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart:not(:first-child):not(:last-child) .mpc-button { border-top-width: 0; border-radius: 0; } .mpc-button-set .mpc-button-separator-box { display: inline-block; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mpc-button-set .mpc-button-separator { display: inline-block; min-width: 1em; text-align: center; white-space: nowrap; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mpc-button-set .mpc-button-separator.mpc-empty { min-width: 0; } .mpc-button-set.mpc-style--vertical .mpc-button-separator-box { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mpc-button-set .mpc-button-separator-wrap { position: relative; display: inline-block; width: 0; vertical-align: middle; z-index: 2; } .mpc-button-set .mpc-button-separator-wrap:last-child { display: none; } .mpc-button-set.mpc-style--vertical .mpc-button-separator-wrap { display: block; height: 0; width: auto; } /*----------------------------------------------------------------------------* CALLOUT SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-callout { display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-callout__content { overflow: hidden; } .mpc-callout__content .mpc-callout__description { padding: 0; } .mpc-callout__heading { padding: 0; } .mpc-callout__icon-wrap { display: block; } .mpc-callout__icon-wrap:not(.mpc-icon--image) i { width: 1.35em; height: 1.35em; line-height: 1.35em; font-style: normal; } .mpc-callout__icon-wrap i { display: block; text-align: center; } .mpc-callout__icon-wrap img { vertical-align: middle; } .mpc-callout__icon { display: inline-block; max-width: 100%; } /* Style 1 */ .mpc-callout--style_1 { display: flex; align-items: center; width: 100%; } .mpc-callout--style_1 .mpc-callout__content { flex: 1 1 auto; } .mpc-callout--style_1 .mpc-callout__content p:first-child { margin-top: 0 !important; } .mpc-callout--style_1 .mpc-callout__content p:last-child { margin-bottom: 0 !important; } .mpc-callout--style_1 .mpc-callout__button { white-space: nowrap; flex: 0 0 auto; } .mpc-callout--style_1 .mpc-callout__button .mpc-button { vertical-align: bottom; } /* Style 2 */ .mpc-callout--style_2 { text-align: center; } /* Style 3 */ .mpc-callout--style_3 { text-align: center; } /* Style 4 */ .mpc-callout--style_4 { display: table; width: 100%; } .mpc-callout--style_4 .mpc-callout__icon-wrap { display: table-cell; vertical-align: middle; } .mpc-callout--style_4 .mpc-callout__content { display: table-cell; vertical-align: middle; } .mpc-callout--style_4 .mpc-callout__content p:first-child { margin-top: 0 !important; } .mpc-callout--style_4 .mpc-callout__content p:last-child { margin-bottom: 0 !important; } .mpc-callout--style_4 .mpc-callout__button { display: table-cell; vertical-align: middle; white-space: nowrap; } .mpc-callout--style_4 .mpc-callout__button .mpc-button { vertical-align: bottom; } /* Style 5 */ .mpc-callout--style_5 { display: table; width: 100%; } .mpc-callout--style_5 .mpc-callout__content { display: table-cell; width: 40%; text-align: left; vertical-align: middle; } .mpc-callout--style_5 .mpc-callout__content p:first-child { margin-top: 0 !important; } .mpc-callout--style_5 .mpc-callout__content p:last-child { margin-bottom: 0 !important; } .mpc-callout--style_5 .mpc-callout__icon-wrap { display: table-cell; width: 10%; vertical-align: middle; text-align: center; } .mpc-callout--style_5 .mpc-callout__button { display: table-cell; width: 40%; text-align: right; vertical-align: middle; } .mpc-callout--style_5 .mpc-callout__button .mpc-button { vertical-align: bottom; } /* Style 6 */ .mpc-callout--style_6 { text-align: center; } /* Style 7 */ .mpc-callout--style_7 { text-align: center; } /* Style 8 */ .mpc-callout--style_8 .mpc-callout__icon-wrap { float: left; } /* Style 9 */ .mpc-callout--style_9 .mpc-callout__icon-wrap { float: right; } @media screen and (max-width: 992px) { .mpc-callout__heading, .mpc-callout__description, .mpc-callout__button, .mpc-callout__icon-wrap { text-align: center !important; } .mpc-callout__heading { line-height: 1.25em !important; } .mpc-callout__heading, .mpc-callout__description { max-width: initial !important; } .mpc-callout--style_1, .mpc-callout--style_4, .mpc-callout--style_5, .mpc-callout--style_8, .mpc-callout--style_9 { display: block; } .mpc-callout--style_1 .mpc-callout__icon-wrap, .mpc-callout--style_1 .mpc-callout__content, .mpc-callout--style_1 .mpc-callout__button, .mpc-callout--style_4 .mpc-callout__icon-wrap, .mpc-callout--style_4 .mpc-callout__content, .mpc-callout--style_4 .mpc-callout__button, .mpc-callout--style_5 .mpc-callout__icon-wrap, .mpc-callout--style_5 .mpc-callout__content, .mpc-callout--style_5 .mpc-callout__button, .mpc-callout--style_8 .mpc-callout__icon-wrap, .mpc-callout--style_8 .mpc-callout__content, .mpc-callout--style_8 .mpc-callout__button, .mpc-callout--style_9 .mpc-callout__icon-wrap, .mpc-callout--style_9 .mpc-callout__content, .mpc-callout--style_9 .mpc-callout__button { display: block; width: 100%; } .mpc-callout--style_1 .mpc-callout .mpc-button, .mpc-callout--style_1 .mpc-callout__icon, .mpc-callout--style_4 .mpc-callout .mpc-button, .mpc-callout--style_4 .mpc-callout__icon, .mpc-callout--style_5 .mpc-callout .mpc-button, .mpc-callout--style_5 .mpc-callout__icon, .mpc-callout--style_8 .mpc-callout .mpc-button, .mpc-callout--style_8 .mpc-callout__icon, .mpc-callout--style_9 .mpc-callout .mpc-button, .mpc-callout--style_9 .mpc-callout__icon { margin-left: 0 !important; margin-right: 0 !important; } .mpc-callout--style_1 .mpc-callout__icon, .mpc-callout--style_4 .mpc-callout__icon, .mpc-callout--style_5 .mpc-callout__icon, .mpc-callout--style_8 .mpc-callout__icon, .mpc-callout--style_9 .mpc-callout__icon { padding-left: 0 !important; padding-right: 0 !important; } .mpc-callout .mpc-button, .mpc-callout__icon-wrap, .mpc-callout__heading, .mpc-callout__description { margin: .5em auto .5em !important; } .mpc-callout .mpc-divider-wrap .mpc-divider { margin: .25em auto !important; } .mpc-callout--style_7 .mpc-callout__icon-wrap { margin-top: 0 !important; } .mpc-callout--style_5 .mpc-callout__icon-wrap { margin-top: 0 !important; } .mpc-callout--style_5 .mpc-callout__heading { margin-bottom: 0 !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .mpc-callout--style_1 .mpc-callout__icon-wrap, .mpc-callout--style_4 .mpc-callout__icon-wrap, .mpc-callout--style_5 .mpc-callout__icon-wrap, .mpc-callout--style_8 .mpc-callout__icon-wrap, .mpc-callout--style_9 .mpc-callout__icon-wrap { max-width: 50%; } } /*----------------------------------------------------------------------------* CAROUSEL ANYTHING SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-carousel-anything { -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-carousel-anything.mpc-carousel--stretched .slick-list { overflow: visible; } .mpc-carousel-anything .slick-track { display: table; table-layout: fixed; } .mpc-carousel-anything .mpc-carousel__item-wrapper { position: relative; display: table-cell !important; height: 100%; float: none !important; text-align: center; vertical-align: middle; overflow: hidden; -webkit-transition: all .25s; transition: all .25s; } .mpc-carousel-anything .slick-slide > div:last-child > .mpc-carousel__item-wrapper, .mpc-carousel-anything .slick-slide.mpc-carousel__item-wrapper { margin-bottom: 0 !important; } .mpc-carousel-anything:focus, .mpc-carousel-anything *:focus { outline: none; -webkit-outline: none; } .mpc-navigation--carousel { text-align: right; width: 100%; margin: 1em 0; } .mpc-navigation--carousel i { cursor: pointer; padding: .5em 1em; margin-left: 1px; background: #ccc; border-radius: 3px; } /* FrontEnd Editor */ .vc_mpc_carousel_anything.vc_element .vc_controls > .vc_controls-out-tl { left: initial; right: 0; } /*----------------------------------------------------------------------------* CAROUSEL IMAGE SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-carousel-image { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; /* Overlay & Lightbox */ /* Overlay Idle Settings */ } .mpc-carousel-image.mpc-carousel--stretched, .mpc-carousel-image.mpc-carousel--stretched .slick-list { overflow: visible; } .mpc-carousel-image .slick-slide > div:last-child > .mpc-carousel__item-wrapper, .mpc-carousel-image .slick-slide.mpc-carousel__item-wrapper { margin-bottom: 0 !important; } .mpc-carousel-image:focus, .mpc-carousel-image *:focus { outline: none; -webkit-outline: none; } .mpc-carousel-image .mpc-carousel__item-wrapper { position: relative; display: block !important; height: 100%; width: auto; max-width: 100% !important; } .mpc-carousel-image .mpc-item { position: relative; overflow: hidden; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: cover; } .mpc-carousel-image .mpc-item .mpc-border::before, .mpc-carousel-image .mpc-item .mpc-border { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; content: ''; border-width: 0px; border-style: solid; border-radius: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: inherit; transition: inherit; } .mpc-carousel-image img { width: 100%; height: auto; } .mpc-carousel-image .mpc-icon-anchor { display: inline-block; vertical-align: bottom; text-align: center; -webkit-transition: all .25s; transition: all .25s; } .mpc-carousel-image .mpc-icon-anchor i { display: block; vertical-align: bottom; width: 1.35em; height: 1.35em; line-height: 1.35em; font-style: normal; -webkit-transition: inherit; transition: inherit; } .mpc-carousel-image .mpc-icon-anchor i.mpc-icon--image, .mpc-carousel-image .mpc-icon-anchor i.mpc-icon--character { width: auto; } .mpc-carousel-image .mpc-item-overlay { position: absolute; width: 100%; height: 100%; z-index: 5; visibility: hidden; } .mpc-carousel-image .mpc-overlay--vertical-wrap { display: table; width: 100%; height: 100%; } .mpc-carousel-image .mpc-overlay--vertical { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; } .mpc-carousel-image.mpc-overlay--fade .mpc-item-overlay, .mpc-carousel-image.mpc-overlay--none .mpc-item-overlay { top: 0; left: 0; opacity: 0; } .mpc-carousel-image.mpc-overlay--slide-up .mpc-item-overlay { top: 100%; left: 0; } .mpc-carousel-image.mpc-overlay--slide-down .mpc-item-overlay { top: -100%; left: 0; } .mpc-carousel-image.mpc-overlay--slide-left .mpc-item-overlay { top: 0; left: 100%; } .mpc-carousel-image.mpc-overlay--slide-right .mpc-item-overlay { top: 0; left: -100%; } [data-align^=top] .mpc-overlay--vertical { vertical-align: top; } [data-align^=middle] .mpc-overlay--vertical { vertical-align: middle; } [data-align^=bottom] .mpc-overlay--vertical { vertical-align: bottom; } [data-align$=left] .mpc-overlay--vertical { text-align: left; } [data-align$=center] .mpc-overlay--vertical { text-align: center; } [data-align$=right] .mpc-overlay--vertical { text-align: right; } /* Layout Fluid */ .mpc-carousel-image.mpc-layout--fluid * { height: 100%; } .mpc-carousel-image.mpc-layout--fluid .mpc-overlay--vertical, .mpc-carousel-image.mpc-layout--fluid .mpc-overlay--vertical * { height: auto; } .mpc-carousel-image.mpc-layout--fluid img { width: auto !important; height: 100% !important; } .mpc-navigation--image { text-align: right; margin: 1em 0; } .mpc-navigation--image i { cursor: pointer; padding: .5em 1em; margin-left: 1px; background: #ccc; border-radius: 3px; } /*----------------------------------------------------------------------------* CAROUSEL POSTS SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-carousel-posts { -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-carousel-posts.mpc-carousel--stretched .slick-list { overflow: visible; } .mpc-carousel-posts .slick-slide > div:last-child > .mpc-post, .mpc-carousel-posts .slick-slide.mpc-post { margin-bottom: 0 !important; } .mpc-carousel-posts .mpc-post { display: inline-block; vertical-align: bottom; height: 100%; max-width: 100% !important; } .mpc-carousel-posts:focus, .mpc-carousel-posts *:focus { outline: none; -webkit-outline: none; } .mpc-carousel-posts[data-slick-cols="1"] .mpc-post { width: 100%; } .mpc-carousel-posts[data-slick-cols="2"] .mpc-post { width: 50%; } .mpc-carousel-posts[data-slick-cols="3"] .mpc-post { width: 33%; } .mpc-carousel-posts[data-slick-cols="3"] .mpc-post:last-child { width: 34%; } .mpc-carousel-posts[data-slick-cols="4"] .mpc-post { width: 25%; } .mpc-navigation--posts { text-align: right; width: 100%; margin: 1em 0; } .mpc-navigation--posts i { cursor: pointer; padding: .5em 1em; margin-left: 1px; background: #ccc; border-radius: 3px; } /*----------------------------------------------------------------------------* CAROUSEL SLIDER SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-carousel-slider { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; /* Overlay & Lightbox */ /* Overlay Idle Settings */ } .mpc-carousel-slider.mpc-carousel--stretched, .mpc-carousel-slider.mpc-carousel--stretched .slick-list { overflow: visible; } .mpc-carousel-slider:focus, .mpc-carousel-slider *:focus { outline: none; -webkit-outline: none; } .mpc-carousel-slider .slick-list, .mpc-carousel-slider .slick-track, .mpc-carousel-slider .mpc-carousel__item-wrapper, .mpc-carousel-slider .mpc-item { height: 100% !important; } .mpc-carousel-slider .mpc-carousel__item-wrapper { display: block !important; overflow: hidden; } .mpc-carousel-slider .mpc-item { position: relative; border-width: 0px; border-style: solid; border-radius: 0px; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: cover; } .mpc-carousel-slider .mpc-item .mpc-border::before, .mpc-carousel-slider .mpc-item .mpc-border { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; content: ''; border-width: 0px; border-style: solid; border-radius: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: inherit; transition: inherit; } .mpc-carousel-slider img { height: 100% !important; width: auto !important; } .mpc-carousel-slider .mpc-icon-anchor { display: inline-block; vertical-align: bottom; text-align: center; -webkit-transition: all .25s; transition: all .25s; } .mpc-carousel-slider .mpc-icon-anchor i { display: block; vertical-align: bottom; width: 1.35em; height: 1.35em; line-height: 1.35em; font-style: normal; -webkit-transition: inherit; transition: inherit; } .mpc-carousel-slider .mpc-icon-anchor i.mpc-icon--image, .mpc-carousel-slider .mpc-icon-anchor i.mpc-icon--character { width: auto; } .mpc-carousel-slider .mpc-item-overlay { position: absolute; width: 100%; height: 100%; z-index: 5; visibility: hidden; } .mpc-carousel-slider .mpc-overlay--vertical-wrap { display: table; width: 100%; height: 100%; } .mpc-carousel-slider .mpc-overlay--vertical { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; } .mpc-carousel-slider.mpc-overlay--fade .mpc-item-overlay, .mpc-carousel-slider.mpc-overlay--none .mpc-item-overlay { top: 0; left: 0; opacity: 0; } .mpc-carousel-slider.mpc-overlay--slide-up .mpc-item-overlay { top: 100%; left: 0; } .mpc-carousel-slider.mpc-overlay--slide-down .mpc-item-overlay { top: -100%; left: 0; } .mpc-carousel-slider.mpc-overlay--slide-left .mpc-item-overlay { top: 0; left: 100%; } .mpc-carousel-slider.mpc-overlay--slide-right .mpc-item-overlay { top: 0; left: -100%; } /* Overlay & Item Hover Settings */ .mpc-carousel__item-wrapper:hover { /* Overlay */ } .mpc-carousel__item-wrapper:hover .mpc-item-overlay { visibility: visible; } .mpc-overlay--fade .mpc-carousel__item-wrapper:hover .mpc-item-overlay, .mpc-overlay--none .mpc-carousel__item-wrapper:hover .mpc-item-overlay { opacity: 1; } .mpc-overlay--slide-up .mpc-carousel__item-wrapper:hover .mpc-item-overlay, .mpc-overlay--slide-down .mpc-carousel__item-wrapper:hover .mpc-item-overlay { top: 0; } .mpc-overlay--slide-left .mpc-carousel__item-wrapper:hover .mpc-item-overlay, .mpc-overlay--slide-right .mpc-carousel__item-wrapper:hover .mpc-item-overlay { left: 0; } [data-align^=top] .mpc-overlay--vertical { vertical-align: top; } [data-align^=middle] .mpc-overlay--vertical { vertical-align: middle; } [data-align^=bottom] .mpc-overlay--vertical { vertical-align: bottom; } [data-align$=left] .mpc-overlay--vertical { text-align: left; } [data-align$=center] .mpc-overlay--vertical { text-align: center; } [data-align$=right] .mpc-overlay--vertical { text-align: right; } .mpc-carousel__count { display: inline-block; position: absolute; z-index: 10; } .mpc-carousel__count:after, .mpc-carousel__count:before { display: inline-block; position: relative; } .mpc-carousel__count:before { top: -.25em; padding-right: .25em; content: attr(data-current-slide); } .mpc-carousel__count:after { bottom: -.25em; padding-left: .25em; content: attr(data-slides-amount); } .mpc-carousel__count.mpc-align--top-left { top: 0; left: 0; } .mpc-carousel__count.mpc-align--top-right { top: 0; right: 0; } .mpc-carousel__count.mpc-align--bottom-left { bottom: 0; left: 0; } .mpc-carousel__count.mpc-align--bottom-right { bottom: 0; right: 0; } .mpc-navigation--image { text-align: right; width: 100%; margin: 1em 0; } .mpc-navigation--image i { cursor: pointer; padding: .5em 1em; margin-left: 1px; background: #ccc; border-radius: 3px; } /*----------------------------------------------------------------------------* CAROUSEL TESTIMONIAL SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-carousel-testimonial { -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-carousel-testimonial .slick-slide { overflow: hidden; } .mpc-carousel-testimonial .slick-slide > div > .mpc-testimonial, .mpc-carousel-testimonial .slick-slide > div > .mpc-gap { width: auto !important; } .mpc-carousel-testimonial.mpc-carousel--stretched .slick-list { overflow: visible; } .mpc-carousel-testimonial:focus, .mpc-carousel-testimonial *:focus { -webkit-outline: none; outline: none; } .mpc-carousel-testimonial .mpc-gap { vertical-align: middle; } .mpc-carousel-testimonial.mpc-align-items .mpc-testimonial { display: flex; align-items: center; } .mpc-carousel-testimonial.mpc-align-items .mpc-testimonial.mpc-testimonial--style_3, .mpc-carousel-testimonial.mpc-align-items .mpc-testimonial.mpc-testimonial--style_4 { flex-direction: column; } .mpc-carousel-testimonial.mpc-align-items .mpc-testimonial.mpc-testimonial--style_7 .mpc-testimonial__thumbnail, .mpc-carousel-testimonial.mpc-align-items .mpc-testimonial.mpc-testimonial--style_6 .mpc-testimonial__thumbnail, .mpc-carousel-testimonial.mpc-align-items .mpc-testimonial.mpc-testimonial--style_2 .mpc-testimonial__thumbnail, .mpc-carousel-testimonial.mpc-align-items .mpc-testimonial.mpc-testimonial--style_1 .mpc-testimonial__thumbnail { flex: 1 0 auto; } .mpc-navigation--carousel { text-align: right; width: 100%; margin: 1em 0; } .mpc-navigation--carousel i { cursor: pointer; padding: .5em 1em; margin-left: 1px; background: #ccc; border-radius: 3px; } /* FrontEnd Editor */ .vc_mpc_carousel_testimonial.vc_element .vc_controls > .vc_controls-out-tl { left: initial; right: 0; } /*----------------------------------------------------------------------------* CHART SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-chart { display: block; } .mpc-chart__box { position: relative; margin: 0 auto; } .mpc-chart__outer_circle, .mpc-chart__inner_circle, .mpc-chart__marker, .mpc-chart__text { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 100%; background-clip: padding-box !important; } .mpc-chart__marker { opacity: 0; } .mpc-waypoint--init .mpc-chart__marker { opacity: 1; } .mpc-chart-wrap .mpc-chart__text { border-radius: 0; text-align: center; } /*----------------------------------------------------------------------------* CIRCLE ICONS SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-circle-icons { position: relative; width: 90%; margin: 0 auto; border-radius: 50%; } .mpc-circle-icons:before { content: ''; display: block; position: absolute; top: 4%; left: 4%; width: 92%; height: 92%; border-radius: 50%; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mpc-circle-icons:after { content: ''; display: block; padding-top: 100%; } .mpc-circle-icons .mpc-icon { position: absolute; top: 50%; left: 50%; z-index: 2; } .mpc-circle-icons .mpc-icon .mpc-regular img, .mpc-circle-icons .mpc-icon .mpc-hover img { max-width: none; } .mpc-circle-icons .mpc-icon-column { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 769px) { .mpc-column:not(.vc_col-lg-12) .mpc-circle-icons .mpc-icon-column, .mpc-column:not(.vc_col-md-12) .mpc-circle-icons .mpc-icon-column { background: none !important; padding: 0 !important; margin: 0 !important; border: none !important; border-radius: 50% !important; } } .mpc-circle-icons .mpc-icon-column.mpc-active .mpc-icon-column__content-wrap { visibility: visible; opacity: 1; } .mpc-circle-icons .mpc-icon-column__content-wrap { visibility: hidden; opacity: 0; border-radius: 50% !important; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .mpc-circle-icons .mpc-icon-column__content-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mpc-circle-icons .mpc-icon-column__content { display: inline-block; vertical-align: middle; position: relative; z-index: 1; max-height: 100%; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mpc-circle-icons .mpc-icon-column__content::-webkit-scrollbar { width: 6px; } .mpc-circle-icons .mpc-icon-column__content::-webkit-scrollbar { background: rgba(255, 255, 255, 0.35); border-radius: 3px; } .mpc-circle-icons .mpc-icon-column__content::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); border-radius: 3px; } /* FrontEnd Editor */ .mpc-circle-icons .vc_element.vc_mpc_icon_column { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Mobile */ @media screen and (max-width: 768px) { .mpc-column .mpc-circle-icons.mpc-circle-icons { width: 100%; } .mpc-column .mpc-circle-icons.mpc-circle-icons:before, .mpc-column .mpc-circle-icons.mpc-circle-icons:after { display: none; } .mpc-column .mpc-circle-icons.mpc-circle-icons .mpc-icon-column { position: relative; border-radius: 0 !important; padding: 2em; margin: 2em 0; } .mpc-column .mpc-circle-icons.mpc-circle-icons .mpc-icon { position: relative; top: 0 !important; left: 0 !important; margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 2em; } .mpc-column .mpc-circle-icons.mpc-circle-icons .mpc-icon-column__content-wrap { visibility: visible; opacity: 1; border-radius: 0 !important; border: none !important; margin: 0 !important; padding: 0 !important; width: 100%; height: auto; background: none !important; } .mpc-column .mpc-circle-icons.mpc-circle-icons .mpc-icon-column__content-wrap:before { display: none; } } /*----------------------------------------------------------------------------* CONNECTED ICONS SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-connected-icons { display: flex; flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-connected-icons:after { content: ''; display: block; clear: both; float: none; } .mpc-connected-icons > .mpc-connected-icons__line { opacity: 0; visibility: hidden; } .mpc-connected-icons .mpc-icon, .mpc-connected-icons .mpc-icon-column { position: relative; overflow: visible; } .mpc-connected-icons[data-layout="horizontal"] .mpc-connected-icons__line { left: 100%; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols="2"] .mpc-connected-icons__item { width: 50%; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols="3"] .mpc-connected-icons__item { width: 33%; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols="4"] .mpc-connected-icons__item { width: 25%; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols="5"] .mpc-connected-icons__item { width: 20%; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols="6"] .mpc-connected-icons__item { width: 16.66%; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols="7"] .mpc-connected-icons__item { width: 14.28%; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols="8"] .mpc-connected-icons__item { width: 12.50%; } .mpc-connected-icons[data-layout="vertical"] { margin: 0; flex-direction: column; } .mpc-connected-icons[data-layout="vertical"] .mpc-connected-icons__item { width: 100%; } .mpc-connected-icons[data-layout="vertical"] .mpc-connected-icons__item:nth-child(2) { padding-top: 0 !important; } .mpc-connected-icons[data-layout="vertical"] .mpc-connected-icons__item:last-child { padding-bottom: 0 !important; } .mpc-connected-icons[data-layout="vertical"] .mpc-connected-icons__line { top: 100%; } .mpc-connected-icons__item { position: relative; display: block; float: left; } .mpc-connected-icons__line { position: absolute; z-index: 1; } .mpc-connected-icons__line span { display: block; margin-left: auto; margin-right: auto; -webkit-transition: width .25s; transition: width .25s; } [data-layout="horizontal"] .mpc-connected-icons__line span { width: 0; } [data-layout="vertical"] .mpc-connected-icons__line span { height: 0; float: left; } /* Responsive */ @media screen and (max-width: 992px) { .mpc-connected-icons[data-layout="horizontal"][data-ci-cols="4"] .mpc-connected-icons__item { width: 50% !important; margin-top: 1em; margin-bottom: 1em; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols="3"] { margin: 0 auto; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols="3"] .mpc-connected-icons__item { width: 100% !important; margin-top: 1em; margin-bottom: 1em; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols="3"] .mpc-icon-column--style_2, .mpc-connected-icons[data-layout="horizontal"][data-ci-cols="4"] .mpc-icon-column--style_2 { margin-top: 1em; margin-bottom: 1em; } } @media screen and (max-width: 768px) { .mpc-connected-icons[data-layout="horizontal"][data-ci-cols] .mpc-connected-icons__line { display: none; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols] .mpc-connected-icons__item { width: 100% !important; margin-top: 1em; margin-bottom: 1em; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols] { margin: 0 auto; } .mpc-connected-icons[data-layout="horizontal"][data-ci-cols] .mpc-icon-column--style_2 { margin-top: 1em; margin-bottom: 1em; } } /*----------------------------------------------------------------------------* COUNTDOWN SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-countdown { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-countdown__content { overflow: hidden; text-align: center; display: -ms-flexbox; -ms-flex-direction: row; -ms-flex-wrap: wrap; display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; } .mpc-countdown__content.is-countdown { border: 0; background: none; } .mpc-countdown__section { display: inline-block; margin: 1em 0; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-countdown__section h4 { margin: 0; padding: 0; white-space: nowrap; } .mpc-countdown__section .mpc-main { display: inline-block; white-space: nowrap; } .mpc-countdown__section .mpc-main > div { display: table; width: 100%; height: 100%; } .mpc-countdown__section .mpc-main > div div { display: table-cell; vertical-align: middle; } /* Responsive */ @media screen and (max-width: 992px) { .mpc-countdown__section { margin: 1em; } } /*----------------------------------------------------------------------------* COUNTER SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-counter { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-counter:before, .mpc-counter:after { display: block; content: ""; float: none; clear: both; } .mpc-counter__content { overflow: hidden; } .mpc-counter__counter { position: relative; } .mpc-counter__counter .mpc-counter--target { position: absolute; top: 0; left: 0; width: 100%; text-align: inherit; white-space: nowrap; } .mpc-counter__counter .mpc-counter--sizer { position: relative; z-index: -1; visibility: hidden; opacity: 0; white-space: nowrap; padding: 0 .05em; } .mpc-counter__wrap { white-space: nowrap; } .mpc-counter__wrap .mpc-counter__counter { display: inline-block; } .mpc-counter__wrap[data-v-align="top"] .mpc-counter__counter, .mpc-counter__wrap[data-v-align="top"] span { vertical-align: top; } .mpc-counter__wrap[data-v-align="middle"] .mpc-counter__counter, .mpc-counter__wrap[data-v-align="middle"] span { vertical-align: middle; } .mpc-counter__wrap[data-v-align="bottom"] .mpc-counter__counter, .mpc-counter__wrap[data-v-align="bottom"] span { vertical-align: bottom; } .mpc-counter__counter { text-align: inherit !important; } .mpc-counter__heading { padding: 0; text-transform: uppercase; text-align: inherit !important; } .mpc-counter .mpc-divider { margin: 0 auto .75em auto; } .mpc-counter .mpc-icon { margin: 0 auto .75em auto; } .mpc-counter .mpc-icon__wrap.mpc-icon--top { vertical-align: top; } .mpc-counter .mpc-icon__wrap.mpc-icon--middle { vertical-align: middle; } .mpc-counter .mpc-icon__wrap.mpc-icon--bottom { vertical-align: bottom; } /* Style 1 */ .mpc-counter--style_1 .mpc-counter__heading { margin: 0; } /* Style 2 */ .mpc-counter--style_2 .mpc-counter__heading { margin: 0; } /* Style 3 */ .mpc-counter--style_3 .mpc-counter__counter { margin: 0; } /* Style 4 */ .mpc-counter--style_4 .mpc-counter__counter { margin: 0; } /* Style 5 */ .mpc-counter--style_5 .mpc-icon__wrap { display: table-cell; margin: 0 0 0 .75em; } .mpc-counter--style_5 .mpc-icon { margin: 0 0 0 0; } .mpc-counter--style_5 .mpc-counter__content { display: table-cell; } .mpc-counter--style_5 .mpc-counter__heading { margin: 0; } /* Style 6 */ .mpc-counter--style_6 { display: table; } .mpc-counter--style_6 .mpc-icon__wrap { display: table-cell; margin: 0 .75em 0 0; } .mpc-counter--style_6 .mpc-icon { margin: 0 0 0 0; } .mpc-counter--style_6 .mpc-counter__content { display: table-cell; } .mpc-counter--style_6 .mpc-counter__heading { margin: 0; } .mpc-counter--style_5, .mpc-counter--style_6 { margin-left: auto !important; margin-right: auto !important; } @media screen and (max-width: 480px) { .mpc-counter__wrap { white-space: normal; } .mpc-counter__wrap .mpc-counter__counter { display: block; } .mpc-counter__prefix { margin: 0 0 .5em !important; } .mpc-counter__suffix { margin: .5em 0 0 !important; } } /*----------------------------------------------------------------------------* DIVIDER SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-divider { position: relative; display: table; width: 100%; } .mpc-divider.mpc-align--left { margin-left: 0 !important; margin-right: auto !important; } .mpc-divider.mpc-align--center { margin-left: auto !important; margin-right: auto !important; } .mpc-divider.mpc-align--right { margin-left: auto !important; margin-right: 0 !important; } .mpc-divider__line { display: table-cell; width: 50%; vertical-align: middle; } .mpc-disable--left .mpc-divider__line.mpc-side--left { display: none; } .mpc-disable--right .mpc-divider__line.mpc-side--right { display: none; } .mpc-divider__line > span { border-color: transparent; display: block; } .mpc-divider__line > span:first-child { margin-top: 0 !important; } .mpc-divider__separator { display: table-cell; } .mpc-divider .mpc-divider__content { display: block; padding: 0 10px; white-space: nowrap; } .mpc-divider .mpc-divider__content img { max-width: none; } /*----------------------------------------------------------------------------* DROPCAP SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-dropcap { display: inline-block; float: left; } /*----------------------------------------------------------------------------* GRID ANYTHING SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-grid-anything { -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-grid-anything .mpc-grid__item-wrapper { float: left; text-align: center; } .mpc-grid-anything.mpc-inited .mpc-grid__item-wrapper { float: none !important; } .mpc-grid-anything a, .mpc-grid-anything a:focus { outline: none; } .mpc-grid-anything[data-grid-cols="2"] .mpc-grid__item { width: 50%; } .mpc-grid-anything[data-grid-cols="3"] .mpc-grid__item { width: 33.33%; } .mpc-grid-anything[data-grid-cols="4"] .mpc-grid__item { width: 25%; } .mpc-grid-anything[data-grid-cols="5"] .mpc-grid__item { width: 20%; } .mpc-grid-anything[data-grid-cols="6"] .mpc-grid__item { width: 16.67%; } /* Responsive */ @media screen and (min-width: 769px) and (max-width: 992px) { .mpc-grid-anything[data-grid-cols="3"] .mpc-grid__item, .mpc-grid-anything[data-grid-cols="4"] .mpc-grid__item, .mpc-grid-anything[data-grid-cols="5"] .mpc-grid__item, .mpc-grid-anything[data-grid-cols="6"] .mpc-grid__item { width: 50%; } } @media screen and (max-width: 768px) { .mpc-grid-anything[data-grid-cols] .mpc-grid__item { width: 100%; } } /*----------------------------------------------------------------------------* GRID IMAGES SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-grid-images { -webkit-box-sizing: border-box; box-sizing: border-box; /* Overlay & Lightbox */ /* Overlay Idle Settings */ } .mpc-grid-images a, .mpc-grid-images a:focus { outline: none; } .mpc-grid-images .mpc-item { min-width: 100px; float: left; width: 100%; } .mpc-grid-images[data-grid-cols="2"] .mpc-item { width: 50%; } .mpc-grid-images[data-grid-cols="3"] .mpc-item { width: 33.33%; } .mpc-grid-images[data-grid-cols="4"] .mpc-item { width: 25%; } .mpc-grid-images[data-grid-cols="5"] .mpc-item { width: 20%; } .mpc-grid-images[data-grid-cols="6"] .mpc-item { width: 16.67%; } .mpc-grid-images[data-grid-cols="7"] .mpc-item { width: 14.28%; } .mpc-grid-images[data-grid-cols="8"] .mpc-item { width: 12.5%; } .mpc-grid-images .mpc-grid__image { display: block; position: relative; overflow: hidden; cursor: pointer; } .mpc-grid-images .mpc-grid__image::before { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: inherit; transition: inherit; } .mpc-grid-images img { width: 100%; height: auto; display: block; } .mpc-grid-images .mpc-icon-anchor { display: inline-block; vertical-align: bottom; text-align: center; -webkit-transition: all .25s; transition: all .25s; } .mpc-grid-images .mpc-icon-anchor i { display: block; vertical-align: bottom; width: 1.35em; height: 1.35em; line-height: 1.35em; font-style: normal; -webkit-transition: inherit; transition: inherit; } .mpc-grid-images .mpc-icon-anchor i.mpc-icon--image, .mpc-grid-images .mpc-icon-anchor i.mpc-icon--character { width: auto; } .mpc-grid-images .mpc-item-overlay { position: absolute; width: 100%; height: 100%; z-index: 5; visibility: hidden; } .mpc-grid-images .mpc-overlay--vertical-wrap { display: table; width: 100%; height: 100%; } .mpc-grid-images .mpc-overlay--vertical { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; } .mpc-grid-images.mpc-overlay--fade .mpc-item-overlay, .mpc-grid-images.mpc-overlay--none .mpc-item-overlay { top: 0; left: 0; opacity: 0; } .mpc-grid-images.mpc-overlay--slide-up .mpc-item-overlay { top: 100%; left: 0; } .mpc-grid-images.mpc-overlay--slide-down .mpc-item-overlay { top: -100%; left: 0; } .mpc-grid-images.mpc-overlay--slide-left .mpc-item-overlay { top: 0; left: 100%; } .mpc-grid-images.mpc-overlay--slide-right .mpc-item-overlay { top: 0; left: -100%; } /* Overlay & Item Hover Settings */ .mpc-grid__image:hover { /* Overlay */ } .mpc-grid__image:hover .mpc-item-overlay { visibility: visible; } .mpc-overlay--fade .mpc-grid__image:hover .mpc-item-overlay, .mpc-overlay--none .mpc-grid__image:hover .mpc-item-overlay { opacity: 1; } .mpc-overlay--slide-up .mpc-grid__image:hover .mpc-item-overlay, .mpc-overlay--slide-down .mpc-grid__image:hover .mpc-item-overlay { top: 0; } .mpc-overlay--slide-left .mpc-grid__image:hover .mpc-item-overlay, .mpc-overlay--slide-right .mpc-grid__image:hover .mpc-item-overlay { left: 0; } [data-align^=top] .mpc-overlay--vertical { vertical-align: top; } [data-align^=middle] .mpc-overlay--vertical { vertical-align: middle; } [data-align^=bottom] .mpc-overlay--vertical { vertical-align: bottom; } [data-align$=left] .mpc-overlay--vertical { text-align: left; } [data-align$=center] .mpc-overlay--vertical { text-align: center; } [data-align$=right] .mpc-overlay--vertical { text-align: right; } /* Responsive */ @media screen and (min-width: 768px) and (max-width: 992px) { .mpc-grid-images[data-grid-cols="4"] .mpc-item, .mpc-grid-images[data-grid-cols="5"] .mpc-item, .mpc-grid-images[data-grid-cols="6"] .mpc-item { width: 33.33%; } .mpc-grid-images[data-grid-cols="7"] .mpc-item, .mpc-grid-images[data-grid-cols="8"] .mpc-item { width: 25%; } } @media screen and (max-width: 767px) { .mpc-grid-images[data-grid-cols="3"] .mpc-item, .mpc-grid-images[data-grid-cols="4"] .mpc-item { width: 50%; } .mpc-grid-images[data-grid-cols="5"] .mpc-item, .mpc-grid-images[data-grid-cols="6"] .mpc-item { width: 33.33%; } .mpc-grid-images[data-grid-cols="7"] .mpc-item, .mpc-grid-images[data-grid-cols="8"] .mpc-item { width: 25%; } } @media screen and (max-width: 480px) { .mpc-grid-images[data-grid-cols] .mpc-item { width: 100%; } .mpc-grid-images[data-grid-cols="5"] .mpc-item, .mpc-grid-images[data-grid-cols="6"] .mpc-item, .mpc-grid-images[data-grid-cols="7"] .mpc-item, .mpc-grid-images[data-grid-cols="8"] .mpc-item { width: 50%; } } /*----------------------------------------------------------------------------* GRID POSTS SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-grid-posts { -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-grid-posts .mpc-post { display: block; float: left; min-width: 150px; } .mpc-grid-posts[data-grid-cols="1"] .mpc-post, .mpc-grid-posts[data-grid-cols="1"] .mpc-grid-sizer { width: 100%; } .mpc-grid-posts[data-grid-cols="2"] .mpc-post, .mpc-grid-posts[data-grid-cols="2"] .mpc-grid-sizer { width: 50%; } .mpc-grid-posts[data-grid-cols="3"] .mpc-post, .mpc-grid-posts[data-grid-cols="3"] .mpc-grid-sizer { width: 33.33%; } .mpc-grid-posts[data-grid-cols="4"] .mpc-post, .mpc-grid-posts[data-grid-cols="4"] .mpc-grid-sizer { width: 25%; } .mpc-grid-posts[data-grid-cols="5"] .mpc-post, .mpc-grid-posts[data-grid-cols="5"] .mpc-grid-sizer { width: 20%; } .mpc-template[data-template="mpc-post"] { display: none; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } /* Responsive */ @media screen and (min-width: 993px) and (max-width: 1199px) { .mpc-grid-posts[data-grid-cols="4"] .mpc-post, .mpc-grid-posts[data-grid-cols="4"] .mpc-grid-sizer, .mpc-grid-posts[data-grid-cols="5"] .mpc-post, .mpc-grid-posts[data-grid-cols="5"] .mpc-grid-sizer { width: 33.33%; } } @media screen and (min-width: 768px) and (max-width: 992px) { .mpc-grid-posts[data-grid-cols="3"] .mpc-post, .mpc-grid-posts[data-grid-cols="3"] .mpc-grid-sizer, .mpc-grid-posts[data-grid-cols="4"] .mpc-post, .mpc-grid-posts[data-grid-cols="4"] .mpc-grid-sizer, .mpc-grid-posts[data-grid-cols="5"] .mpc-post, .mpc-grid-posts[data-grid-cols="5"] .mpc-grid-sizer { width: 50%; min-width: 50%; } } @media screen and (max-width: 767px) { .mpc-grid-posts[data-grid-cols] .mpc-post, .mpc-grid-posts[data-grid-cols] .mpc-grid-sizer { width: 100%; } } /*----------------------------------------------------------------------------* HOTSPOT SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-interactive_image .mpc-hotspot { position: absolute; line-height: 1; transform: translateX(-50%) translateY(-50%); } .mpc-interactive_image .mpc-hotspot.mpc-active { z-index: 2; } .mpc-hotspot .mpc-icon-type--image, .mpc-hotspot .mpc-icon-type--character { display: block; } .mpc-hotspot .mpc-icon-type--icon { width: 1.2em; line-height: 1.2; text-align: center; display: block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mpc-hotspot img { max-width: none; } /* FrontEnd Editor */ .vc_mpc_hotspot.vc_element { position: absolute !important; display: inline-block !important; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .vc_mpc_hotspot.vc_element .mpc-hotspot { position: initial; top: 0 !important; left: 0 !important; -webkit-transform: none; transform: none; } .vc_mpc_hotspot.vc_element .vc_controls > .vc_controls-cc { height: 30px; top: initial; bottom: 0; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } /*----------------------------------------------------------------------------* ICON SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-icon { display: inline-block; text-align: center; line-height: 1em; vertical-align: middle; max-width: 100%; overflow: hidden; z-index: 1; transform: translate3d(0, 0, 0); } .mpc-icon-wrap { position: relative; overflow: hidden; } .mpc-icon .mpc-regular, .mpc-icon .mpc-hover { position: relative; display: block; width: auto; top: 0; left: 0; } .mpc-icon .mpc-regular img, .mpc-icon .mpc-hover img { display: block; max-width: 100%; } .mpc-icon:not(.mpc-icon--image) .mpc-regular, .mpc-icon:not(.mpc-icon--image) .mpc-hover { width: 1.35em; height: 1.35em; line-height: 1.35em; } .mpc-icon.mpc-icon--character .mpc-regular, .mpc-icon.mpc-icon--character .mpc-hover { width: auto; min-width: 1.35em; } .mpc-icon.mpc-effect-none .mpc-regular, .mpc-icon.mpc-effect-none .mpc-hover { -webkit-transition: none; transition: none; } .mpc-icon .mpc-hover { position: absolute; width: 100%; height: 100%; } .mpc-icon-hover.mpc-effect-slide-up .mpc-hover { transform: translate(0, -100%); } .mpc-icon-hover.mpc-effect-slide-up .mpc-regular { transform: translate(0, 0); } .mpc-icon-hover.mpc-effect-slide-up:hover .mpc-hover, .mpc-parent-hover:hover .mpc-icon-hover.mpc-effect-slide-up .mpc-hover, .mpc-active .mpc-icon-hover.mpc-effect-slide-up .mpc-hover { transform: translate(0, 0); } .mpc-icon-hover.mpc-effect-slide-up:hover .mpc-regular, .mpc-parent-hover:hover .mpc-icon-hover.mpc-effect-slide-up .mpc-regular, .mpc-active .mpc-icon-hover.mpc-effect-slide-up .mpc-regular { transform: translate(0, 100%); } .mpc-icon-hover.mpc-effect-slide-down .mpc-hover { transform: translate(0, 100%); } .mpc-icon-hover.mpc-effect-slide-down .mpc-regular { transform: translate(0, 0); } .mpc-icon-hover.mpc-effect-slide-down:hover .mpc-hover, .mpc-parent-hover:hover .mpc-icon-hover.mpc-effect-slide-down .mpc-hover, .mpc-active .mpc-icon-hover.mpc-effect-slide-down .mpc-hover { transform: translate(0%, 0); } .mpc-icon-hover.mpc-effect-slide-down:hover .mpc-regular, .mpc-parent-hover:hover .mpc-icon-hover.mpc-effect-slide-down .mpc-regular, .mpc-active .mpc-icon-hover.mpc-effect-slide-down .mpc-regular { transform: translate(0, -100%); } .mpc-icon-hover.mpc-effect-slide-left .mpc-hover { transform: translate(-100%, 0); } .mpc-icon-hover.mpc-effect-slide-left .mpc-regular { transform: translate(0, 0); } .mpc-icon-hover.mpc-effect-slide-left:hover .mpc-hover, .mpc-parent-hover:hover .mpc-icon-hover.mpc-effect-slide-left .mpc-hover, .mpc-active .mpc-icon-hover.mpc-effect-slide-left .mpc-hover { transform: translate(0, 0); } .mpc-icon-hover.mpc-effect-slide-left:hover .mpc-regular, .mpc-parent-hover:hover .mpc-icon-hover.mpc-effect-slide-left .mpc-regular, .mpc-active .mpc-icon-hover.mpc-effect-slide-left .mpc-regular { transform: translate(100%, 0); } .mpc-icon-hover.mpc-effect-slide-right .mpc-hover { transform: translate(100%, 0); } .mpc-icon-hover.mpc-effect-slide-right .mpc-regular { transform: translate(0, 0); } .mpc-icon-hover.mpc-effect-slide-right:hover .mpc-hover, .mpc-parent-hover:hover .mpc-icon-hover.mpc-effect-slide-right .mpc-hover, .mpc-active .mpc-icon-hover.mpc-effect-slide-right .mpc-hover { transform: translate(0, 0); } .mpc-icon-hover.mpc-effect-slide-right:hover .mpc-regular, .mpc-parent-hover:hover .mpc-icon-hover.mpc-effect-slide-right .mpc-regular, .mpc-active .mpc-icon-hover.mpc-effect-slide-right .mpc-regular { transform: translate(-100%, 0); } .mpc-icon-hover.mpc-effect-none .mpc-hover, .mpc-icon-hover.mpc-effect-fade .mpc-hover { opacity: 0; } .mpc-icon-hover.mpc-effect-none .mpc-regular, .mpc-icon-hover.mpc-effect-fade .mpc-regular { opacity: 1; } .mpc-icon-hover.mpc-effect-none:hover .mpc-hover, .mpc-parent-hover:hover .mpc-icon-hover.mpc-effect-none .mpc-hover, .mpc-active .mpc-icon-hover.mpc-effect-none .mpc-hover, .mpc-icon-hover.mpc-effect-fade:hover .mpc-hover, .mpc-parent-hover:hover .mpc-icon-hover.mpc-effect-fade .mpc-hover, .mpc-active .mpc-icon-hover.mpc-effect-fade .mpc-hover { opacity: 1; } .mpc-icon-hover.mpc-effect-none:hover .mpc-regular, .mpc-parent-hover:hover .mpc-icon-hover.mpc-effect-none .mpc-regular, .mpc-active .mpc-icon-hover.mpc-effect-none .mpc-regular, .mpc-icon-hover.mpc-effect-fade:hover .mpc-regular, .mpc-parent-hover:hover .mpc-icon-hover.mpc-effect-fade .mpc-regular, .mpc-active .mpc-icon-hover.mpc-effect-fade .mpc-regular { opacity: 0; } /*----------------------------------------------------------------------------* ICON LIST SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-icon-list { display: block; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mpc-icon-list.mpc-icon--right .mpc-list__icon { order: 1; } .mpc-icon-list .mpc-icon .mpc-regular img, .mpc-icon-list .mpc-icon .mpc-hover img { max-width: initial; } .mpc-list__ul, .mpc-list__ul .mpc-list__item { display: block; list-style: none; margin: 0; padding: 0; font: inherit; } .mpc-list__ul .mpc-list__item { display: -ms-flexbox; display: flex; align-items: center; } .mpc-list__ul .mpc-list__item:before, .mpc-list__ul .mpc-list__item:after { content: "" !important; border: 0 !important; position: static !important; } .mpc-list__title { flex-grow: 1; margin: 0; font: inherit; cursor: default; } .mpc-list__title a { font: inherit; color: inherit !important; -webkit-transition: inherit; transition: inherit; } .mpc-list__icon { display: inline-block; font: inherit; flex: 0 0 auto; } /*----------------------------------------------------------------------------* ICON COLUMN SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-icon-column { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-icon-column:before, .mpc-icon-column:after { display: block; content: ""; float: none; clear: both; } .mpc-icon-column.mpc-icon-column--style_2, .mpc-icon-column.mpc-icon-column--style_4, .mpc-icon-column.mpc-icon-column--style_6 { position: relative; } .mpc-icon-column__content { overflow: hidden; } .mpc-icon-column__content .mpc-icon-column__description { padding: 0; margin: 0; } .mpc-icon-column__content .mpc-icon-column__description p:first-child { margin-top: 0 !important; } .mpc-icon-column__content .mpc-icon-column__description p:last-child { margin-bottom: 0 !important; } .mpc-icon-column__content .mpc-icon-column__heading { padding: 0; margin: 0 0 .75em 0; text-transform: uppercase; } .mpc-icon-column .mpc-divider { margin: 0 0 .75em 0; } /* Style 1 */ /* Style 2 */ .mpc-icon-column--style_2 { padding-top: 0 !important; } .mpc-icon-column--style_2 .mpc-icon { position: relative; top: 0; } /* Style 3 */ .mpc-icon-column--style_3 .mpc-icon { float: left; margin: 0 .75em 0 0; } /* Style 4 */ .mpc-icon-column--style_4 .mpc-icon { position: relative; left: 0; float: left; } /* Style 5 */ .mpc-icon-column--style_5 .mpc-icon { float: right; margin: 0 0 0 .75em; } /* Style 6 */ .mpc-icon-column--style_6 .mpc-icon { position: relative; right: 0; float: right; } /* Responsive */ @media screen and (min-width: 768px) { .vc_col-sm-12 .mpc-icon-column--style_4, .vc_col-sm-6 .mpc-icon-column--style_4 { padding-left: 0 !important; } .vc_col-sm-12 .mpc-icon-column--style_6, .vc_col-sm-6 .mpc-icon-column--style_6 { padding-right: 0 !important; } } @media screen and (min-width: 992px) { .mpc-icon-column--style_4 { padding-left: 0 !important; } .mpc-icon-column--style_6 { padding-right: 0 !important; } } @media screen and (min-width: 768px) and (max-width: 992px) { .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column__content .mpc-icon-column__heading, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column__content .mpc-icon-column__description { text-align: center !important; } .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_3 .mpc-icon, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_5 .mpc-icon, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_4 .mpc-icon, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_6 .mpc-icon { float: none; position: static; } .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_3 .mpc-icon, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_3 .mpc-divider, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_3 .mpc-icon-column__heading, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_3 .mpc-icon-column__description, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_5 .mpc-icon, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_5 .mpc-divider, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_5 .mpc-icon-column__heading, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_5 .mpc-icon-column__description, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_4 .mpc-icon, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_4 .mpc-divider, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_4 .mpc-icon-column__heading, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_4 .mpc-icon-column__description, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_6 .mpc-icon, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_6 .mpc-divider, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_6 .mpc-icon-column__heading, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_6 .mpc-icon-column__description { margin: .5em auto !important; } .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_3 > *:first-child, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_5 > *:first-child, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_4 > *:first-child, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_6 > *:first-child { margin-top: 0 !important; } .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_3 > *:last-child, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_5 > *:last-child, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_4 > *:last-child, .mpc-column:not(.vc_col-sm-12):not(.vc_col-sm-6) .mpc-icon-column--style_6 > *:last-child { margin-bottom: 0 !important; } } @media screen and (max-width: 768px) { .mpc-icon-column, .mpc-icon-column__content .mpc-icon-column__heading, .mpc-icon-column__content .mpc-icon-column__description { text-align: center !important; } .mpc-icon-column--style_3 .mpc-icon, .mpc-icon-column--style_5 .mpc-icon, .mpc-icon-column--style_4 .mpc-icon, .mpc-icon-column--style_6 .mpc-icon { float: none; position: static; } .mpc-icon-column--style_3 .mpc-icon, .mpc-icon-column--style_3 .mpc-divider, .mpc-icon-column--style_3 .mpc-icon-column__heading, .mpc-icon-column--style_3 .mpc-icon-column__description, .mpc-icon-column--style_5 .mpc-icon, .mpc-icon-column--style_5 .mpc-divider, .mpc-icon-column--style_5 .mpc-icon-column__heading, .mpc-icon-column--style_5 .mpc-icon-column__description, .mpc-icon-column--style_4 .mpc-icon, .mpc-icon-column--style_4 .mpc-divider, .mpc-icon-column--style_4 .mpc-icon-column__heading, .mpc-icon-column--style_4 .mpc-icon-column__description, .mpc-icon-column--style_6 .mpc-icon, .mpc-icon-column--style_6 .mpc-divider, .mpc-icon-column--style_6 .mpc-icon-column__heading, .mpc-icon-column--style_6 .mpc-icon-column__description { margin: .5em auto !important; } .mpc-icon-column--style_3 > *:first-child, .mpc-icon-column--style_5 > *:first-child, .mpc-icon-column--style_4 > *:first-child, .mpc-icon-column--style_6 > *:first-child { margin-top: 0 !important; } .mpc-icon-column--style_3 > *:last-child, .mpc-icon-column--style_5 > *:last-child, .mpc-icon-column--style_4 > *:last-child, .mpc-icon-column--style_6 > *:last-child { margin-bottom: 0 !important; } .mpc-icon-column .mpc-divider { margin: 0 auto !important; } .mpc-icon-column--style_4, .mpc-icon-column--style_6 { padding: 2em !important; } } /*----------------------------------------------------------------------------* IHOVER SHORTCODE \*----------------------------------------------------------------------------*/ @media screen and (max-width: 480px) { .mpc-ihover-wrapper .mpc-ihover-item { margin-left: 0 !important; margin-right: 0 !important; } } /* K. request at Trello */ .mpc-ihover-wrapper .ih-item.circle.effect17:hover .img:before { box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3) !important; opacity: 0; } /* FrontEnd Editor */ .vc_mpc_ihover.vc_element .vc_controls > .vc_controls-out-tl { left: initial; right: 0; } .vc_element.vc_mpc_ihover_item { display: inline-block !important; } /*----------------------------------------------------------------------------* IHOVER ITEM SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-ihover-item a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .mpc-ihover-item .mpc-image-box { width: 100%; height: 100%; background-size: cover; background-position: center; } .mpc-ihover-divider-wrap { line-height: 0; } .mpc-ihover-divider { display: inline-block; vertical-align: top; } /*----------------------------------------------------------------------------* IMAGE SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-image { display: inline-block; overflow: hidden; vertical-align: bottom; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; /* Overlay & Lightbox */ /* Overlay Idle Settings */ } .mpc-image:focus, .mpc-image *:focus { outline: none; -webkit-outline: none; } .mpc-image img { display: block; } .mpc-image.mpc-fullwidth, .mpc-ribbon-wrap > .mpc-image { width: 100%; } .mpc-image.mpc-fullwidth img, .mpc-ribbon-wrap > .mpc-image img { width: 100%; height: auto; } .mpc-image .mpc-item { position: relative; overflow: hidden; display: block; z-index: 1; } .mpc-image .mpc-item::before { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; display: block; content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: inherit; transition: inherit; } .mpc-image .mpc-icon-anchor { display: inline-block; vertical-align: bottom; text-align: center; cursor: pointer; -webkit-transition: all .25s; transition: all .25s; } .mpc-image .mpc-icon-anchor i { display: block; vertical-align: bottom; width: 1.35em; height: 1.35em; line-height: 1.35em; font-style: normal; -webkit-transition: inherit; transition: inherit; } .mpc-image .mpc-icon-anchor i.mpc-icon--image, .mpc-image .mpc-icon-anchor i.mpc-icon--character { width: auto; } .mpc-image .mpc-item-overlay { position: absolute; width: 100%; height: 100%; z-index: 5; visibility: hidden; } .mpc-image .mpc-overlay--vertical-wrap { display: table; width: 100%; height: 100%; } .mpc-image .mpc-overlay--vertical { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; } .mpc-image.mpc-overlay--fade .mpc-item-overlay, .mpc-image.mpc-overlay--none .mpc-item-overlay { top: 0; left: 0; opacity: 0; } .mpc-image.mpc-overlay--slide-up .mpc-item-overlay { top: 100%; left: 0; } .mpc-image.mpc-overlay--slide-down .mpc-item-overlay { top: -100%; left: 0; } .mpc-image.mpc-overlay--slide-left .mpc-item-overlay { top: 0; left: 100%; } .mpc-image.mpc-overlay--slide-right .mpc-item-overlay { top: 0; left: -100%; } /* Overlay & Item Hover Settings */ .mpc-image:hover { /* Overlay */ } .mpc-image:hover .mpc-item-overlay { visibility: visible; } .mpc-image:hover.mpc-overlay--fade .mpc-item-overlay, .mpc-image:hover.mpc-overlay--none .mpc-item-overlay { opacity: 1; } .mpc-image:hover.mpc-overlay--slide-up .mpc-item-overlay, .mpc-image:hover.mpc-overlay--slide-down .mpc-item-overlay { top: 0; } .mpc-image:hover.mpc-overlay--slide-left .mpc-item-overlay, .mpc-image:hover.mpc-overlay--slide-right .mpc-item-overlay { left: 0; } [data-align^="top"] .mpc-overlay--vertical { vertical-align: top; } [data-align^="middle"] .mpc-overlay--vertical { vertical-align: middle; } [data-align^="bottom"] .mpc-overlay--vertical { vertical-align: bottom; } [data-align$="left"] .mpc-overlay--vertical { text-align: left; } [data-align$="center"] .mpc-overlay--vertical { text-align: center; } [data-align$="right"] .mpc-overlay--vertical { text-align: right; } /*----------------------------------------------------------------------------* INTERACTIVE IMAGE SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-interactive_image { position: relative; } .mpc-interactive_image-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mpc-interactive_image__image { width: 100%; height: auto; display: block; } /* FrontEnd Editor */ .vc_mpc_interactive_image.vc_element .vc_controls > .vc_controls-out-tl { left: initial; right: 0; } /*----------------------------------------------------------------------------* LIGHTBOX SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-lightbox { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; } /*----------------------------------------------------------------------------* MAILCHIMP SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-mailchimp .mc4wp-form-fields > p { margin: 0; padding: 5px 0; } .mpc-mailchimp form { margin: 0; } .mpc-mailchimp input, .mpc-mailchimp select { outline: none; margin: 0; width: 100%; max-width: none; box-shadow: none; -webkit-transition: all .25s; transition: all .25s; } .mpc-mailchimp input:focus, .mpc-mailchimp select:focus { box-shadow: none; } .mpc-mailchimp input[type="checkbox"], .mpc-mailchimp input[type="radio"] { width: auto; margin: 0 .5em; vertical-align: middle; } .mpc-mailchimp.mpc-submit--small input[type="submit"] { width: auto; } .mpc-mailchimp[data-align="left"] .mpc-submit-wrap { text-align: left; } .mpc-mailchimp[data-align="center"] .mpc-submit-wrap { text-align: center; } .mpc-mailchimp[data-align="right"] .mpc-submit-wrap { text-align: right; } .mpc-mailchimp label { display: block; } .mpc-mailchimp label.mpc-input-wrap span { color: inherit; font-size: inherit; line-height: inherit; text-align: inherit; text-transform: inherit; vertical-align: middle; } .mpc-mailchimp .mc4wp-response p { margin: 0; } /*----------------------------------------------------------------------------* MAP SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-map-wrap .mpc-map { padding-bottom: 56.25%; height: 100%; } .mpc-map-wrap.mpc-custom-height .mpc-map, .mpc-map-wrap.mpc-empty .mpc-map { padding-bottom: 0; } .mpc-map-wrap img { max-width: none; } .mpc-map-wrap .mpc-error { display: none; padding: 10px 15px; background-color: #FCF5F6; color: #df5461; border-radius: 3px; font-weight: bold; } /* FrontEnd Editor */ .vc_mpc_map.vc_element .vc_controls > .vc_controls-out-tl { left: initial; right: 0; } /*----------------------------------------------------------------------------* MARKER SHORTCODE \*----------------------------------------------------------------------------*/ /* Frontend Editor */ .mpc-markers { position: absolute; max-width: 250px; max-height: 90%; top: 10px; right: 10px; z-index: 10; list-style: none; margin: 0; padding: 0; border-radius: 4px; overflow: auto; background: rgba(255, 255, 255, 0.8); opacity: .7; -webkit-transition: opacity .25s; transition: opacity .25s; } .mpc-markers:hover { opacity: 1; } .mpc-marker-title { display: block; line-height: 30px; font-size: 12px; text-align: center; color: #fff; background-color: #f9b418; } .mpc-marker-title img { width: 16px; margin-top: -2px; vertical-align: middle; margin-right: 5px; } .mpc-markers .mpc-marker { padding: 8px 5px; margin: 0 5px; border-bottom: 1px solid #ddd; } .mpc-markers .mpc-marker img { width: 20px; margin-right: 10px; vertical-align: middle; } /*----------------------------------------------------------------------------* MODAL SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-modal { position: relative; display: inline-block; } .mpc-modal__close { position: absolute; right: 0; top: 0; z-index: 1000; cursor: pointer; } .mpc-modal__close .mpc-icon { margin: 0 !important; } .mpc-modal__content { max-width: 90vw; max-height: 90vh; overflow-x: hidden; overflow-y: auto; } .mpc-modal__content > *:last-child { margin-bottom: 0; } html.mpc-block-scroll, body.mpc-block-scroll { overflow: hidden !important; } /*----------------------------------------------------------------------------* MODAL OVERLAY \*----------------------------------------------------------------------------*/ .mpc-modal-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all .25s; transition: all .25s; } .mpc-modal-overlay.mpc-visible { visibility: visible; opacity: 1; z-index: 1000000; } .mpc-modal-overlay:before { content: ''; display: inline-block; width: 0; height: 100%; } .mpc-modal-overlay .mpc-inited, .mpc-modal-overlay .mpc-inited * { visibility: inherit; } .mpc-overlay__wrapper { position: relative; display: table; width: 100%; height: 100%; } .mpc-overlay__wrapper--vertical { display: table-cell; } /* Alignment */ .mpc-modal-overlay[data-position^=top]:before, .mpc-modal-overlay[data-position^=top] .mpc-modal { vertical-align: top; } .mpc-modal-overlay[data-position^=middle]:before, .mpc-modal-overlay[data-position^=middle] .mpc-modal { vertical-align: middle; } .mpc-modal-overlay[data-position^=bottom]:before, .mpc-modal-overlay[data-position^=bottom] .mpc-modal { vertical-align: bottom; } .mpc-modal-overlay[data-position$=left] { text-align: left; } .mpc-modal-overlay[data-position$=center] { text-align: center; } .mpc-modal-overlay[data-position$=right] { text-align: right; } /* Mobile */ @media screen and (max-width: 768px) { .mpc-modal-overlay .mpc-modal.mpc-modal .mpc-modal__content { max-height: 80vh; max-width: 80vw; } .mpc-close--outside .mpc-modal__close { margin: 0 !important; } .mpc-modal-overlay:before, .mpc-modal-overlay .mpc-modal { vertical-align: middle !important; margin: 0 !important; } .mpc-modal-overlay { text-align: center !important; } } /* Compability fixes */ /* Bridge */ html.mpc-block-scroll, body.mpc-block-scroll { height: 100% !important; } html.mpc-block-scroll header.fixed, html.mpc-block-scroll .title.has_fixed_background { z-index: initial !important; } /*----------------------------------------------------------------------------* NAVIGATION SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-navigation { display: block; pointer-events: none; z-index: 1; } .mpc-navigation.mpc-on-hover { opacity: 0 !important; -webkit-transition: .25s all; transition: .25s all; } .mpc-navigation .mpc-nav__icon:focus { outline: none; } .mpc-navigation .mpc-nav__arrow { -webkit-transition: -webkit-transform .25s; transition: transform .25s; } .mpc-navigation .mpc-nav__arrow.slick-disabled .mpc-nav__icon { opacity: .5 !important; pointer-events: none; cursor: default; } .mpc-navigation i { overflow: hidden; transform: translate3d(0, 0, 0); position: relative; pointer-events: initial; display: block; cursor: pointer; -webkit-transition: inherit; transition: inherit; } .mpc-navigation i:before { position: relative; z-index: 2; } .mpc-carousel__wrapper:hover .mpc-navigation.mpc-on-hover { opacity: 1 !important; } .mpc-nav__background { position: absolute; z-index: -1; opacity: 0; } .mpc-nav__icon i:hover .mpc-nav__background { opacity: 1; } .mpc-nav__background.mpc-effect-type--fade.mpc-effect-side--in { top: 0; bottom: 0; left: 0; right: 0; } .mpc-nav__background.mpc-effect-type--slide.mpc-effect-side--top { top: -100%; left: 0; width: 100%; height: 100%; } .mpc-nav__icon i:hover .mpc-nav__background.mpc-effect-type--slide.mpc-effect-side--top { top: 0; } .mpc-nav__background.mpc-effect-type--slide.mpc-effect-side--right { top: 0; left: 100%; width: 100%; height: 100%; } .mpc-nav__icon i:hover .mpc-nav__background.mpc-effect-type--slide.mpc-effect-side--right { left: 0; } .mpc-nav__background.mpc-effect-type--slide.mpc-effect-side--bottom { top: 100%; left: 0; width: 100%; height: 100%; } .mpc-nav__icon i:hover .mpc-nav__background.mpc-effect-type--slide.mpc-effect-side--bottom { top: 0; } .mpc-nav__background.mpc-effect-type--slide.mpc-effect-side--left { top: 0; left: -100%; width: 100%; height: 100%; } .mpc-nav__icon i:hover .mpc-nav__background.mpc-effect-type--slide.mpc-effect-side--left { left: 0; } .mpc-nav__background.mpc-effect-type--expand.mpc-effect-side--horizontal { top: 0; bottom: 0; left: 50%; right: 50%; } .mpc-nav__icon i:hover .mpc-nav__background.mpc-effect-type--expand.mpc-effect-side--horizontal { left: 5%; right: 5%; } .mpc-nav__background.mpc-effect-type--expand.mpc-effect-side--vertical { top: 50%; bottom: 50%; left: 0; right: 0; } .mpc-nav__icon i:hover .mpc-nav__background.mpc-effect-type--expand.mpc-effect-side--vertical { top: 5%; bottom: 5%; } .mpc-nav__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left { top: 50%; bottom: 50%; left: -20%; right: -20%; transform: rotate(45deg); } .mpc-nav__icon i:hover .mpc-nav__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left { top: -60%; bottom: -60%; } .mpc-nav__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right { top: 50%; bottom: 50%; left: -20%; right: -20%; transform: rotate(-45deg); } .mpc-nav__icon i:hover .mpc-nav__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right { top: -60%; bottom: -60%; } .mpc-navigation--style_1, .mpc-navigation--style_2 { width: 100%; } .mpc-navigation--style_1 .mpc-nav__arrow, .mpc-navigation--style_2 .mpc-nav__arrow { display: inline-block; } /* Style 3 */ .mpc-navigation--style_3 { position: absolute; top: 0; width: auto; height: 100%; } .mpc-navigation--style_3:first-child { left: 0; } .mpc-navigation--style_3:last-child { right: 0; } .mpc-navigation--style_3 .mpc-nav__arrow { height: 100%; display: table; } .mpc-navigation--style_3 .mpc-nav__arrow .mpc-nav__icon { display: table-cell; height: 100%; vertical-align: middle; text-align: center; } /* Style 4 */ .mpc-navigation--style_4 { position: absolute; top: 0; width: auto; height: 100%; } .mpc-navigation--style_4:first-child { left: 0; } .mpc-navigation--style_4:last-child { right: 0; } .mpc-navigation--style_4 .mpc-nav__arrow { height: 100%; display: table; } .mpc-navigation--style_4 .mpc-nav__arrow .mpc-nav__icon { display: table-cell; height: 100%; vertical-align: middle; text-align: center; } .mpc-navigation--style_4 .mpc-nav__arrow { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mpc-waypoint--init .mpc-navigation--style_4 .mpcslick-prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .mpc-waypoint--init .mpc-navigation--style_4 .mpcslick-next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } /* Style 5 */ .mpc-navigation--style_5 { position: absolute; top: 0; width: auto; height: 100%; } .mpc-navigation--style_5:first-child { left: 0; } .mpc-navigation--style_5:last-child { right: 0; } .mpc-navigation--style_5 .mpc-nav__arrow { height: 100%; display: table; } .mpc-navigation--style_5 .mpc-nav__arrow .mpc-nav__icon { display: table-cell; height: 100%; vertical-align: middle; text-align: center; } .mpc-navigation--style_5 .mpc-nav__arrow { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mpc-waypoint--init .mpc-navigation--style_5 .mpcslick-prev { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mpc-waypoint--init .mpc-navigation--style_5 .mpcslick-next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } /* Style 6 */ .mpc-navigation--style_6 { position: absolute; top: 0; width: auto; height: 100%; } .mpc-navigation--style_6:first-child { left: 0; } .mpc-navigation--style_6:last-child { right: 0; } .mpc-navigation--style_6 .mpc-nav__arrow { height: 100%; display: table; } .mpc-navigation--style_6 .mpc-nav__arrow .mpc-nav__icon { display: table-cell; height: 100%; vertical-align: middle; text-align: center; } .mpc-navigation--style_6 .mpc-nav__arrow { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mpc-nav--stretched .mpc-nav__arrow { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .mpc-nav--stretched:not(.mpc-navigation--style_1):not(.mpc-navigation--style_2) .mpc-nav__arrow { margin-left: 0 !important; margin-right: 0 !important; } /* Responsive */ @media screen and (max-width: 767px) { .mpc-nav__arrow { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .mpc-navigation:not(.mpc-navigation--style_1):not(.mpc-navigation--style_2) .mpc-nav__arrow { margin-left: 0 !important; margin-right: 0 !important; } } /*----------------------------------------------------------------------------* PAGINATION SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-pagination { display: block; width: 100%; } .mpc-pagination.mpc-disabled, .mpc-pagination .mpc-disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; pointer-events: none; } .mpc-pagination li:last-child { margin-right: 0; } .mpc-pagination li:before, .mpc-pagination li:after { content: "" !important; border: 0 !important; position: static !important; } /* Infinity */ .mpc-pagination--infinity { visibility: hidden; height: 0; } .mpc-pagination--infinity a { opacity: 0; height: 0 !important; border: 0 !important; } /* Classic */ .mpc-pagination--classic .mpc-pagination__links { list-style: none; margin: 0; padding: 0; width: 100%; } .mpc-pagination--classic li { display: inline-block; vertical-align: bottom; margin-bottom: 0 !important; } .mpc-pagination--classic li.mpc-current a { cursor: default; pointer-events: none; } .mpc-pagination__dots { padding: 0 1em; } .mpc-pagination a { position: relative; display: inline-block; overflow: hidden; text-decoration: none; vertical-align: bottom; z-index: 1; } .mpc--square.mpc-pagination a { text-align: center !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mpc--square.mpc-pagination li:not(:first-child):not(:last-child) .mpc-pagination__title { padding: 0 !important; } .mpc--square.mpc-pagination li:first-child .mpc-pagination__title, .mpc--square.mpc-pagination li:last-child .mpc-pagination__title { padding-top: 0 !important; padding-bottom: 0 !important; } .mpc--square.mpc-pagination span { height: 100%; } .mpc-pagination__content { position: relative; z-index: 2; } .mpc-pagination__title { display: inline-block; vertical-align: middle; } .mpc-pagination__icon { text-align: center; vertical-align: middle; display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mpc-pagination__background { position: absolute; z-index: 1; opacity: 0; } .mpc-pagination a:hover .mpc-pagination__background, .mpc-pagination .mpc-current .mpc-pagination__background { opacity: 1; } .mpc-pagination__background.mpc-effect-type--fade.mpc-effect-side--in { top: 0; bottom: 0; left: 0; right: 0; } .mpc-pagination__background.mpc-effect-type--slide.mpc-effect-side--top { top: -100%; left: 0; width: 100%; height: 100%; } .mpc-pagination a:hover .mpc-pagination__background.mpc-effect-type--slide.mpc-effect-side--top, .mpc-pagination .mpc-current .mpc-pagination__background.mpc-effect-type--slide.mpc-effect-side--top { top: 0; } .mpc-pagination__background.mpc-effect-type--slide.mpc-effect-side--right { top: 0; left: 100%; width: 100%; height: 100%; } .mpc-pagination a:hover .mpc-pagination__background.mpc-effect-type--slide.mpc-effect-side--right, .mpc-pagination .mpc-current .mpc-pagination__background.mpc-effect-type--slide.mpc-effect-side--right { left: 0; } .mpc-pagination__background.mpc-effect-type--slide.mpc-effect-side--bottom { top: 100%; left: 0; width: 100%; height: 100%; } .mpc-pagination a:hover .mpc-pagination__background.mpc-effect-type--slide.mpc-effect-side--bottom, .mpc-pagination .mpc-current .mpc-pagination__background.mpc-effect-type--slide.mpc-effect-side--bottom { top: 0; } .mpc-pagination__background.mpc-effect-type--slide.mpc-effect-side--left { top: 0; left: -100%; width: 100%; height: 100%; } .mpc-pagination a:hover .mpc-pagination__background.mpc-effect-type--slide.mpc-effect-side--left, .mpc-pagination .mpc-current .mpc-pagination__background.mpc-effect-type--slide.mpc-effect-side--left { left: 0; } .mpc-pagination__background.mpc-effect-type--expand.mpc-effect-side--horizontal { top: 0; bottom: 0; left: 50%; right: 50%; } .mpc-pagination a:hover .mpc-pagination__background.mpc-effect-type--expand.mpc-effect-side--horizontal, .mpc-pagination .mpc-current .mpc-pagination__background.mpc-effect-type--expand.mpc-effect-side--horizontal { left: 5%; right: 5%; } .mpc-pagination__background.mpc-effect-type--expand.mpc-effect-side--vertical { top: 50%; bottom: 50%; left: 0; right: 0; } .mpc-pagination a:hover .mpc-pagination__background.mpc-effect-type--expand.mpc-effect-side--vertical, .mpc-pagination .mpc-current .mpc-pagination__background.mpc-effect-type--expand.mpc-effect-side--vertical { top: 5%; bottom: 5%; } .mpc-pagination__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left { top: 50%; bottom: 50%; left: -20%; right: -20%; transform: rotate(45deg); } .mpc-pagination a:hover .mpc-pagination__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left, .mpc-pagination .mpc-current .mpc-pagination__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left { top: -60%; bottom: -60%; } .mpc-pagination__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right { top: 50%; bottom: 50%; left: -20%; right: -20%; transform: rotate(-45deg); } .mpc-pagination a:hover .mpc-pagination__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right, .mpc-pagination .mpc-current .mpc-pagination__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right { top: -60%; bottom: -60%; } .mpc-pagination__content.mpc-effect-type--none .mpc-pagination__icon { opacity: 0; visibility: hidden; } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--none .mpc-pagination__icon, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--none .mpc-pagination__icon { opacity: 1; visibility: visible; } .mpc-pagination__content.mpc-effect-type--stay.mpc-effect-side--left .mpc-pagination__icon { padding-right: .5em; } .mpc-pagination__content.mpc-effect-type--stay.mpc-effect-side--left .mpc-pagination__title { padding-left: 0; } .mpc-pagination__content.mpc-effect-type--stay.mpc-effect-side--right .mpc-pagination__icon { padding-left: .5em; } .mpc-pagination__content.mpc-effect-type--stay.mpc-effect-side--right .mpc-pagination__title { padding-right: 0; } .mpc-pagination__content.mpc-effect-type--slide .mpc-pagination__icon { position: absolute; top: 50%; opacity: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--slide .mpc-pagination__icon, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--slide .mpc-pagination__icon { opacity: 1; } .mpc-pagination__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-pagination__icon { left: -100%; padding: 0; } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-pagination__icon, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-pagination__icon { left: 5%; } .mpc-pagination__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-pagination__icon { right: -100%; padding: 0; } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-pagination__icon, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-pagination__icon { right: 5%; } .mpc-pagination__content.mpc-effect-type--push_out { overflow: hidden; } .mpc-pagination__content.mpc-effect-type--push_out .mpc-pagination__icon { position: absolute; opacity: 0; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--push_out .mpc-pagination__icon, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--push_out .mpc-pagination__icon { opacity: 1; } .mpc-pagination__content.mpc-effect-type--push_out .mpc-pagination__title { position: relative; } .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-pagination__icon { top: -100%; left: 50%; } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-pagination__icon, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-pagination__icon { top: 50%; } .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-pagination__title { top: 0; } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-pagination__title, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-pagination__title { top: 5em; } .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-pagination__icon { top: 50%; left: 150%; } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-pagination__icon, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-pagination__icon { left: 50%; } .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-pagination__title { left: 0; } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-pagination__title, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-pagination__title { left: -100%; } .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-pagination__icon { top: 150%; left: 50%; } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-pagination__icon, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-pagination__icon { top: 50%; } .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-pagination__title { top: 0; } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-pagination__title, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-pagination__title { top: -5em; } .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-pagination__icon { top: 50%; left: -100%; } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-pagination__icon, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-pagination__icon { left: 50%; } .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-pagination__title { left: 0; } .mpc-pagination a:hover .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-pagination__title, .mpc-pagination .mpc-current .mpc-pagination__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-pagination__title { left: 100%; } @media screen and (max-width: 640px) { .mpc-pagination--classic li:not(:first-child):not(:last-child) { display: none; } } /*----------------------------------------------------------------------------* PRICING BOX SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-pricing-box { display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-pricing-box .slick-list { margin-top: -3em !important; } .mpc-pricing-box .slick-track { padding-top: 3em; } .mpc-pricing-box:focus, .mpc-pricing-box *:focus { outline: none; } .mpc-pricing-box__wrapper { display: -ms-flexbox; display: flex; align-items: flex-end; justify-content: center; flex-wrap: nowrap; } /*----------------------------------------------------------------------------* PRICING COLUMN SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-pricing-column { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-pricing-column.mpc-pricing-legend { align-self: stretch; } .mpc-pricing__button { text-align: center; } .mpc-pricing__featured { position: absolute; bottom: 100%; left: 0; width: 100%; } .mpc-pricing__property, .mpc-pricing__featured, .mpc-pricing__title, .mpc-pricing__price { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 1 Column */ .mpc-pricing-box[data-pb-cols="1"] { display: block; } .mpc-pricing-box[data-pb-cols="1"] .mpc-pricing-column { width: 100%; } /* 2 Columns */ .mpc-pricing-box[data-pb-cols="2"] { -ms-flex: 0 1 100%; flex: 0 1 100%; /* Columns */ } .mpc-pricing-box[data-pb-cols="2"] .mpc-pricing-column { -ms-flex: 0 1 50%; flex: 0 1 50%; } /* 3 Columns */ .mpc-pricing-box[data-pb-cols="3"] { -ms-flex: 0 1 100%; flex: 0 1 100%; /* Columns */ } .mpc-pricing-box[data-pb-cols="3"] .mpc-pricing-column { -ms-flex: 0 1 33%; flex: 0 1 33%; } .mpc-pricing-box[data-pb-cols="3"] .mpc-pricing-column:first-child { -ms-flex: 0 1 34%; flex: 0 1 34%; } /* 4 Columns */ .mpc-pricing-box[data-pb-cols="4"] { -ms-flex: 0 1 100%; flex: 0 1 100%; /* Columns */ } .mpc-pricing-box[data-pb-cols="4"] .mpc-pricing-column { -ms-flex: 0 1 25%; flex: 0 1 25%; } /* 5 Columns */ .mpc-pricing-box[data-pb-cols="5"] { -ms-flex: 0 1 100%; flex: 0 1 100%; /* Columns */ } .mpc-pricing-box[data-pb-cols="5"] .mpc-pricing-column { -ms-flex: 0 1 20%; flex: 0 1 20%; } /* Slider */ .mpc-pricing-box .slick-slider { width: 100%; } .mpc-pricing-box .slick-slider, .mpc-pricing-box .slick-slider .mpc-pricing-column { -ms-flex: none !important; flex: none !important; } /* Slider 1 Column */ .mpc-pricing-box .mpc-pricing-legend + .slick-slider[data-slick-cols="1"] { width: 50%; } .mpc-pricing-box .slick-slider[data-slick-cols="1"] .mpc-pricing-column { width: 100%; } /* Slider 2 Columns */ .mpc-pricing-box .mpc-pricing-legend + .slick-slider[data-slick-cols="2"] { width: 66%; } .mpc-pricing-box .slick-slider[data-slick-cols="2"] .mpc-pricing-column { width: 50%; } /* Slider 3 Columns */ .mpc-pricing-box .mpc-pricing-legend + .slick-slider[data-slick-cols="3"] { width: 75%; } .mpc-pricing-box .slick-slider[data-slick-cols="3"] .mpc-pricing-column { width: 33%; } .mpc-pricing-box .slick-slider[data-slick-cols="3"] .mpc-pricing-column:nth-child(3n) { width: 34%; } /* Slider 4 Columns */ .mpc-pricing-box .mpc-pricing-legend + .slick-slider[data-slick-cols="4"] { width: 80%; } .mpc-pricing-box .slick-slider[data-slick-cols="4"] .mpc-pricing-column { width: 25%; } /* Responsive */ @media screen and (max-width: 992px) { .mpc-pricing-box { flex-wrap: wrap; justify-content: center; align-items: flex-end; background: none !important; } .mpc-pricing-box[data-pb-cols="4"] .mpc-pricing-column:not(first-child):not(:nth-child(2)) .mpc-pricing__featured, .mpc-pricing-box[data-pb-cols="5"] .mpc-pricing-column:not(first-child):not(:nth-child(2)) .mpc-pricing__featured { position: static; } .mpc-pricing-box[data-pb-cols="4"] .mpc-pricing-column, .mpc-pricing-box[data-pb-cols="5"] .mpc-pricing-column { -ms-flex: 0 1 50% !important; flex: 0 1 50% !important; margin: 0 0 1em 0; } /* Slick */ .mpc-init--slick .mpc-pricing-legend { display: none; } .mpc-pricing-box .slick-slider { width: 100% !important; -ms-flex: none !important; flex: none !important; } .mpc-pricing-box .slick-slider .mpc-pricing__featured { position: absolute !important; } .mpc-pricing-box .slick-slider .mpc-pricing-column { margin: 0 !important; } } @media screen and (max-width: 768px) { .mpc-pricing-legend { display: none; } .mpc-pricing__featured { position: static; } .mpc-pricing-box:not([data-pb-cols="1"]) .mpc-pricing-column { margin: 0 0 1em 0; } .mpc-pricing-box[data-pb-cols] .mpc-pricing-column { -ms-flex: 0 1 100% !important; flex: 0 1 100% !important; } } /* FrontEnd Editor */ .vc_mpc_pricing_box.vc_element .vc_controls > .vc_controls-out-tl { left: initial; right: 0; } /*----------------------------------------------------------------------------* PROGRESS SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-progress { margin-bottom: 1.5em; } .mpc-progress__wrap, .mpc-progress__bar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mpc-progress__title { display: block; margin: 0 !important; } .mpc-progress__value { display: block; padding-left: .5em; white-space: nowrap; } .mpc-progress__box { position: relative; width: 100%; height: 100%; } .mpc-progress__bar { position: absolute; left: 0; bottom: 0; width: 0; height: 0; overflow: hidden; -webkit-transition: width 1.5s, height 1.5s; transition: width 1.5s, height 1.5s; } .mpc-vertical--center .mpc-progress__info { display: table; width: 100%; min-width: 0; -webkit-transition: all 1.5s; transition: all 1.5s; } .mpc-vertical--center .mpc-progress__title, .mpc-vertical--center .mpc-progress__value { display: table-cell; vertical-align: middle; } .mpc-vertical--center .mpc-progress__value { width: 1px; } .mpc-sticky-value .mpc-progress__info { width: auto; } .mpc-progress.mpc-style--style_1 .mpc-progress__bar, .mpc-progress.mpc-style--style_2 .mpc-progress__bar, .mpc-progress.mpc-style--style_6 .mpc-progress__bar { height: 100%; } .mpc-progress.mpc-style--style_2 .mpc-progress__info { position: relative; z-index: 1; } .mpc-progress.mpc-style--style_3 .mpc-progress__bar, .mpc-progress.mpc-style--style_4 .mpc-progress__bar, .mpc-progress.mpc-style--style_7 .mpc-progress__bar { width: 100%; } .mpc-progress.mpc-style--style_7 .mpc-progress__value { position: absolute; top: 50%; left: 50%; padding-left: 0; transform: translateX(-50%) translateY(-50%); } .mpc-progress.mpc-style--style_4 .mpc-progress__value { display: block; padding-left: 0; } .mpc-progress.mpc-style--style_5 .mpc-progress__box:after, .mpc-progress.mpc-style--style_8 .mpc-progress__box:after { content: ''; display: block; clear: both; } .mpc-progress.mpc-style--style_5 .mpc-progress__icon-box, .mpc-progress.mpc-style--style_8 .mpc-progress__icon-box { float: left; position: relative; width: 10%; border: 0 solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mpc-progress.mpc-style--style_5 .mpc-progress__icon-box:before, .mpc-progress.mpc-style--style_8 .mpc-progress__icon-box:before { content: ''; display: block; padding-top: 100%; } .mpc-progress.mpc-style--style_5 .mpc-progress__icon-box.mpc-filled .mpc-layer--back, .mpc-progress.mpc-style--style_8 .mpc-progress__icon-box.mpc-filled .mpc-layer--back { opacity: 0; } .mpc-progress.mpc-style--style_5 .mpc-progress__icon-box.mpc-filled .mpc-layer--front, .mpc-progress.mpc-style--style_8 .mpc-progress__icon-box.mpc-filled .mpc-layer--front { opacity: 1; } .mpc-progress.mpc-style--style_5 .mpc-progress__icon, .mpc-progress.mpc-style--style_8 .mpc-progress__icon { text-align: center; vertical-align: middle; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity .25s; transition: opacity .25s; } .mpc-progress.mpc-style--style_5 .mpc-progress__icon.mpc-layer--back, .mpc-progress.mpc-style--style_8 .mpc-progress__icon.mpc-layer--back { opacity: 1; } .mpc-progress.mpc-style--style_5 .mpc-progress__icon.mpc-layer--front, .mpc-progress.mpc-style--style_8 .mpc-progress__icon.mpc-layer--front { opacity: 0; } .mpc-progress.mpc-style--style_5 .mpc-progress__icon:before, .mpc-progress.mpc-style--style_8 .mpc-progress__icon:before { vertical-align: middle; } .mpc-progress.mpc-style--style_5 .mpc-progress__icon:after, .mpc-progress.mpc-style--style_8 .mpc-progress__icon:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mpc-progress.mpc-style--style_5 .mpc-progress__bar, .mpc-progress.mpc-style--style_8 .mpc-progress__bar { height: 100%; } /*----------------------------------------------------------------------------* QR Code SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-qrcode { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; } [data-tag="mpc_qrcode"] { display: inline-block !important; } /*----------------------------------------------------------------------------* QUOTE SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-quote { position: relative; display: block; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-quote .mpc-quote__content { padding: 0; margin: 0; border: 0; } .mpc-quote .mpc-quote__content p:first-child { margin-top: 0 !important; } .mpc-quote .mpc-quote__content p:last-child { margin-bottom: 0 !important; } .mpc-quote .mpc-quote__content .mpc-quote__signature span { font-size: inherit; font-style: inherit; font-family: inherit; color: inherit; text-transform: inherit; } .mpc-quote:before, .mpc-quote:after { display: block; content: ""; float: none; clear: both; } .mpc-quote__wrapper { position: relative; } .mpc-quote__icon-wrapper { display: block; z-index: 1; } .mpc-icon--left .mpc-quote__icon-wrapper { float: left; margin: 0 1em 0 0; } .mpc-icon--right .mpc-quote__icon-wrapper { float: right; margin: 0 0 0 1em; } .mpc-quote__icon-wrapper img { border-radius: inherit; vertical-align: bottom; } .mpc-quote__content { display: block; position: relative; z-index: 2; overflow: hidden; } /* Style 1 */ .mpc-quote--style_1 .mpc-quote__description { margin: 0 0 1em 0; } /* Style 2 */ .mpc-quote--style_2 .mpc-quote__description { margin: 1em 0 0 0; } /* Style 3 */ .mpc-quote--style_3 .mpc-quote__icon-wrapper { position: absolute; z-index: 1; margin: -.25em; } .mpc-quote--style_3.mpc-icon--right .mpc-quote__icon-wrapper { right: 0; } .mpc-quote--style_3 .mpc-quote__description { margin: 0 0 1em 0; } /* Style 4 */ .mpc-quote--style_4 .mpc-quote__icon-wrapper { position: absolute; z-index: 1; margin: -.25em; } .mpc-quote--style_4.mpc-icon--right .mpc-quote__icon-wrapper { right: 0; } .mpc-quote--style_4 .mpc-quote__description { margin: 1em 0 0 0; } @media screen and (min-width: 768px) and (max-width: 992px) { .mpc-column:not(.vc_col-sm-12) .mpc-quote--style_1 .mpc-quote__icon-wrapper, .mpc-column:not(.vc_col-sm-12) .mpc-quote--style_2 .mpc-quote__icon-wrapper { float: none; margin: 1em 0 !important; } .mpc-column:not(.vc_col-sm-12) .mpc-quote--style_1 .mpc-quote__icon-wrapper, .mpc-column:not(.vc_col-sm-12) .mpc-quote--style_1 .mpc-quote__description, .mpc-column:not(.vc_col-sm-12) .mpc-quote--style_1 .mpc-quote__signature, .mpc-column:not(.vc_col-sm-12) .mpc-quote--style_2 .mpc-quote__icon-wrapper, .mpc-column:not(.vc_col-sm-12) .mpc-quote--style_2 .mpc-quote__description, .mpc-column:not(.vc_col-sm-12) .mpc-quote--style_2 .mpc-quote__signature { text-align: center !important; } } @media screen and (max-width: 480px) { .mpc-quote--style_1 .mpc-quote__icon-wrapper, .mpc-quote--style_2 .mpc-quote__icon-wrapper { float: none; margin: 1em 0 !important; } .mpc-quote--style_1 .mpc-quote__icon-wrapper, .mpc-quote--style_1 .mpc-quote__description, .mpc-quote--style_1 .mpc-quote__signature, .mpc-quote--style_2 .mpc-quote__icon-wrapper, .mpc-quote--style_2 .mpc-quote__description, .mpc-quote--style_2 .mpc-quote__signature { text-align: center !important; } } /*----------------------------------------------------------------------------* RIBBON SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-ribbon { position: absolute; white-space: nowrap; z-index: 999; margin: 1em 0; /* Classic */ /* Corner */ /* Fullwidth */ } .mpc-ribbon:after, .mpc-ribbon:before { display: block; position: absolute; content: ""; width: 0; height: 0; border-style: solid; } .mpc-ribbon.mpc-disable-corners:after, .mpc-ribbon.mpc-disable-corners:before { display: none; } .mpc-ribbon.mpc-alignment--top-left { top: 0; left: 0; } .mpc-ribbon.mpc-alignment--top-right { top: 0; right: 0; } .mpc-ribbon.mpc-alignment--bottom-left { bottom: 0; left: 0; } .mpc-ribbon.mpc-alignment--bottom-right { bottom: 0; right: 0; } .mpc-ribbon.mpc-style--classic:after { display: none; } .mpc-ribbon.mpc-style--classic.mpc-alignment--top-left:before { left: 0; border-width: 5px 0 0 10px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -5px; } .mpc-ribbon.mpc-style--classic.mpc-alignment--top-right:before { right: 0; border-width: 5px 10px 0 0; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -5px; } .mpc-ribbon.mpc-style--classic.mpc-alignment--bottom-left:before { left: 0; border-width: 0 0 5px 10px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -5px; } .mpc-ribbon.mpc-style--classic.mpc-alignment--bottom-right:before { right: 0; border-width: 0 10px 5px 0; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -5px; } .mpc-ribbon.mpc-style--corner { margin: 0 !important; text-align: center; } .mpc-ribbon.mpc-style--corner.mpc-size--medium { width: 200px; height: 40px; } .mpc-ribbon.mpc-style--corner.mpc-size--large { width: 300px; height: 50px; } .mpc-ribbon.mpc-style--corner.mpc-size--small { width: 150px; height: 25px; } .mpc-ribbon.mpc-style--corner .mpc-vertical { display: table; width: 100%; height: 100%; z-index: 2; position: relative; } .mpc-ribbon.mpc-style--corner .mpc-ribbon__content { display: table-cell; width: 100%; height: 100%; padding: 0 !important; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .mpc-ribbon.mpc-style--corner.mpc-alignment--top-left { transform: rotate(-45deg); } .mpc-ribbon.mpc-style--corner.mpc-alignment--top-left.mpc-size--medium { left: -43px; top: 37px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--top-left.mpc-size--large { left: -61px; top: 64px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--top-left.mpc-size--small { left: -31px; top: 32px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--top-left:before { left: 0; border-width: 15px 15px 0 0; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -14px; z-index: 1; } .mpc-ribbon.mpc-style--corner.mpc-alignment--top-left:after { right: 0; border-width: 15px 0 0 15px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -14px; z-index: 2; } .mpc-ribbon.mpc-style--corner.mpc-alignment--top-right { transform: rotate(45deg); } .mpc-ribbon.mpc-style--corner.mpc-alignment--top-right.mpc-size--medium { right: -43px; top: 37px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--top-right.mpc-size--large { right: -61px; top: 64px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--top-right.mpc-size--small { right: -31px; top: 32px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--top-right:before { left: 0; border-width: 15px 15px 0 0; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -14px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--top-right:after { right: 0; border-width: 15px 0 0 15px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -14px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--bottom-left { transform: rotate(45deg); } .mpc-ribbon.mpc-style--corner.mpc-alignment--bottom-left.mpc-size--medium { left: -43px; bottom: 37px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--bottom-left.mpc-size--large { left: -61px; bottom: 64px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--bottom-left.mpc-size--small { left: -31px; bottom: 32px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--bottom-left:before { left: 0; border-width: 0 15px 15px 0; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -14px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--bottom-left:after { right: 0; border-width: 0 0 15px 15px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -14px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--bottom-right { transform: rotate(-45deg); } .mpc-ribbon.mpc-style--corner.mpc-alignment--bottom-right.mpc-size--medium { right: -43px; bottom: 37px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--bottom-right.mpc-size--large { right: -61px; bottom: 64px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--bottom-right.mpc-size--small { right: -31px; bottom: 32px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--bottom-right:before { left: 0; border-width: 0 15px 15px 0; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -14px; } .mpc-ribbon.mpc-style--corner.mpc-alignment--bottom-right:after { right: 0; border-width: 0 0 15px 15px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -14px; } .mpc-ribbon.mpc-style--fullwidth { left: 0; right: 0; } .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--top-left, .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--top-right { top: 0; } .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--top-left:after, .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--top-left:before, .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--top-right:after, .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--top-right:before { bottom: -5px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--top-left:before, .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--top-right:before { left: 0; border-width: 5px 0 0 10px; } .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--top-left:after, .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--top-right:after { right: 0; border-width: 5px 10px 0 0; } .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--bottom-left, .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--bottom-right { bottom: 0; } .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--bottom-left:after, .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--bottom-left:before, .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--bottom-right:after, .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--bottom-right:before { top: -5px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--bottom-left:before, .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--bottom-right:before { left: 0; border-width: 0 0 5px 10px; } .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--bottom-left:after, .mpc-ribbon.mpc-style--fullwidth.mpc-alignment--bottom-right:after { right: 0; border-width: 0 10px 5px 0; } .mpc-ribbon-wrap { position: relative; display: block; margin: -10px; padding: 10px; overflow: hidden; } /*----------------------------------------------------------------------------* ROW SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-row { display: block; } .mpc-row p { max-width: 100%; } .mpc-row[data-vc-full-width] { overflow: visible; } .mpc-row.mpc-divider-block { padding: 0 !important; margin: 0 !important; width: 100% !important; left: 0 !important; overflow: visible !important; float: left; z-index: 6; height: 0; } .mpc-row.mpc-divider-block .mpc-column { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* TOGGLE */ .mpc-toggle-row + .mpc-row { overflow: hidden; } .mpc-toggle-row { display: block; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .25s; transition: all .25s; } .mpc-toggle-row + .mpc-row:not(.mpc-toggled) { padding-top: 0 !important; padding-bottom: 0 !important; } .mpc-toggle-row .mpc-toggle-row__icon { width: 1em; line-height: 1; text-align: center; display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mpc-toggle-row__content { margin: 0 auto; position: relative; overflow: hidden; border-radius: inherit; transform: translate3d(0, 0, 0); } .mpc-toggle-row__content .mpc-regular, .mpc-toggle-row__content .mpc-hover { position: relative; display: block; width: auto; top: 0; left: 0; line-height: 1; -webkit-transition: all .25s; transition: all .25s; } .mpc-toggle-row__content .mpc-regular.mpc-position--left, .mpc-toggle-row__content .mpc-regular.mpc-position--right, .mpc-toggle-row__content .mpc-hover.mpc-position--left, .mpc-toggle-row__content .mpc-hover.mpc-position--right { width: 100%; display: table; } .mpc-toggle-row__content .mpc-regular .mpc-toggle-row__icon-wrap, .mpc-toggle-row__content .mpc-regular .mpc-toggle-row__title, .mpc-toggle-row__content .mpc-hover .mpc-toggle-row__icon-wrap, .mpc-toggle-row__content .mpc-hover .mpc-toggle-row__title { display: inline-block; vertical-align: middle; } .mpc-toggle-row__content .mpc-position--left .mpc-toggle-row__icon-wrap, .mpc-toggle-row__content .mpc-position--left .mpc-toggle-row__title, .mpc-toggle-row__content .mpc-position--right .mpc-toggle-row__icon-wrap, .mpc-toggle-row__content .mpc-position--right .mpc-toggle-row__title { display: table-cell; } .mpc-toggle-row__content .mpc-position--left .mpc-toggle-row__icon-wrap, .mpc-toggle-row__content .mpc-position--right .mpc-toggle-row__icon-wrap { width: 1px; } .mpc-toggle-row.mpc-effect-none .mpc-regular, .mpc-toggle-row.mpc-effect-none .mpc-hover { -webkit-transition: none; transition: none; } .mpc-toggle-row__content .mpc-hover { position: absolute; width: 100%; height: 100%; } .mpc-toggle-row.mpc-effect-slide-up .mpc-hover { transform: translate(0, -100%); } .mpc-toggle-row.mpc-effect-slide-up .mpc-regular { transform: translate(0, 0); } .mpc-toggle-row.mpc-effect-slide-up:hover .mpc-hover, .mpc-toggle-row.mpc-effect-slide-up.mpc-toggled .mpc-hover { transform: translate(0, 0); } .mpc-toggle-row.mpc-effect-slide-up:hover .mpc-regular, .mpc-toggle-row.mpc-effect-slide-up.mpc-toggled .mpc-regular { transform: translate(0, 100%); } .mpc-toggle-row.mpc-effect-slide-down .mpc-hover { transform: translate(0, 100%); } .mpc-toggle-row.mpc-effect-slide-down .mpc-regular { transform: translate(0, 0); } .mpc-toggle-row.mpc-effect-slide-down:hover .mpc-hover, .mpc-toggle-row.mpc-effect-slide-down.mpc-toggled .mpc-hover { transform: translate(0%, 0); } .mpc-toggle-row.mpc-effect-slide-down:hover .mpc-regular, .mpc-toggle-row.mpc-effect-slide-down.mpc-toggled .mpc-regular { transform: translate(0, -100%); } .mpc-toggle-row.mpc-effect-slide-left .mpc-hover { transform: translate(-100%, 0); } .mpc-toggle-row.mpc-effect-slide-left .mpc-regular { transform: translate(0, 0); } .mpc-toggle-row.mpc-effect-slide-left:hover .mpc-hover, .mpc-toggle-row.mpc-effect-slide-left.mpc-toggled .mpc-hover { transform: translate(0, 0); } .mpc-toggle-row.mpc-effect-slide-left:hover .mpc-regular, .mpc-toggle-row.mpc-effect-slide-left.mpc-toggled .mpc-regular { transform: translate(100%, 0); } .mpc-toggle-row.mpc-effect-slide-right .mpc-hover { transform: translate(100%, 0); } .mpc-toggle-row.mpc-effect-slide-right .mpc-regular { transform: translate(0, 0); } .mpc-toggle-row.mpc-effect-slide-right:hover .mpc-hover, .mpc-toggle-row.mpc-effect-slide-right.mpc-toggled .mpc-hover { transform: translate(0, 0); } .mpc-toggle-row.mpc-effect-slide-right:hover .mpc-regular, .mpc-toggle-row.mpc-effect-slide-right.mpc-toggled .mpc-regular { transform: translate(-100%, 0); } .mpc-toggle-row.mpc-effect-none .mpc-hover, .mpc-toggle-row.mpc-effect-fade .mpc-hover { opacity: 0; } .mpc-toggle-row.mpc-effect-none .mpc-regular, .mpc-toggle-row.mpc-effect-fade .mpc-regular { opacity: 1; } .mpc-toggle-row.mpc-effect-none:hover .mpc-hover, .mpc-toggle-row.mpc-effect-none.mpc-toggled .mpc-hover, .mpc-toggle-row.mpc-effect-fade:hover .mpc-hover, .mpc-toggle-row.mpc-effect-fade.mpc-toggled .mpc-hover { opacity: 1; } .mpc-toggle-row.mpc-effect-none:hover .mpc-regular, .mpc-toggle-row.mpc-effect-none.mpc-toggled .mpc-regular, .mpc-toggle-row.mpc-effect-fade:hover .mpc-regular, .mpc-toggle-row.mpc-effect-fade.mpc-toggled .mpc-regular { opacity: 0; } /* SEPARATOR */ .mpc-row { position: relative; } .mpc-row.vc_edit_form_elements { position: static; } .mpc-row.mpc-with-separator { margin-bottom: 0; } .mpc-separator { position: absolute; left: 0; width: inherit; min-width: 100%; display: block; fill: transparent; z-index: 5; } .mpc-separator.mpc-separator--top { top: -1px; } .mpc-separator.mpc-separator--bottom { bottom: -1px; } .mpc-separator-spacer { height: 100px; } @media screen and (max-width: 992px) { .mpc-separator-spacer { height: 50px; } } .mpc-separator-spacer.mpc-separator--bottom { clear: both; } .mpc-row.mpc-first-row > .mpc-separator--top { display: none; } .mpc-row.mpc-last-row > .mpc-separator--bottom { display: none; } .mpc-separator--css { height: 100px; } @media screen and (max-width: 992px) { .mpc-separator--css { height: 50px; } } .mpc-separator-style--tip-left:before, .mpc-separator-style--tip-left:after, .mpc-separator-style--tip-center:before, .mpc-separator-style--tip-center:after, .mpc-separator-style--tip-right:before, .mpc-separator-style--tip-right:after { content: ''; position: absolute; top: -5px; width: 50.5%; height: 0; border: 105px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 992px) { .mpc-separator-style--tip-left:before, .mpc-separator-style--tip-left:after, .mpc-separator-style--tip-center:before, .mpc-separator-style--tip-center:after, .mpc-separator-style--tip-right:before, .mpc-separator-style--tip-right:after { border: 55px solid transparent; } } .mpc-separator-style--tip-left:before, .mpc-separator-style--tip-center:before, .mpc-separator-style--tip-right:before { left: 0; } .mpc-separator-style--tip-left:after, .mpc-separator-style--tip-center:after, .mpc-separator-style--tip-right:after { right: 0; } .mpc-separator-style--tip-left.mpc-separator--top:before, .mpc-separator-style--tip-center.mpc-separator--top:before, .mpc-separator-style--tip-right.mpc-separator--top:before { border-top-color: inherit; border-left-color: inherit; border-bottom-width: 0; } .mpc-separator-style--tip-left.mpc-separator--top:after, .mpc-separator-style--tip-center.mpc-separator--top:after, .mpc-separator-style--tip-right.mpc-separator--top:after { border-top-color: inherit; border-right-color: inherit; border-bottom-width: 0; } .mpc-separator-style--tip-left.mpc-separator--bottom:before, .mpc-separator-style--tip-left.mpc-separator--bottom:after, .mpc-separator-style--tip-center.mpc-separator--bottom:before, .mpc-separator-style--tip-center.mpc-separator--bottom:after, .mpc-separator-style--tip-right.mpc-separator--bottom:before, .mpc-separator-style--tip-right.mpc-separator--bottom:after { top: 0; } .mpc-separator-style--tip-left.mpc-separator--bottom:before, .mpc-separator-style--tip-center.mpc-separator--bottom:before, .mpc-separator-style--tip-right.mpc-separator--bottom:before { border-bottom-color: inherit; border-left-color: inherit; border-top-width: 0; } .mpc-separator-style--tip-left.mpc-separator--bottom:after, .mpc-separator-style--tip-center.mpc-separator--bottom:after, .mpc-separator-style--tip-right.mpc-separator--bottom:after { border-bottom-color: inherit; border-right-color: inherit; border-top-width: 0; } .mpc-separator-style--tip-left:before { width: 25.5%; } .mpc-separator-style--tip-left:after { width: 75.5%; } .mpc-separator-style--tip-right:before { width: 75.5%; } .mpc-separator-style--tip-right:after { width: 25.5%; } @media screen and (max-width: 992px) { .mpc-separator-style--circle-left, .mpc-separator-style--circle-center, .mpc-separator-style--circle-right { height: 50px; } } .mpc-separator-style--circle-left path { transform: translateX(-500px); } @media screen and (max-width: 768px) { .mpc-separator-style--circle-left path { transform: translateX(-400px); } } @media screen and (max-width: 480px) { .mpc-separator-style--circle-left path { transform: translateX(-250px); } } .mpc-separator-style--circle-right path { transform: translateX(500px); } @media screen and (max-width: 768px) { .mpc-separator-style--circle-right path { transform: translateX(400px); } } @media screen and (max-width: 480px) { .mpc-separator-style--circle-right path { transform: translateX(250px); } } .mpc-separator-style--split-inner:before, .mpc-separator-style--split-inner:after, .mpc-separator-style--split-outer:before, .mpc-separator-style--split-outer:after { content: ''; position: absolute; width: 50%; border: 105px solid; border-color: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 992px) { .mpc-separator-style--split-inner:before, .mpc-separator-style--split-inner:after, .mpc-separator-style--split-outer:before, .mpc-separator-style--split-outer:after { border: 55px solid; border-color: inherit; } } .mpc-separator-style--split-inner:before, .mpc-separator-style--split-outer:before { left: 0; } .mpc-separator-style--split-inner:after, .mpc-separator-style--split-outer:after { right: 0; } .mpc-separator-style--split-inner.mpc-separator--top:before, .mpc-separator-style--split-inner.mpc-separator--top:after { border-top-width: 0; top: -5px; } .mpc-separator-style--split-inner.mpc-separator--top:before { border-bottom-right-radius: 100px; } .mpc-separator-style--split-inner.mpc-separator--top:after { border-bottom-left-radius: 100px; } .mpc-separator-style--split-inner.mpc-separator--bottom:before, .mpc-separator-style--split-inner.mpc-separator--bottom:after { border-bottom-width: 0; top: 0; } .mpc-separator-style--split-inner.mpc-separator--bottom:before { border-top-right-radius: 100px; } .mpc-separator-style--split-inner.mpc-separator--bottom:after { border-top-left-radius: 100px; } .mpc-separator-style--split-outer.mpc-separator--top:before, .mpc-separator-style--split-outer.mpc-separator--top:after { border-top-width: 0; top: -5px; } .mpc-separator-style--split-outer.mpc-separator--top:before { border-bottom-left-radius: 100px; } .mpc-separator-style--split-outer.mpc-separator--top:after { border-bottom-right-radius: 100px; } .mpc-separator-style--split-outer.mpc-separator--bottom:before, .mpc-separator-style--split-outer.mpc-separator--bottom:after { border-bottom-width: 0; top: 0; } .mpc-separator-style--split-outer.mpc-separator--bottom:before { border-top-left-radius: 100px; } .mpc-separator-style--split-outer.mpc-separator--bottom:after { border-top-right-radius: 100px; } .mpc-separator-style--teeth-left:before, .mpc-separator-style--teeth-left:after, .mpc-separator-style--teeth-left .mpc-separator-content, .mpc-separator-style--teeth-center:before, .mpc-separator-style--teeth-center:after, .mpc-separator-style--teeth-center .mpc-separator-content, .mpc-separator-style--teeth-right:before, .mpc-separator-style--teeth-right:after, .mpc-separator-style--teeth-right .mpc-separator-content { content: ''; position: absolute; left: 50%; top: -5px; margin-left: -75px; width: 100px; height: 0; border: 75px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 992px) { .mpc-separator-style--teeth-left:before, .mpc-separator-style--teeth-left:after, .mpc-separator-style--teeth-left .mpc-separator-content, .mpc-separator-style--teeth-center:before, .mpc-separator-style--teeth-center:after, .mpc-separator-style--teeth-center .mpc-separator-content, .mpc-separator-style--teeth-right:before, .mpc-separator-style--teeth-right:after, .mpc-separator-style--teeth-right .mpc-separator-content { margin-left: -50px; border: 50px solid transparent; } } .mpc-separator-style--teeth-left:before, .mpc-separator-style--teeth-center:before, .mpc-separator-style--teeth-right:before { margin-left: -150px; } @media screen and (max-width: 992px) { .mpc-separator-style--teeth-left:before, .mpc-separator-style--teeth-center:before, .mpc-separator-style--teeth-right:before { margin-left: -100px; } } .mpc-separator-style--teeth-left:after, .mpc-separator-style--teeth-center:after, .mpc-separator-style--teeth-right:after { margin-left: 0; } .mpc-separator-style--teeth-left.mpc-separator--top:before, .mpc-separator-style--teeth-left.mpc-separator--top:after, .mpc-separator-style--teeth-left.mpc-separator--top .mpc-separator-content, .mpc-separator-style--teeth-center.mpc-separator--top:before, .mpc-separator-style--teeth-center.mpc-separator--top:after, .mpc-separator-style--teeth-center.mpc-separator--top .mpc-separator-content, .mpc-separator-style--teeth-right.mpc-separator--top:before, .mpc-separator-style--teeth-right.mpc-separator--top:after, .mpc-separator-style--teeth-right.mpc-separator--top .mpc-separator-content { border-top-color: inherit; } .mpc-separator-style--teeth-left.mpc-separator--bottom:before, .mpc-separator-style--teeth-left.mpc-separator--bottom:after, .mpc-separator-style--teeth-left.mpc-separator--bottom .mpc-separator-content, .mpc-separator-style--teeth-center.mpc-separator--bottom:before, .mpc-separator-style--teeth-center.mpc-separator--bottom:after, .mpc-separator-style--teeth-center.mpc-separator--bottom .mpc-separator-content, .mpc-separator-style--teeth-right.mpc-separator--bottom:before, .mpc-separator-style--teeth-right.mpc-separator--bottom:after, .mpc-separator-style--teeth-right.mpc-separator--bottom .mpc-separator-content { top: -45px; border-bottom-color: inherit; } .mpc-separator-style--teeth-left:before, .mpc-separator-style--teeth-left:after, .mpc-separator-style--teeth-left .mpc-separator-content { left: 25%; } .mpc-separator-style--teeth-right:before, .mpc-separator-style--teeth-right:after, .mpc-separator-style--teeth-right .mpc-separator-content { left: 75%; } @media screen and (max-width: 992px) { .mpc-separator-style--arrow-left, .mpc-separator-style--arrow-center, .mpc-separator-style--arrow-right { height: 50px; } } @media screen and (max-width: 992px) { .mpc-separator-style--blob-left, .mpc-separator-style--blob-center, .mpc-separator-style--blob-right { height: 50px; } } @media screen and (max-width: 992px) { .mpc-separator-style--slope-left, .mpc-separator-style--slope-right { height: 50px; } } @media screen and (max-width: 992px) { .mpc-separator-style--stamp { height: 50px; } } @media screen and (max-width: 992px) { .mpc-separator-style--cloud { height: 50px; } } /* PARALLAX */ .mpc-row .mpc-parallax-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .mpc-parallax { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mpc-parallax:before { content: ''; position: absolute; background-position: center; top: 0; left: 0; width: 100%; height: 100%; } .mpc-parallax.mpc-parallax-style--classic:before { height: 125%; } .mpc-parallax.mpc-parallax-style--classic-fast:before { height: 150%; } .mpc-parallax.mpc-parallax-style--horizontal-left:before { width: 125%; } .mpc-parallax.mpc-parallax-style--horizontal-right:before { width: 125%; } .mpc-parallax.mpc-parallax-style--fade:before { opacity: 1; } .mpc-parallax.mpc-parallax-style--fixed:before { background-attachment: fixed; } .mpc-row[data-vc-full-width-init="true"].skrollable { -webkit-transition: none; -o-transition: none; transition: none; } /* OVERLAY */ .mpc-row .mpc-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mpc-row .mpc-overlay.mpc-overlay--inited { -webkit-transition: background-position 1s linear; -moz-transition: background-position 1s linear; transition: background-position 1s linear; } /* FULL PAGE */ .mpc-row.mpc-with-full-page .mpc-row { margin: 0 !important; } .mpc-row.mpc-with-full-page .mpc-row.mpc-row-o-full-height { min-height: 100vh !important; } /* Mobile fix */ @media screen and (max-width: 992px) { .mpc-parallax.mpc-parallax-style--fixed:before { background-attachment: initial !important; } } /* Compability fixes */ /* Jupiter */ .visible-dt.mpc-row, .visible-dt-v2.mpc-row, .visible-nb.mpc-row, .visible-sm.mpc-row, .visible-tl.mpc-row, .visible-tl-v2.mpc-row { display: none; } /*----------------------------------------------------------------------------* SINGLE POST SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-post { cursor: pointer; /* Overlay Idle Settings */ /* Item Idle Settings */ } .mpc-post a, .mpc-post a:hover, .mpc-post a:focus { outline: none; text-decoration: none; } .mpc-post .mpc-post__wrapper { position: relative; z-index: 1; overflow: hidden; } .mpc-post .mpc-post__content { position: relative; z-index: 10; overflow: hidden; } .mpc-post .mpc-post__heading { margin: 0; padding: 0; } .mpc-post .mpc-post__heading a { font: inherit; color: inherit; -webkit-transition: inherit; transition: inherit; } .mpc-post .mpc-post__heading.mpc-text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mpc-post .mpc-post__thumbnail { position: relative; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; } .mpc-post .mpc-post__meta a, .mpc-post .mpc-post__meta span { font: inherit; -webkit-transition: inherit; transition: inherit; } .mpc-post .mpc-post__meta:first-letter { text-transform: uppercase; } .mpc-post .mpc-post__author { white-space: nowrap; } .mpc-post .mpc-post__overlay { position: absolute; z-index: 5; width: 100%; height: 100%; visibility: hidden; } .mpc-post .mpc-post__overlay .mpc-icon-anchor { display: inline-block; margin: .75em; vertical-align: middle; } .mpc-post .mpc-post__overlay .mpc-icon-anchor i { display: block; -webkit-transition: all .25s; transition: all .25s; } .mpc-post .mpc-post__overlay > .mpc-post__content, .mpc-post .mpc-post__overlay > .mpc-wrapper { background: none !important; } .mpc-post .mpc-post--vertical-wrap { display: table; width: 100%; height: 100%; } .mpc-post .mpc-post--vertical { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; } .mpc-overlay--fade .mpc-post .mpc-post__overlay, .mpc-overlay--none .mpc-post .mpc-post__overlay { top: 0; left: 0; opacity: 0; } .mpc-overlay--slide-up .mpc-post .mpc-post__overlay { top: 100%; left: 0; } .mpc-overlay--slide-down .mpc-post .mpc-post__overlay { top: -100%; left: 0; } .mpc-overlay--slide-left .mpc-post .mpc-post__overlay { top: 0; left: 100%; } .mpc-overlay--slide-right .mpc-post .mpc-post__overlay { top: 0; left: -100%; } .mpc-item--fade .mpc-post .mpc-post__wrapper > .mpc-post__content, .mpc-item--none .mpc-post .mpc-post__wrapper > .mpc-post__content { opacity: 1; } /* Overlay & Item Hover Settings */ .mpc-post:hover { /* Overlay */ } .mpc-post:hover .mpc-post__overlay { visibility: visible; } .mpc-overlay--fade .mpc-post:hover .mpc-post__overlay, .mpc-overlay--none .mpc-post:hover .mpc-post__overlay { opacity: 1; } .mpc-overlay--slide-up .mpc-post:hover .mpc-post__overlay, .mpc-overlay--slide-down .mpc-post:hover .mpc-post__overlay { top: 0; } .mpc-overlay--slide-left .mpc-post:hover .mpc-post__overlay, .mpc-overlay--slide-right .mpc-post:hover .mpc-post__overlay { left: 0; } /* Style 1 */ .mpc-layout--style_1 .mpc-post__content { width: 100%; } .mpc-layout--style_1 .mpc-post__overlay .mpc-post__content { display: none; } .mpc-content--overlay.mpc-layout--style_1 .mpc-post__content { position: absolute; bottom: 0; } .mpc-content--overlay.mpc-layout--style_1 .mpc-post__overlay { height: 100%; z-index: 15; } .mpc-content--overlay.mpc-layout--style_1 .mpc-post__overlay .mpc-post__content { display: block; position: initial; background: none !important; } .mpc-content--overlay.mpc-layout--style_1.mpc-item--fade .mpc-post:hover .mpc-post__wrapper > .mpc-post__content, .mpc-content--overlay.mpc-layout--style_1.mpc-item--none .mpc-post:hover .mpc-post__wrapper > .mpc-post__content { opacity: 0; } .mpc-content--overlay.mpc-layout--style_1.mpc-item--slide-left .mpc-post:hover .mpc-post__wrapper > .mpc-post__content { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .mpc-content--overlay.mpc-layout--style_1.mpc-item--slide-right .mpc-post:hover .mpc-post__wrapper > .mpc-post__content { -webkit-transform: translateX(100%); transform: translateX(100%); } .mpc-content--overlay.mpc-layout--style_1.mpc-item--slide-down .mpc-post:hover .mpc-post__wrapper > .mpc-post__content { -webkit-transform: translateY(100%); transform: translateY(100%); } .mpc-content--overlay.mpc-layout--style_1.mpc-item--slide-up .mpc-post:hover .mpc-post__wrapper > .mpc-post__content { bottom: 100%; } /* Style 3 */ .mpc-layout--style_3 .mpc-wrapper { overflow: hidden; } .mpc-layout--style_3 .mpc-post__date.mpc-date__wrapper { float: left; text-align: center; padding: 0 0.75em 0 0; } .mpc-layout--style_3 .mpc-post__date.mpc-date__wrapper a { font: inherit !important; color: inherit !important; } .mpc-layout--style_3 .mpc-post__date.mpc-date__wrapper .mpc-date__days { font-size: 1.5em !important; line-height: 1em !important; } .mpc-layout--style_3 .mpc-post__date.mpc-date__wrapper .mpc-date__month { font-size: 0.8em !important; line-height: 1em !important; text-transform: uppercase; } /* Style 4 */ .mpc-layout--style_4 .mpc-post > .mpc-post__wrapper > .mpc-post__content { position: relative; overflow: hidden; margin: 0 2em; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .mpc-layout--style_4 .mpc-post__meta { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mpc-layout--style_4 .mpc-post__overlay { width: 100%; height: 100% !important; z-index: 15; } .mpc-layout--style_4 .mpc-post__overlay .mpc-post__content { display: block; overflow: hidden; } .mpc-layout--style_4 .mpc-post__overlay .mpc-wrapper { position: relative; z-index: 15; float: left; height: 100%; } .mpc-layout--style_4 .mpc-post:hover > .mpc-post__wrapper > .mpc-post__content { margin: 0; } .mpc-layout--style_4 .mpc-post:hover .mpc-post__content > .mpc-wrapper { opacity: 0; } /* Style 5 */ .mpc-layout--style_5 .mpc-post__thumbnail { position: relative; } .mpc-layout--style_5 .mpc-post__date.mpc-date__wrapper { position: absolute; bottom: 0; right: 0; padding: 0 .5em; background: rgba(255, 255, 255, 0.85); -webkit-transition: all .25s; transition: all .25s; } .mpc-layout--style_5 .mpc-post__date.mpc-date__wrapper a { display: table; font: inherit !important; color: inherit !important; } .mpc-layout--style_5 .mpc-post__date.mpc-date__wrapper .mpc-date__days { display: table-cell; vertical-align: middle; font-size: 2.6em !important; padding-right: 0.15em; line-height: 1.15em !important; } .mpc-layout--style_5 .mpc-post__date.mpc-date__wrapper .mpc-date-wrap { display: table-cell; padding-top: 0.5em; } .mpc-layout--style_5 .mpc-post__date.mpc-date__wrapper .mpc-date__month { text-transform: uppercase; font-size: 1.05em !important; line-height: 1em !important; } .mpc-layout--style_5 .mpc-post__date.mpc-date__wrapper .mpc-date__year { font-size: 1.15em !important; line-height: 1em !important; } .mpc-layout--style_5.mpc-item--fade .mpc-post:hover .mpc-post__date.mpc-date__wrapper, .mpc-layout--style_5.mpc-item--none .mpc-post:hover .mpc-post__date.mpc-date__wrapper { opacity: 0; } .mpc-layout--style_5.mpc-item--slide-left .mpc-post:hover .mpc-post__date.mpc-date__wrapper { right: 100%; } .mpc-layout--style_5.mpc-item--slide-right .mpc-post:hover .mpc-post__date.mpc-date__wrapper { -webkit-transform: translateX(100%); transform: translateX(100%); } .mpc-layout--style_5.mpc-item--slide-down .mpc-post:hover .mpc-post__date.mpc-date__wrapper { -webkit-transform: translateY(100%); transform: translateY(100%); } .mpc-layout--style_5.mpc-item--slide-up .mpc-post:hover .mpc-post__date.mpc-date__wrapper { bottom: 100%; } /* Style 6 */ .mpc-layout--style_6 .mpc-post__wrapper > .mpc-post__content { position: absolute; bottom: 0; width: 100%; -webkit-transition: all .25s; transition: all .25s; } .mpc-layout--style_6 .mpc-post__wrapper > .mpc-post__content * { text-align: center !important; } .mpc-layout--style_6 .mpc-post__wrapper > .mpc-post__content .mpc-wrapper { position: absolute; top: 0; left: 1em; height: 100%; } .mpc-layout--style_6 .mpc-post__date.mpc-date__wrapper { display: table; height: 100%; text-align: center; padding: 0 .5em; } .mpc-layout--style_6 .mpc-post__date.mpc-date__wrapper a { display: table-cell; vertical-align: middle; height: 100%; font: inherit !important; color: inherit !important; } .mpc-layout--style_6 .mpc-post__date.mpc-date__wrapper .mpc-date__days { font-size: 1.5em !important; line-height: 1em !important; } .mpc-layout--style_6 .mpc-post__date.mpc-date__wrapper .mpc-date__month { font-size: 0.8em !important; line-height: 1em !important; text-transform: uppercase; } .mpc-layout--style_6 .mpc-post__overlay { height: 100% !important; } .mpc-layout--style_6 .mpc-post__overlay .mpc-post__content { height: 100% !important; } .mpc-layout--style_6 .mpc-post__overlay .mpc-post__content:after { position: absolute; display: block; content: ""; bottom: 0; left: 0; height: 6em; width: 100%; } .mpc-layout--style_6 .mpc-post__overlay .mpc-post__date.mpc-date__wrapper { display: block; float: left; margin-right: .5em; height: auto; } .mpc-layout--style_6 .mpc-post__overlay .mpc-wrapper { overflow: hidden; } .mpc-layout--style_6.mpc-item--fade .mpc-post:hover .mpc-post__wrapper > .mpc-post__content, .mpc-layout--style_6.mpc-item--none .mpc-post:hover .mpc-post__wrapper > .mpc-post__content { opacity: 0; } .mpc-layout--style_6.mpc-item--slide-left .mpc-post:hover .mpc-post__wrapper > .mpc-post__content { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .mpc-layout--style_6.mpc-item--slide-right .mpc-post:hover .mpc-post__wrapper > .mpc-post__content { -webkit-transform: translateX(100%); transform: translateX(100%); } .mpc-layout--style_6.mpc-item--slide-down .mpc-post:hover .mpc-post__wrapper > .mpc-post__content { -webkit-transform: translateY(100%); transform: translateY(100%); } .mpc-layout--style_6.mpc-item--slide-up .mpc-post:hover .mpc-post__wrapper > .mpc-post__content { bottom: 100%; } /* Style 7 */ .mpc-layout--style_7 .mpc-post__content { position: absolute; overflow: hidden; max-width: 80%; } .mpc-layout--style_7 .mpc-post__overlay { width: 100%; height: 100% !important; } .mpc-layout--style_7.mpc-align--top-left .mpc-post__content { top: 1em; left: 1em; } .mpc-layout--style_7.mpc-align--top-right .mpc-post__content { top: 1em; right: 1em; } .mpc-layout--style_7.mpc-align--bottom-left .mpc-post__content { bottom: 1em; left: 1em; } .mpc-layout--style_7.mpc-align--bottom-right .mpc-post__content { bottom: 1em; right: 1em; } .mpc-layout--style_7 .mpc-post:hover .mpc-post__content > *:not(.mpc-post__overlay) { opacity: 0; } @media screen and (max-width: 767px) { .mpc-layout--style_3 .mpc-post__description { padding-left: 0 !important; padding-right: 0 !important; } } /*----------------------------------------------------------------------------* COLUMN SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-column { display: block; } .mpc-column[data-link="true"] { cursor: pointer; } .mpc-column--sticky { position: relative; opacity: 1 !important; -webkit-transition: none !important; transition: none !important; } .mpc-column--spacer { float: left; height: 0; display: none; } .mpc-column--spacer.mpc-active { float: left; height: 1px; display: block; margin-right: -1px !important; } .mpc-row:not(.vc_row-o-equal-height) .mpc-column--divider { display: none; } .mpc-column--divider { position: relative; width: 0; z-index: 10; } .mpc-column--divider .vc_column-inner { width: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mpc-column--divider img { width: auto; max-width: none; } /*----------------------------------------------------------------------------* FLIPBOX SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-flipbox { -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-flipbox__content { position: relative; width: 100%; height: inherit; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .mpc-flipbox__front, .mpc-flipbox__back { position: absolute; top: 0; left: 0; text-align: center; width: 100%; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .mpc-flipbox__wrapper { width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } .mpc-flipbox--flip-left .mpc-flipbox__front { -webkit-transform: perspective(1000px) rotateY(0deg); -moz-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } .mpc-flipbox--flip-left .mpc-flipbox__back { -webkit-transform: perspective(1000px) rotateY(180deg); -moz-transform: perspective(1000px) rotateY(180deg); transform: perspective(1000px) rotateY(180deg); } .mpc-flipbox--flip-left:hover .mpc-flipbox__front { -webkit-transform: perspective(1000px) rotateY(-179.9deg); -moz-transform: perspective(1000px) rotateY(-179.9deg); transform: perspective(1000px) rotateY(-179.9deg); } .mpc-flipbox--flip-left:hover .mpc-flipbox__back { -webkit-transform: perspective(1000px) rotateY(0deg); -moz-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } .mpc-flipbox--flip-right .mpc-flipbox__front { -webkit-transform: perspective(1000px) rotateY(0deg); -moz-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } .mpc-flipbox--flip-right .mpc-flipbox__back { -webkit-transform: perspective(1000px) rotateY(-180deg); -moz-transform: perspective(1000px) rotateY(-180deg); transform: perspective(1000px) rotateY(-180deg); } .mpc-flipbox--flip-right:hover .mpc-flipbox__front { -webkit-transform: perspective(1000px) rotateY(179.9deg); -moz-transform: perspective(1000px) rotateY(179.9deg); transform: perspective(1000px) rotateY(179.9deg); } .mpc-flipbox--flip-right:hover .mpc-flipbox__back { -webkit-transform: perspective(1000px) rotateY(0deg); -moz-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } .mpc-flipbox--flip-top .mpc-flipbox__front { -webkit-transform: perspective(1000px) rotateX(0deg); -moz-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } .mpc-flipbox--flip-top .mpc-flipbox__back { -webkit-transform: perspective(1000px) rotateX(180deg); -moz-transform: perspective(1000px) rotateX(180deg); transform: perspective(1000px) rotateX(180deg); } .mpc-flipbox--flip-top:hover .mpc-flipbox__front { -webkit-transform: perspective(1000px) rotateX(-179.9deg); -moz-transform: perspective(1000px) rotateX(-179.9deg); transform: perspective(1000px) rotateX(-179.9deg); } .mpc-flipbox--flip-top:hover .mpc-flipbox__back { -webkit-transform: perspective(1000px) rotateX(0deg); -moz-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } .mpc-flipbox--flip-bottom .mpc-flipbox__front { -webkit-transform: perspective(1000px) rotateX(0deg); -moz-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } .mpc-flipbox--flip-bottom .mpc-flipbox__back { -webkit-transform: perspective(1000px) rotateX(-180deg); -moz-transform: perspective(1000px) rotateX(-180deg); transform: perspective(1000px) rotateX(-180deg); } .mpc-flipbox--flip-bottom:hover .mpc-flipbox__front { -webkit-transform: perspective(1000px) rotateX(179.9deg); -moz-transform: perspective(1000px) rotateX(179.9deg); transform: perspective(1000px) rotateX(179.9deg); } .mpc-flipbox--flip-bottom:hover .mpc-flipbox__back { -webkit-transform: perspective(1000px) rotateX(0deg); -moz-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } /*----------------------------------------------------------------------------* FLIPBOX SIDE SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-flipbox-side { display: table; width: 100%; height: 100%; } .mpc-flipbox-side .wpb_text_column p:first-child { margin-top: 0; } .mpc-flipbox-side .wpb_text_column p:last-child { margin-bottom: 0; } .mpc-flipbox-side__content { display: table-cell; } [data-front-align^=top] .mpc-flipbox__front .mpc-flipbox-side__content, [data-back-align^=top] .mpc-flipbox__back .mpc-flipbox-side__content { vertical-align: top; } [data-front-align^=middle] .mpc-flipbox__front .mpc-flipbox-side__content, [data-back-align^=middle] .mpc-flipbox__back .mpc-flipbox-side__content { vertical-align: middle; } [data-front-align^=bottom] .mpc-flipbox__front .mpc-flipbox-side__content, [data-back-align^=bottom] .mpc-flipbox__back .mpc-flipbox-side__content { vertical-align: bottom; } [data-front-align$=left] .mpc-flipbox__front .mpc-flipbox-side__content, [data-back-align$=left] .mpc-flipbox__back .mpc-flipbox-side__content { text-align: left; } [data-front-align$=center] .mpc-flipbox__front .mpc-flipbox-side__content, [data-back-align$=center] .mpc-flipbox__back .mpc-flipbox-side__content { text-align: center; } [data-front-align$=right] .mpc-flipbox__front .mpc-flipbox-side__content, [data-back-align$=right] .mpc-flipbox__back .mpc-flipbox-side__content { text-align: right; } /*----------------------------------------------------------------------------* CUBEBOX SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-cubebox { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-cubebox__content { position: relative; width: 100%; height: inherit; overflow: hidden; } .mpc-cubebox__front, .mpc-cubebox__side { position: absolute; top: 0; text-align: center; width: 100%; } .mpc-cubebox--flip-top .mpc-cubebox__front { transform: translateY(0); } .mpc-cubebox--flip-top .mpc-cubebox__front .mpc-cubebox-side { transform: perspective(550px) rotateX(0deg) translateY(0.0001%); transform-origin: top; } .mpc-cubebox--flip-top .mpc-cubebox__side { transform: translateY(-100%); } .mpc-cubebox--flip-top .mpc-cubebox__side .mpc-cubebox-side { transform: perspective(550px) rotateX(90deg) translateY(0.0001%); transform-origin: bottom; } .mpc-cubebox--flip-top:hover .mpc-cubebox__front { transform: translateY(100%); } .mpc-cubebox--flip-top:hover .mpc-cubebox__front .mpc-cubebox-side { transform: perspective(550px) rotateX(-90deg) translateY(0.0001%); } .mpc-cubebox--flip-top:hover .mpc-cubebox__side { transform: translateY(0); } .mpc-cubebox--flip-top:hover .mpc-cubebox__side .mpc-cubebox-side { transform: perspective(550px) rotateX(0deg) translateY(0.0001%); } .mpc-cubebox--flip-bottom .mpc-cubebox__front { transform: translateY(0); } .mpc-cubebox--flip-bottom .mpc-cubebox__front .mpc-cubebox-side { transform: perspective(550px) rotateX(0deg) translateY(0.0001%); transform-origin: bottom; } .mpc-cubebox--flip-bottom .mpc-cubebox__side { transform: translateY(100%); } .mpc-cubebox--flip-bottom .mpc-cubebox__side .mpc-cubebox-side { transform: perspective(550px) rotateX(-90deg) translateY(0.0001%); transform-origin: top; } .mpc-cubebox--flip-bottom:hover .mpc-cubebox__front { transform: translateY(-100%); } .mpc-cubebox--flip-bottom:hover .mpc-cubebox__front .mpc-cubebox-side { transform: perspective(550px) rotateX(90deg) translateY(0.0001%); } .mpc-cubebox--flip-bottom:hover .mpc-cubebox__side { transform: translateY(0); } .mpc-cubebox--flip-bottom:hover .mpc-cubebox__side .mpc-cubebox-side { transform: perspective(550px) rotateX(0deg) translateY(0.0001%); } .mpc-cubebox--flip-left .mpc-cubebox__front { transform: translateX(0); } .mpc-cubebox--flip-left .mpc-cubebox__front .mpc-cubebox-side { transform: perspective(550px) rotateY(0deg) translateY(0.0001%); transform-origin: left; } .mpc-cubebox--flip-left .mpc-cubebox__side { transform: translateX(-100%); } .mpc-cubebox--flip-left .mpc-cubebox__side .mpc-cubebox-side { transform: perspective(550px) rotateY(-90deg) translateY(0.0001%); transform-origin: right; } .mpc-cubebox--flip-left:hover .mpc-cubebox__front { transform: translateX(100%); } .mpc-cubebox--flip-left:hover .mpc-cubebox__front .mpc-cubebox-side { transform: perspective(550px) rotateY(90deg) translateY(0.0001%); } .mpc-cubebox--flip-left:hover .mpc-cubebox__side { transform: translateX(0); } .mpc-cubebox--flip-left:hover .mpc-cubebox__side .mpc-cubebox-side { transform: perspective(550px) rotateY(0deg) translateY(0.0001%); } .mpc-cubebox--flip-right .mpc-cubebox__front { transform: translateX(0); } .mpc-cubebox--flip-right .mpc-cubebox__front .mpc-cubebox-side { transform: perspective(550px) rotateY(0deg) translateY(0.0001%); transform-origin: right; } .mpc-cubebox--flip-right .mpc-cubebox__side { transform: translateX(100%); } .mpc-cubebox--flip-right .mpc-cubebox__side .mpc-cubebox-side { transform: perspective(550px) rotateY(90deg) translateY(0.0001%); transform-origin: left; } .mpc-cubebox--flip-right:hover .mpc-cubebox__front { transform: translateX(-100%); } .mpc-cubebox--flip-right:hover .mpc-cubebox__front .mpc-cubebox-side { transform: perspective(550px) rotateY(-90deg) translateY(0.0001%); } .mpc-cubebox--flip-right:hover .mpc-cubebox__side { transform: translateX(0); } .mpc-cubebox--flip-right:hover .mpc-cubebox__side .mpc-cubebox-side { transform: perspective(550px) rotateY(0deg) translateY(0.0001%); } .mpc-cubebox-side, .mpc-cubebox__front, .mpc-cubebox__side { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .5s; } /*----------------------------------------------------------------------------* CUBEBOX SIDE SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-cubebox-side { display: table; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } .mpc-cubebox-side .wpb_text_column p:first-child { margin-top: 0; } .mpc-cubebox-side .wpb_text_column p:last-child { margin-bottom: 0; } .mpc-cubebox-side__content { display: table-cell; } [data-front-align^=top] .mpc-cubebox__front .mpc-cubebox-side__content, [data-side-align^=top] .mpc-cubebox__side .mpc-cubebox-side__content { vertical-align: top; } [data-front-align^=middle] .mpc-cubebox__front .mpc-cubebox-side__content, [data-side-align^=middle] .mpc-cubebox__side .mpc-cubebox-side__content { vertical-align: middle; } [data-front-align^=bottom] .mpc-cubebox__front .mpc-cubebox-side__content, [data-side-align^=bottom] .mpc-cubebox__side .mpc-cubebox-side__content { vertical-align: bottom; } [data-front-align$=left] .mpc-cubebox__front .mpc-cubebox-side__content, [data-side-align$=left] .mpc-cubebox__side .mpc-cubebox-side__content { text-align: left; } [data-front-align$=center] .mpc-cubebox__front .mpc-cubebox-side__content, [data-side-align$=center] .mpc-cubebox__side .mpc-cubebox-side__content { text-align: center; } [data-front-align$=right] .mpc-cubebox__front .mpc-cubebox-side__content, [data-side-align$=right] .mpc-cubebox__side .mpc-cubebox-side__content { text-align: right; } /*----------------------------------------------------------------------------* TABS SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-tabs { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-tabs.mpc-init { -webkit-transition: none; transition: none; } .mpc-tabs:before, .mpc-tabs:after { display: block; content: ""; float: none; clear: both; } .mpc-tabs--left, .mpc-tabs--right { display: -ms-flexbox; display: flex; } .mpc-tabs__content { position: relative; display: block; flex-grow: 1; } .mpc-tabs__content .wpb_content_element:last-child, .mpc-tabs__content .wpb_row:last-child, .mpc-tabs__content p:last-child { margin-bottom: 0 !important; } .mpc-tabs__content .wpb_content_element:first-child, .mpc-tabs__content .wpb_row:first-child, .mpc-tabs__content p:first-child { margin-top: 0 !important; } .mpc-tabs__nav { flex: 0 0 auto; } .mpc-tabs__nav ul { display: block; list-style: none; padding: 0; margin: 0; width: 100%; cursor: pointer; } .mpc-tabs__nav ul:after, .mpc-tabs__nav ul:before { clear: both; float: none; content: ""; display: block; } .mpc-tabs__nav ul .mpc-tabs__nav-item { margin-bottom: 0; } .mpc-tabs__nav-item { display: block; position: relative; padding: 0; } .mpc-tabs__nav-item:after { content: "" !important; border: 0 !important; } .mpc-tabs__nav-item .mpc-button { display: block; } .mpc-tabs__nav-item .mpc-button .mpc-button__icon, .mpc-tabs__nav-item .mpc-button .mpc-button__title { vertical-align: middle; } .mpc-tabs__nav-item .mpc-button__content { white-space: nowrap; } .mpc-tabs .mpc-tab { position: absolute; top: 0; left: 0; display: block; width: 100%; opacity: 0; box-sizing: border-box; -webkit-box-sizing: border-box; } .mpc-tabs .mpc-tab[data-active="true"] { position: relative; opacity: 1; z-index: 2; } /* Decor Line */ .mpc-tabs--decor-line .mpc-tabs__nav { position: relative; z-index: 2; } .mpc-tabs--decor-line .mpc-tabs__nav-item, .mpc-tabs--decor-line .mpc-tabs__content { border-style: solid; } .mpc-tabs--decor-line .mpc-tabs__nav-item:after { display: block; position: absolute; content: ""; opacity: 0; z-index: 2; -webkit-transition: all .25s; transition: all .25s; } .mpc-tabs--decor-line .mpc-tabs__nav-item:hover:after, .mpc-tabs--decor-line .mpc-tabs__nav-item.mpc-active:after { opacity: 1; } /* Tabs Top */ .mpc-tabs--top .mpc-tabs__nav { margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .mpc-tabs--top .mpc-tabs__nav-item { display: inline-block; vertical-align: bottom; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .mpc-tabs--top.mpc-tabs--decor-line .mpc-tabs__nav-item { border-top: none; border-left: none; border-right: none; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .mpc-tabs--top.mpc-tabs--decor-line .mpc-tabs__nav-item:after { left: 0; bottom: 0; width: 100% !important; margin-left: 0 !important; } .mpc-tabs--top.mpc-tabs--decor-line .mpc-tabs__content { border-bottom: none; border-left: none; border-right: none; } /* Tabs Bottom */ .mpc-tabs--bottom .mpc-tabs__nav { margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .mpc-tabs--bottom .mpc-tabs__nav-item { display: inline-block; vertical-align: top; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .mpc-tabs--bottom.mpc-tabs--decor-line .mpc-tabs__nav-item { border-bottom: none; border-left: none; border-right: none; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .mpc-tabs--bottom.mpc-tabs--decor-line .mpc-tabs__nav-item:after { left: 0; top: 0; width: 100% !important; margin-left: 0 !important; } .mpc-tabs--bottom.mpc-tabs--decor-line .mpc-tabs__content { border-top: none; border-left: none; border-right: none; } /* Tabs Left */ .mpc-tabs--left .mpc-tabs__nav { order: 0; margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .mpc-tabs--left .mpc-tabs__nav .mpc-tabs__nav-item { width: 100%; display: block; } .mpc-tabs--left .mpc-tabs__nav .mpc-button { width: 100%; display: block; } .mpc-tabs--left.mpc-tabs--decor-line .mpc-tabs__nav-item { border-left: none; border-top: none; border-bottom: none; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } .mpc-tabs--left.mpc-tabs--decor-line .mpc-tabs__nav-item:after { top: 0; right: 0; height: 100% !important; margin-top: 0 !important; } .mpc-tabs--left.mpc-tabs--decor-line .mpc-tabs__content { border-right: none; border-top: none; border-bottom: none; } /* Tabs Right */ .mpc-tabs--right .mpc-tabs__nav { order: 2; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .mpc-tabs--right .mpc-tabs__nav .mpc-tabs__nav-item { display: block; width: 100%; } .mpc-tabs--right .mpc-tabs__nav .mpc-button { width: 100%; display: block; } .mpc-tabs--right.mpc-tabs--decor-line .mpc-tabs__nav-item { border-right: none; border-top: none; border-bottom: none; padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important; } .mpc-tabs--right.mpc-tabs--decor-line .mpc-tabs__nav-item:after { top: 0; left: 0; height: 100% !important; margin-top: 0 !important; } .mpc-tabs--right.mpc-tabs--decor-line .mpc-tabs__content { border-left: none; border-top: none; border-bottom: none; } /* Alignment */ .mpc-align--top { align-self: flex-start; } .mpc-align--middle { align-self: center; } .mpc-align--bottom { align-self: flex-end; } .mpc-align--left { text-align: left; } .mpc-align--center { text-align: center; } .mpc-align--right { text-align: right; } /* Responsive */ @media screen and (min-width: 769px) and (max-width: 992px) { .mpc-column:not(.vc_col-sm-12) .mpc-tabs { margin-right: 0 !important; margin-left: 0 !important; } .mpc-column:not(.vc_col-sm-12) .mpc-tabs__content .mpc-tab { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .mpc-column:not(.vc_col-sm-12) .mpc-tabs--top .mpc-tabs__content { width: 100%; } .mpc-column:not(.vc_col-sm-12) .mpc-tabs--top .mpc-tabs__content .mpc-tab { padding: 1em 0 0 0 !important; } .mpc-column:not(.vc_col-sm-12) .mpc-tabs--bottom .mpc-tabs__content { width: 100%; } .mpc-column:not(.vc_col-sm-12) .mpc-tabs--bottom .mpc-tabs__content .mpc-tab { padding: 0 0 1em 0 !important; } .mpc-column:not(.vc_col-sm-12) .mpc-tabs__nav { text-align: center; } .mpc-column:not(.vc_col-sm-12) .mpc-tabs__nav ul .mpc-tabs__nav-item { margin: .5em; } .mpc-column:not(.vc_col-sm-12) .mpc-tabs__nav ul .mpc-tabs__nav-item, .mpc-column:not(.vc_col-sm-12) .mpc-tabs__nav ul .mpc-tabs__nav-item:last-child { margin-bottom: .5em !important; } .mpc-column:not(.vc_col-sm-12) .mpc-tabs--decor-line .mpc-tabs__nav-item { border: 0 !important; } .mpc-column:not(.vc_col-sm-12) .mpc-tabs--decor-line:after { display: none !important; } } @media screen and (max-width: 768px) { .mpc-tabs { margin-right: 0 !important; margin-left: 0 !important; } .mpc-tabs--top .mpc-tabs__content { width: 100%; padding: 1em 0 0 0 !important; } .mpc-tabs--bottom .mpc-tabs__content { width: 100%; padding: 0 0 1em 0 !important; } .mpc-tabs__content .mpc-tab { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .mpc-tabs__nav { text-align: center; } .mpc-tabs__nav ul .mpc-tabs__nav-item { margin: .5em; } .mpc-tabs__nav ul .mpc-tabs__nav-item, .mpc-tabs__nav ul .mpc-tabs__nav-item:last-child { margin-bottom: .5em !important; } .mpc-tabs--decor-line .mpc-tabs__nav-item { border: 0 !important; } .mpc-tabs--decor-line:after { display: none !important; } } /*----------------------------------------------------------------------------* ACCORDION SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-accordion { display: block; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-accordion:before, .mpc-accordion:after { display: block; content: ""; float: none; clear: both; } .mpc-accordion__content { margin: 0; padding: 0; } .mpc-accordion__content .wpb_content_element:last-child, .mpc-accordion__content .wpb_row:last-child { margin-bottom: 0 !important; } .mpc-accordion__content .wpb_content_element:first-child, .mpc-accordion__content .wpb_row:first-child, .mpc-accordion__content p:first-child { margin-top: 0 !important; } .mpc-accordion__item { display: block; list-style: none; margin-bottom: 0 !important; } .mpc-accordion__item:before, .mpc-accordion__item:after { display: block; content: "" !important; float: none; clear: both; border: 0 !important; position: static !important; } .mpc-accordion-item__indent { display: none; } .mpc-accordion--indent .mpc-accordion-item__indent { opacity: 0; visibility: hidden; float: left; display: block; } .mpc-accordion--indent .mpc-accordion-item__indent .mpc-icon { margin-right: 8px; } .mpc-accordion--indent .mpc-accordion-item__wrapper { overflow: hidden; } .mpc-accordion-item__heading { position: relative; display: -ms-flexbox; display: flex; align-items: center; width: 100%; cursor: pointer; } .mpc-accordion-item__heading h3 { display: inline-block; font: inherit !important; color: inherit !important; line-height: inherit !important; text-align: inherit !important; text-transform: inherit !important; margin: 0; } .mpc-accordion-item__heading .mpc-icon { margin-right: 8px; flex: 0 0 auto; } .mpc-accordion-item__heading:before, .mpc-accordion-item__heading:after { display: block; content: ""; float: none; clear: both; } .mpc-accordion-item__heading:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; } .mpc-accordion-item__heading.mpc-active { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } [data-active="true"] .mpc-accordion-item__wrapper { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .mpc-accordion-item__content { overflow: hidden; } .mpc-accordion-item__content.mpc-hidden { height: 0; padding-top: 0 !important; padding-bottom: 0 !important; } /* Force Responsive */ .mpc-force-responsive .mpc-accordion-item__heading { line-height: 1.25em !important; } @media only screen and (max-width: 767px) { .mpc-force-responsive .mpc-accordion .mpc-accordion-item__heading { display: block !important; white-space: nowrap; } .mpc-force-responsive .mpc-accordion .mpc-accordion-item__heading h3 { vertical-align: middle; white-space: initial; max-width: 85%; } } /*----------------------------------------------------------------------------* TESTIMONIAL SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-testimonial { -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-testimonial .mpc-testimonial__content { padding: 0; margin: 0; border: 0; background: none !important; } .mpc-testimonial .mpc-testimonial__content p:first-child { margin-top: 0 !important; } .mpc-testimonial .mpc-testimonial__content p:last-child { margin-bottom: 0 !important; } .mpc-testimonial .mpc-testimonial__signature span { font-size: inherit; font-style: normal; font-family: inherit; color: inherit; } .mpc-testimonial:before, .mpc-testimonial:after { display: block; content: ""; float: none; clear: both; } .mpc-testimonial__thumbnail { float: left; display: block; z-index: 1; margin: 0 1em 0 0; max-width: 100% !important; } .mpc-testimonial__thumbnail img { margin: 0 auto; vertical-align: bottom; max-width: 100% !important; display: block; } .mpc-testimonial__content { display: block; position: relative; z-index: 2; overflow: hidden; } .mpc-testimonial__link { font-style: normal; } .mpc-testimonial__link, .mpc-testimonial__link:hover { text-decoration: none; } /* Style 1 */ .mpc-testimonial--style_1 .mpc-testimonial__description { margin: 1em 0 0 0; } /* Style 2 */ .mpc-testimonial--style_2 .mpc-testimonial__description { margin: 0 0 1em; } /* Style 3 */ .mpc-testimonial--style_3 .mpc-testimonial__description { margin: 0 0 1em; } .mpc-testimonial--style_3 .mpc-testimonial__thumbnail { float: none; margin: 0 auto 1em; } /* Style 4 */ .mpc-testimonial--style_4 .mpc-testimonial__description { margin: 0 0 1em; } .mpc-testimonial--style_4 .mpc-testimonial__thumbnail { float: none; margin: 1em auto 0; } /* Style 5 */ .mpc-testimonial--style_5 .mpc-testimonial__thumbnail { float: none; margin: 1em auto; } .mpc-testimonial--style_5 .mpc-testimonial__description { margin: 0; } /* Style 6 */ .mpc-testimonial--style_6 .mpc-testimonial__thumbnail { float: right; margin: 0 0 0 1em; } .mpc-testimonial--style_6 .mpc-testimonial__description { margin: 1em 0 0 0; } /* Style 7 */ .mpc-testimonial--style_7 .mpc-testimonial__description { margin: 0 0 1em 0; } .mpc-testimonial--style_7 .mpc-testimonial__thumbnail { float: right; margin: 0 0 0 1em; } @media screen and (min-width: 768px) and (max-width: 992px) { .mpc-column:not(.vc_col-sm-12) .mpc-testimonial--style_1 .mpc-testimonial__thumbnail, .mpc-column:not(.vc_col-sm-12) .mpc-testimonial--style_2 .mpc-testimonial__thumbnail, .mpc-column:not(.vc_col-sm-12) .mpc-testimonial--style_6 .mpc-testimonial__thumbnail, .mpc-column:not(.vc_col-sm-12) .mpc-testimonial--style_7 .mpc-testimonial__thumbnail { float: none; margin: 0 auto 1em; } } @media screen and (max-width: 480px) { .mpc-testimonial--style_1 .mpc-testimonial__thumbnail, .mpc-testimonial--style_2 .mpc-testimonial__thumbnail, .mpc-testimonial--style_6 .mpc-testimonial__thumbnail, .mpc-testimonial--style_7 .mpc-testimonial__thumbnail { float: none; margin: 0 auto 1em; } } /*----------------------------------------------------------------------------* TEXTBLOCK SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-textblock { display: block; } .mpc-textblock.mpc-inline { display: inline-block; } .mpc-textblock h1, .mpc-textblock h2, .mpc-textblock h3, .mpc-textblock h4, .mpc-textblock h5, .mpc-textblock h6, .mpc-textblock a, .mpc-textblock span, .mpc-textblock div { font: inherit; text-align: inherit; color: inherit; } .mpc-textblock p:first-child { margin-top: 0; } .mpc-textblock p:last-child { margin-bottom: 0; } /*----------------------------------------------------------------------------* TIMELINE BASIC SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-timeline-basic { position: relative; display: block; } .mpc-timeline-basic, .mpc-timeline-basic .mpc-timeline-item__wrap { -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-timeline-basic .mpc-timeline__track { position: absolute; display: block; content: ""; top: 0; height: 100%; } .mpc-timeline-basic .mpc-timeline__track:before, .mpc-timeline-basic .mpc-timeline__track:after { position: absolute; display: block; left: 0; width: 100%; content: ''; } .mpc-timeline-basic .mpc-track__icon { position: absolute; bottom: 100%; display: inline-block; vertical-align: middle; max-width: 100%; } .mpc-timeline-basic .mpc-track__icon:not(.mpc-icon--image) i { width: 1.35em; height: 1.35em; line-height: 1.35em; font-style: normal; } .mpc-timeline-basic .mpc-track__icon i { display: block; text-align: center; } .mpc-timeline-basic .mpc-track__icon img { vertical-align: middle; } .mpc-timeline-basic.mpc-layout--both .mpc-timeline-item__wrap { float: left; width: 50%; } .mpc-timeline-basic.mpc-layout--both .mpc-timeline__track, .mpc-timeline-basic.mpc-layout--both .mpc-track__icon { left: 50%; } .mpc-timeline-basic.mpc-layout--left .mpc-timeline__track, .mpc-timeline-basic.mpc-layout--left .mpc-track__icon { left: 0; } .mpc-timeline-basic.mpc-layout--right .mpc-timeline__track, .mpc-timeline-basic.mpc-layout--right .mpc-track__icon { left: 100%; } .mpc-timeline-basic.mpc-inited .mpc-timeline-item__wrap { float: none !important; } .mpc-timeline-basic.mpc--item-fullwidth .mpc-timeline-item__wrap { width: 100%; } .mpc-timeline-basic.mpc-pointer--top .mpc-tl-before { top: 0; } .mpc-timeline-basic.mpc-pointer--middle .mpc-tl-before { top: 50%; } .mpc-timeline-basic.mpc-pointer--bottom .mpc-tl-before { bottom: 0; } .mpc-timeline-basic a, .mpc-timeline-basic a:focus { outline: none; } .mpc-timeline-item .mpc-tl-before { display: block; position: absolute !important; content: ""; width: 0; height: 0; border-style: solid; } .mpc-pointer--line .mpc-tl-before { border-top: 0; border-left: 0; border-right: 0; } .mpc-pointer--triangle .mpc-tl-before { border-top-color: transparent !important; border-bottom-color: transparent !important; } .mpc-pointer--right-triangle .mpc-tl-before { border-top: 0 !important; border-bottom-color: transparent !important; } @media screen and (min-width: 769px) { .mpc-tooltip--always .mpc-tooltip.mpc-inited { visibility: visible; opacity: 1 !important; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } [data-side="left"] .mpc-tl-before { left: 100%; } .mpc-pointer--triangle [data-side="left"] .mpc-tl-before { border-right: 0 !important; } .mpc-pointer--right-triangle [data-side="left"] .mpc-tl-before { border-right: 0 !important; } [data-side="left"].mpc-timeline-item__wrap { padding-left: 0 !important; } [data-side="left"].mpc-timeline-item__wrap:nth-last-child(1) { margin-bottom: 0 !important; } [data-side="right"] .mpc-tl-before { right: 100%; } .mpc-pointer--triangle [data-side="right"] .mpc-tl-before { border-left: 0 !important; } .mpc-pointer--right-triangle [data-side="right"] .mpc-tl-before { border-left: 0 !important; } [data-side="right"].mpc-timeline-item__wrap { padding-right: 0 !important; } [data-side="right"].mpc-timeline-item__wrap:nth-last-child(1) { margin-bottom: 0 !important; } } /* Responsive */ @media screen and (max-width: 768px) { .mpc-timeline-basic.mpc-layout--both .mpc-timeline-item__wrap, .mpc-timeline-basic.mpc-layout--left .mpc-timeline-item__wrap { width: 100% !important; padding-right: 0 !important; } .mpc-timeline-basic.mpc-layout--both .mpc-tl-before, .mpc-timeline-basic.mpc-layout--left .mpc-tl-before { right: 100% !important; } .mpc-timeline-basic.mpc-layout--both.mpc-pointer--triangle .mpc-tl-before, .mpc-timeline-basic.mpc-layout--both.mpc-pointer--right-triangle .mpc-tl-before, .mpc-timeline-basic.mpc-layout--left.mpc-pointer--triangle .mpc-tl-before, .mpc-timeline-basic.mpc-layout--left.mpc-pointer--right-triangle .mpc-tl-before { border-left: 0 !important; } .mpc-timeline-basic.mpc-layout--both .mpc-timeline-item__wrap, .mpc-timeline-basic.mpc-layout--left .mpc-timeline-item__wrap { padding-right: 0 !important; } .mpc-timeline-basic.mpc-layout--both .mpc-timeline-item__wrap:nth-last-child(1), .mpc-timeline-basic.mpc-layout--left .mpc-timeline-item__wrap:nth-last-child(1) { margin-bottom: 0 !important; } .mpc-timeline-basic.mpc-layout--both .mpc-timeline__track, .mpc-timeline-basic.mpc-layout--both .mpc-track__icon, .mpc-timeline-basic.mpc-layout--left .mpc-timeline__track, .mpc-timeline-basic.mpc-layout--left .mpc-track__icon { left: 0 !important; } .mpc-timeline-basic.mpc-layout--right .mpc-tl-before { left: 100% !important; } .mpc-timeline-basic.mpc-layout--right.mpc-pointer--triangle .mpc-tl-before, .mpc-timeline-basic.mpc-layout--right.mpc-pointer--right-triangle .mpc-tl-before { border-right: 0 !important; } } /*----------------------------------------------------------------------------* TIMELINE ITEM SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-timeline-item { position: relative; display: block; min-height: 80px; border: 0 solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-timeline-item:before { display: block; position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border-radius: inherit; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .mpc-timeline-item .mpc-timeline-item__description, .mpc-timeline-item .mpc-timeline-item__heading, .mpc-timeline-item .mpc-icon, .mpc-timeline-item .mpc-divider, .mpc-timeline-item .mpc-tl-before, .mpc-timeline-item .mpc-tl-icon { position: relative; z-index: 2; } .mpc-timeline-item > *:nth-child(2) { margin-top: 0; } .mpc-timeline-item > *:nth-last-child(1) { margin-bottom: 0; } .mpc-timeline-item__content { overflow: hidden; } .mpc-timeline-item__content .mpc-timeline-item__description { padding: 0; margin: 0; } .mpc-timeline-item__content .mpc-timeline-item__description p:first-child { margin-top: 0 !important; } .mpc-timeline-item__content .mpc-timeline-item__description p:last-child { margin-bottom: 0 !important; } .mpc-timeline-item__content .mpc-timeline-item__heading { padding: 0; margin: 0 0 .75em 0; text-transform: uppercase; } .mpc-timeline-item .mpc-divider { margin: 0 0 .75em 0; } .mpc-tl-icon { position: absolute; top: 0; display: inline-block; text-align: center; line-height: 1em; vertical-align: middle; max-width: 100%; z-index: 3; } .mpc-tl-icon:hover { z-index: 5; } .mpc-tl-icon img { display: block; max-width: 100%; } .mpc-tl-icon:not(.mpc-icon--image) i { width: 1.35em; height: 1.35em; line-height: 1.35em; } @media screen and (min-width: 768px) { [data-side="left"] .mpc-tl-icon { left: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } [data-side="right"] .mpc-tl-icon { right: 100%; -webkit-transform: translateX(50%); transform: translateX(50%); } } /* Responsive */ @media screen and (max-width: 768px) { .mpc-timeline-basic .mpc-tl-icon { right: 100%; -webkit-transform: translateX(50%); transform: translateX(50%); } .mpc-layout--right .mpc-tl-icon { left: 100%; right: initial; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } /*----------------------------------------------------------------------------* TOOLTIP SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-tooltip { position: absolute; display: block; white-space: nowrap; z-index: 100000; visibility: hidden; opacity: 0 !important; pointer-events: none; -webkit-transition: all .25s !important; transition: all .25s !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mpc-tooltip * { visibility: inherit; } .mpc-tooltip .mpc-arrow { position: absolute; border-color: inherit; border-style: solid; border-width: 7px; } .mpc-tooltip.mpc-no-arrow .mpc-arrow { display: none; } .mpc-tooltip.mpc-loaded { max-width: 300px; } .mpc-tooltip.mpc-loaded.mpc-wide { max-width: 500px; } .mpc-tooltip.mpc-position--top { top: 0; left: 50%; transform: translateX(-50%) translateY(-100%); margin-top: -1em; } .mpc-tooltip.mpc-position--top .mpc-arrow { bottom: -14px; left: 50%; margin-left: -7px; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } .mpc-tooltip.mpc-position--right { top: 50%; right: 0; transform: translateX(100%) translateY(-50%); margin-right: -1em; } .mpc-tooltip.mpc-position--right .mpc-arrow { top: 50%; left: -14px; margin-top: -7px; border-top-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } .mpc-tooltip.mpc-position--bottom { bottom: 0; left: 50%; transform: translateX(-50%) translateY(100%); margin-bottom: -1em; } .mpc-tooltip.mpc-position--bottom .mpc-arrow { top: -14px; left: 50%; margin-left: -7px; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; } .mpc-tooltip.mpc-position--left { top: 50%; left: 0; transform: translateX(-100%) translateY(-50%); margin-left: -1em; } .mpc-tooltip.mpc-position--left .mpc-arrow { top: 50%; right: -14px; margin-top: -7px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } .mpc-tooltip.mpc-wrap-content { white-space: normal; word-break: break-word; word-wrap: break-word; width: 300px; } .mpc-tooltip.mpc-wrap-content.mpc-wide { width: 500px; } .mpc-tooltip.mpc-wrap-content img { max-width: 100%; } .mpc-tooltip.mpc-can-hover { pointer-events: all; } .mpc-tooltip.mpc-triggered.mpc-inited { visibility: visible; opacity: 1 !important; transition-delay: .1s; } .mpc-tooltip .mpc-embed-wrap { position: relative; height: 0; padding-bottom: 56.25%; } .mpc-tooltip .mpc-embed-wrap > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mpc-tooltip h1, .mpc-tooltip h2, .mpc-tooltip h3, .mpc-tooltip h4, .mpc-tooltip h5, .mpc-tooltip h6 { margin-top: 1em; margin-bottom: 1em; } .mpc-tooltip h1:first-child, .mpc-tooltip h2:first-child, .mpc-tooltip h3:first-child, .mpc-tooltip h4:first-child, .mpc-tooltip h5:first-child, .mpc-tooltip h6:first-child { margin-top: 1em; } .mpc-tooltip.mpc-effect--slide.mpc-position--top { top: 2em; } .mpc-tooltip.mpc-effect--slide.mpc-position--right { right: 2em; } .mpc-tooltip.mpc-effect--slide.mpc-position--bottom { bottom: 2em; } .mpc-tooltip.mpc-effect--slide.mpc-position--left { left: 2em; } .mpc-tooltip.mpc-effect--push.mpc-position--top { top: -2em; } .mpc-tooltip.mpc-effect--push.mpc-position--right { right: -2em; } .mpc-tooltip.mpc-effect--push.mpc-position--bottom { bottom: -2em; } .mpc-tooltip.mpc-effect--push.mpc-position--left { left: -2em; } .mpc-tooltip-target:hover + .mpc-tooltip.mpc-trigger--hover.mpc-position--top, .mpc-tooltip.mpc-can-hover:hover.mpc-position--top { top: 0; } .mpc-tooltip-target:hover + .mpc-tooltip.mpc-trigger--hover.mpc-position--right, .mpc-tooltip.mpc-can-hover:hover.mpc-position--right { right: 0; } .mpc-tooltip-target:hover + .mpc-tooltip.mpc-trigger--hover.mpc-position--bottom, .mpc-tooltip.mpc-can-hover:hover.mpc-position--bottom { bottom: 0; } .mpc-tooltip-target:hover + .mpc-tooltip.mpc-trigger--hover.mpc-position--left, .mpc-tooltip.mpc-can-hover:hover.mpc-position--left { left: 0; } .mpc-tooltip.mpc-triggered.mpc-effect--push.mpc-position--top { top: -.5em; } .mpc-tooltip.mpc-triggered.mpc-effect--push.mpc-position--right { right: -.5em; } .mpc-tooltip.mpc-triggered.mpc-effect--push.mpc-position--bottom { bottom: -.5em; } .mpc-tooltip.mpc-triggered.mpc-effect--push.mpc-position--left { left: -.5em; } .mpc-tooltip.mpc-triggered.mpc-effect--slide.mpc-position--top { top: .5em; } .mpc-tooltip.mpc-triggered.mpc-effect--slide.mpc-position--right { right: .5em; } .mpc-tooltip.mpc-triggered.mpc-effect--slide.mpc-position--bottom { bottom: .5em; } .mpc-tooltip.mpc-triggered.mpc-effect--slide.mpc-position--left { left: .5em; } .mpc-tooltip-target:hover + .mpc-tooltip.mpc-position--top { top: 0 !important; } .mpc-tooltip-target:hover + .mpc-tooltip.mpc-position--right { right: 0 !important; } .mpc-tooltip-target:hover + .mpc-tooltip.mpc-position--bottom { bottom: 0 !important; } .mpc-tooltip-target:hover + .mpc-tooltip.mpc-position--left { left: 0 !important; } .mpc-tooltip-target:hover + .mpc-tooltip.mpc-trigger--hover, .mpc-tooltip.mpc-trigger--hover.mpc-can-hover:hover { visibility: visible !important; opacity: 1 !important; transition-delay: .1s; } .mpc-tooltip-wrap:hover .mpc-tooltip { z-index: 100001; } .mpc-tooltip-wrap { position: relative; display: inline-block; } /*----------------------------------------------------------------------------* ADD TO CART SHORTCODE \*----------------------------------------------------------------------------*/ @-moz-keyframes spin3d-vertical { 100% { transform: rotate3d(0, 1, 0, 360deg); } } @-moz-keyframes spin3d-horizontal { 100% { transform: rotate3d(1, 0, 0, 360deg); } } @-moz-keyframes spin2d { 100% { transform: rotate3d(0, 0, 1, 360deg); } } @-webkit-keyframes spin3d-vertical { 100% { transform: rotate3d(0, 1, 0, 360deg); } } @-webkit-keyframes spin3d-horizontal { 100% { transform: rotate3d(1, 0, 0, 360deg); } } @-webkit-keyframes spin2d { 100% { transform: rotate3d(0, 0, 1, 360deg); } } @keyframes spin3d-vertical { 100% { transform: rotate3d(0, 1, 0, 360deg); } } @keyframes spin3d-horizontal { 100% { transform: rotate3d(1, 0, 0, 360deg); } } @keyframes spin2d { 100% { transform: rotate3d(0, 0, 1, 360deg); } } .mpc-wc-add_to_cart-wrap { position: relative; display: inline-block; vertical-align: middle; z-index: 2; -webkit-transition: width .25s ease-in-out; transition: width .25s ease-in-out; } .mpc-wc-add_to_cart-wrap:hover .mpc-wc-add_to_cart { z-index: 2; -webkit-transform: translate3d(0, 0, 0); } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__title { opacity: 0; } .mpc-wc-add_to_cart-wrap.mpc-display--block .mpc-wc-add_to_cart, .mpc-wc-add_to_cart-wrap .mpc-wc-add_to_cart:not(.mpc-auto-size) { position: relative; display: block; width: 100%; height: 100%; } .mpc-wc-add_to_cart { display: inline-block; overflow: hidden; text-decoration: none; z-index: 1; cursor: pointer; } .mpc-wc-add_to_cart.mpc-inited { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mpc-tooltip-wrap .mpc-wc-add_to_cart { display: block; } .mpc-atc__content { z-index: 2; height: 100%; } .mpc-atc__content del { font-size: .75em; } .mpc-atc__content ins { background: none !important; } .mpc-atc__title, .mpc-atc__title-hover { display: -ms-flexbox; display: flex; align-items: center; justify-content: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .mpc-inited .mpc-atc__title, .mpc-inited .mpc-atc__title-hover { width: 100%; height: 100%; } .mpc-atc__title-hover { position: absolute; } .mpc-atc__background { position: absolute; opacity: 0; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__background { opacity: 1; } .mpc-atc__background.mpc-effect-type--fade.mpc-effect-side--in { top: 0; bottom: 0; left: 0; right: 0; } .mpc-atc__background.mpc-effect-type--slide.mpc-effect-side--top { top: -100%; left: 0; width: 100%; height: 100%; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__background.mpc-effect-type--slide.mpc-effect-side--top { top: 0; } .mpc-atc__background.mpc-effect-type--slide.mpc-effect-side--right { top: 0; left: 100%; width: 100%; height: 100%; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__background.mpc-effect-type--slide.mpc-effect-side--right { left: 0; } .mpc-atc__background.mpc-effect-type--slide.mpc-effect-side--bottom { top: 100%; left: 0; width: 100%; height: 100%; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__background.mpc-effect-type--slide.mpc-effect-side--bottom { top: 0; } .mpc-atc__background.mpc-effect-type--slide.mpc-effect-side--left { top: 0; left: -100%; width: 100%; height: 100%; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__background.mpc-effect-type--slide.mpc-effect-side--left { left: 0; } .mpc-atc__background.mpc-effect-type--expand.mpc-effect-side--horizontal { top: 0; bottom: 0; left: 50%; right: 50%; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__background.mpc-effect-type--expand.mpc-effect-side--horizontal { left: 5%; right: 5%; } .mpc-atc__background.mpc-effect-type--expand.mpc-effect-side--vertical { top: 50%; bottom: 50%; left: 0; right: 0; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__background.mpc-effect-type--expand.mpc-effect-side--vertical { top: 5%; bottom: 5%; } .mpc-atc__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left { top: 50%; bottom: 50%; left: -20%; right: -20%; transform: rotate(45deg); } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left { top: -60%; bottom: -60%; } .mpc-atc__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right { top: 50%; bottom: 50%; left: -20%; right: -20%; transform: rotate(-45deg); } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right { top: -60%; bottom: -60%; } .mpc-atc__content.mpc-effect-type--fade .mpc-atc__title-hover { top: 0; bottom: 0; left: 0; right: 0; opacity: 0; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--fade .mpc-atc__title-hover { opacity: 1; } .mpc-atc__content.mpc-effect-type--slide .mpc-atc__title-hover { top: 50%; opacity: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--slide .mpc-atc__title-hover { opacity: 1; } .mpc-atc__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-atc__title-hover { left: -100%; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-atc__title-hover { left: 0; } .mpc-atc__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-atc__title-hover { right: -100%; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-atc__title-hover { right: 0; } .mpc-atc__content.mpc-effect-type--push_out { overflow: hidden; } .mpc-atc__content.mpc-effect-type--push_out .mpc-atc__title-hover { opacity: 0; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--push_out .mpc-atc__title-hover { opacity: 1; } .mpc-atc__content.mpc-effect-type--push_out .mpc-atc__title { position: relative; } .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-atc__title-hover { top: -100%; left: 50%; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-atc__title-hover { top: 50%; } .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-atc__title { top: 0; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-atc__title { top: 5em; } .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-atc__title-hover { top: 50%; left: 150%; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-atc__title-hover { left: 50%; } .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-atc__title { left: 0; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-atc__title { left: -100%; } .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-atc__title-hover { top: 150%; left: 50%; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-atc__title-hover { top: 50%; } .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-atc__title { top: 0; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-atc__title { top: -5em; } .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-atc__title-hover { top: 50%; left: -100%; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-atc__title-hover { left: 50%; } .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-atc__title { left: 0; } .mpc-wc-add_to_cart-wrap:hover .mpc-atc__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-atc__title { left: 100%; } .mpc-wc-add_to_cart[data-notice^="show"] .mpc-atc__notices { z-index: 1; opacity: 1; left: 0; } .mpc-wc-add_to_cart[data-notice^="show"]:not(.mpc-loader--outside) .mpc-atc__title, .mpc-wc-add_to_cart[data-notice^="show"]:not(.mpc-loader--outside) .mpc-atc__title-hover { opacity: 0 !important; } .mpc-wc-add_to_cart[data-notice$="success"] .mpc--success { opacity: 1; } .mpc-wc-add_to_cart[data-notice$="error"] .mpc--error { opacity: 1; } .mpc-wc-add_to_cart[data-notice$="loader"] .mpc--loader, .mpc-wc-add_to_cart[data-notice$="loader"] + .mpc--loader.mpc-atc--outside { opacity: 1; } .mpc-wc-add_to_cart[data-notice$="loader"] [data-spinner="rotate"] .mpc--loader i, .mpc-wc-add_to_cart[data-notice$="loader"] + .mpc-atc--outside[data-spinner="rotate"].mpc--loader i { transform: initial; -webkit-animation: spin2d 2s linear infinite; -moz-animation: spin2d 2s linear infinite; animation: spin2d 2s linear infinite; } .mpc-wc-add_to_cart[data-notice$="loader"] [data-spinner="rotate3d-vertical"] .mpc--loader i, .mpc-wc-add_to_cart[data-notice$="loader"] + .mpc-atc--outside[data-spinner="rotate3d-vertical"].mpc--loader i { transform: initial; -webkit-animation: spin3d-vertical 2s linear infinite; -moz-animation: spin3d-vertical 2s linear infinite; animation: spin3d-vertical 2s linear infinite; } .mpc-wc-add_to_cart[data-notice$="loader"] [data-spinner="rotate3d-horizontal"] .mpc--loader i, .mpc-wc-add_to_cart[data-notice$="loader"] + .mpc-atc--outside[data-spinner="rotate3d-horizontal"].mpc--loader i { transform: initial; -webkit-animation: spin3d-horizontal 2s linear infinite; -moz-animation: spin3d-horizontal 2s linear infinite; animation: spin3d-horizontal 2s linear infinite; } .mpc-wc-add_to_cart + .mpc-atc--outside { position: absolute; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; top: 0; bottom: 0; opacity: 0; width: 1.35em; } .mpc-wc-add_to_cart + .mpc-atc--outside[data-side="left"] { right: 50%; } .mpc-wc-add_to_cart + .mpc-atc--outside[data-side="right"] { left: 50%; } .mpc-wc-add_to_cart[data-notice="show:loader"] + .mpc-atc--outside[data-side="left"] { right: 100%; } .mpc-wc-add_to_cart[data-notice="show:loader"] + .mpc-atc--outside[data-side="right"] { left: 100%; } .mpc-atc__notices { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; color: #fff; text-align: center; white-space: nowrap; /* Notices Effects */ } .mpc-atc__notices i { color: inherit; } .mpc-atc__notices .mpc-atc__notice { display: -ms-flexbox; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; opacity: 0; position: absolute; top: 0; -webkit-transition: inherit; transition: inherit; } .mpc-atc__notices .mpc--success a { font: inherit; color: inherit; } .mpc-atc__notices[data-effect="fade-in"] { top: 0; bottom: 0; left: 0; right: 0; } .mpc-atc__notices[data-effect="slide-left"] { left: -100%; } .mpc-atc__notices[data-effect="slide-right"] { left: 100%; } /*----------------------------------------------------------------------------* SINGLE POST SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-wc-product a, .mpc-wc-product a:hover, .mpc-wc-product a:focus { outline: none; text-decoration: none; } .mpc-wc-product ins { background: none; } .mpc-wc-product .mpc-product__wrapper { overflow: hidden; position: relative; z-index: 1; } .mpc-wc-product .mpc-product__heading { padding: 0; } .mpc-wc-product .mpc-product__heading a { font: inherit; color: inherit; -webkit-transition: inherit; transition: inherit; } .mpc-wc-product .mpc-product__heading.mpc-text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mpc-wc-product .mpc-product__thumb-wrap { position: relative; overflow: hidden; } .mpc-wc-product .mpc-product__thumb:not(img) { position: absolute; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .mpc-wc-product img { display: block; visibility: hidden; } .mpc-wc-product .mpc-icon-anchor { display: block; text-align: center; -webkit-transition: all .25s; transition: all .25s; } .mpc-wc-product .mpc-icon-anchor i { display: block; width: 1.35em; height: 1.35em; line-height: 1.35em; -webkit-transition: inherit; transition: inherit; } .mpc-wc-product .mpc-icon-anchor:last-child { margin: 0 !important; } /* Content */ .mpc-product__content, .mpc-product__content-hover { display: -ms-flexbox; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; flex: 1 0 100%; } .mpc-product__content [class*="mpc-product__"], .mpc-product__content-hover [class*="mpc-product__"] { flex: 1 0 100%; } .mpc-thumb__content, .mpc-product__content { z-index: 1; } .mpc-thumb__content-hover, .mpc-product__content-hover { z-index: 2; } /* Content Effect */ .mpc-product__wrapper > .mpc-flex { position: relative; z-index: 3; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; } [data-content-effect="fade-in"] .mpc-product__wrapper > .mpc-flex .mpc-product__content-hover { opacity: 0; visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-content-effect="fade-in"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content-hover { visibility: visible; opacity: 1; } [data-content-effect="slide-left"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-content-effect="slide-right"] .mpc-product__wrapper > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); } [data-content-effect="slide-right"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-content-effect="slide-up"] .mpc-product__wrapper > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } [data-content-effect="slide-up"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-content-effect="slide-down"] .mpc-product__wrapper > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } [data-content-effect="slide-down"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-content-effect="push-left"] .mpc-product__wrapper > .mpc-flex .mpc-product__content, [data-content-effect="push-left"] .mpc-product__wrapper > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [data-content-effect="push-left"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content, [data-content-effect="push-left"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-content-effect="push-right"] .mpc-product__wrapper > .mpc-flex .mpc-product__content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [data-content-effect="push-right"] .mpc-product__wrapper > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); } [data-content-effect="push-right"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } [data-content-effect="push-right"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-content-effect="push-up"] .mpc-product__wrapper > .mpc-flex .mpc-product__content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [data-content-effect="push-up"] .mpc-product__wrapper > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } [data-content-effect="push-up"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } [data-content-effect="push-up"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-100%, 0%, 0); transform: translate3d(-100%, 0%, 0); } [data-content-effect="push-down"] .mpc-product__wrapper > .mpc-flex .mpc-product__content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [data-content-effect="push-down"] .mpc-product__wrapper > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } [data-content-effect="push-down"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } [data-content-effect="push-down"] .mpc-product__wrapper:hover > .mpc-flex .mpc-product__content-hover { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } /* Thumbnail Content Effects */ .mpc--floating-box .mpc-inline-box { display: inline-block; z-index: 1; overflow: hidden; } .mpc-product__wrapper .mpc-block-box { display: block; width: 100%; z-index: 1; overflow: hidden; } .mpc-thumb__content, .mpc-thumb__content-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } .mpc-thumb__content [class*="mpc-product__"], .mpc-thumb__content-hover [class*="mpc-product__"] { display: block; } .mpc--no-replace.mpc--floating-box .mpc-thumb__content, .mpc--no-replace.mpc--floating-box .mpc-thumb__content-hover { width: auto; height: auto; } .mpc--no-replace .mpc-thumb__content .mpc-thumb__content, .mpc--no-replace .mpc-thumb__content-hover .mpc-thumb__content { position: absolute; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .mpc-product__wrapper { /* Overlay on hover */ } [data-thumb-effects$="fade"] .mpc-product__wrapper .mpc-thumb__content-hover { top: 0; left: 0; opacity: 0; } [data-thumb-effects$="slide-up"] .mpc-product__wrapper .mpc-thumb__content-hover { top: 100%; left: 0; } [data-thumb-effects$="slide-down"] .mpc-product__wrapper .mpc-thumb__content-hover { top: -100%; left: 0; } [data-thumb-effects$="slide-left"] .mpc-product__wrapper .mpc-thumb__content-hover { top: 0; left: 100%; } [data-thumb-effects$="slide-right"] .mpc-product__wrapper .mpc-thumb__content-hover { top: 0; left: -100%; } .mpc-product__wrapper .mpc-thumb__content-hover { visibility: hidden; } .mpc-product__wrapper:hover .mpc-thumb__content-hover { visibility: visible; left: 0; top: 0; opacity: 1; } [data-thumb-effects^="fade"] .mpc-product__wrapper:hover .mpc-thumb__content { opacity: 0; } [data-thumb-effects^="slide-up"] .mpc-product__wrapper:hover .mpc-thumb__content { top: -100%; left: 0; } [data-thumb-effects^="slide-down"] .mpc-product__wrapper:hover .mpc-thumb__content { top: 100%; left: 0; } [data-thumb-effects^="slide-left"] .mpc-product__wrapper:hover .mpc-thumb__content { top: 0; left: 100%; } [data-thumb-effects^="slide-right"] .mpc-product__wrapper:hover .mpc-thumb__content { top: 0; left: -100%; } .mpc--force-replace .mpc-product__wrapper .mpc-thumb__content, .mpc--force-replace .mpc-product__wrapper .mpc-thumb__content-hover { display: flex; flex-direction: column; } .mpc--force-replace[data-thumb-positions^="top:left"] .mpc-product__wrapper .mpc-thumb__content, .mpc--force-replace[data-thumb-positions$="top:left"] .mpc-product__wrapper .mpc-thumb__content-hover { align-items: flex-start; justify-content: flex-start; } .mpc--force-replace[data-thumb-positions^="top:center"] .mpc-product__wrapper .mpc-thumb__content, .mpc--force-replace[data-thumb-positions$="top:center"] .mpc-product__wrapper .mpc-thumb__content-hover { align-items: center; justify-content: flex-start; } .mpc--force-replace[data-thumb-positions^="top:right"] .mpc-product__wrapper .mpc-thumb__content, .mpc--force-replace[data-thumb-positions$="top:right"] .mpc-product__wrapper .mpc-thumb__content-hover { align-items: flex-end; justify-content: flex-start; } .mpc--force-replace[data-thumb-positions^="middle:left"] .mpc-product__wrapper .mpc-thumb__content, .mpc--force-replace[data-thumb-positions$="middle:left"] .mpc-product__wrapper .mpc-thumb__content-hover { align-items: flex-start; justify-content: center; } .mpc--force-replace[data-thumb-positions^="middle:center"] .mpc-product__wrapper .mpc-thumb__content, .mpc--force-replace[data-thumb-positions$="middle:center"] .mpc-product__wrapper .mpc-thumb__content-hover { align-items: center; justify-content: center; } .mpc--force-replace[data-thumb-positions^="middle:right"] .mpc-product__wrapper .mpc-thumb__content, .mpc--force-replace[data-thumb-positions$="middle:right"] .mpc-product__wrapper .mpc-thumb__content-hover { align-items: flex-end; justify-content: center; } .mpc--force-replace[data-thumb-positions^="bottom:left"] .mpc-product__wrapper .mpc-thumb__content, .mpc--force-replace[data-thumb-positions$="bottom:left"] .mpc-product__wrapper .mpc-thumb__content-hover { align-items: flex-start; justify-content: flex-end; } .mpc--force-replace[data-thumb-positions^="bottom:center"] .mpc-product__wrapper .mpc-thumb__content, .mpc--force-replace[data-thumb-positions$="bottom:center"] .mpc-product__wrapper .mpc-thumb__content-hover { align-items: center; justify-content: flex-end; } .mpc--force-replace[data-thumb-positions^="bottom:right"] .mpc-product__wrapper .mpc-thumb__content, .mpc--force-replace[data-thumb-positions$="bottom:right"] .mpc-product__wrapper .mpc-thumb__content-hover { align-items: flex-end; justify-content: flex-end; } .mpc--no-replace[data-thumb-positions^="top:left"] .mpc-product__wrapper .mpc-thumb__content, .mpc--no-replace[data-thumb-positions$="top:left"] .mpc-product__wrapper:hover .mpc-thumb__content { top: 0; left: 0; transform: translateX(0) translateY(0%); } .mpc--no-replace[data-thumb-positions^="top:center"] .mpc-product__wrapper .mpc-thumb__content, .mpc--no-replace[data-thumb-positions$="top:center"] .mpc-product__wrapper:hover .mpc-thumb__content { top: 0; left: 50%; transform: translateX(-50%) translateY(0%); } .mpc--no-replace[data-thumb-positions^="top:right"] .mpc-product__wrapper .mpc-thumb__content, .mpc--no-replace[data-thumb-positions$="top:right"] .mpc-product__wrapper:hover .mpc-thumb__content { top: 0; left: 100%; transform: translateX(-100%) translateY(0%); } .mpc--no-replace[data-thumb-positions^="middle:left"] .mpc-product__wrapper .mpc-thumb__content, .mpc--no-replace[data-thumb-positions$="middle:left"] .mpc-product__wrapper:hover .mpc-thumb__content { top: 50%; left: 0; transform: translateX(0) translateY(-50%); } .mpc--no-replace[data-thumb-positions^="middle:center"] .mpc-product__wrapper .mpc-thumb__content, .mpc--no-replace[data-thumb-positions$="middle:center"] .mpc-product__wrapper:hover .mpc-thumb__content { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .mpc--no-replace[data-thumb-positions^="middle:right"] .mpc-product__wrapper .mpc-thumb__content, .mpc--no-replace[data-thumb-positions$="middle:right"] .mpc-product__wrapper:hover .mpc-thumb__content { top: 50%; left: 100%; transform: translateX(-100%) translateY(-50%); } .mpc--no-replace[data-thumb-positions^="bottom:left"] .mpc-product__wrapper .mpc-thumb__content, .mpc--no-replace[data-thumb-positions$="bottom:left"] .mpc-product__wrapper:hover .mpc-thumb__content { top: 100%; left: 0; transform: translateX(0) translateY(-100%); } .mpc--no-replace[data-thumb-positions^="bottom:center"] .mpc-product__wrapper .mpc-thumb__content, .mpc--no-replace[data-thumb-positions$="bottom:center"] .mpc-product__wrapper:hover .mpc-thumb__content { top: 100%; left: 50%; transform: translateX(-50%) translateY(-100%); } .mpc--no-replace[data-thumb-positions^="bottom:right"] .mpc-product__wrapper .mpc-thumb__content, .mpc--no-replace[data-thumb-positions$="bottom:right"] .mpc-product__wrapper:hover .mpc-thumb__content { top: 100%; left: 100%; transform: translateX(-100%) translateY(-100%); } /* Rating */ .mpc-product__rating .mpc-rating { display: inline-block; white-space: nowrap; } .mpc-product__rating .mpc-rating i:last-child { margin: 0; } /* Small Buttons Effects */ .mpc-product__thumb-wrap .mpc-thumb__buttons { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; width: 100%; height: 100%; z-index: 10; pointer-events: none; } .mpc-product__thumb-wrap .mpc-thumb__buttons a { pointer-events: initial; } [data-buttons*="vertical"] .mpc-product__thumb-wrap .mpc-thumb__buttons { flex-direction: column; } [data-buttons*="vertical"][data-buttons*="top"] .mpc-product__thumb-wrap .mpc-thumb__buttons { justify-content: flex-start; } [data-buttons*="vertical"][data-buttons*="middle"] .mpc-product__thumb-wrap .mpc-thumb__buttons { justify-content: center; } [data-buttons*="vertical"][data-buttons*="bottom"] .mpc-product__thumb-wrap .mpc-thumb__buttons { justify-content: flex-end; } [data-buttons*="vertical"][data-buttons*="left"] .mpc-product__thumb-wrap .mpc-thumb__buttons { align-items: flex-start; } [data-buttons*="vertical"][data-buttons*="center"] .mpc-product__thumb-wrap .mpc-thumb__buttons { align-items: center; } [data-buttons*="vertical"][data-buttons*="right"] .mpc-product__thumb-wrap .mpc-thumb__buttons { align-items: flex-end; } [data-buttons*="horizontal"] .mpc-product__thumb-wrap .mpc-thumb__buttons { flex-direction: row; } [data-buttons*="horizontal"][data-buttons*="top"] .mpc-product__thumb-wrap .mpc-thumb__buttons { align-items: flex-start; } [data-buttons*="horizontal"][data-buttons*="middle"] .mpc-product__thumb-wrap .mpc-thumb__buttons { align-items: center; } [data-buttons*="horizontal"][data-buttons*="bottom"] .mpc-product__thumb-wrap .mpc-thumb__buttons { align-items: flex-end; } [data-buttons*="horizontal"][data-buttons*="left"] .mpc-product__thumb-wrap .mpc-thumb__buttons { justify-content: flex-start; } [data-buttons*="horizontal"][data-buttons*="center"] .mpc-product__thumb-wrap .mpc-thumb__buttons { justify-content: center; } [data-buttons*="horizontal"][data-buttons*="right"] .mpc-product__thumb-wrap .mpc-thumb__buttons { justify-content: flex-end; } .mpc-buttons--on-hover .mpc-thumb__buttons { opacity: 0; } .mpc-buttons--on-hover[data-buttons-effect="slide-up"] .mpc-thumb__buttons { -webkit-transform: translateY(100%) translateX(0); transform: translateY(100%) translateX(0); } .mpc-buttons--on-hover[data-buttons-effect="slide-down"] .mpc-thumb__buttons { -webkit-transform: translateY(-100%) translateX(0); transform: translateY(-100%) translateX(0); } .mpc-buttons--on-hover[data-buttons-effect="slide-left"] .mpc-thumb__buttons { -webkit-transform: translateX(100%) translateY(0); transform: translateX(100%) translateY(0); } .mpc-buttons--on-hover[data-buttons-effect="slide-right"] .mpc-thumb__buttons { -webkit-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0); } .mpc-buttons--on-hover .mpc-product__wrapper:hover .mpc-product__thumb-wrap .mpc-thumb__buttons { opacity: 1; -webkit-transform: translateY(0) translateX(0) !important; transform: translateY(0) translateX(0) !important; } /*----------------------------------------------------------------------------* PRODUCTS CATEGORY SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-wc-category, .mpc-wc-category__wrap { display: block; } .mpc-wc-category__wrap { position: relative; overflow: hidden; z-index: 1; border: 0; /* Disable Thumbnail */ } .mpc-wc-category__wrap .mpc-wrapper { display: block; width: 100%; } .mpc-wc-category__wrap .mpc-category__thumbnail { position: absolute; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .mpc-wc-category__wrap .mpc-category__wrapper { position: relative; z-index: 5; overflow: hidden; } .mpc-wc-category__wrap .mpc-category__content, .mpc-wc-category__wrap .mpc-category__overlay { position: absolute; width: 100%; height: 100%; z-index: 10; } .mpc-wc-category__wrap .mpc-category__content { top: 0; left: 0; } .mpc-wc-category__wrap .mpc-category__overlay { z-index: 15; } .mpc-wc-category__wrap .mpc-category__heading { margin: 0; padding: 0; } .mpc-wc-category__wrap .mpc-category__heading.mpc-text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mpc--no-thumb .mpc-wc-category__wrap .mpc-category__content { position: relative; } .mpc--no-thumb .mpc-wc-category__wrap .mpc-category__wrapper { overflow: visible; } /* Animate Regular with replacement */ .mpc-wc-category__wrap { /* Overlay on hover */ } .mpc--force-replace .mpc-wc-category__wrap .mpc-category__content, .mpc--force-replace .mpc-wc-category__wrap .mpc-category__overlay { display: flex; } .mpc--force-replace[data-positions^="top:left"] .mpc-wc-category__wrap .mpc-category__content, .mpc--force-replace[data-positions$="top:left"] .mpc-wc-category__wrap .mpc-category__overlay { align-items: flex-start; justify-content: flex-start; } .mpc--force-replace[data-positions^="top:center"] .mpc-wc-category__wrap .mpc-category__content, .mpc--force-replace[data-positions$="top:center"] .mpc-wc-category__wrap .mpc-category__overlay { align-items: flex-start; justify-content: center; } .mpc--force-replace[data-positions^="top:right"] .mpc-wc-category__wrap .mpc-category__content, .mpc--force-replace[data-positions$="top:right"] .mpc-wc-category__wrap .mpc-category__overlay { align-items: flex-start; justify-content: flex-end; } .mpc--force-replace[data-positions^="middle:left"] .mpc-wc-category__wrap .mpc-category__content, .mpc--force-replace[data-positions$="middle:left"] .mpc-wc-category__wrap .mpc-category__overlay { align-items: center; justify-content: flex-start; } .mpc--force-replace[data-positions^="middle:center"] .mpc-wc-category__wrap .mpc-category__content, .mpc--force-replace[data-positions$="middle:center"] .mpc-wc-category__wrap .mpc-category__overlay { align-items: center; justify-content: center; } .mpc--force-replace[data-positions^="middle:right"] .mpc-wc-category__wrap .mpc-category__content, .mpc--force-replace[data-positions$="middle:right"] .mpc-wc-category__wrap .mpc-category__overlay { align-items: center; justify-content: flex-end; } .mpc--force-replace[data-positions^="bottom:left"] .mpc-wc-category__wrap .mpc-category__content, .mpc--force-replace[data-positions$="bottom:left"] .mpc-wc-category__wrap .mpc-category__overlay { align-items: flex-end; justify-content: flex-start; } .mpc--force-replace[data-positions^="bottom:center"] .mpc-wc-category__wrap .mpc-category__content, .mpc--force-replace[data-positions$="bottom:center"] .mpc-wc-category__wrap .mpc-category__overlay { align-items: flex-end; justify-content: center; } .mpc--force-replace[data-positions^="bottom:right"] .mpc-wc-category__wrap .mpc-category__content, .mpc--force-replace[data-positions$="bottom:right"] .mpc-wc-category__wrap .mpc-category__overlay { align-items: flex-end; justify-content: flex-end; } [data-effects$="fade"] .mpc-wc-category__wrap .mpc-category__overlay { top: 0; left: 0; opacity: 0; } [data-effects$="slide-up"] .mpc-wc-category__wrap .mpc-category__overlay { top: 100%; left: 0; } [data-effects$="slide-down"] .mpc-wc-category__wrap .mpc-category__overlay { top: -100%; left: 0; } [data-effects$="slide-left"] .mpc-wc-category__wrap .mpc-category__overlay { top: 0; left: 100%; } [data-effects$="slide-right"] .mpc-wc-category__wrap .mpc-category__overlay { top: 0; left: -100%; } .mpc-wc-category__wrap:hover .mpc-category__overlay { visibility: visible; left: 0; top: 0; opacity: 1; } [data-effects^="fade"] .mpc-wc-category__wrap:hover .mpc-category__content { opacity: 0; } [data-effects^="slide-up"] .mpc-wc-category__wrap:hover .mpc-category__content { top: -100%; left: 0; } [data-effects^="slide-down"] .mpc-wc-category__wrap:hover .mpc-category__content { top: 100%; left: 0; } [data-effects^="slide-left"] .mpc-wc-category__wrap:hover .mpc-category__content { top: 0; left: 100%; } [data-effects^="slide-right"] .mpc-wc-category__wrap:hover .mpc-category__content { top: 0; left: -100%; } /* Inline Display */ .mpc--floating-box .mpc-wc-category__wrap .mpc-wrapper { display: inline; width: auto; white-space: nowrap; } /* Animate Regular Content */ .mpc--no-replace .mpc-wc-category__wrap .mpc-wrapper { position: absolute; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .mpc--no-replace[data-positions^="top:left"] .mpc-wc-category__wrap .mpc-wrapper, .mpc--no-replace[data-positions$="top:left"] .mpc-wc-category__wrap:hover .mpc-wrapper { top: 0; left: 0; -webkit-transform: translateX(0) translateY(0%); transform: translateX(0) translateY(0%); } .mpc--no-replace[data-positions^="top:center"] .mpc-wc-category__wrap .mpc-wrapper, .mpc--no-replace[data-positions$="top:center"] .mpc-wc-category__wrap:hover .mpc-wrapper { top: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); } .mpc--no-replace[data-positions^="top:right"] .mpc-wc-category__wrap .mpc-wrapper, .mpc--no-replace[data-positions$="top:right"] .mpc-wc-category__wrap:hover .mpc-wrapper { top: 0; left: 100%; -webkit-transform: translateX(-100%) translateY(0%); transform: translateX(-100%) translateY(0%); } .mpc--no-replace[data-positions^="middle:left"] .mpc-wc-category__wrap .mpc-wrapper, .mpc--no-replace[data-positions$="middle:left"] .mpc-wc-category__wrap:hover .mpc-wrapper { top: 50%; left: 0; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); } .mpc--no-replace[data-positions^="middle:center"] .mpc-wc-category__wrap .mpc-wrapper, .mpc--no-replace[data-positions$="middle:center"] .mpc-wc-category__wrap:hover .mpc-wrapper { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .mpc--no-replace[data-positions^="middle:right"] .mpc-wc-category__wrap .mpc-wrapper, .mpc--no-replace[data-positions$="middle:right"] .mpc-wc-category__wrap:hover .mpc-wrapper { top: 50%; left: 100%; -webkit-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%); } .mpc--no-replace[data-positions^="bottom:left"] .mpc-wc-category__wrap .mpc-wrapper, .mpc--no-replace[data-positions$="bottom:left"] .mpc-wc-category__wrap:hover .mpc-wrapper { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } .mpc--no-replace[data-positions^="bottom:center"] .mpc-wc-category__wrap .mpc-wrapper, .mpc--no-replace[data-positions$="bottom:center"] .mpc-wc-category__wrap:hover .mpc-wrapper { top: 100%; left: 50%; -webkit-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); } .mpc--no-replace[data-positions^="bottom:right"] .mpc-wc-category__wrap .mpc-wrapper, .mpc--no-replace[data-positions$="bottom:right"] .mpc-wc-category__wrap:hover .mpc-wrapper { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } /*----------------------------------------------------------------------------* CAROUSEL PRODUCTS CATEGORIES SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-wc-carousel-categories { -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-wc-carousel-categories.mpc-carousel--stretched .slick-list { overflow: visible; } .mpc-wc-carousel-categories .slick-slide > div:last-child > .mpc-wc-category, .mpc-wc-carousel-categories .slick-slide.mpc-wc-category { margin-bottom: 0 !important; } .mpc-wc-carousel-categories .mpc-wc-category { display: inline-block; vertical-align: bottom; height: 100%; width: 100%; } .mpc-wc-carousel-categories:focus, .mpc-wc-carousel-categories *:focus { outline: none; -webkit-outline: none; } .mpc-navigation--posts { text-align: right; width: 100%; margin: 1em 0; } .mpc-navigation--posts i { cursor: pointer; padding: .5em 1em; margin-left: 1px; background: #ccc; border-radius: 3px; } /*----------------------------------------------------------------------------* GRID PRODUCTS CATEGORIES SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-wc-grid-categories { -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-wc-grid-categories .mpc-wc-category { min-width: 150px; } .mpc-wc-grid-categories[data-grid-cols="2"] .mpc-wc-category, .mpc-wc-grid-categories[data-grid-cols="2"] .mpc-grid-size { width: 50%; } .mpc-wc-grid-categories[data-grid-cols="3"] .mpc-wc-category, .mpc-wc-grid-categories[data-grid-cols="3"] .mpc-grid-size { width: 33.33%; } .mpc-wc-grid-categories[data-grid-cols="4"] .mpc-wc-category, .mpc-wc-grid-categories[data-grid-cols="4"] .mpc-grid-size { width: 25%; } .mpc-wc-grid-categories[data-grid-cols="5"] .mpc-wc-category, .mpc-wc-grid-categories[data-grid-cols="5"] .mpc-grid-size { width: 20%; } .mpc-wc-grid-categories .mpc-wc-category { display: block; } .mpc-wc-grid-categories.mpc-init .mpc-wc-category { float: left; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } /* Responsive */ @media screen and (min-width: 768px) and (max-width: 992px) { .vc_column_container:not(.vc_col-sm-12) .mpc-wc-grid-categories[data-grid-cols] .mpc-wc-category { width: 100%; } } @media screen and (max-width: 767px) { .mpc-wc-grid-categories[data-grid-cols] .mpc-wc-category { width: 100%; } } /*----------------------------------------------------------------------------* WC CAROUSEL PRODUCTS SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-wc-carousel-products { -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-wc-carousel-products.mpc-carousel--stretched .slick-list { overflow: visible; } .mpc-wc-carousel-products .slick-slide > div:last-child > .mpc-wc-product, .mpc-wc-carousel-products .slick-slide.mpc-wc-product { margin-bottom: 0 !important; } .mpc-wc-carousel-products .mpc-wc-product { display: inline-block; vertical-align: bottom; height: auto !important; max-width: 100% !important; overflow: hidden; } .mpc-wc-carousel-products:focus, .mpc-wc-carousel-products *:focus { outline: none; -webkit-outline: none; } .mpc-wc-carousel-products[data-slick-cols="1"] .mpc-wc-product { width: 100%; } .mpc-wc-carousel-products[data-slick-cols="2"] .mpc-wc-product { width: 50%; } .mpc-wc-carousel-products[data-slick-cols="3"] .mpc-wc-product { width: 33%; } .mpc-wc-carousel-products[data-slick-cols="3"] .mpc-wc-product:last-child { width: 34%; } .mpc-wc-carousel-products[data-slick-cols="4"] .mpc-wc-product { width: 25%; } .mpc-navigation--posts { text-align: right; width: 100%; margin: 1em 0; } .mpc-navigation--posts i { cursor: pointer; padding: .5em 1em; margin-left: 1px; background: #ccc; border-radius: 3px; } /*----------------------------------------------------------------------------* GRID PRODUCTS SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-wc-grid-products { -webkit-box-sizing: border-box; box-sizing: border-box; } .mpc-wc-grid-products .mpc-wc-product { display: block; float: left; min-width: 150px; } .mpc-wc-grid-products[data-grid-cols="1"] .mpc-wc-product, .mpc-wc-grid-products[data-grid-cols="1"] .mpc-grid-sizer { width: 100%; } .mpc-wc-grid-products[data-grid-cols="2"] .mpc-wc-product, .mpc-wc-grid-products[data-grid-cols="2"] .mpc-grid-sizer { width: 50%; } .mpc-wc-grid-products[data-grid-cols="3"] .mpc-wc-product, .mpc-wc-grid-products[data-grid-cols="3"] .mpc-grid-sizer { width: 33.33%; } .mpc-wc-grid-products[data-grid-cols="4"] .mpc-wc-product, .mpc-wc-grid-products[data-grid-cols="4"] .mpc-grid-sizer { width: 25%; } .mpc-wc-grid-products[data-grid-cols="5"] .mpc-wc-product, .mpc-wc-grid-products[data-grid-cols="5"] .mpc-grid-sizer { width: 20%; } .mpc-template[data-template="mpc-wc-product"] { display: none; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } /* Responsive */ @media screen and (min-width: 993px) and (max-width: 1199px) { .mpc-wc-grid-products[data-grid-cols="4"] .mpc-wc-product, .mpc-wc-grid-products[data-grid-cols="4"] .mpc-grid-sizer, .mpc-wc-grid-products[data-grid-cols="5"] .mpc-wc-product, .mpc-wc-grid-products[data-grid-cols="5"] .mpc-grid-sizer { width: 33.33%; } } @media screen and (min-width: 768px) and (max-width: 992px) { .mpc-wc-grid-products[data-grid-cols="3"] .mpc-wc-product, .mpc-wc-grid-products[data-grid-cols="3"] .mpc-grid-sizer, .mpc-wc-grid-products[data-grid-cols="4"] .mpc-wc-product, .mpc-wc-grid-products[data-grid-cols="4"] .mpc-grid-sizer, .mpc-wc-grid-products[data-grid-cols="5"] .mpc-wc-product, .mpc-wc-grid-products[data-grid-cols="5"] .mpc-grid-sizer { width: 50%; min-width: 50%; } } @media screen and (max-width: 767px) { .mpc-wc-grid-products[data-grid-cols] .mpc-wc-product, .mpc-wc-grid-products[data-grid-cols] .mpc-grid-sizer { width: 100%; } }