Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/hessa.corals.io/wp-content/plugins/trx_addons/components/cpt/layouts/ |
/*
* Custom layouts.
*
*/
.sc_layouts_row {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sc_layouts_row_on_top {
z-index: 99999;
}
body.post-type-cpt_layouts [data-type^="trx-addons/socials"],
body.post-type-cpt_layouts [data-type^="trx-addons/button"],
[data-type^="trx-addons/layouts-"]:not([data-type^="trx-addons/layouts-blog-item"]):not([data-type^="trx-addons/layouts-container"]):not([data-type^="trx-addons/layouts-featured"]):not([data-type^="trx-addons/layouts-title"]),
.wp-block-column > .sc_layouts_item,
.sc_layouts_row .sc_layouts_item,
.sc_layouts_row .sc_layouts_item + div:not(.sc_layouts_item):not(.vc_row):not(.vc_separator):not(.vc_empty_space):not(.vc_wp_text) {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.sc_layouts_row .sc_layouts_item.elementor-widget-divider,
.sc_layouts_row .sc_layouts_item.elementor-widget-spacer {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.post-type-cpt_layouts [data-type^="trx-addons/socials"],
body.post-type-cpt_layouts [data-type^="trx-addons/button"],
[data-type^="trx-addons/layouts-"]:not([data-type^="trx-addons/layouts-blog-item"]):not([data-type^="trx-addons/layouts-container"]):not([data-type^="trx-addons/layouts-featured"]):not([data-type^="trx-addons/layouts-title"]),
.wp-block-column > .sc_layouts_item,
.sc_layouts_item {
max-width: 100%;
}
body.post-type-cpt_layouts [data-type^="trx-addons/socials"],
body.post-type-cpt_layouts [data-type^="trx-addons/button"],
[data-type^="trx-addons/layouts-"]:not([data-type^="trx-addons/layouts-blog-item"]):not([data-type^="trx-addons/layouts-container"]):not([data-type^="trx-addons/layouts-featured"]):not([data-type^="trx-addons/layouts-title"]),
.wp-block-column > .sc_layouts_item,
.sc_layouts_column .sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer),
.sc_layouts_column .sc_layouts_item + div:not(.sc_layouts_item):not(.vc_row):not(.vc_separator):not(.vc_empty_space):not(.vc_wp_text) {
display: inline-block;
vertical-align: middle;
margin-right: 1.5em;
width: auto !important;
}
body.post-type-cpt_layouts .sc_layouts_column_align_left [data-type^="trx-addons/socials"]:last-child,
body.post-type-cpt_layouts .sc_layouts_column_align_left [data-type^="trx-addons/button"]:last-child,
.sc_layouts_column_align_left [data-type^="trx-addons/layouts-"]:not([data-type^="trx-addons/layouts-blog-item"]):not([data-type^="trx-addons/layouts-container"]):not([data-type^="trx-addons/layouts-featured"]):not([data-type^="trx-addons/layouts-title"]):last-child,
.sc_layouts_column_align_left.wp-block-column > .sc_layouts_item:last-child,
.sc_layouts_column_align_left .sc_layouts_item:last-child,
.sc_layouts_column_align_left .sc_layouts_item + div:not(.sc_layouts_item):not(.vc_row):not(.vc_separator):not(.vc_empty_space):not(.vc_wp_text):last-child {
margin-right: 0 !important;
}
body.post-type-cpt_layouts .sc_layouts_column_align_right [data-type^="trx-addons/socials"],
body.post-type-cpt_layouts .sc_layouts_column_align_right [data-type^="trx-addons/button"],
.sc_layouts_column_align_right [data-type^="trx-addons/layouts-"]:not([data-type^="trx-addons/layouts-blog-item"]):not([data-type^="trx-addons/layouts-container"]):not([data-type^="trx-addons/layouts-featured"]):not([data-type^="trx-addons/layouts-title"]),
.sc_layouts_column_align_right.wp-block-column > .sc_layouts_item,
.sc_layouts_column_align_right .sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer),
.sc_layouts_column_align_right .sc_layouts_item + div:not(.sc_layouts_item):not(.vc_row):not(.vc_separator):not(.vc_empty_space):not(.vc_wp_text) {
margin-left: 1.5em;
margin-right: 0;
}
body.post-type-cpt_layouts .sc_layouts_column_align_right [data-type^="trx-addons/socials"]:first-child,
body.post-type-cpt_layouts .sc_layouts_column_align_right [data-type^="trx-addons/button"]:first-child,
.sc_layouts_column_align_right [data-type^="trx-addons/layouts-"]:not([data-type^="trx-addons/layouts-blog-item"]):not([data-type^="trx-addons/layouts-container"]):not([data-type^="trx-addons/layouts-featured"]):not([data-type^="trx-addons/layouts-title"]):first-child,
.sc_layouts_column_align_right.wp-block-column > .sc_layouts_item:first-child,
.sc_layouts_column_align_right .sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer):first-child,
.sc_layouts_column_align_right .sc_layouts_item + div:not(.sc_layouts_item):not(.vc_row):not(.vc_separator):not(.vc_empty_space):not(.vc_wp_text):first-child {
margin-left: 0 !important;
}
body.post-type-cpt_layouts .sc_layouts_column_align_center [data-type^="trx-addons/socials"],
body.post-type-cpt_layouts .sc_layouts_column_align_center [data-type^="trx-addons/button"],
.sc_layouts_column_align_center [data-type^="trx-addons/layouts-"]:not([data-type^="trx-addons/layouts-blog-item"]):not([data-type^="trx-addons/layouts-container"]):not([data-type^="trx-addons/layouts-featured"]):not([data-type^="trx-addons/layouts-title"]),
.sc_layouts_column_align_center.wp-block-column > .sc_layouts_item,
.sc_layouts_column_align_center .sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer),
.sc_layouts_column_align_center .sc_layouts_item + div:not(.sc_layouts_item):not(.vc_row):not(.vc_separator):not(.vc_empty_space):not(.vc_wp_text) {
margin-left: 0.75em;
margin-right: 0.75em;
}
.sc_layouts_submenu .vc_separator,
.sc_layouts_submenu .vc_empty_space,
.sc_layouts_submenu .elementor-widget-divider,
.sc_layouts_submenu .elementor-widget-spacer,
.sc_layouts_row .vc_separator,
.sc_layouts_row .vc_empty_space,
.sc_layouts_row .elementor-widget-divider,
.sc_layouts_row .elementor-widget-spacer {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.sc_layouts_row .sc_layouts_item + div.vc_separator:not(.sc_layouts_item):not(.vc_row):not(.vc_separator):not(.vc_empty_space):not(.vc_wp_text),
.sc_layouts_row .sc_layouts_item + div.vc_empty_space:not(.sc_layouts_item):not(.vc_row):not(.vc_separator):not(.vc_empty_space):not(.vc_wp_text),
.sc_layouts_row .sc_layouts_item + div.elementor-widget-divider,
.sc_layouts_row .sc_layouts_item + div.elementor-widget-spacer {
margin: 0 !important;
}
.sc_layouts_column .vc_separator,
.sc_layouts_column .vc_empty_space,
.sc_layouts_column .elementor-widget-divider,
.sc_layouts_column .elementor-widget-spacer {
width: 100%;
}
.sc_layouts_column_align_left,
.sc_layouts_column.sc_layouts_column_align_left .widget,
.sc_layouts_column.sc_layouts_column_align_left .widget_title,
.sc_layouts_column.sc_layouts_column_align_left .widgettitle {
text-align: left;
}
.sc_layouts_column_align_left .elementor-widget-wrap {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sc_layouts_column_align_center,
.sc_layouts_column.sc_layouts_column_align_center .widget,
.sc_layouts_column.sc_layouts_column_align_center .widget_title,
.sc_layouts_column.sc_layouts_column_align_center .widgettitle {
text-align: center;
}
.sc_layouts_column_align_center .elementor-widget-wrap {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.sc_layouts_column_align_right,
.sc_layouts_column.sc_layouts_column_align_right .widget,
.sc_layouts_column.sc_layouts_column_align_right .widget_title,
.sc_layouts_column.sc_layouts_column_align_right .widgettitle {
text-align: right;
}
.sc_layouts_column_align_left .elementor-widget-wrap {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sc_layouts_column_align_center .elementor-widget-wrap {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.sc_layouts_column_align_right .elementor-widget-wrap {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.sc_layouts_row_delimiter {
border-bottom: 1px solid #ddd;
}
/* Hide on XXX
------------------------------------------------- */
body.frontpage:not(.elementor-editor-active) .sc_layouts_hide_on_frontpage,
body.home-page:not(.elementor-editor-active) .sc_layouts_hide_on_frontpage,
body.home:not(.elementor-editor-active) .sc_layouts_hide_on_frontpage,
body.error404:not(.elementor-editor-active) .sc_layouts_hide_on_frontpage,
body.single:not(.elementor-editor-active) .sc_layouts_hide_on_singular,
body.page:not(.elementor-editor-active) .sc_layouts_hide_on_singular,
body:not(.single):not(.page):not(.elementor-editor-active) .sc_layouts_hide_on_other {
display: none !important;
}
@media (min-width: 2160px) {
.hide_on_wide, .sc_layouts_hide_on_wide {
display: none !important;
}
}
@media (min-width: 1680px) and (max-width: 2159px) {
.hide_on_desktop, .sc_layouts_hide_on_desktop {
display: none !important;
}
}
@media (min-width: 1280px) and (max-width: 1679px) {
.hide_on_notebook, .sc_layouts_hide_on_notebook {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.hide_on_tablet, .sc_layouts_hide_on_tablet {
display: none !important;
}
}
@media (max-width: 767px) {
.hide_on_mobile, .sc_layouts_hide_on_mobile {
display: none !important;
}
}
/* Common rules
------------------------------------------------- */
/* Text with icons */
.sc_layouts_iconed_text {
white-space: nowrap;
}
.sc_layouts_item_link {
display: block;
}
.sc_layouts_item_icon {
font-size: 2.25em;
line-height: 1.1em;
display: inline-block;
vertical-align: middle;
-webkit-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.sc_layouts_item_icon.sc_icon_type_svg svg,
.sc_layouts_item_icon.sc_icon_type_svg object {
width: 1em;
height: 1em;
}
.sc_layouts_item_details {
display: inline-block;
vertical-align: middle;
white-space: normal;
}
.sc_layouts_item_icon + .sc_layouts_item_details {
margin-left: 0.5em;
}
.sc_layouts_column_icons_position_left .sc_layouts_item_details {
text-align: left;
}
.sc_layouts_column_icons_position_right .sc_layouts_item_details {
text-align: right;
}
.sc_align_center .sc_layouts_item_details {
text-align: center;
}
.sc_layouts_item_details_line1,
.sc_layouts_item_details_line2 {
display: block;
}
.sc_layouts_item_details_line1 {
font-size: 0.9333em;
line-height: 1.1429em;
font-weight: 300;
}
.sc_layouts_item_details_line2 {
font-size: 1.0667em;
line-height: 1.3125em;
font-weight: 600;
}
.sc_layouts_column_icons_position_right .sc_layouts_item:after {
content: ' ';
clear: both;
width: 100%;
height: 0;
display: block;
}
.sc_layouts_column_icons_position_right .sc_layouts_item_icon {
float: right;
margin-left: 0.4em;
margin-right: 0;
}
.sc_layouts_column_icons_position_right .sc_layouts_item_details {
float: right;
}
/* Login link */
.sc_layouts_menu_nav.sc_layouts_login_menu,
.sc_layouts_menu_nav.sc_layouts_login_menu > li > ul {
font-size: 1em;
}
.sc_layouts_login_menu .menu-item:not(.menu-item-has-children) .trx_addons_login_link {
padding: 0em;
}
/* Button */
.sc_layouts_row .sc_button {
vertical-align: top;
text-align: center;
}
/* Row type: Narrow
-------------------------------------------------- */
.sc_layouts_row_type_narrow {
font-size: 13px;
line-height: 18px;
padding: 6px 0;
}
/* Text with icons */
.sc_layouts_row_type_narrow {
/* Social icons */
/* Button */
}
.sc_layouts_row_type_narrow .sc_layouts_item_icon,
.sc_layouts_row_type_narrow .sc_layouts_item input[type="text"] {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
}
.sc_layouts_row_type_narrow .sc_layouts_item_details_line1,
.sc_layouts_row_type_narrow .sc_layouts_item_details_line2 {
display: inline-block;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
}
.sc_layouts_row_type_narrow .sc_layouts_item_details_line1 + .sc_layouts_item_details_line2 {
margin-left: 0.5em;
}
.sc_layouts_row_type_narrow .socials_wrap,
.sc_layouts_row_type_narrow .socials_wrap:not([class*="socials_type_"]) {
margin: 0;
}
.sc_layouts_row_type_narrow .socials_wrap .social_item,
.sc_layouts_row_type_narrow .socials_wrap:not([class*="socials_type_"]) .social_item {
margin: 0 8px 0 0;
}
.sc_layouts_row_type_narrow .socials_wrap .social_item .social_icon,
.sc_layouts_row_type_narrow .socials_wrap:not([class*="socials_type_"]) .social_item .social_icon {
font-size: 15px;
width: auto;
height: auto;
line-height: inherit;
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-color: transparent !important;
}
.sc_layouts_row_type_narrow .socials_wrap .social_item_style_bg .social_icon,
.sc_layouts_row_type_narrow .socials_wrap:not([class*="socials_type_"]) .social_item_style_bg .social_icon {
width: 1.2em;
height: 1.2em;
}
.sc_layouts_row_type_narrow .socials_wrap .social_icon svg,
.sc_layouts_row_type_narrow .socials_wrap .social_icon object {
width: 1em;
height: 1em;
}
.sc_layouts_row_type_narrow .sc_button {
background-color: transparent;
border: 1px solid #efa758;
color: #efa758;
}
/* Row type: Compact
-------------------------------------------------- */
.sc_layouts_row_type_compact {
padding: 0.75em 0;
}
.sc_layouts_row_type_compact .sc_layouts_item,
.sc_layouts_row_type_normal .sc_layouts_item {
letter-spacing: 0;
}
/* Text with icons */
.sc_layouts_row_type_compact {
/* Social icons */
}
.sc_layouts_row_type_compact .sc_layouts_item_icon {
font-size: 1.25em;
font-weight: 400;
}
.sc_layouts_row_type_compact .sc_layouts_item input[type="text"] {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
}
.sc_layouts_row_type_compact .sc_layouts_item_details_line1,
.sc_layouts_row_type_compact .sc_layouts_item_details_line2 {
display: inline-block;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
}
.sc_layouts_row_type_compact .sc_layouts_item_details_line1 + .sc_layouts_item_details_line2 {
margin-left: 0.5em;
}
.sc_layouts_row_type_compact .socials_wrap,
.sc_layouts_row_type_compact .socials_wrap:not([class*="socials_type_"]) {
margin: 0;
}
.sc_layouts_row_type_compact .socials_wrap .social_item,
.sc_layouts_row_type_compact .socials_wrap:not([class*="socials_type_"]) .social_item {
margin: 0 10px 0 0;
}
.sc_layouts_row_type_compact socials_wrap .social_item .social_icon,
.sc_layouts_row_type_compact .socials_wrap:not([class*="socials_type_"]) .social_item .social_icon {
font-size: 15px;
width: auto;
height: auto;
line-height: inherit;
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.sc_layouts_row_type_compact .socials_wrap .social_item_style_bg .social_icon,
.sc_layouts_row_type_compact .socials_wrap:not([class*="socials_type_"]) .social_item_style_bg .social_icon {
width: 1.2em;
height: 1.2em;
}
/* Row type: Normal
-------------------------------------------------- */
.sc_layouts_row_type_normal {
padding: 2em 0;
}
/* Fixed rows
--------------------------------------------- */
.sc_layouts_row_fixed_placeholder {
display: none;
position: relative;
}
.sc_layouts_row_unfixed_placeholder {
position: relative;
width: 100%;
height: 0;
}
.sc_layouts_row_fixed_marker_on,
.sc_layouts_row_fixed_marker_off {
visibility: hidden;
opacity: 0;
pointer-events: none;
width: 100%;
height: 1px;
}
.sc_layouts_row_fixed_marker_on {
position: absolute;
z-index: -1;
top: -1.25px;
left: 0;
}
.sc_layouts_row_fixed_marker_off {
position: absolute;
z-index: -1;
top: -1.25px;
left: 0;
}
.sc_layouts_row_fixed_on {
position: fixed;
z-index: 100002;
top: 0;
right: -15px;
bottom: auto;
left: -15px;
position: fixed !important;
background-color: #fff;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0;
margin-bottom: 0;
}
.sc_layouts_row_fixed_on + .sc_layouts_row_fixed_placeholder {
display: block;
width: 100%;
}
.sc_layouts_row_fixed_on.e-con:not(.elementor-section-justified), .sc_layouts_row_fixed_on.elementor-section:not(.elementor-section-justified) {
left: 0;
right: 0;
}
.sc_layouts_row_fixed_on ~ .sc_layouts_row_fixed_on {
z-index: 100001;
}
.sc_layouts_row_fixed_on ~ .sc_layouts_row_fixed_on ~ .sc_layouts_row_fixed_on {
z-index: 100000;
}
.sc_layouts_row_fixed_on.sc_layouts_row_on_top {
z-index: 999999;
}
/* Delay for fixed rows */
:root {
--trx-addons-fixed-rows-duration: 0.4s;
}
.sc_layouts_row_fixed.sc_layouts_row_delay_fixed:not(.sc_layouts_row_fixed_with_fullscreen) {
-webkit-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
.sc_layouts_row_fixed.sc_layouts_row_delay_fixed.sc_layouts_row_fixed_with_fullscreen {
margin-top: 0;
will-change: margin-top;
}
.sc_layouts_row_fixed_on.sc_layouts_row_delay_fixed:not(.sc_layouts_row_fixed_with_fullscreen) {
-webkit-animation: trx-addons-layouts-fix-row var(--trx-addons-fixed-rows-duration) ease-out 0s 1 forwards;
-ms-animation: trx-addons-layouts-fix-row var(--trx-addons-fixed-rows-duration) ease-out 0s 1 forwards;
animation: trx-addons-layouts-fix-row var(--trx-addons-fixed-rows-duration) ease-out 0s 1 forwards;
}
.sc_layouts_row_fixed_on.sc_layouts_row_delay_fixed.sc_layouts_row_fixed_with_fullscreen.sc_layouts_row_fixed_with_fullscreen {
-webkit-animation: trx-addons-layouts-fix-row2 var(--trx-addons-fixed-rows-duration) ease-out 0s 1 forwards;
-ms-animation: trx-addons-layouts-fix-row2 var(--trx-addons-fixed-rows-duration) ease-out 0s 1 forwards;
animation: trx-addons-layouts-fix-row2 var(--trx-addons-fixed-rows-duration) ease-out 0s 1 forwards;
}
.sc_layouts_row_fixed_on.sc_layouts_row_delay_fixed.sc_layouts_row_fixed_animation_off:not(.sc_layouts_row_fixed_with_fullscreen) {
-webkit-animation: trx-addons-layouts-unfix-row var(--trx-addons-fixed-rows-duration) ease-in 0s 1 forwards;
-ms-animation: trx-addons-layouts-unfix-row var(--trx-addons-fixed-rows-duration) ease-in 0s 1 forwards;
animation: trx-addons-layouts-unfix-row var(--trx-addons-fixed-rows-duration) ease-in 0s 1 forwards;
}
.sc_layouts_row_fixed_on.sc_layouts_row_delay_fixed.sc_layouts_row_fixed_animation_off.sc_layouts_row_fixed_with_fullscreen.sc_layouts_row_fixed_with_fullscreen {
-webkit-animation: trx-addons-layouts-unfix-row2 var(--trx-addons-fixed-rows-duration) ease-in 0s 1 forwards;
-ms-animation: trx-addons-layouts-unfix-row2 var(--trx-addons-fixed-rows-duration) ease-in 0s 1 forwards;
animation: trx-addons-layouts-unfix-row2 var(--trx-addons-fixed-rows-duration) ease-in 0s 1 forwards;
}
@-webkit-keyframes trx-addons-layouts-fix-row {
from {
-webkit-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%);
}
to {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes trx-addons-layouts-fix-row {
from {
-webkit-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%);
}
to {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes trx-addons-layouts-unfix-row {
from {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%);
}
}
@keyframes trx-addons-layouts-unfix-row {
from {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%);
}
}
@-webkit-keyframes trx-addons-layouts-fix-row2 {
from {
margin-top: -20em;
}
to {
margin-top: 0;
}
}
@keyframes trx-addons-layouts-fix-row2 {
from {
margin-top: -20em;
}
to {
margin-top: 0;
}
}
@-webkit-keyframes trx-addons-layouts-unfix-row2 {
from {
margin-top: 0;
}
to {
margin-top: -20em;
}
}
@keyframes trx-addons-layouts-unfix-row2 {
from {
margin-top: 0;
}
to {
margin-top: -20em;
}
}
/* Hide fixed rows */
body.hide_fixed_rows .sc_layouts_row_fixed_on:not(.sc_layouts_row_fixed_with_fullscreen) {
-webkit-animation: trx-addons-layouts-unfix-row var(--trx-addons-fixed-rows-duration) ease-in 0s 1 forwards;
-ms-animation: trx-addons-layouts-unfix-row var(--trx-addons-fixed-rows-duration) ease-in 0s 1 forwards;
animation: trx-addons-layouts-unfix-row var(--trx-addons-fixed-rows-duration) ease-in 0s 1 forwards;
}
body.hide_fixed_rows .sc_layouts_row_fixed_on.sc_layouts_row_fixed_with_fullscreen.sc_layouts_row_fixed_with_fullscreen {
-webkit-animation: trx-addons-layouts-unfix-row2 var(--trx-addons-fixed-rows-duration) ease-in 0s 1 forwards;
-ms-animation: trx-addons-layouts-unfix-row2 var(--trx-addons-fixed-rows-duration) ease-in 0s 1 forwards;
animation: trx-addons-layouts-unfix-row2 var(--trx-addons-fixed-rows-duration) ease-in 0s 1 forwards;
}
body.hide_fixed_rows .sc_layouts_row_fixed_placeholder {
-webkit-transition: height var(--trx-addons-fixed-rows-duration) ease !important;
-ms-transition: height var(--trx-addons-fixed-rows-duration) ease !important;
transition: height var(--trx-addons-fixed-rows-duration) ease !important;
}
body.hide_fixed_rows_enabled .sc_layouts_row_fixed:not(.sc_layouts_row_fixed_on) + .sc_layouts_row_fixed_placeholder {
height: 0 !important;
}
/* Hide unfixed row */
body:not(.elementor-editor-active) .sc_layouts_row_hide_unfixed:not(.sc_layouts_row_fixed_on) {
height: 0;
padding: 0;
overflow: hidden;
}
/* Flex columns with equal height
--------------------------------------------- */
.sc_layouts_flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sc_layouts_flex > .sc_layouts_column {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.sc_layouts_flex > .sc_layouts_column > .sc_layouts_item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.sc_layouts_flex.sc_layouts_columns_stretch {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc_layouts_flex.sc_layouts_columns_top {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.sc_layouts_flex.sc_layouts_columns_bottom {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.sc_layouts_flex.sc_layouts_columns_middle {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.sc_layouts_flex.sc_layouts_content_top > .sc_layouts_column > .sc_layouts_item {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sc_layouts_flex.sc_layouts_content_top:not(.sc_layouts_columns_stretch) > .sc_layouts_column {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.sc_layouts_flex.sc_layouts_content_bottom > .sc_layouts_column > .sc_layouts_item {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.sc_layouts_flex.sc_layouts_content_bottom:not(.sc_layouts_columns_stretch) > .sc_layouts_column {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.sc_layouts_flex.sc_layouts_content_middle > .sc_layouts_column > .sc_layouts_item {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.sc_layouts_flex.sc_layouts_content_middle:not(.sc_layouts_columns_stretch) > .sc_layouts_column {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sc_layouts_flex.sc_layouts_columns_bottom:after,
.sc_layouts_flex.sc_layouts_columns_middle:after,
.sc_layouts_flex.sc_layouts_columns_top:after {
content: '';
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
display: block;
}
/* Layouts in the popup & panel
------------------------------------------ */
.sc_layouts_popup {
display: none;
background-color: #fff;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.sc_layouts_popup > p {
margin: 0;
}
.sc_layouts_popup .wp-video {
width: 100% !important;
}
.mfp-content .sc_layouts_popup {
display: block;
overflow-x: hidden;
overflow-y: auto;
max-height: 75vh;
}
.mfp-inline-holder div.mfp-content,
.mfp-ajax-holder div.mfp-content {
width: auto;
min-width: 60%;
max-width: 85%;
min-height: 40%;
max-height: 80%;
}
/* Panels */
.sc_layouts_panel_hide_content {
position: fixed;
z-index: 100000;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
-webkit-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
-webkit-transition: background-color 0.8s ease;
-ms-transition: background-color 0.8s ease;
transition: background-color 0.8s ease;
}
.sc_layouts_panel_hide_content.sc_layouts_panel_opened {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
background-color: rgba(0, 0, 0, 0.5);
}
.sc_layouts_panel {
opacity: 0;
}
.sc_layouts_panel.sc_layouts_panel_opened {
-webkit-transition: -webkit-transform 0.8s ease, opacity 0.3s ease;
-ms-transition: -ms-transform 0.8s ease, opacity 0.3s ease;
transition: transform 0.8s ease, opacity 0.3s ease;
opacity: 1;
}
.sc_layouts_panel,
.sc_layouts_panel_inner {
-webkit-transition: -webkit-transform 0.8s ease, opacity 6s ease;
-ms-transition: -ms-transform 0.8s ease, opacity 6s ease;
transition: transform 0.8s ease, opacity 6s ease;
}
.sc_layouts_panel_inner {
background-color: #fff;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 2em 3em;
}
.sc_layouts_panel_inner > p {
margin: 0;
}
.sc_layouts_panel_left {
position: fixed;
z-index: 100001;
top: 0;
left: 0;
max-width: 100%;
height: 100%;
}
.sc_layouts_panel_right {
position: fixed;
z-index: 100001;
top: 0;
right: 0;
max-width: 100%;
height: 100%;
}
.sc_layouts_panel_top {
position: fixed;
z-index: 100001;
top: 0;
left: 0;
max-height: 100%;
width: 100%;
}
.sc_layouts_panel_bottom {
position: fixed;
z-index: 100001;
bottom: 0;
left: 0;
max-height: 100%;
width: 100%;
}
/* Panels effect: Slide */
.sc_layouts_panel_left.sc_layouts_effect_slide {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.sc_layouts_panel_right.sc_layouts_effect_slide {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.sc_layouts_panel_top.sc_layouts_effect_slide {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.sc_layouts_panel_bottom.sc_layouts_effect_slide {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.sc_layouts_panel.sc_layouts_effect_slide.sc_layouts_panel_opened {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
/* Panels effect: Flip */
.sc_layouts_panel.sc_layouts_effect_flip,
.sc_layouts_panel.sc_layouts_effect_flipout {
-webkit-perspective: 600px;
-ms-perspective: 600px;
perspective: 600px;
pointer-events: none;
}
.sc_layouts_panel.sc_layouts_effect_flip.sc_layouts_panel_opened,
.sc_layouts_panel.sc_layouts_effect_flipout.sc_layouts_panel_opened {
pointer-events: initial;
}
.sc_layouts_panel_left.sc_layouts_effect_flip .sc_layouts_panel_inner {
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotateY(120deg);
-ms-transform: rotateY(120deg);
transform: rotateY(120deg);
}
.sc_layouts_panel_left.sc_layouts_effect_flipout .sc_layouts_panel_inner {
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotateY(-120deg);
-ms-transform: rotateY(-120deg);
transform: rotateY(-120deg);
}
.sc_layouts_panel_left.sc_layouts_effect_flip.sc_layouts_panel_opened .sc_layouts_panel_inner,
.sc_layouts_panel_left.sc_layouts_effect_flipout.sc_layouts_panel_opened .sc_layouts_panel_inner {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.sc_layouts_panel_right.sc_layouts_effect_flip .sc_layouts_panel_inner {
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotateY(-120deg);
-ms-transform: rotateY(-120deg);
transform: rotateY(-120deg);
}
.sc_layouts_panel_right.sc_layouts_effect_flipout .sc_layouts_panel_inner {
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotateY(120deg);
-ms-transform: rotateY(120deg);
transform: rotateY(120deg);
}
.sc_layouts_panel_right.sc_layouts_effect_flip.sc_layouts_panel_opened .sc_layouts_panel_inner,
.sc_layouts_panel_right.sc_layouts_effect_flipout.sc_layouts_panel_opened .sc_layouts_panel_inner {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.sc_layouts_panel_top.sc_layouts_effect_flip .sc_layouts_panel_inner {
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
-webkit-transform: rotateX(-120deg);
-ms-transform: rotateX(-120deg);
transform: rotateX(-120deg);
}
.sc_layouts_panel_top.sc_layouts_effect_flipout .sc_layouts_panel_inner {
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
-webkit-transform: rotateX(120deg);
-ms-transform: rotateX(120deg);
transform: rotateX(120deg);
}
.sc_layouts_panel_top.sc_layouts_effect_flip.sc_layouts_panel_opened .sc_layouts_panel_inner,
.sc_layouts_panel_top.sc_layouts_effect_flipout.sc_layouts_panel_opened .sc_layouts_panel_inner {
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.sc_layouts_panel_bottom.sc_layouts_effect_flip .sc_layouts_panel_inner {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: rotateX(120deg);
-ms-transform: rotateX(120deg);
transform: rotateX(120deg);
}
.sc_layouts_panel_bottom.sc_layouts_effect_flipout .sc_layouts_panel_inner {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: rotateX(-120deg);
-ms-transform: rotateX(-120deg);
transform: rotateX(-120deg);
}
.sc_layouts_panel_bottom.sc_layouts_effect_flip.sc_layouts_panel_opened .sc_layouts_panel_inner,
.sc_layouts_panel_bottom.sc_layouts_effect_flipout.sc_layouts_panel_opened .sc_layouts_panel_inner {
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}
/* Elementor container settings
----------------------------------------- */
body.single-cpt_layouts .trx-addons-layout--single-preview {
position: relative;
margin: 0 auto;
}
body.single-cpt_layouts.body_style_wide .trx-addons-layout--single-preview,
body.single-cpt_layouts.body_style_boxed .trx-addons-layout--single-preview {
max-width: var(--theme-var-page) !important;
}
body.single-cpt_layouts[class*="cpt_layouts-template"] {
background-image: url(images/transparent.png);
background-repeat: repeat;
}
body[class*="cpt_layouts-template"] .trx-addons-layout--edit-mode .trx-addons-layout__inner,
body[class*="cpt_layouts-template"] .trx-addons-layout--single-preview .trx-addons-layout__inner {
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
/* Device-specific responsive must be inside main CSS, not in responsive
-------------------------------------------------------------------------- */
@media (min-width: 1680px) and (max-width: 2159px) {
/* Layouts */
.sc_layouts_row.sc_layouts_row_fixed_on .custom-logo-link img,
.sc_layouts_row.sc_layouts_row_fixed_on .sc_layouts_logo img {
max-height: 3em;
}
}
@media (min-width: 1280px) and (max-width: 1679px) {
/* Layouts */
.sc_layouts_row.sc_layouts_row_fixed_on .custom-logo-link img,
.sc_layouts_row.sc_layouts_row_fixed_on .sc_layouts_logo img {
max-height: 3em;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
/* Layouts */
.sc_layouts_row.sc_layouts_row_fixed_on .custom-logo-link img,
.sc_layouts_row.sc_layouts_row_fixed_on .sc_layouts_logo img {
max-height: 3em;
}
}
@media (max-width: 767px) {
/* Layouts */
.sc_layouts_row.sc_layouts_row_fixed_on.sc_layouts_row_fixed_always .custom-logo-link img,
.sc_layouts_row.sc_layouts_row_fixed_on.sc_layouts_row_fixed_always .sc_layouts_logo img {
max-height: 3em;
}
}
/*# sourceMappingURL=layouts.css.map */