File: /var/www/vhost/www.mocrea.it/wp-content/themes/ottar/assets/css/modules-responsive.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(.edgtf-content-is-behind-header):not(.error404) .edgtf-content {
margin-top: 0 !important;
}
}
@media only screen and (max-width: 1024px) {
.edgtf-hide-on-tablet {
display: none !important;
}
}
@media only screen and (max-width: 680px) {
.edgtf-hide-on-mobile {
display: none !important;
}
}
@media only screen and (max-width: 1200px) {
.edgtf-grid,
.edgtf-container-inner,
.edgtf-row-grid-section {
width: 950px;
}
}
@media only screen and (max-width: 1024px) {
.edgtf-grid,
.edgtf-container-inner,
.edgtf-row-grid-section {
width: 768px;
}
}
@media only screen and (max-width: 768px) {
.edgtf-grid,
.edgtf-container-inner,
.edgtf-row-grid-section {
width: 600px;
}
}
@media only screen and (max-width: 680px) {
.edgtf-grid,
.edgtf-container-inner,
.edgtf-row-grid-section {
width: 420px;
}
}
@media only screen and (max-width: 480px) {
.edgtf-grid,
.edgtf-container-inner,
.edgtf-row-grid-section {
width: 300px;
}
}
@media only screen and (max-width: 320px) {
.edgtf-grid,
.edgtf-container-inner,
.edgtf-row-grid-section {
width: 90%;
}
}
@media only screen and (max-width: 1200px) {
.edgtf-boxed .edgtf-wrapper .edgtf-wrapper-inner,
.edgtf-boxed .edgtf-wrapper .edgtf-footer-inner {
width: 1000px;
}
}
@media only screen and (max-width: 1024px) {
.edgtf-boxed .edgtf-wrapper .edgtf-wrapper-inner,
.edgtf-boxed .edgtf-wrapper .edgtf-footer-inner {
width: 818px;
}
}
@media only screen and (max-width: 768px) {
.edgtf-boxed .edgtf-wrapper .edgtf-wrapper-inner,
.edgtf-boxed .edgtf-wrapper .edgtf-footer-inner {
width: 650px;
}
}
@media only screen and (max-width: 680px) {
.edgtf-boxed .edgtf-wrapper .edgtf-wrapper-inner,
.edgtf-boxed .edgtf-wrapper .edgtf-footer-inner {
width: 470px;
}
}
@media only screen and (max-width: 480px) {
.edgtf-boxed .edgtf-wrapper .edgtf-wrapper-inner,
.edgtf-boxed .edgtf-wrapper .edgtf-footer-inner {
width: 350px;
}
}
@media only screen and (max-width: 320px) {
.edgtf-boxed .edgtf-wrapper .edgtf-wrapper-inner,
.edgtf-boxed .edgtf-wrapper .edgtf-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 product-list-main-and-vc scss files
*/
.edgtf-huge-space .edgtf-outer-space {
margin: 0 -25px;
}
.edgtf-huge-space .edgtf-outer-space .edgtf-item-space {
padding: 0 25px;
margin: 0 0 50px;
}
.edgtf-huge-space.edgtf-disable-bottom-space {
margin-bottom: -50px;
}
.edgtf-huge-space.edgtf-columns-has-side-space {
padding: 0 50px;
}
}
@media only screen and (max-width: 1440px) {
.edgtf-grid-list.edgtf-six-columns .edgtf-masonry-grid-sizer {
width: 20%;
}
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space {
width: 20%;
}
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space.edgtf-masonry-size-large-width,
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space.edgtf-masonry-size-large-width-height {
width: 40%;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1367px) {
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space:nth-child(5n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) {
.edgtf-grid-list.edgtf-five-columns .edgtf-masonry-grid-sizer {
width: 25%;
}
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space {
width: 25%;
}
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space.edgtf-masonry-size-large-width,
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space.edgtf-masonry-size-large-width-height {
width: 50%;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) {
.edgtf-grid-list.edgtf-six-columns .edgtf-masonry-grid-sizer {
width: 25%;
}
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space {
width: 25%;
}
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space.edgtf-masonry-size-large-width,
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space.edgtf-masonry-size-large-width-height {
width: 50%;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) {
.edgtf-grid-list.edgtf-four-columns .edgtf-masonry-grid-sizer {
width: 33.33333%;
}
.edgtf-grid-list.edgtf-four-columns .edgtf-item-space {
width: 33.33333%;
}
.edgtf-grid-list.edgtf-four-columns .edgtf-item-space.edgtf-masonry-size-large-width,
.edgtf-grid-list.edgtf-four-columns .edgtf-item-space.edgtf-masonry-size-large-width-height {
width: 66.66667%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.edgtf-grid-list.edgtf-four-columns .edgtf-item-space:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) {
.edgtf-grid-list.edgtf-five-columns .edgtf-masonry-grid-sizer {
width: 33.33333%;
}
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space {
width: 33.33333%;
}
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space.edgtf-masonry-size-large-width,
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space.edgtf-masonry-size-large-width-height {
width: 66.66667%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) {
.edgtf-grid-list.edgtf-six-columns .edgtf-masonry-grid-sizer {
width: 33.33333%;
}
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space {
width: 33.33333%;
}
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space.edgtf-masonry-size-large-width,
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space.edgtf-masonry-size-large-width-height {
width: 66.66667%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.edgtf-grid-list.edgtf-three-columns .edgtf-masonry-grid-sizer {
width: 50%;
}
.edgtf-grid-list.edgtf-three-columns .edgtf-item-space {
width: 50%;
}
.edgtf-grid-list.edgtf-three-columns .edgtf-item-space.edgtf-masonry-size-large-width,
.edgtf-grid-list.edgtf-three-columns .edgtf-item-space.edgtf-masonry-size-large-width-height {
width: 100%;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.edgtf-grid-list.edgtf-three-columns .edgtf-item-space:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.edgtf-grid-list.edgtf-four-columns .edgtf-masonry-grid-sizer {
width: 50%;
}
.edgtf-grid-list.edgtf-four-columns .edgtf-item-space {
width: 50%;
}
.edgtf-grid-list.edgtf-four-columns .edgtf-item-space.edgtf-masonry-size-large-width,
.edgtf-grid-list.edgtf-four-columns .edgtf-item-space.edgtf-masonry-size-large-width-height {
width: 100%;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.edgtf-grid-list.edgtf-four-columns .edgtf-item-space:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.edgtf-grid-list.edgtf-five-columns .edgtf-masonry-grid-sizer {
width: 50%;
}
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space {
width: 50%;
}
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space.edgtf-masonry-size-large-width,
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space.edgtf-masonry-size-large-width-height {
width: 100%;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.edgtf-grid-list.edgtf-six-columns .edgtf-masonry-grid-sizer {
width: 50%;
}
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space {
width: 50%;
}
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space.edgtf-masonry-size-large-width,
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space.edgtf-masonry-size-large-width-height {
width: 100%;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 680px) {
.edgtf-grid-list.edgtf-two-columns .edgtf-masonry-grid-sizer {
width: 100%;
}
.edgtf-grid-list.edgtf-two-columns .edgtf-item-space {
width: 100%;
}
.edgtf-grid-list.edgtf-three-columns .edgtf-masonry-grid-sizer {
width: 100%;
}
.edgtf-grid-list.edgtf-three-columns .edgtf-item-space {
width: 100%;
}
.edgtf-grid-list.edgtf-four-columns .edgtf-masonry-grid-sizer {
width: 100%;
}
.edgtf-grid-list.edgtf-four-columns .edgtf-item-space {
width: 100%;
}
.edgtf-grid-list.edgtf-five-columns .edgtf-masonry-grid-sizer {
width: 100%;
}
.edgtf-grid-list.edgtf-five-columns .edgtf-item-space {
width: 100%;
}
.edgtf-grid-list.edgtf-six-columns .edgtf-masonry-grid-sizer {
width: 100%;
}
.edgtf-grid-list.edgtf-six-columns .edgtf-item-space {
width: 100%;
}
}
/* ==========================================================================
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 */
@media only screen and (max-width: 1024px) {
.edgtf-blog-holder article.format-link .edgtf-post-text {
padding: 66px 10%;
}
.edgtf-blog-holder article.format-quote .edgtf-post-text {
padding: 66px 10% 55px;
}
}
@media only screen and (max-width: 768px) {
.edgtf-blog-holder article .edgtf-post-read-more-button {
padding-bottom: 7px;
}
}
@media only screen and (max-width: 768px) {
.edgtf-related-posts-holder .edgtf-related-post {
width: 50% !important;
}
}
@media only screen and (max-width: 480px) {
.edgtf-related-posts-holder .edgtf-related-post {
width: 100% !important;
}
}
@media only screen and (max-width: 768px) {
.edgtf-blog-holder.edgtf-blog-single article .edgtf-post-info-bottom .edgtf-post-info-bottom-left,
.edgtf-blog-holder.edgtf-blog-single article .edgtf-post-info-bottom .edgtf-post-info-bottom-right {
float: none;
width: 100%;
}
.edgtf-blog-holder.edgtf-blog-single article .edgtf-post-info-bottom .edgtf-post-info-bottom-right {
margin: 10px 0 0;
text-align: inherit;
}
}
/* ==========================================================================
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) {
.edgtf-page-footer .edgtf-column-content.edgtf-grid-col-3 {
width: 50%;
float: left;
}
.edgtf-page-footer .edgtf-column-content.edgtf-grid-col-3:nth-child(2n+1) {
clear: both;
}
.edgtf-page-footer .edgtf-column-content.edgtf-grid-col-3:nth-child(3),
.edgtf-page-footer .edgtf-column-content.edgtf-grid-col-3:nth-child(4) {
margin-top: 30px;
}
.edgtf-page-footer .edgtf-column-content.edgtf-grid-col-4 {
width: 33.33333333333333%;
float: left;
}
}
@media only screen and (max-width: 680px) {
.edgtf-page-footer .edgtf-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: 1024px) {
.edgtf-page-header {
display: none;
}
}
/* ==========================================================================
Header responsive style - end
========================================================================== */
/* ==========================================================================
Fixed header responsive style - begin
========================================================================== */
@media only screen and (max-width: 1200px) {
.edgtf-boxed .edgtf-page-header .edgtf-fixed-wrapper.fixed {
width: 1000px;
}
}
/* ==========================================================================
Fixed header responsive style - end
========================================================================== */
/*==========================================================================
# Fullscreen menu style - begin
========================================================================== */
@media only screen and (max-width: 1366px) {
nav.edgtf-fullscreen-menu > ul {
display: block;
}
nav.edgtf-fullscreen-menu > ul > li > a {
font-size: 55px;
}
}
@media only screen and (max-width: 1024px) {
.edgtf-fm-close-svg text {
fill: #000000;
}
}
@media only screen and (max-width: 680px) {
nav.edgtf-fullscreen-menu > ul {
display: block;
}
nav.edgtf-fullscreen-menu > ul > li > a {
font-size: 40px;
}
}
/* ==========================================================================
# Fullscreen menu style - end
==========================================================================*/
/* ==========================================================================
Header Vertical responsive style - begin
========================================================================== */
@media only screen and (min-width: 1025px) {
.error404.edgtf-header-vertical .edgtf-content {
margin: 0 !important;
}
}
@media only screen and (max-width: 1024px) {
.edgtf-header-vertical .edgtf-vertical-menu-area {
display: none;
}
.edgtf-header-vertical .edgtf-content,
.edgtf-header-vertical footer {
padding-left: 0;
}
}
@media only screen and (max-width: 1440px) {
.edgtf-header-vertical .edgtf-grid,
.edgtf-header-vertical .edgtf-container-inner,
.edgtf-header-vertical .edgtf-row-grid-section {
width: 950px;
}
}
@media only screen and (max-width: 1200px) {
.edgtf-header-vertical .edgtf-grid,
.edgtf-header-vertical .edgtf-container-inner,
.edgtf-header-vertical .edgtf-row-grid-section {
width: 768px;
}
}
@media only screen and (max-width: 1024px) {
.edgtf-header-vertical .edgtf-grid,
.edgtf-header-vertical .edgtf-container-inner,
.edgtf-header-vertical .edgtf-row-grid-section {
width: 768px;
}
}
@media only screen and (max-width: 768px) {
.edgtf-header-vertical .edgtf-grid,
.edgtf-header-vertical .edgtf-container-inner,
.edgtf-header-vertical .edgtf-row-grid-section {
width: 600px;
}
}
@media only screen and (max-width: 680px) {
.edgtf-header-vertical .edgtf-grid,
.edgtf-header-vertical .edgtf-container-inner,
.edgtf-header-vertical .edgtf-row-grid-section {
width: 420px;
}
}
@media only screen and (max-width: 480px) {
.edgtf-header-vertical .edgtf-grid,
.edgtf-header-vertical .edgtf-container-inner,
.edgtf-header-vertical .edgtf-row-grid-section {
width: 300px;
}
}
@media only screen and (max-width: 320px) {
.edgtf-header-vertical .edgtf-grid,
.edgtf-header-vertical .edgtf-container-inner,
.edgtf-header-vertical .edgtf-row-grid-section {
width: 90%;
}
}
/* ==========================================================================
Header Vertical responsive style - end
========================================================================== */
/* ==========================================================================
Mobile header responsive style - begin
========================================================================== */
@media only screen and (max-width: 1024px) {
.edgtf-mobile-header {
display: block;
}
}
@media only screen and (max-width: 768px) {
.edgtf-paspartu-enabled .edgtf-mobile-header .edgtf-grid {
width: 90%;
}
}
/* ==========================================================================
Mobile header responsive style - end
========================================================================== */
/* ==========================================================================
Sticky header responsive style - begin
========================================================================== */
@media only screen and (max-width: 1200px) {
.edgtf-boxed .edgtf-page-header .edgtf-sticky-header {
width: 1000px;
}
}
@media only screen and (max-width: 1024px) {
.edgtf-boxed.edgtf-sticky-up-mobile-header .mobile-header-appear .edgtf-mobile-header-inner {
left: auto;
width: 818px;
}
}
@media only screen and (max-width: 768px) {
.edgtf-boxed.edgtf-sticky-up-mobile-header .mobile-header-appear .edgtf-mobile-header-inner {
width: 650px;
}
}
@media only screen and (max-width: 680px) {
.edgtf-boxed.edgtf-sticky-up-mobile-header .mobile-header-appear .edgtf-mobile-header-inner {
width: 470px;
}
}
@media only screen and (max-width: 480px) {
.edgtf-boxed.edgtf-sticky-up-mobile-header .mobile-header-appear .edgtf-mobile-header-inner {
width: 350px;
}
}
@media only screen and (max-width: 320px) {
.edgtf-boxed.edgtf-sticky-up-mobile-header .mobile-header-appear .edgtf-mobile-header-inner {
width: 92%;
}
}
/* ==========================================================================
Sticky header responsive style - end
========================================================================== */
/* ==========================================================================
Top header responsive style - begin
========================================================================== */
@media only screen and (max-width: 1024px) {
.edgtf-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) {
.edgtf-search-page-holder article .edgtf-post-image {
width: 80px;
}
.edgtf-search-page-holder article .edgtf-post-title-area {
min-height: 80px;
padding: 0 0 0 105px;
}
}
@media only screen and (max-width: 680px) {
.edgtf-search-page-holder article .edgtf-post-image {
width: 60px;
}
.edgtf-search-page-holder article .edgtf-post-title-area {
min-height: 60px;
padding: 0 0 0 80px;
}
}
/* ==========================================================================
# Search template responsive style - 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) {
.edgtf-title-holder.edgtf-has-bg-image {
background-image: none !important;
height: auto !important;
}
.edgtf-title-holder.edgtf-has-bg-image .edgtf-title-image {
display: block;
}
.edgtf-title-holder.edgtf-has-bg-image .edgtf-title-wrapper {
height: 100% !important;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.edgtf-title-holder.edgtf-title-va-header-bottom {
height: auto !important;
}
.edgtf-title-holder.edgtf-title-va-header-bottom .edgtf-title-wrapper {
padding-top: 0 !important;
}
}
/* ==========================================================================
Title responsive style - end
========================================================================== */
/* ==========================================================================
Centered Title type responsive style - begin
========================================================================== */
@media only screen and (max-width: 1024px) {
.edgtf-title-holder.edgtf-centered-type .edgtf-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) {
.edgtf-title-holder.edgtf-standard-with-breadcrumbs-type .edgtf-title-info,
.edgtf-title-holder.edgtf-standard-with-breadcrumbs-type .edgtf-breadcrumbs-info {
display: block;
width: 100%;
}
.edgtf-title-holder.edgtf-standard-with-breadcrumbs-type .edgtf-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
========================================================================== */
.edgtf-portfolio-single-holder .edgtf-ps-image-holder.edgtf-ps-gallery-images {
/***** Columns Layout - end *****/
}
@media only screen and (max-width: 680px) {
.edgtf-portfolio-single-holder .edgtf-ps-image-holder.edgtf-ps-gallery-images .edgtf-ps-image {
width: 100% !important;
}
}
@media only screen and (max-width: 1024px) {
.edgtf-portfolio-single-holder .edgtf-ps-info-holder {
margin: 30px 0 0 !important;
}
}
/* ==========================================================================
Portfolio Single page responsive style - end
========================================================================== */
@media only screen and (max-width: 768px) {
.edgtf-portfolio-single-holder.edgtf-ps-fullscreen-slider-layout .edgtf-portfolio-slider-content .edgtf-description .edgtf-ptfs-categories {
display: none;
}
}
@media only screen and (max-width: 480px) {
.edgtf-portfolio-single-holder.edgtf-ps-fullscreen-slider-layout .edgtf-portfolio-slider-content {
height: 75px;
padding: 0 90px 0 10px;
width: 100%;
}
.edgtf-portfolio-single-holder.edgtf-ps-fullscreen-slider-layout .edgtf-ps-info-holder .edgtf-ps-info-item:not(.edgtf-ps-content-item) {
display: none;
}
.edgtf-portfolio-single-holder.edgtf-ps-fullscreen-slider-layout .edgtf-ps-info-holder .edgtf-ps-info-item.edgtf-ps-content-item {
margin-bottom: 0;
}
.edgtf-portfolio-single-holder.edgtf-ps-fullscreen-slider-layout .edgtf-slick-dots {
right: 25px;
}
}
@media only screen and (max-width: 768px) {
.edgtf-portfolio-list-holder.edgtf-pl-fullheight-gallery .owl-stage {
height: 100vh;
}
}
/*# sourceMappingURL=../../../../plugins/ottar-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
========================================================================== */
/* ==========================================================================
Bordered Carousel shortcode responsive style - begin
========================================================================== */
@media only screen and (max-width: 1366px) {
.edgtf-bordered-carousel .edgtf-bc-images-holder .edgtf-slide-image-holder {
-webkit-clip-path: inset(0 3% 0 3%);
clip-path: inset(0 3% 0 3%);
}
.edgtf-bordered-carousel .edgtf-bc-images-holder .edgtf-slide-mask {
width: 5%;
}
}
/* ==========================================================================
Bordered Carousel shortcode responsive style - end
========================================================================== */
/* ==========================================================================
Button shortcode responsive style - begin
========================================================================== */
@media only screen and (max-width: 1200px) {
.edgtf-btn.edgtf-btn-large,
.edgtf-btn.edgtf-btn-huge {
padding: 8px 49px;
}
}
/* ==========================================================================
Button shortcode responsive style - end
========================================================================== */
/* ==========================================================================
Call To Action shortcode responsive style - begin
========================================================================== */
@media only screen and (min-width: 1201px) and (max-width: 1300px) {
.edgtf-call-to-action-holder .edgtf-grid {
width: 1100px;
}
}
@media only screen and (max-width: 1200px) {
.edgtf-call-to-action-holder.edgtf-three-quarters-columns .edgtf-cta-text-holder,
.edgtf-call-to-action-holder.edgtf-four-fifths-columns .edgtf-cta-text-holder {
width: 66.66666666666667%;
}
.edgtf-call-to-action-holder.edgtf-three-quarters-columns .edgtf-cta-button-holder,
.edgtf-call-to-action-holder.edgtf-four-fifths-columns .edgtf-cta-button-holder {
width: 33.33333333333333%;
}
}
@media only screen and (max-width: 768px) {
.edgtf-call-to-action-holder.edgtf-normal-layout .edgtf-cta-inner,
.edgtf-call-to-action-holder.edgtf-normal-layout .edgtf-cta-text-holder,
.edgtf-call-to-action-holder.edgtf-normal-layout .edgtf-cta-button-holder {
display: block;
}
.edgtf-call-to-action-holder.edgtf-normal-layout .edgtf-cta-button-holder {
margin: 28px 0 0;
text-align: initial;
}
.edgtf-call-to-action-holder.edgtf-two-halves-columns .edgtf-cta-text-holder,
.edgtf-call-to-action-holder.edgtf-two-halves-columns .edgtf-cta-button-holder,
.edgtf-call-to-action-holder.edgtf-two-thirds-columns .edgtf-cta-text-holder,
.edgtf-call-to-action-holder.edgtf-two-thirds-columns .edgtf-cta-button-holder,
.edgtf-call-to-action-holder.edgtf-three-quarters-columns .edgtf-cta-text-holder,
.edgtf-call-to-action-holder.edgtf-three-quarters-columns .edgtf-cta-button-holder,
.edgtf-call-to-action-holder.edgtf-four-fifths-columns .edgtf-cta-text-holder,
.edgtf-call-to-action-holder.edgtf-four-fifths-columns .edgtf-cta-button-holder {
width: 100%;
}
}
/* ==========================================================================
Call To Action shortcode responsive style - end
========================================================================== */
/* ==========================================================================
Countdown shortcode responsive style - begin
========================================================================== */
@media only screen and (max-width: 1200px) {
.edgtf-countdown .countdown-row .countdown-section .countdown-amount {
font-size: 60px;
}
}
@media only screen and (max-width: 768px) {
.edgtf-countdown .countdown-row.countdown-show4 .countdown-section,
.edgtf-countdown .countdown-row.countdown-show5 .countdown-section,
.edgtf-countdown .countdown-row.countdown-show6 .countdown-section {
width: 33.33333333333333%;
}
.edgtf-countdown .countdown-row .countdown-section .countdown-amount {
font-size: 50px;
}
}
@media only screen and (max-width: 680px) {
.edgtf-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) {
.edgtf-custom-font-holder.edgtf-disable-title-break br {
display: none;
}
}
/* ==========================================================================
Custom Font shortcode responsive styles - end
========================================================================== */
/* ==========================================================================
Elements Holder shortcode responsive style - begin
========================================================================== */
@media only screen and (max-width: 1366px) {
.edgtf-elements-holder.edgtf-responsive-mode-1366.edgtf-two-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-1366.edgtf-three-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-1366.edgtf-four-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-1366.edgtf-five-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-1366.edgtf-six-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-1366.edgtf-one-column-alignment-left .edgtf-eh-item .edgtf-eh-item-content {
text-align: left;
}
.edgtf-elements-holder.edgtf-responsive-mode-1366.edgtf-one-column-alignment-right .edgtf-eh-item .edgtf-eh-item-content {
text-align: right;
}
.edgtf-elements-holder.edgtf-responsive-mode-1366.edgtf-one-column-alignment-center .edgtf-eh-item .edgtf-eh-item-content {
text-align: center;
}
}
@media only screen and (max-width: 1024px) {
.edgtf-elements-holder.edgtf-responsive-mode-1024.edgtf-two-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-1024.edgtf-three-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-1024.edgtf-four-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-1024.edgtf-five-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-1024.edgtf-six-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-1024.edgtf-one-column-alignment-left .edgtf-eh-item .edgtf-eh-item-content {
text-align: left;
}
.edgtf-elements-holder.edgtf-responsive-mode-1024.edgtf-one-column-alignment-right .edgtf-eh-item .edgtf-eh-item-content {
text-align: right;
}
.edgtf-elements-holder.edgtf-responsive-mode-1024.edgtf-one-column-alignment-center .edgtf-eh-item .edgtf-eh-item-content {
text-align: center;
}
}
@media only screen and (max-width: 768px) {
.edgtf-elements-holder.edgtf-responsive-mode-768.edgtf-two-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-768.edgtf-three-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-768.edgtf-four-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-768.edgtf-five-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-768.edgtf-six-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-768.edgtf-one-column-alignment-left .edgtf-eh-item .edgtf-eh-item-content {
text-align: left;
}
.edgtf-elements-holder.edgtf-responsive-mode-768.edgtf-one-column-alignment-right .edgtf-eh-item .edgtf-eh-item-content {
text-align: right;
}
.edgtf-elements-holder.edgtf-responsive-mode-768.edgtf-one-column-alignment-center .edgtf-eh-item .edgtf-eh-item-content {
text-align: center;
}
}
@media only screen and (max-width: 680px) {
.edgtf-elements-holder.edgtf-responsive-mode-680.edgtf-two-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-680.edgtf-three-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-680.edgtf-four-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-680.edgtf-five-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-680.edgtf-six-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-680.edgtf-one-column-alignment-left .edgtf-eh-item .edgtf-eh-item-content {
text-align: left;
}
.edgtf-elements-holder.edgtf-responsive-mode-680.edgtf-one-column-alignment-right .edgtf-eh-item .edgtf-eh-item-content {
text-align: right;
}
.edgtf-elements-holder.edgtf-responsive-mode-680.edgtf-one-column-alignment-center .edgtf-eh-item .edgtf-eh-item-content {
text-align: center;
}
}
@media only screen and (max-width: 480px) {
.edgtf-elements-holder.edgtf-responsive-mode-480.edgtf-two-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-480.edgtf-three-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-480.edgtf-four-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-480.edgtf-five-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-480.edgtf-six-columns .edgtf-eh-item {
width: 100%;
height: auto;
display: inline-block;
}
.edgtf-elements-holder.edgtf-responsive-mode-480.edgtf-one-column-alignment-left .edgtf-eh-item .edgtf-eh-item-content {
text-align: left;
}
.edgtf-elements-holder.edgtf-responsive-mode-480.edgtf-one-column-alignment-right .edgtf-eh-item .edgtf-eh-item-content {
text-align: right;
}
.edgtf-elements-holder.edgtf-responsive-mode-480.edgtf-one-column-alignment-center .edgtf-eh-item .edgtf-eh-item-content {
text-align: center;
}
.edgtf-elements-holder .edgtf-eh-item-content {
padding: 0 10px;
}
}
/* ==========================================================================
Elements Holder shortcode responsive style - end
========================================================================== */
/* ==========================================================================
Glide Slider shortcode responsive style - begin
========================================================================== */
@media only screen and (max-width: 1366px) {
.swiper-container.edgtf-glide-slider.full-page .swiper-navigation .swiper-slide-numbering {
bottom: 83px;
}
}
@media only screen and (max-width: 1024px) {
.swiper-container.edgtf-glide-slider.full-page .swiper-navigation .swiper-slide-numbering {
bottom: 27px;
}
}
@media only screen and (max-width: 768px) {
.swiper-container.edgtf-glide-slider.full-page .swiper-navigation .swiper-slide-numbering {
bottom: 59px;
}
}
@media only screen and (max-width: 680px) {
.swiper-container.edgtf-glide-slider.full-page .swiper-navigation .swiper-slide-numbering {
bottom: 16px;
right: 0;
}
}
/* ==========================================================================
Glide Slider shortcode responsive style - end
========================================================================== */
/* ==========================================================================
Google Map shortcode responsive style - begin
========================================================================== */
@media only screen and (max-width: 1024px) {
.edgtf-google-map-overlay {
display: block;
}
}
/* ==========================================================================
Google Map shortcode responsive style - end
========================================================================== */
@media only screen and (max-width: 1366px) {
.tooltip img {
width: 200px;
}
}
@media only screen and (max-width: 480px) {
.tooltip img {
width: 150px;
}
}
/* ==========================================================================
Section Title shortcode responsive styles - begin
========================================================================== */
@media only screen and (max-width: 1024px) {
.edgtf-section-title-holder.edgtf-st-two-columns {
padding: 0 !important;
}
}
@media only screen and (max-width: 768px) {
.edgtf-section-title-holder {
padding: 0 !important;
}
.edgtf-section-title-holder.edgtf-st-two-columns .edgtf-st-title,
.edgtf-section-title-holder.edgtf-st-two-columns .edgtf-st-text {
float: none !important;
text-align: initial !important;
width: 100%;
}
.edgtf-section-title-holder.edgtf-st-two-columns .edgtf-st-text {
margin: 14px 0 0;
}
.edgtf-section-title-holder.edgtf-st-disable-title-break .edgtf-st-title br {
display: none;
}
}
/* ==========================================================================
Section Title shortcode responsive styles - end
========================================================================== */
/* ==========================================================================
Tabs shortcode responsive style - begin
========================================================================== */
@media only screen and (max-width: 1024px) {
.edgtf-tabs.edgtf-tabs-standard .edgtf-tabs-nav li a {
padding: 7px 21px;
}
.edgtf-tabs.edgtf-tabs-boxed .edgtf-tabs-nav li {
margin: 0 8px 0 0;
}
.edgtf-tabs.edgtf-tabs-boxed .edgtf-tabs-nav li a {
padding: 7px 18px;
}
.edgtf-tabs.edgtf-tabs-simple .edgtf-tabs-nav li {
margin: 0 26px 0 0;
}
.edgtf-tabs.edgtf-tabs-vertical .edgtf-tabs-nav {
width: 180px;
}
.edgtf-tabs.edgtf-tabs-vertical .edgtf-tab-container {
padding: 0 0 0 30px;
width: calc(100% - 180px);
}
}
@media only screen and (max-width: 768px) {
.edgtf-tabs.edgtf-tabs-standard .edgtf-tabs-nav li {
display: block;
float: none;
}
.edgtf-tabs.edgtf-tabs-standard .edgtf-tabs-nav li a {
width: 100%;
}
.edgtf-tabs.edgtf-tabs-boxed .edgtf-tabs-nav li {
display: block;
float: none;
margin: 0 0 8px;
}
.edgtf-tabs.edgtf-tabs-boxed .edgtf-tabs-nav li a {
width: 100%;
}
.edgtf-tabs.edgtf-tabs-simple .edgtf-tabs-nav li {
margin: 0 20px 0 0;
}
.edgtf-tabs.edgtf-tabs-vertical .edgtf-tabs-nav,
.edgtf-tabs.edgtf-tabs-vertical .edgtf-tab-container {
display: inline-block;
height: auto;
width: 100%;
}
.edgtf-tabs.edgtf-tabs-vertical .edgtf-tabs-nav {
border-right: 0;
}
.edgtf-tabs.edgtf-tabs-vertical .edgtf-tabs-nav li {
float: left;
margin: 0 20px 0 0;
}
.edgtf-tabs.edgtf-tabs-vertical .edgtf-tab-container {
padding: 31px 0 0;
}
}
@media only screen and (max-width: 680px) {
.edgtf-tabs.edgtf-tabs-simple .edgtf-tabs-nav {
padding: 0 0 20px;
}
.edgtf-tabs.edgtf-tabs-simple .edgtf-tabs-nav li {
display: block;
float: none;
margin: 0 0 20px;
}
.edgtf-tabs.edgtf-tabs-simple .edgtf-tabs-nav li a {
padding: 0;
width: 100%;
}
.edgtf-tabs.edgtf-tabs-vertical .edgtf-tabs-nav li {
display: block;
float: none;
margin: 0 0 20px;
}
.edgtf-tabs.edgtf-tabs-vertical .edgtf-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.edgtf-vss-initialized {
height: auto !important;
overflow-y: visible !important;
}
.edgtf-vertical-split-slider,
#multiscroll-nav {
display: none;
}
.edgtf-vss-responsive {
display: block;
}
}
/* ==========================================================================
Vertical Split Slider shortcode responsive style - end
========================================================================== */
/*# sourceMappingURL=../../../../plugins/ottar-core/assets/css/shortcodes-map-responsive.css.map */
/* ==========================================================================
Global partials
========================================================================== */
/* common mixins - start */
/* common mixins - end */
/* mixins styles - start */
/* mixins styles - end */
/* ==========================================================================
Widgets responsive styles
========================================================================== */
/* ==========================================================================
Instagram widget responsive style - begin
========================================================================== */
@media only screen and (max-width: 1024px) {
.edgtf-instagram-feed:not(.edgtf-instagram-carousel) li img {
width: 100%;
}
.edgtf-instagram-feed:not(.edgtf-instagram-carousel).edgtf-col-6 li {
width: 25%;
}
.edgtf-instagram-feed:not(.edgtf-instagram-carousel).edgtf-col-9 li {
width: 25%;
}
}
@media only screen and (max-width: 768px) {
.edgtf-instagram-feed:not(.edgtf-instagram-carousel).edgtf-col-6 li {
width: 33.33333%;
}
.edgtf-instagram-feed:not(.edgtf-instagram-carousel).edgtf-col-9 li {
width: 33.33333%;
}
}
@media only screen and (max-width: 680px) {
.edgtf-instagram-feed:not(.edgtf-instagram-carousel) li {
width: 50% !important;
}
}
/* ==========================================================================
Instagram widget responsive style - end
========================================================================== */
/*# sourceMappingURL=../../../../plugins/ottar-instagram-feed/assets/css/widget-map-responsive.css.map */
/* ==========================================================================
Global partials
========================================================================== */
/* common mixins - start */
/* common mixins - end */
/* mixins styles - start */
/* mixins styles - end */
/* ==========================================================================
Shortcodes responsive styles
========================================================================== */
/*# sourceMappingURL=../../../../plugins/ottar-twitter-feed/assets/css/shortcodes-map-responsive.css.map */