@charset "utf-8";
/* CSS Document */

.fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(1) .sprocket-mosaic-item, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(3) .sprocket-mosaic-item, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(15) .sprocket-mosaic-item {
    background: #00ACBA;
    color: rgba(255,255,255,0.75);
}
.fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(5) .sprocket-mosaic-item, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(8) .sprocket-mosaic-item, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(12) .sprocket-mosaic-item, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(13) .sprocket-mosaic-item {
    background: #EA3E5C;
    color: rgba(255,255,255,0.75);
}
.fp-roksprocket-mosaic .sprocket-mosaic li:nth-child(5) .sprocket-readmore, .fp-roksprocket-mosaic .sprocket-mosaic li:nth-child(8) .sprocket-readmore {
  color:inherit;
}
.fp-roksprocket-mosaic .sprocket-mosaic li:nth-child(5) .sprocket-readmore:hover, .fp-roksprocket-mosaic .sprocket-mosaic li:nth-child(8) .sprocket-readmore:hover {
  color:#000;
}
.menu-block .gf-menu .dropdown {
    background: #ee6666;
}
.menu-chapter-home .menu-block .gf-menu .dropdown, .menu-the-principals .menu-block .gf-menu .dropdown, .menu-2016 .menu-block .gf-menu .dropdown, .menu-2015 .menu-block .gf-menu .dropdown, .menu-the-megs-fund .menu-block .gf-menu .dropdown, .menu-what-is-the-hra .menu-block .gf-menu .dropdown, .menu-how-do-i-join .menu-block .gf-menu .dropdown, .menu-the-j-team .menu-block .gf-menu .dropdown {
    background: #ea3e5c;
}

.fp-roksprocket-fullwidth .layout-slideshow .sprocket-features-content {
    background-color: rgba(0,127,137,0.26);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,95,186,0.25)),color-stop(50%,rgba(0,172,186,0.5)),to(rgba(0,7,7,0.7)));
    background-image: -webkit-linear-gradient(rgba(0,95,186,0.25),rgba(0,172,186,0.5) 50%,rgba(0,7,7,0.7));
    background-image: -moz-linear-gradient(top,rgba(0,95,186,0.25),rgba(0,172,186,0.5) 50%,rgba(0,7,7,0.7));
    background-image: -o-linear-gradient(rgba(0,95,186,0.25),rgba(0,172,186,0.5) 50%,rgba(0,7,7,0.7));
    background-image: linear-gradient(rgba(0,95,186,0.25),rgba(0,172,186,0.5) 50%,rgba(0,7,7,0.7));
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f005eba', endColorstr='#b2000607', GradientType=0);
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sprocket-mosaic-header {display:none;}
/* Video */
.video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-2em, -2em);
	-webkit-transform: translate(-2em, -2em);
	transform: translate(-2em, -2em);
}
.playbtn {
	font-size: 4em;
	color: rgba(255, 255, 255, 0.5);
}
.video, .video-thumb {
	position: relative;
}

#rt-copyright ul.menu li.active.current > a, #rt-copyright ul.menu li#current.active > a {
    color: rgba(255,255,255,0.40);
}

     
#rt-top {
    position: relative;
    padding-bottom:15px;
}
.patron-logo img {
    float: right !important;
}
#rt-top:before {
    position: absolute; display: block; content: '';
    border-bottom: 6px solid #a80000;
    height: 100%; width: 100%;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(3) .sprocket-mosaic-title a, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(3) .sprocket-readmore,/*.fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(4) .sprocket-mosaic-title a, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(4) .sprocket-readmore,*/ .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(12) .sprocket-mosaic-title a, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(12) .sprocket-readmore, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(13) .sprocket-mosaic-title a, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(13) .sprocket-readmore {
    color: #ffffff;
}
.fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(3) .sprocket-mosaic-title a:hover, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(3) .sprocket-readmore:hover,/*.fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(4) .sprocket-mosaic-title a:hover, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(4) .sprocket-readmore:hover,*/ .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(12) .sprocket-mosaic-title a:hover, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(12) .sprocket-readmore:hover, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(13) .sprocket-mosaic-title a:hover, .fp-roksprocket-mosaic .sprocket-mosaic .sprocket-mosaic-container li:nth-child(13) .sprocket-readmore:hover {
    color: #00363b;
}
.mod_facebook_page {
  margin-top:10px;
}

.fp-roksprocket-features-showcase .layout-showcase .sprocket-features-title {
    font-size: 2em !important;
    font-family: 'campton-bolddemo', Verdana, Helvetica, Arial, sans-serif;
    line-height: 1.15em;
}
.sprocket-mosaic-item .mod_events_latest_data {margin:0 -15px -15px -15px;}

video {width:100%; height:auto;}

/* Large Display */
@media (min-width: 1200px) {
  #rt-sidebar-a {padding-top:85px;}
 
} 

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {
  #rt-sidebar-a {padding-top:85px;}
 
}
     
/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
 
}
     
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
  body.layout-mode-responsive .fp-roksprocket-fullwidth .layout-slideshow .sprocket-features-title {
    font-size: 1.3em;
    letter-spacing: 1px;
    width: 85%;
    margin: auto;
}

}
     

