@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue"), local("HelveticaNeue"),
    url("https://myerstownsheds.com/sites/default/files/fonts/Helvetica-Neue-Regular.otf");
  font-weight: normal;
}

#block-rosewood-designyourvinylshed > div, .field--name-field-design-a-shed-block > div{
    max-width: 1140px;
    margin: 0 auto;
    padding: 4em 0 4em 0;
    box-sizing: border-box;
    width: 90vw;
}
.service-area .field--type-text-with-summary{
    max-width: 1140px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
}
.field--name-field-design-a-shed-block > div{
    width: 100%;
    padding-right: 2em;
    padding-left: 2em;
}

#block-rosewood-designyourvinylshed > div.field--name-body>*:not(:last-child), .field--name-field-design-a-shed-block div.field--name-body>*:not(:last-child){
    padding-bottom: 2em;
}
#block-rosewood-designyourvinylshed > div.field--name-body>* h2, .field--name-field-design-a-shed-block div.field--name-body>* h2{
    margin-top: 0;
}
#block-rosewood-designyourvinylshed > div.field--name-body>a>img, .field--name-field-design-a-shed-block div.field--name-body>a>img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.display-flex-600 .field.field--item {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    gap: 2em 2%;
}
@media (min-width: 600px){
#block-rosewood-designyourvinylshed > div.field--name-body>*, .field--name-field-design-a-shed-block div.field--name-body>*, .display-flex-600 .field.field--item > div{
    width: 48%;
    box-sizing: border-box;
}
#block-rosewood-designyourvinylshed > div.field--name-body>a, .field--name-field-design-a-shed-block div.field--name-body>a{
    display: flex;
    align-self: start;
}
#block-rosewood-designyourvinylshed > div, .field--name-field-design-a-shed-block div.field--name-body, .display-flex-600 .field.field--item{
    display:flex;
    flex-flow: row wrap;
    gap: 2em 2%;
}
#block-rosewood-designyourvinylshed > div.field--name-body>*:not(:last-child), .field--name-field-design-a-shed-block div.field--name-body>*:not(:last-child) {
    padding-bottom: 0;
}
#block-rosewood-designyourvinylshed > div > div, .field--name-field-design-a-shed-block div.field--name-body > div{
    padding-right: 10%;
}
}/*min600*/

@media (min-width:1200px){
a[target="_blank"]:after, .new-window-w a:after {
    background-size: 11px auto;
    top: -1px;
}
}/**min1200**/


.product-item .field--name-field-button-link .field--item a:hover {
    opacity: .8;
}

.page-node-1546 {
    font-size: 2rem;
}

.page-node-1546 .webform-elements, .page-node-1546 h2 {
    max-width: 600px;
    margin: 2rem auto;
}
/**puts page title on top of the banner slider**/
.region-content article, .contain{
    z-index: 25;
    position: relative;
}

.region-content article.static-page{
    max-width: 1200px;
}
.page-node-type-static-page .region-content{
    overflow: hidden;
}

.path-search .region-content article, .path-search .contain{
    width: auto;
}
.path-search .views-exposed-form select {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    padding: 6px;
}
/*[data-drupal-link-system-path="search"]:before{
    content: "";
    background: url(/sites/default/files/magnifier.png) no-repeat left;
    background-size: 17px;
    font-size: 16px;
    position: relative;
    width: 20px;
    height: 17px;
    display: inline-block;
    left: -8px;
    right: unset;
}*/
.palmyra-cta {
    text-align: center;
    margin: 3rem auto;
}

.palmyra-logos {
    display: flex;
    justify-content: space-evenly;
    padding: 2rem 0;
}

@media (min-width: 900px) {
    .page-node-1625 .page-header, .page-node-1626 .page-header, .page-node-1627 .page-header {
        z-index: 30;
    }
}
.ajax-display{
display: flex;flex-direction: row-reverse;column-gap: 10px;
}

/****==== This is for the new pergola form ====****/
.row-wrapper, .row-wrapper .webform-section-wrapper > fieldset.radios--wrapper, .row-wrapper .webform-section-wrapper > div.form-type-checkbox {
    margin: 20px 0;
}

