/* Font for Services: font-family: 'Saira Semi Condensed', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda&display=swap');


/********************
GENERAL
********************/

/* Page Title */

.page-node-110 h1 {
  display: none;
}

.page-node-112 #block-barriojyblue-page-title {
  display: none;
}
.page-node-113 #block-barriojyblue-page-title {
  display: none;
}
.page-node-114 #block-barriojyblue-page-title {
  display: none;
}
.page-node-115 #block-barriojyblue-page-title {
  display: none;
}
.page-node-116 #block-barriojyblue-page-title {
  display: none;
}
.page-node-117 #block-barriojyblue-page-title {
  display: none;
}

/* Others */

.page-node-110 .field--name-field-downloads {
  border: 0px #ffffff;
  border-style: none none none none;
}

img.image-style-enterprises-images-350x350 {
  padding-right: 20px;
}

.field--name-field-story {
  background-color: #eef6ec;
  height: 360px;
}

.field--name-field-story div {
  padding: 20px;
}

.field--name-field-story h2 {
  font-size: 1.5em; 
  font-family: 'Saira Semi Condensed', sans-serif;
  padding-bottom: 12px;
  color: #000000;
}

.field--name-field-story h3 {
  font-size: 1.25em; 
  font-family: 'Saira Semi Condensed', sans-serif;
  color: #44697d;
  text-decoration: underline;
}

.field--name-field-story p {
  font-family: 'Saira Semi Condensed', sans-serif;
  font-size: 1.15em;
}

.field--name-field-story li {
  font-family: 'Saira Semi Condensed', sans-serif;
  font-size: 1.15em;
}

@media (max-width:94.99em) {

img.image-style-enterprises-images-350x350 {
  padding-bottom: 20px;
}

.field--name-field-story {
  height: auto;
}

}

/********************
FRONT
********************/

/* Big Banner */

#block-enterprisesfeaturedtopblockbigbanneroneimage {
  background: url(../images/enterprisesFrontBannerBG.webp);
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 20px;
  padding: 0;
  width: 100vw;
  height: 400px;
}

#block-enterprisesfeaturedtopblockbigbanneroneimage p {
  font-family: "Bodoni Moda", serif;
  color: #b3d0b1;
  font-size: 20px;
}

#enterprisesFeaturedTopBanner {
	background: url(../images/noBackground.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding: 0;
  width: 100vw;
	text-align: center;
	height: 300px;
}

#enterprisesBannerLogo img {
	width: 248px;
	height: auto;
	margin-left: 20%;
	margin-top: 20px;
}

#enterprisesBannerQuoteP {
  padding-top: 2em;
}

#enterprisesBannerQuoteP p {
	font-family: 'Saira Semi Condensed', sans-serif;
  font-size: 3em;
  color: #ffffff;
  padding-bottom: 20px;
}

#enterprisesBannerQuoteP a {
  color: #ffffff;
}

@media (max-width:61.99em) {


#enterprisesFeaturedTopBanner {	
	background: url(../images/noBackground.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 400px;
}

#enterprisesBannerLogo {	
	display: inline-block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#enterprisesBannerLogo img {
	width: 180px;
	height: auto;
}

#enterprisesBannerQuoteP {	
	display: inline-block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
  padding-top: 2px;
}

#enterprisesBannerQuoteP p{	
  padding-top: 2px;
  font-size: 2em;
  color: #166835;
}

#enterprisesBannerQuoteP a {
  color: #166835;
}

}

/* Business enterprisesHexagon Buttons */

#enterprisesFeaturedTopMenu1 {
  width: 86vw;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  -ms-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

#enterprisesFeaturedTopMenu2 {
  display: none;
}

#enterprisesFeaturedTopMenu3 {
  width: 86vw;
  margin-left: 12.86vw;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  -ms-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: -120px;
}


@media (max-width:94.99em) {

#enterprisesFeaturedTopMenu1 {
  width: 100vw;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  -ms-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

#enterprisesFeaturedTopMenu3 {
  width: 100vw;
  margin-left: 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  -ms-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 0px;
}

}

@media (max-width:61.99em) {

#enterprisesMenu3 {
	display: none;
}

#enterprisesFeaturedTopMenu2 {
  width: 100vw;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  -ms-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

#enterprisesMenu4 {
	display: none;
}

}

/*******************
ENTERPRISES SINGLE SERVICE PAGES
*******************/

/* Big Banner only with logo on the right*/

#enterprisesFTSingleServiceBanner {
  background-color: #036704;
  width: 100vw;
  height: 180px;
}

