/*
Theme Name:  Salient
Version:     15.0.7
Description: An Ultra Responsive Multi-Purpose Theme.
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author:      ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
License:     Custom license
License URI: http://themeforest.net/licenses/terms/regular
Text Domain: salient
*/

/*-------------------------------------------------------------------------*/
/* Note: The theme CSS files are loaded through the /css/ folder. 
/*-------------------------------------------------------------------------*/

/* 0.General */
:root {
  --active-light-color: #e2e2e2;
  --active-dark-color: #000;
  cursor: url('/wp-content/uploads/2024/11/cursore-bianco.svg') 16 16, auto;
}
body.home {
  /* position: fixed; */
  overflow: auto;
  color: var(--active-dark-color) !important;
  background: var(--active-light-color) !important;
}
body.portfolio-template-default{
  /* position: static */
}
body,
.container-wrap,
.material .ocm-effect-wrap,
.project-title,
.ascend .container-wrap,
.ascend .project-title,
body .vc_text_separator div,
.carousel-wrap[data-full-width="true"] .carousel-heading,
.carousel-wrap .left-border,
.carousel-wrap .right-border,
.single-post.ascend #page-header-bg.fullscreen-header,
.single-post #single-below-header.fullscreen-header,
#page-header-wrap,
.page-header-no-bg,
#full_width_portfolio .project-title.parallax-effect,
.portfolio-items .col,
.page-template-template-portfolio-php .portfolio-items .col.span_3,
.page-template-template-portfolio-php .portfolio-items .col.span_4,
body .nectar-quick-view-box div.product .product div.summary,
.nectar-global-section.before-footer,
.nectar-global-section.after-nav,
body.box-rolling,
body[data-footer-reveal="1"].ascend.box-rolling,
body[data-footer-reveal="1"].box-rolling,
.wpml-ls-statics-footer {
  background: var(--active-light-color) !important;
  color: var(--active-dark-color) !important;
}
h1,
h2,
h3,
h4,
h5,
strong,
b,
a {
  color: var(--active-dark-color) !important;
}
#header-outer #top nav > ul > li.menu-item > a,
#header-outer .slide-out-widget-area-toggle a i.label,
#header-outer:not(.transparent) #top #logo,
#header-outer #top .span_9 > .slide-out-widget-area-toggle i,
#header-outer #top .sf-sub-indicator i,
body[data-header-color="custom"].ascend
  #boxed
  #header-outer
  .cart-menu
  .cart-icon-wrap
  i,
#header-outer #top nav ul #nectar-user-account a span,
#header-outer #top #toggle-nav i,
.material
  #header-outer:not([data-permanent-transparent="1"])
  .mobile-search
  .icon-salient-search,
#header-outer:not([data-permanent-transparent="1"])
  .mobile-user-account
  .icon-salient-m-user,
#header-outer:not([data-permanent-transparent="1"])
  .mobile-search
  .icon-salient-search,
#header-outer #top #mobile-cart-link i,
#header-outer .cart-menu .cart-icon-wrap .icon-salient-cart,
body[data-header-format="left-header"] #header-outer #social-in-menu a,
#header-outer #top nav ul #search-btn a span,
#search-outer #search input[type="text"],
#search-outer #search #close a span,
body.ascend #search-outer #search #close a span,
body.ascend #search-outer #search input[type="text"],
.material #search-outer #search .span_12 span,
.style_slide_in_click .total,
.style_slide_in_click .total strong,
.nectar-slide-in-cart.style_slide_in_click h4,
.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart,
.nectar-slide-in-cart.style_slide_in_click
  .widget_shopping_cart
  .cart_list.woocommerce-mini-cart
  .mini_cart_item
  a,
.style_slide_in_click .woocommerce-mini-cart__empty-message h3 {
  color: var(--active-dark-color) !important;
}
#slide-out-widget-area-bg.fullscreen-alt .bg-inner {
  background-color: var(--active-light-color) !important;
}

