/*
Theme Name: RVC Base Framework
Theme URI: https://rodriguezvalle.com/
Description: We are leading a national movement of exceptional, diverse public charter schools that teach Modern Hebrew to children of all backgrounds and prepare them to be successful global citizens.
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
    Red: #ED3124
    Black: #000000
*/

html, body {font-size:16px;}
#footer-bottom #copyright {text-align:left !important;}
.oceanwp-mobile-menu-icon a {font-size:20px !important;}
.oceanwp-mobile-menu-icon a.mobile-menu .oceanwp-text {display:none;}
.icon-magnifier:before {font-weight:700;}
#footer {border-top:1px solid #f1f1f1;}

/* Main Menu
#menu-top {}
#menu-main {}
#menu-main .branding {}
#menu-main .navigation {}
 */

/* https://codepen.io/sosuke/pen/Pjoqqp */
#menu-main .navigation img[src$=".svg"]:hover {filter: invert(26%) sepia(63%) saturate(4007%) hue-rotate(349deg) brightness(96%) contrast(94%);}

#intro h2 {font-size:2rem;line-height:1.25em;}

/* Team Members */
.teamGrid {width:100%;max-width:1600px;margin:0 auto;display:flex;flex-wrap:wrap;}
.teamMember {width:20%;margin:0 0 50px 0;}
.teamMemberPhoto img {border-bottom:4px solid #ffffff;width:100%;height:auto;display:block;}
.teamMemberPhoto img:hover {border-bottom:4px solid #ED3124;}
.teamMemberDetails {padding:0 30px 0 0;}
.allMembers {padding:20px;margin:20px 0;border-top:#f1f1f1 solid 1px;font-size:.875rem;margin:0;}
.allMembers a {font-size:.875rem;margin:0;}

.allMembers a::after {
    content: " / ";
}

.allMembers a:last-child::after {
    content:"";
}

/* Schools */
.schoolGrid {width:100%;max-width:1800px;margin:0 auto;display:flex;flex-wrap:wrap;}
.schoolMember {width:25%;margin:0;position:relative;}
.schoolMember img {border:1px solid #ffffff;}
.schoolOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .35s ease;
    background-color: #ED3124;
  }
  .schoolMember:hover .schoolOverlay {opacity:1;}
  
  .overlayText {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width:90%;
  }
  .overlayText h3 {font-size:1.5em; line-height:1.15em !important; margin:0; color:#ffffff;}
  .overlayText .secondaryTitle {font-size:1rem; line-height:1 !important; margin:10px 0 0 0; color:#ffffff;}
  .overlayText .devYear {font-size:4rem;font-family:'Arvo';font-weight:700;margin:0;line-height:1.25em;}
  .overlayText .theDetails {font-size:1rem;line-height:1;font-weight:400;margin:0 0 10px 0;}
  .overlayText .schoolLink {margin-top:30px;}
  .overlayText .schoolLink a {color:#fff;padding:10px;border:1px solid#fff;border-radius:3px;}
  .overlayText .schoolLink a:hover {background-color:#000;}

  .teamMemberSingle {width:100%;display:flex;flex-wrap:wrap;}
  .teamMemberSinglePhoto {width:33.333333333333333%;}
  .teamMemberDetailText {width:66.666666666666667%;}
  .teamMemberDetailC {padding:0 0 30px 20px;}

/* Buttons */

.cbButton .elementor-button {background:#ED3124; font-size:1.25rem;font-weight:700; color:#ffffff;}
.cbButton .elementor-button:hover {background:#000000;}

.smallCbButton .elementor-button {background:#ED3124; font-size:1rem;font-weight:500; color:#ffffff;}
.smallCbButton .elementor-button:hover {background:#000000;}

.negButton .elementor-button {background:#ED3124; border:2px solid #fff; font-size:1.25rem;font-weight:700; color:#ffffff;}
.negButton .elementor-button:hover {background:#000;}

/* Headings */
h1 {font-size:2rem;font-weight:700;margin:0;}
h2 {font-size:1.875rem;font-weight:700;margin:0;}
h3 {font-size:1.5rem;font-weight:700;margin:0;}
h4 {font-size:1.25rem;font-weight:700;margin:0;}
h5 {font-size:1rem;font-weight:700;margin:0;}
h6 {font-size:.875rem;font-weight:700;margin:0;}


/* Remove default top padding from custom single posts */
.single-team_member #main #content-wrap {padding-top:0;}
.single-school #main #content-wrap {padding-top:0;}
.single-story #main #content-wrap {padding-top:0;}

/* Remove breadcrumbs from custom single posts */
.single-team_member .page-header {}
.single-school .page-header {display:none;}
.single-story .page-header .site-breadcrumbs {display:none;}

/* Post Tables */


/* Stories */

.stories {width:100%;max-width:1200px;margin:0 auto 50px auto;display:flex;flex-wrap:wrap;}
.story {width:50%;min-height:100px;margin:0 0 50px 0;}
.the-date p {margin:0 0 5px 0;padding:0;font-size:.75rem;}
.storyContent {width:95%;position:relative;}
.story-img {width:100%;position:relative;z-index:5;position:relative;z-index:5;}
.story-img img {width:100%;height:auto;display:block;}
.story-details {width:100%;position:relative;z-index:10;padding:10px 0 50px 0;}
.story-details p {color:#fff;font-weight:500;margin:0;}
.school-logo {background:#fff;padding:2.5%;width:35%;margin-top:-100px;float:left;}
.school-logo:hover {background:#ED3124;}
.story-title {float:right;width:60%;}
.story-link a {color:#fff;font-size:1rem;text-transform:uppercase;font-weight:400;letter-spacing:.015rem;}
.story-link a:hover {color:#fff;text-decoration:underline;}

.redBG {background:#ED3124;}
.blackBG {background:#000;}

.cbStory {width:100%; max-width:1200px;margin:50px auto;}
#cbStory {margin-top:50px;}
.cbStoryData {display:flex;flex-wrap:wrap;margin-bottom:30px;}
.storyDataUnit {width:33.333333333333333%;}
.storyDataUnit img {width:100%;height:auto;display:block;}
.storyDataUnitC {padding:30px;}
.storyDataUnitC p {font-family:'Arvo'; color:#fff; font-size:1.5rem;line-height:1.875rem;}
.storyDataUnitC span {font-size:.875rem;}
.schoolWebsite {margin:20px 0 0 0; padding-top:20px; border-top:1px dotted #fff;}
.schoolWebsite a {color:#fff;}
.cbRed {background-color:#ED3124;}

.pressArticles {width:100%; max-width:1200px;margin:50px auto 50px auto; display:flex;flex-wrap:wrap;}
.pressArticle {width:50%;display:flex;margin:0 0 30px 0;}
.pressArticleC {width:98%;padding:20px;border:1px dotted #ccc;}
.pressArticleC:hover {border:1px solid #ccc;}
.pressArticleTitle {font-family:'Arvo';font-size:1.5rem;line-height:1.75rem;margin:0;}
.pressArticlesHeading {text-align:center; font-family:'Arvo';font-size:2rem;line-height:1.75rem; color:#ED3124; font-weight:700;}
.pressArticleLink {padding-top:20px;margin:0;}

/* Careers */
.careerVideos .elementor-custom-embed-play {
    position: absolute;
    top: 10%;
    left: 10%;
    transform: translate(-50%,-50%);
}

.emeritus p {margin:5px 0;}

.thetools ul {padding:0;margin:0;}
.thetools .searchandfilter > ul > li {
	display: inline-block;
	vertical-align: middle;
}
.thetools .searchandfilter[data-sf-form-id="100"] {
	padding:0;
}
.thetools .searchandfilter ul {padding:0;}
.thetools .searchandfilter > ul > li {padding:0 20px 0 0;}
.thetools .searchandfilter select.sf-input-select {}

.storyText {width:100%; max-width:800px;}
.storyTextC {}
.single-story .page-header {display:none;}
.storyText h1 {font-size:2.5rem;font-weight:700;margin-bottom:20px;}

.clear {clear:both;}

/* Media Queries */
@media only screen and (max-width: 1800px){   
    .teamMemberDetails {padding:0 30px 0 30px;}
}

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

}

@media only screen and (max-width: 900px){   
    #intro h2 {font-size:1.75rem;line-height:1.25em;}
    .teamMember {width:33.333333333333333%;margin:0 0 50px 0;}
    .schoolMember {width:33.333333333333333%;margin:0 0 50px 0;}
    .storyDataUnit {width:50%;}
}

@media only screen and (max-width: 767px){
    #intro h2 {font-size:1.5rem;line-height:1.25em;}
    .teamMember {width:50%;margin:0 0 50px 0;}
    .schoolMember {width:50%;margin:0;}
    .story {width:100%;min-height:100px;margin:0 0 30px 0;}
    .storyContent {width:100%;}
    .the-date p {text-align:center;}
    .storyDataUnit {width:100%;}
	
	.overlayText h3 {font-size:1em;}
    .overlayText .secondaryTitle {font-size:.875rem;}
    .overlayText .devYear {font-size:2rem;line-height:1.5em;}
    .overlayText .theDetails {font-size:.875rem;line-height:1.25;font-weight:400;margin:0 0 5px 0;}
    .overlayText .schoolLink {margin-top:20px;font-size:.75rem;}
    .overlayText .schoolLink a {color:#fff;padding:10px;border:1px solid#fff;border-radius:3px;}
    .thetools .searchandfilter > ul > li {display: block;}
    .thetools .searchandfilter > ul > li {padding:5px 20px;}
}

@media only screen and (max-width: 500px){
    #intro h2 {font-size:1.25rem;line-height:1.25em;}
    .teamMember {width:100%;margin:0 0 50px 0;}
    .schoolMember {width:100%;margin:0 0 50px 0;}
}