/***********************************************************/
/*******CSS for Giving Tuesday  Page********/
/*********************************************************/

/*********************************************************************************************************/
/********************************************************************************************************/
/*******************************************************************************************************/


.slideshow {
position: relative;
width: 80%;
max-width: 500px;
height: 281px;
overflow: hidden;
border-radius: 10px;
}

.slideshow img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 1s ease-in-out;
}

.slideshow img.active {
opacity: 1;
}

.zoneMiddleHeaderWrapNoBlue{
		padding-left:10px;
	}
.zoneMiddleHeaderWrap{
	padding-left:10px;
}

.aboutlmhssubbackgroundLayer2{
    width: 100% !important;
    }
.txtSpecialOp{
	width: 100% !important;
	height: auto !important;
}
.txtTopInfo{
	width: 100% !important;
	height: auto !important;
}
.txtEventInfo{
	width: 100% !important;
	height: auto !important;
}
.txtDevCon{
	width: 100% !important;
	height: auto !important;
}
/* This makes it so the user cannot scroll right and left of the page and gets rid of the overflow */
    html {

        }
    body {
    height: 100%;
    overflow-x: hidden !important;
    }
}
/* Sizing areas where the content on the page is responsive. */
@media screen and (min-width:652px){
    .MobileAboutUsSubGolf{        
        display:none;
    }
}
@media screen and (max-width: 360px){
    .BottomColumns{
        width: 25% !important;
        border-left: none !important;
        border-right: none !important;
        height: auto !important;
    }
    .MobileAboutUsSubGolf{
       position: relative; right:190px;
        height: 215px;
    }
    .MobileAboutUsSubGolf::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        top: 20px;
        margin-top:0px;
        padding-left: 18.5em;
    } 
    .zoneMiddleMenuWrap2{
        height:210px;
    }
    .imgGivingTuesday{
        position: relative !important;
        left:90px !important;
    }
}
@media screen and (min-width: 361px) and (max-width: 401px) {
    .BottomColumns{
        width: 28% !important;
        border-left: none !important;
        border-right: none !important;
    }
    .MobileAboutUsSubGolf{
        position: relative; right:170px;
        height: 215px;
    }
    .MobileAboutUsSubGolf::before {
        content: "About Us";
        font-size: 12px;
        color: #003b6f;
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        left: 15em;
        top: 20px;
    }
    .zoneMiddleMenuWrap2{
        height:210px;
    }
    .imgGivingTuesday{
        position: relative !important;
        left:125px !important;
        width:400px !important;
        height:auto !important;
    }

}
@media screen and (min-width: 402px) and (max-width: 423px){
    .BottomColumns{
        width:  30% !important;
        border-left: none !important;
        border-right: none !important;
    }
    .MobileAboutUsSubGolf{
       position: relative; right:145px;
        height: 215px;
    }
    .MobileAboutUsSubGolf::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative; left:145px; top: 20px;
    }
    .zoneMiddleMenuWrap2{
        height:210px;
    }
    .imgGivingTuesday{
        position: relative !important;
        left:90px !important;
        width:500px !important;
        height:auto !important;
    }
	
}
@media screen and (min-width: 424px) and (max-width: 475px){
    .BottomColumns{
        width: 32.5% !important;
        border-left: none !important;
        border-right: none !important;
    }
    .MobileAboutUsSubGolf{
       position: relative; right:120px;
        height: 215px;
    }
    .MobileAboutUsSubGolf::before {
        content: "About Us";
        font-size: 12px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative; left:125px; top: 20px;
    }
    .zoneMiddleMenuWrap2{
        height:210px;
    }
    .imgGivingTuesday{
        position: relative !important;
        left:92px !important;
        width:500px !important;
        height:auto !important;
    }

}
@media screen and (min-width: 476px) and (max-width: 550px){
    .BottomColumns{
        width: 37% !important;
        border-left: none !important;
        border-right: none !important; 
    }  
    .MobileAboutUsSubGolf{
        position: relative; right:105px;
        height: 215px;
    }
    .MobileAboutUsSubGolf::before {
        content: "About Us";
        font-size: 13px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative; left:110px; top: 18px;
    }
    .zoneMiddleMenuWrap2{
        height:210px;
    }
    .imgGivingTuesday{
        position: relative !important;
        left:120px !important;
        width:500px !important;
        height:auto !important;
    }

}
@media screen and (min-width: 551px) and (max-width: 618px){
    .BottomColumns{
        width: 45% !important;
        border-left: none !important;
        border-right: none !important;  
    }
    .MobileAboutUsSubGolf{
       position: relative; right:50px;
        height: 215px;
    }
    .MobileAboutUsSubGolf::before {
        content: "About Us";
        font-size: 17px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative; left:50px; top: 15px;
    }
    .zoneMiddleMenuWrap2{
        height:210px;
    }
    .imgGivingTuesday{
        position: relative !important;
        left:100px !important;
    }
}
@media screen and (min-width: 619px) and (max-width: 652px){
    .BottomColumns{
        width: 50% !important;
        word-wrap: break-word;
    }
    .MobileAboutUsSubGolf{
       position: relative; right:40px;
       height: 215px;
    }
    .MobileAboutUsSubGolf::before {
        content: "About Us";
        font-size: 17px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative; left:50px; top: 14px;
    }
    .zoneMiddleMenuWrap2{
        height:210px;
    }
    .imgGivingTuesday{
        position: relative !important;
        left:80px !important;
    }

}
@media screen and (min-width: 200px) and (max-width: 652px){
    .zoneMiddleMenuWrap2 a{
        display: none !important;
    }
    .aboutlmhssubbackgroundLayer2{
        display:none !important;
    }
}
@media screen and (min-width: 653px) and (max-width: 700px){
    .BottomColumns{
        width: 54% !important;
        word-wrap: break-word;
    }
    .aboutlmhssubbackgroundLayer2{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 195px !important;
    }
    .zoneMiddleMenuWrap2{
        width: 60% !important;
        height: 135px !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleMenuWrap2 a{
        position: relative; bottom: 20px; right:20px !important;
        font-size: 13px !important;
    }
    .zoneMiddleMenuWrap2 h2{
        position: relative; bottom: 10px !important;
    }
    .PagesOne{
        position: relative; right: 10px !important;
    }
    .PagesTwo{
        position: relative; right: 50px !important;
    }
    .PagesThree{
        position: relative; right: 150px !important;
    }
    .imgGivingTuesday{
        position: relative !important;
        left:60px !important;
    }

}
@media screen and (min-width: 701px) and (max-width: 734px){
    .BottomColumns{
        width: 56.5% !important;  
    }
    .aboutlmhssubbackgroundLayer2{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 220px !important;
    }
    .zoneMiddleMenuWrap2{
        width: 60% !important;
        height: 145px !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleMenuWrap2 a{
        position: relative; bottom: 20px; right:20px !important;
        font-size: 14px !important;
    }
    .zoneMiddleMenuWrap2 h2{
        position: relative; bottom: 10px !important;
    }
    .PagesThree{
        position: relative; right: 100px !important;
    }
 
}
@media screen and (min-width: 735px) and (max-width: 755px){
    .BottomColumns{
        width: 59% !important; 
        word-wrap: break-word;
    }
    .aboutlmhssubbackgroundLayer2{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 220px !important;
    }
    .zoneMiddleMenuWrap2{
        width: 60% !important;
        height: 145px !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleMenuWrap2 a{
        position: relative; bottom: 20px; right:20px !important;
        font-size: 14px !important;
    }
    .zoneMiddleMenuWrap2 h2{
        position: relative; bottom: 10px !important;
    }
    .PagesThree{
        position: relative; right: 100px !important;
    }
}
@media screen and (min-width: 756px) and (max-width: 790px){
   .BottomColumns{
        width: 60% !important;    
    }
    .aboutlmhssubbackgroundLayer2{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 220px !important;
    }
    .zoneMiddleMenuWrap2{
        width: 60% !important;
        height: 145px !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleMenuWrap2 a{
        position: relative; bottom: 20px; right:20px !important;
        font-size: 14px !important;
    }
    .zoneMiddleMenuWrap2 h2{
        position: relative; bottom: 10px !important;
    }
    .PagesThree{
        position: relative; right: 100px !important;
    }
    .txtGivingTuesday{
        width:600px !important;
        height:250px !important;
    }
    .imgGivingTuesday{
        position: relative !important;
        right:10px !important;
    }
}
@media screen and (min-width: 791px) and (max-width: 860px){
    .BottomColumns{
        width: 65% !important;

    }
    .aboutlmhssubbackgroundLayer2{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 245px !important;
    }
    .zoneMiddleMenuWrap2{
        width: 70% !important;
        height: 165px !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleMenuWrap2 a{
        position: relative; bottom: 15px; right:20px !important;
        font-size: 16px !important;
    }
    .zoneMiddleMenuWrap2 h2{
        position: relative; bottom: 8px !important;
    }
    .txtGivingTuesday{
        width:600px !important;
        height:250px !important;
    }
    .imgGivingTuesday{
        position: relative !important;
        right:70px !important;
    }

}
@media screen and (min-width: 861px) and (max-width: 920px){
    .BottomColumns{
        width:70% !important;
    }
    .aboutlmhssubbackgroundLayer2{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 399px !important;
    }
    .zoneMiddleMenuWrap2{
        width: 73% !important;
        height: 190px !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleHeaderWrapNoBlue{
        width: 73% !important;
    }
    .zoneMiddleMenuWrap2 a{
        position: relative; bottom: 10px; right:20px !important;
    }
    .zoneMiddleMenuWrap2 h2{
        position: relative; bottom: 5px !important;
    }
    .txtGivingTuesday{
        width:600px !important;
        height:250px !important;
    }
    .imgGivingTuesday{
        position: relative !important;
        right:120px !important;
    }
}
@media screen and (min-width: 921px) and (max-width: 1000px){
   .BottomColumns{
        width: 75% !important;
        
    }
    .aboutlmhssubbackgroundLayer2{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 450px !important;
    }
    .zoneMiddleMenuWrap2{
        width: 84% !important;
        height: 190px !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleMenuWrap2 a{
        position: relative; bottom: 10px; right:20px !important;
    }
    .zoneMiddleMenuWrap2 h2{
        position: relative; bottom: 5px !important;
    }
    .txtGivingTuesday{
        width:600px !important;
        height:250px !important;
    }
    .imgGivingTuesday{
        position: relative !important;
        right:190px !important;

    }

}
@media screen and (min-width: 1001px) and (max-width: 1050px){
   .BottomColumns{
        width: 80% !important;
    }
    .aboutlmhssubbackgroundLayer2{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 400px !important;
    }
    .zoneMiddleMenuWrap2{
        width: 90% !important;
        height: 200px !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleMenuWrap2 a{
        position: relative; bottom: 10px; right:20px !important;
    }
    .zoneMiddleMenuWrap2 h2{
        position: relative; bottom: 5px !important;
    }
    .txtGivingTuesday{
        width:600px !important;
        height:250px !important;
        display: clear !important;
    }
    .imgGivingTuesday{
        position: relative !important;
        right:240px !important;
        display: clear !important;

    }
}
@media screen and (min-width: 1051px) and (max-width: 1105px){
    .BottomColumns{
        width: 90% !important;
        height:auto !important;
    }
    .aboutlmhssubbackgroundLayer2{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 495px !important;
    }
    .zoneMiddleMenuWrap2{
        width: 92% !important;
        height: 200px !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleHeaderWrapNoBlue, .zoneMiddleHeaderWrap{
        width: 92% !important;
    }
    .zoneMiddleMenuWrap2 a{
        position: relative; bottom: 5px; right:8px !important;
    }
    .zoneMiddleMenuWrap2 h2{
        position: relative; bottom: 2px !important;
    }
    .txtGivingTuesday{
        float:left !important;
        width:430px !important;
        height:300px !important;
    }
    .imgGivingTuesday{
        position: relative !important;
        left:70px !important;
    }


}
@media screen and (min-width: 1106px) {
   .BottomColumns{
        width: 100% !important;
        height: auto !important;
    } 
    .txtGivingTuesday{
        float:left !important;
        width:550px !important;
        height:300px !important;
    }
    .imgGivingTuesday{
        position: relative !important;
        left:170px !important;

    }

}