/*************************************************************************
Theme Name: wim
Author: Becky Ecung
Description: A Basic theme for the WIM website
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
/*************************************************************************


/*************************************************************************
*
* CSS Resets
*
/*************************************************************************/

/* normalize defaults *//* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


@font-face {
  font-family: 'font-awesome';
  src: url("fonts/fontawesome-webfont.eot");
  /* IE9 Compat Modes */
  src: url("fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2") format("woff2"), url("fonts/fontawesome-webfont.woff") format("woff"), url("fonts/fontawesome-webfont.ttf") format("truetype");
  /* Safari, Android, iOS */ 
}

/*************************************************************************
*
* General Styles
*
/*************************************************************************/

.skip {

	position: absolute;
	top: -999px;
	left: -999px;
	clear: both;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.clear {
	height: 0;
	clear: both;
}

.left {
	display: block;
	float: left;
	text-align: left;
}

.right {
	display: block;
	float: right;
	text-align: right;

}

hr {
	color: #CFCFCF;
	height: 1px;
	background-color: #CFCFCF;
	border: 0;
}

a:link,
a:visited {
	text-decoration: none;
	font-style: inherit;
	font-weight: 700;
}

a:hover,
a:active {
	text-decoration: none;
}

p, a, li, td, th, caption, label, div {
	font-family: 'Lato', sans-serif;
	line-height: 1.5em;
	color: #404040;
}

p, li {
	margin-bottom: 1.3em;
	font-size: 1.1rem;
}

h1, h2, h3, h4, h5 {
	font-family: 'Mitr', sans-serif;
	font-size: 1.2rem;
	margin: 10px 0;
	letter-spacing: 1px;
}

h1 {
	font-size: 1.8rem;
	line-height: 2.2rem;
}

h2 {
	font-size: 1.5rem;
	line-height: 1.9rem;
}

h3 {
	margin-top: 20px;
}

select {
	font-size: 1rem;
}

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

	h1 {
		text-align: center;
	}

	h2 {
		font-size: 1.3rem;
		line-height: 1.7rem;
	}

}

/*************************************************************************
*
* Layout
*
/*************************************************************************/

html {
	background-color: #fff;
	height: 100%;
}

body {
	height: 100%;
	width: 100%;
	margin: 0 auto;
}

.max-wrap {
	max-width: 1600px;
	margin: auto;
}

.max-wrap article, .max-wrap .main {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.max-wrap .main {
	overflow: hidden;
}

.no-overflow {
	overflow: hidden;
}

.page-margin {
	padding-top: 90px;
}

#content {
	min-height: 100%;
}

.wp-block-separator {
	margin-top: 10px;
}

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

	.page-margin {
		padding-top: 75px;
	}


}


/*************************************************************************
*
* Top Navigation
*
/*************************************************************************/

#main-nav {
    width: 100%;
    height: 65px;
    position: fixed;
    z-index: 3;
    border-bottom: 2px solid #CCC;
}

.main-nav li {
	font-size: 1.1rem;
	line-height: 65px;
}

.menu-left-main-menu-container {
	float: left;
	width: 39%;	
}

.menu-left-main-menu-container ul {
	display: flex;
	justify-content: space-around;
}

.menu-right-main-menu-container {
	float: right;
	width: 39%;
}

.menu-right-main-menu-container ul {
	display: flex;
	justify-content: space-around;
}

.custom-logo-link {
	float: left;
	width: 21%;
	text-align: center;
	position:relative;
	z-index: 2;
	margin-top: 20px;
	-webkit-transition: padding-top .5s; /* Safari */
    transition: padding-top .5s;
    border-radius: 25px;
    padding: 0 8px;
}

.custom-logo-link img {
	width: 100%;
	max-width: 220px;
	height: auto;
}

.custom-logo-link:hover {
	padding-top: 20px;
}

.main-nav .icon {
	display: none;
}

nav a:link, nav a:visited {
	font-family: 'Mitr';
    letter-spacing: 1px;
    text-transform: uppercase;
}

nav a:hover {
	color: #ad6739 !important;
}
    

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

	#main-nav {
		padding-top: 0;
	}

	.menu-left-main-menu-container , 
	.menu-right-main-menu-container {
		display: none;
	}

	.responsive .menu-left-main-menu-container, 
	.responsive .menu-right-main-menu-container {
		display:block;
		width: 100%;
		background: #CCC;
	}

	.menu-left-main-menu-container li, 
	.menu-right-main-menu-container li{
		background: #CCC;
		text-align: center;
		margin: 0;
		height: 65px;
		line-height: 65px;
		width: 100%;
	}

	.main-nav .icon {
		display:block;
		float: left;
		line-height: 65px;
		margin-left: 2%;
		font-size: 1.6rem;
		width: 37%;
	}

	.main-nav .icon:hover {
		cursor: pointer;
	}

	.responsive .menu-left-main-menu-container, 
	.responsive .menu-right-main-menu-container {
		display:block;
		width: 100%;
		background: #CCC;

	}

	.responsive .menu-left-main-menu-container a, 
	.responsive .menu-right-main-menu-container a{
		display: block;
		width: 100%;
		line-height: 65px;
	}

	.responsive .menu-left-main-menu-container a:hover, 
	.responsive .menu-right-main-menu-container a:hover {
		background: #AAA;
	}

	.custom-logo-link {
		position: absolute;
		width: auto;
	}

	.custom-logo-link img {
		width: auto;
	}

}

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

	.custom-logo-link:hover {
		padding-top: 0;
	}

	.responsive .menu-left-main-menu-container ul, 
	.responsive .menu-right-main-menu-container ul {
		flex-wrap: wrap;
	}

	.responsive .menu-left-main-menu-container li, 
	.responsive .menu-right-main-menu-container li,
	.responsive .menu-left-main-menu-container a,  
	.responsive .menu-right-main-menu-container a {
		width: 100%;
		height: 50px;
		line-height: 50px;
	}

	.main-nav .icon {
		width: 20%;
	}
}

