/*

Theme Name: Twenty Sixteen Mobile

Theme URI: http://wordpress.org/themes/twentysixteen

Author: Vancouver Web Dev - child theme dev

Author URI: http://vancouverwebdev.com

Template: twentysixteen

Version: 1.3

*/

@import url("style.css");

/* =Theme customization starts here

-------------------------------------------------------------- */

@media all and (max-width:1300px) {
.home-slider .lSSlideWrapper .lSAction {
display:block !important;
}
}
@media all and (max-width:1220px) {
.bio {
width:24%;
}
}
@media all and (max-width:1200px) {
.site-header-main .site-header-menu {
right:20px;
}
.site .site-header {
padding:0 0 20px 0;
}
.social {
right:5px;
}
.social .widget .textwidget a {
margin-right:15px;
}
}
@media all and (max-width:1150px) {
.site .main-navigation li > a {
margin:0 5px;
}
}
@media all and (max-width:1090px) {
.page-template-staff-page .entry-content .bio {
width:48%;
}
}
@media all and (max-width:1081px) {
.page-template-reports-page .report {
width:48%;
}
.page-template-reports-page .report-right {
padding-right:20%;
}
}
@media all and (max-width:1045px) {
.page-template-programs-page .program-item,
.program-item {
width:60%;
}
.page-template-programs-page .programs-image {
width:40%;
}

.program-title {
font-size:18px;
line-height:29px;
padding-left: 20px;
}

}
@media all and (max-width:1028px) {
.banner-text h1 {
font-size:28px;
}
.banner-text p {
font-size:15px;
}
.report-left {
width:15%;
margin-top:20px;
}
.page-template-newsletters-page .report-right {
vertical-align:top;
width:80%;
}
.page-template-newsletters-page .program-right .inner {
padding-left:10px;
padding-right:10px;
}
}
@media all and (max-width:996px) {
.site .main-navigation li > a, .site .main-navigation li.sub-menu li > a {

}

}
@media all and (max-width:983px) {

.home #lightSlider1 {
display:block;
}
.impact-content .impact-item {
display:none;
}
.impact {
background-image:none;
}
.impact-content {
padding:60px 0 0 0;
}
.impact-content h2.service-title {
margin-bottom:0;
padding-left:30px;
padding-bottom:30px;
}
.impact.mobile .impact-item {
width:100%;
}
.impact.mobile {
padding-bottom:50px;
background-image: url('images/WISH-Transparent-Logo.png');
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 40%;
}
.award .page-left {
display:none;
}
.award .page-right {
width:100%;
}
.about-top .first-third,
.about-top .second-third,
.about-top .third-third {
width:32%;
}

.slider-text p {
font-size:22px;
line-height:38px;
}
}
@media all and (max-width:945px) {
.program-left, .program-right {
width:100%;
margin:0;
padding:20px;
}
.program-icon, .single-program .site-main h3 {
padding-left:20px;
}
.bio {
width:32%;
margin-right:0;
}
.faqquestion {
font-size:18px;
line-height:27px;
background-size:20px 13px;
}
.faqquestion.expanded {
background-size:20px 13px;
}
.footer-donate .innerfoot {
padding-bottom:40px;
}
}
@media all and (max-width:909px) {
.site .site-header {
padding:0 0 20px 0;
}
.site .site-branding {
width:40%;
}
.site .site-branding img {
max-width:250px;
}
.site-header-main {
padding:0;
}
.menu-toggle {
position:absolute;
top:10px;
right:20px;
}
.menu-toggle:hover {
border-color:#C83586;
color:#C83586;
}
.dropdown-toggle:hover {
color:#C83586;
}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
background-color:#C83586;
border-color:#C83586;
}
.site-header-menu.toggled-on {
position:absolute;
top:60px;
right:90px;
}
.site-header-menu.toggled-on li {
/* min-width:305px; */
width:100%;
text-align:left;
padding:15px 0 10px 5px;
}
.site-header-menu.toggled-on li a {
font-size:18px;
}
.site-header-menu.toggled-on li ul.sub-menu li a {
font-size:16px;
}
.main-navigation ul.primary-menu button.dropdown-toggle {
display:block;
}
.main-navigation ul.primary-menu ul.sub-menu button.dropdown-toggle {
display:none;
}
.site-header-menu.toggled-on li:hover ul.sub-menu {
display:none;
}

.site-header-menu.toggled-on .primary-menu li ul.sub-menu.toggled-on,
.site-header-menu.toggled-on li:hover ul.sub-menu.toggled-on, 
.site-header-menu.toggled-on button.dropdown-toggle.toggled-on ul.sub-menu.toggled-on,
.site-header-menu.toggled-on button.dropdown-toggle.toggled-on ul.sub-menu.toggled-on ul.sub-menu.toggled-on {
/* max-width:300px; */
text-align:left;
padding:0 0 0 15px;
display:block;
margin-left:0;
}
.site-header-menu.toggled-on button.dropdown-toggle.toggled-on ul.sub-menu.toggled-on li {
/* max-width:300px; */
width:100%;
text-align:left;
padding:10px 0;
margin-right:0;
margin-left:0;
}
.site-header-menu.toggled-on li::after {
display:none;
}
/** Full width mobile menu **/

.main-navigation {
display:block;
width:100%;
margin:0;
padding-left:0px;
padding-right:0px;
background:#fff;
}
.menu-main-nav-container {
padding-top:75px;
}
.site-header-menu.toggled-on {
width:100%;
right:0;
top:120px;
}
.main-navigation .social.mobile {
width:100%;
padding-left:20px;
padding-right:20px;
}
.main-navigation li ul.sub-menu li,
.site .main-navigation ul.sub-menu li ul.sub-menu,
.site .main-navigation ul.sub-menu li ul.sub-menu li {
min-width:80%;
width:80%;
}

