/*
 Theme Name:   Charityheart Child
 Theme URI:    https://themeforest.net/item/charityheart-job-board-wordpress-theme/24002090
 Description:  THP 2020 (Charityheart Child Theme)
 Author:       ApusTheme
 Author URI:   https://themeforest.net/user/apustheme
 Template:     charityheart
 Version:      1.0.0
 Text Domain:  charityheart-child
*/

/** Theme is built on a Bootstrap base: https://v4-alpha.getbootstrap.com/layout/responsive-utilities/ **/

/** SITEWIDE **/

/** body, div, p, span, h1, h2, h3, h5, h4, h6, a, li {
	transition:all 0.3s ease;
} **/

* { 
box-sizing: border-box; 
outline: none!important;
} 




.hide-mobile {
	display: block!important;
}

.hide-desktop {
	display: none!important;
}

.hide-all {
	display: none!important;
}

.ie-no {
	display:block!important;
}

.ie-yes {
	display:none!important;
}

.color1 {
	color: rgba(118,0,89,1); /** PURPLE #760059 **/
}

.bg-color1 {
	background-color: rgba(118,0,89,1);
}

.color2, p a:link, p a:visited {
	color: rgba(213,35,57,1); /** RED #d52339 **/
}

p a:hover {
	text-decoration: underline;
}

.bg-color2 {
	background-color: rgba(213,35,57,1);
}

.color3 {
	color: rgba(65,60,63,1); /** GRAY #413c3f **/
}

.bg-color3 {
	background-color: rgba(65,60,63,1);
}

.color4 {
	color: #ffdf56; /** YELLOW rgba(225,223,86,1) **/
}

.bg-color4 {
	background-color: rgba(225,223,86,1);
}

.color5 {
	color: #0d84c7; /** BLUE rgba(5,132,200,1) **/
}

.bg-color5 {
	background-color: rgba(5,132,200,1);
}

.color6 {
	color: #da3782; /** PINK rgba(218,55,130,1) **/
}

.bg-color6 {
	background-color: rgba(218,55,130,1);
}

.color7 {
	color: #009b58; /** GREEN rgba(0,155,88,1) **/
}

.bg-color7 {
	background-color: rgba(0,155,88,1);
}

.color8 {
	color: #f1a01f; /** GOLD rgba(241,160,31,1) **/
}

.bg-color8 {
	background-color: rgba(241,160,31,1);
}

.colorwhite {
	color: rgba(255,255,255,1); /** WHITE #ffffff **/
}

.bg-colorwhite {
	background-color: rgba(255,255,255,1); /** WHITE #ffffff **/
}

.colorblack {
	color: rgba(0,0,0,1); /** BLACK #000000 **/
}

.bg-colorblack {
	background-color: rgba(0,0,0,1); /** BLACK #000000 **/
}

.bg-color4 {
	background-color: #ffdf56;
}

.type1 {
	font-family: 'Roboto Slab', Verdana, serif;
}

.type2, ul, li {
	font-family: 'Montserrat', Arial, sans-serif;
}

.bold {
	font-weight: bold;
}



.case-caps {
	text-transform: uppercase;
}

body {
	background: #efefef;
	color: #413c3f;
	}

h1, h3, h5 {
	font-family: 'Roboto Slab', serif;
}

h1, h5 {
	font-weight: 900!important;
}

h3 {
	font-weight: 700!important;
}

.content-center {
	text-align: center;
	margin: 0 auto;
}

.margin0 {
	margin-bottom: 0!important;
	margin-top: 0!important;
	margin-left: 0!important;
	margin-right: 0!important;
}

.margin-bottom0 {
	margin-bottom: 0!important;
	}

.btn-red a:link, .btn-red a:visited, .section-bloglist .vc_btn3-color-juicy-pink:link, .vc_btn3-color-juicy-pink:visited, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
	padding: 7px 15px!important;
    background: #d52339;
    margin: 15px 0!important;
    border-radius: 50px;
    color: #ffffff!important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .05em;
}

.content-center.btn {
	width: 100%;
	margin-bottom: 25px;
}

.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
	margin: 0 auto!important;
}

.vc_btn3-container {
	margin-bottom: 10px;
}

.vc_btn3-container.vc_btn3-left {
	text-align: center;
}

.site-main {
		padding: 0 30px;
	}


/** HEADER **/

