/*
	Theme Name: Safe_Austin Responsive Theme
	Theme URI: http://safeaustin.org
	Description: Custom theme built by Workhorse Marketing for Safe Austin
	Author: Workhorse Marketing
  Author URI: https://www.workhorsemkt.com/
	Version: 1.0
*/

/*--------------------------------------------------------------
TABLE OF CONTENTS
1. Some sensible defaults
2. WordPress Core CSS
3. Accessibility
4. Print
5. Pagination
6. Custom Theme Styles
-------------------------------------------------------------- */

/*--------------------------------------------------------------
1. Some sensible defaults
-------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; outline-width: 0;}
body { margin: 0; font-size: 1em; line-height: 1.4; word-wrap: break; word-wrap: break-word;}
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*--------------------------------------------------------------
2. WordPress Core CSS
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft { float: left;margin: 5px 20px 20px 0;}
a img.aligncenter { display: block; margin-left: auto;margin-right: auto;}
.wp-caption { background: #fff;border: 1px solid #f0f0f0;max-width: 96%;  padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img { border: 0 none;height: auto;margin: 0;max-width: 98.5%; padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
/*--------------------------------------------------------------
End WordPress Core CSS
-------------------------------------------------------------- */

/*--------------------------------------------------------------
3. Accessibility
Use WordPress Core screen reader class:
https://make.wordpress.org/accessibility/handbook/best-practices/markup/the-css-class-screen-reader-text/
-------------------------------------------------------------- */

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

.screen-reader-text:focus, .screen-reader-text a:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/*DO NOTE remove the focus style. You can change it, but it is required. */
a:focus { 
  outline: thin dotted;
}

/*--------------------------------------------------------------
End Accessibility
-------------------------------------------------------------- */

/*--------------------------------------------------------------
4. Print
-------------------------------------------------------------- */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/*--------------------------------------------------------------
End Print
-------------------------------------------------------------- */

img {max-width:100%; height:auto;}

.alert { background:red; color:white ;}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin: 0;
 padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}

/*--------------------------------------------------------------
5. Pagination
-------------------------------------------------------------- */
.whmbp_pagination ul li {
    display: inline-block;
    border: 1px solid;
    margin: 0 2px;
    padding: 5px 10px;
}

nav.whmbp_pagination {
  padding-top: 15px;
  padding-bottom: 15px;
}
/*--------------------------------------------------------------
End Pagination
-------------------------------------------------------------- */

/*--------------------------------------------------------------
6. Custom Theme Styles
-------------------------------------------------------------- */
/*general*/
.section-padding{
  padding: 20px 0;
}
.section-small-padding{
  padding: 20px 0;
}
/*media rules needed here*/

h1,h2,h3,h4{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  /*text-transform: uppercase;*/
  text-align: center;
}
.title-container h1{
  text-transform: capitalize;
}
h1,h2{
  padding-bottom: 7px;
  margin-bottom: 8px;
}
h1.light,
h2.light,
.light{
  color: #fff;
}
h2.light > a{
	color: #fff;
}
h1{
  font-size: 30px;
}
h2{
  font-size: 30px;
}
h3{
  font-size: 20px;
}
h1,
h2,
h3{
  position: relative;
  color: #3A464D;
}
h1:after,
h2:after,
h3:after{
    content: ' ';
    border-bottom: 2px solid #3A464D;
    position: absolute;
    width: 80px;
    height: 1px;
    display: block;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
}
h1.hero-h1:after{
  display: none;
}
h1.light:after,
h2.light:after,
h3.light:after{
  border-color: #fff;
}
.single-cta h2:after,
.single-cta h3:after{
  border: none;
}
  .single-cta .cta-img{
    max-height: 186px;
    overflow: hidden;
  }
    @media (max-width: 724px){
      .single-cta .cta-content{
        min-height: 0 !important;
      }
    }
body p,
section ul li{
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 300;
}
.content-wrap p{
  padding-bottom: 20px;
}
.inner-container{
  max-width: 1200px;
  margin: 0 auto;
}
/*Links, buttons*/
a.button,
.donate-button > a,
input[type="submit"],
.content-wrap a.button{
  color: #3A464D;
  background: #FCB316;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  margin: 20px auto;
  box-shadow: none;
  border:none;
}
.donate-footer a{
        color: #3A464D !important;
      background: #FCB316;
      font-weight: 600;
      text-transform: uppercase;
      padding: 10px 20px;
      display: inline-block;
      text-decoration: none;
      /*margin: 20px auto;*/
      box-shadow: none;
      border: none;
  }
  .single-cta a.button{
    margin: 10px auto;
  }
