html { /*smooth text*/
 	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}
  
@font-face {
    font-family: summertime;
    src: url(../fonts/Summerti.ttf);
}

h2 {
  font-size: 150%;
  color: #0B255B;
}
#rt-bottom h2 {color: #fff;}

/* Clear Floats */
/* ---------------------------------------------------*/
/*.clearfloating{clear: all;}
*/


/* Drawer */
/* ----------------------------------------------------*/
#rt-drawer{ /*green bar @ top of page */
	background-color: #439028;  
	height: 16px;
}


/* Header */
/* ----------------------------------------------------*/

/* Logo */
#rt-header{border-top: solid 1px #8fd2c5; height: auto;}
.logo-belfield{margin: 0px; padding: 25px 0 0 0;}
#logo-name{float: left; font-family: summertime; font-size: 75px; color: #0c265b;}
#logo-info{float: left; color: #0c265b;}
#logo-info .historic{float:left;}
#logo-info .district{float: right;}
#logo-info .emporia{float: left;}
#logo-info .virginia{float: right;}
#logo-info .historic, #logo-info .district{font-size: 25px; margin-top: -13px;}
#logo-info .district{margin-left: 5px;}
#logo-info .emporia, #logo-info .virginia{font-size: 22px; margin-top: -17px;}



/* Menu */
#rt-header .menu-block{float: right; height: auto;}
#rt-header .menu-block .menu-item-wrapper{color:#439028; font-size: 14px; }
#rt-header .menu-block .menu-item-wrapper:hover{color:#909090; }
#rt-header .menu-block .menu-item-wrapper:active{color:#0c275b; }
#rt-header .menu-block {margin-top: 0px;}
#rt-header .menu-block .gf-menu span{margin-bottom: -24px;padding-top: 5px;}



/* Slideshow */
/* ----------------------------------------------------*/

.rt-block.home-slideshow-belfield .sprocket-features-content{text-align: right; background-color: transparent; left: auto; right: 200px;width: 100%;text-shadow: 1px 1px 1px #000;}

body.layout-mode-responsive div#rt-slideshow > .rt-container {
        width: 100%;
        border-top: 1px solid #666;
        border-bottom: 1px solid #666;
    }
#rt-slideshow {
    background-color: #1C1C1C;
}
#rt-slideshow .module-content {
    background-image: url("/images/slides/slide-icon.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  
}
.layout-showcase {
    margin: 0 !important;
    position: relative;
}
#rt-slideshow .module-title .title {
    z-index: 999;
    font-weight: normal;
    font-family: Helvetica,Arial,sans-serif !important;
    font-size: 1.6em;
    line-height: 25px;
    position: absolute !important;
    margin: 0 !important;
    width:25%;
    left: 65% !important;
    top: 20% !important;
    text-align:center !important;
    margin-bottom: -45px;
}
#rt-slideshow .module-title {
      margin: 0 !important;
}

/*Stop 'jumping' slideshow image:module is stretched; during animation image is small; for wider screens, prevent sudden re-size of image*/
@media (min-width: 1199px){.home-slideshow-belfield .sprocket-features-img-container{width:100%;}}

#rt-maintop .rt-container{width: 100%;}
.rt-block.home-slideshow-belfield{margin-left:0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;margin-top: 0px;padding-top:0px;}


/* Extensions */
/* ---------------------------------------------------*/
#rt-extension .title{padding-left: 20px; 	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;}
#rt-extension .upcoming-events .title { color: #ffffff; background-color: #439028;}
#rt-extension .interactive-map .title { color: #ffffff; background-color: #0c275b;}
#rt-extension .for-business .title { color: #ffffff; background-color: #439028;}
/*Remove Bullets, add underline, change color under 'for business', 'upcomming events'*/
.for-business ul { list-style-type: none; text-decoration: underline; color:#439028; }
.upcoming-events ul { list-style-type: none; }
.upcoming-events .jcalpro_events_link { text-decoration: underline; color:#0c275b;  }
.upcoming-events .jcalpro_events_date { text-decoration: none; color:#999999; }


/* Bottom */
/* ---------------------------------------------------*/
#rt-bottom {color: #ffffff; background-color: #0c275b; }

/* instagram module */
.instagram-module-title{
  	text-align: center;
	font-family: Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif;
	font-size: !important 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 800;
	line-height: 26.3999996185303px;
  	margin-bottom:0px;
  	padding-bottom:0px;
}
.instaliked{text-align: center;}

/* Random image for about page */
.random-imagerandom-image-belfield{text-align:center;}

/* Footer */
/* ----------------------------------------------------*/
#rt-footer {color: #ffffff; background-color:#439028; }
.footer-left-belfield .belfield, .footer-left-belfield .historic, .footer-left-belfield .district{text-transform: uppercase;}
.footer-right-belfield {text-align: right;}
.footer-right-belfield img{width: 30px; height: 30px; margin-left: 20px;}

/* Desktop */
/* ----------------------------------------------------------------------------------- */
@media (min-width: 960px) and (max-width: 1199px) {
  
#rt-logo{border: dotted blue thick;}
.menu-block{margin-right: 0px;}
#rt-header .rt-grid-4 {
    flex-basis: 25%;
}
#rt-header .rt-grid-8 {
    flex-basis: 75%;
}
  #logo-name{float: left; font-family: summertime; font-size: 75px; line-height: 45px; color: #0c265b;}
#logo-info .historic, #logo-info .district, #logo-info .emporia, #logo-info .virginia {
  float:none;
  margin-top: 0 !important;
}
  .logo-belfield {
    margin: 0;
    padding: 10px 0 0;
}

	/* Slideshow */
	.rt-block.home-slideshow-belfield .sprocket-features-content{ left: auto; right: 150px;}
  	#rt-slideshow .module-title .title {
    	font-size: 19px !important;
	    line-height: 20px !important;
    	width: 35% !important;
    	left: 60% !important;
	}

}



