/*
Theme Name: OFSO Website 2026
Theme URI: 
Description: 
Version: 1.0
Author: Futuregram Studio Limited
Author URI: http://www.futuregram.io
*/

/* @group Global Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     border: 0pt none;
     margin: 0pt;
     padding: 0pt;
     vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

body {
     line-height: 1;
}

ol, ul {
     list-style: none outside none;
}

blockquote, q {
     quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0pt;
}

table.pad td {
     padding: 10px;
}

pre, code {
     background-color: #EDEDED;
     border-bottom: 1px solid #D9D9D9;
     border-top: 1px solid #D9D9D9;
     display: block;
     font: 12px/24px Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
     margin: 5px 0pt;
     padding: 5px;
     white-space: normal;
     width: 100%;
}

p code {
     display: inline;
}

body {
height: 100%;
}

html {
    height: 100%;
}

.text-shadow {
     text-shadow: 0.02em 0.03em 0.1em #666666;
}



/* SITE DEFINITIONS */

body{
color: #424242;
  font-family: 'Open',Helvetica,Arial,sans-serif!important;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.3px;
  background-color: #fff;
}


/* FONTS */

.homepage h1, .inside h1 { 
	 font-size:45px!important;
	line-height: 1.2!important;
	color: #000;
	font-family:'Raleway-Semi',Helvetica,Arial,sans-serif!important;
  margin-bottom:15px!important;
  font-weight:normal;
   letter-spacing:0px!important;
	}
.landing h1 {
	color:#fff;
}
.homepage h2, .inside h2 {
font-family: 'Raleway-Extra',Helvetica,Arial,sans-serif;
  font-size: 35px;
  line-height: 35px;
  text-transform: none;
  letter-spacing: 0.2px;
  color: #626363; 
font-weight: normal;
	   margin-bottom: 15px!important;
}

h3, .homepage h3, .inside h3  { 
font-family: 'Raleway-Semi',Helvetica,Arial,sans-serif;
  font-size: 26px;
  line-height: 34px;
  text-transform: none;
  letter-spacing: 0.2px;
  color: #585858;
  font-weight: normal;
	   margin-bottom: 15px!important;
	  }
	  
 

h4, .inside h4, .homepage h4 { 
    font-size: 22px!important;
    line-height: 1.2;
	color:#000;
    font-family: 'Raleway-Semi',Helvetica,Arial,sans-serif!important;
    letter-spacing: 0px!important;
    margin-bottom: 15px!important;
    font-weight: normal!important;
    margin-top: 0px!important;   margin-bottom: 15px!important;
    font-weight: normal;
}

h5, .inside h5, .homepage h5 { 
font-family: 'Raleway-Semi',Helvetica,Arial,sans-serif;
  font-weight: normal;
font-size: 20px !important;
  line-height: 20px;
  text-transform: none;
  letter-spacing: 0.5px;
  color: #585858;
	 margin-bottom: 15px!important;
}

h6, .inside h6, .homepage h6 { 
    font-size: 15px!important;
    line-height: 1.2;
	color:#000;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif!important;
    letter-spacing: 0px!important;
    margin-bottom: 15px!important;
    font-weight: normal!important;
    margin-top: 0px!important;
}

p,td p, .homepage p, .inside p {
color: #424242;
  font-family: 'Open Sans',Helvetica,Arial,san-serif !important;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.3px;
  font-weight: normal;
line-height: 22px;
letter-spacing: 0.3px;
	 margin-bottom: 15px!important;
}

ul {
     margin-left: 0px;
     padding-left: 0px;

}

ol {
  margin-left: 0px;
     padding-left: 0px;  
}

li {
     list-style-type: none;
     margin-left: 0px;
     padding-left: 0px;
}

strong {
	 font-weight:bold;
}

.inside blockquote p{
	font-family: Times,serif;
color: #000;
font-size: 24px;
  padding:60px 30px 40px 90px;
  margin-bottom:0em;
  margin-top:0em;
  margin-left:15px;
  float:left;
  width:75%;
    text-align:left;
  line-height:1.4em;
  letter-spacing:0px;
}


a, a strong, a:visited {
text-decoration:none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
color: #990033;
}

a:hover, .inside #entry-content a:hover {
	color:#252525
}

img a, a img, a img:hover, img a:hover {
     border: none;
}

hr {
     background-color: #000;
     border-top: 1px dotted #000;
     color: #000;
     margin: 20px 0 20px 0px;
     padding: 0pt;
width:100%;
float:left;
}

.inside #words small, .font_small, .inside #words small a {font-size: 14px;}

input {
font: 16px 'Open Sans',Helvetica, Arial, sans-serif;
}