/*************************************************************************
*
* Front Page
*
/*************************************************************************/

#site-header {
	padding-top: 65px;
	max-height: 600px;
	overflow:hidden;
}

#site-header img {
	width: 100%;
	max-width: 1600px;
	height: auto;
	display: block;
	margin: auto;
	position:relative;
	z-index: 1;
}  

.home-statement > div {
	position: relative;
    margin-top: -7%;
    padding: 20px 60px 10px 60px; 
    border-radius: 10px 0 10px 0;
    z-index: 2;
}

.home-statement p {
	font-size: 1.1rem;
	letter-spacing: 1px;
}

.home-statement h2 {
	margin-top: 0;
}

.home-widgets {
	width: 90%;
	margin: auto;
	overflow: hidden;
	padding: 20px 0 20px 0;
}

.animate-reveal {
  opacity: 0;
  -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
     -moz-animation: reveal 1s ease-in 1 normal forwards;
       -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
          animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
}

.animate-first {
  -webkit-animation-delay: 0;
     -moz-animation-delay: 0;
       -o-animation-delay: 0;
          animation-delay: 0;
}

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

section.home1, section.home2 {
	width: 100%;
	clear: both;
	overflow: hidden;
}

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

	.home-statement > div {
	    margin-top: 0;
	    padding: 20px 15px 10px 15px; 
	    border-radius: 0;
	}

	article.home-statement {
		width: 100%;
	}
}

/*************************************************************************
*
* WIM Latest Posts Widget
*
/*************************************************************************/

.wim_posts_date {
	font-style: italic;
	color: #777;
	margin: 0 0 5px 0;
}

.wim_posts_image {
	float: left;
	margin-right: 15px;
}

.wim_recent_post {
	clear: both;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 0;
}

.wim_recent_post h3, .wim_recent_post h2, .wim_recent_post h4 {
	margin: 0;
}

.wim_recent_post h3:first-child {
	font-size: 1.5rem;
	margin-top: 25px;
}

.wim_recent_post p {
	margin-bottom: 0;
}

.blog-widget-mobile {
	display: none;
}

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

	.blog-widget {
		display: none;
	}

	.blog-widget-mobile {
		display: block;
		padding: 10px 0;
    	border-top: 1px solid #CCC;
    	border-bottom: 1px solid #CCC;
    	font-weight: 700;
	}

	.blog-widget-mobile h2 {
		display: none;
	}
}

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

	.wim_posts_image {
		display: none;
	}

	.wim_posts_date {
		text-align:center;
	}
	
}



/*************************************************************************
*
* Anchor Links
*
/*************************************************************************/

ul.anchors {
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.anchors li {
	display: inline-block;
	padding: 10px 10px 10px 0;
	font-size: 1rem;
	margin: 0;
}

/*************************************************************************
*
* DataTables
*
/*************************************************************************/

.dataTables_filter {
	margin-bottom: 10px;
}

#content .tablepress tfoot th, #content .tablepress thead th {
	background-color: #560e25;
	color: white;
}


/*************************************************************************
*
* In Remembrance Gallery
*
/*************************************************************************/

.in-remembrance {
	margin-bottom: 30px;
}

.in-remembrance .blocks-gallery-item figcaption {
	background: rgba(50, 50, 50, 0.6);
	padding: 5px 0;
}

.in-remembrance a:link, 
.in-remembrance a:visited  {
	font-size: 1.2rem;
	color: #ad6739;
}

.in-remembrance a:hover {
	color: #560e25;
}

/*************************************************************************
*
* Tribe Calendar Styles
*
/*************************************************************************/

#wp-calendar {
	width: 100%;
}

#wp-calendar tbody td {
	padding: 15px;
	border: 1px solid #CCC;
	text-align: center;
}

#wp-calendar caption {
	font-size: 1.2rem;
	margin-bottom: 10px;
}

#wp-calendar td a {
	display: block;
	background: #CCC;
}

.no-events {
	text-align: center;
	margin: 40px 0;
}

.home-widgets .tribe-mini-calendar-event .list-info h2 {
	margin-bottom: 0;
	font-size: 1rem;
}