#enterprisesSSBannerLogo img {
  width: 120px;
  height: auto; /* height: 130px; */
  margin-right: 12%;
  margin-top: 20px;
}

@media (max-width:61.99em) {

#enterprisesSSBannerLogo img {
  position: absolute;
  left: 50%;
}

}

@media (max-width:47.99em) {

#enterprisesSSBannerLogo img {
  left: 65%;
}

}

/* Big Banner with title on the left and logo on the right */

#enterprisesFTSingleServiceTitle {
  background-color: #036704;
  background: url(../images/enterprisesPageTitleBGDark.webp);
  background-position: center center;
  background-size: cover;
  width: 100vw;
  margin-bottom: 16px;
  text-align: left;
  height: 180px;
}

#enterprisesFTLogo {
  margin-left: 80%;
  padding-top: 20px;
}

#enterprisesFTLogo img {
  width: 120px;
  height: auto; /* height: 130px; */
}

#enterprisesFTTitle {
  margin-top: -66px;
  margin-left: 8%;
}

#enterprisesFTTitle h1 {
  display: inline-block;
  font-size: 3em;
  font-family: 'Saira Semi Condensed', sans-serif;
  color: #ffffff;
}

#enterprisesFTTitle h2 {
  display: inline-block;
  font-size: 3em;
  font-family: 'Saira Semi Condensed', sans-serif;
  color: #ffffff;
}

#enterprisesFTTitle div {
  display: inline-block;
  margin-left: 4px;
}

#enterprisesFTTitle img {
  width: 120px;
  height: auto;
  padding: 8px;
  background-color: #ffffff;
}

@media (max-width:74.99em) {

#enterprisesFTSingleServiceTitle {
  height: 180px;
}
#enterprisesFTLogo {
  margin-left: 70%;
}

#enterprisesFTTitle {
  margin-top: -46px;
}

#enterprisesFTTitle h1 {
  font-size: 2em;
}

#enterprisesFTTitle h2 {
  font-size: 2em;
}

#enterprisesFTTitle img {
  width: 100px;
}

}

@media (max-width:47.99em) {

#enterprisesFTSingleServiceTitle {
  height: 210px;
}
#enterprisesFTLogo {
  margin-left: 60%;
  height: 150px;
}

#enterprisesFTTitle {
  margin-top: 8px; 
  margin-left: 2%;
}

#enterprisesFTTitle h1 {
  font-size: 1.8em;
}

#enterprisesFTTitle h2 {
  font-size: 1.8em;
}

#enterprisesFTTitle img {
  width: 80px;
}

}

/* SourceAmerica AbilityOne Success Stories Page; Two columns layout*/

.page-view-saao-success-stories h1 {
  display: none;
}

/* Green BG */
#saaoStoryGridGreen {
  width: 100%;
  background: url(../images/curveFrameGreenLeft.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 62.7% auto;
}

#twoColumnSAAOStory1Green {
  width: 30%;
  padding-left:40px;
  Padding-top: 40px;
}

#twoColumnSAAOStory2Green {
  width: 66%;
  padding-left:16px;
  padding-bottom: 24px;
  text-align: left; 
  background: url(../images/curveFrameGreenRight.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 95% auto;
}

#twoColumnSAAOStory1Green img {
  width: 100%;
  height: auto;
  border-radius: 30px;
}

#twoColumnSAAOStory1Green iframe {
  width: 100%;
  height: 315px;
  border-radius: 30px;
}

#twoColumnSAAOStory2Green h2 {
  font-size: 1.7em; 
  font-family: 'Saira Semi Condensed',sans-serif;
  Padding: 35PX 35px 0px 35px;
}

#twoColumnSAAOStory2Green h3 {
  font-size: 0.8em;
  font-family: 'Saira Semi Condensed',sans-serif;   
  Padding: 0PX 35px 0px 35px;
}

#twoColumnSAAOStory2Green p {
  font-size: 1.15em;
  font-family: 'Saira Semi Condensed',sans-serif;
  Padding: 0PX 35px 0px 35px;
}

@media (max-width:74.99em) {

  #twoColumnSAAOStory1Green {
    padding-left:30px;
    Padding-top: 30px;  
  }
  #twoColumnSAAOStory2Green {
    padding-bottom: 20px;
  }
  #twoColumnSAAOStory1Green img {
    border-radius: 20px;
  }
  #twoColumnSAAOStory1Green iframe {
    border-radius: 20px;
  }
  #twoColumnSAAOStory2Green h2 {
  font-size: 1.5em;
  Padding: 25PX 25px 0px 25px; 
  }
  #twoColumnSAAOStory2Green h3 {
  font-size: 0.7em;
  Padding: 0PX 25px 0px 25px; 
  }
  #twoColumnSAAOStory2Green p {
  font-size: 1.05em;
  Padding: 0PX 25px 0px 25px; 
  }

}

