/* Rose Academy of Irish Dance stylesheet */
html{
	height:100%;				/* Force vertical scrollbars in Moz + Opera to prevent 'jumping' */
	margin-bottom:1px;
	overflow-y:scroll;			/* this line is for IE */
}
body {padding:0; margin:0; background-color: white;}

.klaro .cookie-notice:not(.cookie-modal-notice) {
    background-color: #204c3d!important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.klaro #id-cookie-notice{ color: white}
.klaro #id-cookie-notice a { color: pink}
.klaro #id-cookie-notice a:hover { color: #89be41}

/* Target all three cookie banner controls to style them as identical buttons */
.klaro a.cn-learn-more, 
button.cm-btn
{
    display: inline-block;
    background-color: pink !important; /* Gold background */
    color: #000000 !important;            /* Black text for high contrast/readability */
    padding: 10px 20px !important;        /* Gives them identical padding/size */
    border-radius: 4px !important;         /* Matches the slight curve in your image */
    border: none !important;
    text-align: center !important;
    text-decoration: none !important;     /* Removes underlines if any are links */
    cursor: pointer !important;
    transition: background-color 0.2s ease;
    min-width: 90px !important; 	 /* Ensures they match in width if you want them perfectly uniform */
    margin: 5px !important;               /* Spacing between the buttons */
	line-height: 20px;		/* otherwise first button is taller */
}
/*  Unified Hover Effect */
.cn-ok .cn-learn-more:hover,
.cn-buttons .cn-decline:hover,
.cn-buttons .cm-btn-success:hover {
    background-color: #89be41!important;	/* Teal on hover */
    text-decoration: none !important;     /* Prevents underline on link hover */
}



img { max-width: 100%; height: auto; border:0px; padding:0px;}
table {padding:0px; border:0px;}
img.center {					/* This is to center an image for all browsers */
  display: block;
  margin-left: auto;
  margin-right: auto;
}
div.bannerslide img { background-color: gray!important;}



#master0 img, #master1 img {background-color: white!important;} 

#BannerContainer { display: block;}
#NavBarContainer, #Footer {	 clear: both; background-color: #204c3d;}
#Banner, #Main {margin: auto; display: block;}
#NavBar {
	clear: both;
    margin-left: auto; margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom:10px;
    min-height: 30px;
}
#Footer   {  padding-top: 5px; padding-bottom: 5px;}