.row-wrapper .messages__wrapper {
    max-width: 100%;
}
.row-wrapper .panel-body .form-type-textfield {
    display: block;
    width: 47.5%;
    box-sizing: border-box;
    float: left;
}
.row-wrapper .panel-body .form-type-textfield:nth-of-type(2n+2) {
    margin: 0 2% 15px 0;
}
.row-wrapper .panel-body .form-type-textfield:nth-of-type(2n+1) {
    margin: 0 0 15px 2%;
}

.row-wrapper .webform-section-wrapper > fieldset.radios--wrapper, .row-wrapper .webform-section-wrapper > div.form-type-checkbox {
    padding: 10px 15px;
}
.row-wrapper .webform-section-wrapper .form-type-radio span, .row-wrapper .webform-section-wrapper > div.form-type-checkbox span {
    display: none;
}

/**Custom styles**/
.paragraph.padding-sides-0, .padding-sides-0, .paragraph.padding-sides-0 > .field--name-field-text-area{
    padding-right: 0;
    padding-left: 0;
}
/**** This is already in the style sheet - only add specified classes ****/
.main-container .panel-default, .main-container .form-item-sizes, .main-container .form-item-lengths, 
/** add these classes to it **/.row-wrapper .webform-section-wrapper > fieldset.radios--wrapper, .row-wrapper .webform-section-wrapper > div.form-type-checkbox {
    border: 6px solid #fff;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.main-container .field--name-field-choose-options-form .panel, .main-container .field--name-field-choose-options-form .form-item-sizes, .main-container .field--name-field-choose-options-form .form-item-lengths, 
/** add these classes to it **/.row-wrapper .webform-section-wrapper > fieldset.radios--wrapper, .row-wrapper .webform-section-wrapper > div.form-type-checkbox {
    border-color: #eee;
}
/****====END This is for the new pergola form ====****/

/***PopUp***/
.ui-widget.ui-widget-content {
    /*this is in the stylesheet*/border: 1px solid #c5c5c5;
    width: auto !important;
    max-height: unset !important;
    min-height: unset !important;
    height: unset !important;
    min-width: 300px !important;
    z-index:101;
}
.ui-widget.ui-widget-content ~ .ui-widget-overlay{
    z-index:100;
}
.ui-widget.ui-widget-content img{
    height: 63vh;
    width: auto;
    max-height: 36em;
}
.ui-dialog .ui-dialog-titlebar-close {
    border: none;
    box-shadow: 0 0 6px 1px #c3c3c3;
    background: #333;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: #fff;
}

.ui-dialog .ui-dialog-titlebar-close:after {
    
}


@media (min-width: 700px) {
.row-wrapper .webform-section-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 4%;
}
.row-wrapper .webform-section-wrapper > div, .row-wrapper .webform-section-wrapper > fieldset {
    width: 48%;
    margin-bottom: 0;
}
.row-wrapper .panel-body > div.webform-message {
    width: 100%;
}}/** save for 700px **/




.page-header {
    max-width: 13em;
    padding: 1em 1em 1em 0;
}
.contain {
    max-width: 1000px; /*change from 715px*/
}


/**3-24-2023 updates for the landing page**/
.region-content article.landing-page {
    max-width: 1000px;
}

.view-content .views-row, .view-content>.field--item, .field--name-field-product .views-row, .field--name-field-product>.field--item,
/*added*/ .paragraph--type--product-group-teaser .field--name-field-product > .field--items > .field--item, .field--name-field-top-level-categories .field--items > .field--item{
    padding: 1em;
    margin: 0.5em;
    text-align: center;
}
.field--name-field-text-area1, .field--name-field-image1{
    padding: 0 0 2em 0;
}

.view-content .views-row, .view-content>.field--item, .field--name-field-product .views-row, .field--name-field-product>.field--item,
/*added*/ .paragraph--type--product-group-teaser .field--name-field-product > .field--items > .field--item, .field--name-field-top-level-categories .field--items > .field--item {
    font-size: 1.8rem;
    font-weight: 100;
    border: #eee 1px solid;
}
.view-content .views-row .views-field a, .view-content .views-row .name a, .view-content>.field--item .views-field a, .view-content>.field--item .name a, .field--name-field-product .views-row .views-field a, .field--name-field-product .views-row .name a, .field--name-field-product>.field--item .views-field a, .field--name-field-product>.field--item .name a,
/*added*/ .paragraph--type--product-group-teaser .name a, .field--name-field-top-level-categories .name a{
    color: #000;
    font-family: work-sans,sans-serif;
    padding-top: 1em;
    display: block;
}
.view-content .views-row .outline-button, .view-content>.field--item .outline-button, .field--name-field-product .views-row .outline-button, .field--name-field-product>.field--item .outline-button,
/*added*/ .paragraph--type--product-group-teaser .outline-button, .field--name-field-top-level-categories .outline-button{
    margin: 1.5em auto 1.75em auto;
}
.region-content .paragraph--type--product-group-teaser article, .field--name-field-top-level-categories article {
    width: auto;
    max-width: unset;
}
.field--name-field-top-level-categories img{
    width: 100%;
    height: 213px;
    object-fit: cover;
    object-position: 50% 0;
}

