@charset "UTF-8";
/* CSS Document */

@media (max-width: 700px) {
	
body.body-mobile { max-width:100%; overflow-x:hidden;}
body.body-mobile *.mc-desktop,.mc-desktop,
body.body-mobile a.sh-main,
body.body-mobile a.sh-donate { display:none; }
.mc-mobile { display:block; }

#nav-toggle { float:right; color:#fff; display:inline-block; font-size:180%;  line-height:40px; height:auto; margin-right:10px; cursor:pointer; }
body.body-mobile div.sh-topbar { position:fixed; top:0px; height:40px; z-index:99999; }
body.body-mobile div.sh-topbar .sh-topwrapper { height:100%; width:100%; }



body.body-mobile div.sh-headbar,
body.body-mobile .sh-mod-banner-wrapper,
body.body-mobile .sh-mod-banner,
body.body-mobile .sh-container,
body.body-mobile iframe { max-width:100%;overflow-x:hidden;}

body.body-mobile .sh-mod-banner-wrapper { display:none;}

body.body-mobile .sh-mod-banner-wrapper,
body.body-mobile .sh-mod-banner { height:150px;}
body.body-mobile .sh-mod-banner { background-size:cover;background-position:center center; width:100%;}


.sh-mod-menu-mob.mc-mobile { max-width:100%; width:100%; max-height:100%; height:300px; position:fixed; top:40px; left:0px; background-color:rgba(50,50,50,0.95); z-index:9999; overflow:scroll; }
body.body-mobile .sh-menu-mob { width:100%; height:auto;  margin:0px; list-style:none; padding:0px; list-style-position:outside; position:relative; display:block;}
body.body-mobile .sh-mc-menu-mob li, body.body-mobile  .mc-menu-mob li ul li { width:auto; text-align:center;   }
body.body-mobile .sh-mod-menu-mob > ul { width:100%; position:relative; }
body.body-mobile .sh-mod-menu-mob ul li { display:block; float:none;  width:100%; height:auto; text-align:center; padding:8px 0px; font-size:16px;}
body.body-mobile .sh-mod-menu-mob ul li ul { display:block; position:relative; margin:8px 0px 0px -4px; list-style:none; padding:0px; list-style-position:outside; border-top:1px solid #666666;}
body.body-mobile .sh-mod-menu-mob > ul > li { border-bottom:1px solid #efefef;}
body.body-mobile .sh-menu-mob li ul li { border-bottom:1px solid #666666;}
body.body-mobile .sh-menu-mob li > ul >  li:last-child { border-bottom:none;}
body.body-mobile .sh-menu-mob > li > a { color:#ffffff;} 
body.body-mobile .sh-menu-mob  li  a,
body.body-mobile .sh-menu-mob ul li ul li a { padding-left:0px} 
body.body-mobile .sh-menu-mob li ul li a { padding:5px 0px;}

body.body-mobile .sh-headbar { height:55px; margin-top:45px; }
body.body-mobile .sh-headbar .sh-mc-logo { width:40%; background-size:auto 50px; background-position:5px 2px; }
body.body-mobile .sh-headbar .sh-site-logo { float:right; width:60%; height:55px; text-align:right;}
body.body-mobile .sh-headbar .sh-site-logo img { width:auto; height:50px; margin:2px 5px 0px 0px } 

body.body-mobile div.sh-col-home-left,
body.body-mobile div.sh-col-home-mid,
body.body-mobile div.sh-col-left,
body.body-mobile div.sh-col-right { max-width:98%; width:98%; padding:0px 1%; }
body.body-mobile .sh-container { font-size:10px; }
body.body-mobile .sh-container h2 { font-size: 11px; }
body.body-mobile .sh-container h3 { font-size:22px; line-height:1.3em;}

body.body-mobile .sh-col-home-left .sh-block-img-wrapper,
body.body-mobile .sh-col-home-left .sh-block-img { max-width:100%; width:100%;  background-size:cover; background-position:center center; background-color:#666666;}

body.body-mobile .sh-col-home-left .sh-block-img .sh-block-overlay ,
body.body-mobile .sh-col-home-left .sh-block-img:hover .sh-block-overlay { width:98%; padding-left:1%; padding-right:1%;}
body.body-mobile .sh-banner-overlay h2, 
body.body-mobile h3.sh-line-1, 
body.body-mobile .sh-banner-overlay h2, 
body.body-mobile h3.sh-line-logo,
body.body-mobile .sh-col-home-left .sh-block-img .sh-block-overlay h3.sh-line-2 { font-size:16px; }

body.body-mobile .sh-col-home-left .sh-block-img .sh-block-overlay h3.sh-line-1 { font-size:22px; line-height:33px; }

body.body-mobile div.sh-col-right>form#signup>table>tbody>tr>td>input,
body.body-mobile div.sh-col-right>form#signup>table { width:99%;}
body.body-mobile div.sh-col-right>form#signup>table>tbody>tr>td { text-align:center;}
body.body-mobile div.sh-col-right>form#signup>table>tbody>tr>td>input { padding:6px 0px;}
body.body-mobile  form#signup>input[type='submit'] { width:100%; padding:8px 0px;  font-size:18px; background-color:#666666; color:#ffffff; border-radius:10px; border:none;}

body.body-mobile .sh-mod-resources,
body.body-mobile .sh-mod-resources .wrapper-resource,
body.body-mobile .sh-mod-resources .wrapper-resource .inner,
body.body-mobile .sh-mod-resources .slide-resource { width:auto;}

body.body-mobile  .sh-mod-resources .slide-resource .slide-type { width: 110px;} 
body.body-mobile  .sh-mod-resources .slide-resource .slide-date { float:right;  width: 110px;} 

/* General content */

body.body-mobile div.sh-content img { max-width:100%; height:auto;}

body.body-mobile a.sh-morelink { margin-top:-2px;}
body.body-mobile .sh-videoSingle,
body.body-mobile .sh-videoImg { width:100%; height:auto;}
body.body-mobile .sh-videoSingle img {box-shadow: #000 0 0 0; width:100%; height:auto;}
body.body-mobile .sh-videoPage .sh-video-frame-youtube,
body.body-mobile .sh-videoPage .sh-video-frame-vimeo { width:100%; height:200px; margin:16px 0px }

body.body-mobile h2.contentToggle i.fa,body.body-mobile span.contentToggle i.fa,body.body-mobile p.contentToggle i.fa { margin-left:2em; float:right; font-size:16px;}

}

@media (max-width: 360px) {
	body.body-mobile .sh-headbar { height:45px;  }
body.body-mobile .sh-headbar .sh-mc-logo { width:30%; background-size:auto 45px; background-position:5px 2px; }
body.body-mobile .sh-headbar .sh-site-logo { float:right; width:70%; height:45px; text-align:right;}
body.body-mobile .sh-headbar .sh-site-logo img { width:auto; height:45px; margin:0px 5px 0px 0px } 

}