/*
Theme Name:     Tagline Humane Child Theme
Author:         Tagline Media Group
Author URI:     taglinegroup.com
Template:       tagline-humane-main
Version:        1.0
*/

/* ==== HEADER, SLIDER, FOOTER ==== */


.themecolor {
    color: #fcbc02;
}

.site-header.style8 .kl-top-header {
    background: rgba(255,255,255,0.49);
    border-top: 10px solid #00386c;
}


.btn-lined.lined-custom, .btn.btn-bordered {
 border-color: #333;
}
.underlined {
  text-decoration: underline solid #fcbc02;
}



.site-header .logo-container {
    width: 100%;
    text-align: left;
    margin-top: -2px !important;
}


.site-header.style8 .kl-main-header {
    background: #fcbc02!important;
    border-bottom-color: #fcbc02 !important;
    height: 42px !important;
}



.site-header.style8 .site-header-bottom {
    padding-top: 0px;
    height: 42px !important;
    background: none !important;
    float: right !important;
}

.top-txt, .top-txt a {
    font-size: 16px;
    color: #535353 !important;
    font-weight: 400 !important;
   	-o-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
}

.top-txt a:hover {
    color: #bdbdbd !important;
}

.nav-mm--dark.main-nav ul ul.sub-menu, .nav-mm--dark.main-nav .zn_mega_container {
    border-color: rgba(255,255,255,.8);
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    background: #fcbc02;
}


.nav-mm--dark.main-nav ul ul.sub-menu li.active > a, .nav-mm--dark.main-nav ul ul.sub-menu li a:hover {
    color: white !important;
    background: rgba(255,255,255,0.15);
}

.nav-mm--dark.main-nav ul ul.sub-menu li a {
    border-bottom-color: rgba(255,255,255, 0.05);
    color: white !important;
}

.page-subheader.uh_main_subheader.page-subheader--inherit-hp {
    height: 100px !important;
    min-height: 100px !important;
}


.site-footer-bottom {
    padding-top: 30px;
    border-top: 5px solid rgba(0,0,0,0.15) !important;
    color: #8b8c8d;
}


/* Donate Now Ribbon */

.ctabutton {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 8px !important;
}

.kl-cta-ribbon {
    background-color: #0254a1;
    margin-top: 18px;
}

.kl-cta-ribbon {
    position: relative;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 10px 10px 5px;
    margin-left: 20px;
    z-index: 1;
}

.kl-cta-ribbon .trisvg {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 18px !important;
}


/* end Donate Now Ribbon */


.footer-img a:hover {
    opacity: 0.7;
}


/*  end HEADER, FOOTER, SLIDER */




.pagetitle {
    font-family: "Montserrat", Helvetica, Arial, sans-serif !important;
    font-size: 25px !important;
    color: #535353;
    margin-bottom: 25px !important;
    font-weight: 500 !important;
}

.pagetitle span {
  border-bottom: 3px solid #fcbc02;
}

body {
    font-weight: 300 !important;
}



/* ==== LISTS ==== */

ul.standard-list {
	padding: 0 20px 20px 20px !important;
    margin: 0 0 0 30px !important;
}


.standard-list li:before {    
	content: '◈';
	margin:0 10px 0 0;
	color: #0254a1;
	font-size: 14px;
}

.standard-list li {
	font-size: 16px;
	list-style-type: none;
	margin-bottom: 10px;
	text-indent: -25px;
}



ul.paragraph-list {
	padding: 0 20px 20px 20px !important;
    margin: 0 0 0 30px !important;
}


.paragraph-list li:before {    
	content: '◈';
	margin:0 10px 0 0;
	color: #0254a1;
	font-size: 14px;
}

.paragraph-list li {
	font-size: 16px;
	list-style-type: none;
	margin-bottom: 25px;
	text-indent: -25px;
}


/* ==== END LISTS ==== */




.kl-blog-item-container {
    margin-bottom: 35px;
    padding: 30px 30px 15px 30px;
    position: relative;
    border-radius: 3px;
    background: #FFF;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
    border: 1px solid #ccc;
}

.zn_sidebar {
    padding: 20px 15px;
    border-radius: 3px;
    margin-bottom: 20px;
    background: white;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
    border: 1px solid #ccc;
}

.kl-blog-item-details {
    display: none;
}

.kl-blog-item-container.zn_columns .kl-blog-item-content {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #F5F5F5;
    line-height: 22px;
}





