@import url('custom-styles.css');
/* DO NOT ALTER ABOVE - MUST BE PRESENT FOR PROPER CHAINING */

/* RESPONSIVE BREAKPOINT STYLES */

@media (max-width: 1200px) {
	#headerline-main { height:80px; }
	#headerbox-nav .headerbox-logo .logo { height: 180px; bottom: -40px; left: 10px; }
	#headerline-nav nav.navbar { font-size: 1.2rem; }
	#timerBannerBox h1.timer-banner { font-size: 4vw; }
	#timerBannerBox h2.timer-banner { font-size: 5.6vw; }


}

@media (max-width: 992px) {
	#headerline-nav { font-size: 1rem; }
	#headerbox-nav .headerbox-logo .logo { bottom: unset; top: -90px; }

	#headerline-nav nav.navbar.navbar-dark .nav-item .nav-link{ text-align: right; padding-right: 1rem;}


	#timerBannerBox h1.timer-banner { font-size: 4.4vw; }
	#timerBannerBox h2.timer-banner { font-size: 5.6vw; }


	#footerbox-info {
		max-width: 480px; margin-left: auto; margin-right: auto;
	}

	#homepage-rockwall { height: auto; width: auto; max-width: 250px; }


	#footerbox-top .footer-logo-holder .logo { max-width: 220px; margin-top: -110px; margin-bottom: auto; }
	
	#footerbox-main {
		font-size: 1.2rem; 
	}

}

@media (max-width: 768px) {
	#pagebody {margin-bottom: 4rem;}
	
	#headerline-nav { font-size: 1.3rem; }
	/* #stickyLogoMobile { height: 60px; width: 160px; padding-left: 10px;  } */

	#headerline-main { height: 80px; }
	
	#pageheader-caption { padding: .25rem 0; }
	#pageheader-caption h1 { font-size: 5vw; padding: 0; margin-bottom: 0; }


	.pageheader-banner { font-size: 7vw; }	
	.pageheader-subbanner { font-size: 6vw; }

	#sliderline-bottom #sliderline-leaderbox {
		padding-top: .5rem;
		padding-bottom: .5rem;
	}


	#timerBannerBox h1.timer-banner { font-size: 6vw; }
	#timerBannerBox h2.timer-banner { font-size: 7vw; }
	#timerBannerBox .timer-countdown-banner { font-size: 1.8rem; }
	#timerBannerBox .timer-digits { font-size: 1.6rem; }
	#timerBannerBox .timer-tags { font-size: 1rem; }


	/* #footerline-top { margin-top: 140px; } */


	#footerline-main { padding-top: 50px; }


	.buttonbox .button-header, .buttonbox .button-footer {
		font-size: 5vw;
	}

	.buttonbox .button-body p {
		font-size: 1.2rem;
	}

	.buttonbox #ptr4, .buttonbox #ptr3 {
		display: none !important; visibility: hidden !important;
	}

	.img-right { margin-left: auto; margin-right: auto; margin-top: 1rem; margin-bottom: 1rem; float: none; display: block; }
	.img-left { margin-left: auto; margin-right: auto; margin-top: 1rem; margin-bottom: 1rem; float: none; display: block; }
	#at-share-dock { text-align: center; background-color: #fff !important;}
	#at-share-dock .at4-count { display: none !important; }
	#at-share-dock a.at-share-btn { width: 15% !important; display: inline-block; float: none; }
	#at-share-dock a.at-share-btn svg.at-icon { width: 28px !important; height: 28px !important; }

}

@media (max-width: 576px) {

	h1, .h1 { font-size: 1.8rem; }
	h2, .h2 { font-size: 1.5rem; color: var(--alternate); }
	h3, .h3 { font-size: 1.3rem; }

	.pageheader-banner { font-size: 7vw; padding-top: 1rem; padding-bottom: 1rem; }
	.pageheader-subbanner { font-size: 7vw; }

	#pageheader-caption { padding: 0; position: relative;  transition: all .5s; }
	#pageheader-caption h1 { font-size: 1.8rem; padding: 0.25rem; margin-bottom: 0;  transition: all .5s;}

	#timerBannerBox h1.timer-banner { font-size: 7vw; }
	#timerBannerBox h2.timer-banner { font-size: 8vw; }

	#sliderbox .nivo-caption .header { font-size: 4vw; }
	#sliderbox .nivo-caption .subheader { font-size: 3.5vw; }


	.buttonbox .button-header, .buttonbox .button-footer {
		font-size: 4.6vw;
	}


	.buttonbox .button-body p {
		font-size: .9rem; padding: 0;
	}

	#footerbox-main {
		font-size: 1.3rem; 
	}

	#footerbox-main .footer-sep {
		width: 80%; margin: .25rem auto .75rem auto; height: 1px; background: #fff;
	}
	.buttonbox .buttonbox-buttonflyover {
	    position: absolute;
	    top: calc(45% - 2.5rem);
	    left: calc(50% - 2.5rem);
	    font-size: 4rem;
	    display: none;
	}
}

@media (max-width: 480px) {
	
	dl dt { display: block; text-align: left; width: 100%; }
	dl dd { display: block; text-align: right; width: 100%; }

	#headerbox-nav .headerbox-logo .logo { height: 140px; top: -80px; left: 10px; }
	
	#timerBannerBox .timer-digits { font-size: 1.4rem; }
	#timerBannerBox .timer-tags { font-size: 0.9rem; }
	#timerBannerBox .timer-digits span, #timerBannerBox .timer-tags span { padding: .25rem;}
	/*****************/
	
	.sitebtn {
	    display: block; width: 100%;
	}

	.sitebtn + .sitebtn {
	    margin-top: .25rem;
	}

	table.table.table-striped {
		font-size: 16px;
	}
		 
}

@media(max-width: 400px) {
	#headerbox-nav .headerbox-logo .logo { height: 120px; top: -20px; left: 10px; }
}