@media (max-width:61.99em) {

  #saaoStoryGridGreen {
    background: none;
  }
  #twoColumnSAAOStory1Green {
    width: 98%;
    padding-left:0px;
  }
  #twoColumnSAAOStory2Green {
    width: 98%;
    background: none;
  }
  #twoColumnSAAOStory2Green h2 {
  font-size: 1.25em;
  Padding: 0PX 0px 0px 16px; 
  }
  #twoColumnSAAOStory2Green h3 {
  font-size: 0.6em;
  Padding: 0PX 0px 0px 16px; 
  }
  #twoColumnSAAOStory2Green p {
  font-size: 1em;
  Padding: 0PX 0px 0px 16px; 
  }

}

/* Orange BG */
#saaoStoryGridOrange {
  width: 100%;
  background: url(../images/curveFrameOrangeLeft.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 62.7% auto;
}

#twoColumnSAAOStory1Orange {
  width: 30%;
  padding-left:40px;
  Padding-top: 40px;
}

#twoColumnSAAOStory2Orange {
  width: 66%;
  padding-left:16px;
  padding-bottom: 24px;
  text-align: left; 
  background: url(../images/curveFrameOrangeRight.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 95% auto;
}

#twoColumnSAAOStory1Orange img {
  width: 100%;
  height: auto;
  border-radius: 30px;
}

#twoColumnSAAOStory1Orange iframe {
  width: 100%;
  height: 315px;
  border-radius: 30px;
}

#twoColumnSAAOStory2Orange h2 {
  font-size: 1.7em; 
  font-family: 'Saira Semi Condensed',sans-serif;
  Padding: 35PX 35px 0px 35px;
}

#twoColumnSAAOStory2Orange h3 {
  font-size: 0.8em;
  font-family: 'Saira Semi Condensed',sans-serif;   
  Padding: 0PX 35px 0px 35px;
}


#twoColumnSAAOStory2Orange p {
  font-size: 1.15em;
  font-family: 'Saira Semi Condensed',sans-serif;
  Padding: 0PX 35px 0px 35px;
}

@media (max-width:74.99em) {

  #twoColumnSAAOStory1Orange {
    padding-left:30px;
    Padding-top: 30px;  
  }
  #twoColumnSAAOStory2Orange {
    padding-bottom: 20px;
  }
  #twoColumnSAAOStory1Orange img {
    border-radius: 20px;
  }
  #twoColumnSAAOStory1Orange iframe {
    border-radius: 20px;
  }
  #twoColumnSAAOStory2Orange h2 {
  font-size: 1.5em;
  Padding: 25PX 25px 0px 25px; 
  }
  #twoColumnSAAOStory2Orange h3 {
  font-size: 0.7em;
  Padding: 0PX 25px 0px 25px; 
  }
  #twoColumnSAAOStory2Orange p {
  font-size: 1.05em;
  Padding: 0PX 25px 0px 25px; 
  }

}

@media (max-width:61.99em) {

  #saaoStoryGridOrange {
    background: none;
  }
  #twoColumnSAAOStory1Orange {
    width: 98%;
    padding-left:0px;
  }
  #twoColumnSAAOStory2Orange {
    width: 98%;
    background: none;
  }
  #twoColumnSAAOStory2Orange h2 {
  font-size: 1.25em;
  Padding: 0PX 0px 0px 16px; 
  }
  #twoColumnSAAOStory2Orange h3 {
  font-size: 0.6em;
  Padding: 0PX 0px 0px 16px; 
  }
  #twoColumnSAAOStory2Orange p {
  font-size: 1em;
  Padding: 0PX 0px 0px 16px; 
  }

}

/* Main Content */

.field--name-field-enterprises-title {
  width: 94%;
}

@media (max-width:61.99em) {

  .field--name-field-enterprises-title {
    width: 100%;
  }

}

.field--name-field-enterprises-title h2 {
  font-size: 1.7em; 
  font-family: 'Saira Semi Condensed', sans-serif;
}

.field--name-field-enterprises-title h3 { 
  font-size: 1.4em; 
  font-family: 'Saira Semi Condensed', sans-serif;
}

