/*!
Theme Name: Tech Spark Canada v3
Theme URI: http://underscores.me/
Author: Tenika Jones
Author URI: https://tenikajones.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: techspark
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Tech Spark Canada is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*
 Add later	
*/

#get-involved-links {
    font-size: 16px;
}

html #gform_wrapper_2  {
    margin-top: 0;
}

html #gform_wrapper_2 ul li.gfield {
    margin-top: 0;
}

html .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    display: block;
    width: 100%;
/*     height: calc(1.5em + .75rem + 2px); */
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 50px;
/*     width: 70%;  */
}

html .gform_wrapper .gform_footer {
    margin-top: 0;
    padding-top: 0;
}

html #gform_wrapper_1 .gform_footer{
    padding: 16px 0 10px 0;
    margin: 16px 0 0 0;
}

.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit] {
    background-color: #50B948;
    color: white;
    margin: 0 20px 0 0;
    font-size: 16px;
    border-radius: 5px;
    padding: 10px 27px 10px;
    border: 2px solid #50B948;
    text-align: center;    
    width: 21%;
    margin-right: 0;
}


html .gform_wrapper .gform_footer input.button:hover, 
html .gform_wrapper .gform_footer input[type=submit]:hover, 
html .gform_wrapper .gform_page_footer input.button:hover, 
html .gform_wrapper .gform_page_footer input[type=submit]:hover {
    color: #50B948 !important;
    background-color: transparent !important;
}

input:placeholder {
    color: #6c757d;
    opacity: 1;
}

input::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;    
}

#gform_wrapper_6 {
    width: 100%;
}

@media only screen and (min-width: 641px) {
    #gform_wrapper_6 .top_label li.gfield.gf_left_half, 
    #gform_wrapper_6 .top_label li.gfield.gf_right_half,
    #gform_wrapper_6 div.gform_body ul.gform_fields li.gfield.gfield_html { 
        padding-right: 15px;
        padding-left: 15px;
    }
}

#gform_wrapper_6 label.gfield_label, 
#gform_wrapper_6 legend.gfield_label {
    font-weight: 400;
}

#gform_wrapper_6 .gfield_required {
    color: #000;
}

.services-icon ul.gfield_checkbox {
    text-align: center;
/*     border: 1px red solid; */
}

.services-icon ul.gfield_checkbox li {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 20px 15px 20px 15px !important;
    height: 260px;
    max-width: 270px;
    margin: 0 30px 20px !important;
    transition: all ease 0.2s;
    background: #fefefe;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
    border-radius: 18px;
    border: 2px #fff solid;
}

.services-icon ul.gfield_checkbox li:hover,
.services-icon ul.gfield_checkbox li.cb-active {
        border: 2px solid #00b936 !important;
}

#gform_wrapper_6 .gfield_checkbox li input[type=checkbox] {
    width: 24px !important;
    height: 24px;
    border: 2px solid;
    font-size: 18px;
    position: absolute;
    top: 10px;
    left: 10px;
    border: 2px #000 solid;
    /* background: #000; */
    -webkit-appearance: initial;
    outline: none;
}

#gform_wrapper_6 .gfield_checkbox li img {
    width: 100px;
    margin: 50px auto 20px;
    display:block;
    background: transparent !important;   
    /* transition: ease-in-out 0.3s; */
    color: #fff;      
}

#gform_wrapper_6 .gfield_checkbox li:checked input[type=checkbox] {
    border: 2px solid #00b936 !important;   
}

#gform_wrapper_6 .gfield_checkbox li input[type=checkbox]:checked {
/*   height: 50px; */
/*   width: 50px; */
    border: 2px solid #00b936 !important;
    background:#00b936;
    -webkit-appearance: initial;
    border: 2px #000 solid;
}

#gform_wrapper_6 .gfield_checkbox li input[type=checkbox]:checked:focus {
     border: 2px #000 solid;
     outline: none;   
}

