/*****************************************/
/********** MAIN ELEMENTS ****************/
/*****************************************/
body{background-color: #FFFFFF;color: #333333;font-family: Georgia, serif;font-size: 16px;}
footer{line-height:30px;}
/*****************************************/
/********** DESIGN ELEMENTS **************/
/*****************************************/
hr {display: block; position: relative; padding: 0; margin: 8px auto; height: 0; width: 100%; max-height: 0; font-size: 1px; line-height: 0; clear: both; border: none; border-top: 2px solid #007DBA; border-bottom: 2px solid #0047AB;}
.fullHR {display: block; position: relative; padding: 0; margin: 8px auto; height: 0; width: 100%; max-height: 0; font-size: 1px; line-height: 0; clear: both; border: none; border-top: 2px solid #007DBA; border-bottom: 2px solid #0047AB;}
.whiteHR {display: block; position: relative; padding: 0; margin: 8px auto; height: 0; width: 50%; max-height: 0; font-size: 1px; line-height: 0; clear: both; border: none; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #0047AB;}
.image{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden;}
.middle{transition:.5s ease;opacity:1;position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);text-align:center;}
.container-hover{position:relative;width:100%;}
.container-hover:hover .image{opacity:0.3;}
.container-hover:hover .middle{opacity:1;}
.sectionVerticalHeader{height: 200px;position: relative;}
.aboutVerticalHeader{height: 400px;position: relative;}
@media (min-width: 1px) {.missionSection{height: 600px;position: relative;}}
@media (min-width: 768px){.missionSection{height: 300px;position: relative;}}
.sectionHeaderSpacing{padding-top: 142px;}
.verticalCenter{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.containerMax{max-width:1440px;}
.btn-primary{background-color: #003874;}
/*****************************************/
/********** SPACING ELEMENTS *************/
/*****************************************/
@media (min-width: 320px) {.topspacing{padding-top: 75px;}}
@media (min-width: 1200px) {.topspacing{padding-top: 85px;}}
.no-padding {padding: 0;}
.no-padding img{width: 100%;}
.padding-0{padding-right:0;padding-left:0;}
.padding-image{margin:10px;padding:10px;}
.padding-section-25{padding-top: 25px;padding-bottom:25px;}
.padding-section-50{padding-top: 50px;padding-bottom:50px;}
/*****************************************/
/********** BACKGROUND COLORS ************/
/*****************************************/
.white{background-color: #FFFFFF; color: #000000;}	
.grayLight{background-color: #dddddd; color: #333333;}
.grayDark{background-color: #333333; color: #dddddd;}
.blueBG{background-color: #003874; color: #FFFFFF;}
.goldBG{background-color: #b49759; color: #FFFFFF;}
.redBG{background-color: #FF3333; color: #000000; opacity: 0.5;}	
/*****************************************/
/********** TEXT *************************/
/*****************************************/
h1{color: #003874; font-family: Georgia, serif;}
h2{color: #003874; font-family: Georgia, serif;}
h3{color: #333333;}
h4{color: #333333;}
h5{color: #333333;}
.textWhite{color: #FFFFFF;}
.textBlack{color: #000000;}
.textGrayLight{color: #dddddd;}
.textGrayDark{color: #333333;}
.textBlue{color: #003874;}
.textGold{color: #b49759;}
.textShadow{text-shadow: 1px 1px #333333;}
@media (max-width: 575px) {.textHuge{font-size: 50px;} .textLarge{font-size:30px;} .textMedium{font-size:20px;}}
@media (min-width: 576px) {.textHuge{font-size: 70px;} .textLarge{font-size:40px;} .textMedium{font-size:24px;}}
/*****************************************/
/****** DEFINE HERO IMAGE TEXT OVERLAY  **/
/*****************************************/
.header-text {position: relative;top: 40%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%)}
@media (min-width: 320px){.header-text h1 {font-size: 40px;}.header-text h3 {font-size: 20px;}}
@media (min-width: 576px){.header-text h1 {font-size: 60px;}.header-text h3 {font-size: 30px;}}
/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #148cc8; font-size: 20px; text-decoration: none;}       /*LARGE LINKS on Home Page*/
a.a1:visited{color: #148cc8; font-size: 20px; text-decoration: none;}
a.a1:hover{  color: #333333; font-size: 20px; text-decoration: none;}
a.a2:link{   color: #003874; font-size: 16px; text-decoration: underline;}  /*LINKS regular text*/
a.a2:visited{color: #003874; font-size: 16px; text-decoration: underline;}
a.a2:hover{  color: #333333; font-size: 16px; text-decoration: underline;}
a.a3:link{   color: #dddddd; font-size: 16px; text-decoration: underline;}  /*LINKS IN FOOTER -> Privacy Policy*/
a.a3:visited{color: #dddddd; font-size: 16px; text-decoration: underline;}
a.a3:hover{  color: #999999; font-size: 16px; text-decoration: underline;}
a.a4:link{   color: #003874; font-size: 18px; text-decoration: none;}       /*LINKS IN FOOTER -> Menu Items*/
a.a4:visited{color: #003874; font-size: 18px; text-decoration: none;}
a.a4:hover{  color: #000000; font-size: 18px; text-decoration: none;}
a.a5:link{   color: #003874; font-size: 20px; text-decoration: underline;}  /*LINKS for Blog headings on search page*/
a.a5:visited{color: #003874; font-size: 20px; text-decoration: underline;}
a.a5:hover{  color: #333333; font-size: 20px; text-decoration: underline;}
/*****************************************/
/********** BACKGROUND PICS***************/
/*****************************************/
@media (min-width: 1px){
.contactbg{background-image: url("pictures/kids-playing.webp");width: 100%;min-height: 200px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.heroimagemain{background-image: url("pictures/bozeman-kiwanis-club-aug-2025-mobile.jpg");width: 100%;min-height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.mountainsbg{background-image: url("pictures/mountains-background.webp");width: 100%;min-height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;}
}
@media (min-width: 768px){
.contactbg{background-image: url("pictures/kids-playing.webp");width: 100%;min-height: 200px;background-position: top;background-repeat: no-repeat;background-size: cover;}
.heroimagemain{background-image: url("pictures/bozeman-kiwanis-club-aug-2025.jpg");width: 100%;min-height: 600px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.mountainsbg{background-image: url("pictures/mountains-background.webp");width: 100%;min-height: 200px;background-position: center;background-repeat: no-repeat;background-size: cover;}
}
/*****************************************/
/********** NAVIGATION BAR ***************/
/*****************************************/
#navbar{background-color:#cccccc;padding: 10px 10px;transition: 0.4s;position: fixed;width: 100%;top: 0;z-index: 99; border-bottom: 2px solid #000000; z-index: 9999;}
#navbar a.nav-link {float: left;color: #333333;text-align: center;text-decoration: none;padding: 10px;font-size: 20px; font-family: Tahoma, sans-serif;}
#navbar a:hover {color: #003874;}
#navbar .navbar-brand{padding: 0px;}
#navbar #logo {transition: 0.4s;}
/**Mobile Settings**/
@media screen and (max-width: 580px) {#navbar {padding: 10px 10px !important;}#navbar a {float: none;display: block;text-align: left;}#navbar-right {float: none;}}
.custom-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(51,51,51, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.custom-toggler.navbar-toggler{border-color: rgb(51,51,51);} 
/*****************************************/
/********** IFRAME RESIZING **************/
/*****************************************/
.videoWrapper{position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*****************************************/
/**********CAROUSEL OPTIONS **************/
/*****************************************/
.carousel-inner img {width: 100%;height: 550px;}
/*****************************************/
/************ IMAGE OPTIONS **************/
/*****************************************/
.aspect-ratio-box-inside { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.aspect-ratio-box-hero {height: 0;overflow: hidden;padding-top:31.25%;position: relative;}
.aspect-ratio-box-hero-xs {height: 0;overflow: hidden;padding-top:100%;position: relative;}