body.home .ocm-effect-wrap-inner {
  display: flex;
  flex-direction: row !important;
}
.portfolio-template-default .ocm-effect-wrap-inner {
  /* flex-direction: column !important; */
}
#switch-mode.dark-mode path:last-child,
#switch-mode path:last-child {
  /* fill: var(--active-dark-color) !important; */
  fill: #fff !important;
}
.home .row {
  display: flex;
  flex-wrap: wrap;
}
.d-block {
  display: block !important;
}
.d-none {
  display: none !important;
}
/* body, html, #ajax-content-wrap {
  overflow-y: hidden;
} */
body.home #ajax-content-wrap {
  padding: 0;
  margin: 0;
  padding: 0;
  flex-direction: row !important;
}
.page-template-default #ajax-content-wrap,
.portfolio-template-default #ajax-content-wrap {
  /* display: block!important;
  border-top: 1px solid var(--active-dark-color);
  flex-grow: unset!important */
  padding-top: 140px; 
}
#ocm-effect-wrap-inner {
  overflow-x: scroll;
}
#slide-out-widget-area,
#slide-out-widget-area-bg,
#slide_out_area_close {
  /* display: none !important; */
}
body[data-button-style*="slightly_rounded"] button.button-custom {
  text-align: center;
  border-radius: 60px !important;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 20px;
  transition: all 300ms;
  appearance: none;
  cursor: pointer;
  border-color: var(--active-dark-color);
}
body[data-button-style*="slightly_rounded"] button.button-custom svg {
  margin-right: 15px;
}
body[data-button-style*="slightly_rounded"] button.button-custom.btn-outline {
  background: transparent;
  color: var(--active-dark-color);
}
body[data-button-style*="slightly_rounded"]
  button.button-custom.btn-outline:hover {
  background: var(--active-dark-color);
  color: var(--active-light-color);
}
body[data-button-style*="slightly_rounded"]
  button.button-custom.btn-outline
  svg
  * {
  fill: var(--active-dark-color);
  stroke: var(--active-dark-color);
}
body[data-button-style*="slightly_rounded"]
  button.button-custom.btn-outline:hover
  svg
  * {
  fill: var(--active-light-color);
  stroke: var(--active-light-color);
}
/* 1.Font */
.text-big {
  font-size: 3vw;
  line-height: 1.25;
  font-weight: 500;
  padding-bottom: 20px;
}
.text-small {
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 2.2;
}
.text-md {
  font-size: 2vw;
  line-height: 1.2;
}
.text-xl {
  font-size: 4vw;
  line-height: 1.4;
}
.text-xxl {
  font-size: 4.5vw;
  line-height: 1.3;
}
@font-face {
  font-family: "Inter";
  src: url("/wp-content/themes/salient/fonts/Helvetica Neue/Helvetica Neue Medium.ttf");
}
@font-face {
  font-family: "Inter";
  font-weight: 300;
  src: url("/wp-content/themes/salient/fonts/Inter/Inter.ttf");
}

/* 2.Header */
#header-space {
  display: none;
}
.current-menu-item:not(.current-menu-item.menu-item-over)
  .menu-title-text::after {
  transform: scaleX(0) !important;
}
#header-outer[data-lhe="animated_underline"]
  #top
  nav
  > ul
  > li.menu-item
  > a
  .menu-title-text:after,