h1, h2 {
	display:inline; 
	color: #D80F80;
	font-weight: bold;	
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.address{
	color:#D80F80;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	padding-top: 15px;
	padding-bottom: 10px;
	vertical-align: middle;
	text-align:center;
}

.BodyText {
	color: #204c3d; 
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	padding-right: 10px;
	display:inline; 
}

.ColorYellow  {color: #ffff66;}
.ColorGreen   {color: #89be41;}
.ColorGreenDk {color: #204c3d;}   /* was 2F715B; */
.ColorPink    {color: #D80F80;}

.ContentsCentered {text-align: center;}
.ContentsLeft {text-align: left;}
.ContentsRight {text-align: right;}

.cont_body_tall_t {background:url(images/KnotLineTop25.gif) top repeat-x;}
.cont_body_tall_b {background:url(images/KnotLineBottom25.gif) bottom repeat-x;}
.cont_body_tall_l {background:url(images/KnotLineLeft25.gif) left repeat-y;} 
.cont_body_tall_r {background:url(images/KnotLineRight25.gif) right repeat-y;}	 /* Float is to right-justify graphic in Opera/Safari/Firefox */

.copyright, .copyright a{
	color:#fff;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-align:center;
    text-decoration: none;
}
.copyright a:hover {color: #D80F80;}

#creditfooter { display: none; }
 
.headline { 
	color: #fff;
	padding-top:10px; 
	display: block;
	text-indent: 0;
}

.date{ 
	color: #fff;
	display: block;
	font-style:italic;
	margin: 0;
}
.FloatR {float: right; padding-left: 10px;}
.FloatL {float: left; padding-right: 10px;}

.Gallery{
	border-width:3px;
	border-style:solid;
	border-color:#fff;
}
.GalleryHover{
	border-width:3px;
	border-style:solid;
	border-color:#D80F80; 
}

i.fab  {	color: #FFFFFF; padding-left: 15px; padding-top: 6px;}
i.fab:hover {	color: #D80F80;}

.ScheduleDay {
	color:#D80F80;
	vertical-align:middle;
	padding-top: 4px;
	}
.ScheduleContainer {	max-width: 100%;}	
.SponsorTable {	float: left;}
.SponsorTable a {font-size: 11px;}
.SponsorContainer {	max-width: 98%;}

.SectionWhite {background-color: white; color: #204c3d; min-height: 300px; padding: 10px;}
.SectionWhite img { margin-right: 40px; }

.TableText {
	color: #FFFFFF;	
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	display:inline; 
	padding:inherit;
	border:0px;
}

#BlogFeed {	color: #FFFFFF;	font-family: 'Open Sans', Arial, Helvetica, sans-serif;	padding-right: 10px; display:inline;}
#BlogFeed a {text-decoration: none;	font-weight: bold;	color: #D80F80;}
#BlogFeed a:hover {	color: #fff;}
div.feedburnerFeedBlock div { margin: 0; padding: 0;}
div.feedburnerFeedBlock ul { 
	list-style-type: none; 
	margin-left:0; 
	padding-left:0; 
	margin-bottom:10px;
	margin-top: 12px;
}
div.feedburnerFeedBlock ul li { 
	padding-bottom: 10px;			/* amount of space above the border-bottom */
	border-bottom: 1px solid #999;
}

/* NAVIGATION */
ul.mainmenu  {	list-style-type: none; margin: 0; padding: 0 0 0 20px;}
ul.mainmenu li {	display: inline; float: left; padding: 0px;  vertical-align: middle; }

.Link_Nav {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
.Link_Nav:hover {color: #D80F80;}

.Link_Green {color:#89be41; font-family: 'Open Sans', Arial, Helvetica, sans-serif;text-decoration: none;	font-weight:bold;}
.Link_Green:hover {	color:#D80F80;}

.Gallery{border-width:3px;border-style:solid;border-color:#fff;}
.GalleryHover{border-width:3px;border-style:solid;border-color:#D80F80;}

.iframe {width: 600px; height: 450px;}

.BenefitsImg, .BenefitsTable {width: 200px;}

.Top {vertical-align: top;}
.VertTop {vertical-align: top;}
.VertMid {vertical-align: middle;}

/* RESPONSIVE STYLING */
@media all and (min-width: 1000px) {
    #Banner, #Main, #NavBar {width: 1000px;}
	.MobileHide {display: inline-block;}
	.MobileShow {display: none;}
	.BannerL 	{float: left; 	display: block; width: 266px; height: 220px; text-align: left;}
	.BannerMid 	{float: left; 	display: block; width: 468px; height: 220px; text-align: center; }
	.BannerR 	{float: right; 	display: block; width: 266px; height: 220px; text-align: right; }
	.address{	font-size: 16px;}
	#BlogFeed {	font-size: 12px; line-height: 16px;}
	.BodyText {	font-size: 16px; line-height: 22px;}
	.copyright{	font-size: 14px;}
	h1, h2 {	font-size: 20px;	line-height: 22px;}
	.headline { font-size: 16px;}
 	.Link_Green {	font-size: 14px;}
	.Link_Copyright {font-size: 14px;}
	.Link_Nav {	padding-right: 40px; font-size: 18px;line-height: 30px;}
	.ScheduleDay {	line-height:20px;	}
	.TableText {	font-size: 14px;}
}

/* medium devices */ 
@media (min-width: 769px) and (max-width: 999px) {
	.MobileHide {display: none;}
	.MobileShow {display: inline-block;}	
	#Banner, #Main, #NavBar {	width: 100%;} 
    #NavBar {display: inline-block; margin-bottom: 0px;}
	.BannerL 	{float: left; 	display: block; width: 266px; height: 220px; text-align: left;}
	.BannerMid 	{float: left; 	display: block; width: 468px; height: 220px; text-align: center;  } 
	.BannerR 	{display: none; }
	.address{	font-size: 16px;}
	#BlogFeed {	font-size: 12px; line-height: 16px;}
	.BodyText {	font-size: 16px; line-height: 22px;}
	.copyright{	font-size: 14px;}
	h1, h2 {	font-size: 20px;	line-height: 22px;}
	.headline { font-size: 16px;}
 	.Link_Green {	font-size: 14px;}
	.Link_Copyright {font-size: 14px;}
	.Link_Nav {	padding-right: 30px; font-size: 16px; line-height: 30px; }
	.ScheduleDay {	line-height:20px;	}
	.TableText {	font-size: 14px;}
	.ScheduleContainer {max-width: 90%;}	
	.SponsorContainer {	max-width: 90%;}
}

/* small devices */ 
@media all and (max-width: 768px) {
	.MobileHide {display: none;}
	.MobileShow {display: inline-block;}
	#Banner, #Main, #NavBar {	width: 100%;} 
    #NavBar {display: inline-block; margin-bottom: 0px;}
	.BannerL 	{float: left; 	display: block; width: 266px; height: 220px; text-align: left;}
	.BannerMid 	{float: left; 	display: block; width: 468px; height: 220px; text-align: center;  }/* image is 274 wide */
	.BannerR 	{display: none; }
	.address{	font-size: 16px;}
	#BlogFeed {	font-size: 12px; line-height: 16px;}
	.BodyText {	font-size: 16px; line-height: 22px;}
	.copyright{	font-size: 14px;}
	.Link_Copyright {font-size: 14px;}
	h1, h2 {	font-size: 20px;	line-height: 22px;}
	.headline { font-size: 16px;}
 	.Link_Green {	font-size: 14px;}
	.Link_Nav {	padding-right: 10px; font-size: 16px; line-height: 30px; }	
	.ScheduleDay {	line-height:20px;	}
	.TableText {	font-size: 14px;}
	.ScheduleContainer {	max-width: 90%;}	
	.SponsorContainer {	max-width: 90%;}
}

/* small enough to center header  */ 
@media all and (max-width: 734px) {
	.BannerL 	{float: left; display: block; width: 266px; height: 220px; text-align: center; padding-top: 5px;}
	.BannerMid 	{float: left; display: block; width: 274px; height: 220px; text-align: center; padding-left: 10px; }/* image is 274 wide */
	}
/* small enough to not fit both on one line with padding*/ 
@media all and (max-width: 550px) {
	.BannerL 	{display: block; width: 100%; height: auto; margin: auto;}
	.BannerMid 	{display: block; width: 100%; height: auto; margin: auto; padding-bottom: 10px; padding-left: 0px;  }/* image is 274 wide */
	}
/* too small to fit iframe */
@media all and (max-width: 600px) {
	.iframe {width: 300px; height: 225px;}
	.ScheduleContainer {	max-width: 90%;}	
	.SponsorTable a {font-size: 11px;}
	.SponsorContainer {	max-width: 90%;}

	}	

	
/* very small devices ONLY HAVE A FEW DIFFERENCES to override the above */ 
@media (min-width: 321px) and (max-width: 480px) { 
	.Link_Nav {	padding-right: 8px; font-size: 16px; line-height: 30px;}	
	.Feis {line-height: 130%!important;}	
	.ScheduleContainer {	max-width: 90%;}	
	.SponsorTable {	float: none; display: block; margin-left: auto; margin-right: auto;}
		.SponsorTable a {font-size: 11px;}
	.SponsorContainer {	max-width: 90%;}
.SponsorTable td {	height: auto!important;}

}
/* VERY small devices ONLY HAVE A FEW DIFFERENCES to override the above */ 
@media all and (max-width: 320px) {
	h1 { font-size: 18px;}	
	.Feis {line-height: 130%!important;}	
	.Link_Nav {	padding-right: 6px; font-size: 14px; line-height: 30px;}	
	.address{	font-size: 14px;}
	.copyright{	font-size: 12px;}
	.Link_Copyright {font-size: 12px;}
	.BenefitsImg {width: 100px; padding-top: 5px;}
	.BenefitsTable {width: 100px;}
	.ScheduleContainer {	max-width: 90%;}	
	.SponsorTable {	float: none; display: block; margin-left: auto; margin-right: auto;}
	.SponsorTable a {font-size: 12px;}
	.SponsorContainer {	max-width: 90%;}
    .SponsorTable td {	height: auto!important;}

}