/*
Theme Name: National Geographic Child
Description: This is a custom child theme for National Geographic
Theme URI:   https://www.mittun.com
Author: Mittun
Author URI:  https://www.mittun.com
Template: mittun
Version: 1.0
*/


/* Font Styles */

h1, h2, h4, h5, h6, .countDivtxt, .digit.static, div.number.default, label.gfield_label, body[data-form-submit=regular] .container-wrap input[type=submit]
{font-family: "Geograph Edit"!important;font-weight: 500!important;}

label.gfield_label, body[data-form-submit=regular] .container-wrap input[type=submit]
{color:black;letter-spacing: 1px!important;}

body[data-form-submit=regular] .container-wrap input[type=submit]
{text-transform: uppercase;}

i.nectar-menu-icon.fa.fa-facebook
{margin-right:15px!important;}

p, body .nectar-milestone .subject, a.nectar-inherit-h3.toggle-heading
{font-family: "Geograph Edit"!important;font-weight: 400;font-size:16px!important;}

.mittun-thermometer-goal span::before, .mittun-thermometer-container h3
{font-family: "Geograph Edit"!important;font-weight: 400!important; font-size:20px!important;letter-spacing: 0px;}

h3 {font-family: Geograph!important;font-weight:700!important;letter-spacing: 2px;
font-size: 30px;}

body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a
{font-family: 'Geograph Edit'!important;
    font-weight: 500!important;
    font-size: 20px!important;}

a.faq
{text-decoration: underline;
text-decoration-color: #fecf02;
text-decoration-thickness: 2px;
color: black;}

div[data-style="minimal"] .toggle:hover > .toggle-title a, div[data-style="minimal"] .toggle.open > .toggle-title a
{color:black!important}

#header-outer[data-lhe="animated_underline"] li > a .menu-title-text
{text-transform: uppercase;letter-spacing: 2px;font-family: "Geograph Edit"!important;font-weight: 500!important;}

#top nav>ul>li[class*=button_solid_color]>a:before 
{height: 35px!important;}

.nectar-button span
{font-weight: 500!important;font-family: Geograph!important;}

body b
{font-family: "Geograph Edit"!important;font-weight: 500!important;}

div.subject {color:gray!important}