#gform_wrapper_6 .gfield_checkbox li input[type=checkbox]:checked:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free" !important;
    color: #fff;
    font-size: 18px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;    
    position: relative;
    top: -1px;
    left: 2px;
}

#gform_wrapper_6 .gform_footer input.button {
    display: table;
    margin: 70px auto 20px;
    width: 100%;
    max-width: 300px;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 1.1px;
    background-color: #50B948;
    color: white;
    border-radius: 5px;
    padding: 13px 30px 12px 30px;
    border: 2px solid #50B948;
    text-align: center;
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.20);

}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, 
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, 
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select,
.gform_wrapper ul.gform_fields li.gfield select  {
    height: 50px;
/*     font-size: 16px; */
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
    outline: none;   
}

.gform_wrapper textarea{
    display: block;
    width: 100%;
/*     height: calc(1.5em + .75rem + 2px); */
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 50px;
/*     width: 70%;  */
}

h4.pagination_item a {
	color: #444444;
    font-size: 24px;
    line-height: 29px;
    font-weight: 900;
    text-align: center;
    border-bottom: 7px solid;
    padding-bottom: 10px;
    cursor: pointer;	
    display: block;
}

h4.pagination_item a.item-active {
    border-color: #50B948;
}

.owl-item.active.center {
    opacity: 1;
}

.owl-item {
    opacity: .40;
}

.nav-menu > ul > li.right_li {
    text-transform: uppercase;
}

body.home #hero {
    background-position: 0 -3px;
}

.nav-menu {
/*     border:1px red solid; */
}

.nav-menu > ul > li.right_li:last-of-type {
  margin-right: 20px !important;
}


#about-list {
    font-size: 18px;
    text-align: left;
    line-height: 32px;
    margin-top: 2vw;
    margin-bottom: 0;
}


header {
/* 	display: none; */
}

header#header {
/* 	top: 118px; */
}

@media (max-width: 1160px) {
    #hero {
        background-position: center center !important;
    }

    #ignite_page {
        /* overflow: unset; */
        padding-bottom: 50px;
    }
    .empowereing_ignite_white {
        padding-top: 240px;
    }

    .ignite_tab_item {
        max-height: 90px;
        width: 90%;
    }

    .empowereing_youth_white {
        padding-top: 240px;
    }

    /* Women      */

    .empowereing_women_white {
        padding-top: 240px;
    }

}

@media (max-width: 992px) {
/*     .special_image{ 
    width: 100%;
    max-width: 500px;
    margin: 20px auto;
    } */

    #get_started .services_content_wrap {
        width: 100%;
        max-width: 825px;
        margin: 0 auto;
    }

    #get_started .icon-box {
        width: 100%;
        max-width: 275px;
    }
    
    /* How We Work      */
    .howto_item_wrap {
        margin-bottom: 40px
    }

    /* About  */

    .numbers {
/*         font-size: 42px; */
    }
    .item_wrap { 
        padding: 0 2%;
    }

    /*      Ignite    */
    .empowereing_ignite_white {
        padding-top: 300px;
    }

    .ourapproach_left_wrap {
        width: 100%;
        max-width: 445px;
    }

   
    /*  Youth */
    .empowereing_youth_white {
        padding-top: 300px;
    }
    .youth_item_text_wrap_wrap{
      width: 100%; 
      max-width: 500px;
    }

    .techspark_wrap {
        width: 100%;
        max-width: 475px;
        padding: 100px 45px 80px;
    }

    /* Women      */

    .empowereing_women_white {
        padding-top: 300px;
    }
    
}


@media (max-width: 767px) {

    .aboutus_left_panel_wrap {
        padding-left: 20px;
        padding-right: 20px;
/*         text-align: left; */
    }

    .special2_wrap {
        margin-bottom: 30px;
        height: auto !important;
    }
   
    #clients .container{
        margin: 0 auto !important;
        max-width: 540px !important;
    }  

   html .clients .client-logo {
        width: 32%;
   }

    #footer ul {
        padding-left: 0;
    }

    #footer_final {
        padding-top: 0;
        padding: 0 15px 60px 15px;
        height: auto;
        overflow: hidden;
    }

    #get_started {
        padding-top: 70px;
    }

    #get_started .services_title, #services .services_title {
        width: 100%;
        max-width: 340px;
        margin-left: auto;
        margin-right: auto;
    }

    #get_started .services_content_wrap {