body.material #header-outer #search-outer #search input[type="text"],
body[data-header-format="left-header"].material
  #search-outer
  #search
  input[type="text"] {
  border-color: var(--active-dark-color);
}
#top {
  padding-top: 30px;
}
#top #logo {
  margin: 0 !important;
  color: var(--active-dark-color);
}
#top #logo span {
  font-size: 30px;
  color: var(--active-dark-color);
  font-family: "Inter";
}
body.home #top #logo::after {
  position: absolute !important;
}
#top #logo::after {
  display: block;
  color: var(--active-dark-color);
  content: "Lucavolpato. is a designer freelance that specialise in UX/UI \A including visual identity and creative direction";
  position: relative;
  font-family: "Inter";
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0px;
  font-weight: 400;
  margin-top: 30px;
  white-space: pre;
  text-transform: capitalize;
}
body.home #header-outer {
  position: fixed !important;
}
body[data-hhun="1"].portfolio-template-default #header-outer.detached,
.portfolio-template-default #header-outer {
  /* position: static !important;
  margin-bottom: 40px; */
}
body #header-outer,
body[data-header-color="dark"] #header-outer {
  background: transparent !important;
}
#header-outer:not([data-format="left-header"]) #top > .container > .row {
  flex-wrap: nowrap;
}
#header-outer:not([data-format="left-header"]) #top > .container > .row nav {
  align-items: flex-start;
}
#header-outer:not([data-format="left-header"])
  #top
  > .container
  > .row
  nav
  svg {
  align-items: center;
  margin-left: 50px;
}
#header-outer #top nav > ul > li > a {
  margin: 0 70px !important;
}
#switch-mode {
  cursor: pointer;
}
/* 3.Homepage */
body.home #ajax-content-wrap {
  width: 100vw;
  overflow: scroll;
}
#wrapper-horizontal-scroll {
  display: flex;
  flex-wrap: nowrap;
  /* overflow-x: auto;
  overflow-y: hidden; */
  justify-content: flex-start;
  align-items: flex-end;
  height: calc(100vh);
}
#wrapper-horizontal-scroll::-webkit-scrollbar {
  display: none;
}
#wrapper-horizontal-scroll section {
  flex: 1 0 auto;
  min-width: 100vw;
  height: calc(100vh - 178px);
}
#first-section-home {
  /* display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 0px; */
}
div#copyright-section p {
  padding-bottom: 0px;
}
#first-section-home p {
  /* position: relative;
  width: 100vw;
  font-size: 9vw;
  text-align: center;
  letter-spacing: -1.2rem;
  padding: 100px 0; */
}
#first-section-home p:before {
    /* content: '';
    height: 1px;
    background-color: var(--active-dark-color);
    display: block;
    top: 0;
    position: absolute;
    width: 100vw;
    opacity: 0.5; */
}
#first-section-home p:after {
    /* content: '';
    height: 1px;
    background-color: var(--active-dark-color);
    display: block;
    bottom: 0;
    position: absolute;
    width: 100vw;
    opacity: 0.5; */
}
/* #first-section-home p::after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
  background: var(--active-dark-color);
  margin-top: 30px;
} */
#second-section-home {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 40px;
  position: relative;
  width: max-content;
  padding-bottom: 30px;
}
#second-section-home .container {
  margin-left: 0 !important;
}
#third-section-home {
  overflow-y: hidden;
  background-image: url(/wp-content/uploads/2023/09/lucahome.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 50%;
  height: 100vh !important;
  padding-top: 300px;
  min-width: 100vw !important;
  margin-left: 100px;
  z-index: 1;
}

#third-section-home.overflow-visible {
  overflow-y: scroll;
}
#contact-me {
  background-color: var(--active-light-color);
  transition: background-color 300ms;
}
#contact-me *:not(.wpcf7-submit, .wpcf7-not-valid-tip, .wpcf7-response-output) {
  /* color: var(--active-dark-color) !important; */
}

