/* CSS Document */
/*
 Theme Name:   U.M. Military Support Theme
 Theme URI:    https://catchthemes.com/themes/catch-responsive
 Description:  This theme was developed for the University of Michigan and may only be used by authorized University of Michigan Military Support programs.
 Author:       Anthony Provenzola
 Author URI:   http://provconsulting.com
 Template:     catch-responsive
 Version:      1.0.0
 License: GNU General Public License, version 3 (GPLv3)
 License URI: http://www.gnu.org/licenses/gpl-3.0.txt
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  catch-responsive
*/
div#bsm-thumbnails-wrapper, #bsm-toolbar {
display:none !important;
}


/* Top Level */
h5 {
font-size:13px;	
}
h6 {
font-size:10px;	
}

section#featured-content {
padding-top:800px;	
}

.button,section#featured-content h1 a {
display:block;
border:2px solid #00274c;
background-color:#00274c;
color:#fff !important;
margin:12px 0px;
text-decoration:none !important;
padding:12px 15px;
transition:.3s ease;
font-size:16px;
text-align:center;
-webkit-transition:.3s ease;
}
.button:hover,section#featured-content h1 a:hover {
color:#00274c !important;
background-color:#fff;
transition:.3s ease;
-webkit-transition:.3s ease;
}

.button-green {
display:block;
border:2px solid #5E843A;
background-color:#5E843A;
color:#fff !important;
margin:12px 0px;
font-size:16px;
text-decoration:none !important;
padding:12px 15px;
transition:.3s ease;
text-align:center;
-webkit-transition:.3s ease;
}
.button-green:hover {
color:#5E843A !important;
background-color:#fff;
transition:.3s ease;
-webkit-transition:.3s ease;
}
/*
a.more-link {
display:block;
padding:12px 0px;
margin:10px 0px;
background-position:80% center;
background-size:50px;
background-repeat:no-repeat;
background-image:url('https://m-span.org/wp-content/themes/catch-responsive-child/arrow-1.png');
background-color:transparent;
color:#00274c !important;
border:none;
border-top:2px solid #e6e6e6;
text-align:center;
transition:.3s ease;
-webkit-transition:.3s ease;
text-decoration:none;
max-width:400px;
}

a.more-link:hover {
background-position:90% center;
background-color:#e6e6e6;
transition:.3s ease;
-webkit-transition:.3s ease;
}
*/

a.more-link {
font-weight:bold;
color:#537e25;	
}

.teaser {
	display:block;
	height:0px;
	width:0px;
	overflow:hidden;
	opacity:0;
	font-size:1px;
}



#mobile-header-left-menu {
  margin: 20px 0px 0px 20px;
}

.transition {
  transition: .3s ease;
  -moz-transition: .3s ease;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  -ms-transition: .3s ease;
}

#wpadminbar {
  background-color: #00274c !important;
  border-bottom: 2px solid #00274c;
  float: left;
}

li#wp-admin-bar-wp-logo {
  display: none !important;
}

div#site-generator {
  display: none;
}

 {
  background-color: #fff !important;
}

.site {
  width: 100% !important;
}

.site-content {
  margin-top: 170px;
}

.sidebar-header-right,
.sidebar-header-right .widget-wrap {
  display: none;
}

.no-margin-top {
  margin-top: -150px !important;
}


/* Header */

#masthead {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 125px;
  background-color: #fff !important;
  z-index: 3000;
  width: 100%;
  border-bottom: 3px solid #00274c;
}

header#masthead div.wrapper {
  background-color: #fff !important;
  margin-top: 0px !important;
}

nav div.wrapper {
  background-color: transparent !important;
  margin-top: 0px !important;
}

div#social-media-buttons {
  top: 133px;
  position: fixed;
  z-index: 3010;
  right: 180px;
  left: auto;
  width: 80px;
  height: 50px;
}

div#social-media-buttons a {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  margin: 0px 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

a#facebook {
  background-image: url('https://m-span.org/wp-content/themes/catch-responsive-child/header/facebook-white.png');
}