@media (min-width: 981px){
.donate-button{
  margin-left: 30px;
}
.donate-button > a{
  margin: 0 !important;
  padding: 15px !important;
  /*margin-left: 30px !important;*/
  color: #000 !important;
}
.donate-button:hover{
  margin-bottom: -10px;
  height: 82px;
}
.donate-button:hover > a{
  height: auto !important;
}
}
a.alert{
  font-family: 'Hind', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #FCB316;
  display: inline-block;
  background: #cf2020;
  padding: 10px 20px;
  margin: 10px;
  text-decoration: none;
}
  a.alert > span{
    color: #fff;
  }
/*Header & Nav*/
header[role="banner"]{
  background: #414042;
  position: relative;
}
#content #responsive-menu-button{
  display: none;
}
.masthead.inner-container{
  padding: 0 20px;
}
.site-branding,
#menu-main,
#menu-main > li{
  float: left;
}
#menu-main > li a:focus{
  outline: 0;
}
.site-branding{
  padding: 18px 0;
}
.site-branding img{
  width: 100%;
  max-width: 230px;
  /*float: left;*/
  margin-top: 3px;
  margin-bottom: -4px;
}
.nav-container nav,
.nav-container > form{
  display: inline-block;
}
.nav-container{
  float: right;
  /*padding: 20px 0;*/
}
.nav-container nav > .menu-header > ul > li > a{
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;

  font-size: 14px;
  line-height: 1;
  padding: 0 10px;
}
html.translated-ltr .nav-container nav > .menu-header > ul > li > a{
  font-size: 12px !important;
}
  @media (max-width: 1270px) and (min-width: 981px){
    html.translated-ltr .site-branding{display: none;}
  }
.nav-container .search-field{
  display: none;
}
.nav-container .search-submit{
  background: none !important;
  border: none !important;
}
.nav-container .search-submit{}
.nav-container a.button{
  margin: 16px 0 0 20px;
  float: right;
}

  @media (max-width: 1110px){
    .nav-container a.button{
      font-size: 14px;
    }
    #menu-main > li > a{
      font-size: 1.15vw;
      padding: 0 5px;
    } 
  }

@media (min-width: 981px){

.admin-bar .sticky-nav{
  top: 32px;
}

 
}
 .sticky-nav{
  top: 0;
}
.sticky-nav{
    position: fixed;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
}
body{
  padding-top: 153px;
}
  html.translated-ltr body{
    padding-top: 55px;
  }