.apus-header .header-inner .logo-in-theme, .apus-topbar, .search-popup {
	display: none!important;
}

.header-v4 .navbar-nav.megamenu > li > a {
	font-size: 14px;
}

#primary-menu.navbar-nav > li {
	 letter-spacing: .05em;
}

#primary-menu.navbar-nav > li:first-child {
	text-indent: -2000px;
	width: 120px;
	height: 50px;
	background-image: url('/wp-content/assets/img/thp-Mark-RedWhite-RGB.png');
	background-size: contain;
	margin-right: 10px;
    margin-top: 10px;
}

#primary-menu.navbar-nav > li:last-child, .header-v1 .navbar-nav.megamenu > li.active:last-child {
	position: absolute;
	right: 0;
}

.header-v1 .navbar-nav.megamenu > li.active:last-child a:before {
	background: transparent!important;
}

 #main-mobile-menu.navbar-nav > li:last-child {
	 max-width: 150px;
	 margin: 0 auto;
	 text-align: center;
	 
 }

 #primary-menu.navbar-nav > li:last-child a, #main-mobile-menu.navbar-nav > li:last-child a {
 	padding: 5px 15px!important;
    background: #d52339;
    margin: 15px 0!important;
    border-radius: 50px;
}

#main-mobile-menu.navbar-nav > li:last-child a {
	background: #d52339!important;
	color: #ffffff;
	font-weight: bold;
	}


#primary-menu.navbar-nav > li:hover {
	color: rgba(225,223,86,1)!important;
}

#primary-menu.navbar-nav > li:first-child:hover {
	background-image: url('/wp-content/assets/img/thp-Mark-White-RGB.png');
}

.pull-left.site-header-mainmenu, .p-relative.pull-left {
	width:100%;
}

#main-mobile-menu.navbar-nav > li:first-child {
	text-indent: -2000px;
	width: 200px;
	height: 80px;
	background-image: url('/wp-content/assets/img/thp-Mark-Color-RGB.png');
	background-size: contain;
	margin-right: 10px;
    margin-top: 10px;
}

.header-inner {
	padding: 0!important;
}

#apus-header a:link, #apus-header a:visited {
	font-weight: bold!important;
	color: #ffffff!important;
	text-transform: uppercase!important;
}

#apus-header a:hover {
	color: #ffdf56!important;
}

#apus-header .navbar-nav.megamenu .dropdown-menu {
	padding: 0;
    background: rgba(213,35,57,1);
    border-top: 1px solid rgba(225,223,86,.8)!important;
 }
 
#apus-header .navbar-nav.megamenu > li > .dropdown-menu {
    top: 80%;
 }

#apus-header .navbar-nav.megamenu > li {
	padding:0;
}

#apus-header .navbar-nav.megamenu .dropdown-menu a:link; #apus-header .navbar-nav.megamenu .dropdown-menu a:visited  {
	padding: 5px 7px!important;
    line-height: 1.25!important;
    font-weight: bold!important;
    font-size: 12px!important;
    letter-spacing: .04em!important;
}

#apus-header .navbar-nav.megamenu .dropdown-menu li.active a:link, #apus-header .navbar-nav.megamenu .dropdown-menu li.active a:visited {
	color: rgba(225,223,86,1)!important;
	background: rgba(213,35,57,1)!important;
}

#apus-header .navbar-nav.megamenu .dropdown-menu > li > a:hover, #apus-header .navbar-nav.megamenu .dropdown-menu li.active a:hover {
	color: #d52339!important; 
	background: #ffdf56!important;
}

ol.breadcrumb {
	display: none!important;
}


/** ALERT BAR **/

#header-alertbar.widget {
	margin-bottom: 0;
	text-align:center;
	background-color: rgba(213,35,57,1);
	color: #ffffff;
	padding:3px 10px;
}

#header-alertbar.widget a:link, #header-alertbar.widget a:visited {
	color: #ffdf56;
}

#header-alertbar.widget:hover {
	
}

/** FOOTER **/

footer > .container {
	padding: 15px;
}

footer .widget {
	margin-bottom: 0;
}

footer a:link, footer a:visited, #apus-footer a:link, #apus-footer a:visited {
	color: #ffffff!important;
}

footer a:hover, #apus-footer a:hover {
	color: #ffdf56!important; 
}

.footer-contact {
	padding-top: 15px;
}

.footer-contact b {
	letter-spacing: .05em;
}

