.page {
    background: url("./images/body_bg.jpg") no-repeat;
    background-size: cover;
}

.pr-subfeatures {
    background: url("./images/footer_bg.png") no-repeat;
    background-size: cover;
}

.node.node--type-page,
.node.node--type-pu-galleries {
    background: #444234;
    color: white;
    box-shadow: none;
}

.pr-header,
.regions,
.ms-slidedown .rm-row, 
.ms-slidedown .rm-region,
.pr-subfeatures .regions {
    background: transparent;
}

body {
    color: white;
}

/* Leaderboard------------------------------------------------------------------------------------------------------------------------------------ */

div#leaderboard div#block-phonenumber .field__item p a {
    color: white;
    font-size: 1.8em;
}

@media (min-width: 641px) {
	.l-leaderboard.l-row {
	    height: 0;
	}
}

@media (max-width: 640px) {
	div#leaderboard div#block-phonenumber .field__item p a {
	    
	}
}

/* Header----------------------------------------------------------------------------------------------------------------------------------------- */
.pr-header__header-first {
    position: relative;
    padding: 0;
}

#block-paintballusa-branding {
    z-index: 2;
}

.block-branding__content.site-branding img {
    padding: 0 20px;
    position: relative;
}

#block-paintballusa-branding .block-branding__content.site-branding {
    position: relative;
    justify-content: center;
}

#block-paintballusa-branding .site-branding__logo-link {
    padding: 0;
}

#block-paintballusa-branding.block {
    margin: 20px 0;
}

@media (min-width: 961px) {
    .pr-header__header-first {
        padding: 0;
        display: flex;
        align-items: center;
        position: relative;
        margin: 2em 0 3em;
    }
    .pr-header__header-first:after {
        background: #444234;
        width: 100%;
        height: 3em;
        position: absolute; 
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        z-index: 1;
    }
    #block-paintballusa-branding .block-branding__content.site-branding:after {
        position: absolute;
        content: "PAINTBALL USA";
        color: white;
        bottom: -25px;
        left: 0;
        font-size: 1.5em;
        text-align: center;
        width: 100%;
    }
    #block-paintballusa-branding.block {
        margin: 0;
    }
}

/* NavBar (Location: Header)----------------------------------------------------------------------------------------------------------------------------------------- */
nav#block-paintballusa-main-menu.rm-block {
    height: initial;
    background: #444235;
}

.ms-slidedown.rm-is-open .rm-block__content {
    min-width: 100%;
}

.rm-toggle__link,
.rm-toggle__link:hover,
.ms-slidedown .rm-block__content .menu .rm-accordion-trigger,
.ms-slidedown .rm-block__content .menu a.is-active[href="/"] {
    background: #444235;
}

button.rm-toggle__link.un-button {
    width: 100%;
    text-align: left;
}

.ms-dropmenu #block-paintballusa-main-menu .rm-block__content .menu-level-1 > li > span > a.is-active {
    background: #0066cc;
}

@media (min-width: 961px) {
    nav#block-paintballusa-main-menu #rm-content {
        color: white;
    }
    nav#block-paintballusa-main-menu #rm-content ul li a {
        font-size: 1.3em;
        padding-top: .65em;
        padding-bottom: .65em;
    }
    nav#block-paintballusa-main-menu #rm-content ul li:hover a {
        background: #4177e8;
    }
    nav#block-paintballusa-main-menu #rm-content ul li li a {
        background: #4177e8;
        font-size: .98em;
    }
    nav#block-paintballusa-main-menu #rm-content ul li li a:hover {
        text-decoration: underline;
    }
    .pr-header__header-first .ms-dropmenu .rm-block__content .is-child .menu__item {
        min-width: 100%;
    }
}

/* Highlighted------------------------------------------------------------------------------------------------------------------------------------ */
div#block-homepageslideshow.block {
    margin: 0;
}

/* Features--------------------------------------------------------------------------------------------------------------------------------------- */
.pr-features__rw {
    margin: 1.25em 0;
}

.pr-features {
    background: transparent;
}

div#block-hours .block__content .field__item p,
div#block-gallery .block__content .field__item p,
div#block-tickets .block__content .field__item p,
div#block-hours .block__content .field,
div#block-gallery .block__content .field,
div#block-tickets .block__content .field {
    margin: 0;
}