.container-tabs {
  position: fixed;
  top: 20vh;
  /* opacity: 0; */
  transition: opacity 300ms;
}
.tabs-categories {
  display: flex;
  gap: 30px;
  margin: 10px auto;
  background: transparent !important;
}
.tab-category,
body[data-button-style*="slightly_rounded"] button.tab-category {
  display: flex;
  padding: 7px 30px;
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  border: 1px solid var(--active-dark-color);
  background: var(--active-light-color);
  color: var(--active-dark-color) !important;
  font-family: "Inter";
  font-size: 16px;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
}
.tab-category.active,
body[data-button-style*="slightly_rounded"] button.tab-category.active {
  background: var(--active-dark-color);
  color: var(--active-light-color) !important;
}
.count-portofolio-items {
  position: absolute;
  top: -20px;
  right: -20px;
  color: var(--active-dark-color);
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.fixed-tabs {
  position: fixed;
  top: 204px;
  left: 0;
}
.portolio-categories-content {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  min-height: 55vh;
  width: max-content;
  padding-left: 150px;
}
.portolio-categories-content .portfolio-item {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  list-style: none;
  margin-right: 100px;
  position: relative;
  padding: 0 10px;
  /* width: 100vw; */
}
.portolio-categories-content .portfolio-item h3 {
  font-size: 4.5vh !important;
  transform: rotate(270deg);
  transform-origin: left top;
  position: absolute;
  font-family: "Inter";
  white-space: nowrap;
  font-weight: 400;
  transition: all .35s ease !important;
  -webkit-transition: all .35s ease !important;
  opacity: 0.5;
}
.portolio-categories-content .portfolio-item h3 p {
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    max-width: 120px;
    white-space: pre-wrap;
    line-height: 1.2;
    display: block;
    padding-left: 15px;
    padding-bottom: 0pc;
}
.portolio-categories-content .portfolio-item h3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: var(--active-dark-color);
  bottom: -5px;
  left: 0;
  right: 0;
  z-index: -1;
}
.portolio-categories-content .portfolio-item:first-child {
  margin-left: 0;
}

.fadeIn {
  opacity: 1 !important;
}
.accordion-close .title-accordion--left {
  display: none;
}
.accordion-close .accordion-text {
  display: none;
}
.accordion.accordion-close {
  cursor: pointer;
}

.accordion-open .title-accordion--right {
  display: none;
}
.accordion svg * {
  fill: var(--active-dark-color);
  stroke: var(--active-dark-color);
}
.accordion-open svg {
  display: none;
}
.title-accordion {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 0;
}

.accordion {
  padding-bottom: 0;
}
.accordion .col-12 {
  padding: 35px 0;
  border-bottom: 1px solid var(--active-dark-color);
}
.accordion.accordion-close .col-12:first-child {
  border-bottom: none;
}
.accordion .vc_col-sm-9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion:nth-child(6) .col-12 {
  border-bottom: none;
}
.text-curriculum {
  padding: 35px 0;
  /* border-top: 1px solid var(--active-dark-color); */
  border-bottom: 1px solid var(--active-dark-color);
  padding-bottom: 35px !important;
}
.text-curriculum .text-xl {
  font-weight: 400;
}
.text-curriculum .button-custom {
  margin-left: 130px;
  vertical-align: middle;
}

.pre-contact {
  display: flex;
  align-items: center;
  padding: 80px 0;
}
.pre-contact svg {
  margin-left: 30px;
}
.pre-contact svg * {
  fill: var(--active-dakr-color);
  stroke: var(--active-dakr-color);
}
#contact-me p.text-small {
  padding-bottom: 0;
}
#contact-me label {
  text-transform: uppercase !important;
  opacity: 0.5;
}

#form-contact-me,
#mail-contact-me {
  margin-top: 35px;
}
#social-contact-me {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 180px 0 50px;
  gap: 10px;
}
#social-contact-me p {
  flex: 1 0 100%;
  padding-bottom: 0;
}
#canvas {
  width: 100%;
  height: 70vh;
  overflow: hidden;
  /* border-top: 1px solid var(--active-dark-color) !important; */
}
#canvas canvas {
  height: 100% !important;
  background: var(--active-light-color) !important;
}
#copyright-section {
  padding: 50px 0;
  text-align: center;
}
#copyright-section * {
  background: var(--active-light-color);
  color: var(--active-dark-color);
  font-size: 16px;
}
/*=============================================
=            Contact Form            =
=============================================*/
span.wpcf7-not-valid-tip {
  color: red !important;
}
.wpcf7 .wpcf7-response-output,
.wpcf7-not-valid-tip {
  background: transparent !important;
  color: #46b450 !important;
  border-color: white !important;
}
body[data-fancy-form-rcs="1"]
  .select2-container--default
  .select2-selection--single:hover,
