/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/

/* Colors */
/*
#017dc5 (blue)
#29ace1 (lt blue)
#006193 (dk blue)
#01c461 (green)
#b51f4e (red)
#e3b80f (orange)
#4a4e54 (grey)
*/

/*@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i';*/

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300i';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400i';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:700';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:700i';
@import 'https://fonts.googleapis.com/css?family=PT+Sans:600';

body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
	/* font-size: 1.5em; */
	line-height: 1.85em;
	color: #4a4e54;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;}

#main .main-color a {transition: opacity .25s ease-in-out;}
#main .main-color a:link {color: #017dc5; opacity: 1;}
#main .main-color .navbar-header a:link {color: #fff; opacity: 1;}
#main .main-color a:visited,
#main .main-color a:hover {opacity: .6;}
#main .main-color a:active,
#main .main-color a:focus {opacity: .8;}

.navbar-header {margin-top: 1em;}

#main .main-color ::selection {background: #017dc5; color: #fff;}
#main .main-color ::-moz-selection {background: #017dc5; color: #fff;}

#main .main-color h1, #main .main-color h2, #main .main-color h3, #main .main-color h4, #main .main-color h5, #main .main-color h6 {line-height: 1.25em; margin: 0 0 .25em; font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
#main .main-color h1, #main .main-color h3, #main .main-color h4 {color: #017dc5;}
#main .main-color h1, #main .main-color h3 {font-weight: 700; font-style: oblique;}
#main .main-color h2, #main .main-color h3 {margin: 0 0 .75em;}

#main .main-color h1 {font-size: 4em; line-height: 1.25em;}
#main .main-color h2 {font-size: 2.5em; font-weight: 300; font-style: normal;}
#main .main-color .gradient h1,
#main .main-color .grey-dient h1 {font-size: 3em;}
#main .main-color .gradient h2,
#main .main-color .grey-dient h2 {font-size: 2em;}
#main .main-color h3 {font-size: 2em; margin-top: 1.25em;}
#main .main-color h4 {font-size: 1.25em; margin-top: 1.5em; padding-bottom: 0; font-weight: 700; text-transform: uppercase;}

