/* -------------------------------------------------------------- 
   
base.css
* Version:   1.1
* Creator:   Richard MacLemale
* Last Modified: 1/14/26 at 2:12 pm

CONTENTS

Generalized Code
	Generic Utilities
	CSS Animations
	
Main CSS
	Fonts
    Body
  	Footer
  	Let's Talk
  	Module Stylings (includes .image img)
  
Emergency Banner
Home Page and Parent Links
Parent Resources Buttons
Parent Resources Cards
Parent Resources Mobile
Student Links
Student Resources
    
-------------------------------------------------------------- */

/* ============================= GENERALIZED CODE ====================================== */
/* ===================== Generic Utilities ====================== */

/* ===================== CSS Animations ====================== */

@keyframes pcs_bounceIn {
  0% { transform: scale(0.1); opacity: 0; }
  60% { transform: scale(1.2); opacity: 1;}
  100% { transform: scale(1); }
}
.pcs_slide_down {animation: pcs_bounceIn 2s}

@keyframes pcs_button_grow_top {
	from {height: 0px}
	to {height: 50px}
}

.pcs_letstalk {animation: pcs_button_grow_top 2s}

.glow {
  
  font-family: sans-serif;
  font-weight: bold;
  color: #fff;
  animation: glow 3s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    color: white;
   
  }
  
  to {
    color: #fae112;
    
  }
}  

/* ===================================== Main CSS ===================================== */

/* FONTS - Are set and managed in school-specific CSS */

/* Body */
body {  
  background-color: #dedede;
  position: relative;
  min-height: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto
}

.container-fluid {
  background-color: white;
}

.pcs_flyer_body {
    border-radius: 12px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px;}
    
/* Footer */
.dsbpc-footer-list a {color: white}
    
/* LET'S TALK */
.fixed-bottom {
  right: 60px;
  left: auto;
}

/* =================== Module Stylings (Can be overridden by themes) =================== */

/* Setting img-fluid for every class="image" */
.image img {
  max-width: 100%;
  height: auto;
  display: block; /* optional: removes inline-image whitespace */ }


/* 2, 3, and 4 card columns */


/* 2, 3, and 4 columns */
.pcs_column {padding: 40px}

/* Button */
.btn-success {background-color: #218739 !important}
.pcs_button {margin: 30px 10px 10px 30px; text-align: center;}

/* Table Stripe Color */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #d8e6f0;
}

/* Thumb is used by image gallery */
.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}

/* =================== Emergency Banner =================== */

.pcs_emergency_banner_red {
    background-image: url(https://smes.pasco.k12.fl.us//library/images/storm-icon.png);
    background-size: 30px 30px;
    background-position: 10px 18px;
    background-repeat: no-repeat;
    color: white;
    font-size: 18px;
    font-family: sans-serif;
    background-color: #b81933;
    padding: 20px 20px 20px 70px;
    width: 100%;
    border-top: 1px solid white;
    border-bottom: 4px solid white;
}

.pcs_emergency_banner_yellow {
    font-size: 18px;
    font-family: sans-serif;
    background-color: #fff3cd;
    padding: 20px 20px 20px 70px;
    width: 100%;
    border-top: 1px solid white;
    border-bottom: 4px solid white;
}

.pcs_emergency_banner_yellow a {color: blue; text-decoration: underline}

/* ===================== Home Page and Parent School Links =========== */
 .resource_container {
      margin: 10px 0px 20px 0px;
      padding: 0px
  }

  .resource_row {
      padding: 20px;
  }

  .resource_display {
      width: 266px;
      line-height: 1.1;
  }
  
  .resource_display a {
    font-size: .9em;
  }

  .resource_img {
      width: 70px;
      float: left;
      opacity: .9;
  }
  
  .resource_description {
      font-size: .9em;
      margin-top: 4px;
  }

    .resource_text {
    line-height: 1.1;
  }
  



/* =====================  Parent Resources Buttons =================== */

.parent_resource {
    float: left;
    font-size: .8em;
    line-height: 1.4;
    text-align: center;
}

.parent_resource_category {
  background-color: #0b305a;
  margin-top: 20px;
  margin-bottom: 10px;
}

.parent_resource_category h2 {
  color: white;
  font-size: 2em;
  margin-bottom: 6px;
}


.parent_resource_inner {
  display: table-cell;
  line-height: 100%;
    vertical-align: middle;
}

.parent_resource_title {
  color: white;
    background-color: #7a7a7a !important;
    margin: 10px;
    padding: 5px;
    border-radius: 8px;
    text-align: center;
    height: 50px;
    width: 110px;
    display: table;
}

.parent_resource_title a {
  color: white;
  text-decoration: none !important;
}

.parent_resource img {
  height: 75px;
  width: 75px;
  border-radius: 8px;
}

/* =====================  Parent Resources Cards =================== */

.parent_resource_card {
    float: left;
    font-size: .8em;
    background-color: white;
    line-height: 1.4;
    border-radius: 8px;
    
    /* padding: 10px; */
    text-align: center;
    width: 190px;
    height: 190px;
}

.parent_resource_inner_card {
  display: table-cell;
  line-height: 100%;
    vertical-align: middle;
}

.parent_resource_title_card {
  color: white;
    background-color: #254889 !important;
    /* margin: 10px; */
    padding: 5px;
    /* border-radius: 8px; */
    text-align: center;
    height: 50px;
    width: 100%;
    display: table;
}

.parent_resource_title_card a {
  color: white;
  font-size: 1.2em;
  text-decoration: none !important;
}

.parent_resource_card img {
  height: 75px;
  width: 75px;
  border-radius: 8px;
  margin-top: 10px;
}

.parent_resource_mobile {
  background-color: white; 
  padding: 5px;
}

.parent_resource_mobile_icon {
  padding: 0px;
}

.parent_resource_mobile a {
  font-size: 1rem;
  font-weight: bold;
}

.parent_resource_mobile p {
  font-size: .9rem;
}

/* =====================  Parent Resources Mobile  =================== */

.parent_resource_row {
  background-color: white;
  margin-top: 0px;
  margin-bottom: 40px;
}

.parent_resource_container {
  background-color: white !important; 
  margin: 10px 0px 20px 0px;
  padding: 0px;
}

.parent_resource_img {
  width: 70px;
  float: left;
  opacity: .9
}

.parent_resource_text {
  padding-top: 5px;
}

.parent_resource_display {
  width: 266px;
  line-height: 1.1;
  font-size: .9em;
}

.parent_resource_description {
  font-size: .9em;
}

/* =====================  Student Links  =================== */

/* =====================  Student Resources =================== */

.student_resource_category {
	background-color: #0b305a;
	margin-top: 20px;
	margin-bottom: 10px;
}

.student_resource_category h2 {
	color: white;
	font-size: 2em;
	margin-bottom: 0px;
}