/*
 Theme Name:   Pixalero
 Theme URI:    https://pixalero.com
 Description:  A custom child theme for GeneratePress
 Author:       Pixalero
 Author URI:   https://pixalero.se
 Template:     generatepress
 Version:      0.1
*/
:root {
	--padding-xs: 16px;
	--padding-s: 24px;
	--padding-m: 32px;
	--padding-l: 64px;
	--padding-xl: 40px;
	--padding-xxl: 64px;
}
/* Typography */


/* Header */
.site-header {
  position: relative;
  padding: 0 30px;
}
.inside-header {
  padding: 20px 0;
}

/* Search modal */
.search-modal-form {
	border-radius: 6px;
}
/* Off Canvas Panel */
.main-navigation .menu-toggle, .main-navigation .menu-bar-items {
  font-family: inherit;
  text-transform: uppercase;
  font-size: 20px;
}

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
  background-color: rgba(0, 0, 0, 0);
}
/* Body */
.wp-block-separator {
  border-top: 1px solid #eee;
}
/* Images */
.pixa-border-radius {
  border-radius: 6px;
}
/* Lightbox */
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status,
#slb_viewer_wrap .slb_theme_slb_baseline {
  font-family: 'Roboto', arial, sans-serif !important;
  font-size: 16px !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
  color: #777;
  font-style: normal !important;
  font-size: 15px !important;
}
/* Gravity Forms */
body .gform_wrapper .gform_footer input[type=submit] {
	padding: 1em 2.5em;
	background-color: var(--contrast);
	border: 1px solid #FFF;
	border-radius: 4px;
}
body .gform_wrapper .gform_footer input[type=submit]:hover {
	padding: 1em 2.5em;
	background-color: var(--contrast);
	border: 1px solid #FFF;
	border-radius: 4px;
}
/* Footer */
.footer-widgets-container.grid-container {
  max-width: 1280px;
}
/* Animation */
@media (prefers-reduced-motion: no-preference) {
  .animate {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1s ease, transform 0.6s ease;
    will-change: opacity, transform;
  }

  .animate.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* Disable animation in the editor preview */
  .editor-styles-wrapper .animate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}



@media (max-width: 768px) {
	/* CSS in here for mobile only */
	.site-branding { display: none; }
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS in here for tablet only */

}
@media (min-width: 1025px) {
    /* CSS in here for desktop only */

}