.footer-contact span {
	color: #acacac!important;
}

.footer-donate .btn-red {
	padding: 20% 0;
    text-align: center;
}

.footer-nav {
	padding-left: 15px;
	pading-right: 15px;
}

.footer-nav .menu > li:first-child, footer .footer-nav .menu > li:last-child {
	display: none;
}

.footer-nav .menu > li {
	display: block;
	width: 100%;
}

.footer-nav .menu > li > a {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .05em;
	display: inline-block;
	margin-right: 5px;
}

.footer-nav .menu > li > ul, .footer-nav .menu > li > ul > li, .footer-nav .menu > li > ul > li > ul, .footer-nav .menu > li > ul > li > ul > li {
	padding: 0;
	display: inline;
}

.footer-nav .menu > li > ul > li > a, .footer-nav .menu > li > ul > li > ul > li > a {
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
}

.footer-lower {
	background-color: #000000;
	padding-top: 15px;
}

.footer-copyright {
	padding-left: 15px;
	}
	
.footer-social .nav-title, .footer-social ul, .footer-social li {
	display: inline;
}

.footer-social .nav-title {
	margin-right: 10px;
}

.footer-social li a:link, .footer-social li a:visited {
	color: #acacac;
}

.footer-social li a:hover {
	color: #ffdf56;
	}
	
.footer-social {
	text-align: right;
	padding-right: 60px;
}


/** MOBILE - ACTION BAR **/


.navbar-action {
	margin-bottom: 0;
    width:100%;
	background: rgba(118,0,89,1);
	border-radius: 0;
}

.navbar-action ul { 
list-style: none; 
margin: 0 auto; 
padding: 0; 
max-width:100%;
width: 100%;
display: block;
max-width: 1200px;
}

.navbar-action li {
display: inline-block;
width: 25%;
float: left;
}

.navbar-action a:link, .navbar-action a:visited { 
color: white!important; 
text-decoration: none;
background: rgba(118,0,89,1);
padding: 15px 15px;
display: inline-block;
width: 100%;
font-family: 'Roboto Slab', serif;
text-align: center;
line-height: 1.15em;
font-weight: 600;
letter-spacing: 0;
font-size: 18px;
}

.navbar-action a:hover { 
background: rgba(213,35,57,1); 
color: #ffdf56!important; 
}

#menu-mobile-bar {
	    position: fixed;
	    bottom: 0;
	    z-index: 5000;
	    background: #ffffff;
	    padding-top: 1px;
	    -webkit-box-shadow: -1px -3px 24px -3px rgba(0,0,0,0.36);
		-moz-box-shadow: -1px -3px 24px -3px rgba(0,0,0,0.36);
		box-shadow: -1px -3px 24px -3px rgba(0,0,0,0.36);
}

#menu-mobile-bar li {
width: 50%;
}

#menu-mobile-bar a {
	border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}


.page-template-page-action #menu-mobile-bar {
	display: none;
}

/** BREADCRUMB **/

.apus-breadscrumb .wrapper-breads {
	min-height: 100px;
}

.apus-breadscrumb .bread-title {
	margin: 0 0 20px;
}



/** HOMEPAGE **/

h3.home-section-hdr {
	font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: rgba(118,0,89,1);
    font-size: 26px;
    font-weight: 800!important;
    line-height: 1.15em;
}

.home .section-rightrail {
	border-left: 2px solid #ffffff;
}

.section-bloglist .list-default {
	-webkit-box-shadow: none!important;
    box-shadow: none!important;
	}
.section-columns .more-link {
	display:none!important;
	}
	
.section-content h4 {
	color: rgba(118,0,89,1);
}

.section-content .vc_gitem-zone-mini {
	background:#ffffff;
}
	
.section-impact h5 {
	color: rgba(118,0,89,1);
	font-size: 24px;
	line-height:1.1em;
	font-weight: 300!important;
}

.section-impact-btns {
	text-align: center;
}

.home-newsletter .widget-description, .widget-newletter .widget-description {
	font-family: 'Montserrat', sans-serif!important;
	font-style: normal;
	
}

.section-newsletter span  {
	font-family: 'Montserrat', Arial, sans-serif!important;;
}

.section-newsletter .sli-button {
	font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px!important;
    font-weight: 700;
    padding: 7px 15px!important;
    letter-spacing: .05em;
    margin-top:10px;
}