.home-widgets .tribe-mini-calendar-grid-wrapper {
	width: 50%;
	float: left;
}

.home-widgets .tribe-mini-calendar-list-wrapper {
	width: 48%;
	float: right;
}

.home-widgets span {
	font-size: .9rem;
}

#tribe-bar-views .tribe-bar-views-list {
	z-index: 1;
}

.tribe-events-divider {
	margin: 0 10px;
}

.no-events-widget {
	text-align: center;
    font-weight: 700;
    color: #999;
}

.tribe-mini-calendar-wrapper .tribe-mini-calendar .tribe-events-present, 
.tribe-mini-calendar-wrapper .tribe-mini-calendar .tribe-mini-calendar-today {
	background: #284869;
}

.tribe-mini-calendar-wrapper .tribe-mini-calendar .tribe-events-has-events {
	background: #677179;
}

.tribe-events-title a {
	font-family: 'Mitr', sans-serif;
}

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

	.home-widgets .tribe-mini-calendar-grid-wrapper,
	.home-widgets .tribe-mini-calendar-list-wrapper {
		width: 100%;
		float: none;
	}
}

/*************************************************************************
*
* Programs and Events Styles
*
/*************************************************************************/

.program p, .program a, .program h4 {
	margin: 0;
}

.program {
	margin: 20px;
}

/*************************************************************************
*
* Post Styles
*
/*************************************************************************/

.blog_container {
	display: flex;
}

.sidebar {
	border-left: 1px solid #CCC;
	padding-left: 15px;
	min-width: 200px;
}

.posts {
	padding-right: 15px;
}

.post {
	width: 100%;
	float: left;
	padding-bottom: 20px;
}

.post-thumbnail img {
	float: left;
	margin-right: 15px;
}

.entry-title, .entry-title-single {
	margin-bottom: 0;
}

.blog-widget li {
	margin-bottom: .4em;
}

.blog-link a{
	text-transform: uppercase;
}

.blog-link:before {
	content: "\f100 ";
	font-family: "font-awesome", sans-serif;
	font-size: 1rem;
	margin-right: 5px;
}

.pagination {
	clear: both;
	margin-bottom: 20px;
}

.pagination a {
	margin-right: 10px;
}

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

	.post {
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}
}

/*************************************************************************
*
* Resource Lists
*
/*************************************************************************/

.resource-list {
	list-style: disc;
	margin-left: 20px;
}

.resource-list li {
	margin-bottom: 10px;
	line-height: 1.3rem;
}


/*************************************************************************
*
* Search 
*
/*************************************************************************/

.search .post {
	float: none;
}

.search p {
	margin-bottom: 0;
}

.search .hentry {
	padding: 10px 0;
	margin: 0;
}

.search h2 {
	margin: 0;
}

/*************************************************************************
*
* Directory Styles
*
/*************************************************************************/

p.member-position,
p.member-email,
p.member-research,
p.member-website  {
	margin: 0;
}

p.member-position {
	font-size: 1.3rem;
}

img.profile {
	float: left;
	margin-right: 20px;
	max-width: 300px;
}

.member-bio {
	margin-top: 20px;
}

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

	img.member-photo {
		float: none;
		display: block;
		margin: auto;
		margin-bottom: 20px;
	}

	p.member-position,
	p.member-email,
	p.member-research,
	p.member-website  {
		text-align: center;
	}
}

/*************************************************************************
*
* USWIM 
*
/*************************************************************************/

ul.uswim {
	list-style: disc;
	margin-left: 40px;
	margin-bottom: 10px;
}

.uswim li {
	margin: 5px;
	line-height: 1.3rem;
}


/*************************************************************************
*
* Member Archive 
*
/*************************************************************************/

.former-member-listing {
	list-style: none;
	margin-left: 30px;
}

.former-member-listing li {
	margin-bottom: 10px;
    font-weight: 700;
    line-height: 1.4rem;
}

.former-member-listing .position {
	
	font-weight: 400;
}


/*************************************************************************
*
* Footer 
*
/*************************************************************************/

.entry-footer {
	display: none;
}

footer {
	background: #677179;
	color: white;
	padding: 20px 0;
	margin-top: 50px;
}

footer label, footer p {
	color: white;
}

footer a:link, 
footer a:visited,
footer .menu a {
	color: #ffbe55;
	font-weight: 700;
}

footer a:hover {
	color: #efd4b6;
}

.search-form {
	margin-bottom: 15px;
}

.widget_text {
	margin-top: 15px;
}

.footer-widgets1 {
	max-width: 60%;
	float: left;
}

.footer-widgets2 {
	max-width: 40%;
	float:right;
	display: flex;
	flex-direction: column;
}

.footer1 {
	width: 100%;
}

.footer1 > div,
.footer2 > div {
	float: none;
	width: auto;
}

.footer1 ul,
.footer2 ul {
	display: block;
}

.footer1 li, 
.footer2 li  {
	margin-bottom: .4rem;
}

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


	.footer-widgets1,
	.footer-widgets2 {
		width: 100%;
		max-width: 100%;
	}
}