.footer-content #text-4, 
.footer-content #text-5 {
width:50%;
}
.footer-content #text-6 {
width:100%;
}
.footer-donate #text-2 {
width:100%;
clear:both;
margin-bottom:0;
}
.footer-donate #text-3 {
width:100%;
clear:both;
}
.social {
display:none;
}
.social.mobile {
display: inline-block;
text-align: left;
background: #fff;
z-index: 999;
margin-top: -1px;
width: 92%;
margin-bottom: 0;
left: 0px;
}
.social.mobile .widget {
margin-bottom:20px;
padding-top:10px;
border-top:1px solid #D1D1D1;
text-align:center;
}
.social.mobile p {
margin-left: 10px;
}
.entry-content {
margin:0;
}
.page-id-402 .site #primary.content-area, .page-template-programs-page #primary.content-area {
padding-right:30px;
}
.entry-header {
margin-left:0;
margin-right:0;
}
.home .notice p {
padding:0 10%;
}
.tile {
width:49.5%;
min-height:450px;
}
}
@media all and (max-width:900px) {
.about-top {
display:none;
}
.about-bottom {
margin-top:0;
}
.about-bottom-left {
width:100%;
}
.about-bottom-side {
display:none;
}

}
@media all and (max-width:852px) {
.page-banner,
.home #lightSlider {
/* display:none; */
}
.home-slider .lSSlideWrapper .lSAction > a {
top:40%;
}
.slider-text {
max-width:100%; 
width:100%;
top:unset;
position:relative;
left:0;
transform:unset;
text-align:center;
}
.slider-text p {
width:80%;
margin:15px auto 0 auto;
padding-bottom:15px;
}
.slide-banner img {
width:100%;
margin:0;
}
.page-banner {
display:none;
}
.mobile-banner {
display:block;
}
.mobile-banner-text {
width:100%;
background:#C83586;
color:#fff;
display:block;
min-height:150px;
padding-top:30px;
padding-left:30px;
margin-bottom:40px;
} /* 
.home .mobile-banner-text p {
font-size:24px;
line-height:38px;
margin-bottom:0;
padding-bottom:20px;
color:#fff;
padding-right:30px;
}
.home .mobile-banner-text {
margin-bottom:0;
} */
.donate-item {
width:100%;
}
.page-template-staff-page .entry-content .bio.dir {
width:100%;
min-height:0;
margin-bottom:40px;
}
.page-template-staff-page .entry-content .bio.dir:nth-child(3) {
margin-bottom:20px;
}
}
@media all and (max-width:800px) {
.bio {
min-height:320px;
}
}
@media all and (max-width:768px) {
.banner-text p {
display:none;
}
.page-left {
width:100%;
display:block;
margin-bottom:40px;
}
.page-right {
width:100%;
margin-left:0;
display:block;
vertical-align:top;
}
.page-template-programs-page .program-item.desktop,
.home .program-item.desktop {
display:none;
}
.page-template-programs-page .program-item.mobile,
.home .program-item.mobile {
display:block;
}
.page-template-programs-page .program-item,
.home .program-item {
position:relative;
width:100%;
clear:both;
background-image:url('images/chevron-right-pink.png');
background-position:100% 40%;
background-repeat:no-repeat;
border-bottom:2px solid #F4F4F5;
}
.page-template-programs-page .programs-image,
.home .programs-image {
display:none;
}
.page-template-programs-page .program-item,
.home .program-item {
margin-bottom:0px;
padding-bottom:10px;
}
.program-item.mobile:hover {
background-color:#F4F4F5;
}
.page-template-programs-page .program-title,
.home .program-title {
font-size:18px;
line-height:29px;
width:70%;
display:inline-block;
}
.service-list {
padding-right:30px;
}
.page-template-staff-page .entry-content .bio {
width:100%;
min-height:0;
margin-bottom:40px;
}
}
@media all and (max-width:730px) {
.bio {
width:49%;
margin-right:0;
}
}
@media all and (max-width:709px) {
.menu-toggle {
top:12px;
font-size:16px;
}
}
@media all and (max-width:660px) {
.main-navigation {
width:100%;
margin-right:0;
}
.site-header-menu.toggled-on {
top:80px;
right:0px;
width:100%;
}
.social.mobile {
width:100%;
}
.page-template-reports-page .report {
width:100%;
}
.page-template-reports-page .report .report-right {
padding-right:0;
}
.entry-content .report-right h4 {
padding-top:25px;
}
.home .notice p {
padding:0 5%;
}
.tile {
width:100%;
min-height:0;
}
.site-branding {
width:50%;
}
.site-branding img {
width:100%;
}
}
@media all and (max-width:606px) {
.footer-content #text-4, .footer-content #text-5 {
width:100%;
margin-bottom:30px;
}
.home-services-button span.pinkbutton {
font-size:14px;
line-height:60px;
}

}
@media all and (max-width:460px) {
.menu-toggle {
top:10px;
}
.social.mobile {
width:100%;
}
.social {
margin-top:15px;
}
.site-header-menu.toggled-on {
top:68px;
}
.social-footer a.donate {
margin-top:30px;
}
.page-template-staff-page .entry-content .bio.dir,
.page-template-staff-page .entry-content .bio {
padding-right:0;
padding-left:0;
}
.page-template-staff-page #primary.content-area {
padding:20px;
}
}