.field--name-field-enterprises-title h4 { 
  font-size: 1.3em; 
  font-family: 'Saira Semi Condensed', sans-serif;
}

.field--name-field-enterprises-title p {
  font-size: 1.15em; 
  font-family: 'Saira Semi Condensed', sans-serif;
}

.field--name-field-enterprises-title li {
  font-size: 1.15em; 
  font-family: 'Saira Semi Condensed', sans-serif;
}

.field--name-field-enterprises-title h2 {
  font-size: 1.7em; 
}

.node--type-enterprises .field--name-field-media-image img {
  max-width: 400px;
  width: 100%;
  height: auto;
}

.node--type-enterprises .main-content .field--name-body h2 {
  font-size: 1.7em; 
  font-family: 'Saira Semi Condensed', sans-serif;
}

.node--type-enterprises .main-content .field--name-body h3 { 
  font-size: 1.4em; 
  font-family: 'Saira Semi Condensed', sans-serif;
}

.node--type-enterprises .main-content .field--name-body h4 { 
  font-size: 1.3em; 
  font-family: 'Saira Semi Condensed', sans-serif;
}

.node--type-enterprises .main-content .field--name-body p {
  font-size: 1.15em; 
  font-family: 'Saira Semi Condensed', sans-serif;
}

.node--type-enterprises .main-content .field--name-body li {
  font-size: 1.15em; 
  font-family: 'Saira Semi Condensed', sans-serif;
}

.node--type-enterprises .main-content .field--name-body h2 {
  font-size: 1.7em; 
}

.node--type-enterprises .field--name-field-media-image img {
  max-width: 400px;
  width: 100%;
  height: auto;
}

.node--type-enterprises .field--name-field-contact {
  background: #eef6ec;
  padding-top: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.node--type-enterprises .field--name-field-contact p {
  font-size: 1.15em; 
  font-family: 'Saira Semi Condensed', sans-serif;
}

.node--type-enterprises .field--name-field-contact .field__label {
  font-size: 1.7em;
  font-weight: 700;
  font-family: 'Saira Semi Condensed', sans-serif;
}

/* Main Content Images */

/* Order Fulfillment & Shipping page UPS Service */

#enterprisesUPSDiv {
  width: 60%;
}

@media (max-width:61.99em) {

#enterprisesUPSDiv {
  width: 100%;
}

}

/* Main content light green blocks */

#lightGreenBlock {
  width: 100%;
  background-color: #eef6ec;
  padding: 12px 16px 8px 16px;
  margin-bottom: 16px;
}

/* ability One page images and light green blocks */

#lightGreenBlock2 {
  width: 95.74%;
  background-color: #eef6ec;
  padding: 12px 16px 8px 16px;
  margin-bottom: 16px;
  margin-left: 40px;
}

#lightGreenBlock2 p {
  font-size: 0.9em;
}


#lightGreenBlock3 {
  width: 50%;
  background-color: #eef6ec;
  padding: 12px 16px 8px 16px;
  margin-bottom: 16px;
  margin-left: 40px;
}

#lightGreenBlock3 p {
  font-size: 0.9em;
}

@media (max-width:61.99em) {

#lightGreenBlock3 {
  width: 95.74%;
}


}

#lightGreenBlock4 {
  width: 90%;
  background-color: #eef6ec;
  padding: 12px 16px 8px 16px;
  margin-bottom: 16px;
  margin-left: 40px;
}

#lightGreenBlock4 p {
  font-size: 0.9em;
}

/* Sidebar Menu */

#block-views-block-enterprises-block-1 {
  margin-top: 10px;
}

#block-views-block-enterprises-block-1 h2 {
  font-size: 1.7em;
  font-family: 'Saira Semi Condensed', sans-serif;
}

#block-views-block-enterprises-block-1 a {
  font-size: 1.4em; 
  font-family: 'Saira Semi Condensed', sans-serif;
}

/*******************
FOR OTHER DESIGN STYLE
*******************/

#enterprisesFeaturedTopBusiness1 {
  width: 85.7vw;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  -ms-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

#enterprisesFeaturedTopBusiness2 {
  width: 85.7vw;
  margin-left: 14.3vw;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  -ms-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: -150px;
}


@media (max-width:91.99em) {

#enterprisesFeaturedTopBusiness1 {
  width: 100vw;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  -ms-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

#enterprisesFeaturedTopBusiness2 {
  width: 100vw;
  margin-left: 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  -ms-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 0px;
}

}

/* Auto Hexagonal CSS Grid Layout */

#enterprisesFeaturedTopBusiness {
  width: 100vw;
}
