/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/

h3.bigblue {width:60%; margin:1em auto 2em;}

p.homelevel {
  line-height: 1.7em;
  font-size: 1em;
  margin: 0 0 20px 0;
  font-weight: normal;
  font-style: normal;}

.menu-toggle.contrast {background:none}

#home-content.home-section .inside {
  padding: 0px !important;
  max-width:100%;
  margin: 0 auto;
}
.menu-toggle {color:#224974;}

#down-button {color:#224974;}
    
.logo img {width:50%;}

#content ul li {margin: 0 0 1em 2em;list-style-type: none;line-height:1.7em;}
	
h1.becomememb {color:#ffffff;line-height:1.5em;letter-spacing:1px;text-align: center; padding:2em 0 0 0;}

h1 h2 h3 h4 h5 h6 {font-family: 'Open Sans';}
	
.arrowbkgrnd {background-image:url('https://oisf.net/wp-content/uploads/2021/06/arrowblue.png'); background-repeat:space;float: left;
position: relative;
z-index: 1;}

h3.oisffunded {color:#ffffff;line-height:1.5em;letter-spacing:1px;text-align:center;padding:0 0 2em 0;}

img.rounded {margin-bottom:0;width:100%;border-radius:15px 15px 0 0;}

.blue {color:#224974;}
.bluebkgrnd {background-color:#224974;}

.linkred {display: inline-block !important;margin-top:1em; padding: 3px 18px 4px; border-radius: 3px; border: 0; font-weight: bold; letter-spacing: 0.0625em; text-transform: uppercase; background:#e6e6e6; color: #DF013A}

.linkred:hover,
.linkred:focus,
.linkred:active {
  background:#DF013A;
  color: #e6e6e6;}

a.details {color:#DF013A !important;text-decoration:underline;letter-spacing:1px;}

.featimgleft {margin: 1em 1em 0 2em;padding:0;}

.featimgright {margin: 1em 2em 0 1em;padding:0;}

.whiteboxleft {background-color:white;padding:1em 2em 1em 2em;margin:0 1em 1em 2em;text-align:center;border-radius:0 0 15px 15px;}

.whitebox {background-color:white;padding:1em 2em 1em 2em;margin:0 1em 1em 1em;text-align:center;border-radius:0 0 15px 15px;}

.whiteboxright {background-color:white;padding:1em 2em 1em 2em;margin:0 2em 1em 1em;text-align:center;border-radius:0 0 15px 15px;}

.redarrow {display:inline; float:right;height:24px;width:24px;padding-left:6px;}


#home-content.home-section {
	padding: 0 !important;}

img {
  display: block;
}

p:empty {
	display: none;
	}

#featured-pages {padding: 80px 0 40px 0;}

#featured-pages .title {display: none;}

#footer p {color:#fff;font-size:14px;}

.rule {display: block;
  border: 0;
  border-top: 2px solid #bbb;
  margin: .5em auto;
	width:15%;
	padding: 0;}


#footer .main .inside {
	border-bottom: 0px;}
	
.level {font-size:1.25em !important;color:#00275c;letter-spacing:1px;margin:.5em 0 ;background-color:#d8d8d8; padding:3px 0 3px 12px;}

.level-no {font-size:1.25em !important;color:#00275c;letter-spacing:1px;margin:0 0 1em 0;}

.level-box {display:block;background-color:#f2f2f2;padding:1em;border-radius:3px;margin-bottom:1em}

#header .top.solid, #header .top, .has-banner #header .top.solid {
	background-color: #e6e6e6;}

#pageslide {background-color:#000000;}

#logo {
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: 1px;}

/**h1.becomeblack {color:#ffffff;position: absolute;top: 50%;left: 50%;transform: translate( -50%, -50% );letter-spacing:1px;text-align:center;background-color:#000000; padding:.5em 0;}

h1.become {color:#ffffff;letter-spacing:2px;text-align:center;margin:.5em 0; padding:.5em 0;}**/

.jetpack-social-widget-item {margin-right:1.5em !important;padding-bottom:2em !important;}

#page-head {display: none;}

#sidebar {margin-top:4em;}

h4.subhead {margin-top:2em;color:#A4A4A4;letter-spacing: 1px;}

.screen-reader-text {display:none;}

.awsm-popup-items .style-2
.slide-ins-style.style-1 .awsm-modal-open .awsm-modal-content {position:relative; z-index:9999;}

#featured-pages .title {color:#277695;}

#footer {background-color:#000000;}

#footer .widget-title {color:#a4a4a4;}

#footer p {color:#a4a4a4;}

#footer a {color:#e6e6e6;}

#footer .secondary {display:none;}

#footer {margin-top:0;margin-bottom:0;}

#footer .main {padding:0;}

.member-box {background-color:#585858;border-radius:5px;box-shadow: 4px 4px 6px #BDBDBD;}

.member-box-text {text-align:center;padding:12px 0 9px;color:white;line-height:1em; margin:2em auto .5em;}

.oisflogo {width:250px;margin:-2em auto .5em;}

.tagline {font-family:"Open Sans", Helvetica, Arial, sans-serif;font-size:2.5em;line-height:1em;color:#424242; margin-top:0 !important;}

a {color:#53b7e8;}

a:hover {color:#BDBDBD;}

a.seemore   {color:#7dabdf;padding: 1em 0 !important;}

a.seemore:hover {color:#7a3717;}

.suricata {	
	width:100%;
	margin:0 auto;
	position: relative;
  display: block;
background-color:black;}

.text-over {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate( -50%, -50% );
  text-align: center;
  color: #ffffff;}

h3.section-head span.para {line-height: 1.7em; font-size: 1em; text-align:center; font-weight: normal; font-style: normal;}

h3.section-head span {display: block;}

.home-member-left {width:85%;float:right;}

.home-member-right {width:85%;float:left;}


@media only screen and (max-width : 850px)
{

#logo {
font-size: 5px;}
	
.oisflogo {width:35%;margin:0em auto 1em}
	


/*********/

@media only screen and (min-width:577px) and (max-width:992px){
	
h3.oisffunded {text-align:center;font-size:1.5em;padding:1em;}
	
.arrowbkgrnd {background-image:none;float:none;width:100%;}
	
h1.becomememb {font-size:1.5em; line-height:1.5em;text-align:center;padding:1em 0 0 0;}

p.homelevel {
	padding-left:1em}
	
.featimgleft {margin: 1em 1em 0 1em;padding:0;}

.featimgright {margin: 1em 1em 0 1em;padding:0;}
	
.whiteboxleft {padding:1em;margin:0 1em 1em 1em;}

.whitebox {padding:1em;margin:0 1em 1em 1em;}
	
.whiteboxright {padding:1em;margin:0 1em 1em 1em;}
	
p.homelevel {
  padding:0 0 0 1em;}
}

/*********/
	
@media only screen and (max-width:576px)
{
	
.logo img {width:80%;object-fit:contain;object-position:left;}
	
.arrowbkgrnd {background-image:none;float:none;width:100%;}
	
h1.becomememb {font-size:1.25em; line-height:1.5em;text-align:center;padding:2em 1em 0 1em;}
	
h3.oisffunded {font-size:1em;text-align:center;}
	
h5 {font-size:1.3em;}
	
.hide {display:none;}

.oisflogo {width:55%;margin:0em auto 0}
	
.tagline {font-family:"Open Sans", Helvetica, Arial, sans-serif; font-size:1.75em;line-height:1em}

img.suricata {width:70%;}
	
.logo img {width:50%;object-fit:contain;object-position:left;}
	
.featimgleft {margin: 1em 1em 0 1em;padding:0;}

.featimgright {margin: 1em 1em 0 1em;padding:0;}
	
.whiteboxleft {padding:1em;margin:0 1em 1em 1em;}

.whitebox {padding:1em;margin:0 1em 1em 1em;}
	
.whiteboxright {padding:1em;margin:0 1em 1em 1em;}
	
p.homelevel {
  text-align:center;}
	
h3.bigblue {width:80%; margin:1em auto 2em;}
	
}