.field--name-field-text-area > .field--items > .field--item {
    margin: 1.5em 0;
}
.landing-page .paragraph--type--testimonial {
    margin: 4.5em auto;
    max-width: 751px;
}
.paragraph--type--product-group-teaser, .paragraph--type--categories{
    text-align: center;
}
.service-area, /*.paragraph--type--text-area-and-image-for-location,*/ .paragraph--type--text-area-and-image{
    position: relative;
    padding: 3em 1em;
    z-index: 10;
}


/*.paragraph--type--text-area-and-image-for-location p,*/ .paragraph--type--text-area-and-image .field--name-field-text-area1 p{
    font-size: 2rem;
    color: #5F9357;
}
.box-shadow{
    /* border: 1px solid;*/
    margin: 4em 0;
    /*box-shadow: 0 0 17px -13px #111;*/
}

.paragraph--type--text-area-and-image .field--item > .field--item{
    margin: 1em 0;
}

.paragraph--type--text-area-and-image .field--name-field-image1 .field--item, .paragraph--type--text-area-and-image-for-location .field--name-field-image1 .field--item{
    max-width: 468px;
    padding: 1em 0;
}

.background-black > div{
    max-width: 1140px;
    margin: 0 auto;
}
.background-yellow.paragraph--type--repeatable-text-area .field--items{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.background-yellow.paragraph--type--repeatable-text-area .field--item{
    display: inline-block;
    padding: 3rem 1rem;
    flex-grow: 1;
    text-align: center;
}

#block-homepagestepsblock,
/*add*/ .field--name-field-block-reference{
    position: relative;
    padding: 1em 0;
    z-index: 10;
    background: transparent;
    max-width: 1140px;
    margin: 0 auto;
    padding: 1em 0 2em 0;
}
#block-homepagestepsblock h2,
/*add*/ .field--name-field-block-reference h2{
    color: #5F9357;
    text-align: center;
    font-size: 2.5em;
}
#block-homepagestepsblock ol,
/*add*/ .field--name-field-block-reference ol {
    text-align: center;
    display: inline-block;
    counter-reset: li;
    list-style: none;
    margin: 0;
/*add*/    padding: 0;
}
#block-homepagestepsblock li,
/*add*/ .field--name-field-block-reference li {
    counter-increment: li;
    padding: 0 2em;
}
#block-homepagestepsblock li:before,
/*add*/ .field--name-field-block-reference li:before {
    content: counter(li) ".";
    font-size: 1.75em;
    color: #EA984D;
    display: inline-block;
    width: 1.75em;
    left: -1em;
}
#block-homepagestepsblock h3,
/*add*/ .field--name-field-block-reference h3 {
    color: #EA984D;
}
#block-homepagestepsblock h3,
/*add*/ .field--name-field-block-reference h3 {
    margin: 0.25em 0;
    display: inline-block;
    font-size: 1.75em;
}





.page-node-type-landing-page #block-footerlogo {
    padding-bottom: 2em;
}