/*       width: 100%; */
/*       max-width: 825px; */
/*       margin: 0 auto; */
    }

    #get_started .icon-box {
/*         width: 100%; */
/*         max-width: 275px; */
        margin: 0 auto;
    }
    
    /* How We Work */
    .howto_item_wrap {
        height: auto !important;
    }

    /* About */

    #introduce {
        padding-bottom: 0 !important;
    }
    
    .numbers {
        font-size: 42px;
    }

    .item_wrap {
        margin-bottom: 30px;
/*         border:1px red solid; */
    }

    /* Request a Proposal  */

    #services .services_content_wrap {
        padding: 40px 15px 0;
    }

    .services-icon ul.gfield_checkbox li {
        margin: 0 0 20px !important;
    }

    /* Ignite */

    #ignite_page {
        padding-bottom: 0px;
    }

    .empowereing_ignite_white {
        padding-top: 240px;
        padding-bottom: 160px;
    }

    .youth_tab_wrap {
        /* margin-top: 30px !important; */
        position: relative;
        top: 0px;
    }

    .ignite_tab_item {
        font-size: 21px;
        min-height: 130px;
    }

    .ourapproach_left {
        padding-bottom: 100px;
    }

    .maincontainer_2col {
        margin-bottom: 30px;
    }


    /* Youth */

    .empowereing_youth_white {
        padding-top: 400px;
    }

    .woman_tab_item {
        padding-top: 20px;
        font-size: 18px;
        line-height: 20px;
    }

    #ux_index {
      border-top: 0px transparent solid;
      margin-top: 0px;
    }

    #bit_index {
      border-top: 0px transparent solid;
      margin-top: 0px;  
    }

    .youth_item_text_wrap {
       padding:  20px 20px 50px !important;
    }

    /* Women      */

    .empowereing_women_white {
        /* padding-top: 400px !important; */
        margin-top: 0 !important;
    }

    .code_image_wrap1 {
        height: 350px;
    }

    .code_image_wrap2 {
        height: 350px;
    }
}

@media (max-width: 640px) {
    #gform_fields_6 {
/*         border: 1px red solid; */
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-flex-direction: row;
        flex-wrap: wrap;
    }

     #gform_fields_6 .gfield {
/*         border: 1px red solid; */
        clear: none;
        float: none;
        box-sizing:border-box;
        width: 100%;        
     }
    
    .gf_order_1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .gf_order_2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .gf_order_3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .gf_order_4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .gf_order_5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .gf_order_6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .gf_order_7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .gf_order_8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .gf_order_9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .gf_order_10 {
        -ms-flex-order: 10;
        order: 10;
    }

}

@media (max-width: 600px) {

    .special_text {
        text-align: left;
    }

    /* About */

    #about_hero {
        height: 70vh !important;
    }

    .about_content_wrap {
        padding: 80px 20px 40px;
        text-align: left;
    }

    .page-template-tpl-request #request_hero {
        background-position: center -70px;
    }

    /* Ignite */
    .empowering p {
        text-align: left;
    }
    
    /* Women */
    .empowereing_women_white {
      padding-top: 300px !important;
        margin-top: 0 !important;
    }

    .code_text_wrap1 {
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    
     /* Home */

     #aboutus .col-lg-6.col-md-12:first-child {
         padding-bottom: 0 !important;
     }
     
     .ignite_content_wrap  {
         height: auto !important;
         padding-bottom: 50px !important;
     }

     #ignite {
         padding-top: 0;
     }

     #woman {
         margin-top: 0 !important;
     }

}

