/* TEMPLATE index.php EDITED TO ADD BODY TAG */
/* This adds specificity to allow custom styles to override defaults. */

/*** EDITS TO OVERLAYS.CSS **********************************************************************/

/* Logo - Light/None */
#roanoke .header-overlay-none #rt-logo {background: url(../images/logo/light/logo-rp.svg) 0 0 no-repeat;}
#roanoke .header-overlay-light #rt-logo {background: url(../images/logo/light/logo-rp.svg) 0 0 no-repeat;}
/* Sharper svg logo added 2021.12. 2x logo png is not an option. */

/*** EDITS TO TEMPLATE.CSS **********************************************************************/

#roanoke #rt-logo {width: 360px; height: 70px;}

/* Roanoke Top Menu */
#roanoke a.mainlevel-nav {padding: 0 5px;}


/*** EDITS TO FUSIONMENU.CSS **********************************************************************/

#roanoke ul.menutop.level1 {top: 32px;}
/* Above pushed menu down since RP logo is taller */


/*** EDITS TO OTHER CSS **********************************************************************/

/* 2023.06 styling of Mediabox CK popups a little. REMOVE IF IGNITE GALLERY WORKS WELL. (RokBox doesn't work with Joomla 4. Need to redo all popups. ) */

/* Kill radius corners. Vendor specific lines not needed probably so commented out.*/
#mbCenter, #mbToolbar {
	/* -webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0; */
	border-radius: 0 !important;
}
#mbToolbar svg, #mbBottom svg {
    fill: #aaa !important; /*close X gray instead of stark white*/
}
/* Fuller width so ""<< >> X" is max to right. Reduced opacity when not hover/focus. */
#mbBottom {
  width: 95% !important;
  opacity: 0.6 !important;
}
#mbBottom:hover, #mbBottom:focus {
  opacity: 1 !important;
}

/* 2023.06 styling of JCE Mediabox popups a little. REMOVE IF IGNITE GALLERY WORKS WELL. (RokBox doesn't work with Joomla 4. Need to redo all popups. ) */
.wf-mediabox-nav {
	padding: 0.5em 0.5em 0;
}
.wf-mediabox-prev {
	top: 0.5em;
}
.wf-mediabox-numbers {
	line-height: 1em;
	top: 0;
}
.wf-mediabox-next {
	top: 0.5em;
	left: auto;
}
.wf-mediabox-container {
  background-color: #eee;
}
.wf-mediabox-caption {
  background-color: #eee;
}
.wf-mediabox-nav {
  background-color: #eee;
}

/* OVERRIDE gantry/css/joomla.css Headings */
#roanoke h1, #roanoke h2 {letter-spacing: -1px;}

/* CSS to fix color of links in RokBox captions */

#roanoke .rokbox-caption a {
color: #ffffff !important;
}
#roanoke .rokbox-caption a:hover {
background-color: #222222;
}

/* Other RokBox Style */

#roanoke .rokbox-thumb {
margin: 0 6px 6px 0;
}
/* If menu page class rokbox-caption-out added */
#roanoke.rokbox-captions-out .rokbox-caption {
position: absolute;
bottom: -30px !important;
}

/* Force Images smaller when article is pushed to either left or right column */

#roanoke .column-1 span.easy_img_caption, .column-2 span.easy_img_caption {
max-width: 315px;
}
#roanoke .column-1 div.module-content img, .column-2 div.module-content img {
height: auto;
max-width: 315px;
}


/* OLD MYCUSTOMSTYLES.CSS FILE DISABLED AND COPIED BELOW */

/* typography */
p + ul {margin: -15px 0 15px !important;} /* p followed by a ul, ul margin adjustments*/
#roanoke .module-title h2, h3, h4, h5 {letter-spacing: -0.5px;line-height: 1.2em;}

/* image floats */
.imgright {
  float: right;
  margin: 5px 0 5px 20px;
  margin-left: 20px !important;
  }
.imgleft {
  float: left;
  margin: 5px 20px 5px 0;
  margin-right: 20px !important;
  }
.clearboth {clear: both;}

/* Easy Image Caption Plugin*/
.eic-yes-caption {}
#roanoke .easy_img_caption {
border-color:#E3E3E3;
border-style: solid;
border-width: 1px;
margin-bottom: 15px;
}
#roanoke .easy_img_caption_inner {line-height: 1.4em; letter-spacing: 0px;}

/* modules - styling for Donate Now box */ 
.mybox3 {margin-top: 0;font-weight: normal;font-size: 125%;padding: 0;letter-spacing: normal;text-transform: uppercase;}
.mybox3 p {margin-bottom: 0;}


/* OLD MYCUSTOMSTYLES.CSS STYLES COMMENTED OUT FOR NOW */

/* core - kill 15px top margin on main content areas first block - NOT WORKING 
div.rt-grid-9 div.rt-block div.title3 div#rt-mainbody div.component-content div.rt-blog h2.title {marigin-top: 0 !important;} */

/* Get More Articles to play nice with floated images NEEDED? COMMENT OUT FOR NOW.
.rt-more-articles {clear: both;padding-top: 15px;} */