.block--type-features-3wide .block__content a,
.block--type-features-3wide .block__content a,
.block--type-features-3wide .block__content a{
    font-size: 1.3em;
    color: #49aee9;
}

div#block-hours,
div#block-gallery,
div#block-tickets {
    margin: 10px;
}

.pr-features__rw {
    margin: 0;
}

@media (min-width: 961px) {
    .block--type-features-3wide .block__content a {
        color: #47ace7;
        font-size: 2.5em;
    }
    .pr-features__rw {
        margin: 1.25rem 0 0 0;
    }
}

/* Content Prefix--------------------------------------------------------------------------------------------------------------------------------- */
.l-r.region.pr-content-prefix__content-prefix {
    padding: 0;
}

div#block-calltoaction {
    position: relative;
    overflow: hidden;
}

div#block-calltoaction .field-block-content--body {
    position: relative;
    text-align: right;
    font-weight: bolder;
    font-size: 1.5em;
    line-height: 1em;
    color: white;
    z-index: 2;
    margin: 0;
    padding: 1rem;
}

@media (min-width: 961px) {
    div#block-calltoaction .field-block-content--body {
        font-size: 3em;
    }
}

div#block-calltoaction .field-block-content--body .field__item p{
    margin: 0;
}

div#block-calltoaction .field-name-field-cta-img {
    display: contents;
}
div#block-calltoaction .field-name-field-cta-img * {
    display: contents;
}
div#block-calltoaction .field-name-field-cta-img img {
    display: initial;
    position: absolute;
    object-fit: cover;
    object-position: top;
    height: 100%;
    min-width: 100%;
    max-width: 100% !important;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    filter: brightness(0.5);
}

/* Sidebar One-------------------------------------------------------------------------------------------------------------------------------------*/
div#block-aboutushomepage.block,
div#block-aboutushomepage .block__content > .field,
div#block-aboutushomepage .block__content > .field .field__item p,
div#block-quickstats.block,
div#block-quickstats .block__content > .field,
div#block-quickstats .block__content > .field .field__item p {
    margin: 0;
}

div#block-aboutushomepage {
    padding: 2em 3em;
    background: #444235;
    color: white;
    flex-basis: 75%;
}

div#block-quickstats {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 25%;
    background: white;
    color: #4d3127;
    padding: 20px 0;
}

div#block-quickstats .field__item {
    padding: 0 20px;
}

@media (min-width: 961px) {
    .pr-main__sidebar-first {
        display: flex;
        align-items: center;
        width: 90%;
        margin: 0 auto;
    }
    div#block-aboutushomepage {
        padding: 4em 3em;
        height: 100%;
    }
    div#block-quickstats {
        height: 100%;
        padding: 0;
    }
}
  
/* Main Content----------------------------------------------------------------------------------------------------------------------------------- */
 

/* Content Suffix--------------------------------------------------------------------------------------------------------------------------------- */
/* Blog Block Title */
.l-content-suffix #block-views-pu-blog .block__title {
   text-align: center;
   background-color: #444235 ;
   text-transform: uppercase;
   padding: 10px 0;
   font-size: 2.3em;
}

.view-pu-blog .view-content.view-rows .views-row {
    flex-basis: 32%;
    position: relative;
    margin-bottom: 20px;
}

.view-pu-blog .view-content.view-rows .views-row #blog_hidden_wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.view-pu-blog .view-content.view-rows .views-row .views-field-field-pu-blog-img {
    position: relative;
}

.view-pu-blog .view-content.view-rows .views-row .views-field-field-pu-blog-img img {
    min-width: 100%;
}

.view-pu-blog .view-content.view-rows .views-row .views-field-field-pu-blog-img:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(142, 116, 95, 0.8);
}

.view-pu-blog .view-content.view-rows .views-row #blog_hidden_wrapper .hidden_wrapper_title,
.view-pu-blog .view-content.view-rows .views-row #blog_hidden_wrapper .hidden_wrapper_link,
.view-pu-blog .view-content.view-rows .views-row #blog_hidden_wrapper .hidden_wrapper_body {
    text-align: center;
    width: 100%;
    padding: 0 10px;
}