@media (max-width: 480px) { 
    
    #about {
        margin-top: -190px;
    }

    .about_wrap .section-title {
        width: 100%;
        text-align: center;
        /* max-width: 188px; */
        margin: 0 auto;
    }

    .about_wrap .section-title h1 {
        font-size: 33px;
    }

    .youth_spark {
        height: auto !important;
        padding-top: 250px !important;
        /* border: 1px red solid; */
    }

    .empowereing_youth_white {
        padding-bottom: 0px;
        /* border: 1px green solid; */
    }

    .col-m {
/*         width: 33.333%; */
    }

    .woman_tab_item {
        font-size: 14px;
    }

}


@media (max-width: 425px) { 
    .show_hide {
        display: none;
    }
}

/* Mobile Menu  */

.slicknav_menu {
    display:none;
}




/* @media screen and (max-width: 40em) { */

@media screen and (max-width: 992px) {
	
    #header {
        padding: 0 ;
    }

    .fixed-top {
        position: absolute;
    }

    .admin-bar .slicknav_menu {
        margin-top: 32px;
    }

    #header.header-scrolled, 
    #header.header-inner-pages {
      background: transparent;
    }

    html .slicknav_menu {
        background: transparent;
        padding: 0;
    }

    .slicknav_btn {
        text-shadow: none;
        background-color: transparent;
        color: #fff;
        font-size: 24px;
        margin: 0;
        padding: 20px 20px 10px 10px;
        outline: none;
    }

    .slicknav_btn:hover {
        color: #fff;
    }

    .slicknav_nav {
        background-color: #000;
        padding: 0 10px 30px;
    }

    .slicknav_menu .slicknav_icon {
        margin: 0;
        /* border: 1px red solid; */
        float: none;
    }

    .slicknav_open {
        background-color: #000;
        width: 100%;
        text-align: right;
        border-radius: 0;
    }

    .slicknav_menu .slicknav_open .slicknav_icon {
        float: none;
    }

    .slicknav_nav a {
        padding: 10px 0;
        position: relative;
        text-align: center;
        border-bottom: 4px solid #000;
        margin: 0 0 10px;
        outline: none;
    }

    .slicknav_nav a:hover {
        background-color: transparent;
        color: #fff;
        border-radius: 0;
/*         border-bottom: 4px solid #50B948; */
/*         width: 30%; */
        outline: none;
    }

    .slicknav_nav a:hover:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -5px;
        margin-left: -85px;
        width: 170px;
        text-align: center;
        border-bottom: 4px solid #50B948;
    }

    .slicknav_nav li.current-menu-item a:before{
        content: "";
        position: absolute;
        left: 50%;
        bottom: -5px;
        margin-left: -85px;
        width: 170px;
        text-align: center;
        border-bottom: 4px solid #50B948;        
    }


    /* #menu is the original menu */
    .js #menu {
        display:none;
    }

    .js .slicknav_menu {
        display:block;
    }
}

/* 02.13.2021 */

#mailing-list {
   /* display: block !important; */
   padding: 50px;
   background: #000;
}