/* Contact 7 */
.input {
	width: 100%;
	padding: 7px 5px !important;
	margin-top: 4px;
    border: solid 0px #aaaaaa;
    color:#333;
    background: rgb(255, 255, 255);
    font-size: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    font-weight: 300 !important;
}

.input select {
	padding: 8px 5px !important;
	margin-top: 5px;
    border: solid 1px #0254a1;
    background: rgb(255, 255, 255);
    font-size: 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.contact-btn {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border: none !important;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px !important;
  background: #0254a1;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-weight: 400 !important;
}

.contact-btn:hover {
  background: #4f679e;
  text-decoration: none;
}




.hm-volunteer {
	width: 100%;
	padding: 5px !important;
	margin-top: 3px;
    border: solid 0px #aaaaaa;
    color:#333;
    background: rgb(255, 255, 255);
    font-size: 14px !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.hm-volunteer-btn {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border: none !important;
  font-family: Arial;
  font-size: 14px !important;
  padding: 5px !important;
  text-decoration: none;
  font-weight: 400 !important;
  color: #ffffff !important;
  background:#0254a1 !important;
}

.hm-volunteer-btn:hover {
  background: grey !important;
  color: white !important;
  text-decoration: none;
}

/* end contact form  */

/* bio pages  */
blockquote {
  width:450px;
  margin-top: 1px;
  margin-bottom: 10px;
  margin-left: 350px;
  padding-left: 15px;
  border-left: 3px solid #0254a1;
  font-size:16px;
} 
blockquote p {
  display: inline;
}

.minhigh {
    min-height:300px;
}

.line-title {
  color: #434343;
  font-weight: 500;
  font-size: 18px;
 text-transform: capitalize;
   text-align: center;
   background: white;
   width: 100%;
   border-bottom: 1px solid #0254a1;
   line-height: 0.1em;
   margin-bottom: 40px;
}

.line-title span {
    background: white;
   padding: 0 30px;
}
/* end bio pages  */

/* facebook logo in header  */
@media (max-width: 410px) {
.social-icons-item  {
margin-top:-60px;}}

@media screen and (max-width: 767px) {
.site-header .site-logo {
    padding-bottom: 0px !important;
}}

@media (max-width: 767px) {
.site-header.style8 .site-header-main-right-ext {
    margin-bottom: 0px; 
}}


/* end facebook logo in header  */


/* clear */
.stack:before, .stack:after, 
.clear:before, .clear:after {content:' ';display:table;}
.stack:before, .clear:after {clear:both;}
.stack, .clear {*zoom:1;}




.fa {padding-right:5px}



/* ==== HELPER CLASSES ==== */
.hide {display: none;}
.flex {width:100%;}
.inlineblk {display:inline-block;}
.block {display: block;}
.rnd {border-radius:900px; overflow: hidden;}
.p-l {float:left;}
.p-r {float:right;}
.p-c {margin:auto;}
.txt-c {text-align:center;display: block;}
.txt-r {text-align:right;}
.txt-l {text-align:left;}
.txt-wht {color:white;}
.pad-0 {padding:0;}
.pad-5px {padding:5px;}
.pad-10px {padding:10px;}
.pad-20px {padding:20px;}
.pad-30px {padding:30px;}
.pad-40px {padding:40px;}
.pad-50px {padding:50px;}
.pad-r-10px {padding-right:10px;}
.pad-r-20px {padding-right:20px;}
.pad-r-30px {padding-right:30px;}
.pad-r-40px {padding-right:40px;}
.pad-r-50px {padding-right:50px;}
.pad-r-60px {padding-right:60px;}
.pad-r-70px {padding-right:70px;}
.pad-r-80px {padding-right:80px;}
.pad-r-90px {padding-right:90px;}
.pad-r-100px {padding-right:100px;}
.pad-r-150px {padding-right:150px;}
.pad-r-200px {padding-right:200px;}
.pad-l-10px {padding-left:10px;}
.pad-l-20px {padding-left:20px;}
.pad-l-30px {padding-left:30px;}
.pad-l-40px {padding-left:40px;}
.pad-l-50px {padding-left:50px;}
.pad-l-60px {padding-left:60px;}
.pad-l-70px {padding-left:70px;}
.pad-l-80px {padding-left:80px;}
.pad-l-90px {padding-left:90px;}
.pad-l-100px {padding-left:100px;}
.pad-l-150px {padding-left:150px;}
.pad-l-200px {padding-left:200px;}
.pad-s-5px {padding-right:5px;padding-left:5px;}
.pad-s-10px {padding-right:10px;padding-left:10px;}
.pad-s-20px {padding-right:20px;padding-left:20px;}
.pad-s-30px {padding-right:30px;padding-left:30px;}
.pad-s-40px {padding-right:40px;padding-left:40px;}
.pad-s-50px {padding-right:50px;padding-left:50px;}
.pad-s-60px {padding-right:60px;padding-left:60px;}
.pad-s-70px {padding-right:70px;padding-left:70px;}
.pad-s-80px {padding-right:80px;padding-left:80px;}
.pad-s-90px {padding-right:90px;padding-left:90px;}
.pad-s-100px {padding-right:100px;padding-left:100px;}
.pad-s-150px {padding-right:150px;padding-left:150px;}
.pad-s-200px {padding-right:200px;padding-left:200px;}
.pad-t-5px {padding-top:5px;}
.pad-t-10px {padding-top:10px;}
.pad-t-20px {padding-top:20px;}
.pad-t-30px {padding-top:30px;}
.pad-t-40px {padding-top:40px;}
.pad-t-50px {padding-top:50px;}
.pad-t-60px {padding-top:60px;}
.pad-t-75px {padding-top:75px;}
.pad-t-100px {padding-top:100px;}
.pad-b-10px {padding-bottom:10px;}
.pad-b-20px {padding-bottom:20px;}
.pad-b-30px {padding-bottom:30px;}
.pad-b-40px {padding-bottom:40px;}
.pad-b-50px {padding-bottom:50px;}
.pad-b-60px {padding-bottom:60px;}
.pad-b-75px {padding-bottom:75px;}
.pad-b-100px {padding-bottom:100px;}
.pad-tb-10px {padding-top:10px;padding-bottom:10px;}
.pad-tb-20px {padding-top:20px;padding-bottom:20px;}
.pad-tb-30px {padding-top:30px;padding-bottom:30px;}
.pad-tb-40px {padding-top:40px;padding-bottom:40px;}
.pad-tb-50px {padding-top:50px;padding-bottom:50px;}
.pad-tb-75px {padding-top:75px;padding-bottom:75px;}
.pad-tb-100px {padding-top:100px;padding-bottom:100px;}
.marg-0 {margin:0;}
.marg-10px{margin:10px;}
.marg-20px{margin:20px;}
.marg-30px{margin:30px;}
.marg-40px{margin:40px;}
.marg-50px{margin:50px;}
.marg-60px{margin:60px;}
.marg-70px{margin:70px;}
.marg-80px{margin:80px;}
.marg-90px{margin:90px;}
.marg-100px{margin:100px;}
.marg-s-10px {margin-right:10px;margin-left:10px;}
.marg-s-20px {margin-right:20px;margin-left:20px;}
.marg-s-30px {margin-right:30px;margin-left:30px;}
.marg-s-40px {margin-right:40px;margin-left:40px;}
.marg-s-50px {margin-right:50px;margin-left:50px;}
.marg-s-10px {margin-right:10px;margin-left:10px;}
.marg-s-20px {margin-right:20px;margin-left:20px;}
.marg-s-30px {margin-right:30px;margin-left:30px;}
.marg-s-40px {margin-right:40px;margin-left:40px;}
.marg-s-50px {margin-right:50px;margin-left:50px;}
.marg-r-10px {margin-right:10px;}
.marg-r-20px {margin-right:20px;}
.marg-r-30px {margin-right:30px;}
.marg-r-40px {margin-right:40px;}
.marg-r-50px {margin-right:50px;}
.marg-l-10px {margin-left:10px;}
.marg-l-20px {margin-left:20px;}
.marg-l-30px {margin-left:30px;}
.marg-l-40px {margin-left:40px;}
.marg-l-50px {margin-left:50px;}
.marg-b-10px{margin-bottom:10px}
.marg-b-20px{margin-bottom:20px}
.marg-b-30px{margin-bottom:30px}
.marg-b-50px{margin-bottom:50px}
.marg-b-75px{margin-bottom:75px}
.marg-b-100px{margin-bottom:100px}
.marg-t-10px {margin-top:10px;}
.marg-t-20px {margin-top:20px;}
.marg-t-30px {margin-top:30px;}
.marg-t-40px {margin-top:40px;}
.marg-t-50px {margin-top:50px;}
.marg-tb-0 {margin:0;}
.marg-tb-10px {margin-top:10px;margin-bottom:10px;}
.marg-tb-20px {margin-top:20px;margin-bottom:20px;}
.marg-tb-30px {margin-top:30px;margin-bottom:30px;}
.marg-tb-40px {margin-top:40px;margin-bottom:40px;}
.marg-tb-50px {margin-top:50px;margin-bottom:50px;}
.marg-tb-75px {margin-top:75px;margin-bottom:75px;}
.marg-tb-100px {margin-top:100px;margin-bottom:100px;}
/* ==========================================================================
   =GRID
   ========================================================================== */
.col-1-2, .col-2-4, .col-3-6, .col-4-8, .col-5-10 {width: 50%;}
.col-1-3, .col-3-9 {width:33.333333%;}
.col-2-3, .col-4-6, .col-6-9 {width:66.666666%;}
.col-1-4, .col-2-8 {width:25%;}
.col-3-4, .col-6-8 {width:75%;}
.col-1-5, .col-2-10 {width:20%;}
.col-2-5, .col-4-10 {width:40%;}
.col-3-5, .col-6-10 {width:60%;}
.col-4-5, .col-8-10 {width:80%;}
.col-1-6 {width:16.666666%;}
.col-5-6 {width:83.333333%;}
.col-1-7 {width:14.28%;}
.col-2-7 {width:28.57%;}
.col-3-7 {width:42.85%;}
.col-4-7 {width:57.14%;}
.col-5-7 {width:71.42%;}
.col-6-7 {width:85.71%;}
.col-1-8 {width: 12.5%;}
.col-3-8 {width:37.5%;}
.col-5-8 {width:62.5%;}
.col-7-8 {width:87.5}
.col-1-9 {width:11.11%;}
.col-2-9 {width:22.22%;}
.col-4-9 {width:44.44%;}
.col-5-9 {width:55.55%;}
.col-7-9 {width:77.77%;}
.col-8-9 {width:88.88%;}
.col-1-10 {width:10%;}
.col-3-10 {width:30%;}
.col-7-10 {width:70%;}
.col-9-10 {width:90%;}
.col-1-11 {width:9.11%;}
.col-3-11 {width:18.22%;}
.col-4-11 {width:27.33%;}
.col-5-11 {width:36.44%;}
.col-6-11 {width:45.5%;}
.col-7-11 {width:54.6%;}
.col-8-11 {width:63.7%;}
.col-9-11 {width:72.8%;}
.col-10-11 {width:81.9%;}
.col-1-12 {width:8.33%;}
.col-2-12 {width:16.66%;}
.col-3-12 {width:24.99%;}
.col-4-12 {width:33.33%;}
.col-5-12 {width:41.65;}
.col-6-12 {width:49.98%;}
.col-7-12 {width:58.31%;}
.col-8-12 {width:66.66%;}
.col-9-12 {width:74.97%;}
.col-10-12 {width:83.33%;}
.col-11-12 {width:91.63%;}
.full {width:100%;}
/* L stands for large. L styles get triggered at 60em, that is, 960px */
@media (max-width: 60em) {
  .m-p-c {margin-right:auto;margin-left:auto;}
  .m-block {display: block;}
  .l-full {width: 100%;}
  .l-1-2, .l-2-4, .l-3-6 {width: 50%;}
  .l-1-3, .l-2-6 {width: 33.333333%;}
  .l-2-3, .l-4-5 {width: 66.666666%;}
  .l-1-4 {width: 25%;}
  .l-3-4 {width: 75%;}
  .l-1-5 {width: 20%;}
  .l-2-5 {width: 40%;}
  .l-3-5 {width: 60%;}
  .l-4-5 {width: 80%;}
  .l-1-6 {width: 16.666666%;}
  .l-5-6 {width: 83.333333%;}
  .l-hide {display: none !important;visibility: hidden;}
  .l-show {display: block !important;visibility: visible;}
}
@media (max-width: 60em) and (min-width: 45em) {
  .l-hide-on {display: none;visibility: hidden;}
  .l-show-on {display: block;visibility: visible;}
}
/* M stands for medium. M styles get triggered at 45em, that is, 720px */
@media (max-width: 45em) {
  .m-p-c {margin-right:auto;margin-left:auto;}
  .m-block {display: block;}
  .m-full {width: 100%;}
  .m-1-2, .m-2-4 {width: 50%;}
  .m-1-3 {width: 33.333333%;}
  .m-2-3 {width: 66.666666%;}
  .m-1-4 {width: 25%;}
  .m-3-4 {width: 75%;}
  .m-hide {display: none !important;visibility: hidden;}
  .m-show {display: block !important;visibility: visible;}
  .m-pad-0 {padding:0;}
  .m-pad-5px {padding:5px;}
  .m-pad-10px {padding:10px;}
  .m-pad-20px {padding:20px;}
  .m-pad-30px {padding:30px;}
  .m-pad-40px {padding:40px;}
  .m-pad-50px {padding:50px;}
  .m-pad-r-0 {padding-right:0;}
  .m-pad-r-10px {padding-right:10px;}
  .m-pad-r-20px {padding-right:20px;}
  .m-pad-r-30px {padding-right:30px;}
  .m-pad-r-40px {padding-right:40px;}
  .m-pad-r-50px {padding-right:50px;}
  .m-pad-l-0px {padding-left:0;}
  .m-pad-l-10px {padding-left:10px;}
  .m-pad-l-20px {padding-left:20px;}
  .m-pad-l-30px {padding-left:30px;}
  .m-pad-l-40px {padding-left:40px;}
  .m-pad-l-50px {padding-left:50px;}
  .m-pad-s-0 {padding-right:0;padding-left:0;}
  .m-pad-s-10px {padding-right:10px;padding-left:10px;}
  .m-pad-s-20px {padding-right:20px;padding-left:20px;}
  .m-pad-s-30px {padding-right:30px;padding-left:30px;}
  .m-pad-t-0 {padding-top:0;}
  .m-pad-t-10px {padding-top:10px;}
  .m-pad-t-20px {padding-top:20px;}
  .m-pad-t-30px {padding-top:30px;}
  .m-pad-t-40px {padding-top:40px;}
  .m-pad-b-0 {padding-bottom:0;}
  .m-pad-b-10px {padding-bottom:10px;}
  .m-pad-b-20px {padding-bottom:20px;}
  .m-pad-b-30px {padding-bottom:30px;}
  .m-pad-b-40px {padding-bottom:40px;}
  .m-pad-tb-0 {padding-top:0;padding-bottom:0;}
  .m-pad-tb-10px {padding-top:10px;padding-bottom:10px;}
  .m-pad-tb-20px {padding-top:20px;padding-bottom:20px;}
  .m-marg-tb-30px {padding-top:30px;padding-bottom:30px;}
  .m-marg-tb-40px {padding-top:40px;padding-bottom:40px;}
  .m-marg-tb-50px {padding-top:50px;padding-bottom:50px;}
  .m-marg-t-0 {margin-top:0;}
  .m-marg-t-10px {margin-top:10px;}
  .m-marg-t-20px {margin-top:20px;}
  .m-marg-t-30px {margin-top:30px;}
  .m-marg-t-40px {margin-top:40px;}
  .m-marg-b-0 {margin-bottom:0;}
  .m-marg-b-10px {margin-bottom:10px;}
  .m-marg-b-20px {margin-bottom:20px;}
  .m-marg-b-30px {margin-bottom:30px;}
  .m-marg-b-40px {margin-bottom:40px;}
  .m-marg-tb-0 {margin-top:0;margin-bottom:0;}
  .m-marg-tb-10px {margin-top:10px;margin-bottom:10px;}
  .m-marg-tb-20px {margin-top:20px;margin-bottom:20px;}
  .m-marg-tb-30px {margin-top:30px;margin-bottom:30px;}
  .m-marg-tb-40px {margin-top:40px;margin-bottom:40px;}
  .m-marg-tb-50px {margin-top:50px;margin-bottom:50px;}
}
}
@media (max-width: 45em) and (min-width: 30em) {
  .m-hide-on {display: none;visibility: hidden;}
  .m-show-on {display: block;visibility: visible;}
}
/* S stands for small. S styles get triggered at 30em, ie, 480px */
@media (max-width: 30em) {
  .s-full {width: 100%;}
  .s-1-2, .s-2-4 {width: 50%;}
  .s-1-3 {width: 33.333333%;}
  .s-2-3 {width: 66.666666%;}
  .s-hide {display !important: none;visibility: hidden;}
  .s-show {display !important: block;visibility: visible;}
}