/*
*
*    Use sass file !!!!!
*
*/
/* offcanvas breakpoint*/
/* line 27, ../scss/responsive.scss */
.toggle-topbar {
  display: none;
}

@media only screen and (max-width: 900px) {
  /* line 31, ../scss/responsive.scss */
  #nav-main {
    display: none;
  }

  /* line 34, ../scss/responsive.scss */
  .toggle-topbar {
    display: flex;
  
}
@media only screen and (max-width: 600px) and (orientation: portrait) {

  #logo {
    padding-bottom: 0;
  }
  /* line 44, ../scss/responsive.scss */
  .small-mt0,
  .mob-mt0 {
    margin-top: 0px !important;
  }

  /* line 44, ../scss/responsive.scss */
  .small-mt5,
  .mob-mt5 {
    margin-top: 5px !important;
  }

  /* line 44, ../scss/responsive.scss */
  .small-mt10,
  .mob-mt10 {
    margin-top: 10px !important;
  }

  /* line 44, ../scss/responsive.scss */
  .small-mt15,
  .mob-mt15 {
    margin-top: 15px !important;
  }

  /* line 44, ../scss/responsive.scss */
  .small-mt20,
  .mob-mt20 {
    margin-top: 20px !important;
  }

  /* line 44, ../scss/responsive.scss */
  .small-mt30,
  .mob-mt30 {
    margin-top: 30px !important;
  }

  /* line 44, ../scss/responsive.scss */
  .small-mt40,
  .mob-mt40 {
    margin-top: 40px !important;
  }

  /* line 44, ../scss/responsive.scss */
  .small-mt50,
  .mob-mt50 {
    margin-top: 50px !important;
  }

  /* line 52, ../scss/responsive.scss */
  .page-template-give-php #section-1 .num {
    padding-top: 35px;
  }

  /* line 57, ../scss/responsive.scss */
  li.pub,
  ul.posts li {
    padding-top: 50px;
  }
  /* line 61, ../scss/responsive.scss */
  li.pub:first-child,
  ul.posts li:first-child {
    padding-top: 15px;
  }

  /* line 67, ../scss/responsive.scss */
  .page-template-news-media-php .tweet-cont {
    background-position: 10px 0;
  }

  /* line 71, ../scss/responsive.scss */
  dl.qa dt {
    line-height: 35px;
  }

  /* line 75, ../scss/responsive.scss */
  li.post.collapse .wp-post-image {
    padding-left: 0;
  }

  /*
  	.page-template-page-translate-php .tabs,
  	.page-template-news-php .tabs {
  		float:none !important;
  		border:none;
  
  		dd {
  		float:none !important;
  		
  		}
  	}
  */
  /* line 95, ../scss/responsive.scss */
  .page-template-news-media-php .tabs dd {
    margin: 10px !important;
  }
  /* line 97, ../scss/responsive.scss */
  .page-template-news-media-php .tabs dd.active a {
    background: #ec525c !important;
    color: white !important;
  }
  /* line 103, ../scss/responsive.scss */
  .page-template-news-media-php .tabs a {
    text-align: center;
    display: block;
    background: white !important;
    font-weight: bold;
    padding: 5px;
  }
  /* line 110, ../scss/responsive.scss */
  .page-template-news-media-php .tabs a:hover {
    background: #ec525c !important;
    color: white !important;
  }

  /* line 121, ../scss/responsive.scss */
  .page-template-news-php .tabs dd,
  .page-template-page-translate-php .tabs dd,
  .page-template-news-media-php .tabs dd {
    margin-bottom: 10px !important;
  }

  /* line 126, ../scss/responsive.scss */
  h5.section-header {
    margin: 25px 0;
  }

  /* line 131, ../scss/responsive.scss */
  #logo-cont {
    width: 50%;
  }

 
  /* line 142, ../scss/responsive.scss */
  .nav-top div > ul, .nav-top div > ul > li, .nav-top div > ul > li > a {
    float: right !important;
    margin-right: 0 !important;
  }
  /* line 147, ../scss/responsive.scss */
  .nav-top div .nav-help {
    margin-bottom: 8px !important;
    margin-left: 8px;
  }

  /* line 154, ../scss/responsive.scss */
  .sf-menu2 ul {
    left: -130px;
  }

  /* line 158, ../scss/responsive.scss */
  .sf-menu2 > li > a.button {
    padding: 7px 9px 4px !important;
    font-size: 20px;
  }

  /* line 163, ../scss/responsive.scss */
  .toggle-topbar {
    margin-top: 10px;
  }
}
/* Define mobile styles */
@media only screen and (max-width: 600px) {

  .toggle-topbar {
    margin-right: 10px;
    margin-top: -10px;
  }
  /* Landscape */
  /* line 180, ../scss/responsive.scss */
  #header .nav-search,
  #header .social {
    display: none;
  }
}
@media only screen and (min-width: 641px) and (max-width: 900px) {
  /* line 194, ../scss/responsive.scss */
  .page-template-home-page-php .slick-slide h4 {
    font-size: 23px;
    line-height: 27px;
  }
  /* line 198, ../scss/responsive.scss */
  .page-template-home-page-php .slick-slide h5 {
    font-size: 22px;
    line-height: 27px;
  }
  /* line 202, ../scss/responsive.scss */
  .page-template-home-page-php .slick-slide h6 {
    font-size: 20px;
    line-height: 1.2;
    padding: 0 10% 5px 0;
  }
  /* line 208, ../scss/responsive.scss */
  .page-template-home-page-php .slick-slide.slide-1 h5 {
    font-size: 24px;
    line-height: 1.2;
  }
  /* line 212, ../scss/responsive.scss */
  .page-template-home-page-php .slick-slide.slide-1 a {
    margin-top: 12px;
  }
  /* line 217, ../scss/responsive.scss */
  .page-template-home-page-php .slick-slide.slide-2 h4, .page-template-home-page-php .slick-slide.slide-2 h5 {
    margin-top: 0;
  }
  /* line 221, ../scss/responsive.scss */
  .page-template-home-page-php .slick-slide.slide-2 h4 {
    display: none;
  }
  /* line 223, ../scss/responsive.scss */
  .page-template-home-page-php .slick-slide.slide-2 h5 {
    font-size: 40px;
    line-height: 36px;
    margin-bottom: 5px;
  }
  /* line 230, ../scss/responsive.scss */
  .page-template-home-page-php .slick-slide.slide-3 h4, .page-template-home-page-php .slick-slide.slide-3 h5, .page-template-home-page-php .slick-slide.slide-4 h4, .page-template-home-page-php .slick-slide.slide-4 h5 {
    margin: 0;
  }
  /* line 233, ../scss/responsive.scss */
  .page-template-home-page-php .slick-slide.slide-3 h4, .page-template-home-page-php .slick-slide.slide-4 h4 {
    font-size: 50px;
    line-height: 30px;
  }
  .page-template-home-page-php .slide-5 h4{
  	font-size: 56px;
    line-height: 1;
  }
  /* line 238, ../scss/responsive.scss */
  .page-template-home-page-php .slick-slide.slide-3 h5, .page-template-home-page-php .slick-slide.slide-4 h5 {
    font-size: 30px;
    line-height: 40px;
  }
  .page-template-home-page-php .slide-5 h5{
  	font-size: 33px;
    line-height: 1;
  }
  .page-template-home-page-php .slide-5 h6{
  	font-size: 24px !important;
    line-height: 1;
  }
  /* line 243, ../scss/responsive.scss */
  .page-template-home-page-php .slick-slide.slide-3 h6, .page-template-home-page-php .slick-slide.slide-4 h6 {
    margin-bottom: 0;
    padding: 12px 10% 12px 0;
  }
}
@media only screen and (max-width: 40em) {
  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
  /* line 254, ../scss/responsive.scss */
  .small-btns-txt-c li {
    text-align: center;
  }

  .page-template-office-php h1 {
    margin-top: 10px;
  }

  /* line 259, ../scss/responsive.scss */
  #logo {
    width: 165px;
  }

  /* line 266, ../scss/responsive.scss */
  .page-template-home-page-php .slide-2 h4 {
    margin-top: 0;
  }

  /* line 272, ../scss/responsive.scss */
  .nav-top-2 {
    float: left !important;
  }
  /* line 275, ../scss/responsive.scss */
  .nav-top-2 .columns {
    padding: 0 !important;
  }

  /* line 281, ../scss/responsive.scss */
  /* line 284, ../scss/responsive.scss */
  .nav-top .columns {
    padding: 0 !important;
  }

  /* line 291, ../scss/responsive.scss */
  #header .search-cont {
    float: left;
  }
  /* line 295, ../scss/responsive.scss */
  #header .sf-menu2 > li,
  #header .sf-menu2 {
    float: left;
  }
  /* line 299, ../scss/responsive.scss */
  #header .hor-r, #header .hor-r li, #header .hor-r li a {
    float: left !important;
  }

  /* line 306, ../scss/responsive.scss */
  .page-template-about-php .pattern-2 img {
    margin-top: 30px;
  }
  /* line 310, ../scss/responsive.scss */
  .page-template-about-php .pattern-2 h2 {
    margin-top: 10px;
  }
  /* line 315, ../scss/responsive.scss */
  .page-template-about-php .teal2- img {
    margin-bottom: 20px;
  }

  /* line 322, ../scss/responsive.scss */
  #footer input.text {
    width: 180px;
  }
  /* line 326, ../scss/responsive.scss */
  #footer .social {
    margin-bottom: 20px;
  }

  /* line 332, ../scss/responsive.scss */
  #banner.over {
    min-height: 0;
    background: #4b443a;
    color: #fff;
  }
  /* line 337, ../scss/responsive.scss */
  #banner.over .show-for-small-only.text-mobile {
    padding: 20px 0;
    color: #c6c44b;
    font-family: nimbus-sans-condensed, helvetica, arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 22px;
  }
  /* line 344, ../scss/responsive.scss */
  #banner.over .show-for-small-only.text-mobile .word {
    color: #fff;
    font-size: 50px;
    line-height: 60px;
  }

  /* line 354, ../scss/responsive.scss */
  .page-template-who_we_serve-php .acf-stat .text {
    padding: 0;
  }

  /* line 363, ../scss/responsive.scss */
  .page-template-training-education-php .stats {
    padding-top: 0 !important;
  }

  /* line 369, ../scss/responsive.scss */
  .page-template-forms-of-violence-php .stats .button {
    margin-top: 20px;
  }

  /* line 375, ../scss/responsive.scss */
  .page-template-services-php .teal2- img {
    margin-bottom: 30px;
  }

  /* line 384, ../scss/responsive.scss */
  .page-template-_charts-php .highcharts-title,
  .page-template-_charts-php .highcharts-tooltip > span,
  .page-template-_charts-php .highcharts-data-labels span {
    font-size: 10px !important;
  }
  /* line 390, ../scss/responsive.scss */
  .page-template-_charts-php .highcharts-title {
    padding-top: 30px;
  }

  /* line 396, ../scss/responsive.scss */
  .hp-links {
    margin-top: 40px;
  }

  /* line 400, ../scss/responsive.scss */
  .hp-buttons {
    margin: 30px 0 0;
  }
  /* line 403, ../scss/responsive.scss */
  .hp-buttons li {
    text-align: center;
  }

  /* line 408, ../scss/responsive.scss */
  .subfoot .col {
    margin: 120px 0;
  }
  /* line 410, ../scss/responsive.scss */
  .subfoot .col:last-child {
    margin-bottom: 20px;
  }

  /* line 415, ../scss/responsive.scss */
  .hp-top img {
    margin: 15px 0;
  }

  /* line 419, ../scss/responsive.scss */
  .stats .num {
    padding-top: 30px;
  }
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) {
  /* line 430, ../scss/responsive.scss */
  .tabs dd {
    float: none;
    display: inline-block;
  }

  /* line 437, ../scss/responsive.scss */
  #copyright .columns {
    padding: 0;
  }
}
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  /* line 445, ../scss/responsive.scss */
  .hp-links {
    margin-top: 40px;
  }

  /* line 449, ../scss/responsive.scss */
  .nav-top-2 {
    margin-top: 14px;
  }

  /* line 454, ../scss/responsive.scss */
  .sf-menu2 > li.nav-donate > a {
    margin-right: 8px !important;
  }
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
  /* line 464, ../scss/responsive.scss */
  .page-template-office-php #banner .text2,
  .page-template-news-media-php #banner .text2 {
    bottom: 10%;
  }
  /* line 467, ../scss/responsive.scss */
  .page-template-office-php #banner .text2 .post-title a,
  .page-template-news-media-php #banner .text2 .post-title a {
    font-size: 19px;
    line-height: 28px;
  }
  /* line 472, ../scss/responsive.scss */
  .page-template-office-php #banner .text2 .excerpt p,
  .page-template-news-media-php #banner .text2 .excerpt p {
    font-size: 13px;
    line-height: 16px;
  }
  /* line 477, ../scss/responsive.scss */
  .page-template-office-php #banner .text2 h6,
  .page-template-news-media-php #banner .text2 h6 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64.063em) {
  /* line 494, ../scss/responsive.scss */
  #banner .text {
    font-size: 35px;
    line-height: 60px;
  }
  /* line 498, ../scss/responsive.scss */
  #banner .word {
    font-size: 100px;
    line-height: 90px;
  }
}
/* min-width 1025px, large screens */
/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
/* min-width 1441px, xlarge screens */
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
/* min-width 1921px, xlarge screens */