.mailing_list_form_home {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.mailing_list_form_home h2 {
  font-size: 36px !important;
  color: #ffffff;
  margin-bottom:0 !important;
}

.mailing_list_form_home .gform_wrapper .gform_footer input.button, 
.mailing_list_form_home .gform_wrapper .gform_footer input[type=submit], 
.mailing_list_form_home .gform_wrapper .gform_page_footer input.button, 
.mailing_list_form_home .gform_wrapper .gform_page_footer input[type=submit] {
  display: table;
  margin: 20px auto 0;
}

@media only screen and (min-width: 641px) {
  .mailing_list_form_home .gform_wrapper form {
      width: calc(100% - 16px);
      margin: 0 auto;
  }

  .mailing_list_form_home .gform_wrapper form div.gform_body {
      /* width: auto; */
      max-width: 90% !important;
  }

  .mailing_list_form_home  .gform_wrapper .top_label li.gfield {
      vertical-align: top;
      width: 50%!important;
      margin: 0;
      padding-right: 16px;
      float: none!important;
      display: -moz-inline-stack;
      display: inline-block;
  }

  .mailing_list_form_home .gform_wrapper form div.gform_body, 
  .mailing_list_form_home .gform_wrapper form div.gform_footer.top_label {
      display: table-cell;
      vertical-align: middle;
      margin: 0;
      padding: 0;
      position: relative;
  }

  .mailing_list_form_home .gform_wrapper form div.gform_footer.top_label input[type=button], 
  .mailing_list_form_home .gform_wrapper form div.gform_footer.top_label input[type=image], 
  .mailing_list_form_home .gform_wrapper form div.gform_footer.top_label input[type=submit] {
      height: auto;
  }

  body:not(rtl) .mailing_list_form_home .gform_wrapper form div.gform_footer.top_label {
      text-align: left;
  }

  .mailing_list_form_home .gform_wrapper form div.gform_footer.top_label {
      width: auto;
      max-width: 10% !important;
      padding: 0;
      margin: 0;
  }

}


/* Teachers - Popup */

html #sgpb-popup-dialog-main-div h2 {
  margin-bottom: 30px;
}

html #sgpb-popup-dialog-main-div h3 {
  font-size: 24px;
  font-family: "proxima_nova", sans-serif;
  font-weight: 300 !important;
  margin-bottom: 10px;
}

html #sgpb-popup-dialog-main-div h3:last-of-type {
  margin-bottom: 40px;
}

html #sgpb-popup-dialog-main-div .gform_wrapper .gform_footer input.button, 
html #sgpb-popup-dialog-main-div .gform_wrapper .gform_footer input[type=submit], 
html #sgpb-popup-dialog-main-div .gform_wrapper .gform_page_footer input.button, 
html #sgpb-popup-dialog-main-div .gform_wrapper .gform_page_footer input[type=submit] {
  display: table;
  margin: 20px auto 0;
width: 100% !important;
}

.sgpb-popup-close-button-1 {
  bottom: auto;
  top: 9px;
}

/* Donations  */

html #get_started.donations_section {
  padding-top: 0;
}

@media (max-width: 1300px) {
  .donations_section .d-none {
    display: none !important;
  }
}

/* Aligncenter */
.aligncenter {
  clear: both;
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Alignright  */
.alignright {

  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

/* Top Bar */
#top-bar {
  background-color: #000;
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
}

.admin-bar #top-bar {
  margin-top: 32px;
}

#top-bar p {
  text-align: center;
  color: #fff;
  margin-bottom:0;
}

/* Btn-primary */
.btn-primary {
    padding: 5px 43px;
    background: #50B948;
    color: white;
    border-radius: 10px;
    margin-bottom: 0;
    border:1px #50B948 solid;
}

.btn-primary:hover {
  background: #ffffff;
  color: #50B948;
  border-radius: 10px;
  margin-bottom: 0;
  border: 1px #50B948 solid;
}

/* Donate button on pages  */
.btn-donate {
  padding: 12px 63px 13px 72px;
  background: #50B948;
  color: white;
  border-radius: 10px;
}

.btn-donate:hover {
  background: #ffffff;
  color: #50B948;
  border: 1px #50B948 solid;
}

@media (max-width: 320px) {
  .btn-learn-more {
     padding: 12px 30px 13px;
  }
}

@media (max-width: 600px) {
  #sgpb-popup-dialog-main-div {
    min-width:320px !important;
  }
  
  #sgpb-popup-dialog-main-div img {
    width: 100%;
    height: auto;
  }
  
  #sgpb-popup-dialog-main-div h2 {
    font-size: 24px;
  }

}


/* 08.31.2022 - Partners Section */

.clients .clients-wrap {
    display: flex;
    justify-content: center;
}

.clients .client-logo {
  width: auto;
}

.clients img {
    transition: all 0.4s ease-in-out;
    height: 140px;
    width: auto;
}

/* 11.04.2022 - Donations */

html #get_started.donations_section .icon-box {
    padding: 0px 10px 20px 10px !important;
}