body[data-fancy-form-rcs="1"]
  .select2-container--default.select2-container--open
  .select2-selection--single,
select.wpcf7-form-control.select2-hidden-accessible,
.select2-container--default .select2-selection--single,
input[type="text"].wpcf7-form-control,
input[type="tel"].wpcf7-form-control,
input[type="email"].wpcf7-form-control {
  background-color: transparent !important;
  background: transparent !important;
  border: none;
  border-bottom: 1px solid var(--active-dark-color) !important;
  padding-left: 0 !important;
  color: var(--active-dark-color) !important;
  border-radius: 0;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 35px 0;
  text-transform: none !important;
  opacity: 0.5;
}
.input[type="text"].wpcf7-form-control:first-child {
  border-top: 1px solid var(--active-dark-color) !important;
}
body[data-fancy-form-rcs="1"]
  .select2-container
  .select2-selection--single
  .select2-selection__rendered,
body[data-fancy-form-rcs="1"]
  .select2-container--default:hover
  .select2-selection--single
  .select2-selection__rendered,
body[data-fancy-form-rcs="1"]
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 0 !important;
  color: var(--active-dark-color) !important;
  font-size: 18px !important;
}
input[type="text"].wpcf7-form-control:focus {
  box-shadow: none !important;
  border: none !important;
  border-bottom: 1px solid var(--active-dark-color) !important;
}

.wpcf7-form-control::-webkit-input-placeholder {
  color: var(--active-dark-color) !important;
  opacity: 1;
}
.wpcf7-textarea::-webkit-input-placeholder {
  color: #909090 !important;
  font-weight: 500 !important;
  opacity: 1;
  font-size: 18px !important;
  /* opacity: 0.3 !important; */
}
.wpcf7-textarea {
  border-bottom: 1px solid var(--active-dark-color) !important;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: transparent !important;
  margin-top: 10px;
  border-radius: 0;
  color: #909090 !important;
  padding: 0 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}
.wpcf7-list-item {
  margin-left: 0;
}
.wpcf7-form p span,
.wpcf7-form label {
  font-size: 16px;
  color: var(--active-light-color);
}
body[data-button-style*="slightly_rounded"] input[type="submit"].wpcf7-submit {
  float: right;
  background-color: var(--active-light-color) !important;
  color: var(--active-dark-color) !important;
  border: 1px solid var(--active-dark-color) !important;
  padding: 10px 25px !important;
  font-size: 20px !important;
  text-transform: none !important;
  border-radius: 60px !important;
  opacity: 0.5;
}
body[data-button-style*="slightly_rounded"]
  input[type="submit"].wpcf7-submit:hover {
  background-color: var(--active-dark-color) !important;
  color: var(--active-light-color) !important;
}
/*=====  End of Contact Form  ======*/

/*=====  Portfolio  ======*/
body.single-portfolio .row .col.section-title  {
  text-align: left!important;
}
body.single-portfolio .row .col.section-title h1 {
  text-align: left!important;
  max-width: 100%;
  width: auto;
}
body.single-portfolio .row .col.section-title h1::after {
  display: block;
  position: relative;
  content: "";
  height: 2px;
  width: auto;
  background:var(--active-dark-color)
}
body.single .project-title .section-title {
    padding: 0;
}
/*=====  End of Portfolio  ======*/

.section#third-section-home {
    overflow-y: scroll; /* Abilita lo scroll verticale */
    scrollbar-width: thin; /* Per Firefox: rende la barra sottile */
}

