File: /var/www/html/wpemobiq/wp-content/themes/salient/css/src/plugins/boxed.css
/*
Theme Name: Salient
Description: "Boxed Layout" theme option
*/
@media only screen and (min-width: 1000px) {
#boxed .full-width-content.blog-fullwidth-wrap,
#boxed .wpb_row.full-width-content,
#boxed .page-submenu > .full-width-section,
#boxed .page-submenu .full-width-content,
#boxed .full-width-content.nectar-shop-outer,
body #boxed .full-width-section .row-bg-wrap,
body #boxed .full-width-section .nectar-parallax-scene,
body #boxed .full-width-section > .nectar-shape-divider-wrap,
body #boxed .full-width-section > .video-color-overlay,
body[data-aie="zoom-out"] #boxed .first-section .row-bg-wrap,
body[data-aie="long-zoom-out"] #boxed .first-section .row-bg-wrap,
body[data-aie="zoom-out"] #boxed .top-level.full-width-section .row-bg-wrap,
body[data-aie="long-zoom-out"] #boxed .top-level.full-width-section .row-bg-wrap,
body #boxed .full-width-section.parallax_section .row-bg-wrap,
#boxed .nectar-slider-wrap[data-full-width="true"],
#boxed .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap,
#boxed .portfolio-filters-inline.full-width-section:not(.non-fw),
.single-product #boxed .product[data-gallery-style="left_thumb_sticky"][data-gallery-variant="fullwidth"] .single-product-wrap {
margin-left: -5%;
width: 110%;
left: 0;
}
body #boxed .full-width-section > .nectar-video-wrap {
margin-left: -5%;
width: 110%!important;
left: 0;
}
}
@media only screen and (max-width: 999px) and (min-width: 691px) {
#boxed .full-width-content.blog-fullwidth-wrap,
#boxed .wpb_row.full-width-content,
#boxed .page-submenu > .full-width-section,
#boxed .page-submenu .full-width-content,
body #boxed .full-width-section .row-bg-wrap,
body #boxed .full-width-section .nectar-parallax-scene,
body #boxed .full-width-section > .nectar-shape-divider-wrap,
body #boxed .full-width-section > .video-color-overlay,
body[data-aie="zoom-out"] #boxed .first-section .row-bg-wrap,
body[data-aie="long-zoom-out"] #boxed .first-section .row-bg-wrap,
body[data-aie="zoom-out"] #boxed .top-level.full-width-section .row-bg-wrap,
body[data-aie="long-zoom-out"] #boxed .top-level.full-width-section .row-bg-wrap,
body #boxed .full-width-section.parallax_section .row-bg-wrap,
#boxed .nectar-slider-wrap[data-full-width="true"],
#boxed .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap {
margin-left: -7%;
width: 114%;
left: 0;
}
body #boxed .full-width-section > .nectar-video-wrap {
margin-left: -7%;
width: 114%!important;
left: 0;
}
}
body #boxed .post-area.span_9 .full-width-section .row-bg-wrap,
body #boxed .post-area.span_9 .full-width-section > .nectar-shape-divider-wrap,
body #boxed .woocommerce-tabs[data-tab-style="in_sidebar"] .wpb_row.full-width-content,
body #boxed .woocommerce-tabs[data-tab-style="in_sidebar"] .full-width-section .row-bg-wrap,
#boxed .wpb_row.full-width-content.has-global-section .wpb_row.full-width-content {
margin-left: 0;
left: 0;
width: 100%;
}
body #boxed .pum .pum-container .popmake-content .full-width-section .row-bg-wrap,
body #boxed .pum .pum-container .popmake-content .wpb_row.full-width-content {
margin-left: 0!important;
left: 0!important;
width: 100%!important;
}
#boxed .wpb_row.full-width-section .wpb_row > .row-bg-wrap,
#boxed .wpb_row.full-width-content .wpb_row > .row-bg-wrap {
margin-left: 0;
left: 0;
width: 100%;
}
/* Third Party*/
.forminator-select.forminator-select-dropdown-container--open {
z-index: 2000;
}
/* Core styles */
#boxed {
margin: 0 auto;
width: 1200px;
position: relative;
padding: 0px;
z-index: 1040;
background-color: #f8f8f8;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
#boxed .home-wrap,
#boxed #ajax-content-wrap {
overflow: hidden;
}
#boxed .page-header-no-bg+div {
margin-top: 0;
padding-top: 40px;
}
body[data-footer-reveal="1"][data-footer-reveal-shadow="large_2"] #boxed .container-wrap {
box-shadow: none;
}
body[data-footer-reveal="1"][data-responsive="1"][data-ext-responsive="false"] #boxed #footer-outer {
max-width: 1200px;
}
body #boxed #header-outer {
box-shadow: none;
padding-right: 0px!important;
}
#boxed #footer-outer #footer-widgets,
#boxed #footer-outer #copyright {
padding-left: 50px;
padding-right: 50px;
}
#boxed #header-outer,
#boxed #page-header-bg,
#boxed #slide-out-widget-area-bg.fullscreen {
width: auto!important;
min-width: 1200px;
left: auto!important;
right: auto!important;
}
.search-results #boxed #page-header-bg {
min-width: 0;
}
body #boxed #page-header-bg {
background-color: #000;
overflow: hidden;
}
#boxed #header-secondary-outer {
padding-right: 0px!important;
}
#boxed #header-secondary-outer ul#social >li:first-child a {
border-left: 0px;
padding-left: 0px;
}
#boxed #header-secondary-outer .sf-menu >li:last-child a,
#boxed #header-secondary-outer .sf-menu >li:last-child {
border-right: 0px;
padding-right: 0px;
}
body.original #boxed #header-outer .widget_shopping_cart,
body.original.woocommerce #boxed .cart-notification {
position: fixed;
right: 0px;
top: 77px;
}
body.original.admin-bar #boxed #header-outer .widget_shopping_cart,
body.original.woocommerce.admin-bar #boxed .cart-notification {
top: 103px;
}
#boxed #featured,
#boxed .orbit >div,
#boxed #featured article {
width: auto!important;
left: auto;
min-width: 1200px;
}
@media only screen and (max-width:1300px) and (min-width:1000px) {
body[data-ext-responsive="false"] #boxed #featured,
body[data-ext-responsive="false"] #boxed .orbit >div,
body[data-ext-responsive="false"] #boxed #featured article {
min-width: 980px;
}
}
#boxed #featured article .post-title >a {
left: 0px;
}
#boxed #featured article .post-title h2 {
left: 0px;
}
#boxed #featured .orbit-slide.has-video .post-title >a {
left: 22px;
}
#boxed #header-outer .cart-menu {
border-radius: 2px 0px 0px 2px;
}
.ascend[data-header-color="dark"] #boxed #header-outer .cart-menu .cart-icon-wrap i {
color: #A0A0A0;
}
body:not(.ascend) #boxed #header-outer[data-transparent-header="true"].transparent .cart-menu {
border: none;
}
#boxed #header-outer[data-transparent-header="true"].transparent {
border-bottom: 1px solid rgba(255,255,255,0.25);
}
body #boxed #header-outer[data-transparent-header="true"][data-remove-border="true"] {
border: none;
}
#boxed #search-outer, #boxed #header-outer,
#boxed #header-secondary-outer {
padding-right: 0!important;
}
#boxed .page-submenu.stuck {
left: auto!important;
}
@media only screen and (min-width:1000px) {
#boxed .page-submenu.stuck {
overflow: hidden;
}
}
#boxed .carousel-wrap[data-full-width="true"] {
padding: 0px;
}
#boxed #slide-out-widget-area.fullscreen .off-canvas-social-links,
.admin-bar #boxed #slide-out-widget-area.fullscreen .off-canvas-social-links,
#boxed #slide-out-widget-area.fullscreen-alt .off-canvas-social-links,
.admin-bar #boxed #slide-out-widget-area.fullscreen-alt .off-canvas-social-links {
position: relative;
bottom: 0;
right: 0;
margin-top: 70px;
}
#boxed #slide-out-widget-area.fullscreen .off-canvas-social-links:after,
#boxed #slide-out-widget-area.fullscreen-alt .off-canvas-social-links:after {
display: block;
height: 1px;
width: 0px;
background-color: rgba(255,255,255,0.6);
content: ' ';
margin: 0 auto;
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transition: all 0.5s cubic-bezier(0.215,0.61,0.355,1);
-webkit-transition: all 0.5s cubic-bezier(0.215,0.61,0.355,1);
}
#boxed #slide-out-widget-area .mobile-only {
display: block;
}
#boxed #slide-out-widget-area.fullscreen .off-canvas-social-links.line-shown:after,
#boxed #slide-out-widget-area.fullscreen-alt .off-canvas-social-links.line-shown:after {
width: 100px;
}
#boxed #slide-out-widget-area.fullscreen .bottom-text,
.admin-bar #boxed #slide-out-widget-area.fullscreen .bottom-text {
position: relative;
bottom: 0;
margin-bottom: 30px;
margin-top: 15px;
}
#boxed #slide-out-widget-area.fullscreen-alt .bottom-text,
.admin-bar #boxed #slide-out-widget-area.fullscreen-alt .bottom-text {
position: relative;
bottom: 0;
margin-bottom: 30px;
margin-top: 15px;
}
#boxed #slide-out-widget-area-bg.fullscreen,
#boxed #slide-out-widget-area-bg.fullscreen-alt {
left: auto;
will-change: transform,opacity;
}
#boxed #slide-out-widget-area.slide-out-from-right .slide_out_area_close {
display: block;
}
#boxed .slide_out_area_close {
position: absolute;
right: 20px;
z-index: 100;
}
body[data-boxed-style="1"].material #slide-out-widget-area-bg.slide-out-from-right,
body[data-boxed-style="1"].material #slide-out-widget-area.slide-out-from-right {
opacity: 0;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}
body[data-boxed-style="1"].material #slide-out-widget-area-bg.slide-out-from-right.material-open,
body[data-boxed-style="1"].material #slide-out-widget-area.slide-out-from-right.material-open {
opacity: 1;
pointer-events: auto;
}
body[data-boxed-style="1"].material .ocm-effect-wrap {
background-color: transparent;
}
body[data-boxed-style="1"].material-ocm-open .ocm-effect-wrap-inner {
padding-top: 0!important;
}
body[data-boxed-style="1"].material-ocm-open div[id="wpadminbar"] {
opacity: 0;
}
body[data-boxed-style="1"].material-ocm-open #header-outer {
top: 0!important;
}
body[data-boxed-style="1"].material-ocm-open {
background-attachment: fixed;
}
body.material #boxed #header-outer .cart-menu-wrap {
position:relative!important;
box-shadow:none
}
body[data-slide-out-widget-area-style*="fullscreen"].material #boxed #slide-out-widget-area .slide_out_area_close {
display: none!important;
}
body.material #boxed #header-outer .widget_shopping_cart,
body.material.woocommerce #boxed .cart-notification {
position:absolute!important
}
body.material #boxed #header-outer .cart-menu-wrap .cart-menu {
box-shadow:none
}
@media only screen and (min-width: 691px) {
.material #boxed #search-outer #search,
.material #boxed #header-outer #search-outer #search {
padding: 0 90px;
}
}
body.material #boxed #header-outer .cart-menu {
background-color: transparent;
}
@media only screen and (min-width: 1300px) {
body[data-ext-responsive="false"] #boxed #header-outer[data-full-width="true"] header > .container,
body[data-ext-responsive="false"] #boxed #header-secondary-outer[data-full-width="true"] > .container {
max-width: 1100px;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
#boxed {
width: 980px;
}
body[data-footer-reveal="1"][data-responsive="1"][data-ext-responsive="false"] #boxed #footer-outer {
max-width: 980px;
}
#boxed #header-outer,
#boxed #header-secondary-outer,
#boxed #page-header-bg,
#boxed #featured,
#boxed .orbit > div,
#boxed #featured article {
min-width: 980px;
}
}
@media only screen and (min-width : 690px) and (max-width : 999px) {
body #boxed {
width: 679px;
}
body #boxed #header-outer,
body #boxed #header-secondary-outer,
body #boxed #page-header-bg,
body #boxed #featured,
body #boxed .orbit > div,
body #boxed #featured article,
body #boxed #slide-out-widget-area-bg.fullscreen {
min-width: 679px;
}
body #boxed #footer-outer #footer-widgets,
body #boxed #footer-outer #copyright {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width : 690px) {
#boxed {
width: 100%;
}
#boxed #header-outer,
#boxed #header-secondary-outer,
#boxed #page-header-bg,
#boxed #featured,
#boxed .orbit > div,
#boxed #featured article,
#boxed #slide-out-widget-area-bg.fullscreen {
width: 100%;
min-width: 100%;
}
#boxed #page-header-bg {
min-width: 100%;
}
#boxed .post-area.masonry.meta_overlaid {
max-width: none!important;
}
#boxed #footer-outer #footer-widgets,
#boxed #footer-outer #copyright {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (min-width: 480px) and (max-width: 690px) {
#boxed {
width: 100%;
}
#boxed #featured, #boxed .orbit > div,
#boxed #featured article,
#boxed #header-outer,
#boxed #header-secondary-outer,
#boxed #page-header-bg,
#boxed #slide-out-widget-area-bg.fullscreen,
#boxed #page-header-bg {
min-width: 100%!important;
}
}
@media only screen and (min-width: 1600px) {
#boxed .portfolio-items .elastic-portfolio-item {
width: 25%;
}
body #boxed .portfolio-items .col.elastic-portfolio-item.tall,
body #boxed .portfolio-items .col.elastic-portfolio-item.regular {
width: 20%;
}
body #boxed .portfolio-items .col.elastic-portfolio-item.wide {
width: 50%;
}
body #boxed .portfolio-items .col.elastic-portfolio-item.wide_tall {
width: 50%;
}
body #boxed .default-style .portfolio-items .col.elastic-portfolio-item {
width: 21.72%!important;
}
#boxed .post-area.full-width-content .masonry-blog-item,
#boxed .full-width-content .post-area:not(.auto_meta_overlaid_spaced) .masonry-blog-item {
width: 30.8%;
}
#boxed .post-area.full-width-content.classic_enhanced .masonry-blog-item,
#boxed .full-width-content .post-area.classic_enhanced .masonry-blog-item {
width: 31.8%;
}
#boxed .full-width-content .post-area.classic_enhanced .masonry-blog-item.large_featured {
width: 65%;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1600px) {
body #boxed .default-style .portfolio-items .col.elastic-portfolio-item {
width: 21.72%!important;
}
#boxed .post-area.full-width-content .masonry-blog-item,
#boxed .full-width-content .post-area:not(.auto_meta_overlaid_spaced) .masonry-blog-item {
width: 32%;
}
#boxed .full-width-content .post-area .masonry-blog-item.large_featured {
width: 73%;
}
#boxed .post-area.full-width-content.classic_enhanced .masonry-blog-item,
#boxed .full-width-content .post-area.classic_enhanced .masonry-blog-item {
width: 31.3%;
}
#boxed .full-width-content .post-area.classic_enhanced .masonry-blog-item.large_featured {
width: 64.7%;
}
}
@media only screen and (min-width: 990px) and (max-width: 1300px) {
#boxed .post-area.full-width-content.classic_enhanced .masonry-blog-item,
#boxed .full-width-content .post-area.classic_enhanced .masonry-blog-item {
width: 31.4%;
}
#boxed .full-width-content .post-area.classic_enhanced .masonry-blog-item.large_featured {
width: 98%;
}
}
@media only screen and (min-width: 470px) and (max-width: 990px) {
#boxed .post-area.full-width-content.classic_enhanced .masonry-blog-item,
#boxed .full-width-content .post-area.classic_enhanced .masonry-blog-item {
width: 48%;
}
#boxed .full-width-content .post-area.classic_enhanced .masonry-blog-item.large_featured {
width: 98%;
}
}