/*
Theme Name: Mittun Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* Font Styles START */

h1,h2,h3,h4,h5,h6, .subheading
{font-family: "Roboto Condensed" !important;
font-weight: 700;
font-style: normal;}

h1{text-transform: uppercase;}

[data-tracker-color]:before, .at_teams_funds .at_progress_container .at_progress_bar:before
{background-color:rgb(255, 193, 69)!important}



.gform_wrapper.gravity-theme .gfield_label
{font-family: "roboto", sans-serif;!important;
font-weight: 400;
font-style: normal;
font-size: 17px!important;}

.at_teams_funds .at_progress_container .at_progress_bar
{min-width:7%}


.tabbed[data-style*="material"] .wpb_tabs_nav li
{font-family: work-sans;
text-transform: uppercase;
font-weight: 500;}

.classypress-master var
{font-family: "roboto", sans-serif;!important;}

.nectar-button span
{text-transform: uppercase;
font-weight: 600;
font-family: "roboto", sans-serif;!important;letter-spacing: 1px;}

span, label
{font-family: "roboto", sans-serif;!important}

body #footer-outer #copyright p, #footer-outer #copyright a:not(.nectar-button)
{font-family: "roboto", sans-serif;!important;letter-spacing;font-weight:500!important;text-transform:uppercase}

#footer-outer #copyright p
{text-align:left!important}

