2544 lines
80 KiB
CSS
2544 lines
80 KiB
CSS
/*------------------------------------------------------------------
|
|
* This is main responsive css file for theme. It is broken into following sections:
|
|
* 1. Global responsive styles
|
|
* 2. Blog responsive styles
|
|
* 3. Footer responsive styles
|
|
* 4. Header responsive styles
|
|
* 5. Search responsive styles
|
|
* 6. Title area responsive styles
|
|
* 7. Shortcodes responsive styles
|
|
* 8. Custom Post Types responsive styles
|
|
-------------------------------------------------------------------*/
|
|
|
|
/* ==========================================================================
|
|
1. Global responsive styles
|
|
========================================================================== */
|
|
|
|
/* common mixins - start */
|
|
|
|
/* common mixins - end */
|
|
|
|
/* mixins styles - start */
|
|
|
|
/* mixins styles - end */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
body:not(.eltdf-content-is-behind-header):not(.error404) .eltdf-content {
|
|
margin-top: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-hide-on-tablet {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-hide-on-mobile {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.eltdf-grid,
|
|
.eltdf-container-inner,
|
|
.eltdf-row-grid-section {
|
|
width: 950px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-grid,
|
|
.eltdf-container-inner,
|
|
.eltdf-row-grid-section {
|
|
width: 768px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-grid,
|
|
.eltdf-container-inner,
|
|
.eltdf-row-grid-section {
|
|
width: 600px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-grid,
|
|
.eltdf-container-inner,
|
|
.eltdf-row-grid-section {
|
|
width: 420px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.eltdf-grid,
|
|
.eltdf-container-inner,
|
|
.eltdf-row-grid-section {
|
|
width: 300px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 320px) {
|
|
.eltdf-grid,
|
|
.eltdf-container-inner,
|
|
.eltdf-row-grid-section {
|
|
width: 90%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,
|
|
.eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {
|
|
width: 1000px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,
|
|
.eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {
|
|
width: 818px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,
|
|
.eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {
|
|
width: 650px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,
|
|
.eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {
|
|
width: 470px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,
|
|
.eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {
|
|
width: 350px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 320px) {
|
|
.eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,
|
|
.eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {
|
|
width: 92%;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Grid System responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
/*
|
|
* If you changed some value for space do the same thing in masonry-type, product-list-main-and-vc scss files
|
|
*/
|
|
|
|
.eltdf-huge-space.eltdf-disable-bottom-space {
|
|
margin-bottom: -50px;
|
|
}
|
|
|
|
.eltdf-huge-space .eltdf-outer-space {
|
|
margin: 0 -25px;
|
|
}
|
|
|
|
.eltdf-huge-space .eltdf-outer-space .eltdf-item-space {
|
|
padding: 0 25px;
|
|
margin: 0 0 50px;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Grid System responsive style - end
|
|
========================================================================== */
|
|
|
|
/*# sourceMappingURL=../css/modules-responsive.css.map */
|
|
/* ==========================================================================
|
|
Blog responsive styles - begin
|
|
========================================================================== */
|
|
|
|
/* common mixins - start */
|
|
|
|
/* common mixins - end */
|
|
|
|
/* mixins styles - start */
|
|
|
|
/* mixins styles - end */
|
|
|
|
/* ==========================================================================
|
|
Blog Masonry general style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1440px) {
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns .eltdf-blog-masonry-grid-sizer {
|
|
width: 25%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article.eltdf-post-size-large-width,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article.eltdf-post-size-large-width-height {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns article,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns .eltdf-blog-masonry-grid-sizer {
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns article.eltdf-post-size-large-width,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns article.eltdf-post-size-large-width-height {
|
|
width: 66.66667%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns .eltdf-blog-masonry-grid-sizer {
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article.eltdf-post-size-large-width,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article.eltdf-post-size-large-width-height {
|
|
width: 66.66667%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-three-columns article,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-three-columns .eltdf-blog-masonry-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-three-columns article.eltdf-post-size-large-width,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-three-columns article.eltdf-post-size-large-width-height {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns article,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns .eltdf-blog-masonry-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns article.eltdf-post-size-large-width,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns article.eltdf-post-size-large-width-height {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns .eltdf-blog-masonry-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article.eltdf-post-size-large-width,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article.eltdf-post-size-large-width-height {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-two-columns article,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-two-columns .eltdf-blog-masonry-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-two-columns article.eltdf-post-size-large-width,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-two-columns article.eltdf-post-size-large-width-height {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-three-columns article,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-three-columns .eltdf-blog-masonry-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-three-columns article.eltdf-post-size-large-width,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-three-columns article.eltdf-post-size-large-width-height {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns article,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns .eltdf-blog-masonry-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns article.eltdf-post-size-large-width,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns article.eltdf-post-size-large-width-height {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns .eltdf-blog-masonry-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article.eltdf-post-size-large-width,
|
|
.eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article.eltdf-post-size-large-width-height {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Blog Masonry general style - end
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-related-posts-holder .eltdf-related-post {
|
|
width: 50% !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.eltdf-related-posts-holder .eltdf-related-post {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-blog-holder.eltdf-blog-single article .eltdf-post-info-bottom .eltdf-post-info-bottom-left,
|
|
.eltdf-blog-holder.eltdf-blog-single article .eltdf-post-info-bottom .eltdf-post-info-bottom-right {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
|
|
.eltdf-blog-holder.eltdf-blog-single article .eltdf-post-info-bottom .eltdf-post-info-bottom-right {
|
|
text-align: inherit;
|
|
margin: 10px 0 0;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Blog List shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1440px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-five-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-five-columns .eltdf-bl-grid-sizer {
|
|
width: 25%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-four-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-four-columns .eltdf-bl-item {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-four-columns .eltdf-bl-item:nth-child(3n+1),
|
|
.eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-four-columns .eltdf-bl-item:nth-child(3n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-five-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-five-columns .eltdf-bl-item {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-five-columns .eltdf-bl-item:nth-child(3n+1),
|
|
.eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-five-columns .eltdf-bl-item:nth-child(3n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-four-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-four-columns .eltdf-bl-grid-sizer {
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-five-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-five-columns .eltdf-bl-grid-sizer {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-three-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-three-columns .eltdf-bl-item {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-three-columns .eltdf-bl-item:nth-child(2n+1),
|
|
.eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-three-columns .eltdf-bl-item:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-four-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-four-columns .eltdf-bl-item {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-four-columns .eltdf-bl-item:nth-child(2n+1),
|
|
.eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-four-columns .eltdf-bl-item:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-five-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-five-columns .eltdf-bl-item {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-five-columns .eltdf-bl-item:nth-child(2n+1),
|
|
.eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-five-columns .eltdf-bl-item:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-three-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-three-columns .eltdf-bl-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-four-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-four-columns .eltdf-bl-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-five-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-five-columns .eltdf-bl-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-blog-list-holder.eltdf-bl-standard .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-boxed .eltdf-bl-item {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-two-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-two-columns .eltdf-bl-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-three-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-three-columns .eltdf-bl-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-four-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-four-columns .eltdf-bl-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-five-columns .eltdf-bl-item,
|
|
.eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-five-columns .eltdf-bl-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Blog List shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Blog Slider shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-blog-slider-holder.eltdf-bs-carousel-centered .active.center .eltdf-item-text-wrapper {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Blog Slider shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Blog responsive styles - end
|
|
========================================================================== */
|
|
|
|
/*# sourceMappingURL=blog-map-responsive.css.map */
|
|
/* ==========================================================================
|
|
Footer responsive styles - begin
|
|
========================================================================== */
|
|
|
|
/* common mixins - start */
|
|
|
|
/* common mixins - end */
|
|
|
|
/* mixins styles - start */
|
|
|
|
/* mixins styles - end */
|
|
|
|
/* ==========================================================================
|
|
Footer responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-page-footer .eltdf-column-content.eltdf-grid-col-3 {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.eltdf-page-footer .eltdf-column-content.eltdf-grid-col-3:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
|
|
.eltdf-page-footer .eltdf-column-content.eltdf-grid-col-3:nth-child(3),
|
|
.eltdf-page-footer .eltdf-column-content.eltdf-grid-col-3:nth-child(4) {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.eltdf-page-footer .eltdf-column-content.eltdf-grid-col-4 {
|
|
width: 33.33333333333333%;
|
|
float: left;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-page-footer .eltdf-column-content:not(:first-child) {
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Footer responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Footer responsive styles - end
|
|
========================================================================== */
|
|
|
|
/*# sourceMappingURL=footer-map-responsive.css.map */
|
|
/* ==========================================================================
|
|
Header responsive styles - begin
|
|
========================================================================== */
|
|
|
|
/* common mixins - start */
|
|
|
|
/* common mixins - end */
|
|
|
|
/* mixins styles - start */
|
|
|
|
/* mixins styles - end */
|
|
|
|
/* ==========================================================================
|
|
Header responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.eltdf-drop-down .wide .second > .inner > ul {
|
|
width: 950px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-page-header {
|
|
display: none;
|
|
}
|
|
|
|
.eltdf-drop-down .wide .second > .inner > ul {
|
|
width: 768px;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Header responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Fixed header responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.eltdf-boxed .eltdf-page-header .eltdf-fixed-wrapper.fixed {
|
|
width: 1000px;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Fixed header responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Mobile header responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-mobile-header {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Mobile header responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Sticky header responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.eltdf-boxed .eltdf-page-header .eltdf-sticky-header {
|
|
width: 1000px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-boxed.eltdf-sticky-up-mobile-header .mobile-header-appear .eltdf-mobile-header-inner {
|
|
width: 818px;
|
|
left: auto;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-boxed.eltdf-sticky-up-mobile-header .mobile-header-appear .eltdf-mobile-header-inner {
|
|
width: 650px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-boxed.eltdf-sticky-up-mobile-header .mobile-header-appear .eltdf-mobile-header-inner {
|
|
width: 470px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.eltdf-boxed.eltdf-sticky-up-mobile-header .mobile-header-appear .eltdf-mobile-header-inner {
|
|
width: 350px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 320px) {
|
|
.eltdf-boxed.eltdf-sticky-up-mobile-header .mobile-header-appear .eltdf-mobile-header-inner {
|
|
width: 92%;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Sticky header responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Top header responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-top-bar {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Top header responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Header responsive styles - end
|
|
========================================================================== */
|
|
|
|
/*# sourceMappingURL=header-map-responsive.css.map */
|
|
/* ==========================================================================
|
|
Search responsive styles - begin
|
|
========================================================================== */
|
|
|
|
/* common mixins - start */
|
|
|
|
/* common mixins - end */
|
|
|
|
/* mixins styles - start */
|
|
|
|
/* mixins styles - end */
|
|
|
|
/* ==========================================================================
|
|
# Search template responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-search-page-holder article .eltdf-post-image {
|
|
width: 80px;
|
|
}
|
|
|
|
.eltdf-search-page-holder article .eltdf-post-title-area {
|
|
padding: 0 0 0 105px;
|
|
min-height: 80px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-search-page-holder article .eltdf-post-image {
|
|
width: 60px;
|
|
}
|
|
|
|
.eltdf-search-page-holder article .eltdf-post-title-area {
|
|
padding: 0 0 0 80px;
|
|
min-height: 60px;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
# Search template responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
# Fullscreen search responsive - start
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-fullscreen-search-holder .eltdf-form-holder-inner {
|
|
width: 75%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-fullscreen-search-holder .eltdf-search-submit {
|
|
font-size: 25px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.eltdf-fullscreen-search-holder .eltdf-form-holder-inner {
|
|
width: 80%;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
# Fullscreen search responsive - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Search responsive styles - end
|
|
========================================================================== */
|
|
|
|
/*# sourceMappingURL=search-map-responsive.css.map */
|
|
/* ==========================================================================
|
|
Title responsive styles - begin
|
|
========================================================================== */
|
|
|
|
/* common mixins - start */
|
|
|
|
/* common mixins - end */
|
|
|
|
/* mixins styles - start */
|
|
|
|
/* mixins styles - end */
|
|
|
|
/* ==========================================================================
|
|
Title responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-title-holder.eltdf-has-bg-image {
|
|
height: auto !important;
|
|
background-image: none !important;
|
|
}
|
|
|
|
.eltdf-title-holder.eltdf-has-bg-image .eltdf-title-image {
|
|
display: block;
|
|
}
|
|
|
|
.eltdf-title-holder.eltdf-has-bg-image .eltdf-title-wrapper {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
height: 100% !important;
|
|
-webkit-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.eltdf-title-holder.eltdf-title-va-header-bottom {
|
|
height: auto !important;
|
|
}
|
|
|
|
.eltdf-title-holder.eltdf-title-va-header-bottom .eltdf-title-wrapper {
|
|
padding-top: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-title-holder .eltdf-separator-holder {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Title responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Centered Title type responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-title-holder.eltdf-centered-type .eltdf-page-subtitle {
|
|
padding: 0 !important;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Centered Title type responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Standard With Breadcrumbs Title type responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-title-info,
|
|
.eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-breadcrumbs-info {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-breadcrumbs-info {
|
|
margin: 10px 0 0;
|
|
text-align: initial;
|
|
white-space: inherit;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Standard With Breadcrumbs Title type responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Title responsive styles - end
|
|
========================================================================== */
|
|
|
|
/*# sourceMappingURL=title-map-responsive.css.map */
|
|
/* ==========================================================================
|
|
Global partials
|
|
========================================================================== */
|
|
|
|
/* common mixins - start */
|
|
|
|
/* common mixins - end */
|
|
|
|
/* mixins styles - start */
|
|
|
|
/* mixins styles - end */
|
|
|
|
/* ==========================================================================
|
|
Custom Post Types responsive styles
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Portfolio Single page responsive style - begin
|
|
========================================================================== */
|
|
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images {
|
|
/***** Columns Layout - begin *****/
|
|
/***** Columns Layout - end *****/
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images.eltdf-ps-four-columns .eltdf-ps-image {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) and (min-width: 1025px) {
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images.eltdf-ps-four-columns .eltdf-ps-image:nth-child(3n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images.eltdf-ps-three-columns .eltdf-ps-image {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images.eltdf-ps-three-columns .eltdf-ps-image:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images.eltdf-ps-four-columns .eltdf-ps-image {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images.eltdf-ps-four-columns .eltdf-ps-image:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images .eltdf-ps-image {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-image,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-grid-sizer {
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-image.eltdf-ps-masonry-large-width,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-image.eltdf-ps-masonry-large-width-height {
|
|
width: 66.66667%;
|
|
}
|
|
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-five-columns .eltdf-ps-image,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-five-columns .eltdf-ps-grid-sizer {
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-five-columns .eltdf-ps-image.eltdf-ps-masonry-large-width,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-five-columns .eltdf-ps-image.eltdf-ps-masonry-large-width-height {
|
|
width: 66.66667%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-three-columns .eltdf-ps-image,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-three-columns .eltdf-ps-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-three-columns .eltdf-ps-image.eltdf-ps-masonry-large-width,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-three-columns .eltdf-ps-image.eltdf-ps-masonry-large-width-height {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-image,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-image.eltdf-ps-masonry-large-width,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-image.eltdf-ps-masonry-large-width-height {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-five-columns .eltdf-ps-image,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-five-columns .eltdf-ps-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-five-columns .eltdf-ps-image.eltdf-ps-masonry-large-width,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-five-columns .eltdf-ps-image.eltdf-ps-masonry-large-width-height {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-two-columns .eltdf-ps-image,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-two-columns .eltdf-ps-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-three-columns .eltdf-ps-image,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-three-columns .eltdf-ps-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-image,
|
|
.eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-portfolio-single-holder .eltdf-ps-info-holder {
|
|
margin: 30px 0 0 !important;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Portfolio Single page responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Portfolio Category List shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-portfolio-category-list-holder.eltdf-pcl-four-columns article {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
|
|
.eltdf-portfolio-category-list-holder.eltdf-pcl-four-columns article:nth-child(3n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-portfolio-category-list-holder.eltdf-pcl-five-columns article {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
|
|
.eltdf-portfolio-category-list-holder.eltdf-pcl-five-columns article:nth-child(3n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-portfolio-category-list-holder.eltdf-pcl-three-columns article {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-portfolio-category-list-holder.eltdf-pcl-three-columns article:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-portfolio-category-list-holder.eltdf-pcl-four-columns article {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-portfolio-category-list-holder.eltdf-pcl-four-columns article:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-portfolio-category-list-holder.eltdf-pcl-five-columns article {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-portfolio-category-list-holder.eltdf-pcl-five-columns article:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-portfolio-category-list-holder article {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Portfolio Category List shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Portfolio shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1440px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-five-columns article {
|
|
width: 25%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1440px) and (min-width: 1025px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-five-columns article:nth-child(4n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1440px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns .eltdf-pl-grid-sizer {
|
|
width: 25%;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article.eltdf-pl-masonry-large-width,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article.eltdf-pl-masonry-large-width-height {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-four-columns article {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 1025px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-four-columns article:nth-child(3n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-five-columns article {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 1025px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-five-columns article:nth-child(3n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns article,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns .eltdf-pl-grid-sizer {
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns article.eltdf-pl-masonry-large-width,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns article.eltdf-pl-masonry-large-width-height {
|
|
width: 66.66667%;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns .eltdf-pl-grid-sizer {
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article.eltdf-pl-masonry-large-width,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article.eltdf-pl-masonry-large-width-height {
|
|
width: 66.66667%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-three-columns article {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) and (min-width: 681px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-three-columns article:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-four-columns article {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) and (min-width: 681px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-four-columns article:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-five-columns article {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) and (min-width: 681px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-five-columns article:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-three-columns article,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-three-columns .eltdf-pl-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-three-columns article.eltdf-pl-masonry-large-width,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-three-columns article.eltdf-pl-masonry-large-width-height {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns article,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns .eltdf-pl-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns article.eltdf-pl-masonry-large-width,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns article.eltdf-pl-masonry-large-width-height {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns .eltdf-pl-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article.eltdf-pl-masonry-large-width,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article.eltdf-pl-masonry-large-width-height {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-portfolio-list-holder.eltdf-pl-gallery article {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-two-columns article,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-two-columns .eltdf-pl-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-three-columns article,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-three-columns .eltdf-pl-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns article,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns .eltdf-pl-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article,
|
|
.eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns .eltdf-pl-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Portfolio shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Testimonials shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-testimonials-holder {
|
|
padding: 73px 30px 59px;
|
|
}
|
|
|
|
.eltdf-testimonials-holder .eltdf-testimonials .eltdf-testimonial-image {
|
|
float: none;
|
|
width: 100%;
|
|
margin: 0 0 25px;
|
|
padding: 0;
|
|
}
|
|
|
|
.eltdf-testimonials-holder .eltdf-testimonials .eltdf-testimonial-text-holder {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-testimonials-holder.eltdf-testimonials-standard .eltdf-testimonials .owl-dots {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Testimonials shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/*# sourceMappingURL=../../../../plugins/calla-core/assets/css/custom-post-types-map-responsive.css.map */
|
|
/* ==========================================================================
|
|
Global partials
|
|
========================================================================== */
|
|
|
|
/* common mixins - start */
|
|
|
|
/* common mixins - end */
|
|
|
|
/* mixins styles - start */
|
|
|
|
/* mixins styles - end */
|
|
|
|
/* ==========================================================================
|
|
Shortcodes responsive styles
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Button shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.eltdf-btn.eltdf-btn-large,
|
|
.eltdf-btn.eltdf-btn-huge {
|
|
padding: 13px 46px;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Button shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Call To Action shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (min-width: 1201px) and (max-width: 1300px) {
|
|
.eltdf-call-to-action-holder .eltdf-grid {
|
|
width: 1100px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.eltdf-call-to-action-holder.eltdf-three-quarters-columns .eltdf-cta-text-holder,
|
|
.eltdf-call-to-action-holder.eltdf-four-fifths-columns .eltdf-cta-text-holder {
|
|
width: 66.66666666666667%;
|
|
}
|
|
|
|
.eltdf-call-to-action-holder.eltdf-three-quarters-columns .eltdf-cta-button-holder,
|
|
.eltdf-call-to-action-holder.eltdf-four-fifths-columns .eltdf-cta-button-holder {
|
|
width: 33.33333333333333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-call-to-action-holder.eltdf-normal-layout .eltdf-cta-inner,
|
|
.eltdf-call-to-action-holder.eltdf-normal-layout .eltdf-cta-text-holder,
|
|
.eltdf-call-to-action-holder.eltdf-normal-layout .eltdf-cta-button-holder {
|
|
display: block;
|
|
}
|
|
|
|
.eltdf-call-to-action-holder.eltdf-normal-layout .eltdf-cta-button-holder {
|
|
margin: 28px 0 0;
|
|
text-align: initial;
|
|
}
|
|
|
|
.eltdf-call-to-action-holder.eltdf-two-halves-columns .eltdf-cta-text-holder,
|
|
.eltdf-call-to-action-holder.eltdf-two-halves-columns .eltdf-cta-button-holder,
|
|
.eltdf-call-to-action-holder.eltdf-two-thirds-columns .eltdf-cta-text-holder,
|
|
.eltdf-call-to-action-holder.eltdf-two-thirds-columns .eltdf-cta-button-holder,
|
|
.eltdf-call-to-action-holder.eltdf-three-quarters-columns .eltdf-cta-text-holder,
|
|
.eltdf-call-to-action-holder.eltdf-three-quarters-columns .eltdf-cta-button-holder,
|
|
.eltdf-call-to-action-holder.eltdf-four-fifths-columns .eltdf-cta-text-holder,
|
|
.eltdf-call-to-action-holder.eltdf-four-fifths-columns .eltdf-cta-button-holder {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Call To Action shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Countdown shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.eltdf-countdown .countdown-row .countdown-section .countdown-amount {
|
|
font-size: 60px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-countdown .countdown-row.countdown-show4 .countdown-section,
|
|
.eltdf-countdown .countdown-row.countdown-show5 .countdown-section,
|
|
.eltdf-countdown .countdown-row.countdown-show6 .countdown-section {
|
|
width: 33.33333333333333%;
|
|
}
|
|
|
|
.eltdf-countdown .countdown-row .countdown-section .countdown-amount {
|
|
font-size: 50px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-countdown .countdown-row .countdown-section .countdown-amount {
|
|
font-size: 40px;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Countdown shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Custom Font shortcode responsive styles - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-custom-font-holder.eltdf-disable-title-break br {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Custom Font shortcode responsive styles - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Elements Holder shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1280.eltdf-two-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1280.eltdf-three-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1280.eltdf-four-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1280.eltdf-five-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1280.eltdf-six-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1280.eltdf-one-column-alignment-left .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: left;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1280.eltdf-one-column-alignment-right .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: right;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1280.eltdf-one-column-alignment-center .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1024.eltdf-two-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1024.eltdf-three-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1024.eltdf-four-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1024.eltdf-five-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1024.eltdf-six-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1024.eltdf-one-column-alignment-left .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: left;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1024.eltdf-one-column-alignment-right .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: right;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-1024.eltdf-one-column-alignment-center .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-elements-holder.eltdf-responsive-mode-768.eltdf-two-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-768.eltdf-three-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-768.eltdf-four-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-768.eltdf-five-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-768.eltdf-six-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-768.eltdf-one-column-alignment-left .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: left;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-768.eltdf-one-column-alignment-right .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: right;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-768.eltdf-one-column-alignment-center .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-elements-holder.eltdf-responsive-mode-680.eltdf-two-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-680.eltdf-three-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-680.eltdf-four-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-680.eltdf-five-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-680.eltdf-six-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-680.eltdf-one-column-alignment-left .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: left;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-680.eltdf-one-column-alignment-right .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: right;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-680.eltdf-one-column-alignment-center .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.eltdf-elements-holder.eltdf-responsive-mode-480.eltdf-two-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-480.eltdf-three-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-480.eltdf-four-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-480.eltdf-five-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-480.eltdf-six-columns .eltdf-eh-item {
|
|
width: 100%;
|
|
height: auto;
|
|
display: inline-block;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-480.eltdf-one-column-alignment-left .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: left;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-480.eltdf-one-column-alignment-right .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: right;
|
|
}
|
|
|
|
.eltdf-elements-holder.eltdf-responsive-mode-480.eltdf-one-column-alignment-center .eltdf-eh-item .eltdf-eh-item-content {
|
|
text-align: center;
|
|
}
|
|
|
|
.eltdf-elements-holder .eltdf-eh-item-content {
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Elements Holder shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Full Screen Image Slider shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1440px) {
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-content-image img {
|
|
max-width: 440px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-dots {
|
|
bottom: calc(8% - 14px);
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-thumb-nav {
|
|
top: 16%;
|
|
height: 68%;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-frame-top,
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-frame-bottom {
|
|
height: 14%;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-frame-left,
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-frame-right {
|
|
width: 14%;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-frame-top,
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-frame-bottom {
|
|
height: 0;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-frame-left,
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-frame-right {
|
|
width: 0;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-content-image img {
|
|
max-width: 370px;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-frame-top,
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-frame-bottom {
|
|
height: 16%;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-frame-right,
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-frame-left {
|
|
width: 16%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-content-image img {
|
|
max-width: 340px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-nav {
|
|
display: none;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-dots {
|
|
bottom: calc(5% - 14px);
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-thumb-nav {
|
|
display: none;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-content-image-init .eltdf-fsis-image-left {
|
|
left: 2%;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-content-image-init .eltdf-fsis-image-right {
|
|
right: 5%;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-content-image-init .eltdf-fsis-subtitle {
|
|
margin: 15px 0 0;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-image-left {
|
|
left: calc(2% - 10px);
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-image-right {
|
|
right: calc(5% - 10px);
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-frame-top,
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-frame-bottom {
|
|
height: 10%;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-frame-left,
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-frame-right {
|
|
width: 10%;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-image-left {
|
|
left: calc(2% - 25px);
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-image-right {
|
|
right: calc(5% - 25px);
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-frame-top,
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-frame-bottom {
|
|
height: 0;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-frame-left,
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-frame-right {
|
|
width: 0;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-frame-top,
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-frame-bottom {
|
|
height: 10%;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-frame-right,
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-frame-left {
|
|
width: 10%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-dots {
|
|
display: none;
|
|
}
|
|
|
|
.eltdf-full-screen-image-slider .eltdf-fsis-content-image {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Full Screen Image Slider shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Google Map shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-google-map-overlay {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Google Map shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Image Gallery shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1440px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-six-columns .eltdf-ig-image {
|
|
width: 20%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1440px) and (min-width: 1281px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-six-columns .eltdf-ig-image:nth-child(6n+1) {
|
|
clear: none;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-six-columns .eltdf-ig-image:nth-child(5n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1440px) {
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-grid-sizer {
|
|
width: 20%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-five-columns .eltdf-ig-image {
|
|
width: 25%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-five-columns .eltdf-ig-image:nth-child(4n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-six-columns .eltdf-ig-image {
|
|
width: 25%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-six-columns .eltdf-ig-image:nth-child(4n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-grid-sizer {
|
|
width: 25%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-grid-sizer {
|
|
width: 25%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-five-columns .eltdf-ig-image {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 769px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-five-columns .eltdf-ig-image:nth-child(3n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-six-columns .eltdf-ig-image {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 769px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-six-columns .eltdf-ig-image:nth-child(3n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-four-columns .eltdf-ig-image {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-two-columns .eltdf-ig-image:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-three-columns .eltdf-ig-image:nth-child(3n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-four-columns .eltdf-ig-image:nth-child(4n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-grid-sizer {
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 66.66667%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-grid-sizer {
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 66.66667%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-four-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-four-columns .eltdf-ig-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-four-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-five-columns .eltdf-ig-image {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) and (min-width: 681px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-five-columns .eltdf-ig-image:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-six-columns .eltdf-ig-image {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) and (min-width: 681px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-six-columns .eltdf-ig-image:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-three-columns .eltdf-ig-image {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-grid-sizer {
|
|
width: 50%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-three-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-three-columns .eltdf-ig-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-three-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-two-columns .eltdf-ig-image {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-three-columns .eltdf-ig-image {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-four-columns .eltdf-ig-image {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-five-columns .eltdf-ig-image {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-six-columns .eltdf-ig-image {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-two-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-two-columns .eltdf-ig-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-two-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-three-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-three-columns .eltdf-ig-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-three-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-four-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-four-columns .eltdf-ig-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-four-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image,
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-grid-sizer {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image.eltdf-large-masonry-item {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Image Gallery shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Item Showcase shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.eltdf-item-showcase-holder .eltdf-is-image {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 50%;
|
|
height: 100%;
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.eltdf-item-showcase-holder .eltdf-is-image img {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.eltdf-item-showcase-holder .eltdf-is-item-holder.eltdf-is-left-holder,
|
|
.eltdf-item-showcase-holder .eltdf-is-item-holder.eltdf-is-right-holder {
|
|
float: right;
|
|
width: 50%;
|
|
padding: 0 0 0 50%;
|
|
}
|
|
|
|
.eltdf-item-showcase-holder .eltdf-is-item-holder.eltdf-is-right-holder {
|
|
margin: 36px 0 0;
|
|
}
|
|
|
|
.eltdf-item-showcase-holder .eltdf-is-item {
|
|
margin: 36px 0 0;
|
|
}
|
|
|
|
.eltdf-item-showcase-holder .eltdf-is-item.eltdf-is-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.eltdf-item-showcase-holder .eltdf-is-item.eltdf-is-left .eltdf-is-content {
|
|
padding: 0 0 0 20px;
|
|
}
|
|
|
|
.eltdf-item-showcase-holder .eltdf-is-item:not(.eltdf-appeared) {
|
|
-webkit-transform: translateX(-40px);
|
|
-moz-transform: translateX(-40px);
|
|
transform: translateX(-40px);
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-item-showcase-holder .eltdf-is-image {
|
|
display: none;
|
|
}
|
|
|
|
.eltdf-item-showcase-holder .eltdf-is-item-holder.eltdf-is-left-holder,
|
|
.eltdf-item-showcase-holder .eltdf-is-item-holder.eltdf-is-right-holder {
|
|
float: none;
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
.eltdf-item-showcase-holder .eltdf-is-item {
|
|
opacity: 1;
|
|
-webkit-transform: translateX(0) translateY(0) !important;
|
|
-moz-transform: translateX(0) translateY(0) !important;
|
|
transform: translateX(0) translateY(0) !important;
|
|
}
|
|
|
|
.eltdf-item-showcase-holder .eltdf-is-item.eltdf-is-left .eltdf-is-content,
|
|
.eltdf-item-showcase-holder .eltdf-is-item.eltdf-is-right .eltdf-is-content {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Item Showcase shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Pricing Tables shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-pricing-tables.eltdf-four-columns .eltdf-price-table {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) and (min-width: 681px) {
|
|
.eltdf-pricing-tables.eltdf-four-columns .eltdf-price-table:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-pricing-tables.eltdf-five-columns .eltdf-price-table {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) and (min-width: 681px) {
|
|
.eltdf-pricing-tables.eltdf-five-columns .eltdf-price-table:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-pricing-tables.eltdf-three-columns .eltdf-price-table {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-pricing-tables .eltdf-price-table {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Pricing Tables shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Process shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-process-holder.eltdf-responsive-1280 .eltdf-mark-horizontal-holder {
|
|
display: none;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-1280 .eltdf-mark-vertical-holder {
|
|
display: block;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-1280 .eltdf-process-inner {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
padding: 0 0 0 76px;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-1280 .eltdf-process-item {
|
|
width: 100%;
|
|
float: none;
|
|
padding: 0;
|
|
text-align: inherit;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-process-holder.eltdf-responsive-1024 .eltdf-mark-horizontal-holder {
|
|
display: none;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-1024 .eltdf-mark-vertical-holder {
|
|
display: block;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-1024 .eltdf-process-inner {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
padding: 0 0 0 76px;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-1024 .eltdf-process-item {
|
|
width: 100%;
|
|
float: none;
|
|
padding: 0;
|
|
text-align: inherit;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-process-holder.eltdf-responsive-768 .eltdf-mark-horizontal-holder {
|
|
display: none;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-768 .eltdf-mark-vertical-holder {
|
|
display: block;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-768 .eltdf-process-inner {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
padding: 0 0 0 76px;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-768 .eltdf-process-item {
|
|
width: 100%;
|
|
float: none;
|
|
padding: 0;
|
|
text-align: inherit;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-process-holder.eltdf-responsive-680 .eltdf-mark-horizontal-holder {
|
|
display: none;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-680 .eltdf-mark-vertical-holder {
|
|
display: block;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-680 .eltdf-process-inner {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
padding: 0 0 0 76px;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-680 .eltdf-process-item {
|
|
width: 100%;
|
|
float: none;
|
|
padding: 0;
|
|
text-align: inherit;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.eltdf-process-holder.eltdf-responsive-480 .eltdf-mark-horizontal-holder {
|
|
display: none;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-480 .eltdf-mark-vertical-holder {
|
|
display: block;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-480 .eltdf-process-inner {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
padding: 0 0 0 76px;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.eltdf-process-holder.eltdf-responsive-480 .eltdf-process-item {
|
|
width: 100%;
|
|
float: none;
|
|
padding: 0;
|
|
text-align: inherit;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Process shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Section Title shortcode responsive styles - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-section-title-holder {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.eltdf-section-title-holder.eltdf-st-disable-title-break .eltdf-st-title br {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Section Title shortcode responsive styles - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Tabs shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-tabs.eltdf-tabs-standard .eltdf-tabs-nav li a {
|
|
padding: 7px 21px;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li a,
|
|
.eltdf-tabs.eltdf-tabs-boxed-white .eltdf-tabs-nav li a {
|
|
padding: 7px 18px;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-simple .eltdf-tabs-nav li {
|
|
margin: 0 26px 0 0;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav {
|
|
width: 180px;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-vertical .eltdf-tab-container {
|
|
width: calc(100% - 180px);
|
|
padding: 0 0 0 30px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eltdf-tabs.eltdf-tabs-standard .eltdf-tabs-nav li {
|
|
display: block;
|
|
float: none;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-standard .eltdf-tabs-nav li a {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li,
|
|
.eltdf-tabs.eltdf-tabs-boxed-white .eltdf-tabs-nav li {
|
|
display: block;
|
|
float: none;
|
|
margin: 0 0 8px;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li a,
|
|
.eltdf-tabs.eltdf-tabs-boxed-white .eltdf-tabs-nav li a {
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-simple .eltdf-tabs-nav li {
|
|
margin: 0 20px 0 0;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav,
|
|
.eltdf-tabs.eltdf-tabs-vertical .eltdf-tab-container {
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav {
|
|
border-right: 0;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav li {
|
|
float: left;
|
|
margin: 0 20px 0 0;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-vertical .eltdf-tab-container {
|
|
padding: 31px 0 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-tabs.eltdf-tabs-simple .eltdf-tabs-nav {
|
|
padding: 0 0 20px;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-simple .eltdf-tabs-nav li {
|
|
display: block;
|
|
float: none;
|
|
margin: 0 0 20px;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-simple .eltdf-tabs-nav li a {
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav li {
|
|
display: block;
|
|
float: none;
|
|
margin: 0 0 20px;
|
|
}
|
|
|
|
.eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav li a {
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Tabs shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Vertical Split Slider shortcode responsive style - begin
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
body.eltdf-vss-initialized {
|
|
overflow-y: visible !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
.eltdf-vertical-split-slider,
|
|
#multiscroll-nav {
|
|
display: none;
|
|
}
|
|
|
|
.eltdf-vss-responsive {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
Vertical Split Slider shortcode responsive style - end
|
|
========================================================================== */
|
|
|
|
/*# sourceMappingURL=../../../../plugins/calla-core/assets/css/shortcodes-map-responsive.css.map */
|
|
/* ==========================================================================
|
|
Global partials
|
|
========================================================================== */
|
|
|
|
/* common mixins - start */
|
|
|
|
/* common mixins - end */
|
|
|
|
/* mixins styles - start */
|
|
|
|
/* mixins styles - end */
|
|
|
|
/* ==========================================================================
|
|
Shortcodes responsive styles
|
|
========================================================================== */
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-twitter-list-holder.eltdf-tl-four-columns .eltdf-tl-item {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
|
|
.eltdf-twitter-list-holder.eltdf-tl-four-columns .eltdf-tl-item:nth-child(3n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
.eltdf-twitter-list-holder.eltdf-tl-five-columns .eltdf-tl-item {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
|
|
.eltdf-twitter-list-holder.eltdf-tl-five-columns .eltdf-tl-item:nth-child(3n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-twitter-list-holder.eltdf-tl-three-columns .eltdf-tl-item {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-twitter-list-holder.eltdf-tl-three-columns .eltdf-tl-item:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-twitter-list-holder.eltdf-tl-four-columns .eltdf-tl-item {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-twitter-list-holder.eltdf-tl-four-columns .eltdf-tl-item:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.eltdf-twitter-list-holder.eltdf-tl-five-columns .eltdf-tl-item {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 681px) {
|
|
.eltdf-twitter-list-holder.eltdf-tl-five-columns .eltdf-tl-item:nth-child(2n+1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.eltdf-twitter-list-holder .eltdf-tl-item {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
/*# sourceMappingURL=../../../../plugins/calla-twitter-feed/assets/css/shortcodes-map-responsive.css.map */ |