// Gantry 5 custom CSS file

/* HEADER */
#g-header .g-container { 
  margin-top: -93px; 
}

/* RESPONSIVE BREAKPOINTS */
// import breakpoints
@import "dependencies";
 
// Typical values are the default breakpoints set in Gantry 5
// but these values are user definable in style settings
// so that is why the code below uses mixins to get the actual 
// values from Gantry 5 template.
 
// commonly used media queries
 
//  typically min 75rem 
@include breakpoint(large-desktop-range) {
 
}
// typically range 60rem to 74.938rem 
@include breakpoint(desktop-range) {
 
}
 
// typically 48rem to 59.938rem
@include breakpoint(tablet-range) {
 
}
// typically 30rem to 47.938rem
@include breakpoint(large-mobile-range) {
 
}
// typically max 30rem
@include breakpoint(small-mobile-range) {
 
}
 
// Less commonly used media queries
 
// typically min 60rem
@include breakpoint(desktop-only) {
 
}
// typically min 48rem
@include breakpoint(no-mobile) {
 
}
// typically max 47.938 rem
@include breakpoint(mobile-only) {
  #g-navigation .mainnav-left .g-iconmenu-item {
    display: block;
    position: absolute;
    top: 0.8rem;
    left: 1rem;
  }
 
  #g-navigation .mainnav-right .g-iconmenu-item {
  	display: block;
  	position: absolute;
    top: 0.8rem;
    right: 1rem;
  }
  
  .g-homepositions #g-header {
    padding-top: 4rem;
  }
}
// typically max 59.938rem
@include breakpoint(no-desktop) {
	#g-header .g-container {
	   margin-top: -24px;
	}
}
 
// Mobile Menu Breakpoint
@media only all and (max-width: $breakpoints-mobile-menu-breakpoint) { 
 
}
 
@import "nucleus/mixins/breakpoints";