/************ COLORS  *********
7a121a - Dark Blue
8b8a68 - Gold
dddddd - Grey
***/


/* DEFAULT FOR ALL */
body, p, h6 { color: #666; }
h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}

/* SIZES */
h1 {font-size: 2rem; }
h2, h3, h4 { font-size: 1.75rem;}
h5, h6 { font-size: 1.25rem;}

/* FONTS */
body, p, h6 {font-family: Arimo, sans-serif; }
h1, h2, h3, h4, h5 { font-family: 'Cinzel', serif;}

/* STYLING */
h1 {color: #666; font-weight: bold;}
h2 {color: #7a121a; font-weight: 300; border-bottom: 1px solid #666666; font-size: 2.25rem; line-height: 1.15; padding-bottom: 0.938rem; }
h3 {color: #7a121a; border: none;}
h4 {background: #7a121a; color: white; border-radius: .2rem; padding: .1rem .4rem;}
h5 {color: #7a121a; text-transform: uppercase;}
a { color: #7a121a;}

blockquote {
    color: #666666;     
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #d5d5d5;
    font: italic 16px/22px Georgia, Serif;
}

/************ BUTTONS  ************/
.readon, .button, .makelinksbuttons .item a:last-child, .makelinksbuttons.moduletable a:nth-last-child(2) { 
    color: white; 
    background: #d35522; 
    padding: .7rem 1.3rem; 
    border-radius: .5rem; 
    display: inline-block;
    font-weight: 500;
    line-height: 1.125rem;
    border: none;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
}
.makelinksbuttons .item a:last-child { margin-bottom: 20px; }

.readon:hover, a.button:hover, .makelinksbuttons .item a:last-child:hover, .makelinksbuttons.moduletable a:last-child:hover, .makelinksbuttons.moduletable a:nth-last-child(2):hover {background: #666; color: white;}

a.button, .button {background: #d35522; font-style:normal; }
.button a {color: white; }

p.readmore .btn {background-image: none; background-color: #E69630; color: white; font-size: 1rem;}
p.readmore .btn:hover {color: white; background: #76222E; font-size: 1rem;}


/************ HEADER AND MENU  ************/
#g-page-surround:before {background-image: none;}
#g-navigationmain  img {float: none;display: table;margin: auto; max-width: 70%;}
#g-navigationmain .g-content {padding: 1rem 0 0 0; margin: .625rem 0 0 0;}

@media only screen and (max-width: 767px) {
    #g-navigationright .g-block { display: none; }
    #g-navigationmain img { margin-bottom: 1rem; padding: 0 1rem; }
	#g-page-surround { background-image: none; }
}

/************* ALERT *************/
#alert .g-content {margin:0; padding: 0;}
#alert .alert {background-color: pink; border:none;}
#alert h1, #alert h2, #alert h3, #alert h4, #alert h5, #alert h6, #alert p, #alert a {color: #6F252A;}
#g-container-above #g-abovemain {background: transparent;}


/********** TOP MENU **********/
#g-container-navigation .g-main-nav .g-toplevel {background: rgba(122, 18, 26, .8);}
#g-container-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {color: white;}
#g-container-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, #g-container-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container {border-radius: 0; background: #333;}

#g-container-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {padding: 1.2rem 1.225rem;}
#g-container-navigation .align-right .g-toplevel {justify-content:center;}
#g-container-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after {display: none;}
#g-container-navigation .g-main-nav .g-dropdown {background: #333;}
#g-container-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {color: white;}
#g-container-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {color: #d7d5ce;}

@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 (min-width: 481px) and (max-width: 767px) {}
@media only screen and (max-width: 480px) {
    #g-navigationmain  img {max-width: 100%; margin-bottom: 1rem;}
}

/********** MOBILE MENU **********/
.g-offcanvas-toggle:hover {color: #7a121a;}
.g-offcanvas-toggle {top: .5rem; left: .5rem;}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content,
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after{color: white;}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
    background: transparent;
    border: none;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container:hover,
#g-offcanvas #g-mobilemenu-container .g-toplevel > li.active > .g-menu-item-container{background: #333;}


/********** SIDE MENU **********/
.box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content {
    background: #EE9528;
}
.moduletable .nav li.active {border-bottom: 3px solid white;}

/************ ROTATOR  ***********/
.layout-showcase .sprocket-features-img-container img {float: right; margin-right: 0; width: 65%;} 
.arrows-active .sprocket-features-list {margin-left: 0;margin-right: 0;}
#g-slideshowmain .g-content {margin:0; padding: 0;}
#g-slideshowmain h1, 
#g-slideshowmain h2, 
#g-slideshowmain h3, 
#g-slideshowmain h4, 
#g-slideshowmain h5, 
#g-slideshowmain h6, 
#g-slideshowmain p, 
#g-slideshowmain a {
    color: white;
}
#g-slideshowmain h2 {font-size: 2.2rem; margin: 0; padding-top: .5rem; text-align: center; border: none;}
#g-slideshowmain h3 {font-size: 1.5rem; margin: 0; border-bottom: 1px solid white;}

#g-slideshowmain a.readon {display: none;}
.layout-showcase .sprocket-features-pagination li, .layout-showcase .sprocket-features-arrows .arrow {background: transparent;}
.layout-showcase .sprocket-features-arrows .arrow {font-size: 5rem;}

.sprocket-features-content {padding-top: 20px; }

.sprocket-features {background: rgba(211,85,34,.8); margin-top: 10px;}
.layout-showcase .sprocket-features-list  li {top: 0;} 
.layout-showcase .sprocket-features-arrows .arrow {box-shadow: none; top: 75%; margin-top: 0px;}


@media only screen and (max-width: 767px) {
    .sprocket-features-content, .sprocket-features-img-container {width: 100%;}
	.sprocket-features-arrows {display: none;}
	.layout-showcase .sprocket-features-img-container img { width: 100%;} 
}

/************ QUICKLINKS  ************/ 
#g-container-utility .g-content {margin: .625rem 0; padding: 1rem; background: #7f141b;}
#g-container-utility a {color: white;}
#g-container-utility td { text-align: center;}
#g-container-utility td .verticalmiddle {border: 2px solid white;}
#g-container-utility td a {    
	height: 60px;
    display: flex;
    flex-basis: 1;
    justify-content: center;
    align-items: center;} 
#g-container-utility td:hover {text-align: center; background: #333;}

/************ MODULES  ************/

/************ HOMELAYOUT  ************/
#g-container-feature .g-block.g-middle-column {background: #d7d5ce;}
.homelayout #g-mainbar {display: none;}

#g-featuremain h3.g-title {background: #7f141b; border-radius: .5rem; color: white; text-align:center; font-size: 1.75rem; font-weight: bold;}
#g-featuremain .g-title {margin: .25rem .25rem 1rem .25rem; padding: 0;}


#g-featuremain .g-content {margin: .625rem .2rem; padding: 1rem .5rem;}
#g-featuremain .readon, #g-featuremain .button { float: none;display: table;margin: auto; }

#g-featuremain .platform-content { padding: 0; margin: 0; }

/********** ONLINE GIVING BUTTON **********/
#g-featuremain a.button, #g-featuremain button { text-align:center; }
#g-featuremain a.button, #g-featuremain button {  text-align:center; }

/********** FOOTER **********/
#g-footermain h2, #g-footermain h3, #g-footermain p, #g-footermain a {color: white;}
#g-footermain h2 {margin: 2rem 0 0 0;}
#g-footermain h3 {font-size: 1rem; margin: 0; border-bottom: 1px solid #ffffff;}
#g-footermain .g-content {margin: 0; padding: 0;}