/*mega-menu*/

  #menu-main{
    /*position: relative;*/
    line-height: 70px;
    margin-top: 5px;
    margin-bottom: -5px;
  }
    #menu-main li li a{
      text-decoration: none;
      font-family: "Montserrat";
      color: #414042;
      font-size: 13px;
    }

  #menu-main > li > .sub-menu > li{
    display: inline-block;
    float: left;
  }
  #menu-main > li > .sub-menu{
            position: absolute;
            left: 0;
            right: 0;
            background: #fff;
            box-sizing: border-box;
            max-width: 890px; 
            top: 83px;
            line-height: 1.2;
            width: auto !important;
            margin: auto !important;
            opacity: 0;
            pointer-events: none;
            transition: 0.2s;
            border: 1px solid #ebebeb;
            border-top: none;
  }
  #menu-main > li.donate-button > .sub-menu{
    margin-left: -110px !important;
  }
  #menu-main > li.mega-menu > .sub-menu{
     display: inline-flex !important;
  }
  .admin-bar #menu-main > li > .sub-menu{
    top: 81px;
  }
    #menu-main > li.menu-item-has-children:hover > a{
      height: 100px;
      display: inline-block;
      margin-bottom: -100px;
      color: #FCB316;
      position: relative;
    }
    #menu-main > li.menu-item-has-children:hover > a:after{
      width: 0; 
      height: 0; 
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #fff;
      content: ' ';
      position: absolute;
      bottom: 0;
      text-align: center;
      bottom: 47px;
      left: 0;
      right: 0;
      margin: auto;
    }
    #menu-main > li.menu-item-has-children:hover > .sub-menu{
      opacity: 1;
      pointer-events: all;
      z-index: 99999;
    }
  #menu-main > li > .sub-menu li a{
    margin-bottom: 15px;
    display: block;
  }

   #menu-main > li.menu-item-has-children > .sub-menu > li{
    padding: 0 20px;
    border-right: 1px solid #DEDEDE;
    max-width: 200px;
   }
    #menu-main > li > .sub-menu{
      padding: 20px 0;
    }
    #menu-main > li > .sub-menu > li:last-child{
      border-right: none;
    }
   #menu-main > li.mega-menu > .sub-menu > li.menu-item-has-children > a,
   #menu-main > li.simple-menu > .sub-menu > li.menu-item-has-children > a{
    font-weight: bold;
    pointer-events: none;
   }
   #menu-main > li.mega-menu > .sub-menu > li.menu-item-has-children.exception > a{
    pointer-events: all;
   }
   #menu-main > li.mega-menu > .sub-menu > li > a{
    font-weight: bold;
   }
   #menu-main > li > .sub-menu > li > ul > li > a:hover,
   #menu-main > li.simple-menu > .sub-menu > li > a:hover{
    color: #cf2020;
    text-decoration: underline;
   }
   @media (min-width: 1111px){
    .search-icon{
      margin-top: 5px;
     }
   }
   @media (max-width: 980px){
    .nav-container a.button{
      display: none;
    }
    .nav-container
    {
      margin-right: 110px;
    }
    button#responsive-menu-button{
      background: none !important;
      /*top: 86px !important;*/
    }
    .search-icon{
      display: none;
    }
   }
   @media (min-width: 981px){
    .no-desktop{
      display: none;
    }
   }
   .admin-bar #responsive-menu-container{
    top: 46px;
   }
   #responsive-menu-container #responsive-menu > li a{
    font-family: 'Montserrat';
    font-size: 18px !important;
   }
   #responsive-menu-container #responsive-menu > li.responsive-menu-item > a{
    background: #cf2020 !important;
   }
   #main-menu > li.simple-menu{
    position: relative !important;
    right: auto;
   }
   #menu-main > li.menu-item-has-children.simple-menu > .sub-menu{
    /*max-width: 220px;*/
    left: auto;
    right: auto;
    border: 1px solid #ebebeb;
    border-top: none;
   }
   #menu-main > li.menu-item-has-children.simple-menu > .sub-menu > li{
    width: 220px !important;
    display: block;
    border-right: none !important;
    float: none !important;
    transition: 0.2s 1s; /* delay of 1 seconds on hover off */
   }
   #main-menu > li.simple-menu > .sub-menu > li{
    display: block;
   }
   #menu-main > li.menu-item-has-children.simple-menu > .sub-menu > li > ul{
    /*max-height: 0;*/
    /*overflow: hidden;*/
    /*transition: 0.3s;*/
    display: none;
   }
    #menu-main > li.menu-item-has-children.simple-menu > .sub-menu > li.menu-item-has-children > ul.hovered{
    overflow: visible;
    position: absolute;
    left: 100%;
    background: #fff;
    padding: 20px;
    min-width: 130px;
    border: 1px solid #ebebeb;
    margin-top: -40px;
    border-left: none;
    display: block;

    }
          #menu-main > li.menu-item-has-children.simple-menu > .sub-menu > li.menu-item-has-children > a:after{
            content: '>';
            padding-left: 10px;
          }
/*Modules*/

/*HERO*/
.hero-unit{
  padding: 50px 0;
}
.hero-unit .hero-content,
.hero-unit .hero-content h1,
.hero-unit .hero-content h1 span{
  text-align: center;
  color: #cf2020;
}
.hero-unit .hero-content h1 span{
  display: block;
  word-wrap:normal !important;
}
.hero-unit .hero-title{
  font-family: 'Dancing Script', cursive;
  font-size: 11vw;

}

.hero-unit .hero-subtitle{
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1vw;
  margin-top: -3vw;
  margin-bottom: 3vw;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 767px){
    .hero-unit .hero-title{
      font-size: 20vw;
    }
    .hero-unit .hero-subtitle{
      font-size: 4vw;
      margin: 0 !important;
    }
  }
/*Three Column*/
.three-col .pure-u-xl-1-3,
.two-col .pure-u-sm-1{
  padding: 20px;
  box-sizing: border-box;
}
  .three-col .pure-u-xl-1-3 img{
    width: 100%;
  }
  .three-col .pure-u-xl-1-3 > p,
  .wh-blurb p{
    color: #fff;
    font-weight: 400;
  }
/*CTAs*/
.cta-container{
  display: flex;
  justify-content: center;
  text-align: center;
}

.single-cta{
  display: inline-grid;
  box-sizing: border-box;
  max-width: 360px;
  padding: 15px;
}
.row.cta-table{
  display: table;
}
.single-cta.table-layout{
  background: #F2F2F2;
  display: table-cell;
  padding: 0 0 15px 0;
  border: 10px solid #fff;
}
  .single-cta.table-layout .cta-inner{
    background: none !important;
  }
/*@media (max-width: 1090px){
  .single-cta.table-layout{
    display: inline-block;
    width: 50%;
  }
}*/
@media (max-width: 800px){
  .single-cta.table-layout{
    display: block;
    width: 100%;
  }
}