a#linkedin {
  background-image: url('https://m-span.org/wp-content/themes/catch-responsive-child/header/linkedin-white.png');
}

a#facebook:hover {
  background-image: url('https://m-span.org/wp-content/themes/catch-responsive-child/header/facebook-m.png');
}

a#linkedin:hover {
  background-image: url('https://m-span.org/wp-content/themes/catch-responsive-child/header/linkedin-m.png');
}

div#donate-now {
  top: 135px;
  position: fixed;
  z-index: 3010;
  right: 70px;
  left: auto;
}

div#donate-now a {
  background-color: transparent;
  color: #ffcb05 !important;
  border: none;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  padding: 10px;
  float:right;
  margin-top:-10px;
}

div#donate-now a:hover {
  background-color: #fff;
  color: #00274c !important;
}

div#um-logo {
  position: fixed;
  top: 35px;
  right: 35px;
  display: block;
  height: 90px;
  width: 90px;
  background-image: url('https://m-span.org/wp-content/themes/catch-responsive-child/header/umdc-logo.png');
  background-position: top;
  background-size: 86%;
  background-repeat: no-repeat;
  z-index: 3001;
}

div#mspan-logo {
  position: fixed;
  top: 35px;
  right: 135px;
  display: block;
  height: 80px;
  width: 160px;
  background-image: url('https://m-span.org/wp-content/uploads/2017/02/m-span.jpg');
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3001;
}

div#site-logo a img {
  width: 250px;
}


/* Nav */

.nav-primary,
.nav-footer {
  background-color: #00274c;
  position: fixed !important;
  width: 100%;
  top: 125px;
  left: 0px;
  z-index: 3001;
}

.nav-primary ul li ul li a:hover {
  background-color: #00274c !important;
  color: #fff !important;
}

.sidr {
  background-color: #00274c !important;
  box-shadow: none !important;
}

.sidr ul li {
  border-bottom: none;
    box-shadow: none !important;
  border-top: 1px dashed #fff;
  color:#fff !important;
  font-weight:bold !important;
}

.sidr a, .sidr span {
  border-bottom: none;
    box-shadow: none !important;
  color:#fff !important;
  font-weight:bold !important;
}


a#scrollup {
  background-color: #ffcb05;
  color: #00274c;
}


footer a {
color:#ffcb05;
font-weight:bold;
}

footer a:hover {
color:#ffe605;
text-decoration:none;
}



/* Featured Content */

#featured-content {
  margin-top: 110px;
}

section#featured-content article figure a img {
  width: auto;
  height: 150px;
  max-height: 150px;
}

section#featured-content div.wrapper {
  padding-top: 35px;
  margin-top: 0px !important;
}

div.wrapper {
  background-color: #fff;
  margin-top: 0px !important;
}

img.pngfix.wp-post-image {
width:100% !Important;
height:auto !Important;
max-height:1000px !Important;
}

/* Homepage Asides */

section#featured-content div.featured-content-wrap {
  text-align: center;
  vertical-align: top;
}

section#featured-content div.featured-content-wrap article {
  vertical-align: top !important;
}

#featured-content .hentry {
  display: inline-block;
  float: none;
}

#featured-content .entry-container {
  text-align: left;
}


/* Featured Images */

.excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image {
  max-width: 400px;
  max-height: 200px;
  overflow: hidden;
}

figure.featured-image a img {
  width: 300px;
}


/* Partner Campuses */

aside.thirds {
  display: block;
  width: 30%;
  padding: 10px;
  float: left;
}

aside.thirds ul {
  list-style-type: none;
  list-style: none;
}

div#below-map {
  margin-top: -100px !important;
  padding-top: 0px !important;
}


/* BSM Slider */

#bsm-bg {
position: absolute;
z-index: 200 !important;
overflow: hidden;
width: 100%;
border-bottom: 2px solid #00274c;
height: 650px;
top: 50px;
}

#bsm-bgimg {
display:block !important;
position:absolute !important;
left:0px !important;
top:80px !important;
width:100%;
margin:0px !important;
}

