/*
Theme Name: the7dtchildnew
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');
.page-id-15141 .iso-item { margin-bottom: 20px !important;}
.dt-btn{    background-color: #009639 !important;background: #009639 !important;  }
/* Donation Button Home Page */
.mc4wp-form input[type="submit"]{    background-color: #009639 !important;background: #009639 !important;  }
.popmake-content input[type="submit"], .popmake-close{
	background: #009639 !important
}
.popmake-content input[type="text"]	, .popmake-content input[type="email"]{
	padding: 2px 10px;
	margin: 0px auto;
}

.popmake-content{
	height: 100%;
}
/* map */
.mapplic-sidebar {
	width: 0%;
}

.mapplic-container {
	width: 100%;
}

a.mapplic-pin.pin-label {
    color: #fff;
    font-size: 16px !important;
    line-height: 20px !important;
}

a.mapplic-pin.pin-ribbon {
    min-width: 10px;
        height: 20px !important;
}

a.mapplic-popup-link {
    background-color: #39B54A;
}


/* homepage posts */


/* .blog-shortcode.blog-masonry-shortcode-id-1 .post-thumbnail-wrap {
    display: none;
}
 */
a { text-decoration:none}
body{
  font-family: 'Montserrat', sans-serif !important;
  color: #444444;
  background-color: #fff;
}
ul.nostyle{
  padding: 0;
}
ul.nostyle li{
  list-style: none;
}
.btn{
  border-radius: 100px;
  padding: 10px 20px;
  text-transform: uppercase;
  color: #444444;
  font-weight: 600;
}
.btn-white{
  background-color: #fff;
  color: #444444;
}
.btn-white:hover{
  background-color: #ffe500;
  color: #444444;
}

.btn-green{
  background-color: #009639;
  color:#fff;
}
.btn-green:hover{
  background-color: #FF8D0C;
  color:#fff;
}
.topbar{
  background-color: #009639;
}
.topbar p{
  color: #fff;
  font-weight: 600;
  margin:0;
}
.socialinks{
  list-style-type: none;
  margin-bottom: 0;
  margin-left: auto;
}
.socialinks li{
  display: inline-block;
  margin: 10px;
}
.socialinks li a{
  color: #fff;
  font-size: 20px;
}
.socialinks li a:hover{
  opacity: .4;
}
.nav-area{
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ECF0F1;
}
.nav-area .navbar{
  margin-left: auto;
}
.nav-area .nav-item .nav-link,
.nav-area .nav-item .dropdown-item{
  font-size: 14px;
}
.nav-area .nav-item .dropdown-item:hover,
.nav-area .nav-item .dropdown-item:focus,
.nav-area .nav-item .dropdown-item:active{
  background-color: transparent;
}
.nav-area .navbar li.nav-item{
  margin: 0 10px;
}
.donate-btn-1{
  display: block;
}
.donate-btn-2{
  display: none;
}
.nav-area .navbar a:not(.btn){
  color: #444444;
  font-weight: 600;
  text-transform: capitalize;
}
.nav-area .navbar a:not(.btn):hover{
  color: #FF8D0C;
}
.nav-area .navbar a.btn{
  padding: 10px 15px;
}
.nav-area .open-search{
  cursor: pointer;
  border-radius: 100px;
  padding: 7px 11px;
}
.nav-area .open-search:hover{
  background-color: #FF8D0C;
  color: #fff;
}
.slider-area1{
  background-color: #f7f7f7;
  height: 30vh;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.slider-area1:before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
  /*background-color: rgba(245, 177, 24, 0.2); */
  background-color: none;
}
.slider-area1 .container{
  z-index: 1;
}
.slider-area1 .slide-caption {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
	padding: 20px 100px;
	text-align: center;
}
.slider-area1 .slide-caption  h3{
    color: #fff !important;

}
@media (max-width: 767px){
	.slider-area1 .slide-caption h3{
		font-size: 16px !important;
	}
	.slider-area1 .slide-caption{
		padding: 10px 20px !important;
	}

}

.slider-area{
  background-image: url(img/slide-1.jpg);
  height: 100vh;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.slider-area:before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
  background-color: rgb(0 0 0 / 40%)
/*   background-color: none; */
}
.slider-area .container{
  z-index: 1;
}

[class*=" icon-"]:before, [class^=icon-]:before{ font-family: icomoon; }
.page-header h1{font: normal 42px / 42px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;color:#fff}
.about-box h1{color: #000 !important;}
.vision-wrap h2{color: #000 !important;}
.vision-wrap p,.about-box p{color: #000 !important;}

h1,h2,h3,h4,h5,h6{font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;}

.footer-widget h5{color: #444444 !important;font: 600 16px / 16px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;}
.slider-area .slide-caption p{font-size: 16px !important;}
.slider-area .slide-caption h1{color: #fff !important;}
.slider-area .slide-caption{
  position: absolute;
  top: 50%;
  left: 0;
  color: #fff !important;
  transform: translateY(-50%);
  /*-webkit-transform: translateY(-50%);*/
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.21);
}
.news-area{
  top: -70px;
  position: relative;
}
.news-area .newsbox{
  background-color: #ECF0F1;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -webkit-box-shadow: 0px 11px 24px -12px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 11px 24px -12px rgba(0,0,0,0.6);
  box-shadow: 0px 11px 24px -12px rgba(0,0,0,0.6);
}
.news-area .newsbox:hover{
  background-color: #fff;
}
.news-area .newsbox a{
  text-decoration: none;
  color: #444444;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}
.news-area .newsbox:hover a{
  color: #009639;
}
.news-area .newsbox .news-thumbnail{
  overflow: hidden;
   margin-bottom: 20px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}
.news-area .newsbox:hover .news-thumbnail{
  opacity: .8;
}
.news-area .newsbox .news-content {
  padding: 0 15px 20px;
}
.news-area .newsbox .news-content .date{
  font-size: 12px;
}
.news-area .newsbox .news-content .title{
  font-weight: 600;
  font-size: 1em;
  padding: 5px 0;
}
.news-area .newsbox .news-content strong{
  /*font-size: .8em;*/
  color: #009639;
  display: block;
  text-align: right;
}
.navbar-toggler{
	font-size: 2em !important;
}

.about-box,
.ways-to,
.vision-wrap,
.footer{
  background-color: #fff;
  padding: 60px 0;
}
.about-box{
  background-color: #ECF0F1;
  color: #fff;
}
.about-box h1{
  font-size: 2em;
  font-weight: 600;
}
.about-box h1 span{
  color: #009639;
}
.ways-to *[class^="icon-"]{
  font-size: 5rem;
  color: #009639;
}
.ways-to h4{
  font-weight: 600;
  font-size: 1.4rem;
  margin: 20px 0;
}
.ways-to p{
  margin-bottom: 30px;
  font: 400 16px / 25px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
  color: #444444;
  line-height:24px;
}
.ways-to .btn{
  display: block;
  margin:0 auto;
}
.ways-to .box-division{
  padding: 0 0 50px;
  text-align: center;
}
.ways-to .box-division{
  padding: 0 0 50px;
  text-align: center;
}
.center-heading{
  text-align: center;
  padding: 0 0 30px;
}
.center-heading h1{
  font-weight: 600;
}
.vision-wrap{
/*   background-color: #009639; */
  background-color: #ECF0F1;
  color: #fff !important;
}
.active-supporter{

  background-color: #fff;
  color: #fff !important;
}
.vision-wrap h2{
  font-size: 2em;
  font-weight: 600;
}
.footer ul li{
  margin-bottom: 10px;
}
.footer .footer-widget h5{
  margin-bottom: 20px;
  font-weight: 600;
}
.footer .footer-widget.about img{
  margin-bottom: 20px;
}
.footer .footer-widget a{
  color: #009639;
}
.footer .footer-widget.contact li{
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.footer .footer-widget.contact li i{
  padding-right: 10px;
  color: #009639;
}
.copyright-bar{
  padding: 10px 0;
  background-color: #009639;
}
.copyright-bar img{
  width: 360px;
}
.copyright-bar p{
  margin-left: auto;
  margin-bottom: 0;
  color: #fff;
}



.active-supporter #mini-panel-homepage_connect_with_us h3 {
    margin: 0!important;
    float: left;
    line-height: 32px;
}
.active-supporter .panel-unicef-mixed-layout .panel-col-top-feature, .panel-unicef-mixed-layout .panel-col-body-feature {
    overflow: hidden;
}
.active-supporter .panel-unicef-mixed-layout .panel-panel {
    margin-bottom: 10px;
    overflow: hidden;
}

.active-supporter .panel-unicef-mixed-layout .panel-col-top-feature, .panel-unicef-mixed-layout .panel-col-body-feature {
    width: 100%;
    clear: both;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    float: left;
}
.active-supporter .panel-unicef-mixed-layout .panel-col-top-feature, .panel-unicef-mixed-layout .panel-col-body-feature .inside {
    padding-top: 22px;
}
.active-supporter .panel-unicef-mixed-layout .panel-col-top-feature .inside, .panel-unicef-mixed-layout .panel-col-body-feature .inside {
    margin: 0;
    padding: 0;
}
.active-supporter #mini-panel-homepage_connect_with_us {
    width: 90%;
    min-height: 430px;
    position: relative;
    display: block;
    margin: 86px auto 52px;
    background-color: #ECF0F1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.active-supporter .panel-unicef-mixed-layout .panel-panel {
    margin-bottom: 10px;
    overflow: hidden;
}
.active-supporter .panel-2col-stacked .panel-col-top .inside {
    margin-bottom: .5em;
	padding-top: 22px;
}
.active-supporter .panel-unicef-mixed-layout .panel-col-top-feature, .panel-unicef-mixed-layout .panel-col-body-feature .inside {
    padding-top: 22px;
}
.active-supporter .panel-unicef-mixed-layout .panel-col-top-feature .inside, .panel-unicef-mixed-layout .panel-col-body-feature .inside {
    margin: 0;
    padding: 0;
}




.active-supporter #mini-panel-homepage_connect_with_us .center-wrapper .panel-col-first .inside, #mini-panel-homepage_connect_with_us .center-wrapper .panel-col-last .inside {
    margin: 0;
    padding: 0;
}
.active-supporter #mini-panel-homepage_connect_with_us .center-wrapper .panel-col-first .inside p {
    font-weight: 400;
    -webkit-text-stroke: 0;
    font-style: normal;
    font-size: 21px;
    line-height: 28px;
    margin: 0;
	color:#000;
}
.active-supporter #mini-panel-homepage_connect_with_us .webform-client-form .webform-component-email {
    margin: 20px 0 21px;
}
.active-supporter #mini-panel-homepage_connect_with_us .webform-client-form .webform-component-email label {
    display: none;
}
.active-supporter .webform-container-inline div, .webform-container-inline div.form-item {
    display: inline;
}
#active-supporter, .webform-container-inline label {

        margin-right: 1em;
        display: none;
}
.active-supporter #mini-panel-homepage_connect_with_us .webform-client-form .webform-component-textfield {
    width: 89px;
    float: left;
    margin: 0;
}