.single-cta .cta-inner{
   background: #F2F2F2;
}
  .single-cta.circle .cta-inner{
    background: #fff;
  }
  .single-cta.circle img{
    max-width: 200px;
  }
  .single-cta .top-title{
    min-height: 65px;
  }
  .single-cta p{
    padding: 10px 20px;
    min-height: 50px;
  }
  .single-cta h2,
  .single-cta h3{
    padding: 10px 10px 0 10px;
    min-height: 80px;
  }
  .single-cta .cta-inner{
    /*padding-bottom: 20px;*/
  }
/*Blurb Shortcode*/
.wh-blurb{
  position: relative;
  padding-left: 40px;
}
.wh-blurb img{
  position: absolute;
  left: 0;
  top: 5px;
  max-width: 30px;
}
.wh-blurb .blurb-title,
.widget-title{
  color: #fff;
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 19px;
}
.wh-blurb a{
  color: #FCB316;
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
}
@media (max-width: 767px){
  .wh-blurb img{
    max-width: 20px;
  }
}
/*Title Module*/
.title-container p{
  max-width: 650px;
  margin: 46px auto 20px auto;
  text-align: center;
}
  
/*Page content module*/
.pure-g > .featured-image,
.pure-g > .page-content{
  padding: 20px;
  box-sizing: border-box;
}
  .page-content > .content-wrap{
    padding: 20px;
    background: #F2F2F2;
    max-width: 850px;
    margin: 0 auto;
  }
    .page-content > .content-wrap ul,
    .two-col ul,
    .page-content > .content-wrap ol{
      padding: 0 0 20px 40px;
    }
      .page-content > .content-wrap ul ul:not(.gfield_checkbox):not(.gfield_radio){
        padding: 10px 0 10px 20px !important;
      }
.pure-g > .featured-image > img{
  width: 100%;
}
/*column shortcodes*/
.content-wrap > .half{
  padding: 20px;
  box-sizing: border-box;
}
.content-wrap > .third{
  padding: 20px;
  box-sizing: border-box;
}
  .content-wrap a{
    color: #cf2020;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    /*text-transform: uppercase;*/
    text-decoration: none;
  }
    .content-wrap a:not(.gform_anchor):not(.social):after{
      /*content: '>';*/
      padding-left: 3px;
    }

/*Footer*/
#footer{
  background: #cf2020;
  padding: 40px 20px 10px 20px;
}
  footer .footer-logo{
    max-width: 250px;
    /*float: left;*/
  }
footer .widget-area ul{
  list-style-type: none;
}
footer .widget-area,
footer .widget-area a{
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-family: 'Montserrat';
}
footer .widget-area ul li a{
  text-transform: uppercase;
}
  footer a:hover{
    color: #38464D;
  }
footer .widget-area{
  padding: 20px 5px 30px 5px;
  box-sizing: border-box;
}
footer .widget-area.first{
  padding-left: 0;
}
footer .widget-area.last{
  padding-right: 0;
}
footer .widget-area.copyrights{
  text-align: center;
  padding: 0;
}
@media (max-width: 567px){
  footer{
    text-align: center;
  }
}
/*Sitemap module*/
.sitemap-section li.pagenav{
  display: inline-block;
  font-size: 0;
}
.sitemap-section{
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}
.sitemap-section .pagenav ul{
  list-style-type: none;
}

.sitemap-section .pagenav > ul{
  display: table;
}
.sitemap-section .pagenav > ul > li{
  display: table-cell;
  padding: 0 20px;
	max-width:200px;
	text-align:left;
}
@media(max-width:1200px){
	
	.sitemap-section .pagenav > ul{
		display: block;
	}
	.sitemap-section .pagenav > ul > li{
		display: block;;
		padding: 0 20px;
		max-width:none;
		text-align: center;
    border: none;
	}
	.sitemap-section .pagenav ul li ul li a{
    text-align: center;
  }
  .sitemap-section .page_item_has_children,
      .sitemap-section >li > ul > li.page_item_has_children{
        border: none !important;
        border-right: none !important;
      }
      .sitemap-section .pagenav > ul > li > a{
        text-align: center;
      }
}
.page-child .sitemap-section .pagenav > ul,
.page-id-165 .sitemap-section .pagenav > ul{
  display: block;
}
.page-child .sitemap-section .pagenav{
  /*display: block;*/
  margin-bottom: 100px;
}
  .sitemap-section .pagenav > ul li a{
    margin-bottom: 20px;
    display: block;
  }