.view-pu-blog .view-content.view-rows .views-row #blog_hidden_wrapper .hidden_wrapper_title a,
.view-pu-blog .view-content.view-rows .views-row #blog_hidden_wrapper .hidden_wrapper_link a,
.view-pu-blog .view-content.view-rows .views-row #blog_hidden_wrapper .hidden_wrapper_body {
    color: white;
}

.view-pu-blog .view-content.view-rows .views-row #blog_hidden_wrapper .hidden_wrapper_title {
    background: #444235;
    padding: 10px 0;
    font-size: 1.3em;
}


.view-pu-blog .view-content.view-rows .views-row #blog_hidden_wrapper .hidden_wrapper_link {
    margin: 0 0 1.5em;
    font-size: 1.25em;
}

@media (min-width: 961px) {
    .view-pu-blog .view-content.view-rows {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .view-pu-blog .view-content.view-rows .views-row #blog_hidden_wrapper {
        opacity: 0;
    }

    .view-pu-blog .view-content.view-rows .views-row:hover #blog_hidden_wrapper {
        opacity: 1;
    }
        .view-pu-blog .view-content.view-rows .views-row .views-field-field-pu-blog-img:after {
        background: rgba(142, 116, 95, 0.0);
    }
    .view-pu-blog .view-content.view-rows .views-row:hover .views-field-field-pu-blog-img:after {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(142, 116, 95, 0.8);
    }
}

@media (max-width:  960px) {
    .view-pu-blog .view-content.view-rows .views-row {
        width: 60%;
        margin: 20px auto;
    }
    .view-pu-blog .view-content.view-rows .views-row #blog_hidden_wrapper .hidden_wrapper_body {
        padding: 0 20px;
    }
}

@media (max-width:  580px) {
    .view-pu-blog .view-content.view-rows .views-row {
        width: 85%;
        margin: 20px auto;
    }
    .view-pu-blog .view-content.view-rows .views-row #blog_hidden_wrapper .hidden_wrapper_body {
        padding: 0;
    }
}

/* Subfeatures------------------------------------------------------------------------------------------------------------------------------------ */
div#block-locationscontact .block__content > .field.field-block-content--field-paragraph > .field__items{
    display: flex;
    justify-content: space-between;
}

div#block-locationscontact .block__content > .field.field-block-content--field-paragraph > .field__items .field__items {
    display: flex;
    flex-wrap: wrap;
}

div#block-locationscontact .block__content > .field.field-block-content--field-paragraph > .field__items .field__items .field-type-image__figure {
	margin: 0;
}

div#block-socialmedia .field-block-content--field-icon-group .field__items {
    display: flex;
}

div#block-locationscontact .block__content .field__item p,
#block-regularhours .block__content .field__item p, 
#block-moreinfo .block__content .field__item p {
    margin: 0;
}

@media (min-width: 767px) {
    .l-rw.regions.container.pr-subfeatures__rw.arc--3.hr--1-2-3 {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .l-r.region.pr-subfeatures__subfeatures-first {
        flex-basis: 35%;
    }
    .l-r.region.pr-subfeatures__subfeatures-second,
    .l-r.region.pr-subfeatures__subfeatures-third {
        flex-basis: 25%
    }
}

.l-rw.regions.container.pr-subfeatures__rw.arc--4.hr--1-2-3-4 {
    justify-content: space-between;
}

div#block-locationscontact .block__title,
div#block-regularhours .block__title,
div#block-moreinfo .block__title {
    color: #49aee9
}

div#block-locationscontact .field__item,
div#block-regularhours .field__item,
div#block-moreinfo .field__item a {
    color: white
}

.field__items .field__items .field__item:first-of-type {
   flex-basis: 100%;
}

/* Tertiary--------------------------------------------------------------------------------------------------------------------------------------- */


 
/* Footer----------------------------------------------------------------------------------------------------------------------------------------- */
.l-r.region.pr-subfeatures__subfeatures-fourth {
    width: 100%;
}

div#block-footercopyright,
div#block-footercopyright a {
    color: #49aee9
}

div#block-footercopyright a:hover {
    color: white;
}

div#block-footercopyright a {
    text-decoration: underline;
}

/* Blog Page----------------------------------------------------------------------------------------------------------------------------------------- */

.page-node-type--pu-blog .node {
    background: #444234;
    color: white;
}

main#block-paintballusa-content .node--type-pu-blog .node__content .field__item p a {
    color: #49aee9;
}