@media (min-width: 600px){
.field--name-field-text-area > .field--items > .field--item {
    margin-top: 3em;
    margin-bottom: 3em;
}
.view-content, .field--name-field-product,
/*added*/ .paragraph--type--product-group-teaser .field--name-field-product > .field--items, .field--name-field-top-level-categories .field--items, .paragraph--type--text-area-and-image, .paragraph--type--text-area-and-image-for-location {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.view-flexslider-product-image-view > .view-content{
    display: block;
}
.view-content .views-row:nth-child(2n+1), .view-content>.field--item:nth-child(2n+1), .field--name-field-product .views-row:nth-child(2n+1), .field--name-field-product>.field--item:nth-child(2n+1),
/*added*/ .paragraph--type--product-group-teaser .field--name-field-product > .field--items > .field--item:nth-child(2n+1), .field--name-field-top-level-categories .field--items > .field--item:nth-child(2n+1){
    margin-left: 0;
}
.view-content .views-row:nth-child(2n), .view-content>.field--item:nth-child(2n), .field--name-field-product .views-row:nth-child(2n), .field--name-field-product>.field--item:nth-child(2n),
/*added*/ .paragraph--type--product-group-teaser .field--name-field-product > .field--items > .field--item:nth-child(2n), .field--name-field-top-level-categories .field--items > .field--item:nth-child(2n) {
    margin-right: 0;
}

.view-content .views-row, .view-content>.field--item, .field--name-field-product .views-row, .field--name-field-product>.field--item,
/*added this after*/.paragraph--type--product-group-teaser .field--name-field-product > .field--items > .field--item, .field--name-field-top-level-categories .field--items > .field--item, .paragraph--type--text-area-and-image > div, .paragraph--type--text-area-and-image-for-location > div{
    width: calc(100% / 2 - 0.5em);
}
.view-sale-display .view-content .views-row{
    width: calc(100% / 1 - 0.5em);
    border: none;
    display: flex;
    flex-flow: column;
    gap: 20px;
}
.paragraph--type--text-area-and-image > div.field--name-field-text-area1, .paragraph--type--text-area-and-image-for-location > div.field--name-field-text-area1{
    padding-right: 1em;
    margin-right: 0.5em;
}
.paragraph--type--text-area-and-image > div.field--name-field-image1, .paragraph--type--text-area-and-image-for-location > div.field--name-field-image1{
    padding: 1.5em 0 0 2em;
    margin-left: 0.5em;
}
.paragraph--type--text-area-and-image .field--name-field-image1 .field--item, .paragraph--type--text-area-and-image-for-location .field--name-field-image1 .field--item {
    padding: 0;
}
}/****min 600****/

@media (min-width: 900px){
.paragraph--type--product-group-teaser .field--name-field-product > .field--items > .field--item:nth-child(2n), .field--name-field-top-level-categories .field--items > .field--item:nth-child(2n), .paragraph--type--product-group-teaser .field--name-field-product > .field--items > .field--item:nth-child(2n+1), .field--name-field-top-level-categories .field--items > .field--item:nth-child(2n+1){
    margin: 0.5em;
}
.paragraph--type--product-group-teaser .field--name-field-product > .field--items > .field--item:nth-child(3n+1), .field--name-field-top-level-categories .field--items > .field--item:nth-child(3n+1){
    margin-left: 0;
}
.paragraph--type--product-group-teaser .field--name-field-product > .field--items > .field--item:nth-child(3n), .field--name-field-top-level-categories .field--items > .field--item:nth-child(3n) {
    margin-right: 0;
}
.paragraph--type--product-group-teaser .field--name-field-product > .field--items > .field--item, .field--name-field-top-level-categories .field--items > .field--item{
    width: calc(100% / 3 - 0.67em);
}


#block-homepagestepsblock ol,
/*add*/ .field--name-field-block-reference ol {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
#block-homepagestepsblock li {
    margin: 0;
    padding: 1.2em;
    width: 33.3%;
}
}/****min 900****/

@media (min-width: 1200px){
.view-content .views-row, .view-content>.field--item, .field--name-field-product .views-row, .field--name-field-product>.field--item {
    width: calc(100% / 3 - 0.67em);
}
}/**save for 1200**/


/**update margin**/
.product-item .field--name-field-flexslider-view-reference {
    margin: 0 auto 4rem 0;
    max-width: 750px;
}
.product-item .field--name-field-flexslider-view-reference{
    float: left;
    width: 65%;
}







/**header updates 2023-09-05**/
#block-siteheadline .head-wrapper {
    /*changes to padding*/
    padding: 5px 2rem;
}
body:not(.user-logged-in) .region-secondary-nav, body:not(.user-logged-in)  .logo-section{
    /*display:none;*/
}
header.navbar {
    z-index: 2;
}
.main-container {
    position: relative;
    z-index: 1;
}
ul.menu li ul.menu{
    display: none;
}
ul.menu li.menu-item--expanded:hover > ul.menu, ul.menu li.menu-item--expanded:active > ul.menu, ul.menu li.menu-item--expanded:focus > ul.menu{
    margin: 0;
    display: flex;
    flex-direction: column;
    text-align: left;
    position: absolute;
    z-index: 24;
    padding: 0;
    top: unset;
    bottom: unset;
    padding-top: 10px;
    min-width: 190px;
}
nav#block-productnavigation > ul > li:nth-of-type(7) > ul{
     left: -34px;
}
.navbar-default > .container-fluid{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
/* replace this #block-productnavigation ul,with the following*/ .navbar-header ul.menu {
    margin-bottom: 0;
}
.region-navigation #block-productnavigation ul{
    padding: 0;
}
/* replace this with the following .region-navigation #block-productnavigation li,*/ .navbar-header li.menu-item, .region-navigation #block-productnavigation .open {
    display: inline-block;
    line-height: .9;
    position: relative;
}
.region-navigation .logo {
    /*fixes*/
    max-width: 250px;
    padding: 5px 0;
}
.region-navigation #block-productnavigation {
   line-height: .9;
}



