@import url('//fonts.googleapis.com/css?family=Lato:100,300,400,700|Merriweather:400,700|Great+Vibes');

/******
old greens: #71a63e; #73c135 - green apple

burgandy: #7E1416
navy blue: #121255
light blue from  logo: #1577BC

******/


/************ IMAGES ************/
.item img {margin-left: 10px; margin-right: 10px; margin-bottom: 10px;}

/************ HIDE FIRST ELEMENT OF A ROCK SPROCKET  ************/
.hidefirst .sprocket-lists-portrait-container li:first-child, .sprocket-lists-modern-container li:first-child {display: none;}

/************ ALERT ************/
#alert .g-content {padding: 0; margin: 0;}
#alert {border: none; padding: 0; margin: 0; background-color: #FFCFCF; color: #FF0000;}
#alert h1, #alert h2, #alert h3, #alert h4, #alert h5, #alert h6, #alert p { margin-left: 20px; color: red; background: transparent;}


/************ FIX FOR IFRAMES ON IOS Devices ************/
iframe {width: 1px; min-width: 100%; }



body { font-size: 1.1rem; }
h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p { line-height: 1.3; font-size: 1.1rem; }

h1 {font-family: 'Great Vibes', cursive; color: #ccc; font-size: 5rem;}
h2 {color: #121255; border-bottom: 1px solid #ccc; font-family: 'Merriweather', serif; font-size: 2.3rem;}
h3, h5, h6 {color: #121255;     font-family: 'Merriweather', serif;}
h4 {background: #121255; color: white; border-radius: .2rem; padding-left: .5rem;     font-family: 'Merriweather', serif;}

blockquote {
    font-family: 'Great Vibes', cursive;
    line-height: 1em;
    font-size: 2.3em;
    color: #121255;
    border: none;
    padding: 20px;
	text-align: center;
}


.readon {background: #71a63e; color: white; padding: .4rem 1rem; border-radius: 1rem;}
a.readon: hover {color: pink;}
.readon:hover {background: #ccc;}

/* .box1 a:hover {box-shadow: none;}  */

body #g-page-surround {background: white;}
/* GREEN - body.g-home-particles #g-page-surround {background: #71a63e;}*/
GREEN - body.g-home-particles #g-page-surround {background: #121255;}

.page-header h2 {line-height: 1.5rem; margin-top: 1rem;}

@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 768px) and (max-width: 959px) {}

@media only screen and (max-width: 767px) { 
	h2 { font-size: 1.5rem; line-height: 1.7rem;}
}

/********** ALERT **********/
.alert {background: pink;}
.alert p, .alert h1, .alert h2, .alert h3, .alert h4, .alert h5 {color: red; padding: 0 1rem;}
#g-slideshow .alert h2 {color: red; padding: 0 1rem; text-shadow: none; font-size: 2rem;}
.platform-content {margin: -.1rem; padding: 0;}

/********** HEADER **********/


/********** LOGO *************/
#g-navigation .g-content.g-particle {margin: 0; padding: 0;}

@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 960px) and (max-width:1199px) {}
@media only screen and (min-width: 768px) and (max-width: 959px) {}
@media only screen and (max-width: 767px) {
    #g-navigation img {max-width: 80%;}
}
@media only screen and (max-width: 480px) {}

/********** MENU **********/
.g-main-nav .g-toplevel > li > .g-menu-item-container {color: #333; font-size: 1.1rem;}
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator:after {display: none;}
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .g-main-nav .g-toplevel > li.active > .g-menu-item-container {color: #1577BC;}


/********** MENU - DROPDOWN **********/
.g-main-nav .g-sublevel > li > .g-menu-item-container:hover {color: #1577BC;}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    font-size: 1rem;
}

/********** MENU - MOBILE **********/
.g-offcanvas-toggle {color: white; top: .7rem; left: .7rem;}
.g-offcanvas-toggle:hover {color: #669C37;}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {display: none;}

/********** ROTATOR **********/
.layout-slideshow .sprocket-features-content {background: rgba(0,0,0,0.3); margin-top: -3rem;}
.layout-slideshow .sprocket-features-title, .layout-slideshow .sprocket-features-desc {
    background: transparent;
    float: none;
    display: table;
    margin: auto;
    padding-top: 5vw;
    line-height: 3.8rem !important;
}

.layout-slideshow .sprocket-features-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
#g-slideshow h2 { color: white; border: none; font-family: 'Merriweather', serif; font-size: 5vw; line-height: 1.2; }

.layout-slideshow .sprocket-features-arrows .arrow {font-size: 7rem; line-height: 7rem; width: 40px; height: 40px;}

.layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {
	box-shadow: none;
	background: none;
}

/************ ROTATOR 8/26/19 ************/
#g-slideshow .g-content { padding: 0; margin: 0; }
.layout-slideshow .sprocket-features-img-container img { float: none; width: 100%;  height: 24vw !important; object-fit: cover; object-position: center; }


/************ QUICKLINKS ***********/
/*********** AL'S QL CODE ****************/ 
table.overlays, table.overlays tbody, table.overlays tbody tr{
    display: flex;
    flex-flow: row wrap;
  flex: 1;
}

table.overlays td, table.overlays td div p, table.overlays td div h2 {
  padding:0;
  margin: 0;
  border: none;
}

table.overlays td { flex: 1;}

table.overlays td div { 
  opacity: 1; 
  visibility: visible; 
  font-family: 'Pinyon Script';  
  position: relative;
}

table.overlays td div h2 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  right: 0;
  color: white;  
  /* background: rgba(109, 162, 58, .5) 0 100% no-repeat; */
  background: rgba(0, 0, 0, .4) 0 100% no-repeat;  
  display: block;
  margin: 0;  
}

table.overlays td div h2 a:hover {
    background: rgba(109, 162, 58, .7) 0 100% no-repeat;
}

table.overlays td div h2 a > span{
  position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
  right: 15px;
  color: white;  
    border: 1px solid white;
  /*background: rgba(3, 80, 162, .5) 0 100% no-repeat;*/
  transition: all 0.3s ease;
  display: block;
  margin: 0;
}

table.overlays td div h2 a span span {
    position: absolute;
    top: 50%;
    left: 0%;
    right: 0%;
    display: block;
    text-align: center;
}

table.overlays td div h2 a > span:hover {
    top: 6px;
    bottom: 6px;
    left: 6px;
  right: 6px;  
     
}


@media only screen and (max-width: 767px) {
  table.overlays td { flex: 50%;}
  table.overlays td div h2 a span span {
    position: absolute;
    top: 30%;
  }
}

#g-slideshow table img {width: 100%;}

#g-slideshow .overlays h2 {font-size: 1.8rem; line-height: 2.25rem;}

@media only screen and (min-width: 1200px) {
	#g-slideshow .overlays h2 {font-size: 1.8rem; line-height: 2.5rem;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#g-slideshow .overlays h2 {font-size: 1.5rem; line-height: 1.6rem;}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	#g-slideshow .overlays h2 {font-size: 2rem; line-height: 2.25rem;}
}
@media only screen and (max-width: 480px) {
	#g-slideshow .overlays h2 {font-size: 1.25rem; line-height: 1.5rem;}
}

/**************** END AL'S QL CODE ***************/

/************ QUICKLINK PICS 8/26/19 ************/
.quicklinkpics {display: flex;}
.quicklinkpics > div {
	flex: 1; 
	height: 125px; 
	position: relative; 
	transition: all .35s ease-in-out;
}
.quicklinkpics > div > a { 
  position: absolute; 
  top: 0; bottom: 0; right: 0; left: 0; 
  font-size: 1.5rem; 
  line-height: 1.2; 
  background: rgba(0,0,0,0.4);
  color: white;
  transition: all .35s ease-in-out;
  font-family: 'Merriweather', serif; 
}
.quicklinkpics > div > a > div { 
  position: absolute; 
  top: 0; bottom: 0; right: 0; left: 0; 
	border: 1px white solid; 
	margin: 5%; 
	text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;	
  transition: all .35s ease-in-out;
}

.quicklinkpics > div:hover > a > div { margin: 0; border: 1px rgba(255,255,255,.1) solid; }


.quicklinkpics > div:hover {
}
/*.quicklinkpics > div:hover > a {background: rgba(109,162,58,0.8);}***GREEN****/
.quicklinkpics > div:hover > a {background: rgba(18,18,85,0.8);}

.quicklinkpics > div > div > img {
  object-fit: cover; 
  object-position: center;
  height: 125px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
	.quicklinkpics { display: block; border-top: 10px #ffffff solid;}
	.quicklinkpics > div > a, .quicklinkpics > div > a > div { position: relative; }
	.quicklinkpics > div > div > img { height:  90px; width:  120px;}
	.quicklinkpics > div > a > div img { max-height: 90px; padding: 10px 0; }
	.quicklinkpics > div { display: flex; }
	.quicklinkpics > div { background: #121255;  }
	.quicklinkpics > div > a { background: none; flex:1; }
	.quicklinkpics > div { height: auto; border-bottom: 1px #ffffff solid;}
	.quicklinkpics > div > a > div { border: none; text-align: left; }
	.quicklinkpics > div > a { font-size: 1.2rem; display: flex;  align-items: center; justify-content: flex-start; }
	.quicklinkpics > div > a > div {  margin: 0 0 0 20px;}
	.quicklinkpics > div:hover > a > div {margin: 0 0 0 20px; border: none; }
}

/********** CONTENT **********/
#g-header .platform-content {margin: 0; padding: 0;}
#g-header {padding: 0 2%;} 
#g-header.custom-header {padding-bottom: 1rem;}
.box1 .g-title {text-transform: none; text-align: center; font-size: 1.4rem; color: white;}
.g-title {padding: 0 0 .8rem 0;}

.box1.moduletable {background: #7e1416;}

.moduletable .nav.menu li a:before, .moduletable .mostread li a:before, .moduletable .latestnews li a:before, .moduletable .archive-module li a:before, .moduletable .relateditems li a:before, .moduletable .categories-module li a:before, .moduletable .category-module li a:before, .moduletable .latestusers li a:before, .moduletable .unstyled li a:before { display: none; }

.moduletable .nav.menu li { border: none; }
.moduletable .nav.menu { border-radius: 0; }

@media only screen and (min-width: 1200px) {}
@media only screen and (max-width:1199px) {
        #g-header .g-content {margin: 0; padding: .5rem;}
}


/********** FOOTER **********/
#g-footer {border-top: none;padding: 0 5%;}
#g-footer .g-content {margin: .3rem; padding: 1rem;}
#g-footer h2 { padding-top: 0px; margin-top: 0px;}
#g-footer p, #g-footer a, #g-footer h1, #g-footer h2,  #g-footer h3,  #g-footer h4,  #g-footer h5,  #g-footer h6 {color: white;}
#g-footer hr {border-bottom: 2px solid white;}
#g-footer a:hover {color: rgba(255,255,255,.8);}
#g-footer .readon {display: block; width: 10rem; padding: .2rem;}
#g-footer .custom { float: none; display: table; margin: auto; }
#g-footer p {margin: 0 0 1rem 0;}
.fa-chevron-down:before {color: white !important; font-size: .8rem}


/*********** hiding the light gray triangle in the footer **********/
#g-feature:before  { border: none; }

.hometext {font-size: 2rem; line-height: 1.25rem;}
.hometext blockquote {font-size: 1.75rem; line-height: 1.25rem;}
.hometext span { color: #7e1416;}
.blog .items-row.clearfix { margin-bottom:0; padding-bottom: 0px;}
.homelayout #g-header { padding: 20px 2%;}
.g-main-nav .g-toplevel > li > .g-menu-item-container {font-size: 1.25rem; line-height: 1.3rem;}

@media only screen and (min-width: 1200px) {
	.g-main-nav .g-toplevel > li > .g-menu-item-container {font-size: 1.5rem; line-height: 1.75rem;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.homelayout #g-header { padding: 50px 2%;}
	.hometext {font-size: 1.25rem; line-height: 1.4rem;}
}

@media only screen and (max-width: 767px) {
	.homelayout #g-header { padding: 20px 2%;}
	.hometext {font-size: 1.25rem; line-height: 1.4rem;}
}

/************ SECOND OPTION FOR HOME  ************/
.homelayout #g-navigation { padding-bottom: 0px;}

 #g-navigation.floatontop { padding: 10px 10px 0 30px; }
.floatontop.fp-navigation {
    position: absolute;
    z-index: 100;
	left: 0;
	right: 0;
}
.g-block.floatontop  {
	align-self: flex-start;
} 
.floatontop .g-main-nav .g-toplevel > li > .g-menu-item-container { color: white; font-size: 1.25rem;}
.floatontop .g-main-nav .g-toplevel > li > .g-menu-item-container:hover { color: #71a63e; }

/***
body.g-home-particles.alternatecolor #g-page-surround { background: white;}
.alternatecolor #g-footer {background: white;}
.alternatecolor #g-footer p, .alternatecolor #g-footer a, .alternatecolor #g-footer h1, .alternatecolor #g-footer h2, .alternatecolor #g-footer h3, .alternatecolor #g-footer h4, .alternatecolor #g-footer h5, .alternatecolor #g-footer h6 { color: #7e1416; }
.alternatecolor table.overlays td div h2 a:hover {background: none;}
***/


@media only screen and (min-width: 1200px) {
	.floatontop .g-main-nav .g-toplevel > li > .g-menu-item-container { font-size: 1.65rem;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.floatontop .g-main-nav .g-toplevel > li > .g-menu-item-container { font-size: 1rem;}
}

@media only screen and (max-width: 767px) {
	#g-navigation.floatontop.fp-navigation {
		position: relative;
		left: auto;
		right: auto;
		background: #7e1416;

	}
	.g-offcanvas-toggle {color: black;}
}

#g-above { padding: 0px;}
.fullwidth img { width: 100%; top: 50%;}
/*.fullwidth.g-block { height: 300px; overflow: hidden;}*/
.fullwidth.g-block { height: 210px; overflow: hidden;}
.fullwidth .moduletable {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#g-above .g-content {margin: 0px; padding: 0;}

/************ LOGIN AREA  ************/
input[type="text"] { color: white; }

.sprocket-tabs {display: flex; padding-bottom: 30px;}
.sprocket-tabs-nav { float: none;}
.sprocket-tabs ul { flex: 1;}
.sprocket-tabs .sprocket-tabs-panels { flex: 4;}
.nav-tabs.nav-stacked { display: none;}

@media only screen and (max-width: 767px) {
	#g-page-surround .g-content { padding-left:0; padding-right: 0px; margin-left: 5px; margin-right: 5px;}
	.layout-left .sprocket-tabs-nav { margin-right: 5px;}
}

/************ LEFT SIDE MODULES 4/12/19  ************/
.home2-left .g-content {  margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; margin-left: 10px;} 

/********BLOG ARCHIVE****************/
.moduletable .category-module {padding: 0.38rem 0.876rem;}
.moduletable .category-module li { list-style-type: inherit;}
#g-aside .g-content {padding: 1.5rem 0.5rem;}
.mod-articles-category-group {font-size: 0.9rem;}
.mod-articles-category-title {font-size: 0.9rem;}

.label-info[href] {background-color: #d2d2d2; }
.bloglayout dl.article-info {margin-bottom: 0;}
ul.inline { margin-bottom: 0.5rem;}
.bloglayout ul {margin-top: 0.5rem; }
.bloglayout dl.article-info dd {font-size: 1rem;}


/************ SIDE MENU  ************/
#g-aside .moduletable[class*="box"] { padding: 0; }
#g-aside .g-content { padding-left: 0; padding-right: 0px;}
.moduletable .nav.menu li a { width: 100%; border-radius: 0; padding: 10px 20px; color: white; font-weight: normal;}
.moduletable .nav.menu li{ transition: all .2s ease-in; border-radius: 3px; width: 100%; padding: 0; margin: 0;}
.moduletable .nav.menu, .moduletable .unstyled { border: none; padding: 0; margin: 0; display: block;  background: #7E1416;  border-radius: 0; }
.moduletable .nav.menu li:last-child {  padding-bottom: 0;  margin-bottom: 30px;}
.moduletable .nav.menu .nav-child li:last-child {  margin-bottom: 0px;}
.moduletable .nav .nav-child { margin-top: 0px;}
.moduletable .nav.menu .nav-child li { border: none; margin-left: 20px; padding-right: 20px;}

.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover { 
	color: #ffffff;
	background: #121255;
	font-weight: normal;
}
/***
burgandy: #7E1416
navy blue: #121255
light blue from  logo: #1577BC
***/