@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
/**GENERAL STYLINGS **/
	body {
		background-color: #fff !important;
		font-family: 'Open Sans', Arial;
		font-size: 1.125rem;
		color: #000;
	}
	a:link, a:visited, a:active {
		color:  #0f5a8f;
	}
	a:hover {
		color: #000;
	}
	p {font-size: 1.125rem;}
	h1, .h1, h2, .h2, h3, .h3, h4, .h4{
		font-family: 'Open Sans';
	}
	h2, .h2, h3, .h3, h4, .h4 {color: #0F75BD;}
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
h1, .h1 {font-size: 46px;}
h1.pageTitle {font-size: 133px; font-family: 'bignoodletitlingregular'; color: #61d5ff; margin-bottom: -25px; margin-top: 25px; font-style: italic; }
h2.celebrate { font-size: 60px; font-family: 'bignoodletitlingregular'; margin-top: 12px; letter-spacing: 1px; color: #fff;}
h3.eventDate { font-size: 26px; font-family: 'Open Sans'; color: #fff; font-weight: bold; text-transform: uppercase;}
.eventDetails {margin-top: 82px;}
.eventImage {margin-top: 15px;}
.eventLocation {color: #fff; font-size: 24px; text-transform: uppercase;}

.btn-primary{background-color: #10497E; border-color: #10497E; border-radius: 0px;}
.btn-primary:hover{background-color: #0F75BC; border-color: #0F75BC;}

a.btn.btn-outline-primary {border-color: #015095; border-radius: 0px; color: #015095; padding: 10px 20px 10px 20px;}
a.btn.btn-outline-primary:hover {background-color: #015095; color: #fff;}
.nav-link {padding: .6rem 1rem;}




section.mainContent { min-height: 350px;}
section.mainContent .grid-section div {padding: 15px; 0px;}
/** NAVBAR **/
.navbar-right {margin-top: 15px;}
	@media (max-width: 991px) and (min-width: 768px) {
		
		}
	@media (max-width: 767px){
		.navbar-default .navbar-brand {width: 80%;}
		.navbar {min-height: 115px;}
		.navbar-brand { height: 115px;}
		.navbar-brand>img {width: 235px; margin-top: 30px;}
		.navbar-toggle {top: 25px;}
	 }
	 
	.navbar{
		min-height: 110px;
	}
	div#navbar {
		margin-top: 10px;
	}
	.navbar-default {
		background-color: #fff;
		border-color: #fff;
		margin-bottom: 0px;
	}
	.navbar-collapse {
		padding-right: 0px;
	}
	.inside {
		box-shadow: 0px 8px 10px #ccc;
	}


/** NAVIGATION A LINKS  **/
li.nav-item{padding: 10px;}
a.nav-link { text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link{color: #015095;}


/** NAVIGATION HOVER & FOCUS **/
	@media (min-width:768px){
			.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
				color: #227FC1;	
			}
			.stroke > ul > li > a {
			  position: relative;
			}
			.stroke > ul > li > a:after{
			  position: absolute;
			  bottom: 0;
			  left: 0;
			  right: 0;
			  margin: auto;
			  width: 0%;
			  content: '.';
			  color: transparent;
			  background: #227FC1;
			  height: 2px;
			}
			.stroke > ul > li > a:hover:after {
			  width: 100%;
			}
			nav ul li a,
			nav ul li a:after,
			nav ul li a:before {
			  transition: all .5s;
			}
	}


/**BANNER**/
.intro-header {
		background-image: url(/media/i3plqfhk/snowflakebg.jpg);
		height: 599px;
		background-size: cover; 
		background-position: bottom left;
		background-color: #015095;
	}
header.inside-header {background-color: #fff; height: 100px; margin-bottom: 50px;}





/* Homepage Banner for laptop and desktop */
@media (min-width: 1200px) { 
    
         
}

/** Laptop **/
@media (max-width: 1399.99px) and (min-width: 1200px){
  .eventImage img {width: 100%; margin-top: 65px;}
	h1.pageTitle{font-size: 120px;}
	h2.celebrate {font-size: 45px;}
	h3.eventDate {font-size: 24px;}
	.eventLocation {font-size: 20px;}
}

/** tablet landscape **/
@media (max-width: 1199.99px) and (min-width: 992px){
    .intro-header {height: 486px;}
   	.eventImage img {width: 100%; margin-top: 60px;}
	.eventDetails {margin-top: 63px;}
	h1.pageTitle {font-size: 115px;}
	h3.eventLocation {font-size: 19px;}
	h2.celebrate {font-size: 44px;}
	h3.eventDate {font-size: 23px;}
    
}
@media (max-width: 991.98px) { 
        .intro-header {height: 763px;}
		.eventDetails {margin-top: 0px;}
		h1.pageTitle {font-size: 100px; margin-top: 0px; margin-bottom: -10px;}
		h2.celebrate {font-size: 45px;}
		h3.eventDate {font-size: 21px;}
		h3.eventLocation {font-size: 20px;}
		.eventImage img {margin-top: 10px; width: 72%;}
		.btn-default {font-size: 14px; padding: 5px; 20px;}
  
}
@media (max-width: 767.98px){ 
		 .intro-header {height: 640px;}
		.navbar-nav {margin: 0 !important;}
		h1.pageTitle {font-size: 75px;}
		h2.celebrate {font-size: 28px;}
		h3.eventDate {font-size: 17px;}
		h3.eventLocation {font-size: 16px;}
    
    
}
@media (max-width: 575.98px) { 
         .intro-header {height: 544px;}
		.eventImage img {width: 100%;}
		
}




.pageHeading {background-color: #10497E; }
h1.pageHeader {font-family: 'bignoodletitlingregular'; color: #fff; font-size: 72px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 50px;}

/**homepage styles **/
.homeContent .container {padding: 50px 0px;}
.homeContent h3, .homeContent h2 {font-family: 'bignoodletitlingregular'; color: #1D7ABB; font-size: 42px; letter-spacing: 1px;}

.mainContent h2 {font-family: 'bignoodletitlingregular'; font-size: 44px;}
.mainContent h3 {font-family: 'bignoodletitlingregular'; font-size: 42px;}
.mainContent h4 {font-size: 24px; font-weight: 300; margin-bottom: 30px;}

.gallery {margin-top: 100px;}
img.galleryImage{width: 100%; height: 400px; object-fit: cover; margin-bottom: 35px;}

.scheduleOfEvents {
    background-color: #FAFAFA;
    margin-top: 150px;
    margin-bottom: 150px;
}
.scheduleText {padding: 159px; text-align: center;}
img.curlingImage {width: 100%;} 
.scheduleText img {width: 100%;}
.scheduleOfEvents .col-md-6 {padding-left: 0px; padding-right: 0px;}
.scheduleText p {font-size: 1.4rem;}
.scheduleText a {margin-top: 20px; font-size: 20px; padding: 10px 40px 10px 40px !important;}
.youTube {margin-bottom: 150px;}
.umbraco-forms-field {margin-bottom: 15px;}


/* Homepage Banner for laptop and desktop */
@media (min-width: 1200px) { 

         
}

/** Laptop **/
@media (max-width: 1399.99px) and (min-width: 1200px){
  .scheduleText {padding: 96px;}
}

/** tablet landscape **/
@media (max-width: 1199.99px) and (min-width: 992px){
   .scheduleText {padding: 60px;}
   .scheduleText p {font-size: 1rem}
   .scheduleText a {font-size: 1rem;}
    
}
@media (max-width: 991.98px) { 
    .scheduleText {padding: 16px;}
    .scheduleText p {font-size: 1rem;}
    .scheduleText a {margin-top: 0px; font-size: 17px; padding: 10px 20px 10px 20px !important;}
        
  
}
@media (max-width: 767.98px){ 
		
     .scheduleText {padding: 45px;}
    
}
@media (max-width: 575.98px) { 
        
		
}

.umbraco-forms-hidden {display: none;}





/** ACCORDION **/
	.panel-title {
		font-size: 19px;
		font-weight: normal;
		font-family: 'Open Sans';
	}
	.panel-heading {
		padding: 20px 15px;
	}
	.panel-title > a:before {
		float: right !important;
		font-family: FontAwesome;
		content:"\f068";
		padding-right: 5px;
	}
	.panel-title > a.collapsed:before {
		float: right !important;
		content:"\f067";
	}
	.panel-body {
		padding: 30px;
	}
/** FOOTER **/

.countdown {height: 250px; background-image: url(/media/warkqark/footerbanner.jpg); margin-top: 100px;}
.countdown h2 {font-family: 'bignoodletitlingregular'; color: #fff; margin-bottom: -5px; font-size: 50px; padding-top: 15px;}
#days, #hours, #minutes {font-family: 'bignoodletitlingregular'; color: #fff; font-size: 5.75rem; margin-bottom: 0px;}
p.countdownText {color: #fff; font-size: 1.25rem; margin-top: -25px;}

	footer {
		background-color: #FAFAFA;
	}
	.container.footer { padding-top: 75px;}
	footer h3 {
		color: #10497E;
	}

	footer a, footer a:visited, footer a:link {
		color: #10497E;
		text-decoration: none;
	}
	footer a:hover {
		color: #000 !important;
		text-decoration: underline;
	}
	.taxsupported {padding-top: 25px; padding-bottom: 35px;}
	
	footer i.fa-brands.fa-facebook-f, footer i.fa-brands.fa-twitter, footer i.fa-brands.fa-instagram, footer i.fa.fa-envelope-o {
	border-radius: 100%;
		font-size: 31px;
		height: 70px;
		line-height: 67px;
		margin: 5px;
		text-align: Center;
		width: 70px;
		transition: transform 1s ease;
	}
footer i.fa-brands.fa-facebook-f {
	color: #036CE4;
	border: 2px solid #036CE4;
}
footer i.fa-brands.fa-twitter {
	color: #1DA1F2; 
	border: 2px solid #1da1f2;
}
footer i.fa-brands.fa-instagram {
	color: #B73799;
	border: 2px solid #B73799;
}
	footer i.fa-brands.fa-facebook-f:hover, footer i.fa-brands.fa-twitter:hover, footer i.fa-brands.fa-instagram:hover, footer i.fa.fa-envelope-o:hover {
		color: #494A4C;
		border: 2px dashed #494A4C;
		transform: scale(1.2);
	}
@media (max-width: 991.98px) { 
    footer i.fa-brands.fa-facebook-f, footer i.fa-brands.fa-twitter, footer i.fa-brands.fa-instagram, footer i.fa.fa-envelope-o { font-size: 23px; line-height: 49px; height: 50px; width: 50px;}
    .contacts.text-center {margin-bottom: 50px;}
    
}
	@media (max-width:767px){
		footer i.fa-brands.fa-facebook-f, footer i.fa-brands.fa-x-twitter, footer i.fa-brands.fa-instagram, footer i.fa.fa-envelope-o {font-size: 27px; height: 60px; line-height: 58px; width: 60px;}
		footer .col-sm-4 {padding-bottom: 50px;}
	}
	@media (max-width: 575.98px) { 
        .countdown h2 {font-size: 2.75rem; }
		#days, #hours, #minutes {font-size: 4.5rem;}
}
.footerLogo img {height: 136px;}

	.back-to-top {
    	cursor: pointer;
    	position: fixed;
    	bottom: 20px;
   		right: 20px;
    	display:none;
	}
	a#back-to-top {color: #EB8E1F; background-color: transparent; border-radius: 100%; border: 1px solid #EB8E1F; opacity: 0.8;}

@media (min-width: 769px) {
	.dsp {
		display: none !important;
	}
}

/**  Pulling in Library Custom Fonts **/
	@font-face {
		font-family: 'bignoodletitlingregular';
		src: url('../images/fonts/bignoodletitlingregular.woff2') format('woff2'),
			 url('../images/fonts/big_noodle_titling-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'big_noodle_titling-webfont';
		src: url('../images/fonts/big_noodle_titling_oblique-webfont.woff2') format('woff2'),
			 url('../images/fonts/big_noodle_titling_oblique-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}