.active-supporter .form-placeholder {
    position: relative;
}
.active-supporter .placeholder-text {
    display: inline;
    position: absolute;
    font-weight: 400;
    -webkit-text-stroke: 0;
    font-size: 14px;
    color: #828385;
    margin: 0;
    left: 12px;
    top: 0;
    outline: none;
}
.active-supporter #mini-panel-homepage_connect_with_us .webform-client-form .webform-component-email input {
    width: 331px;
    height: 35px;
    font-weight: 400;
    -webkit-text-stroke: 0;
    font-size: 14px;
    line-height: 37px;
    color: #828385;
    margin: 0;
    background-color: #fff;
    border: 0;
    text-indent: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
}
.active-supporter #mini-panel-homepage_connect_with_us .webform-client-form .webform-component-textfield input {
    width: 89px;
    height: 35px;
    font-weight: 400;
    -webkit-text-stroke: 0;
    font-size: 14px;
    line-height: 37px;
    color: #828385;
    margin: 0;
    background-color: #fff;
    border: 0;
    text-indent: 12px;
    outline: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.active-supporter #mini-panel-homepage_connect_with_us .webform-client-form #edit-actions {
    width: 225px;
    float: left;
    margin-left: 17px;
}
.active-supporter #mini-panel-homepage_connect_with_us .webform-client-form #edit-actions input {
    width: 100px ;
    background-color: #ee2a24;
    display: block;
    text-align: center;
    font-weight: 400;
    -webkit-text-stroke: 0;
    font-style: normal;
    float: left;
    clear: both;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    outline: none;
}
.active-supporter button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
	background-color: #009639 !important;background: #009639 !important;
}