.sitemap-section .pagenav > ul > li > a{
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
.sitemap-section .pagenav ul li ul li a{
  color: #3A464D;
  text-decoration: none;
}
  .sitemap-section .pagenav ul li ul li a:hover{
    color: #cf2020;
    text-decoration: underline;
  }
  .sitemap-section >li > ul > li.page_item_has_children{
    border-right: 1px solid #DEDEDE;
    text-align: left;
  }
    @media (max-width: 767px){
      .sitemap-section .page_item_has_children,
      .sitemap-section >li > ul > li.page_item_has_children{
        border: none !important;
        border-right: none !important;
      }
    }
    .sitemap-section .page_item_has_children:last-child{
      border-right: none;
    }
/*People we serve*/

.block-container img{
  width: 100%;
  float: left;
}
.img-ph{
    background: #3A464D;
    width: 100%;
    float: left;
    height: 400px;
}

.single-person{ position: relative; }
.block-overlay{
      background: rgba(58, 70, 77, 0.6);
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      font-family: 'Montserrat';
      padding: 30px;
      box-sizing: border-box;
      color: #fff;
      opacity: 0;
      transition: 0.5s;
}
.single-person.hover .block-overlay{
  opacity: 1;
}
.block-title{
  
  font-weight: 600;
  font-size: 19px;
  text-align: center;
}
.block-excerpt{
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}
  .block-content a,
  .block-content a:visited{
    color: #fff !important;
  }
.single-person .button-container{
  text-align: center;
}
.block-share{
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: 20px;
  text-align: right;
}
.block-share a{
  width: 25px;
  display: inline-block;
  margin-left: 10px;
}
.block-share img{
  width: 100%;
}
.whmbp_pagination ul,
.pagination{
  text-align: center;
  display: block;
  padding: 30px 0;
}
  .pagination a
  .whmbp_pagination ul li span{
    color: #3A464D;
    font-size: 14px;
    font-family: 'Montserrat';
    padding: 20px;
    text-decoration: none;
  }
  .whmbp_pagination ul li{
    border: none;
  }
  .breadcrumbs{
    padding: 15px 20px 30px 20px;
  }
    @media (max-width: 748px){
      .breadcrumbs{
        padding-top: 85px;
      }
      .logged-in .breadcrumbs{
        padding-top: 35px;
      }
    }
#breadcrumbs a{
  color: #3A464D;
  text-decoration: none;
  font-size: 14px;
  font-family:'Montserrat';
}
.contact-page > div{
  padding: 20px;
  box-sizing: border-box;
}
.contact-page .inner-form{
  background: #e8e8e8;
  padding: 20px;
  font-family: 'Montserrat';
}
  .contact-page .inner-form span{
    color: #6d6d6d;
    text-align: center;
    font-size: 14px;
    /*display: block;*/
  }
  /*Forms*/
  .gform_body input[type="text"],
  .gform_body input[type="email"]{
    border: 1px solid #3A464D;
    height: 42px;
  }
  select{
    border-radius: 0;
    -webkit-appearance: none;
    background: url('_images/drop-down.svg');
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    padding-right: 20px !important;
    border: 1px solid #3A464D;
    height: 42px;
  }
.gform_wrapper .gform_body,
.gform_footer.top_label{
    max-width: 500px;
    margin: 0 auto !important;

  }
  .gform_wrapper .top_label .gfield_label,
  .gform_wrapper .gfield_radio li label,
  .gform_wrapper .gfield_checkbox li label{
    font-weight: 600;
  }
  .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li{
    display: inline-block;
    margin-right: 15px;
  }
  .gform_wrapper ul.gfield_checkbox > li > input[type=checkbox],
   .gform_wrapper ul.gfield_radio > li > input[type=radio]{
    -webkit-appearance: none;
    min-width: 30px !important;
    height: 30px;
    display: block;
    border: 1px solid #3A464D;
    float: left;
    margin-right: 10px;
  }
    .gform_wrapper ul.gfield_checkbox > li > input[type=checkbox]:checked,
    .gform_wrapper ul.gfield_radio > li > input[type=radio]:checked{
      background: url('/wp-content/themes/whm-safe-austin/_images/check.svg');
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: center center;
    }
    .gform_wrapper ul.gfield_checkbox > li,
    .gform_wrapper ul.gfield_radio > li{
      font-size: 14px;
      line-height: 40px;
    }
  .gfield_checkbox,
  .gfield_radio{
    padding: 0 !important;
    width: 100% !important;
  }
  .gfield_description{
    color: #cf2020;
    font-size: 16px;
  }
  .blog-feat{
    position: relative;
  }
  .single-post .auth{
      color: #cf2020;
      font-weight: 600;
      padding-bottom: 10px;
      display: block;
    }
  @media (min-width: 600px){
  .blog-feat{
    float: left;
    max-width: 250px;
    padding: 0 20px 20px 0;
  }
    .single-post:not(.single-format-standard) .blog-feat{
      padding: 0 !important;
    }
  }
  @media (max-width: 599px){
    .blog-feat{
      width: 100%;
    }
  }