small {
font-size:15px;	
float:left;
width:100%;
}



/* FONT-FACE */

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway.eot');
    src: url('fonts/Raleway.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway.woff2') format('woff2'),
        url('fonts/Raleway.woff') format('woff'),
        url('fonts/Raleway.ttf') format('truetype'),
        url('fonts/Raleway.svg#Raleway') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway-Semi';
    src: url('fonts/Raleway-SemiBold.eot');
    src: url('fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-SemiBold.woff2') format('woff2'),
        url('fonts/Raleway-SemiBold.woff') format('woff'),
        url('fonts/Raleway-SemiBold.ttf') format('truetype'),
        url('fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway-Extra';
    src: url('fonts/Raleway-ExtraBold.eot');
    src: url('fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-ExtraBold.woff2') format('woff2'),
        url('fonts/Raleway-ExtraBold.woff') format('woff'),
        url('fonts/Raleway-ExtraBold.ttf') format('truetype'),
        url('fonts/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open';
    src: url('fonts/OpenSans-Regular.eot');
    src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans-Regular.woff') format('woff'),
        url('fonts/OpenSans-Regular.ttf') format('truetype'),
        url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open-Semi';
    src: url('fonts/OpenSans-SemiBold.eot');
    src: url('fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('fonts/OpenSans-SemiBold.woff') format('woff'),
        url('fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}





/* COMMON STYLES */


.box-burgundy {
    background-color: #990033 !important;
}

.box-burgundy h4, .box-burgundy h2 {
	color:white!important;
}

.box-silver {
background-color: #f7f7f7 !important;
}

.box-white {
background:#fff;
}

.box-charcoal {
background: #252525;
}

.box-black {
background-color: #1b1b1b;
}

.viewall, .viewallarrow {
	display:inline-block;
	width:auto;
	    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.viewallarrow {
	margin-left:10px;
	margin-top:2px;
}
.viewall:hover {
	margin-right:5px;
}

.inside #insidecontent #entry-content li.fl-testimonial {
	padding-left:0!important;
}

.inside .fl-testimonial blockquote p {
  font-size: 16px!important;
  line-height: 1.4!important;
  letter-spacing: 0.3px!important;
  font-weight: normal!important;
  line-height: 22px!important;
  letter-spacing: 0.3px!important;
  margin-bottom: 15px !important;
	padding: 0 !important;
	width:100%;
}

.inside #insidecontent #entry-content li.fl-testimonial h6{
	font-weight:bold!important;
	font-size:17px!important;
	text-transform:uppercase!important;
}


/* Search Bar */

body #ajaxsearchlite1 .probox, body div.asl_w .probox {
   background:white; 
    border:none;
    color:#666;
    height: 50px;
   border-radius: 3px;
}

body #ajaxsearchlite1 .probox .proinput input, body div.asl_w .probox .proinput input {
  color: #717070 !important;
    font-size: 15px;
    height:40px;
}

body div.asl_m .probox .proinput {
  padding: 5px 5px;
}

body div.asl_w .probox .promagnifier {
  width: 100px;
  height: 50px;
  background: #903!important;
    border-radius: 0 3px 3px 0;
}

body div.asl_r.vertical { /* Results ddropdown */
  padding: 4px;
  background: #903;
}

body div.asl_r .results .item { /* Results item */
  height: auto;
  background: #fff;
    padding-top:12px!important;
   padding-bottom:12px!important;
}

body div.asl_r .results .item .asl_content h3, body div.asl_r .results .item .asl_content h3 a {
  color: #903;
  font-size: 16px;  
    
}

body div.asl_r .results .item .asl_content h3:hover, body div.asl_r .results .item .asl_content h3 a:hover {
  color: #717070;
  font-size: 16px;  
    
}
body div.asl_r .results .item .asl_content .asl_desc {
  margin-top: 7px;
  font-size: 13px;
  line-height: 18px;
    color:#888;
}

body .fl-post-feed .fl-post-feed-post {
  margin-bottom: 20px;
}

body .fl-post-feed .fl-post-feed-post .fl-post-feed-text {
	
  position: relative;
  
}


body.news .fl-post-feed .fl-post-feed-post .fl-post-feed-text {
  background:none;
}

body.news .fl-post-feed .fl-post-feed-post .fl-post-feed-text h3 {
background: transparent url(/wp-content/uploads/2026/04/icon_doc_sml-1.png) left 5px no-repeat;
  padding-left: 30px;
}


body .fl-post-feed .fl-post-feed-title a:hover {
	color: var(--fl-global-burgundy)!important;

}
body .fl-post-feed .fl-post-feed-image img {
  height: auto !important;
  width: auto !important;
  padding-left:20px;
}

body div.asl_m .probox .proclose svg {
  margin-top: -3px;
}






/* STRUCTURE */


.wrap {
    position: relative;
    z-index: 0;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
height: 100%;
}


#header #searchbutton {
    margin-top: 20px !important;
}