#footer-outer .wp-block-button a
{background-color: #4442E8!important;border-radius: 60px!important;}

header .header_btn.donate
{font-weight:800!important}

header .header_btn
{font-weight:400!important}

strong
{font-family: "roboto", sans-serif;!important;font-weight:600}

#header-outer[data-lhe="animated_underline"] li > a .menu-title-text, #top nav ul.sf-menu li a
{font-family: "roboto", sans-serif;!important;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;font-weight: 400;}

p
{font-family: "roboto", sans-serif;!important;
font-weight: 400;
font-style: normal;
font-size:17px!important;}

.mittun-thermometer-value span 
{font-family: "roboto", sans-serif;!important;
font-size: 18px;
padding-top: 10px;
font-style: normal;
font-weight: 100;
display: block;
text-align: left;
color:black;
margin-bottom: 9px;}

b 
{font-family: "roboto", sans-serif;!important;
font-size: 18px;}

.mittun-classy-badge-item-raised,span.percent, span.mittun-classy-badge-custom-text
{font-family: "roboto", sans-serif;!important}

/* Font Styles END */

.tabbed[data-style*="material"] .wpb_tabs_nav li a:not(.active-tab):hover, body .tabbed[data-style*="material"][data-color-scheme] .wpb_tabs_nav li a:not(.active-tab):hover
{color:white!important}

#copyright > div > div.col.span_5 > p > a > img
{filter: invert()!important;}

#footer-outer .wp-block-button a
{border-radius:5px!important}

div > div > div.mittun-classy-activity-more > img
{display:none}

div > div.mittun-classy-activity-more > button
{color: white;
background-color: #4442E8;
font-size: 14px;
padding: 2%;
border: none;
font-weight: 700;
text-transform: uppercase;
font-family: "roboto", sans-serif!important;;
margin-top: 14px;}

/* Leaderboard & Progress Bar Styles START */

div.mittun-classy-badge-title
{font-family: "roboto", sans-serif;!important;
font-weight: 400;
font-style: normal;font-size:13px;width:200px;}

div.mittun-classy-badge-icon
{max-width:43px;}

.mittun-classy-badge-item-image
{max-width: 80px!important;}

img.mittun-classy-badge-icon
{max-width:40px!important;margin-right:5px;}

.mittun_classy_response
{background: #d4ffd4;}

.mittun-thermometer-container h3, span.raised
{text-align: left;
font-size: 40px;
line-height: 1.2;
font-family: "roboto", sans-serif;!important;
font-weight: 400;
font-style: normal;
font-size: 20px!important;}

.mittun-classy-badge-progressbar .mittun-thermometer-progress
{background-color: #4442E8;}

.mittun-classy-badge-progressbar .mittun-thermometer
{background-color: #FFFFFF!important;}

.mittun-classy-badge-progressbar *
{height: 100%;
border-radius: 20px;}

.mittun-classy-badge-progressbar
{height: 15px;
overflow: hidden;
border-radius: 25px;
border: 2px solid #FFFFFF;}

#mittun-classy-49 .mittun-thermometer-value span
{letter-spacing:0px}

#mittun-classy-49 .mittun-thermometer-goal span
{font-family:work-sans}

.classypress-master var
{font-weight: 600;
font-size: 20px;}

span.goal, #mittun-classy-49 .mittun-thermometer-value span
{font-size:20px!important}

/* Leaderboard & Progress Bar Styles END */


.secondary_header h4 {
    font-size: 28px;
    color: black;
}

.mittun_activity_tracker .mittun_group .mittun_field input[type="text"]
{background-color: transparent!important;
border: 2px solid #BFACAB!important;}

.owl-theme[data-desktop-cols] .owl-dots .owl-dot span
{width: 10px!important;
height: 10px!important;
margin: 5px 7px;
background: white!important;}

.span_12.dark .owl-theme .owl-dots .owl-dot.active span, .span_12.dark .owl-theme .owl-dots .owl-dot:hover span
{background:white!Important}

.sw__hero__countdown__dates
{margin: 1px 0px 0 9px!important;
color:#4442E8!important;font-size: 27px!important;}


.at_progress_container:before, .at_teams_funds .at_progress_container .at_progress_bar:before{border-radius: 20px;
border: 2px solid #FFFFFF;}

#header-outer .nectar-header-text-content
{padding:0px!important}

#mittun-classy-49.style_1 .mittun-thermometer-progress
{border-radius: 20px;
border: 2px solid #FFFFFF;}

.style_1 .mittun-thermometer
{background: #FFFFFF}

#mittun-classy-49 .mittun-thermometer-value span
{font-weight: 600}

.style_1 .mittun-thermometer-progress-marker, .at_teams_funds .at_progress_container .at_progress_bar:after
{display:none}

.mittun-thermometer-goal
{line-height: 20px!important;
margin-top: 25px;}

span.raised , span.goal{color:black}

.at_teams_funds .at_progress_container .at_progress_bar
{max-width: 104%;}

.mittun-thermometer-value{margin-bottom: -64px;}

#mittun-classy-WCAOX3XEB3 .mittun-thermometer-goal
{margin-bottom:-10px}

.mittun-thermometer-container
{margin-bottom: -49px;}

.mittun-thermometer-container
{padding:0px}

.at_progress_container:before
{background-color:#FFFFFF!important}

.style_1 .mittun-thermometer
{border-right:none!important;
border-left:none!important}

.style_1 .mittun-thermometer-progress
{height:22px!Important}

.style_1 .mittun-thermometer
{height: 22px!important;}

.at_teams_funds .at_progress_container{height:43px!important;}

.style_1 .mittun-thermometer-progress, .style_1 .mittun-thermometer
{height:30px}

div.mittun-thermometer-goal
{text-align: right;
font-size: 20px;
font-family: "roboto", sans-serif;!important;}

#mittun-classy-49.style_1 .mittun-thermometer
{border-left: none;
border-right: none;border-radius: 20px;}

.leaderboard-by-skin_5 .mittun-table-row .leaderboardraise
{font-size:30px}

.mittun-table-row .mittun-minutes > span
{font-size:30px!important}

.at-individual-row .mittun-col
{text-transform: uppercase;}


.leaderboard-by-skin_5 .classpress-inner-head.mittun-table-row, .at-individual-row.mittun-table-row, .leaderboard-by-skin_5 .classpress-inner-head.mittun-table-row, .leaderboard-by-skin_5 .classpress-inner-bottom.mittun-table-row
{padding: 16px 0!important;}


img.mittun-logo-white
{vertical-align: middle;
margin-top: 10px;
max-width: 59px!important;}


div#custom_html-2 li {
    border-bottom: none!important;
	display: inline-block;
	padding: 0px 6px!important;
	margin-right:20px
}
input#other-act {
    max-width: 100%;
}
.cst-select-box select {	
	width: 100% !important;
    background-color: white;
    border: 1px solid #4a2782;
    border-radius: 1px;
    padding: 2% 3px !important;
    margin-top: 0px!important;
}



.sw__hero__countdown__date_container
{background: #4442E8!important;}

.sw__hero__countdown__dates
{color:white!important}

/* Popup modal CSS */
 
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 20%;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  }

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 40px;
  width: 50%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #d2cfcf;
    float: right;
    font-size: 45px;
    border: 0;
    background: none;
    position: absolute;
    right: 5px;
    top: 0;
}
.modal-content h2 {
    color: #4A2782;
    font-size: 44px;
    line-height: 50px;
}
p.team-company {
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.team-company a {
    color: #fff;
}

.mittun-show-more svg {
    position: relative;
    top: 5px;
}
.mittun-show-more {
    display: inline-block !important;
}

.extraprofile{
  width: 100%;
  text-align: center;
  color: white;
}

.extraprofile p{
    padding-bottom: 0px;
}
/* Header */
#top nav ul.sf-menu li a{
	color: #000;
	font-weight: 600;
	font-size: 16px;
}
header .header_btn {
    padding: 32px 20px;
    border-left: 2px solid #DCDCDC;
}
header .header_btn.donate {
    background: #4442E8;
    color: white !important;
    border-left: none;
}
#header-outer[data-lhe="animated_underline"] .nectar-header-text-content a.header_btn:after{content:unset;}
/* secondary header */
.material #header-secondary-outer{
	min-height: 60px;
}
.material #header-secondary-outer>.container, .material #header-secondary-outer>.container>nav {
    min-height: 60px;
}
body.material #header-secondary-outer {
    background: #252525;
    color: white;
}
.subheading {
    font-weight: 600;
    font-size: 18px;
	margin-right: 10px;
	vertical-align: middle;
}
/* Footer */
#footer-outer .widget h4 {
    color: #ebe6e6;
    font-size: 18px; 
}

#footer-outer #footer-widgets .col p {
    padding-bottom: 10px;
	 white-space: pre;
}
#footer-outer #footer-widgets .col ul li i{font-size: 16px;margin-left: 4px;margin-top: 3px;}
#footer-outer #block-9.widget {margin-bottom: 0px;}
.material #footer-outer #footer-widgets .col ul li.wp-social-link{
    padding: 4px !important;
}
#footer-outer .wp-block-button a {
    border-radius: unset;
    padding: calc(0.667em + 5px) calc(1.333em + 20px);
	background-color: #FFFFFFf;
	color:#252525;
	font-weight: 700;
}

#footer-outer .span_3 .widget#nav_menu-3 {
    margin-top: 55px;
}
#footer-outer .col:nth-child(2),#footer-outer .col:nth-child(3) {
    padding-left: 50px;
}

