/*
Theme Name: CICC Child Theme 2020
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 3.0.35
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Wicked Think Marketing
Author URI: http://www.wickedthink.com
Template: Divi
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*------ Carousel Slider Test --------*/

/*Hide the section overflow*/
.ds-carousel-section {
    width: 100%!important;
    overflow: hidden;
}
 
/*Set the row width*/
.ds-carousel-row {
    overflow: hidden;
    width: 300vw!important;
    max-width: 300vw!important;
}
 
@media all and (max-width: 1024px) {
/*Override Divi's width setting on tablets*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}
 
@media all and (max-width: 479px) {
/*Override Divi's width setting on mobiles*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}
 
/*Style the navigation arrows*/
#ds-arrow-left,
#ds-arrow-right {
    color: #fff;
    background: gray;
    font-family: 'ETModules';
    font-size: 30px;
    padding: 5px 30px;
    border-style: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
 
/*Position the left arrow*/
#ds-arrow-left {
    float: right;
    margin-right: 5px;
}
 
/*Position the right arrow*/
#ds-arrow-right {
    float: left;
    margin-left: 5px;
}
 
/*Style navigation arrows on hover*/
#ds-arrow-left:hover,
#ds-arrow-right:hover {
    -webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
}
 
/*Style navigation arrows on click*/
#ds-arrow-left:active,
#ds-arrow-right:active {
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
}
 
/*Make sure the modules span their entire container*/
.ds-carousel-module .column {
    float: left;
    width: 100% !important;
    margin-right: 0 !important;
}
 
/*Set the module width*/
.ds-carousel-module {
    width: 30vw!important; /*Change this value to increase or decrease the module displayed per page*/
    padding: 0 30px;
    float: left;
    position: relative;
    margin-bottom: 0 !important;
}
 
/*Adjust for smaller screens*/
@media all and (max-width: 1024px) {
    /*Show 3 modules per page on tablets*/
    .ds-carousel-module {
        width: 33.33vw!important;
    }
    /*Align the navigation on smaller screens*/
    #ds-arrow-row .et_pb_column {
        width: 50% !important;
    }
}
 
@media all and (max-width: 479px) {
    /*Show 1 module per page on mobiles*/
    .ds-carousel-module {
        width: 100vw!important;
    }
}




/*----- Partner Slider -----*/

img.HBA-logo-slider {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5%;
}

/*------ Scrollbar Edits Main ------*/

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #133b9f; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ffc23c; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ffc23c; 
}

/*--- MAP TESTING ---*/

.cicc-map {
  box-sizing: border-box;
}
.main {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 70vh;
  
}
.section {
  height: 90%;
  width: 45%;
}
.section .map {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.scrollable {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
    
 }
.item {
  height: auto;
  width: 90%;
  background: white;
  margin-bottom: 2rem;
  padding-left: 1rem;
  padding-top: .5rem;
  background: #133b9f;
  color: white;
  border-bottom: 5px solid #FFc23C;
}
h2.map-text-heading {
  margin: auto;
  color: white;
}
p.map-text-copy {
    margin-bottom: 7px;
}

@media only screen and (max-width: 768px) {
  .et_pb_tab.et_pb_tab_0.clearfix.et_pb_active_content.et-pb-active-slide {
    padding: 0px!important;
}

.section {
    height: 100%;
    width: 100%;
}

.et_pb_tab.et_pb_tab_1.clearfix.et-pb-active-slide {
    padding: 0px!important;
}
} 

li.et_pb_tab_0.et_pb_tab_active {
    width: 50%;
}

li.et_pb_tab_1 {
    width: 50%;
}

ul.et_pb_tabs_controls.clearfix {
    display: inline-flex;
}

.et_pb_tab_0 a {
    padding: 15px!important;
    text-align: center;
}

.et_pb_tab_1 {
    padding:15px!important;
    text-align: center;
}

.partner-slider .et_pb_slide_description {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.partner-slider .et_pb_slider_container_inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.partner-slider .et_pb_container.clearfix {
    height: min-content!important;
    padding-top: 40px;
    padding-bottom: 40px;
}

.page-id-386 .et_pb_slide_image {
    background-image: url(https://ciccolorado.org/wp-content/uploads/2020/06/CICC_4.png);
}

.partner-slider img.active {
    visibility: hidden;
}

/*--- Typography ---*/

h1, h2, h3 {
    font-family: arial black!important;
}

/*--- Homepage header ---*/

.header-content {
    width: 46rem;
    float: right;
    border-left: solid 4px white;
    padding-left: 40px!important;
}

span.et_pb_fullwidth_header_subhead {
    text-shadow: 2px 2px 4px #0000009e;
}

.nav-mod a {
    text-shadow: black 2px 2px 3px;
}

/*--- Hide Footer ---*/

footer#main-footer {
    display: none;
}

/*--- Hide Header ---*/

@media only screen and (min-width: 1300px) {

/*--- TEMP HIDE ---
header#main-header {
    display: none;
}
	*/

}

@media only screen and (max-width: 1301px) {
	.custom-nav-row {
    display: none!important;
}
}

.mobile_menu_bar:before {
    color: #133B9F;
}

.mobile_menu_bar:after {
    color: #133B9F;
}

/* .logo_container {
    display: none;
}
*/
div#page-container {
    padding-top: 0px!important;
}
/*--- Edit button positions for top nav ---*/

a.et_pb_button.et_pb_button_0.et_pb_bg_layout_light {
    margin-top: 20px!important;
}

/*--- Form Page - Submit button ---*/

input#gform_submit_button_1 {
    font-family: arial black;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
    background: #ffc03c;
    font-size: 20px;
}