.kleo-notifications.new-alert {background-color: #29ace1 !important;}
.header-color .kleo_ajax_results h4 {color: #fff !important;}

#main,
.gradient {
	padding: 0;
	margin: 0;
	position: relative;
	background-color: #fafafa;
	background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 30%, #ffffff 50%, #e6e6e6 100%);
	background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 30%,#ffffff 50%,#e6e6e6 100%);
	background: linear-gradient(to bottom, #fafafa 0%,#ffffff 30%,#ffffff 50%,#e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0);
}

.grey-dient {
	padding: 0;
	margin: 0;
	position: relative;
	background: #f1f1f1;
}

/*Home header styles*/
.hms-lead {
	background-size: cover !important;
	margin-bottom: 0 !important;
}
.hms-lead-img {
	background-size: auto 100% !important;
	padding: 80px 0;
}
.hms-lead-copy {/*font-size: 1.1em;*/}
.hms-lead-copy,
.hms-lead-copy h1,
.hms-lead-copy h2,
.hms-lead-copy p {width: 70%;}
.hms-lead,
.hms-lead-mobile {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/pmc-lead-bg.jpg') 50% 0 no-repeat;}
.hms-lead-img,
.hms-lead-mobile span {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/pmc-lead-blue.png') 100% 0 no-repeat;}

/*Interior header styles*/
.hms-lead-interior {
	background-size: cover !important;
	margin-bottom: 0 !important;
}
.hms-lead-interior-img {
	background-size: auto 100% !important;
	padding: 3em 0;
}
.hms-lead-interior-copy {width: 70%;}


.kleo-main-header, .hms-photo, .hms-btn {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}




/*Fancy HMS buttons*/
.hms-btn {
	display: inline-block;
	margin-top: 1.8em;
	padding: 1.3em 3.8em;
	background-color: #017dc5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
	opacity: 1;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	
}

.hms-btn:hover {
	opacity: .95;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
}

/*Fancy HMS blockquotes*/
#main .main-color blockquote {border-left: none; padding: 0; margin: 0;}
#main .main-color blockquote:before, #main .main-color blockquote:after {content: none;}
#main .main-color blockquote {border-left-color: none;}
#main .main-color blockquote {
	margin: 2.5em auto 1em;
	padding-right: 2em;
	font-weight: 300;
	text-transform: uppercase;
	position: relative;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

#main .main-color blockquote p {font-size: 2.25em; 	line-height: 1.75em;}

#main .main-color blockquote:before {
	position: absolute;
	color: #017dc5;
	quotes: "“" "”" "‘" "’";
	content: open-quote;
	font-size: 10em;
	top: -1px;
	left: 0;
	font-family: 'PT Sans', sans-serif;
}
#main .main-color blockquote:after {
	position: absolute;
	color: #017dc5;
	quotes: "“" "”" "‘" "’";
	content: close-quote;
	font-size: 10em;
	bottom: -1px;
	right: 0;
	font-family: 'PT Sans', sans-serif;
}
#main .main-color blockquote em {
  display: block;
  color: #017dc5;
  font-size: .75em;
}

/* Image Captions w/in Visual Composer */
#main .main-color .wpb_single_image .vc_figure-caption {
    font-size: .7em;
    position: absolute;
    z-index: 2;
    display: inline-block;
    white-space: pre;
    bottom: 0;
    left: 30%;
    padding: 3px 8px;
    background-color: rgba(74, 78, 84, 0.4);
    color: #fff;
}



/*Socket (footer/copyright bar)*/
#socket, #socket .col-sm-12 {overflow: hidden;}
.hms-footer-left {width: 50%; float: left;}
.hms-footer-right {width: 50%; float: right;}
.hms-footer-right ul {text-align: right;}
.hms-footer-right li {display: inline-block; margin-left: 1em;}


/* HMS Section Colors /////////////////////////*/

/*#29ace1 (ltblue)*/
#main .hms-ltblue ::selection,
.hms-ltblue #main ::selection {background: #29ace1 !important;}
#main .hms-ltblue ::-moz-selection,
.hms-ltblue #main ::-moz-selection {background: #29ace1 !important;}
#main .main-color .hms-ltblue a,
#main .main-color .hms-ltblue h1,
.hms-ltblue #main a,
.hms-ltblue #main h1,
.hms-ltblue #main h3,
.hms-ltblue #main h4,
.hms-ltblue #main blockquote:before,
.hms-ltblue #main blockquote:after,
.hms-ltblue #main blockquote em {color: #29ace1 !important;}
#main .main-color .hms-ltblue .hms-btn,
.hms-ltblue #main .hms-btn {background: #29ace1 !important; color: #fff !important;}
.hms-ltblue .hms-lead-interior,
.hms-ltblue .hms-lead-interior-mobile {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/hms-ltblue-bg.jpg') 50% 50%  no-repeat;}
.hms-ltblue .hms-lead-interior-img,
.hms-ltblue .hms-lead-interior-mobile span {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/hms-ltblue-photo.png') 100% 0 no-repeat;}
.hms-ltblue .map-places-listing {background-color: #29ace1;}
.hms-ltblue .map_category {background-color: rgba(41, 172, 225, 0.8);}

/*#01c461 (green)*/
#main .hms-green ::selection,
.hms-green #main ::selection {background: #01c461 !important;}
#main .hms-green ::-moz-selection,
.hms-green #main ::-moz-selection {background: #01c461 !important;}
#main .main-color .hms-green a,
#main .main-color .hms-green h1,
.hms-green #main a,
.hms-green #main h1,
.hms-green #main h3,
.hms-green #main h4,
.hms-green #main blockquote:before,
.hms-green #main blockquote:after,
.hms-green #main blockquote em {color: #01c461 !important;}
#main .main-color .hms-green .hms-btn,
.hms-green #main .hms-btn {background: #01c461 !important; color: #fff !important;}
.hms-green .hms-lead-interior,
.hms-green .hms-lead-interior-mobile {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/hms-green-bg.jpg') 50% 50%  no-repeat;}
.hms-green .hms-lead-interior-img,
.hms-green .hms-lead-interior-mobile span {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/hms-green-photo.png') 100% 0 no-repeat;}
.hms-green .map-places-listing {background-color: #01c461;}
.hms-green .map_category {background-color: rgba(1, 196, 97, 0.8);}


/*#b51f4e (red)*/
#main .hms-red ::selection,
.hms-red #main ::selection {background: #b51f4e !important;}
#main .hms-red ::-moz-selection,
.hms-red #main ::-moz-selection {background: #b51f4e !important;}
#main .main-color .hms-red a,
#main .main-color .hms-red h1,
.hms-red #main a,
.hms-red #main h1,
.hms-red #main h3,
.hms-red #main h4,
.hms-red #main blockquote:before,
.hms-red #main blockquote:after,
.hms-red #main blockquote em {color: #b51f4e !important;}
#main .main-color .hms-red .hms-btn,
.hms-red #main .hms-btn {background: #b51f4e !important; color: #fff !important;}
.hms-red .hms-lead-interior,
.hms-red .hms-lead-interior-mobile {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/hms-red-bg.jpg') 50% 50%  no-repeat;}
.hms-red .hms-lead-interior-img,
.hms-red .hms-lead-interior-mobile span {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/hms-red-photo.png') 100% 0 no-repeat;}

.hms-red .hms-lead-interior-img-50k-hb {background: transparent url('https://hms.jhpiego.org/wp-content/uploads/2018/07/hms-50k-hb-photo.png') 100% 0 no-repeat;}

/* Special Module Banner. Add hms-pe-e to page body class */
.hms-pe-e .hms-lead-interior,
.hms-pe-e .hms-lead-interior-mobile {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/hms-red-pe-e-bg.jpg') 50% 50%  no-repeat;}
.hms-pe-e .hms-lead-interior-img,
.hms-pe-e .hms-lead-interior-mobile span {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/hms-red-pe-e-photo.png') 100% 0 no-repeat;}

/* Special Module Banner. Add hms-tpbc to page body class */
.hms-tpbc .hms-lead-interior,
.hms-tpbc .hms-lead-interior-mobile {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/hms-red-tpbc-bg.jpg') 50% 50%  no-repeat;}
.hms-tpbc .hms-lead-interior-img,
.hms-tpbc .hms-lead-interior-mobile span {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/hms-red-tpbc-photo.png') 100% 0 no-repeat;}



.hms-red .map-places-listing {background-color: #b51f4e;}
.hms-red .map_category {background-color: rgba(181, 31, 78, 0.8);}


/*#e3b80f (orange)*/
#main .hms-orange ::selection,
.hms-orange #main ::selection {background: #e3b80f !important;}
#main .hms-orange ::-moz-selection,
.hms-orange #main ::-moz-selection {background: #e3b80f !important;}
#main .main-color .hms-orange a,
#main .main-color .hms-orange h1,
.hms-orange #main a,
.hms-orange #main h1,
.hms-orange #main h3,
.hms-orange #main h4,
.hms-orange #main blockquote:before,
.hms-orange #main blockquote:after,
.hms-orange #main blockquote em {color: #e3b80f !important;}
#main .main-color .hms-orange .hms-btn,
.hms-orange #main .hms-btn {background: #e3b80f !important; color: #fff !important;}
.hms-orange .hms-lead-interior,
.hms-orange .hms-lead-interior-mobile {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/hms-orange-bg.jpg') 50% 50%  no-repeat;}
.hms-orange .hms-lead-interior-img,
.hms-orange .hms-lead-interior-mobile span {background: transparent url('https://hms.jhpiego.org/wp-content/themes/kleo-child/img/hms-orange-bg.jpg') 100% 0 no-repeat;}
.hms-orange .map-places-listing {background-color: #e3b80f;}
.hms-orange .map_category {background-color: rgba(227, 184, 15, 0.8);}

.main-color a.hms-btn {color: #fff !important;}

/*Navigation*/
.navbar-nav > li > a {text-transform: uppercase;}
.navbar-nav li.active > a {color: #fff;}
.navbar-nav .dropdown-menu > li > a:hover {background-color: transparent;}

/*Geodirectory Styling*/
.geodir_form_row ul.chosen-results {
    width: 100%;
    height: 200px;
    overflow: scroll;
	background-color: #f1f1f1;
	border: 1px solid #dadada;
}
.geodir_form_row ul.chosen-results {padding: 8px; margin: 0 0 1.25em;}

.geodir_form_row ul.chosen-results li.active-result {
	cursor: pointer;
	margin: 0;
	padding: 8px 12px;
	list-style-type: none;
	color: #017dc5;
}
.geodir_form_row ul.chosen-results li:hover.active-result,
.geodir_form_row.result-selected {background: #017dc5; color: #fff;}
.geodir_form_row a.chosen-single span::after {content: "SELECTED"; background: #29ace1; color: #fff; font-size: .5em; padding: 6px; border-radius: 20px; margin: 0 0 10px 10px;}

.kleo-geodir #main .template-page {
	padding-top: 3em;
}
.geodir-bubble-meta-side {padding: 5px 20px 20px;}
#main .main-color .geodir-bubble_desc {line-height: 1.2em;}
#main .main-color .geodir-bubble_desc h4 {width: auto; position: relative; margin-top: 0; white-space: normal; text-transform: none; background: none; background-color: none; padding-left: 0; line-height: 1.2em;}
.geodir-map-posttype-list ul.place-list li.gd-map-search-pt a,
.geodir-map-navigation a,
.hms-ltblue #main .map-places-listing a,
.hms-blue #main .map-places-listing a,
.hms-green #main .map-places-listing a,
.hms-red #main .map-places-listing a,
.hms-orange #main .map-places-listing a {color: #fff !important;}
.map-places-listing {
	background-image: none; 
	background-color: #b51f4e;
	padding: 20px 0;
	margin-top: 0;
}
.map_category {
	background-image: none; 
	background-color: rgba(181, 31, 78, 0.8);
	padding: 20px;
}
.map_category>.inputbox {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #fff;
}
.map_category>.inputbox:focus {
    background: #fff;
    border: 1px solid #fff;
}
.geodir-map-navigation ul li {
	top: 20px;
}
/*Prisna Google Translate Widget Styling*/
.goog-te-gadget {
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
    white-space: nowrap;
}
a.goog-logo-link {
	font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: inherit !important;
}

.goog-te-gadget-simple {
	background-color: transparent !important;
	border: 1px solid #91C7B7 !important;
	color: #91C7B7 !important;
}

.goog-te-menu-frame {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4) !important;
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4) !important;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4) !important;
}

/*TweetSlide customizations*/ 
.tweetSlideOverlay {
    background: #017dc5 !important;
}
.twittIcon {
    background-color: transparent !important;}

/*Kleo Masonry Posts customization*/
.masonry-listing .post-content {
    border-style: none;
    background: #fff;
}
.main-color .post-item {background-color: transparent;}
#main .main-color h3.post-title {font-size: 1.5em; font-weight: 300; font-style: normal;}
#main .main-color .post-header a  {color: #4a4e54;}
#main .main-color .post-meta a,
#main .main-color .post-footer a {color: #bbbbbb;}



/* Mobile /////////////////////////*/

@media screen and (max-width:1440px){
.hms-lead-mobile,
.hms-lead-interior-mobile {display: none;}
}

@media screen and (max-width:1200px){
.hms-lead-copy {width: 70%; font-size: .8em;}
.hms-lead-interior-copy {width: 70%; font-size: .8em;}
}

@media screen and (max-width:900px){
.hms-lead-copy {}
.hms-lead-interior-copy {font-size: .7em;}
}



@media screen and (max-width:991px){
.hms-lead-mobile,
.hms-lead-mobile span {
	display: block;
	background-size: cover !important;
}
.hms-lead-mobile span {
	height: 400px;
	margin: 0 auto;
	padding: 0 2em;
}
.hms-lead {
	background-image: none;
	padding: 0;
	margin: 0;
	position: relative;
	background-color: #fafafa;
	background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 30%, #ffffff 50%, #e6e6e6 100%);
	background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 30%,#ffffff 50%,#e6e6e6 100%);
	background: linear-gradient(to bottom, #fafafa 0%,#ffffff 30%,#ffffff 50%,#e6e6e6 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0);
}
.hms-lead-img {
	background-image: none !important;
	padding: 1.5em;
}
.hms-lead-copy {width: 100%; text-align: center;}
.hms-lead-copy h1,
.hms-lead-copy h2,
.hms-lead-copy p {width: 100%;}
}






@media screen and (max-width:786px){
.hms-lead-interior-mobile,
.hms-lead-interior-mobile span {
	display: block;
	background-size: cover !important;
}
.hms-lead-interior-mobile span {
	height: 400px;
	margin: 0 auto;
	padding: 0 2em;
}
.hms-lead-interior {
	background-image: none;
	padding: 0;
	margin: 0;
	position: relative;
	background-color: #fafafa;
	background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 30%, #ffffff 50%, #e6e6e6 100%);
	background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 30%,#ffffff 50%,#e6e6e6 100%);
	background: linear-gradient(to bottom, #fafafa 0%,#ffffff 30%,#ffffff 50%,#e6e6e6 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0);
}
.hms-lead-interior-img {
	background-image: none !important;
	padding: 1.5em;
}
.hms-lead-interior-copy {width: 100%; text-align: center;}
}

@media screen and (max-width:640px){
.hms-lead-mobile span, 
.hms-lead-interior-mobile span {height: 300px;}
#main {text-align: center;}
}