div#bsm-cap {
z-index: 999999 !important;
display: block;
width: 100%;
background-color: rgba(58,95,11,.7);
height: 200px;
position: absolute;
right: auto;
bottom: -75px;
left: 0px;
color: #fff;
padding: 50px;
font-weight: bold;
font-size: 20px;
text-align: center;
transition:.3s ease;
-webkit-transition:.3s ease;
-ms-transition:.3s ease;
-moz-transition:.3s ease;
}
div#bsm-cap:hover {
padding-top:200px;
height:630px;
background-color: rgba(0,0,0,.7) !important;
}

div#bsm-cap:hover a.bsm-a {
margin:20px auto;
}

a.bsm-a {
display:block;
border:2px solid #fff;
background-color:#fff;
color:#00274c;
display:block;	
padding:10px;
margin:5000px auto 20px auto;
width:300px;
text-decoration:none;
transition:.5s ease;
text-align:center;
-webkit-transition:.5s ease;
}
a.bsm-a:hover {
color:#fff;
background-color:transparent;
}


/* Slider */

div#custom-slider {
  width: 100%;
  height: 550px;
  max-height: 650px;
  border-bottom: 3px solid #6e8553;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('https://m-span.org/wp-content/themes/catch-responsive-child/slider-images/slider11.jpg');
  backgroung-color: #00274c;
}

div#custom-slider p {
  display: block;
  padding: 250px 200px 50px 200px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(0, 0, 0, .25);
  color: #fff;
  text-shadow: 2px 2px 0px #000, 0px 0px 4px #000;
  font-weight: bold;
  font-size: 34px;
}

#feature-slider {
  max-height: 600px;
  padding-bottom: 0px;
  border-bottom: 4px solid #00274c;
  margin-top: 135px;
}

#feature-slider .cycle-slideshow {
  max-width: 100%;
  overflow: hidden;
}

#feature-slider .cycle-slideshow img {
  width: 70%;
  float: left;
  height: auto;
}

#feature-slider .cycle-pager {
  padding: 35px;
  background-color: transparent;
  top: 300px;
  bottom: auto;
  right: 0px;
  left: auto;
  width: 35%;
}

#feature-slider .entry-container {
  background-color: #ffcb05;
  color: #00274c;
  width: 35%;
  display: block;
  bottom: auto;
  left: auto;
  right: 0px;
  padding: 50px;
  top: 0%;
  height: 100%;
  text-align: left;
}

#feature-slider .entry-container,
#feature-slider .entry-title,
#feature-slider .entry-title a {
  color: inherit;
}

#featured-content div article div header h1.entry-title {
  text-align: center !important;
}

div.cycle-prev {
  display: none !important;
}

div.cycle-next {
  display: none !important;
}


/* Page Content */

.no-sidebar.content-width #main {
/* min-height: 800px; */
}

#main {
  width: 100%;
}

.no-sidebar.content-width #main {
  width: 100%;
}

article#post-54 div.entry-container header.entry-header {
  display: none !important;
}

.fl-row-fixed-width {
  max-width: 98%;
}

textarea#message {
  height: 200px;
}
/*
span.byline {
  display: none !important;
}

.single .byline,
.group-blog .byline {
  display: none !important;
}
*/
div.nav-links {
  display: none !important;
}


/* Footer */

footer.site-footer {
  background-color: #00274c;
  color: #fff;
  text-align: center;
}

footer div.wrapper {
  margin-top: 0px !important;
  background-color: #00274c !important;
}

/* Active Slider */
.metaslider .caption-wrap {
   position: absolute;
   top: 0;
   left: 0;
   color: white;
   opacity: 1;
   margin: 0;
   background-color:transparent !important;
   display: block;
   width: 100%;
   height: 1500px;
   font-size: 32px;
   padding: 100px 10%;
   text-align: center;
   font-weight: bold;
   opacity:1 !important;
   text-shadow:2px 2px 3px #000;
}

div.caption {
background-color:#00274c;
position:absolute;
top:0px;
right:0px;
width:35%;
padding:50px 10px !important;
height:200%;
font-size:18px;
transition:.3s ease;
-webkit-transition:.3s ease;
}

