/*
Theme Name: Girls Who Code
Theme URI: https://girlswhocode.com/
Author: Exygy
Author URI: http://exygy.com/
Description: Custom WordPress theme for Girls Who Code
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gwc

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

_s is based on Underscores http://underscores.me/, (C) 2012-2015 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 http://necolas.github.com/normalize.css/
*/

.page-id-5573 .medium-4{width:25%; box-sizing: border-box; padding-left: 10px; padding-right: 10px;}
.page-id-5573 .medium-4 img{max-width:100%;}
/*.page-id-5573 #the-gender-gap{ padding-bottom: 0 !important; }*/
.page-id-5573 #the-gender-gap h3{ display: none; }
.page-id-5573 #the-gender-gap + section { margin-top: -40px; padding-bottom: 0 !important; }
.page-id-5573 #the-gender-gap + section img { padding-bottom: 15px !important; }
.page-id-5573 #the-gender-gap + section + section { padding-top: 5px !important; }
.cont-box{width:100%; padding-bottom:20px;margin-bottom:20px;border-bottom:solid 2px #f93348;display:inline-block;}
.cont-heading{font-size:24px; font-weight:600; line-height:30px; padding-bottom:20px; text-align:left;}
.cont-left{width:50%; float:left;}
.cont-right{width:50%; float:right;}
.cont-box p{margin:0; padding:0;color:#13426b;letter-spacing: 0.0375rem;line-height: 1.7; text-align:left;}
    
.clr{clear:both;}
.term{font-size:10px !important;}

#girls-who-code-is-in-all-50-states{
    background-color:#fafafa;
    margin-bottom:0 !important;
}

.page-id-5573 .background-highlight button.info-grid-column{width:33.333%; padding-top: 50px; cursor: auto;}

.page-id-5573 .padding-bottom-2.background-highlight{background:#fff !important;}

/*.page-id-5573 .info-grid button .info-grid-copy{top:-35px; color:#000;}*/

/*.page-id-5573 .small-12 li, .page-id-5624 .small-12 li{display:none;}*/

.page-id-5573 #our-partners {padding-bottom: 0 !important;margin-bottom: 0 !important;}

#our-partners .small-9, #partners .small-9{width:100%;}
.page-id-5573 #our-partners h3{top:-35px;}
.page-id-5573 #why-it-matters{padding-bottom:0 !important; margin-bottom:0 !important;}
.page-id-5573 .info-grid-copy-holder{background:none;}
/*.page-id-5573 .info-grid {margin-bottom:0 !important;padding-top:0 !important;background:#fff;}*/
.page-id-5573 .small-12{padding:30px 15px;} 
.page-id-5573 .small-12:first-child{padding-bottom:0;}
.page-id-5573 .small-12 img:first-child{padding-bottom:30px;}
.page-id-5573 .margin-bottom-7 {margin-bottom:30px !important; padding-top:30px;}
.page-id-5573 .info-grid-cell-image-holder {overflow:visible; color:#fff !important;}
.page-id-5573 .info-grid-copy-holder h5{color:#13426b !important;}
.page-id-5573 .margin-bottom-2 .info-grid-copy{top:0;}
.page-id-5573 .margin-bottom-2 .info-grid-copy-holder h5{color:#13426b !important;}
/*.page-id-5573 h5.info-grid-title{color:#13426b !important;}*/
.page-id-5573 #girls-who-code-is-in-all-50-states{padding-top:0;}
.page-id-5573 .margin-bottom-3 {margin-bottom:0 !important;padding-bottom:0 !important;  }
.page-id-5573 .padding-vertical-2{padding-top:0 !important;}
.page-id-5573 .info-grid .background-highlight h5.info-grid-title{color:#13426b !important;}
/*.page-id-5573 # .small-12{margin: -160px 0 0;padding: 0;}*/
.stack-for-small{margin-bottom:50px;}
#why-it-matters .background-highlight-right::after{background:#ebe91b;}
#why-it-matters .background-highlight-right:nth-child(1){background:#ebe91b;}
.page-id-5573 .info-grid-copy-holder .info-grid-copy {top:0;}
.page-id-5573 .info-grid-copy-holder .info-grid-copy h5{color:#13426b !important;}
.page-id-5573 .splash-orange .info-grid-copy-holder .info-grid-copy {top:50%;}
.page-id-5573 .splash-orange .info-grid-copy-holder .info-grid-copy h5{color:#fff !important;}


.page-id-5573 #programs{display:none;}
#girls-who-code-is-in-all-50-states{padding: 50px 0; margin-top:50px;}
.page-id-5573 #girls-who-code-is-in-all-50-states .block-column{width:90%;} 
.page-id-5573 #girls-who-code-is-in-all-50-states .block-column h3{margin-top:0;}
.page-id-5573 #girls-who-code-is-in-all-50-states ~ section{background:none !important;}
/*#vxv, #test{display:none;}*/

#vxv{display:none;}
#test h3{display:none;}
#programs .subsection{background:#FAFAFA;padding-top:0;}
#main section:nth-child(14n){background:#fff !important;}
.background-secondary.margin-bottom-1.padding-bottom-1 {
    margin-bottom: 0 !important;
}

.page-id-5573 #our-programs{ padding-top: 0 !important; }
.page-id-5573 #our-programs h3{margin-bottom:0 !important; padding-bottom:0;}
.page-id-5573 #the-gender-gap .padding-top-3{padding-top:0;}
.page-id-5573 #the-gender-gap{background-color:#FAFAFA;margin-top:40px;}
.page-id-5573 #the-gender-gap.padding-top-3{padding-top:0 !important;}
.page-id-5573 #outcomes-impact.padding-bottom-2 {padding-bottom:0 !important;}
.page-id-5573 #outcomes-impact.margin-bottom-2{margin-bottom:0 !important; padding-top: 3em !important;}
.page-id-5573 #annual-reports.padding-top-3{padding-top:0 !important;}
.page-id-5573 #our-mission .block-column p{padding-bottom:50px;}
.page-id-5573 #our-programs ~ .info-grid{padding-top:0; margin-bottom:0;}
.page-id-5573 #why-it-matters{padding-top:80px !important;}
.page-id-5573 .padding-bottom-1{background-color:#FAFAFA;}
.page-id-5573 #why-it-matters.padding-bottom-1{background:none !important;}
.page-id-5564 ul.no-bullet{display:none;}
.page-id-5573 .cont-box p a{color:#13426B;}
.page-id-5629 .cont-box p a{color:#13426B;}
.page-id-5635 .cont-box p a{color:#13426B;}
.page-id-5564 .cont-box p a{color:#13426B;}
.page-id-5624 .cont-box p a{color:#13426B;}

@media (max-width: 991px){
    .page-id-5573 .background-highlight button.info-grid-column{width:100%;}
    #why-it-matters .background-highlight-right::after{
    background: rgba(235, 233, 27, 0);
}
}
.page-id-5573 #why-it-matters {
    padding-bottom: 0 !important;
    padding-top:30px;
}


.tooltip-dot{
 position: relative;
 width: 13px;
 height: 13px;
 background: #fff;
 border-radius: 50px;
 cursor: pointer;
 display: inline-block;
 border: 1px solid #F93348;
 margin-right: 5px;
}

.tooltip-dot.green{
 border: 1px solid #55CDB2;
 background: #55CDB2;
}
.tooltip-dot.green .tooltip-box{
    color: #55CDB2;
    border: 2px solid #55CDB2;
}
.tooltip-dot.green .tooltip-box:before{
    border-top: 10px solid #55CDB2;
}

.tooltip-dot.blue{
 border: 1px solid #004369;
 background: #004369;
}
.tooltip-dot.blue .tooltip-box{
    color: #004369;
    border: 2px solid #004369;
}
.tooltip-dot.blue .tooltip-box:before{
    border-top: 10px solid #004369;
}

.tooltip-dot.yellow{
 border: 1px solid #EFE647;
 background: #EFE647;
}
.tooltip-dot.yellow .tooltip-box{
    color: #EFE647;
    border: 2px solid #EFE647;
}
.tooltip-dot.yellow .tooltip-box:before{
    border-top: 10px solid #EFE647;
}


.tooltip-dot .tooltip-box {
    visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: red;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    border: 2px solid #F93348;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: -55px;
    right: 0;
    margin: auto;
    font-size: 12px;
    line-height: 16px;
}
.tooltip-dot .tooltip-box:before{
 position: absolute;
    content: '';
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
    width: 0;
    z-index: 2;
    border-top: 10px solid #F93348;
    border-right: 10px solid rgba(255, 0, 0, 0);
    border-bottom: 10px solid rgba(255, 0, 0, 0);
    border-left: 10px solid rgba(255, 0, 0, 0); 
}

.tooltip-dot:hover .tooltip-box {
    visibility: visible;
}

/********/

.tooltip-green{
 position: relative;
 width: 13px;
 height: 13px;
 background: #fff;
/* border-radius: 50px;*/
 cursor: pointer;
 display: inline-block;
 border: 1px solid #6ACDB1;
 margin-right: 5px;
}

.tooltip-green .tooltip-green-box {
    visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: #6ACDB1;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    border: 2px solid #6ACDB1;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: -55px;
    right: 0;
    margin: auto;
    font-size: 12px;
    line-height: 16px;
}
.tooltip-green .tooltip-green-box:before{
    position: absolute;
    content: '';
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
    width: 0;
    z-index: 2;
    border-top: 10px solid #6ACDB1;
    border-right: 10px solid rgba(255, 0, 0, 0);
    border-bottom: 10px solid rgba(255, 0, 0, 0);
    border-left: 10px solid rgba(255, 0, 0, 0); 
}

.tooltip-green:hover .tooltip-green-box {
    visibility: visible;
}


/********/

.tooltip-yellow{
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 15px solid #ECE816;
}
/*.tooltip-yellow:before{
    position: absolute;
    content: '';
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    height: 20px;
    width: 20px;
    z-index: 2;
    border-top: 1px solid #ECE816;
    border-right: 1px solid rgba(236, 232, 22, 0);
    border-bottom: 1px solid rgba(236, 232, 22, 0);
    border-left: 1px solid #ECE816;
    transform: rotate(45deg);
}*/

.tooltip-yellow .tooltip-yellow-box {
    visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: #ECE816;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    border: 2px solid #ECE816;
    position: absolute;
    z-index: 999;
    bottom: 7px;
    left: -60px;
    right: 0;
    margin: auto;
    font-size: 12px;
    line-height: 16px;
}
.tooltip-yellow .tooltip-yellow-box:before{
    position: absolute;
    content: '';
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
    width: 0;
    z-index: 2;
    border-top: 10px solid #ECE816;
    border-right: 10px solid rgba(255, 0, 0, 0);
    border-bottom: 10px solid rgba(255, 0, 0, 0);
    border-left: 10px solid rgba(255, 0, 0, 0); 
}

.tooltip-yellow:hover .tooltip-yellow-box {
    visibility: visible;
}

/************************/

.tooltip-dot-fill{
 position: relative;
 width: 13px;
 height: 13px;
 background: #F93348;
 border-radius: 50px;
 cursor: pointer;
 display: inline-block;
 border: 1px solid #F93348;
 margin-right: 5px;
}

.tooltip-dot-fill .tooltip-box-fill {
    visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: red;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    border: 2px solid #F93348;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: -55px;
    right: 0;
    margin: auto;
    font-size: 12px;
    line-height: 16px;
}
.tooltip-dot-fill .tooltip-box-fill:before{
 position: absolute;
    content: '';
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
    width: 0;
    z-index: 2;
    border-top: 10px solid #F93348;
    border-right: 10px solid rgba(255, 0, 0, 0);
    border-bottom: 10px solid rgba(255, 0, 0, 0);
    border-left: 10px solid rgba(255, 0, 0, 0); 
}

.tooltip-dot-fill:hover .tooltip-box-fill {
    visibility: visible;
}

/********/

.tooltip-green-fill{
 position: relative;
 width: 13px;
 height: 13px;
 background: #6ACDB1;
/* border-radius: 50px;*/
 cursor: pointer;
 display: inline-block;
 border: 1px solid #6ACDB1;
 margin-right: 5px;
}

.tooltip-green-fill .tooltip-green-box-fill {
    visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: #6ACDB1;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    border: 2px solid #6ACDB1;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: -55px;
    right: 0;
    margin: auto;
    font-size: 12px;
    line-height: 16px;
}
.tooltip-green-fill .tooltip-green-box-fill:before{
    position: absolute;
    content: '';
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
    width: 0;
    z-index: 2;
    border-top: 10px solid #6ACDB1;
    border-right: 10px solid rgba(255, 0, 0, 0);
    border-bottom: 10px solid rgba(255, 0, 0, 0);
    border-left: 10px solid rgba(255, 0, 0, 0); 
}

.tooltip-green-fill:hover .tooltip-green-box-fill {
    visibility: visible;
}


@media screen and (min-width: 64em){
.block.with-image .block-column:first-child {
    width: 50%;
}
.block.with-image .block-column:last-child {
    width: 50%;
}
}



section#why-it-matters .background-highlight.background-highlight-right.padding-2::after{background:#FAFAFA;}
section#why-it-matters .background-highlight.background-highlight-right.padding-2{background:#FAFAFA !important;}
/*section.background-none.padding-vertical-2.margin-bottom-1{background:#FAFAFA !important;}*/
section.background-none{ background-color: transparent !important; }
#the-gender-gap + section{ background-color: #FAFAFA !important; }
section.padding-bottom-2.diagonal-lines.diagonal-lines-long.diagonal-lines-inner.diagonal-lines-left-top.diagonal-lines-offset-vertical--1.decoration-show-for-large{background:#FAFAFA !important;}

.page-id-12508 #primary{ margin-top: 0 !important; }

.no-border {
    border: 0px;
    padding-bottom: 0px; 
    margin-bottom: 0px;
}


/*#girls-who-code-is-in-all-50-states{
    background-color:#fafafa;
}

.page-id-5573 .small-12 ul, .unorder-list{display:block !important;}*/





/*Campus Locations Styles*/

.page-id-12449 summary{
    color:#13426b;
    text-shadow: 0 0 0 #13426b;
    text-align:center;
    font-size:18pt;
    font-weight:700;
    cursor: pointer;
    border:0px transparent;
    border-bottom:1px dotted red;
    width:240px;
    margin:auto;
}
.page-id-12449 details{
    width:50%;
    margin:auto;
}

.page-id-12449 .campus_footer {
    margin: auto;
    margin-top: 1em;
    font-size:10px;
}

.page-id-12449 .results_subtitle{
    color:#13426b;
}

.page-id-12449 .billboard-content{
    font-size:28px;
}

.page-id-12449 .bio {
    color:#13426B;
    margin-bottom: 0px;
}

.page-id-12449 .left-video-text{
    padding-right:1.25em;
    padding-left:1em;
    border-left: 2px solid; 
    border-image: url(images/imgborder.png) 0 0 0 20 repeat;
    border-image-width: 5px;
    border-right:none;

}


.page-id-12449 .right-video-text{
    padding-left:1.25em;
    padding-right:1em;
    border-right: 2px solid; 
    border-image: url(images/imgborder.png) 0 20 0 0 repeat;    
    border-image-width: 5px;
    border-image-repeat: repeat;

}

@media screen and (min-width: 64em) {
.page-id-6053 .block-column  {
width: 100%;
}
}

/* cookie notice */
.cookie-notice-container {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align:  middle;
}

a#cn-accept-cookie {
    margin: 0;
}