label {
    color: black!Important;
}

/*--- Mobile Styling ---*/

/* .et_pb_column.et_pb_column_1_2.et_pb_column_3.et_pb_css_mix_blend_mode_passthrough {
    width: 45%!important;
} 

.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    width: 50%!important;
}
*/

input#gform_submit_button_1:hover {
    background: #133B9F;
    color: white;
    transition: background .5s ease-in-out;
    cursor: pointer;
}

.page-id-66 h1 {
    text-transform: uppercase;
}

/*--------- Industry Edits ---------*/

/* --- Navigation --- */

.nav-mod a {
    color: white;
}

a.et_pb_button.et_pb_button_99.et_pb_bg_layout_light.nav-mod {
    color: black!important;
    border-width: 0px!important;
    font-family: 'Open Sans';
    font-weight: 800!important;
    background-color: #ffc23c;
    border-radius: 0px;
    margin-right: 15%;
	font-size: 18px;
    letter-spacing: 4px;
}

.grid-container-home {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 2.6fr;
    grid-template-rows: 1fr;
    gap: 1px 1px;
    grid-template-areas: "Home About Programs Home-build Schools Employ Supporters Get-involved";
  }
  
  .Home { grid-area: Home; }
  
  .About { grid-area: About; }
  
  .Programs { grid-area: Programs; }
  
  .Home-build { grid-area: Home-build; }
  
  .Schools { grid-area: Schools; }
  
  .Employ { grid-area: Employ; }
  
  .Supporters { grid-area: Supporters; }
  
  .Get-involved { grid-area: Get-involved; }

.nav-mod {
    margin: auto;
}

a.et_pb_button.et_pb_button_0.et_pb_bg_layout_light.nav-mod {
    margin: auto!important;
}

.Get-involved.et_pb_button_module_wrapper.et_pb_button_0_wrapper.et_pb_button_alignment_right.et_pb_module {
    margin-right: 15%!important;
}

.ds-vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media only screen and (max-width: 1650px) {
  .custom-nav {
    display: none;
}
} 

/*--- Typo ---*/

.grid-container-home p {
    color: white;
    text-shadow: black 2px 2px 4px;
    font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

.tagline h1 {
    text-shadow: black 4px 4px 4px;
}

/*--- Home tagline ---*/

.tagline {
    position: absolute;
    bottom: 7%;
}

@media only screen and (min-width: 980px) {

.et_pb_column.et_pb_column_1_4.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough {
    border-right: solid white;
}

}

/*--- Mobile Menu ---*/

ul#mobile_menu_slide {
    height: -webkit-fill-available;
}

.et_mobile_menu li {
    min-height: 12.5%;
    text-align: center;
    /* margin: auto!important; */
    text-transform: uppercase;
}

.et_slide_in_menu_container .et_mobile_menu li a, .et_header_style_slide .et_slide_in_menu_container a {
    font-size: 1.5rem!important;
    font-weight: 700;
    /* margin: 0 auto!important; */
    vertical-align: middle!important;
}

.menu-item-238 a {
    background: #ffc03c;
    color: #133b9f!important;
    font-weight: 800!important;
}

/*--- Slider Test with Custom Nav ---*/

  #slide_bg {
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    animation: slideBg 8s linear infinite 0s;
    animation-timing-function: ease-in-out;
    background-image: url(https://ciccolorado.org/wp-content/uploads/2020/05/Mask-Group-4.jpg);
	animation-direction: alternate;
}

@keyframes slideBg {

  25% {
    background-image: url(https://ciccolorado.org/wp-content/uploads/2020/05/Mask-Group-4.jpg);
  }

  50% {
    background-image: url(https://ciccolorado.org/wp-content/uploads/2020/02/Group-10490.png);
  }

  100% {
    background-image: url(https://ciccolorado.org/wp-content/uploads/2020/05/Group-10489.png);
  }

}

/* --- Programs CSS --- */

.et_pb_section.et_pb_section_6.top-shadow.et_section_regular {
    box-shadow: 0px 0 13px 0px rgba(0, 0, 0, 0.8);
}

/*--- Submit Button Edits ---*/

input#gform_submit_button_3 {
    background: #FFC23C;
    border: none;
    font-family: 'Open Sans', sans-serif;
    color: black;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 14%;
    margin-left: 43%;
    margin-right: 43%;
}

@media only screen and (max-width: 600px) {
	input#gform_submit_button_3{
		
		margin-left: 0px!important;
		margin-right: 0px!important;
		
	}
}

.page-id-8 header#main-header {
    display: none;
}

a.make-white {
    color: white!important;
}

/* --- Thank you Page --- */

.no-padding {
    padding: 0px!important;
    height: -webkit-fill-available;
}

div#gfield_description_4_2 {
    font-weight: 700;
    color: black!important;
    font-size: inherit;
}

input#gform_submit_button_4 {
    background: #ffc23c;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: black;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    /* font-family: 'open-sans'; */
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif!important;
}