ul.slides li.ms-image {
overflow:hidden;
min-height:400px !important;
max-height:400px !important;
}

ul.slides li.ms-image img {
width:80% !important;
margin-left:-10% !important;
min-width:80% !important;
max-width:80% !important;
height:auto !important;
max-height:auto !important;
}

div.metaslider {
position:absolute !important;
top:170px !important;
left:0px !important;
}

/* Header */

#site-branding {
height:100px;
display:block;
width:100%;
overflow:hidden;
padding:0px 0px 20px 0px !important;
margin:0px;
}
#site-logo a img {
max-height:95px !important;
width:auto !important;
}

/* Collapseomatic */
.collapseomatic {
background-image: none !important;
background-size:contain;
background-position:right;
font-family: 'Work Sans', sans-serif;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
padding: 20px;
background-position: 100% -20%;
border:2px solid #00274c;
background-color:#00274c;
color:#fff;
display:inline-block;
margin:15px 0px;
transition:.3s ease;
-webkit-transition:.3s ease;
-ms-transition:.3s ease;
-moz-transition:.3s ease;
}
.collapseomatic:hover {
color:#00274c;
background-color:#fff;
text-decoration:none;
transition:.3s ease;
-webkit-transition:.3s ease;
-ms-transition:.3s ease;
-moz-transition:.3s ease;
}
.colomat-close {
    background-image: none !important;
background-size:contain !important;
background-position:right !important;
font-family: 'Work Sans', sans-serif;
font-size:22px;
font-weight:bold;
text-transform:uppercase;
padding: 20px;
background-position: 100% -20%;
color:#ffcb05;
}
.colomat-close:hover {
color:#ffcb05;
text-decoration:none;
}
.colomat-visited {
    color: #fff;
}


/* Custom asides */

section#featured-content {
margin-top:-350px !important;
border:none !important;
}

div.custom-aside-wrap {
width:100%;
padding:50px 0px;
margin-top:400px;
overflow:hidden;
text-align:center;	
vertical-align:top;
}
div.custom-aside-wrap aside {
display:inline-block;
margin:10px 25px;
padding:10px;
width:250px;
height:400px;	
vertical-align:top;
position:relative;
}
div.custom-aside-wrap aside img {
width:100%;	
}
div.custom-aside-wrap aside p {
text-align:left;
}

/* News Items */
.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container {
	display:inline-block !important;
	float:none !important;
	width:71% !important;
	margin-left:25px !important;
}







/* Responsive */

@media screen and (max-width:1400px) {
  div#custom-slider p {
    padding: 100px 70px;
  }
}

@media screen and (max-width:1200px) {
  div#social-media-buttons {
    right: 160px;
  }
}

@media screen and (max-width:990px) {
  /* Slider
#bsm-bgimg {
display:block !important;
position:absolute !important;
width:auto;
min-width:100% !important;
min-height:100% !important;
margin:0px !important;
} */


div#custom-menu-items-wrapper {
	top: 100px;
    position: fixed;
    z-index: 3010;
    right: auto;
    width: 100%;
    left: 0px;
    height: 60px;
    background-color: #00274c;
}
div#social-media-buttons {
	top:115px;
}

div#donate-now {
	top:115px;
}

div#bsm-cap {
bottom: -20px;
font-size:15px;
}

#bsm-bg {
height: 550px;
}



.site-content {
  margin-top: 125px;
}  
  #feature-slider {
    padding-bottom: 0px;
    border-top: 4px solid #00274c;
    border-bottom: 4px solid #00274c;
  }
  #feature-slider .cycle-slideshow img {
    width: 100%;
  }
  #feature-slider .entry-container {
    width: 94%;
    display: block;
    bottom: 0px;
    left: 0px;
    right: auto;
    padding: 20px 3%;
    top: auto;
    height: 100px;
  }
  #featured-content {
    margin-top: 90px;
  }
  div#custom-slider p {
    padding: 80px 50px;
    font-size: 18px;
  }
  .featured-content-wrap article {
    display: block !important;
    width: 100% !important;
    float: left !important;
  }
  .featured-content-wrap article figure a img {
    width: auto;
    max-height: 200px !important;
  }

  div#um-logo{
    position: fixed;
    top: 25px;
    right: 25px;
    height: 70px;
    width: 70px;
  }
  div#mspan-logo {
    position: fixed;
    top: 25px;
    right: 125px;
    height: 70px;
  }
  div#site-logo {
    float: left;
    margin-left: 50px;
  }

  a#facebook {
    background-image: url('https://m-span.org/wp-content/themes/catch-responsive-child/header/facebook-m.png');
  }
  a#linkedin {
    background-image: url('https://m-span.org/wp-content/themes/catch-responsive-child/header/linkedin-m.png');
  }