/*fullwidth cta*/
.fullwidth-cta{
  width: 100%;
  padding: 20px 0;
  background: #cf2020;
  position: relative;
}
  .fullwidth-cta a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
  }
.fullwidth-cta > div{
  text-align: center;
}
  .fullwidth-cta > div > div{
    display: inline-block;
    font-weight: 600;
    font-size: 25px;
    font-family: 'Hind';
    padding: 0 20px;
  }
      .fullwidth-cta .title{
        color: #fff;
      }
      .fullwidth-cta .sup{
        color: #FCB316;
      }
      @media (max-width: 767px){
        .fullwidth-cta > div > div{
          font-size: 20px;
        }
      }
      @media (max-width: 420px){
        .fullwidth-cta > div > div{
          font-size: 16px;
        }
      }
/*Top CTA*/
.top-cta{
  padding: 10px 20px;
}
  .top-cta p,
  .top-cta a{
    color: #cf2020;
    font-size: 18px !important;
    font-weight: bold;
    font-family: 'Montserrat';
    text-align: right;
    text-decoration: none;
  }
   .top-cta a:hover{
     color: #000; 
	 text-decoration: underline;
    }
#header-form{
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  background: #cf2020;
  text-align: center;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
  z-index: 9999;
}
.close-search{
  font-size: 30px;
  color: #fff;
  padding-left: 20px;
  cursor: pointer;
}
  #header-form.show{
    max-height: 200px;
  }
  #header-form input[type="text"]{
    height: 32px;
    max-width: 500px;
    width: 80%;
  }
  @media (max-width: 980px){
    #header-form{
      display: none;
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item a{
      color: #fff !important;
      text-transform: capitalize !important;
      padding-left: 30px !important;
      font-weight: 500;
      line-height: 1 !important;
      height: auto !important;
      padding-top: 15px !important;
      padding-bottom: 15px !important;
      padding-right: 42px !important;
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow,
    #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow{
      padding: 15px !important;
      line-height: 1 !important;
    }

    .responsive-menu-submenu-depth-2 li a{
      background: #3f3f3f !important;
      
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-2 > li.responsive-menu-item > a{
      padding-left: 50px !important;
    }
  }
  /*newsletter*/
  footer .gfield_required,
  footer .gfield_label{
    display: none;
  }
  footer .gform_wrapper,
  footer .gfield,
  footer .ginput_container{
    margin: 0 !important;
  }
  footer .gform_body{
    width: calc(100% - 140px) !important;
    min-width: 0;
    float: left;
  }
  footer .gform_wrapper .gform_footer{
    padding: 18px 0 10px;
    clear: none !important;
    float: left;
    display: inline-block !important;
    width: auto;
  }
  footer #input_3_1{
    height: 34px;
    border: none;
  }
  @media only screen and (max-width: 641px){
footer .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
  line-height: 1 !important;
  min-height: 0 !important;
}
footer #gform_submit_button_3{
  margin-top: 1px !important;
}
}
.footer-social{
  padding: 10px 10px 10px 0;
}