/* Inner Page----------------------------------------------------------------------------------------------------------------------------------------- */
/* Header Image (top of page) */
div#block-views-block-inner-page-header-block-1 .view-inner-page-header .views-row {
    position: relative;
    
}

div#block-views-block-inner-page-header-block-1 .view-inner-page-header .views-row .views-field-title {
    position: absolute;
    color: white;
    top: 50%;
    transform: translateY(-50%);
    min-width: 100%;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}

@media (min-width: 320px) {
	div#block-views-block-inner-page-header-block-1 .view-inner-page-header .views-row .views-field-title .node__title {
    	font-size: 2.5em;
	}
}

@media (min-width: 580px) {
	div#block-views-block-inner-page-header-block-1 .view-inner-page-header .views-row .views-field-title .node__title {
    	font-size: 3em;
	}
}

@media (min-width: 767px) {
	div#block-views-block-inner-page-header-block-1 .view-inner-page-header .views-row .views-field-title .node__title {
    	font-size: 5em;
	}
}

.view-inner-page-header .views-row .views-field-field-hi-innerpage .field-content {
    height: 450
    overflow: hidden;
    position: relative;
}

.view-inner-page-header .views-row .views-field-field-hi-innerpage .field-content img {
    min-width: 100%;
}

.view-inner-page-header .views-row .views-field-field-hi-innerpage .field-content:before {
    content: "";
    position:absolute;
    background: rgba(0, 0, 0, 0.45);
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* Main Gallery Page------------------------------------------------------------------------------------------------------------------------------------ */
div#block-paintballusa-page-title .block__content .page__title {
    text-align: center;
    color: white;
    font-weight: bolder;
    text-transform: uppercase;
}

.view-gallery.view-id-gallery .view-content.view-rows .views-row {
    background: rgba(255, 255, 255, 0.85);
    padding: 10px 10px 20px 10px;
}

.view-gallery.view-id-gallery .view-content.view-rows .views-row .views-field-title {
    text-align: center;
}

.view-gallery.view-id-gallery .view-content.view-rows .views-row .views-field-title a {
    color: #444234;
    font-size: 1.4em;
}

@media (min-width: 320px) {
	.view-gallery.view-id-gallery .view-content.view-rows {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    flex-wrap: wrap;
	}
	.view-gallery.view-id-gallery .view-content.view-rows .views-row {
	    flex-basis: 60%;
	    margin-bottom: 20px;

	}
}

@media (min-width: 581px) {
	.view-gallery.view-id-gallery .view-content.view-rows {
	    justify-content: space-between;
	}
	.view-gallery.view-id-gallery .view-content.view-rows .views-row {
	    flex-basis: 49%;
	}
}

@media (min-width: 880px) {
	.view-gallery.view-id-gallery .view-content.view-rows {
	    justify-content: space-between;
	}
	.view-gallery.view-id-gallery .view-content.view-rows .views-row {
	    flex-basis: 32%;
	}
}

/* Inner Gallery Page ------------------------------------------------------------------------------------------------------------------------------------ */
.node--type-pu-galleries header.node__header .node__title {
    text-align: center;
}

/* Pricing Page ------------------------------------------------------------------------------------------------------------------------------------------ */