div.metaslider {
top:120px !important;
}
.metaslider .caption-wrap {
font-size:23px;
padding:50px 0px !important;
}  

div.caption {
position:absolute;
top:150px;
width:100%;
margin-top:20px;
padding:30px !important;
font-size:16px;
}
ul.slides li.ms-image {
min-height:300px !important;
position:relative;
}
ul.slides li.ms-image img {
min-height:300px;
min-width:100%;
width:auto;
}
  div#site-logo {
    float: none;
    max-width: 140px;
    position: absolute;
    top: 15px;
    right: 20px;
  }

div#umich-branding {
display:none !important;	
}
    h1.entry-title {
    padding: 60px 10px 15px 10px;
  }
}

@media screen and (max-width:900px) {
  /* Partner Campuses */
  aside.thirds {
    display: block;
    width: 98%;
    padding: 10px;
    float: none;
  }
  .fl-module-content {
    margin: 0px !important;
  }
  .genericon-menu,
  #promotion-message .section,
  #content .wrapper,
  .hentry,
  .no-results,
  .not-found,
  .sidebar,
  #comments,
  #nav-below,
  #infinite-handle,
  #supplementary .widget,
  #site-generator {
    padding: 0px;
  }
  .no-sidebar.content-width #main {
    width: 100% !important;
  }

  div.entry-content p {
    padding: 10px;
  }
 #site-logo a img {
	max-height:80px !important;
}

.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container {
	width:95% !important;
	margin-left:20px !important;
}
h1.entry-title {
	 !important;
}
figure.featured-image {
display:none !important;	
}
section#featured-content {
margin-top:-280px !important;
}
}

@media screen and (max-width:700px) {
  
div#custom-menu-items-wrapper {
    position: absolute;
}

div#social-media-buttons {
position:absolute;
top:15px;
right:20px !important;
}

div#donate-now {
    position: absolute;
    top: 17px;
    right: auto;
    left: 10px;
}

#donate-now a {
float:left !important;	
}
  
  #masthead {
    position: absolute
  }
  #featured-content {
    margin-top: 70px;
  }
  section#featured-content article figure a img {
    width: 90% !important;
    height: auto !important;
    max-height: 1000px !important;
  }
  div#um-logo{
    position: absolute;
    top: 15px;
    right: 15px;
    height: 50px;
    width: 50px;
  }
  div#mspan-logo {
    display: none;
  }
  div#custom-slider {
    height: 500px;
    max-height: 500px;
  }
  div#custom-slider p {
    padding: 40px 30px !important;
    font-size: 15px !important;
  }

a.more-link {
margin:10px auto;
}


#bsm-bg {
height:450px !important;	
}

#bsm-bgimg {
left:0px !important;
top:75px !important;
width:100% !important;
min-height:0px !important;
}
div#bsm-cap {
padding:35px;
background-color: rgba(58,95,11,1);\
bottom: -60px;
}
div#bsm-cap:hover {
background-color: rgba(58,95,11,1) !important;
padding-top:50px;
height:200px;
}

section#featured-content {
margin-top:-425px !important;
padding-bottom: 50px;
}

}

@media screen and (max-width:500px) {
  div#um-logo {
    height: 40px;
    width: 40px;
  }

  div.caption {
font-size:13px;
}
header#masthead div.wrapper {
  background-color: transparent !important;
}
div#bsm-cap {
bottom: -60px;
font-size:12px;
}
}