.footer-social img{
  height: 20px;
}
nav[aria-labelledby="footersocialmenu"] ul li{
  float: left;
  padding-right: 10px;
}
@media (max-width: 767px){
    nav[aria-labelledby="footersocialmenu"] ul li{
      display: inline-block;
      float: none;
    }
    nav[aria-labelledby="footersocialmenu"]{
      text-align: center;
      display: block;
      clear: both;
    }
}
/*map*/
.map-responsive{
    overflow:hidden;
    padding-bottom:80%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
@media screen and (max-width: 35.4em){
.pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-24-24, .pure-u-sm-5-5 {
    width: 100% !important;
    display: inline-block;
}
}
footer .gform_wrapper form{
  margin-top: -12px;
}
.page-template-page-contact h3{
  text-align: left;
}
  .page-template-page-contact h3:after{
    display: none;
  }
  .page-template-page-contact .sidebar a,
  .page-template-page-contact .sidebar p{
    color: #3A464D;
    text-decoration: none;
  }
.leave-site{
  width: 170px;
  position: fixed;
  right: 50px;
  bottom: 20px;
  z-index: 999;
  display: block;
  text-decoration: none;
}
  .leave-site span{
    font-family: 'Montserrat';
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 11px;
    left: 55px;
  }
.leave-mobile,
.mobile-header-button{
  display: none !important;
}
  @media (max-width: 767px){
    .leave-site{
      display: none;
    }
    /*.leave-mobile{
      display: block !important;
      width: 100%;
      margin: 0 !important;
      text-align: center;
      position: fixed;
      top: 127px;
      left: 0;
      right: 0;
      box-sizing:border-box;
    }*/

    .mobile-header-button{
      display: block !important;
      width: 50%;
      margin: 0 !important;
      text-align: center;
      position: fixed;
      top: 127px;
      box-sizing: border-box;
      padding: 15px 20px !important;
    }
    .mobile-header-button.leave-mobile{
      right: 0;
      left: auto;
    }
    .mobile-header-button.donate-mobile{
      left: 0;
      right: auto;
      background-color: #cf2020;
      color: #fff;
    }
  }
  
  @media (max-width: 748px){
	  .rmp_menu_trigger{
		  top: 109px !important;
	  }
	.rmp-container{
		background-color: #212121 !important;
	}
	.rmp-menu-subarrow{
		background-color: #171414 !important;
	}
    .leave-mobile,
    .mobile-header-button{
      top: 180px;
      /*left: 0;*/
      /*right: 0;*/
      /*margin: 0 !important;*/
      /*width: 100%;*/
    }

  }
  @media (max-width: 748px){
    .top-cta.inner-container{
      min-height: 50px;
    }
  }
  @media (max-width: 431px){
    .top-cta p, .top-cta a{
      font-size: 15px !important;
    }

  }
  @media (max-width: 400px){
    .top-cta p, .top-cta a{
      font-size: 13px !important;
    }
  }
  @media (max-width: 379px){
    .nav-container{margin-right: 0;}
  }
  
  #post-155 h1,
  #post-155 h2,
  #post-155 h3{
    text-align: left;
  }
  #post-155 h1:after,
  #post-155 h2:after,
  #post-155 h3:after{
    display: none;
  }
.content-wrap h1{
  margin-bottom: 20px;
}
  .content-wrap h2,
  .content-wrap h3,
  .content-wrap h4{
    margin-bottom: 20px;
    text-align: left;
    display: block;
    clear: both;
  }
  .content-wrap h2:after,
  .content-wrap h3:after,
  .content-wrap h4:after{
    display: none;
  }

  /*INTERNET EXPLORER*/
  @media all and (-ms-high-contrast:none){
     *::-ms-backdrop, .search-icon img { max-width: 20px; height: 20px; } /* IE11 */
     *::-ms-backdrop, .cta-container{ display: -ms-flexbox; }
     *::-ms-backdrop, .single-cta {  display: inline-block; }
     *::-ms-backdrop, .cta-container { justify-content: flex-start !important;}
     *::-ms-backdrop, #menu-main > li.mega-menu > .sub-menu { width: 900px !important; }
     *::-ms-backdrop, #menu-main > li.menu-item-has-children:hover:after { margin-left: -80px; }
     *::-ms-backdrop , #header-form.show { top: 80px; }
     *::-ms-backdrop, #gform_submit_button_3{ height: 36px; width: 122px;}
     *::-ms-backdrop, a.leave-site{ height: 50px; }
     *::-ms-backdrop, .footer-logo{ max-height: 60px; }
      
  }
  @supports (-ms-ime-align:auto){
    .search-icon img { max-width: 20px; height: 20px; padding-top: 20px; }
    #header-form{top: 82px;}
  }
  .medium-image-blocks h3:after{
    display: none;
  }
  .medium-image-blocks h3{
    text-align: left;
    padding: 0 0 20px 0;
  }
    .medium-image-blocks img{
      max-width: 200px;
      display: inline-block;
    }
    .medium-image-blocks{
      text-align: center;
      max-width: 850px;
      margin: 0 auto;
    }
      .medium-image-blocks a,
      .link-style{
        color: #000;
        font-size: 19px;
        font-weight: bold;
      }
      .medium-image-blocks .block-sbttl{
        color: #666;
        font-weight: bold;
        font-size: 19px;
      }
      .medium-image-blocks > div > div{
        padding-bottom: 30px;
      }

      
        @media (min-width: 768px){
            .small-image-blocks .block-img > a{
              display: table-cell;
              vertical-align: middle;
            }
            .small-image-blocks .block-img{
              min-height: 250px;
              display: table;
              width: 100%;
            }
        }
      
      .small-image-blocks .block-img img{
        max-height: 250px;
        width: 100%;

      }
      body img.gform_ajax_spinner {
       display: none !important;
      }

.page-content .content-wrap.pure-g ul{list-style: disc;}

.post-password-form{text-align:center;}
.post-password-form input[type="password"]{
	width: 300px;
	height: 33px;
}