#header {
  height:auto;
position:absolute;
width:100%;
float:left;
}

.inside #header.content {
	position:relative;
}

#headercontent {
text-align:left; 
z-index:890;
padding-bottom:0em;
  position:relative;
  min-height:122px;
}

#mainnav {

 -webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	position:relative;
}






/* Footer */
#footer {
     float: left;
     margin: 0px auto;
     width: 100%;
  position:relative;
  font-size:15px;

}


#footer h4 {
    color: #585858;
font-size: 16px !important;
  font-weight: bold !important;
  line-height: 25px;
  letter-spacing: 0.5px !important;
  margin-top: 20px;
}

#footer h5 {
    color: #DDDDDD !important;
    margin: 0 0 22px !important;
    font-size: 16px !important;
}
#footer p {
color: #C3C3C3;
 font-size:15px;
margin: 0 0 10px;
}

#footer li {
 padding-bottom:0px;
 font-size:17px;
}

#footer a{
color:#ffffff !important;
font-size:15px !important;
padding-left: 0 !important;
padding-bottom: 20px !important;
  padding-top: 0px;
}

#footer a:hover {
  color: #919191 !important;
}

#footer ul {
  padding-bottom: 10px;
}

#menu-footereventsnav li, #menu-footeraboutnav-1 li {
font-size:21px;
}

#footer-bottom {
  background-color: var(--fl-global-black);
}


/* HOME */


.homepage #homecontent {
     position: relative;
    width: 100%;
    
    min-height: 480px;
	 -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.homepage #homecontent #home-hero h1, .homepage #homecontent #home-hero h4, .homepage #homecontent #home-hero p , #home-majorevents p{
    color:white!important;
}

.homepage #homecontent #hero-blurb {
    /*border-bottom:1px solid white;*/
}
.homepage #homecontent .ppg-container {
  padding: 0 40px 0 0;
}

.homepage #homecontent .ppg-header {
    margin-bottom: 40px;
}

.homepage #homecontent .ppg-category {
padding: 5px 18px 3px 18px;
  border-radius: 30px;
}





/* INSIDE PAGES */

body.inside {
	
}


.inside #insidecontent.landing #entry-content {
	  
	  
}


.inside #insidecontent.contentpage {
	position: relative;
    width: 100%;
    min-height: 480px;
	 -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}


.inside #entry-content {
min-height:400px;
  position:relative;
    margin-top:0px;
}

.inside #insidecontent #toparea {
	 position:relative; 
}

.inside .landing #toparea {
 
 
}

.inside .landing #toparea #mainpic {

}


.inside #pagetitle {
position:relative;
}

.inside .landing #pagetitle h1{

}


.inside #insidecontent.contentpage #pagetitle h1 {


}


.inside #insidecontent.contentpage #entry-content #words {
  
  
}


.inside #insidecontent.contentpage #contentarea {
	
}

.inside #insidecontent.nosidebar #contentarea {
	
}

.inside #insidecontent.contentpage #copy {
	
}


.inside #insidecontent.contentpage #content {
   
}

.inside #entry-content ul  {
	margin-bottom:20px;
		list-style-type:disc;
	list-style: inside;
}

.inside #entry-content #words ul li {
    padding-left: 20px;
	padding-top: 5px;
	font-size:16px;

	list-style: inherit;
}

.inside #entry-content ol {
	margin-left:15px;
	margin-bottom:20px;
}

.inside #entry-content  ol li {
   list-style:decimal;
   padding-left: 15px;
   margin-bottom:5px;
		list-style-type:decimal;
}

.inside #insidecontent #entry-content #words ul.pdf li,.inside #insidecontent #entry-content p.pdf,.inside #insidecontent #entry-content a.pdf {
background: transparent url('images/inside/bg_pdf.png') no-repeat scroll left 7px;
    position: relative;
    padding-left: 40px;
    padding-top: 12px;
    padding-bottom: 10px;
}






/* ABOUT */






/* OUTREACH */

.inside #insidecontent #entry-content .fl-gallery {
  
}

.inside #insidecontent #entry-content .fl-gallery .fl-gallery-item {
 padding-left:0; 
 left:0!important;
  float:left;
  position:relative!important;
  list-style:none;
  display:inline-block;;
  margin-right:10px;
}