.active-supporter #mini-panel-homepage_connect_with_us .center-wrapper .panel-col-first .inside, #mini-panel-homepage_connect_with_us .center-wrapper .panel-col-last .inside {
    margin: 0;
    padding: 0;
}
 .active-supporter .item-list-image:first-child {
    margin-top: 0;
}
 .active-supporter .item-list-image .left-image {
    display: block;
    width: 79px;
    min-height: 79px;
    margin-right: 16px;
    float: left;
}
 .active-supporter a{
    font-weight: 700;
    -webkit-text-stroke: 0;
    color: #004060 !important;
    text-decoration: none;
}

 .active-supporter .item-list-image .right-content {
    display: block;
    overflow: hidden;
}
 active-supporter .item-list-image .item-title {
    font-weight: 400;
    -webkit-text-stroke: 0;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #154c6a;
    margin-bottom: 4px;
}
.active-supporter .item-list-image .item-description {
    font-weight: 400;
    -webkit-text-stroke: 0;
    font-size: .85em;
    line-height: 1.25em;
    padding-bottom: .5em;
	color:#000;
}

 .active-supporter .item-list-image {
    margin-top: 0px !important;
}

.active-supporter .panel-2col-stacked .panel-col-top, .panel-2col-stacked .panel-col-bottom {
    width: 99.9%;
    clear: both;
}
.active-supporter .panel-unicef-mixed-layout .panel-panel {
    margin-bottom: 10px;
    overflow: hidden;
}
.active-supporter .panel-unicef-mixed-layout .panel-col-top-feature, .panel-unicef-mixed-layout .panel-col-body-feature .inside {
    padding-top: 22px;
}
.mapplic-layer a{
	z-index:2
}
.mapplic-map-image{
z-index: 1;
}
/*.mapplic-map .mapplic-map-image {
    padding: 10px;
    background: #ecf0f1;
    border-radius: 10px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 15px 10px rgba(0,0,0,.6);
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0,.6);
    -moz-box-shadow: 0 15px 10px rgba(0,0,0,.6);
}*/
.mapplic-layer:after, .mapplic-map .mapplic-layer:before{
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0,.6);
    box-shadow: 0 15px 10px rgba(0,0,0,.6);
    left: 5px;
    right: 50%;
    bottom: 8px;
    height: 30%;
    z-index: 0;
    border-radius: inherit;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: skewY(-6deg);
    -ms-transform: skewY(-6deg);
    transform: skewY(-6deg);
}
.mapplic-layer:after{
    left: 50%;
    right: 5px;
    -webkit-transform: skewY(6deg);
    -ms-transform: skewY(6deg);
    transform: skewY(6deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.vision-wrap img{
    box-shadow: 0px 11px 24px -12px rgba(0,0,0,0.6);
    padding: 10px;
}

.page-header {
    background-image: url(https://www.kinderusa.org/wp-content/uploads/2019/08/header-bg.jpg);
    background-position: center;
    background-size: cover;
    height:500px;
    position: relative;
    overflow: hidden;
	margin-bottom: 5px;
	background-attachment: fixed;
}
.page-id-14998 .page-header,.page-id-14997 .page-header,.page-id-14994 .page-header,.page-id-14995 .page-header,.page-id-14996  .page-header, .page-id-15107 .page-header, .page-id-15109  .page-header, .page-id-15000  .page-header{
	 background-position: top;
}
.page-header .header-content{
    background: rgba(0, 0, 0, 0.5);
    padding: 20px 30px;
    border-radius: 10px;
	position: absolute;
	bottom: 10px;
}
.page-header .allheading, .allparagraph {
   color: #fff;
}
.footer {background: #ECF0F1; font-size: 16px; line-height:26px; color: #444444 !important}


.wpb_wrapper h2 {
    font-size: 1.7em;
    font-weight: 600;
    color: #009639;
	font-family: 'Montserrat', sans-serif !important;
}
.wpb_wrapper .designation {
    font-size: 1.1em;
    margin: 0px 0 20px;
    display: block;
    color: #f5b118;
    border-bottom: 2px solid #f5b118;
    padding-bottom: 10px;
}
.page-id-14995{
	background-color: #ECF0F1;
}
.wpb_wrapper p{
   color: #444444 !important;
   font-family: 'Montserrat', sans-serif !important;
   font-size: 1em;
}
.css-events-list table.events-table td,.css-events-list table.events-table th {
    padding: 0 10px;
}
.css-events-list{margin: 20px auto;}
.page-id-15365 #em-wrapper p{display:none}
ul.gifts{
	list-style-type: disc;
	margin-left: 50px;
    margin-bottom: 200px;
}
.blog-shortcode .wf-cell, .blog.layout-grid .wf-container.description-under-image .wf-cell, .grid-masonry .wf-cell, .iso-grid .wf-cell, .iso-item, .portfolio-shortcode .wf-cell, .shortcode-blog-posts .wf-cell{
	opacity:1 !important;
	margin: 10px auto;
	padding:0 !important;
}
.wf-cell .post-entry-content
{
 padding: 25px;
}
.page-id-15000 .wf-cell .post-entry-content {
    padding: 10px !important;
}
.page-id-15000 .blog-shortcode .wf-cell article{
	border: 1px solid;
    margin: 0 5px;
}

/*** Sohaib ***/
.top-banner{
    text-align: center;
    padding: 20px;
}
.top-banner img{
    max-width: 100%;
}



*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}