/*
Theme Name:   Hulk Child
Template:     hulk
Description: Custom child theme for SAIGE.org, based off of the Hulk theme
*/


/*importing google fonts*/
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Libre+Franklin&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&display=swap');

html, body, span,h1,h2,h3,  h4, h5, h6, p, blockquote, a, em, i, font, img, small, ul, li {font-family: 'Lato', sans-serif; 
}

#generalBtn a, .wpsc_buy_button, .submit, .content .submit{font-family: 'Lato', sans-serif; }

p{font-size: 1.2em; 
line-height:1.8em;}

.normal-list {font-size:1.2em; line-height:1.8em; margin-left:10px;}

/* NOT IN USE
.bilbo {font-family:'Libre Baskerville', sans-serif;font-weight:600; font-size:2.5em; }

.bilbo-side { 
	font-family:Shadows Into Light, cursive; 
	text-align:center; padding-top:5px; }
*/

/*top navigational menu*/
.nav1 a {font-family: 'Libre Franklin', sans-serif;font-weight:400; color:#0b5345; font-size: 1.1em; padding:10px 25px 0px 1px;}
ul .sub-menu{padding-top:25px;}
.nav1 li:hover a, .nav1 li.current-menu-ancestor> a, .nav1 li.current-menu-ancestor > a:hover {color:#000000; font-size: 1.1em; line-height:1.4em; padding:10px 25px 0px 1px;}

.nav1 a:hover,.nav1 li, li.current-menu-item >a, .nav1 li.current-menu-ancestor> a{color:#0b5345;
font-weight:bold; font-size: 1.1em; line-height:1.4em;}
.nav1 li.current-menu-item > a, .nav1 li.current-menu-ancestor > a{color:#0b5345;font-size: 1.1em;}
.featured {display:none;}
.title_action{display: none;}

/*main content - affects all pages and posts*/
.header{display:block; margin:0 auto;} 
.primary{background:#b0c6ab; margin:10px 0 10px 0;}
.primary_wrap{width:80%; background:#d7e0d5;}

.content{border:none; margin:0 auto; padding:10px 10px 10px 10px; background-color:#d7e0d5;}

.secondary{background:#b0c6ab;
	width:100%;} 
.secondary_wrap{width: 100%; margin:0 auto; background:#ffffff; }

#first_footer.one_fourth{padding:20px 1px 0px 190px;}

.one_fourth {padding:5px 45px 0px 20px;}

.footer_wrap{background:#000000; float:left; padding:5px 0 0 265px; margin:10px auto;}

.widget-title{color:#800000;}
.srp-post-title{text-transform:uppercase;}

/*blog post titles on home page */
.srp-post-title-link{font-weight:bold; Color: darkslategray;}
/*a.srp-post-title-link{font-weight:bold; Color: darkslategray;}*/

/*hide mission statement and boxes on home slider*/
#MissionStatement{display:none;}
#MSbox{
	display:none;
}

/*increase height on slider*/
.slider, .cycle_slider, .cycle_slider li, .nivo_wrapper, #nivo_slider {
    height:400px; display:none;
}
.nivo_slider{height:100%;} 
.slide_img {height:100%;}

/*hiding meta info on pages and posts*/
.page_titles{display:block;}
.author{display:none;}
.cats{display:none;}

/*sidebar properties
.sidebar{ 
 width:185px; padding-left: 8px;}
.sidebar, .textwidget h4, h5, h6,strong {font-family: 'Libre Franklin', sans-serif;font-weight:600; }
.sidebar p {font-weight:400}*/

.sidebar-left{
	width:0px;
	float:left;
	clear:right;
	margin:0;
}

/*home page*/
.students{display:none;}
.ntp{display:none;}
.flickr{display:none;}
.video{padding-top:40px;}
.sbbo{display:none;}
.sbbod{display:none;}
.sbma,p.sbma {display:none;}
.awd, p.awd h1.awd, h2.awd, h3.awd {display:none;}

/*partners section on home*/

.partners{
	width: 100%;
	margin-top:55px;
	display:none;
}

ul.p-logos{
	width:90%;
	list-style: none;
	display: inline-flex;
	float:left;
	margin-bottom:20px;	
}

ul.p-logos li{
	height:95px;
	width:auto;
	float:left;
	padding:8px;
	
}

ul.p-logos li img{
	height: 95%;
	width:auto;	
}


/*board of directors page layout and styles*/
.board{
	width:100%;
	margin:10px 0 0 150px;
	text-align:center;
}
.officers_heading {padding-left:70px;}
ul.officers{
	width: 100%;
	display: inline-flex;
	list-style:none;
	padding-bottom:10px;
}

ul.officers li{
  float:left;
	width:22%;
	height: auto;
	padding-right:5px;
 
}
ul.officers li h5, h6{
	font-family: 'Libre Franklin', sans-serif; font-weight:400;
}
ul.officers li img{
	height:125px;
	width:125px;
	margin-bottom:15px;
	box-shadow: 3px 1px 3px 1px  rgba(0,0,0,.2);
	
}
ul.officers li:hover img:hover{ 
	opacity:.5;
}

.directors_heading {text-align:left; margin-left:-80px}

ul.directors{
	text-align:center;
	width: 100%;
	list-style:none;
	display:inline-flex;
	margin: 0px auto;
	padding-left:5px;
	padding-bottom:40px;
}

ul.directors li{
  float:left;
	width:23%;
	padding-right:2px;
	height: auto;
}

ul.directors li img{
	height:125px;
	width:125px;
	margin-left:15px;
	margin-bottom:-5px;
	box-shadow: 3px 1px 3px 1px  rgba(0,0,0,.2);
}
ul.directors li img:hover{ 
	opacity:.5;
}

.board_contact{margin-left:80px;}

.logomaint, figure.logomaint {width:90%;}

.body{margin:0 auto; max-width:95%; display: flex; flex-wrap: wrap;}

.content{width:75%;}



@media (min-width: 768px) {
    .primary_wrap {
        flex: 1 1 48%; /* Two items per row */
    }
}

@media (min-width: 1024px) {
    .primary_wrap {
        flex: 1 1 30%; /* Three items per row */
    }
}

/*Making content fit on mobile displays - not responsive or designed for mobile - just makes current content fit on screen - hides both sidebars*/
@media only screen and (max-width: 600px) {
	html{display:grid;}
  body {margin:0 auto;}
	.sidebar{display:none;}
	.left-sidebar{display:none;}
	.content{width:90%; float:none;}
}