body::-webkit-scrollbar,
div#ajax-content-wrap::-webkit-scrollbar,
section#third-section-home::-webkit-scrollbar {
    width: 0;  /* Nasconde la scrollbar per Webkit (Chrome, Safari) */
}

/* TAB HOME */
body .row__tabhome .toggle[data-inner-wrap=true]>div .inner-toggle-wrap {
  padding: 0px !important;
}
.row__tabhome .toggle h3.toggle-title a.toggle-heading {
  text-transform: uppercase;
  padding-left: 0px;
}
.row__tabhome .toggle {
    border-bottom: 1px solid var(--active-dark-color) !important;
    margin-bottom: 0px !important;
    padding: 20px 0px;
}
div[data-style="minimal"] .toggle > .toggle-title i:after {
  display: none;
}
.row__tabhome .nectar-hor-list-item {
  border: none;
}
.row__tabhome a:not(.toggle-heading) {
  text-decoration: underline;
}
.row__tabhome .toggle h3.toggle-title a.toggle-heading i,
div[data-style="minimal"] .toggle.default.open i {
    border: none !important;
    width: 16px !important;
    height: 14px !important;
}
.row__tabhome .toggle h3.toggle-title a.toggle-heading .fa-plus-circle:before {
    content: '';
    background: url(/wp-content/uploads/2024/11/arrow-tab.svg);
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0deg);
    transition: all .65s ease !important;
    -webkit-transition: all .65s ease !important;
}
div[data-style="minimal"] .toggle i:before {
  transform: rotate(0deg);
  transition: all .65s ease !important;
  -webkit-transition: all .65s ease !important;
}
div[data-style="minimal"] .toggle.open i:before {
    content: '';
    background: url(/wp-content/uploads/2024/11/arrow-tab.svg);
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    background-color: transparent !important;
}
div[data-style="minimal"] .toggle > .toggle-title i:before {
  width: 100% !important;
  height: 100% !important;
}
div[data-style="minimal"] .toggle.default.open i {
    border: none !important;
}
#contact-me p.text-xl a:hover {
    opacity: 1;
}
#contact-me p.text-xl a {
    opacity: 0.3;
    transition: all .55s ease !important;
    -webkit-transition: all .55s ease !important;
}
body.dark-mode .row__tabhome .toggle h3.toggle-title a.toggle-heading .fa-plus-circle:before {
  filter: brightness(0) saturate(100%) invert(85%) sepia(97%) saturate(36%) hue-rotate(8deg) brightness(113%) contrast(96%);
}
body.dark-mode div[data-style="minimal"] .toggle.open > .toggle-title i:before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(79deg) brightness(102%) contrast(102%);
}
body.page-template-default .nectar-scrolling-text .nectar-scrolling-text-inner__text-chunk,
body.home .nectar-scrolling-text .nectar-scrolling-text-inner__text-chunk {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
}
body.page-template-default .nectar-scrolling-text .nectar-scrolling-text-inner__text-chunk img,
body.home .nectar-scrolling-text .nectar-scrolling-text-inner__text-chunk img {
  animation: shaking 3s linear infinite;
  transform-origin: 80% 80%;
}
body.page-template-default .nectar-scrolling-text .nectar-scrolling-text-inner__text-chunk {
    /* margin-right: 350px; */
}
div#copyright-section .row {
    padding: 0;
}
div#copyright-section {
  max-width: 2000px;
  width: 100%;
  margin: 0 auto;
  padding-left: 45px;
  padding-right: 45px;
}
section#scrollinttext-section-home {
    position: relative;
}
section#scrollinttext-section-home:after {
    height: 1px;
    background-color: var(--active-dark-color);
    width: 100%;
    display: block;
    position: relative;
    content: '';
    bottom: 0;
    opacity: 0.3;
}
section#scrollinttext-section-home:before {
    height: 1px;
    background-color: var(--active-dark-color);
    width: 100%;
    display: block;
    position: absolute;
    content: '';
    top: 0;
    opacity: 0.3;
}
body.page-template-default .nectar-scrolling-text,
body.home .nectar-scrolling-text {
  padding: 22px 0;
}
.nectar-post-grid-filters a:after {
  display: none;
}
.nectar-post-grid-wrap[data-style=mouse_follow_image] .nectar-post-grid[data-text-color=dark][data-opacity-hover=yes].mouse-over .nectar-post-grid-item .content span {
  color: var(--active-dark-color) !important;
}
.nectar-post-grid-filters div a {
    padding: 7px 30px;
    border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    border: 1px solid var(--active-dark-color);
}
.nectar-post-grid-filters div a.active {
  color: var(--active-light-color) !important;
  background-color: var(--active-dark-color);
}
.nectar-post-grid-filters h4:after, 
.nectar-post-grid-filters h4:before,
.bottom_controls #portfolio-nav .controls li a i:after {
  background-color: var(--active-dark-color) !important;
}
.nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content a span,
#portfolio-nav a i, #portfolio-nav a i,
body #portfolio-nav a:hover i {
    color: var(--active-dark-color) !important;
}
.nectar-post-grid-wrap .nectar-post-grid-filters h4 {
  border-color: var(--active-dark-color) !important; 
}
#search-outer .close-wrap .close-line, #top .slide-out-widget-area-toggle .close-line, .nectar-close-btn .close-line, .slide_out_area_close .close-wrap .close-line, .style_slide_in_click .close-cart .close-line, #header-outer #top .slide-out-widget-area-toggle a .lines:after, #header-outer #top .slide-out-widget-area-toggle a .lines:before, #header-outer #top .slide-out-widget-area-toggle a .lines-button:after, body.material.mobile #header-outer.transparent:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line, body.material.mobile #header-outer:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line, #search-outer .close-wrap .close-line, #header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line, .nectar-slide-in-cart.style_slide_in_click .close-cart .close-line, .nectar-ajax-search-results h4 a:before {
  background: var(--active-dark-color) !important;
}
body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before {
  width: 22px !important;
}
body.single-portfolio .container .title-wrap {
    display: none;
}
div#portfolio-nav ul.controls li#prev-link,
div#portfolio-nav ul.controls li#next-link {
    border: 1px solid;
    padding: 0px 20px;
    border-radius: 50px;
    line-height: 1;
}
/* .bottom_controls {
  background-color: #fff;
} */
.nectar-post-grid .nectar-post-grid-item .content .post-heading a {
    font-weight: 400 ;
}
p#breadcrumbs {
    opacity: 0.5;
}



