/****** Custom media queries go here ********/

/* =============================================================================
 *   Header
 * ========================================================================== */
@media (min-width:941px) and (max-width:1050px) {
  .region-header .region-inner {
    margin-right: 224px;
  }
  nav[role="custom-dropdown"] label {
    margin-left: 224px;
  }
}

@media (max-width:940px) {
  .node-page > .node-header {
    padding-top: 34px;
  }
}

@media (max-width:370px) {
  #logo img {
    height: 24px !important;
    vertical-align: middle;
  }
  nav[role="custom-dropdown"] {
    margin: 0 16px;
  }
  .region-header {
    margin: 0 6px;
  }
  #tertiary-content-wrapper,
  #footer-wrapper {
    padding: 0 6px 0 6px;
  }
}

@media (max-width:450px) {
  #logo img {
    height: 24px !important;
    vertical-align: middle;
  }
}
@media (min-width:450px) {
  #branding {
    padding-top: 19px;
    padding-bottom: 12px;
  }
}

/* =============================================================================
 *   Widgets - Parallax Section Widget
 * ========================================================================== */
@media (min-width: 1906px) {
  .widget-parallax-section.ps-image-full .parallax-section-image-wrapper .widget-parallax-section-image {
    overflow: hidden;
  }
  .widget-parallax-section.ps-image-full .parallax-section-image-wrapper .widget-parallax-section-image img {
    width: 100%;
    height: auto !important;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
  }
}
@media (min-width: 941px) and (max-width: 1040px) {
  .widget-parallax-section .parallax-section-text-wrapper .parallax-section-text-width {
    margin-left: 0;
  }
  .widget-parallax-section.ps-image-left .parallax-section-text-wrapper .parallax-section-text-width {
    margin-right: 0;
  }
}

/* =============================================================================
 *   Widgets - Parallax Section Widget - GT 07/31/18 Fix for Tablet Landscape
 * ========================================================================== */
@media only screen and (min-width: 940px) and (max-width: 1200px) {
.widget-parallax-section.ps-image-full.ps-image-left .parallax-section-image-wrapper .widget-parallax-section-image img {
  height:80%!important; right:-50px!important;
  }
  .widget-parallax-section.widget.ps-image-left .widget-content {
    min-height:686px;
  }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
.widget-parallax-section.ps-image-full.ps-image-left .parallax-section-image-wrapper .widget-parallax-section-image img {
  height:80%!important; right:0px!important;
  }
.widget-parallax-section.widget.ps-image-left .widget-content {
  min-height:686px;
  }
}

/* =============================================================================
 *   Admin Menu - Logged In
 * ========================================================================== */
@media (max-width: 1024px) {
.logged-in #header-wrapper {
  top: 47px;
}
.logged-in .slicknav_menu {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}
}

/* =============================================================================
 *   Forms
 * ========================================================================== */
@media (max-width:768px) {
  .webform-field-width-25 {
    width: 50%;
    float: left;
    margin-top: 0;
  }
  .webform-field-width-50 {
    width: 100%;
    float: left;
    margin-top: 0;
  }
}
@media (max-width:480px) {
  form > div {
    margin-left: -6px;
    margin-right: -6px;
  }
  form .form-item {
    padding: 0 6px;
  }
}

/* =============================================================================
 *   Vineyard Accordion - Vineyards View
 * ========================================================================== */
@media (max-width:650px) {
  .widget-vineyard .panel-heading a .vineyard-name {
    padding-bottom: 0;
  }
  .widget-vineyard .panel-heading a .ava-name {
    position: static;
    padding-bottom: 6px;
    display: inline-block;
    line-height: 1.2;
  }
}

/* =============================================================================
 *   Widgets - Raw HTML Widget
 * ========================================================================== */
@media (min-width:550px) and (max-width:940px) {
  .responsive-map {
    padding-bottom: 60%;
  }
}