@media (min-width: 320px) {
    .view.view-prices.view-id-prices .view-content.view-rows .views-row {
        display: flex;
        background: rgba(120, 119, 90, 0.6);
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        margin: 0 auto 30px;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-field-pu-price-image {
        margin-bottom: 20px;
        width: 100%;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-field-pu-price-image .field-content {
        position: relative;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-field-pu-price-image .field-content:before {
        position: absolute;
        top:0;
        bottom: 0;
        left: 0;
        right:0;
        content: "";
        background: rgba(120, 119, 90, .25);
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-field-pu-price-image .field-content img {
        min-width: 100%;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row  .pu-text-wrapper {
        padding: 0 10px;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row  .pu-text-wrapper .pu-text-title {
        font-size: 2em;
        padding-bottom: 20px;
        color: white;
        line-height: 1.1em;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row  .pu-text-wrapper .pu-text-body {
        font-size: 1.3em;
        color: white;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-field-pu-price-link .pu-price-wrapper {
        color: #4290e8;
        text-align: center;
        margin:0 0 1.5em 0;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-field-pu-price-link .pu-price-wrapper .pu-price-price {
        line-height: 1.5em;
        font-size: 3.5em;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-field-pu-price-link .pu-price-wrapper .pu-price-link {
        padding: 10px;
        line-height: .9em;
        font-size: 2.5em;
        background: #4290e8;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-field-pu-price-link .pu-price-wrapper .pu-price-link a {
        color: white;
    }
    div#block-pricingpagefooter p a {
	    color: white;
	    text-decoration: underline;
	}
}

@media (min-width: 592px) and (max-width: 980px) {
    .view.view-prices.view-id-prices .view-content.view-rows {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row {
        flex-direction: column;
        width: 48%;
        flex-wrap: nowrap;
        justify-content: initial;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row  .views-field.views-field-body {
        flex-basis: 80%;
    }
}

@media (min-width: 981px) {
    .view.view-prices.view-id-prices .view-content.view-rows .views-row {
        flex-wrap: nowrap;
        width: 100%;
        justify-content: initial;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-field-pu-price-image {
        margin: 0 20px 0 0;
    }
    /* .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-field-pu-price-image .field-content img {
        min-width: initial;
    } */
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-field-pu-price-image {
        margin-bottom: 0;
        width: initial;
        flex-basis: 30%;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row  .pu-text-wrapper {
        padding: 0;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row  .pu-text-wrapper .pu-text-title {
        font-size: 2em;
        padding-bottom: 10px;
        line-height: .8em;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row  .pu-text-wrapper .pu-text-body {
        font-size: .9em;
        color: white;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row  .pu-text-wrapper .pu-text-body p {
        margin: 0 0 10px 0;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row  .pu-text-wrapper .pu-text-body ul {
        margin: 0;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-body {
        flex-basis: 50%;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field-field-pu-price-link {
        flex-basis: 20%;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field.views-field-field-pu-price-link .pu-price-wrapper .pu-price-link {
    	font-size: 2em;
    	width: 80%;
    	margin: 0 auto;
    }
    .view.view-prices.view-id-prices .view-content.view-rows .views-row .views-field-field-pu-price-link .field-content {
        flex-basis: 25%;
    }
    .path-pricing .l-r,
	.path-pricing .l-rw {
    	padding: 0;
	 }
}

/* Pricing Page footer buttons */
a.pb-button {
    padding: 10px;
    line-height: 2em;
    background: #4290e8;
    color: white;
}

/* Fixes for awkward Breakpoints ------------------------------------------------------------------------------------------------------------------ */

@media (min-width: 961px) and (max-width: 993px) {
    #block-paintballusa-branding .block-branding__content.site-branding:after {
        font-size: 1em;
    }
    div#leaderboard div#block-phonenumber .field__item p a {
        font-size: 1.3em;
    }
    .pr-leaderboard .block:not(.has-title) p {
        margin: 0;
    }
} 

/* Replaces Phone Number for Icon on mobile ------------------------------------------------------------------------------------------------------------------ */

@media (max-width: 640px) {
    div#leaderboard div#block-phonenumber .field__item p {
        width: 50px;
        height: 50px;
        overflow: hidden;
    }
	div#leaderboard div#block-phonenumber .field__item p a {
	    position: relative;
	    color: transparent;
	    width: 45px;
	    height: 45px;
	    font-size: 1em;
	    display: inline-block;
	}
	div#leaderboard div#block-phonenumber .field__item p a:before {
	    position: absolute;
	    content: "\f098";
	    font-family: fontAwesome;
	    font-size: 3em;
	    color: white;
	    top: 50%;
	    transform: translateY(-50%);
	    left: 0;
	    z-index: 10;
	}
	.l-leaderboard.l-row {
        position: absolute;
        right: 0;
        z-index: 2;
    }
    .l-header {
        z-index: 1;
    }
    .pr-leaderboard .block:not(.has-title) p {
    	margin: 0;
    }
    div#leaderboard div#block-phonenumber .field.field-block-content--body {
    	margin: 0;
    }
    .l-rw.pr-leaderboard__rw,
    .l-r.region.pr-leaderboard__leaderboard {
		padding: 0;
	}
	.l-rw.pr-leaderboard__rw {
		margin: 10px;
	}
}