@media only screen and (min-width: 1000px) {
  
  div#copyright-section .right {
      text-align: right;
  }
  div#copyright-section .left {
      text-align: left;
  }
  ul.buttons.sf-menu {
    display: none !important;
  }
  .portolio-categories-content h3:hover {
      margin-top: -20px;
      opacity: 1;
  }
  .row__tabhome .toggle h3.toggle-title a.toggle-heading {
      /* width: 25%; */
  }
  .row__tabhome .toggle > div {
      width: 75%;
      margin-left: auto;
  }
}

@media (min-width: 1000px) and (max-width: 1400px) {
  #header-outer #top nav > ul > li > a {
    margin: 0 25px !important;
}
#header-outer:not([data-format="left-header"])
  #top
  > .container
  > .row
  nav
  svg {
    margin-left: 25px;
}
}
@media (max-width: 991px) {
  #slide-out-widget-area #switch-mode {
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}
#slide-out-widget-area #switch-mode.dm-visible {
  opacity: 1;
  pointer-events: auto;
}
  #slide-out-widget-area #switch-mode {
    margin: 0 auto;
    display: block;
  }
  #switch-mode { display: none; }
  .wpb_wrapper>div {
      margin-bottom: 12px;
  }
  .portolio-categories-content .portfolio-item h3 span {
    display: none;
  }
  .slide-out-widget-area-toggle {
     display: flex !important;
  }
  .page-template-default #ajax-content-wrap,
  .portfolio-template-default #ajax-content-wrap {
    padding-top: 0px;
  }
  #copyright-section {
      padding-bottom: 0px;
  }
  .pre-contact {
      padding: 0px 0;
  }
  .portfolio-template-default #ajax-content-wrap {
    padding-top: 0px;
  }
  .text-big {
    font-size: 25px;
    line-height: 1.3;
  }
  .text-small {
    font-size: 16px;
    line-height: 1.5;
  }
  .text-md {
    font-size: 20px;
    line-height: 1.5;
  }
  .text-xl {
    font-size: 40px;
  }

  body {
    position: static;
  }
  body.home .ocm-effect-wrap-inner {
    flex-direction: column !important;
  }
  #header-space {
    display: none !important;
  }
  #top #logo::after {
    font-size: 16px;
    white-space: normal;
  }
  div#header-outer[data-mobile-fixed="1"],
  div#header-outer[data-permanent-transparent="1"][data-mobile-fixed="1"] {
    position: static !important;
  }
  #top {
    padding-top: 15px;
  }
  body.home #ajax-content-wrap {
    flex-direction: column !important;
  }
  #wrapper-horizontal-scroll {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 150px;
    padding-bottom: 0;
    align-items: flex-start;
    height: auto;
  }
  #first-section-home {
    display: none !important;
  }
  #second-section-home {
    width: 100vw !important;
    padding: 0 10px !important;
    height: auto !important;
  }
  .container-tabs {
    position: static;
    max-width: 100vw !important;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .portolio-categories-content {
    flex-wrap: wrap;
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
  }
  .portolio-categories-content .portfolio-item {
    opacity: 1;
    margin-right: 0;
    position: static;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
  }
  .portolio-categories-content .portfolio-item h3 {
    transform: none !important;
    position: static !important;
    font-size: 25px !important;
  }
  .portolio-categories-content .portfolio-item h3 p {
      transform: none !important;
      position: static !important;
      max-width: 100%;
      margin-top: 15px;
      padding-left: 0px;
  }
  #first-section-home p {
    /* font-size: 7vw;
    letter-spacing: -0.1rem; */
  }
  .tabs-categories {
    justify-content: flex-start;
    overflow-x: auto;
  }
  .tabs-categories button {
    white-space: nowrap;
  }
  #third-section-home {
    overflow-y: auto;
    /* background-image: none !important; */
    height: auto !important;
    padding-top: 30px;
    margin-left: 0;
    border-top: 2px solid var(--active-dark-color);
  }
  .accordion-close .col-12:first-child {
    padding: 0 !important;
  }
  .accordion-close .col-12:last-child {
    padding: 30px 0 !important;
  }
  .text-curriculum .button-custom {
    margin-left: 0 !important;
    margin-top: 30px;
  }
  .text-curriculum .text-xl {
    padding-bottom: 20px;
  }
  #form-contact-me .text-md {
    margin-top: 15px;
  }
}
@media (min-width: 600px) and (max-width: 991px) {
  .container{
    max-width: 100%;
    padding: 0 30px;
  }
  #mail-contact-me .text-md {
    font-size: 16px !important;
  }
}
@media (max-width: 600px) {
  .container {
    max-width: 100%;
    padding: 0 20px;
  }
  .container-tabs {
    padding: 0 10px !important;
  }
}






@keyframes shaking {
  0% {
      transform: rotate(0)
  }

  6% {
      transform: rotate(-20deg)
  }

  12% {
      transform: rotate(15deg)
  }

  18% {
      transform: rotate(-10deg)
  }

  24% {
      transform: rotate(10deg)
  }

  30% {
      transform: rotate(0)
  }
}