Current File : /home/kelaby89/cartel.express/wp-content/plugins/trx_addons/components/cpt/layouts/layouts.css

/*
 * 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) .hide_on_frontpage, body.home-page:not(.elementor-editor-active) .hide_on_frontpage, body.home:not(.elementor-editor-active) .hide_on_frontpage, body.error404:not(.elementor-editor-active) .hide_on_frontpage, 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 {
  display: none !important;
}

body.single:not(.elementor-editor-active) .hide_on_singular, body.page:not(.elementor-editor-active) .hide_on_singular, body.single:not(.elementor-editor-active) .sc_layouts_hide_on_singular, body.page:not(.elementor-editor-active) .sc_layouts_hide_on_singular {
  display: none !important;
}

body:not(.single):not(.page):not(.elementor-editor-active) .hide_on_other, 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_icon.sc_icon_type_images img {
  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 {
  vertical-align: top;
}
.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;
}

.sc_layouts_login_menu .trx_addons_login_link {
  white-space: nowrap;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.sc_layouts_login_menu .trx_addons_login_link > span {
  vertical-align: top;
}
.sc_layouts_login_menu .trx_addons_login_link .sc_layouts_item_details_line1,
.sc_layouts_login_menu .trx_addons_login_link .sc_layouts_item_details_line2 {
  -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.sc_layouts_login_menu .trx_addons_login_link svg {
  -webkit-transition: fill 0.3s ease;
  -ms-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.sc_layouts_login_menu .trx_addons_login_link.trx_addons_login_link_with_custom_icon:after {
  display: none !important;
}

/* 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;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
}
:where(body.trx_addons_page_scrolled) .sc_layouts_row_fixed_on {
  background-color: #fff;
}
.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: 80vh;
}

.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, transform 0s ease 0.8s;
  -ms-transition: background-color 0.8s ease, transform 0s ease 0.8s;
  transition: background-color 0.8s ease, transform 0s ease 0.8s;
}

.sc_layouts_panel_hide_content.sc_layouts_panel_opened {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: background-color 0.8s ease;
  -ms-transition: background-color 0.8s ease;
  transition: background-color 0.8s ease;
}

.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 */