/************ COLORS  *********

E3DBC8  was #ffb300 for third accent color


/* DEFAULT FOR ALL */
body, p, h6 { color: #333; }
h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}

/* SIZES */
h1 {font-size: 2.5rem; }
h2, h3, h4, h5, h6 { font-size: 2rem;}

/* FONTS */
body, p, h6 {font-family: 'Lato', sans-serif;}
h1, h2, h3, h4, h5 { font-family: 'Lato', sans-serif;}

/* STYLING */
h1 {color: #425b13; font-size: 2.5rem;}
h2 {color: #8e3333; border-bottom: 1px solid #425b13; font-size: 2.25rem;}
h3 {color: #425b13; font-size: 2rem;}
h4 {background: #425b13; color: white; border-radius: .2rem; padding: .1rem .4rem; font-size: 1.75rem;}
h5 {color: #425b13; text-transform: uppercase; font-size: 1.5rem;}
h6 {color: #8e3333; text-transform: uppercase; font-size: 1.25rem;}
a { color: #8e3333; }
a:hover { color: #425b13;}

blockquote {
  color: #666666;     
  padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #d5d5d5;
  font: italic 16px/22px Georgia, Serif;
}

/***login page***/
form#login-form div.userdata ul.unstyled {
display: none;
} 

/********** ALERT **********/
#g-above.alert {background: pink;}
.alert h1, alert h2, alert h3, alert h4, alert h5, alert h6, alert p, alert a {color: #8E3333;}
.alert td,.alert tr,.alert table {border: none;}
#g-above {margin: 0; padding: 0;}
#g-above .g-content {margin: 0; padding: 0;}
.alert {border: none;}

/************ BUTTONS  ************/
a.button, a.readon {
  color: white; 
  background: #8e3333; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: none;
}  
 
a.button:hover, a.readon:hover { 
  background: #425b13; 
}

/************ HEADER  ************/
#g-top {
    background-image: url("/images/stories/solutio/header.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 50%;
}

@media only screen and (max-width: 480px) {
    #g-top {background-size: 82%;}
}

.g-logo img {max-width: 50%;}


@media only screen and (min-width: 481px) and (max-width: 767px) {
    .g-logo img {max-width: 75%;}
}
@media only screen and (max-width: 480px) {
        .g-logo img {max-width: 90%;}
		#g-top { background: none; }
}

/********** MENU **********/
#g-navigation {border-top: 5px #2e400c  solid; border-bottom: 10px #889569 solid;}
#g-navigation .g-main-nav .g-toplevel > li { border-right: 1px #889569 solid; }
#g-navigation .g-main-nav .g-toplevel > li { margin: 0; padding: 10px 0; }
.g-main-nav .g-toplevel > li > .g-menu-item-container {font-weight: normal; font-size: 1.1rem;}
#g-navigation .g-block > .g-content {padding: 0; }
#g-navigation .g-main-nav .g-toplevel > li:last-child {border: none; }
/* .g-main-nav ul {float: none; display: table; margin: auto;} */
.g-main-nav ul.g-toplevel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; 
}
.g-main-nav ul.g-toplevel > li { flex: 1 1 auto; position: relative; text-align: center; }
#g-navigation .g-main-nav {margin: 0;}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after {display: none;}
#g-navigation .g-container {width: 75rem;}

.g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator:after { top: 0; }
.g-main-nav .g-sublevel > li.g-parent.g-selected > .g-menu-item-container > .g-menu-parent-indicator:after { content: "\f105"; }

@media only all and (max-width: 74.938rem) and (min-width: 60rem){#g-navigation .g-container {width: 60rem;}
.g-main-nav .g-toplevel > li > .g-menu-item-container {font-size: 1rem;}}

@media only all and (max-width: 59.938rem) and (min-width: 48rem){#g-navigation .g-container {width: 48rem;}
.g-main-nav .g-toplevel > li > .g-menu-item-container {font-size: .8rem;}
}


/********** MOBILE MENU **********/
.g-offcanvas-toggle {left:1.2rem; top: .5rem;}
.g-offcanvas-toggle:hover {color: #425b13; border: 2px solid #425b13;}

#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator{
    border:  none; background: transparent;
}

/********** DROPDOWN MENU ***********/
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container:hover,#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container.active {color: #8E3333;}

/************ ROTATOR  ************/
#g-showcase .g-content {margin: 0; padding:0;}
.layout-slideshow .sprocket-features-arrows .arrow {background: transparent; box-shadow: none;}
.arrow span {font-size: 4rem;}

.layout-slideshow .sprocket-features-desc {background: rgba(255,255,255,0.8); color: #425b13; font-size: 2rem;}
.layout-slideshow .sprocket-features-content {
    top: auto;
    left: auto;
    right: 0px;
    bottom: 30px;
    width: auto;
}

#g-showcase a.readon {font-size:1rem; padding: .4rem .6rem;}


@media only screen and (max-width: 767px) {
	.layout-slideshow .sprocket-features-content {bottom: 0; }
	.layout-slideshow .sprocket-features-desc {font-size: 1rem; }
}



/********** ADS **********/
.moduletable  td, .moduletable  tr, .moduletable  table {border: none;}


/************ QUICKLINKS  ************/
#g-utility .moduletable td {background: #425b13; text-align: center; border: 3px solid #889569 !important; font-size: .8rem; font-weight: bold; transition: all .2s ease-in; }
#g-utility .moduletable td:hover {background: #889569;}
#g-utility .moduletable a {color: white;}
#g-utility .g-content {margin: .1rem; padding: 1rem; .5rem;}
.sprocket-lists-arrows .arrow, .sprocket-lists-title .indicator {display: none;}

/************ HEADLINES  ************/
/**** AUTO CROP IMAGES ON HOME ****/
.portrait-image { display:none;}
.active .portrait-image { width: 100px; display: inline-block;}
.active .portrait-image img {
	object-fit: cover; /* Do not scale the image */
	object-position: center; /* Center the image within the element */
	height: 100px;
	width: 100px;
}
h4.sprocket-lists-portrait-title { color: #425b13; background: none; margin: 0; padding-left: 0px;}
.portrait-text { margin: 5px 0 10px 0; }
.active .sprocket-lists-portrait-item {padding-bottom: 10px !important;}

/*********** CONTENT **********/
#g-feature h3.g-title, .title1 h3.g-title {color: #8e3333; border-bottom: 1px solid #425b13; text-transform: none; font-size: 1.5rem; text-align: center; background: none; line-height: 1.3; padding: 0 0 .5rem 0; margin: 1rem 0;}
#g-feature .g-content {margin: 0 .625rem; padding: 0 .938rem;}
.sprocket-lists-title {background: transparent; color: #425b13;}

#g-feature a.readon, .sprocket-lists-portrait-item > a {background: #889569; padding: .3rem 1rem; color: white; border-radius: 4px; text-transform: uppercase;}
#g-feature a.readon:hover, .sprocket-lists-portrait-item > a:hover {background: #425b13;}
.sprocket-lists-portrait-item > a { margin-top: 5px;}

.sprocket-lists-title {border: none; border-bottom: 1px solid #ddd;}
h4.sprocket-lists-title:hover {color: #8e3333;}

/** center ads on mobile **/ 
#g-feature .g-grid .moduletable {float: none; display: table; margin: auto;}

/************ MODULES  ************/
.moduletable.box1 ul.nav { margin: 0; }
.moduletable.box1 ul.nav > li a { color: white;}
.moduletable.box1 ul.nav > li a:hover { color: #889569;}
.moduletable.box1 ul.nav > li { padding: .5rem 1rem; border-radius: 5px; margin:5px 0; transition: all .2s ease-in;}
.moduletable.box1 ul.nav > li.active, .moduletable.box1 ul.nav > li:hover { background: #425B13; }
ul.menu ul {margin-left: 1rem; }

/************ FOOTER  ************/
#g-footer h2, #g-footer, #g-footer a { color: #425b13; }
#g-footer h2{ border: none;  margin-bottom: 0px; padding-bottom: 0px;}
#g-footer p{  margin-top: 0px;}