.section-newsletter .sli-element, .section-newsletter .sli-element p {
	margin-top:5px;
	margin-bottom:0!important;
}

.section-newsletter .sli-element span {
	font-family: 'Roboto Slab',sans-serif!important;
	}

.section-newsletter .sli-label {
	margin-bottom: 5px;
}


	
/** ACTION PAGES **/

.page-template-page-action #main-container {
	margin-top: -150px;
	}
	

.action-menu-container {
	width: 100%;
    height: 200px;
    display: block;
    position: relative;
    z-index:2;
}

.action-menu-container ul {
	width: 100%;
	z-index: 10;
	padding-top:50px;
	display:block;
	}

.action-menu-container li {
	display: none;
	width: 100%;
	height:50px;
	padding: 5px 15px;
	background: #ffdf56;
	text-align: center;
	opacity: .9;
	}
	
.action-menu-container li a {
	font-size: 36px;
    font-family: 'Roboto Slab', serif;
    color: rgba(118,0,89,1);
    font-weight: 900;
    line-height: 40px;
	}

.action-menu-container li a:hover {
    color: rgba(213,35,57,1);
    }
	
.action-menu-container li.active a:after, .action-menu-container li.active a:before {
	content: '\f0d7';
   font-family: FontAwesome;
   color: rgba(118,0,89,.4);
   color: #ffffff;
   font-weight: normal;
   font-style: normal;
   margin:0px 10px 0px 10px;
   text-decoration:none;
}

.action-menu-container:hover li.active a:after, .action-menu-container:hover li.active a:before {
   color: rgba(118,0,89,0);
   }
	
.action-menu-container li.active {
	position: absolute;
	top:0;
	left:0;
	display:block;
	color: rgba(118,0,89,1);
	background: #ffdf56;
	opacity:1;
	}
.action-menu-container:hover li {
	display:inline-block;
	}
	

/**CAMPAIGN PAGE**/

.campaign-stigma-shirt-lift img {
    display: block;
    position: absolute;
    z-index: 2000;
    left: 0;
    margin-top: -50px;
 }
 
 
/** ANNUAL REPORT 2020 **/

.ar2020-bg-heart {
	background-position: 80% -24%!important;
	background-size: 50%;
	background-image: url('/wp-content/uploads/2020/12/thp-site-ar2020-heartbg.png');
}


.detail-post .entry-content-detail .entry-description {
	font-family: 'Montserrat', arial, sans-serif;
}
 
 


/* Mobile (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 1200px) {
	
}


/* Mobile (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 992px) {
	
	.hide-mobile {
		display: none!important;
	}
	
	.hide-desktop {
		display: block!important;
	}
	
	

}




/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {


}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* Mobile to Tablet ----------- */
@media only screen and (max-width : 768px) {
/* Styles */

	.footer-donate .btn-red {
		padding: 20px 0 10px 0;
	}

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/*  ----------- */
@media only screen and (min-width : 986px){

.header-v4 .site-header-mainmenu, .header-v1 .site-header-mainmenu {
	padding: 0 30px 0 0!important;
}

}


/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */

.home .wpb_button, .home .wpb_content_element, .home ul.wpb_thumbnails-fluid>li {
	margin-bottom: 0!important;
}

}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */

}

@media only screen and (min-width: 300px) and (max-width: 640px) {
	
	
	
	.home .section-rightrail {
		border-left: none;
	}
	
	.header-mobile {
		padding-bottom: 0;
	}
	
	.footer-logo, .footer-contact, .footer-copyright, .footer-social {
		text-align: center;
		width: 100%;
	}

	.footer-copyright {
		margin-bottom: 0;
	}

	.footer-social {
		padding-right: 0;
	}
	
	.footer-lower {
		margin-bottom: 100px;
	}
	
	.section-rightrail .section-rightrail-feature-image {
		max-width: 300px;
		text-align:center;
		margin: 0 auto;
	}
	
	/** .home .header-mobile .logo > a > img {
	  display: block;
	  -moz-box-sizing: border-box;
	      box-sizing: border-box;
	    background: url(../img/thp-MarkTagline-Color-RGB.png) no-repeat;
	    width: 100%;
	    height: 120px;
	    padding-left: 100%;
	    background-size: contain;
	    background-position: center center;
	  } **/
}

/* IE 10 and 11 ----------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ie-no {
		display:none!important;
	}
	
	.ie-yes {
		display:block!important;
	}

}