/*
Theme Name: Charters NYC
Theme URI: https://charternyc.org/
Description: Custom theme for Charter NYC
Author: Rodriguez Valle Creative
Author URI: https://rodriguezvalle.com
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet is loaded from functions.php not using @import */

/* Brand Colors
Dark Grey: #80848a or 128, 132, 138
Light Grey: #bcc3c8 or 188, 195, 200
Black: #000000
Light Teal: #6eccd9 or 110, 204, 217
Dark Teal: #33aab8 or 51, 170, 184
*/

@font-face {
    font-family:'NYCCSC-DIN';
    font-style:normal;
    font-weight:normal;
    src:url('/wp-content/themes/ChartersNYC/fonts/DINPro-Medium_13936.woff') format('woff'); /* Modern Browsers */
}

/* Footer */
#footer-bottom #copyright {text-align:left !important;}

#nyccsc-footer .stringlogo img {width:65%; height:auto; display:block;}
#nyccsc-footer .footer-col1 p {font-family:'NYCCSC-DIN'; font-size:.875em; line-height:1.5em;}
#nyccsc-footer .footer-col4 p {font-family:'NYCCSC-DIN'; font-size:.75em;}
#nyccsc-footer a {font-family:'NYCCSC-DIN'; color:#80848a;}
#nyccsc-footer a:hover {color:#f47947;}
#nyccsc-footer ul {margin:0; padding:0;}
#nyccsc-footer ul li {font-size:.875em; line-height:1.5em; list-style:none; margin:0; padding:0;}
#nyccsc-footer .elementor-widget-image .elementor-image>a img[src$=".svg"] {width:200px;}


.burger .elementor-icon i:before, .elementor-icon svg:before {color:#ffffff;background:#33aab8;padding:5px;border-radius:3px;}

h1 {font-size:2em;line-height:1.75em;}
h2 {font-size:2.65em;}

.intro h2 {line-height:1.25em;}

.hero {}
.hero p {font-size:1.25em; line-height:1.5em; color:#ffffff;}

.imagebox {}
.imagebox h3 {font-family:'NYCCSC-DIN';color:#ffffff;font-size:2.25em;font-weight:700;}
.imagebox img[src$=".svg"] {max-width:80px;}
.imagebox .elementor-widget-image .elementor-image>a {max-width:80px;}

.inside {}
.inside h3 {color:#ffffff;font-size:8em;font-weight:700;}
.inside h4 {color:#ffffff;font-size:2.25em;font-weight:400;}

.excelling {}
.excelling p {font-size:1.5em; line-height:1.35em; color:#ffffff;}
.excelling p strong {font-weight:700;}
.excelling img[src$=".svg"] {max-width:80px;}

.brochure {}
.brochure h2 {font-family:'NYCCSC-DIN';color:#f99d29;font-size:2.25em;font-weight:700;}

.brochure-testimonial {}
.brochure-testimonial h3, h4 {color:#ffffff;}
.brochure-testimonial h3 {font-size:1.75em;line-height:1.5em;padding:0 50px;}
.brochure-testimonial h4{font-size:.875em;font-weight:400;}

/* Brand Colors
Orange: #f47947 or 244, 121, 71
Yellow: #f99d29 or 249, 157, 41
Light Teal: #6eccd9 or 110, 204, 217
Dark Teal: #33aab8 or 51, 170, 184
Dark Grey: #80848a or 128, 132, 138
Light Grey: #bcc3c8 or 188, 195, 200
Black: #000000
*/

/*https://codepen.io/sosuke/pen/Pjoqqp */
.languageBubbles {}

.languageBubbles .english img[src$=".svg"] {width:108px; /*Orange */filter: invert(55%) sepia(57%) saturate(910%) hue-rotate(331deg) brightness(100%) contrast(92%);}
.languageBubbles .chinese img[src$=".svg"] {width:108px; /*Dk Grey*/filter: invert(58%) sepia(6%) saturate(403%) hue-rotate(177deg) brightness(89%) contrast(81%);}
.languageBubbles .arabic img[src$=".svg"] {width:108px; /*Yellow*/filter: invert(72%) sepia(16%) saturate(4280%) hue-rotate(341deg) brightness(103%) contrast(95%);}

.languageBubbles .creole img[src$=".svg"] {width:108px; /*Lt Teal*/filter: invert(92%) sepia(11%) saturate(2539%) hue-rotate(155deg) brightness(88%) contrast(91%);}
.languageBubbles .korean img[src$=".svg"] {width:108px; /*Lt Grey*/filter: invert(94%) sepia(9%) saturate(184%) hue-rotate(162deg) brightness(84%) contrast(86%);}
.languageBubbles .french img[src$=".svg"] {width:108px; /*Teal*/filter: invert(62%) sepia(31%) saturate(906%) hue-rotate(138deg) brightness(89%) contrast(84%);}
.languageBubbles .urdu img[src$=".svg"] {width:108px; filter: invert(55%) sepia(57%) saturate(910%) hue-rotate(331deg) brightness(100%) contrast(92%);}

.languageBubbles .russian img[src$=".svg"] {width:108px; filter: invert(62%) sepia(31%) saturate(906%) hue-rotate(138deg) brightness(89%) contrast(84%);}
.languageBubbles .bengali img[src$=".svg"] {width:108px; filter: invert(72%) sepia(16%) saturate(4280%) hue-rotate(341deg) brightness(103%) contrast(95%);}
.languageBubbles .spanish img[src$=".svg"] {width:108px; filter: invert(58%) sepia(6%) saturate(403%) hue-rotate(177deg) brightness(89%) contrast(81%);}

.languageBubbles img[src$=".svg"]:hover {filter:none;}

#parent-header {}
#parent-header .bar h6 a {color:#ffffff;margin:0 5px;letter-spacing:.02em;}
#parent-header .bar h6 a:hover {color:#000000;}

/*https://codepen.io/sosuke/pen/Pjoqqp */
.homemenu .menucol img[src$=".svg"] {filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(110deg) brightness(98%) contrast(103%);}
.homemenu .menucol img[src$=".svg"]:hover {filter: invert(63%) sepia(18%) saturate(1502%) hue-rotate(138deg) brightness(89%) contrast(83%);}

.homemenumobile .menucol img[src$=".svg"]:hover {filter: invert(63%) sepia(18%) saturate(1502%) hue-rotate(138deg) brightness(89%) contrast(83%);}

.everywheremenu .menucol img[src$=".svg"] {filter: invert(63%) sepia(18%) saturate(1502%) hue-rotate(138deg) brightness(89%) contrast(83%);}
.everywheremenu .menucol img[src$=".svg"]:hover {filter:none;}

.brochuremenu .menucol img[src$=".svg"] {filter: invert(63%) sepia(18%) saturate(1502%) hue-rotate(138deg) brightness(89%) contrast(83%);}
.brochuremenu .menucol img[src$=".svg"]:hover {filter:none;}

/* Universal Stuff */
.clear {clear:both;}

input[type=checkbox]:checked:before {
    content: none;
    margin-bottom: -1px;
    color: #13aff0;
    font-weight: 600;
}

/* Responsive Alterations */

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

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

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

@media only screen and (max-width: 959px) {
    
}
    
@media only screen and (max-width:767px) {
    #nyccsc-footer .stringlogo img {width:100%; height:auto; display:block;}
    #nyccsc-footer .charternyc-logo img {width:50%; height:auto; display:block;}
}

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