.navbar-header li a:hover, .navbar-header li a:focus {
    background-color: transparent;
    color: rgba(255,255,255,0.7);
}
.secondary-nav-section .menu > li > a:hover, .secondary-nav-section .menu > li > a:focus{
    color: #000;
}
.logo-section{
    /*width: 34%;
    max-width: 410px;*/
}
.container-fluid > .navbar-header{
    box-sizing: border-box;
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
    margin: 0;
}

.navbar-header div.region-secondary-nav{
    display: flex;
    justify-content: space-between;
    padding: 9px 20px;
    max-width: 1250px;
    margin: 0 auto;
}
.navbar-header div.region-secondary-nav a{
    color: #000;
    padding: 0 5px;
}
.navbar-header div.region-secondary-nav ul ul a{
    color: #fff;
}
#block-rosewood-searchbutton .glyphicon-search{
    margin-right: 5px;
}
.region-secondary-nav{
    align-items: center;
    display: flex;
}



.region-logo-nav a.logo{
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.region-logo-nav img{
    width: 100%;
    padding: 23px 20px;
    margin: 0;
    background-color: #5F9357;
    text-align: center;
}



@media (min-width:875px){
.navbar-header .logo img {
    align-self: center;
    padding: 0;
    margin: 0;
    max-width: 185px;
}


.region-logo-nav img{
    padding: 30px 40px;
}
/* replace this with the following .region-navigation #block-productnavigation li,*/ .region-navigation #block-productnavigation .open {
    padding: 8px 6px;
}
.navbar-header li.menu-item li{
    padding: 12px 15px !important;
}
}/**save for 875**/





.page-node-433 .region-content .block-webform{
    z-index: 30;
    position: relative;
}

.product-item.product-thumbnail-display .field--name-field-product-image .field--item:not(:first-child){
    position: absolute;
    top: 0;
}
.product-item.product-thumbnail-display .field--name-field-product-image .field--item:first-child{
    position: relative;
    z-index: 5;
}

/**shed page**/
.page-node-type-product-item .cta-block {
    text-align: left;
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
}
.page-node-type-product-item .cta-block p{
    width: 100%;
}
div.featured-sheds-wrap{
    display: grid;
    grid-gap: 2% 4%;
    box-sizing: border-box;
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
        padding-bottom: 10em;
}
div.featured-sheds-wrap:after{
content: "";
  display: table;
  clear: both;
}
div.featured-sheds-wrap .featured-shed-outer {
    margin: 0 0 0;
}
div.featured-sheds-wrap .featured-shed-outer .featured-shed-inner {
    margin: 0;
}

/**service area block**/
.service-area .field--type-text-with-summary h2, .service-area .field--type-text-with-summary > div, .service-area .field--type-text-with-summary iframe{
    margin: 1em 0;
    width: 100%;
}
@media (min-width: 900px){
.service-area .field--type-text-with-summary > div, .service-area .field--type-text-with-summary iframe{
    width: 49%;
}
.service-area .field--type-text-with-summary{
    display: flex;
    flex-flow: row wrap;
    column-gap: 2%;
}
}/**mini900**/






/**10-2024 Updates to home page and header**/

.field--name-field-body-static-page .field--item{
    font-size: 20px;
}
.field--name-field-body-static-page .field--item strong{
    font-size: 2em;
    margin-bottom: 18px;
    display: inline-block;
}

@media (min-width: 1200px){

}/*save 1200*/

/**END Updates to home page**/