span.mittun-yellow {color:#FECF02!important;}

span.subtitle 
{font-family: Geograph!important;
text-transform: uppercase!important;
letter-spacing: 2px;
font-weight: 400!important;
}

@media only screen and (max-width: 1100px) {
h3.counter-header 
{text-align: center;
	font-size:18px;margin-bottom:15px;}
	
@media only screen and (max-width: 395px) {
	.mittun-thermometer-goal span::before, .mittun-thermometer-goal span::before, .mittun-thermometer-container h3, .mittun-thermometer-container h3, .mittun-thermometer-container .mittun-thermometer-value span, .mittun-thermometer-value, #mittun-classy-217 .mittun-thermometer-value span, #mittun-classy-217 .mittun-thermometer-goal span, #mittun-classy-218 .mittun-thermometer-value span, #mittun-classy-218 .mittun-thermometer-goal span
	{font-size: 17px!important;}}

img.ngs-countdown
	{float: none!important;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 300px!important;
    margin-top: 10px;}}

img.img-with-animation.skip-lazy.mittun-image-gt.nectar-lazy.loaded
{max-width:100px!important}

.grid-container-classypress .grid-bottom span
{font-family: "Geograph";
letter-spacing: 2px;
font-size: 13px;
color: #575757;}

.grid-container-classypress .headline
{margin-bottom:0px}

div.description
{margin-bottom:20px}

[id^=sb-wall].sb-wall .sb-wall-load-btn, [id^=sb-wall].sb-wall .sb-wall-load-btn:hover
{background-color: #FECF02!important;
padding: 9px 10px 8px 10px!important;
max-width: 157px;
font-family: Geograph!important;
font-weight: 500!important;
letter-spacing: 1px;
padding: 15px 10px 15px 10px;
font-size: 12px;
text-transform: uppercase;
box-shadow: none;
padding: 0px;
margin-right: auto;
margin-left: auto;
border-radius:0px}

@media only screen and (max-width: 690px)
.wpb_wrapper h1.vc_custom_heading {
	{font-size: 25.1px!important;
    line-height: 29px!important;}}

span.close-wrap
{margin-top: 15px!important;
left: -6px!important;
width: 30px!important;
height: 30px!important;}

/* End of Font Styles */

/* Home Page Slider Styles */

div.nectar-carousel
{box-shadow: 0px 0px 28px 3px rgba(0,0,0,0.35)!important}

/* End of Home Page Slider Styles */

/* Social Wall Styles */

[id^=sb-wall].sb-wall .sbsw-identity .sbsw-author-name p
{color: #575757;text-decoration: underline;
text-decoration-color: #fecf02;
text-decoration-thickness: 2px;}

[id^=sb-wall].sb-wall .sbsw-item p.sbsw-content-text
{color:black}



/* End of Social Wall Styles */

/* Challenge Styles */
.challenge-event .challenge-image > img
{width:100%!important;}
/* End of Challenge Styles*/

/* Home Page Slider Styles */


@media only screen and (max-width: 999px) {
.nectar-simple-slider.sizing-aspect-ratio.aspect-2-1
	
{min-height:300px!important;margin-bottom:20px;}

#footer-outer #footer-widgets
{display:none}}

/* End of Home Page Slider Styles */

/* Header and Footer Styles */

#header-outer[data-lhe="animated_underline"] li > a .menu-title-text
{text-transform: uppercase;letter-spacing: 1px;}

body #footer-outer #copyright p
{color: #bbbbbb;
font-size: 12px;}

#to-top i
{background-color: #FECF02;
color: black;}

.footer_custom_menu {
  margin-bottom: 10px;
}

#footer-outer #copyright .footer_custom_menu a {
  color: white !important;
  border-bottom: 1px solid #e1d39e;
}



/* End of Header and Footer Styles */

/* Honor Roll Styles */

p.honor-roll {font-size:20px!important}

.activity-feed-author
{font-family: "Geograph Edit"!important;font-weight: 600!important;color:black; font-size:18px;}

.activity-feed-action, span.activity-feed-address
{font-family: "Geograph Edit"!important;font-weight: 400!important;color:black;font-size:18px}

.mittun-activity-logo
{background: #FECF02!important;}

.mittun-activity-logo span
{color:black!important;font-family: "Geograph Edit"!important;
}
.mittun-classy-activity-more input[type=button]
{background-color:#FECF02!important; padding: 15px 10px 15px 10px!important;}

.mittun-classy-account-activity .mittun-activity-body
{margin-top:10px}

/* End of Honor Roll Styles */

/* Countdown Styles */

/*
//  Hero
//  --------------------------------------------- */
.video_dark_lay{
    width: 100%;
    height: 100vh;;
    position: absolute;
    background-color: rgba(0,0,0, 0.5);
}


.sw__hero__video_source{
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

.sw__hero {
  flex-direction: column;
    position: relative;
    /* top: 35px; */
    bottom: 0;
    right: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    background: #131414;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    will-change: transform;
    -webkit-transition: .6s all ease-in-out;
    -o-transition: .6s all ease-in-out;
    transition: .6s all ease-in-out;
 }

.sw__hero__background {
    top: 0px;
    -o-top:35px;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    min-height: 100%;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation-name: changeHero;
            animation-name: changeHero;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
}

.sw__hero__content {
    color: #fff;
    animation-name: showHeroText;
    position: relative;
}
.sw__hero__content img {
    max-width: 100%;
    height: 50px;
    -webkit-animation-name: showHeroText;
            animation-name: showHeroText;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.wrap {
    text-align: center;
    position: relative;
  }
  .links {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .wrap:before {

    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 1px solid black;
    background: black;
    width: 100%;
    transform: translateY(-50%);
  }

.sw__hero__countdown__wrapper{
    text-align: center;
    margin: 20px;
    position: relative;
    animation: showHeroText 0s 1.2s forwards;
    visibility: hidden; 
}


.sw__hero__arrow_container{
    position: absolute;
    top: 88%;
}
  
.link::before{
    content: '';
    position: relative;
    top: 50%;
    left: 0;
    border-top: 1px solid black;
    background: black;
    width: 100%;
    transform: translateY(-50%);
}


.sw__hero__countdown__date_container{
    height: 87px;
    vertical-align: middle;
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    border: 2px solid black;
} 

.sw__hero__countdown__dates{
    margin: 11px 4px 0 15px;
    font-family: 'AppleSymbols';
    font-size: 64px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 10.06px;
    text-align: center;
    color: #000000;
    line-height: normal;
    vertical-align: middle;
    display: inline-block;
}

.sw__hero__date {
    margin: 30px 0px 0px;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #d8d8d8;
    letter-spacing: 0.8px;    
    text-align: center;
    line-height: 20px;
    font-family: 'Futura pt';
    vertical-align: middle;
}

.sw__hero__countdown__date_label {
  font-family: 'Futura pt';
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 2.2px;
  text-align: center;
  color: #000;
}



.iframe-responsive {
    border: 0px;
    min-height: 580px;
    margin: 0 auto;
    max-width: 1025px;
}

@-webkit-keyframes showHeroText {
    0%   {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showHeroText {
    to   { visibility: visible; }
}

/* end Custom Counter */