#footer-outer #copyright p{
	color: white;
    text-align: center;
}
#footer-outer #copyright a:not(.nectar-button) {
    color: white;
	font-weight: 700;
}
#copyright .col.span_5 {
    width: 100%;
}
img.mittun_copright-img {
    width: 56px !important;
    margin: 0 !important;
    margin-bottom: -1px!important;
	padding-bottom:2px!important
}

@media only screen and (max-width: 768px) {

    /* No responsive Table */
    /*.no_responsive_table .leaderboard-by-skin_5 .classpress-inner-head.mittun-table-row .mittun-col{
        font-size: 15px;
    }

    .no_responsive_table .mittun-table-row .mittun-col {
        flex: 1 0 33.33%;
        max-width: 33.33%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .no_responsive_table .leaderboard-by-skin_5 .mittun-table-row .leaderboardraise {
        font-size: 15px;
    }

    .no_responsive_table .leaderboard-by-skin_5 .mittun-table-row .leaderboardgoal {
        font-size: 15px;
    }

    .no_responsive_table .mittun-table-row .mittun-minutes > span {
        font-size: 15px !important;
    }


    .no_responsive_table .mittun-table-row .mittun_avatar .leaderboardImg, .no_responsive_table .mittun-table-row .mittun-avatar .leaderboard-image {
        flex: 1 0 30px;
        max-width: 30px;
        height: 30px;
    }

    .no_responsive_table .leaderboard-by-skin_5 .mittun-table-row .mittun_avatar h2{
        font-size: 16px;
        line-height: 21px;
    }*/

    /* end No responsive Table */
}
@media only screen and (min-width: 691px) and (max-width: 999px) {
/*     .no_responsive_table .mittun-col.mittun-avatar {
        max-width: 57.33% !important;
        padding: 0 5px !important;
        justify-content: left;
    }
    .no_responsive_table .mittun-minutes {
        max-width: 21.33% !important;
        justify-content: left;
    }
    .no_responsive_table .mittun-activity {
        max-width: 21.33% !important;
        justify-content: left;
    }
    .no_responsive_table .at-individual-row .mittun-col { 
        font-size: 12px;
        line-height: 14px;
        text-align: center;
    }
    .no_responsive_table .at-individual-row .mittun-col:first-child {
        max-width: 52.33% !important;
        justify-content: inherit;
        padding: 0 15px;
    }
    .no_responsive_table .at-individual-row .mittun-col:nth-child(2),
    .no_responsive_table .at-individual-row .mittun-col:nth-child(3) {
        max-width: 16.33% !important;
        justify-content: inherit;
    }
    .no_responsive_table .mittun-avatar .leaderboard-image {
        margin-left: 5px !important;
    }*/
    div#tab-team-fundraisers .mittun-col,
    div#tab-individual-fundraisers .mittun-col {
        max-width: 33.33%;
    }
    div#tab-team-fundraisers .leaderboardTitle h2,
    div#tab-individual-fundraisers .leaderboardTitle h2 {
        line-height: 24px !important;
        margin-top: 5px;

    }
    div#tab-team-minutes-tally .mittun-col,
    div#tab-individual-minutes-tally .mittun-col {
        max-width: 33.33%;
    }
    div#tab-team-minutes-tally .leaderboardTitle h2,
    div#tab-individual-minutes-tally .leaderboardTitle h2 {
        line-height: 24px !important;
        margin-top: 5px;
    }
}
@media only screen and (max-width: 690px) {
    /*.no_responsive_table .mittun-col.mittun-avatar {
        max-width: 57.33% !important;
        padding: 0 5px !important;
        justify-content: left;
    }
    .no_responsive_table .mittun-minutes {
        max-width: 21.33% !important;
        justify-content: left;
    }
    .no_responsive_table .mittun-activity {
        max-width: 21.33% !important;
        justify-content: left;
    }
    .no_responsive_table .at-individual-row .mittun-col { 
        font-size: 12px;
        line-height: 14px;
        text-align: center;
    }
    .no_responsive_table .mittun-avatar .leaderboard-image {
        margin-left: 5px !important;
    }*/
	#header-outer header{
		    margin-top: -14px;
	}
	body #header-outer[data-full-width=true] header>.container {
		padding-left: 0;
	}
    div#tab-team-fundraisers .mittun-table-row .mittun-col:first-child,
    div#tab-individual-fundraisers .mittun-table-row .mittun-col:first-child {
        max-width: 47.33%;
    }

    div#tab-team-fundraisers .mittun-table-row .mittun-col:nth-child(2),
    div#tab-team-fundraisers .mittun-table-row .mittun-col:nth-child(3),
    div#tab-individual-fundraisers .mittun-table-row .mittun-col:nth-child(2),
    div#tab-individual-fundraisers .mittun-table-row .mittun-col:nth-child(3) {
        max-width: 26.33%;
    }
    .mittun-table-row:first-child .mittun-col {
        text-align: center;
    }
    div#tab-team-fundraisers .mittun-col.mittun_avatar,
    div#tab-individual-fundraisers .mittun-col.mittun_avatar {
        padding: 5px !important;
    }
    div#tab-team-fundraisers .leaderboardraise, div#tab-team-fundraisers .leaderboardgoal,
    div#tab-individual-fundraisers .leaderboardraise, div#tab-individual-fundraisers .leaderboardgoal {
        font-size: 18px !important;
        line-height: 25px !important;
    }
    div#tab-team-fundraisers .leaderboardTitle h2,
    div#tab-individual-fundraisers .leaderboardTitle h2 {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-top: 5px;
    }
    .leaderboardImg {
        max-width: 40px !important;
        margin: 10px;
    }

    /* */
    div#tab-team-minutes-tally .mittun-table-row .mittun-col:first-child,
    div#tab-individual-minutes-tally .mittun-table-row .mittun-col:first-child {
        max-width: 38.33% !important;
        padding: 5px;
    }
    div#tab-team-minutes-tally .mittun-table-row .mittun-minutes, 
    div#tab-team-minutes-tally .at-individual-row .mittun-col:nth-child(2),
    div#tab-individual-minutes-tally .mittun-table-row .mittun-minutes, 
    div#tab-individual-minutes-tally .at-individual-row .mittun-col:nth-child(2) {
        padding: 5px;
        max-width: 20.33% !important;
        text-align: center;
        font-size: 16px;
        line-height: 25px;
    }
    div#tab-team-minutes-tally .mittun-table-row .mittun-activity,
    div#tab-team-minutes-tally .at-individual-row .mittun-col:nth-child(3),
    div#tab-individual-minutes-tally .mittun-table-row .mittun-activity,
    div#tab-individual-minutes-tally .at-individual-row .mittun-col:nth-child(3)  {
        padding: 5px;
        max-width: 41.33% !important;
        text-align: center;
        font-size: 16px;
        line-height: 25px;
    }
    .mittun-table-row .mittun-col.mittun-activity .mittun-act {
        width: 30px !important;
        height: 30px !important;
        margin: 3px !important;
    }
    div#tab-team-minutes-tally .mittun-table-row .mittun-minutes > span,
    div#tab-individual-minutes-tally .mittun-table-row .mittun-minutes > span {
        font-size: 16px !important;
        line-height: 25px !important;
    }
    div#tab-team-minutes-tally .leaderboard-image,
    div#tab-individual-minutes-tally .leaderboard-image {
        max-width: 40px !important;
        height: 40px !important;
    }
}
@media only screen and (min-width: 1px) and (max-width: 999px){
	body #header-outer {
    	padding-bottom: 0;
	}
	#slide-out-widget-area[class*=slide-out-from-right] .inner{
		 display: flex;
    	flex-flow: column;
	}
	body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content.mobile-only{
		order: 2;
		width: 100%;
		background-color: transparent;
		padding: 0;
	}
	body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content.mobile-only div{
		display: grid;
	}
	body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content.mobile-only div a{
		background-color: rgb(255 255 255);
		font-size: 20px;
		line-height: 30px;
		font-family: 'Open Sans';
		font-weight: 700;
		margin-bottom: 12px;
		color: #4442E8;
		padding: 9px;
		text-align: center;
		border-radius: 38px;
	}
	#slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container.mobile-only{
		 margin-bottom: 0;
	}
	#slide-out-widget-area .mobile-only .menu.secondary-header-items {
		margin-top: 18px;
	}
}