/* ----------------------------------------------------------------------------------- */
/* Tablets */
/* ----------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 959px) {
  	#rt-logo{border: dotted red thick;}
/*.rt-block.logo-belfield{width: 400px;margin-left:0px;}*/
#rt-header .rt-grid-4 {
    flex-basis: 25%;
}
#rt-header .rt-grid-8 {
    flex-basis: 75%;
}
.logo-belfield {
  margin: 10px 0 0;
  padding: 0;
}
  #logo-name{float: left; font-family: summertime; font-size: 75px; line-height: 45px; color: #0c265b;}
#logo-info .historic, #logo-info .district, #logo-info .emporia, #logo-info .virginia {
  float:none;
  margin-top: 0 !important;
}  
  
  /* Slideshow */
	.rt-block.home-slideshow-belfield .sprocket-features-content{ left: auto; right: 100px;}
  
  	#rt-slideshow .module-title .title {
   	 	font-size: 19px !important;
    	line-height: 20px !important;
	    width: 35% !important;
    	left: 60% !important;
  	}

	

	body.layout-mode-responsive .menu-block .gf-menu.l1 > li > .item .menu-item-wrapper{margin-right: 0px;}

/*.menu-block{width: 500px;margin-right: -50px;}*/
	#rt-header .menu-block .menu-item-wrapper{font-size: 12px; }
    
}

/* ----------------------------------------------------------------------------------- */
/* Smartphones to Tablets */
/* ----------------------------------------------------------------------------------- */
@media (min-width: 481px) and (max-width: 767px) {

	#rt-drawer{ height: 55px; }
	#rt-logo{border: dotted white thick;}
  	.rt-block.logo-belfield{margin-left:auto; margin-right: auto; width: 350px;}
	#logo-info .emporia, #logo-info .virginia{margin-bottom:  5px;}

  
  	.gf-menu-toggle{background-color: #0c275b;}  
	#rt-header .menu-block .menu-item-wrapper{font-size: 12px; }
  
  
	/* Slideshow */
	.rt-block.home-slideshow-belfield .sprocket-features-content{ left: auto; right: 0px;bottom: 20px;}
  	#rt-slideshow .module-title .title {
    font-size: 17px !important;
    line-height: 20px !important;
    width: 45% !important;
    left: 55% !important;
    top: 15% !important;
	}

    	/*Map Module*/
  	.custominteractive-map{text-align:center;}

  	/*footer*/
	.footer-left-belfield, .footer-right-belfield {text-align: center;}
	.footer-right-belfield img{margin-left:5px; margin-right: 10px;}  
}

/* ----------------------------------------------------------------------------------- */
/* Smartphones */
/* ----------------------------------------------------------------------------------- */
@media (max-width: 480px) {
	#rt-drawer{ height: 55px; }
  	.gf-menu-toggle{background-color: #0c275b;}
	#rt-logo{border: dotted white thick;}
  	.rt-block.logo-belfield{margin-left:auto; margin-right: auto; width: 310px;}

	#logo-name{float: left; font-family: summertime; font-size: 70px; color: #0c265b;}
	#logo-info .historic, #logo-info .district{font-size: 24px; margin-top: -13px;}
	#logo-info .district{margin-left: 5px;}
	#logo-info .emporia, #logo-info .virginia{font-size: 20px; margin-top: -17px; margin-bottom: 5px;}

  
  	/*slideshow*/
  	.rt-block.home-slideshow-belfield .sprocket-features-content {left: auto; right: 0px;bottom: 20px;}
  	#rt-slideshow .module-title .title {
    	font-size: 15px !important;	
    	line-height: 17px !important;
    	width: 65% !important;
    	left: 35% !important;
    	top: 15% !important;
	}

  	/*Map Module*/
  	.custominteractive-map{text-align:center;}
  
  	/*footer*/
  	.footer-left-belfield .of{display: block;}
  	.footer-left-belfield,	.footer-right-belfield {text-align: center;}
	.footer-right-belfield img{margin-left:5px; margin-right: 10px;}
}
#jcl_component .jcl_month_inner_row h3 .eventtitle {
  font-size: 14px;
  margin-left: 15px;
}
#jcl_component .jcl_subtitlebar  {
    display: none;
}
#jcl_component .eventtitle {
  color: #439028;
}
#jcl_component .jcl_header {
    font-size: 17px;
  line-height: normal;
  border-left: 0;
}
#jcl_component .jcl_table {
    border: none;
}
#jcl_component td {
  vertical-align: top;
  padding-top: 15px;
}
.jcl_month_inner_row h3 {
  margin-top: 0px;
}
#jcl_component .jcl_table .eventfeatured td {
  padding-top: 10px;
  font-size: 13px;
}
#jcl_component .jcl_table .jcl_month_inner_row td {
  padding-top: 0 !important;
}
.layout-slideshow h2 {
  color: #fff !important;
}
#component-body, .component-content {
    background: #F4F4F4;
    color: #666;
}
.SobiPro .page-header {
    border-bottom: 1px solid #0C275B !important;
    margin-bottom: 10px !important;
    padding-bottom: 9px;
}
.SobiPro a {
    color: #439028 !important;
}