/* GENERAL ARCHIVE PAGE */


.inside .archivepage#insidecontent #sidebar2 .fl-menu li {
list-style-type: none;
  padding-left:0;
  padding-bottom:10px;
}

.inside .archivepage#insidecontent #sidebar2 .fl-menu li a {
  padding-left:0;
    padding-bottom:0;
}

.inside .archivepage#insidecontent #sidebar2 li.current-menu-item a {
  font-weight:bold;
  color: #585858;
}



/* GENERIC SINGLE PAGE */

body #insidecontent .ofso-cat-item__icon {
	padding-top:0;
}

.inside .singlepost#insidecontent #sidebar2 .fl-menu li {
list-style-type: none;
  padding-left:0;
  padding-bottom:0;
}

.inside .singlepost#insidecontent #sidebar2 .fl-menu li a, #rightsidebar li a {
  padding-left:0;
    padding-bottom:10px;
}

.inside .singlepost#insidecontent #sidebar2 li.current-menu-item a {
  font-weight:bold;
  color: #585858;
}

.inside .singlepost#insidecontent #sidebar2 h5, #rightsidebar h5 {
  margin-bottom: 10px !important;
}



/* GENERIC SINGLE POST */





/* CONTACT US */




/* FAQS */




/* PAGINATION */

#pagination {
margin-top:40px;
}

#pagination p {
  padding:22px 0px 0 20px;
  font-family:Helvetica,Arial,sans-serif;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.inside #insidecontent #pagination ul {
  padding-top:19px;
  margin-bottom:7px;
}

.inside #insidecontent #pagination ul li {
  display:inline;
  padding:10px 15px;
  font-family:Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  background:none;
}

#pagination ul li a {
      font-size:13px;

}

.inside #insidecontent #pagination ul li#current,.inside #insidecontent #pagination ul li:hover {
  background:white;
}




/* ACCORDIONS */






/* TABS */




/* TABLES */

.inside #insidecontent table {/* ensures that paddings and margins activate */
width:100%;
border-collapse: separate;
    border-spacing: 0;
  background:transparent;
margin-bottom:40px;
  margin-top:20px;
}

#insidecontent table th{
text-transform:uppercase;
font-size:14px;
  font-weight:300;
font-family: Helvetica,Arial,sans-serif;
  color:#000;
vertical-align:middle;
padding:10px 10px;
text-align:left;
border-bottom:1px solid #A7C899;
  letter-spacing:0px;
}

#insidecontent table tr,#insidecontent .su-table table tr.su-even {
background:transparent;  
}

#insidecontent table th em{
font-style:normal;
}

#insidecontent table td{
padding:8px 10px;
text-align:left;
vertical-align:top;
font-size:16px;
  border-bottom:1px solid #8F8E8F;
  line-height:1.4;
}

#insidecontent table td.first {
background:white;
  font-weight:bold;
}

#insidecontent table td:last-child {
border-right:none;
}

#insidecontent table tr:last-child td{

  
}

#insidecontent table h3 {
padding-top:15px;  
}

#insidecontent table p {
line-height:1.4;  
}

#entry-content table td img{
padding-bottom:10px;
}

#entry-content table td li {
text-align:left;
}

#entry-content table td:first-child {
text-align:left;
}


/* Table striping */

#insidecontent #words tr:nth-child(even) { background: #F9F9F9; }
#insidecontent #words tr:nth-child(odd) { background: #fff; }






/* FORMS */


body .ff-el-group {
  margin-bottom: 5px!important;;
}

body .ff-btn-submit {
display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
 color: #fff;
  background-color: #2A2A2A;
  box-sizing: border-box;
  word-wrap: break-word;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  top: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  line-height: normal;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  padding: 14px 20px;
}



/* WP HELPER CLASSES */

.inside #insidecontent p.wp-caption-text {
	margin-top: 15px;
font-size: 15px;
color: #666;
line-height: 1.2 !important;
}


.inside #insidecontent .aligncenter {
    width: 490px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}





/*******************************************************************/

/* HACK FOR WEBKIT */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	



}


/*******************************************************************/
/* HACK FOR IE 10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {



}

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


		
}




/*******************************************************************/
@media only screen and (min-width: 1000px) and  (max-width: 1160px) {
  

  
}


/*******************************************************************/
@media only screen and (min-width: 960px) and (max-width:1160px) {


  
  
}

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


}
  
/*******************************************************************/
@media only screen and (min-width: 480px) and (max-width:767px) {
	

	
	
	
}
  
/*******************************************************************/
@media only screen and (min-width: 320px) and (max-width:479px) {
	

  

  

}