@charset "UTF-8";
/* CSS Document */

*, h1, h2, h3, h4, h5, p { font-family: 'Oswald'; }

.body {
	overflow: inherit;
}

.main-image { position: relative; }
.main-image-text { position: absolute; top: 20%; left: 71%; z-index: 2;}
.baseball-main-image-text { position: absolute; top: 20%; left: 71%; z-index: 2;}
.softball-main-image-text { position: absolute; top: 20%; left: 7%; z-index: 2;}
.grid-image-right-text { position: absolute; top: -7%; left: 53%; z-index: 3;}
.main-image-montana-logo { position: absolute; top: 6%; left: 5%; z-index: 3;}


.ballistic-title { font-size: 4.75vw; color: #fff; text-align: center;}

.boombah-title {font-size: 2vw; font-weight: 400;}

.training-persona-text { font-weight: 300; font-size: 1.75vw; line-height: 1.75vw; text-align: center;}

.sticky { 
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 100;
	}


.rounded-corners {
	border-radius: 15px;
}			

.jumbotron {
    margin-bottom: 0px;
}

.boombah-black-on-white-btn {
	display: none;
}

a.anchor {
    display: block;
    position: relative;
    top: -7.9vh;
    visibility: hidden;
}
	

.vortx-photo-grid {
    display: grid;
    grid-template-columns: 2fr 2fr;
    grid-template-rows: auto;
    grid-template-areas:
        "vortx-photo-1 vortx-photo-1"
        "vortx-photo-2 vortx-photo-3"
        "vortx-photo-4 vortx-photo-3";
    grid-gap: 30px;
}

.vortx-photo-grid .photo-1 {
	grid-area: vortx-photo-1;
}

.vortx-photo-grid .photo-2 {
	grid-area: vortx-photo-2;
}

.vortx-photo-grid .photo-3 {
	grid-area: vortx-photo-3;
}

.vortx-photo-grid .photo-4 {
	grid-area: vortx-photo-4;
}



.text-overlay-section-title-right-bg {
	text-align: left;
	position: absolute;
	top: -2%;
	left: 51%;
	font-size: 10vw;
	background: -webkit-linear-gradient(1turn, #767676, #3f3f3f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 400;
}


.text-overlay-section-title-right-white-bg {
	text-align: left;
	position: absolute;
	top: -2%;
	left: 51%;
	font-size: 10vw;
	background: -webkit-linear-gradient(1turn, #ffffff, #b3b3b3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 400;
}


.text-overlay-section-title-left-bg {
	text-align: left;
	position: absolute;
	top: -2%;
	left: 3%;
	font-size: 10vw;
	background: -webkit-linear-gradient(.5turn, #767676, #3f3f3f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 400;
}

.text-overlay-section-title-left-white-bg {
	text-align: left;
	position: absolute;
	top: -2%;
	left: 3%;
	font-size: 10vw;
	background: -webkit-linear-gradient(1turn, #b3b3b3, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 400;
}


.text-overlay-section-body-bg {
	font-size: 1.3vw;
	line-height: 1.7vw;
	margin: 0 0 5%;
}


.text-overlay-section-body-uniforms-bg {
		text-align: left;
    position: absolute;
    top: 30%;
    left: 52%;
    right: 3%;
    z-index: 4;
    color: #fff;
}


.text-overlay-section-body-bat-bags-bg {
		text-align: left;
    position: absolute;
    top: 35%;
    left: 4%;
    right: 55%;
    z-index: 4;
    color: #fff;
}



.text-overlay-section-apparel-bg {
		text-align: left;
    position: absolute;
    top: 41%;
    left: 52%;
    right: 4%;
    z-index: 4;
    color: #fff;
}



.text-overlay-section-body-footwear-bg {
		text-align: left;
    position: absolute;
    top: 36%;
    left: 52%;
    right: 3%;
    z-index: 4;
    color: #fff;
}


.text-overlay-section-body-equipment-bg {
		text-align: left;
    position: absolute;
    top: 38%;
    left: 4%;
    right: 55%;
    z-index: 4;
    color: #fff;
}


.section-carousel h4{
    text-transform: uppercase;
    padding-top: 10px;
    text-align: center;
    color: #000;
    font-size: 1.5vw;
    font-weight: 400;
}

.section-carousel-bg {
		background-image: linear-gradient(to top right, #afb1b5, #e5e5e5);

}

.uniforms-anchor-link {
	padding-top: 0%;"
}

#section-header-button a {
		padding: 3%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 1.5vw;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
}


#videoBG {
        width:100%;
        margin:auto;
        display:block;
        position: relative;
        
    }

.video1 {
    width: 100%;
    height: auto;

}    

.video-bg-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.video-bg-graident-right {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 99.5%;
    background: linear-gradient(90deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
}


.video-bg-graident-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-90deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
}


.video-bg-graident-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
}


.title-footwear {
    font-size: 2vw;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

.title-button {
    padding: 10px 25px;
    background-color: rgba(255, 255, 255, .3);
    border: solid #fff 2px;
    color: #fff;
    display:inline-block;
}




@media only screen and (min-width: 100px) and (max-width: 767px) {

    .baseball-main-image-text { position: absolute; top: 44%; left: 49%; z-index: 2;}
    .softball-main-image-text { position: absolute; top: 5%; left: 9%; z-index: 2;}
    .main-image-text { position: absolute; top: 43%; left: 62%; z-index: 2;}
    .main-image-montana-logo { position: absolute; top: 80%; left: 6%; z-index: 3;} 
    .training-persona-title { font-weight: 200; font-size: 4.75vw; color: var(--theme-colors); }
    .training-persona-text { font-weight: 100; font-size: 4vw; line-height: 3vw; text-align: center; }


    .sticky { 
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        z-index: 100;
    }

    .ballistic-title { font-size: 7.75vw; color: #fff; text-align: center; }

    .rounded-corners {
    border-radius: 10px;
    }

.uniforms-anchor-link {
    padding-top: 8%;
    }

.section-carousel h4{
    text-transform: uppercase;
    padding-top: 10px;
    text-align: center;
    color: #000;
    font-size: 5.5vw;
    font-weight: 400;
}    

.vortx-photo-grid { 
    display: grid;
    grid-template-columns: 2fr 2fr;
    grid-template-rows: auto;
    grid-template-areas:
        "vortx-photo-1 vortx-photo-1"
        "vortx-photo-3 vortx-photo-3"
        "vortx-photo-2 vortx-photo-2"
        "vortx-photo-4 vortx-photo-4";
    grid-gap: 30px;
}

.vortx-photo-grid .photo-1 {
	grid-area: vortx-photo-1;
}

.vortx-photo-grid .photo-2 {
	grid-area: vortx-photo-2;
}

.vortx-photo-grid .photo-3 {
	grid-area: vortx-photo-3;
}

.vortx-photo-grid .photo-4 {
	grid-area: vortx-photo-4;
}

.text-overlay-section-title-right-bg {
    text-align: left;
    position: absolute;
    top: 3%;
    left: 50%;
    font-size: 12vw;
    background: -webkit-linear-gradient(1turn, #767676, #3f3f3f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 400;
}

.text-overlay-section-title-right-white-bg {
    text-align: left;
    position: absolute;
    top: 3%;
    left: 50%;
    font-size: 12vw;
    background: -webkit-linear-gradient(1turn, #ffffff, #b3b3b3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 400;
}

.text-overlay-section-body-uniforms-bg {
        text-align: left;
    position: absolute;
    top: 20%;
    left: 52%;
    right: 3%;
    z-index: 4;
    color: #fff;
}

.text-overlay-section-body-bg {
    font-size: 3vw;
    line-height: 3.5vw;
    margin: 0 0 7%;
}

#section-header-button a {
        padding: 3%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 3.25vw;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
}

.text-overlay-section-title-left-bg {
    text-align: left;
    position: absolute;
    top: 3%;
    left: 4%;
    font-size: 10vw;
    background: -webkit-linear-gradient(.5turn, #767676, #3f3f3f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 400;
}


.text-overlay-section-title-left-white-bg {
    text-align: left;
    position: absolute;
    top: 3%;
    left: 4%;
    font-size: 10vw;
    background: -webkit-linear-gradient(1turn, #b3b3b3, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 400;
}

.text-overlay-section-body-footwear-bg {
        text-align: left;
    position: absolute;
    top: 25%;
    left: 51%;
    right: 3%;
    z-index: 4;
    color: #fff;
}

.text-overlay-section-body-bat-bags-bg {
        text-align: left;
    position: absolute;
    top: 22%;
    left: 5%;
    right: 54%;
    z-index: 4;
    color: #fff;
}

.text-overlay-section-body-equipment-bg {
        text-align: left;
    position: absolute;
    top: 22%;
    left: 4%;
    right: 55%;
    z-index: 4;
    color: #fff;
}

.text-overlay-section-apparel-bg {
        text-align: left;
    position: absolute;
    top: 26%;
    left: 52%;
    right: 3%;
    z-index: 4;
    color: #fff;
}

.boombah-title {
    font-size: 3.5vw; 
    font-weight: 400;
}

.video-bg-graident-right {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 99%;
    background: linear-gradient(90deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
}

.title-button {
    padding: 4% 8%;
    background-color: rgba(255, 255, 255, .3);
    border: solid #fff 2px;
    color: #fff; display:inline-block;
}



}