/*New Styles*/
 
/*Flexbox*/
.d-flex {
display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
flex-wrap: wrap;
}
.align-items-center {align-items: center;}
.align-items-start {align-items: flex-start;}
.flex-column {flex-direction:column}
.d-flex .btn-column .flex-btns:not(:last-child)  {margin-bottom:20px;}
.flex-btns { position:relative;}
.flex-btns:before {
	content: '';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background :rgb(153 19 11 / 79%); 
	transition: 300ms linear all;
	opacity: 0;
}
.flex-btns:hover span {background:none;}
.flex-btns:hover:before {opacity: 1;}
.d-flex .btn-column {justify-content: space-between;}
.flex-btns {padding: 30px 20px; color:#fff; text-decoration: none; box-shadow: 1px 1px 6px 0px #000; border: 1px solid #cf2021;}
.flex-btns span {transition:300ms linear all; position:relative; z-index:2; display:inline-block; font-size: 25px; padding: 10px; background: rgb(153 19 11 / 79%); color:#fff; }
.py-0 {padding-top:0 !important; padding-bottom: 0 !important;}
.content-area {padding-left:20px; padding-right:20px;}
.content-area p {font-size: 34px;}
/*New CAT*/
.new-cta .inner-container {
	text-align: center;

    color: #fff;
}
.new-cta span { padding:20px; font-size: 32px; text-align: center; display: block; font-weight:300; line-height:1.2}
.new-cta .new-cta-btn {
	    color: #fff;
    text-decoration: none;
    padding: 20px;
    background: #cf2020;
    display: inline-block;
    border-radius: 7px;
    font-size: 20px;
    font-weight: 600;
    transition: 300ms linear all;
}
.new-cta .new-cta-btn:hover {
	background: #e72424;
}
.cards-repet .d-flex {justify-content: space-between;}
.flex-half-column {
	    flex: 0 0 45%;
    background: #f2f2f2;
    margin-bottom:20px;
    padding: 20px;
}
.flex-half-column img {transition: 300ms linear all;}
.flex-half-column > a {display: block; margin-bottom:20px; line-height: 1; text-decoration: none;}
.flex-half-column a {color:#cf2020; font-weight: 600;}
.flex-half-column figure {line-height: 0.5; overflow: hidden;}
.flex-half-column > a:hover img {transform: scale(1.2);}
.flex-half-column p, .flex-half-column strong {font-size:20px;}
.flex-half-column strong {font-weight: 400;}

/*Horizantal logos*/
.horizantal-logos figure {min-height:190px;}
.horizantal-logos figure img {max-height: 200px; width: auto;}
/*Logos CSS*/
.logos-grid-section figure {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 10px auto;
    justify-content: center;
}
.logos-grid-section img {
	    width: 100%;
    height: auto;
    transition: 300ms linear all;
    max-width: 200px;
}
.logos-grid-section a {color:#000; text-decoration: none;}
.logos-grid-section a:hover img {
	transform: scale(1.2);
}
.logos-grid-section .logo-box {
	    justify-content: center;
    padding: 20px 0;
    border-bottom: 2px solid #cccaca;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
/*Vertical Logos Repeater Styles*/
.vertical-logos .inner-container {align-items: start;}
.vertical-logos .logo-box {padding:0; margin-bottom:40px;}
.vertical-logos .logos-grid-section .logo-box {border-bottom: 0;}
.vertical-logos .logo-box {border-bottom: 0;}
.vertical-logos .pure-u-xl-1-4:not(:last-child) .logo-box {border-right: 2px solid #cccaca; }

@media (max-width:1199.98px) {
	.content-area p {font-size: 30px;}
}
@media (max-width:991.98px){
	.cards-repet .d-flex {flex-direction: column;}
	.flex-half-column {flex:  0 0 100%;}
	.flex-half-column p {font-size: 18px;}
	.flex-btns span {font-size: 18px;}
	.content-area p {font-size: 25px;}
	.horizantal-logos figure {min-height:190px;}
.horizantal-logos figure img {max-height: 160px; }
}
@media (max-width:767.98px) {
	.content-area {margin-bottom: 20px;}
}
@media (max-width:575px) {
		.horizantal-logos figure {min-height:60px;}
.horizantal-logos figure img {max-height: 120px; }
	.new-cta span, .content-area p {
		font-size: 18px
	}
	.new-cta span br {display: none;}
	section.section-padding.new-cta {padding-bottom: 0;}
}
.colored-boxes .single-box{
  text-align: center;
 
  position: relative;
}
.colored-boxes a{
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  display: block;
  padding: 20px;
  box-sizing: border-box;
}