/* Smartphones */
@media (max-width: 480px) {
  body.layout-mode-responsive h1 {
    font-size: 170%;
    line-height: 170%;
  } 
  body.layout-mode-responsive .fp-roksprocket-fullwidth .layout-slideshow .sprocket-features-title {
    font-size: 1.3em;
    letter-spacing: 1px;
    width: 85%;
    margin: auto;
}
  .fp-roksprocket-fullwidth .layout-slideshow .sprocket-features-pagination {
    margin-left: -20%;
}
  body.layout-mode-responsive .rt-social-buttons {
    display: none;
}
}
     
.fp-roksprocket-mosaic .sprocket-mosaic .sprocket-readmore {
    color: #00acba;
    background: none;
    padding: 0;
    margin: 0;
    border: 0;
}

#roksearch_search_str::-webkit-input-placeholder {
   color: #336D83 !important;
   font-weight:normal;
}
 
#roksearch_search_str:-moz-placeholder { /* Firefox 18- */
   color: #336D83 !important;
   font-weight:normal; 
}
 
#roksearch_search_str::-moz-placeholder {  /* Firefox 19+ */
   color: #336D83 !important;
   font-weight:normal;
}
 
#roksearch_search_str:-ms-input-placeholder {  
   color: #336D83 !important;
   font-weight:normal;
}

.ram #rt-top:before {
    position: absolute;
    display: block;
    content: '';
    border-bottom: 6px solid #1d4b2e;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.ram .menu-block .gf-menu .dropdown {
    background: #4f9f48;
}
.fullname .cbListFieldCont {float:left; margin:0 2px;}
// FP RokSprocket Features - Showcase
.fp-roksprocket-features-showcase {
	&.rt-block {
		margin: 0;
		padding: 0;
	}
	.layout-showcase {
		margin: 0 15px;
		.sprocket-features-list {
			margin: 0;
		}
		.sprocket-features-container {
			// Mobile Modes
			@media (max-width: 767px) {
				body.layout-mode-responsive & {
					padding-bottom: 70px;
				}
			}
		}
		.sprocket-features-title {
			font-size: 4em;
			font-family: @alt-font-family;
			line-height: 1.15em;
			// Desktop Mode
			@media only screen and (min-width: 960px) and (max-width: 1199px) {
				body.layout-mode-responsive & {
					font-size: 3em;
				}
			}
			// Tablet Mode
			@media only screen and (min-width: 768px) and (max-width: 959px) {
				body.layout-mode-responsive & {
					font-size: 2em;
				}
			}
			// Mobile Modes
			@media (max-width: 767px) {
				body.layout-mode-responsive & {
					font-size: 1.5em;
				}
			}
			a {
				#rt-showcase & {
					color: darken(@accent-color1, 50%);
					&:hover {
						color: darken(@accent-color1, 35%);
					}
				}
			}
		}
		.sprocket-features-content {
			width: 66.66667%;
			padding: 60px 0;
			// Desktop Mode
			@media only screen and (min-width: 960px) and (max-width: 1199px) {
				body.layout-mode-responsive & {
					padding: 55px 0;
				}
			}
			// Tablet Mode
			@media only screen and (min-width: 768px) and (max-width: 959px) {
				body.layout-mode-responsive & {
					padding: 45px 0;
				}
			}
			// Mobile Modes
			@media (max-width: 767px) {
				body.layout-mode-responsive & {
					width: 100%;
					padding: 20px 0;
					float: none;
				}
			}
		}
		.sprocket-features-desc {
			font-size: 1.5em;
			line-height: 35px;
			// Desktop Mode
			@media only screen and (min-width: 960px) and (max-width: 1199px) {
				body.layout-mode-responsive & {
					font-size: 1.2em;
				}
			}
			// Tablet Mode
			@media only screen and (min-width: 768px) and (max-width: 959px) {
				body.layout-mode-responsive & {
					font-size: 1em;
					line-height: 1.5em;
				}
			}
			// Mobile Modes
			@media (max-width: 767px) {
				body.layout-mode-responsive & {
					font-size: 1em;
					line-height: 1.5em;
				}
			}
		}
		.sprocket-features-img-container {
			width: 33.33333%;
			padding: 0 10px;
			// Mobile Modes
			@media (max-width: 767px) {
				body.layout-mode-responsive & {
					width: 100%;
					float: none;
					padding: 0;
				}
			}
		}
		.readon {
			display: inline;
			background: none;
			padding: 0;
			margin: 0;
			border: 0;
			color: darken(@accent-color1, 50%) !important;
			&:after {
				font-family: FontAwesome;
				content: "\f101";
				margin: 0 5px;
			}
			&:hover {
				color: darken(@accent-color1, 30%) !important;
			}
			#rt-showcase & {
				border: 0;
			}
		}		
		.sprocket-features-pagination {
			left: 25px;
			bottom: 25px;
		}
		.sprocket-features-arrows {
			.next {
				right: 20px;
			}
			.prev {
				left: inherit;
				right: 325px;
				// Desktop Mode
				@media only screen and (min-width: 960px) and (max-width: 1199px) {
					body.layout-mode-responsive & {
						right: 245px;
					}
				}
				// Tablet Mode
				@media only screen and (min-width: 768px) and (max-width: 959px) {
					body.layout-mode-responsive & {
						right: 180px;
					}
				}				
			}
		}		
		// Mobile Modes
		@media (max-width: 767px) {
			body.layout-mode-responsive & {
				&:hover .sprocket-features-arrows {
					visibility: visible;
				}
				.sprocket-features-arrows {
					visibility: hidden;
					.next {
						right: 15px;
					}
					.prev {
						left: 15px;
					}
				}
			}
		}
	}
}