/* -------------------------------------------------------------- 
   
base.css
* Version:   2.0 
* Website:   https://www.pasco.k12.fl.us
* Creator:   Ricardo MacaLamale, aka Richard MacLemale
* All your base are belong to us

CONTENTS

Generalized Code
	ADA 508 Specifics
	Generic Utilities
	CSS Animations
	Pagination
	
Bootstrap 4 Overrides
    General
    Accordion (and See More)
    Carousel
    Fonts
    Tabs
    Scrolling to Anchors
    Menubar
    Hamburger Helper Makes a Great Menu
    Cards
	
Specific Sections, Pages, Items
	Ed Choice Home
	Emergency Banner
	Educator Passport
	PPP
	Wellness, Bell Schedule
	Home Page
	News
	Dept Landing Pages
	Dept Contacts
	Parent Page
	Bid List
	Superintendent Staff
	Course Catalog
	Outstanding Seniors
	Parent (and Student) Resources
	Calendar Events
	Calendar
	Health
	Get Involved
	Countdown to Kindergarten

PCS Web Page Authoring Field Tools

PCS My Pal Footer Footer

Responsive Specific

April 1 Mod

-------------------------------------------------------------- */

/* ===================================================== GENERALIZED CODE ============================================= */



.pcs_coronavirus_nav_on {height: 90px; width: 90px; margin-bottom: 20px}
.pcs_coronavirus_nav_on:hover {opacity: 0.8}
.pcs_coronavirus_nav_off {height: 70px; width: 70px; margin-bottom: 20px}
.pcs_coronavirus_nav_off:hover {opacity: 0.8}

/* ===================== ADA 508 Specifics =================== */
  
a:focus a.focus {
    /* ensure high-contrast mode still has an indicator */
	outline: 2px transparent solid !important; 

	/* Apply a thick yellow box-shadow with 
	   a thin dark blue indicator in the middle */
	box-shadow: 0 0 0 2px #F9F9D1, 0 0 0 4px #396196 !important;
	} 
   
:focus {
    /* ensure high-contrast mode still has an indicator */
	outline: 2px transparent solid !important; 

	/* Apply a thick yellow box-shadow with 
	   a thin dark blue indicator in the middle 
	box-shadow: 0 0 0 2px #F9F9D1, 0 0 0 4px #396196 !important; */
    }

/*
box-shadow: 0 0 0 2px #F9F9D1, 0 0 0 4px #396196, 0 0 4px 8px #F9F9D1 !important;
*/

.btn-primary {background-color: #0071EB !important}
.btn-success {background-color: #218739}

	
  <!-- See bottom for a underline -->
   

	
	/* Hack for Google Search */
	.original-text {text-align: left! important}
	
	.pcs_cc_bb a {color: white !important; font-weight: bold !important}



/* ===================== Generic Utilities =================== */

.pcs_white_text {color: white }
.pcs_white_text a {color: white}
.pcs_bg_white {background-color: white }
.pcs_gp {background-color: white; padding: 20px }
.pcs_bluebox {background-color: #254889; padding: 10px 10px 10px 10px}
.pcs_greenbox {background-color: #657F24; padding: 10px 10px 10px 10px}
.pcs_graybox {background-color: #e8e7e7; padding: 10px 10px 10px 10px}
.pcs_whitebox {padding: 10px 10px 0px 10px}
.pcs_yellowbox {background-color: #fcf8e3; padding: 10px; border: 1px solid #c9c39a; border-radius: 5px}
.pcs_lightbluebox {
    background-color: #ecf1fa;
    padding: 10px;
    border: 1px solid #bcd2f7;
    border-radius: 5px;
}

.pcs_small {font-size: .8em; line-height: 120%}


.pcs_alt_gray a {color: black}
.pcs_alt_gray li {padding: 10px 10px 10px 30px; margin-left: -40px}
.pcs_alt_gray li:nth-child(odd) {background-color: #dee7c5}
.pcs_alt_gray li:nth-child(even) {background-color: white}
.pcs_alt_gray ul {list-style-type: none}

.pcs_ul {line-height: 1.2em}
.pcs_ul li {padding: 5px 0px}

.pcs_ol li {background: white; padding: 10px; margin-bottom: 10px; margin-left: -20px; list-style-position: inside;}
.pcs_ol li:nth-child(odd) { background: #e7e9eb}

.pcs_indent {margin-left: 25px}


/* Circle Numbers for Lists */
.pcs_ol_circle ol {
  list-style-type: none; /* Remove default numbering */
  counter-reset: my-counter; /* Reset the counter for custom numbering */
  padding: 0; /* Remove default padding for the list */
}

.pcs_ol_circle ol li {
  counter-increment: my-counter; /* Increment the counter for each list item */
  margin-bottom: 8px; /* Adjust as needed for spacing between items */
  display: flex;
  align-items: center;
  font-size: 1.4em;
}

.pcs_ol_circle ol li::before {
  content: counter(my-counter); /* Use the counter value as the content */
  background-color: black; /* Set the background color of the circle */
  color: black; /* Set the text color to white */
  font-family: rockwell;
  font-weight: bold;
  border-radius: 50%; /* Create a circular shape for the background */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.3em;
  min-width: 60px;
  width: 60px; /* Adjust the width of the circle */
  height: 60px; /* Adjust the height of the circle */
  text-align: center; /* Center the number inside the circle */
  margin-right: 8px; /* Adjust as needed for spacing between the circle and text */
}






/* ===================== 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;
    
  }
}

/* ===================== Pagination ====================== */

.pcs_paginate {margin-bottom: 20px; font-size: 1.1em;  }
.pcs_paginate a {padding-right: 4px; padding-left: 4px; border: 1px solid gray;}






/* ============== Bootstrap 4 Overrides ====================== */

/* GENERAL */
a {color: #0645AD}
body {background-color: #dedede; max-width: 1140px; margin-left: auto; margin-right: auto}

/* Accordion and See More */
#accordion {margin-bottom: 5px}
.pcs_see_more {color: #254889; cursor: pointer; text-decoration: underline;}



/* CAROUSEL */
.carousel-control-prev-icon {height: 50px; width: 100px; background-image: url("https://www.pasco.k12.fl.us/library/home/images/left-arrow-100.png")}
.carousel-control-next-icon {height: 50px; width: 100px; background-image: url("https://www.pasco.k12.fl.us/library/home/images/right-arrow-100.png")}

/* FONTS 
h1 {font-size: 1.8rem; font-family: 'Rokkitt', serif; font-weight: 700}
h2 {font-size: 1.6rem; font-family: 'Rokkitt', serif; font-weight: 700}
h3 {font-size: 1.3rem; font-family: 'Rokkitt', serif; font-weight: 700}
h4 {font-size: 1.1rem; font-family: 'Rokkitt', serif; font-weight: 700} */

h1 {font-size: 2rem; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 700}
h2 {font-size: 1.6rem; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 600}
h3 {font-size: 1.3rem; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 600}
h4 {font-size: 1.1rem; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 600}








/* Tabs */
.nav-tabs .nav-link {border-bottom: 1px solid #dee2e6; border-color: #dee2e6}
.nav-link {padding: .5rem .5rem; font-size: .8rem; font-weight: 700}
.rm_nav_hr {display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px}
.pcs_nav_item {border: 1px solid #dee2e6}

/* Scrolling to Anchors */
html {scroll-behavior: smooth}

/* Menubar */
.bg-dark {background-color: #254889 !important}
.navbar {padding: .1rem 1rem; z-index: 10}
.navbar-dark .navbar-nav .nav-link {color: white}

/* Hamburger Menu Helper */ 
.navbar-dark .navbar-toggler {color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.9)}
.navbar-dark .navbar-toggler-icon { 
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important; 
    } 

/* Cards */
.card-img-top {padding-left: 2px; padding-right: 2px}



/* ============================================= SPECIFIC SECTIONS, PAGES, ITEMS ====================================== */


/* =============== PCS Ed Choice Home Page ======================= */
.pcs_ed_choice_hp_header {padding: 20px; min-height: 106px} 
.pcs_ed_choice_hp_header h2 {font-size: 1.5em; color: white; font-weight: bold; text-align: center} 
.pcs_ed_choice_hp_body {background-color: #f2f4f5; padding-top: 20px; padding-bottom: 20px}

/* =============== PCS Emergency Banner ======================= */
.pcs_emergency_banner {
	background-image: url('https://www.pasco.k12.fl.us/library/home/images/storm-icon.png'); 
	background-size: 50px 50px;
	background-position: 10px 18px;
	background-repeat: no-repeat;
	color: white; 
	background-color: #b81933; 
	padding: 20px 20px 20px 70px;
	width: 100%; 
	border-bottom: 4px solid white
	}
.pcs_emergency_banner a {color: white; text-decoration: underline}
.pcs_emergency_banner_yellow a {color: blue; text-decoration: underline}

.pcs_emergency_banner p {margin-left: 15px; margin-right: 10px}

/* ============== PCS Educator Passport Program Listings ====== */

.pcs_passport_back{margin-top: 10px; font-size: .9em; font-style: italic;}
.pcs_passport_entry_header{margin-top: 70px}
.pcs_passport_entry_body{font-size: .9em}
.pcs_passport_row{margin-top: 20px; padding-right: 20px}

/* ==============  PCS Pasco Parent Press Classes  ============ */

.pcs_ppp_community {padding-left: 20px; margin-bottom: 30px}
.pcs_ppp_entry a { font-size: 1.2rem; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 700; line-height: 50%; }
.pcs_ppp_header { background-color: white; background-image: url('https://www.pasco.k12.fl.us/library/pasco_parent_press/images/paper-header-1200.png'); background-repeat: no-repeat; min-height: 260px  }
.pcs_ppp_inner_community {background-color: #e5e6e8; padding: 20px}
.pcs_ppp_inner_happenings {background-color: #e5e6e8; padding: 20px}
.pcs_ppp_inner_pitp {background-color: #e5e6e8; padding: 20px}
.pcs_ppp_inner_resources {background-color: #e5e6e8; padding: 20px}
.pcs_ppp_logo { margin-top: 26px }
.pcs_ppp_district_logo { width: 126px }
.pcs_ppp_district_logo_col { text-align: center }
.pcs_ppp_happenings {padding-right: 20px; margin-bottom: 30px}
.pcs_ppp_resources {padding-right: 20px; margin-bottom: 30px}
.pcs_ppp_date { margin-top: 20px }
.pcs_ppp_msg_header { margin-top: 0px; padding-left: 0px; padding-right: 0px }
.pcs_ppp_msg_content2 { background-color: #e6e6e8; min-height: 185px; max-height: 200px; padding: 20px }
.pcs_ppp_spotlight {padding-left: 20px; margin-bottom: 30px}

/* ======================  WELLNESS, BELL SCHEDULE  ======================= */
.pcs_wellness_monthly_challenge {margin: 20px; padding: 20px; background-color: #1fc3df; color: white; font-weight: bold}
.pcs_bell_schedule {font-size: .8em}

/* ======================  HOME PAGE  ======================= */
.pcs_big_hero {z-index: 1; position: relative !important; resize: vertical; overflow: auto}
.pcs_big_hero .pcs_hp_buttons {top: 36% !important; margin-top: -50px !important}
.pcs_big_hero_home {background-image: url("https://www.pasco.k12.fl.us/library/home/images/big-home-page-photo-2800.jpg"); background-repeat: no-repeat; background-size: cover}
.pcs_hp_circle {position: absolute; top: 26px; left: 44px;	background-color: #b81933; border-radius: 50%; color: white; height: 300px; padding: 60px 20px 40px 40px; width: 300px; z-index: 5}
.pcs_hp_circle_storm {position: absolute; top: 86px !important}
.pcs_hp_circle_mobile {background-color: #b81933;border-radius: 50%;color: white;height: 300px;padding: 60px 20px 40px 40px;width: 300px;z-index: 5}
.pcs_hp_circle_rect a {color: white}
.pcs_hp_circle a {color: white}
.pcs_hp_circle h1 {font-size: 2.1rem; line-height: .9em}
.pcs_hp_circle h2 {font-size: 1.8rem; line-height: .9em}
.pcs_hp_buttons {position: absolute; top: 370px; left: 0px}
.pcs_hp_buttons_mobile {display: none; position: absolute; top: 220px; left: 0px}
.rm_slide_down {-webkit-animation: diagonal-slide 5s, bounce 5s; animation: diagonal-slide 5s}
.pcs_hp_rect {
    top: 48px;
    left: 44px;
    background-color: #b81933;
    border-radius: 0;
    border-top: 2px solid white;
    padding: 20px;
    width: 100%;
    z-index: 5;
    }

.pcs_hp_buttons_sm {
	margin-top: 20px;
	margin-left: 20px;

}

.pcs_hp_blue_rect a {color: white;}
.pcs_slide_down {color: #b81933}
.pcs_slide_down a {font-weight: bold; text-decoration: underline; color: #b81933 }
.pcs_hp_news p {
	color: white;
	font-size: .8em !important;
	}
.pcs_hp_news h2 {color: white}

/* School Board on Home Page */
.pcs_hp_board {background-color: black; color: white; margin-left: 0px; margin-right: 0px; padding-top: 10px}
.pcs_hp_board a {color: white}

/* ==================== Green Row */
.pcs_gr_circle {width: 240px}
.pcs_gr_circle_inner {margin-top: -136px; width: 220px; margin-left: auto; margin-right: auto}
.pcs_gr_circle_inner h1 {color: white; font-size: 2.1rem; text-shadow: 4px 4px 4px #000000}
.pcs_gr_circle_inner p {color: white; font-size: 1.2rem; font-weight: bold; margin-top: -14px; text-shadow: 2px 2px 4px #4d4d4d}
.pcs_gr_circle_inner h2 {color: white; font-size: 1.2rem; font-weight: bold; margin-top: -14px; text-shadow: 2px 2px 4px #4d4d4d}
.pcs_gr_circle_mobile {float: left; width: 80px}
.pcs_gr_circle_inner_mobile {float: left; padding-left: 10px; margin-left: auto; margin-right: auto; max-width: 200px}
.pcs_gr_circle_inner_mobile h1 {color: white; font-size: 1.5rem; text-shadow: 2px 2px 2px #000000}
.pcs_gr_circle_inner_mobile p {color: white; font-size: .8rem; font-weight: bold; text-shadow: 1px 1px 2px #4d4d4d}
.pcs_gr_circle_inner_mobile h2 {color: white; font-size: .8rem; font-weight: bold; text-shadow: 1px 1px 2px #4d4d4d}


/* ================= Orange row */

.pcs_or_icon_mobile {float: left; width: 80px; margin-right: 10px}
.pcs_or_stats_mobile {float: left; margin-left: 10px}
.pcs_or_stats_mobile h1 {color: white; font-size: 1.8rem; margin-bottom: 0px}
.pcs_or_stats_mobile p {color: white; font-size: .8rem}

/* ==============  PCS NEWS BRAND NEW NEWS PAGE  ================== */

.pcs_news_home {
	padding-top: 20px;
	background-color: white;

}






/* ==============  PCS NEWS Index Page Classes  ================== */

.pcs_news {background-color: #eaefdb; margin-bottom: 40px}
.pcs_news_rc {background-color: #eaefdb; padding: 0px; margin-top: -48px}
.pcs_news_entry {margin-bottom: 20px }
.pcs_news_entry a {font-size: 1.2rem; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 700; line-height: 50%}
.pcs_news_pr_header h1 {bottom: 15px; color: white; font-size: 2.8em; text-shadow: 1px 1px 4px black; margin-top: -55px; margin-left: 20px}
.pcs_news_happenings_header h1 {bottom: 15px; color: white; font-size: 2.8em; text-shadow: 1px 1px 4px black; margin-top: -55px; margin-left: 20px}
.pcs_news_blackbar {background-color: black; margin-bottom: -7px}
.pcs_news_blackbar h1 {color: white; font-size: 2.8em; padding-top: 6px; text-align: center}
.pcs_news_container {padding: 20px 15px 0px 15px}
.pcs_news_inner_mc {padding: 20px; margin-top: -150px}
.pcs_news_inner_pitp {margin: 20px}
.pcs_news_inner_pr {margin: 20px}
.pcs_news_inner_happenings {margin: 20px}
.pcs_news_inner_ob {margin: 20px}
.pcs_news_pitp_header {background-color: #657F24; background-image: url('https://www.pasco.k12.fl.us/library/news/2019-2020/images/press-150.png'); background-position: 15px 15px; background-size: 75px 75px; background-repeat: no-repeat;  color: white; margin: 0px; min-height: 106px; padding: 10px 10px 1px 110px}
.pcs_news_pitp_header h1 {font-size: 2.8em; line-height: .9}
.pcs_news_ob_header {background-color: #657F24; background-image: url('https://www.pasco.k12.fl.us/library/news/2019-2020/images/observances-150.png'); background-position: 95% 43%; background-size: 75px 75px; background-repeat: no-repeat;  color: white; margin: 0px; min-height: 106px; padding: 10px 110px 1px 10px}
.pcs_news_title a {font-size: 1.2rem; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 700; line-height: 50%}
.pcs_news_sticky_title {padding-top: 15px}
.pcs_news_sticky_title a {font-size: 1.8rem; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 700; line-height: 50%}
.pcs_happenings_title a {font-size: 1.2rem; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 700; line-height: 50%}
.pcs_pitp_title a {font-size: 1.2rem; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 700; line-height: 50%}
.pcs_news_lc {background-color: #eaefdb; padding: 0px; margin-top: -48px}
.pcs_news_see_more {font-size: 1.2rem; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 700; text-align: center; padding-bottom: 10px}
.pcs_news_mc {background-color: white; padding: 0px; margin-top: -21px}

/* ==============  PCS NEWS Index Page Classes  ================== */

.pcs_news_page {background-color: white}
.pcs_news_page_dept_title {border-top: 8px solid white; color: white; background-color: #D73F19; padding: 20px; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 700; font-size: 2.5rem; line-height: 1; margin-left: -15px; margin-right: -15px; margin-bottom: 20px}

/* ==============  PCS NEWS Archives Page Classes  ================== */

.pcs_entry_archive_display {margin-left: 20px }
.pcs_archive_date {margin-top: 15px }

/* ==============  PCS Department Landing Page Classes  ============ */

.department {float: left; font-size: .9em; line-height: 1.4; margin: 10px; padding: 10px; width: 200px; height: 170px }
.pcs_nav_pills {border-top: 1px solid {pcs_blue} }
.pcs_search_results_table th {font-size: .9rem }
.pcs_search_results_table td {font-size: .9rem }
.pcs_search_box {border: 1px solid gray; border-radius: 5px; background-color: #f2f4f5; padding: 20px}

/* ==============  PCS Department Page Classes  ===================== */

.pcs_dept_title {border-top: 8px solid white; color: white; background-color: #D73F19; padding: 20px; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 700; font-size: 2.5rem; line-height: 1}
.pcs_dept_page_title {color: #254889; margin-top: 20px; margin-bottom: 20px; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 500; font-size: 1.8rem; line-height: 1}
.pcs_dept_nav {border-top: 8px solid white; color: white; background-color: #657F24; padding: 20px}
.pcs_dept_nav h1 {color: white; line-height: 1.1; padding-top: 15px}
.pcs_dept_nav a {color: white}
.pcs_dept_index_body {background-color: white; padding: 20px}
.pcs_dept_index_body_wellness {background-color: rgba(255, 255, 255, 0.9); padding: 20px}
.pcs_dept_rc {margin: 0px !important}
.pcs_important_links {border-top: 8px solid white; color: white;  margin-bottom: 20px; padding: 20px}
.pcs_important_links h1 {color: white}
.pcs_important_links a {color: white}
.pcs_dept_index_lc {padding-left: 0px; padding-right: 0px}
.pcs_mobile_scrolldown {background-color: white; padding: 20px}
.pcs_mobile_scrolldown_back {padding: 0px 20px}
.pcs_dept_fullpage_col {padding-left: 0px; padding-right: 0px}

.pcs_important_links_other {padding: 20px}

/* ==============  PCS Department Contacts Classes  ============ */

.pcs_staff_contacts {margin-top: 20px !important; padding: 3px 5px 0px 15px }
.pcs_staff_contacts h2 {color: white; padding-top: 10px; padding-bottom: 10px}

/* ==============  PCS School Contacts Classes  ============ */

.school {float: left; font-size: .9em; line-height: 1.4; margin: 10px; padding: 10px; width: 240px; height: 310px}
.school_mobile {font-size: .9em; line-height: 1.5}

/* ==============  PCS Parent Classes  ============ */

.pcs_parent_circle_image {max-height: 270px}
.pcs_parent_links {margin-top: 20px}
.pcs_parent_links li {color: white; text-align: left; line-height: 1em; padding-bottom: 9px}
.pcs_parent_links li > a {color: white; text-align: left}
.pcs_parents_buttons {position: absolute; top: 370px; left: 0px}

/* =============== PCS Bid List Catalog ============== */

.pcs_blc_box {width: 300px; float: left; border: 1px solid black; padding: 10px; margin: 5px}

/* ==========================  Superintendent's Staff  =================== */
.pcs_sup_staff {margin-left: 10px; line-height: .8; margin-bottom: 10px}


/* ===================== Course Catalog Accordion Mods =================== */

.pcs_cc {font-size: .9em }
.pcs_cc table {margin-bottom: 0px}
.pcs_cc .card-header {padding: 0px !important}

/* ===================== Course Catalog Boxes =================== */


.pcs_cc_gb {background-color: #55ac32; color: white; margin-bottom: 10px; padding: 20px;}
.pcs_cc_ob {background-color: #e1622f; color: white; margin-bottom: 10px; padding: 20px;}
.pcs_cc_bb {background-color: #367f9e; color: white; margin-bottom: 10px; padding: 20px;}

/* ===================== Outstanding Seniors =================== */

.pcs_os a {color: white}
.pcs_os h1 {color: white; font-family: 'Helvetica Neue'; font-size: 4em; font-weight: bold;}
.pcs_os h2 {color: white; font-family: 'Helvetica Neue'; font-size: 2.5em; font-weight: bold;}
.pcs_os h3 {color: white; font-family: 'Helvetica Neue'; font-size: 1.5em; font-weight: bold;}
.pcs_os ul li {color: white; margin-left: -22px;}
.pcs_os p {color: white;}
.pcs_os_image {border: 4px solid white}

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

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

.parent_resource_category {
	background-color: #254889;
	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 NEW 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 {
	margin-top: 3px;
	float: left;
	line-height: 1.2;
	width: 220px;
	opacity: .8;
}

.parent_resource_display {
	 width: 290px;
}

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

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

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

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

/* =====================  Calendar Events =================== */
.pcs_calendar_event_card {
	background-color: #f4f4f4; 
	border-top: 3px solid white; 
	border-right: 3px solid white; 
	border-bottom: 3px solid white; 
	border-left: 3px solid white; 
	padding: 0px
}

.pcs_calendar_event_date {
    position: absolute;
    top: 5%;
    width: 90%;
    z-index: 10;
    padding: 5px;
    color: #fff;
    background-color: rgb(0,0,0,.5);
    text-align: left;
}

.pcs_calendar_event_body {
	background-color: #f4f4f4;
	padding: 8px;
	margin-bottom: 80px;
}

.pcs_calendar_event_body h3 {
	font-size: 14px;
	line-height: 1;
}

.pcs_calendar_event_body p {
	font-size: 14px;
	line-height: 1.2;
}

.pcs_calendar_event_body ul {
	font-size: 14px;
	line-height: 1.2;
}


.pcs_calendar_event_footer {
	background-color: #254889;
	color: white;
	font-size: .8em;
	line-height: 1.3;
	padding: 8px; 
	position: absolute; 
	bottom: 0px; 
	min-height: 80px;
	width: 100%
}

/* =========================  Calendar ======================= */
.calendarBG {
 background-color: #000; 
}

.calendarBlank { 
 background-color: #dcdcdc;
}

.calendarHeader { 
 font-weight: bold; 
 color: white; 
 text-align: center;
 background-color: #D73F19; 
}

.calendarMonthLinks {
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #fff;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	12px;
 color: black; 
 background-color: #f4f4f4; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-align:  right;
 vertical-align: middle;
 color:             #000;
 background-color: 	#f2e8a3;
}

.calendarCell {
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  right;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
 max-width: 100px;
}

.calendarCell a {
 color:             white;
 text-decoration:   underline;
 background-color:  transparent;
 line-height: 1.2;
}
  
.calendarCell a:visited {
 color:             whitesmoke;
 text-decoration:   underline;
 background-color:  transparent;
 line-height: 1.2;
}

.calendarCell a:hover {
 color:             white;
 text-decoration:   none;
 background-color:  transparent;
 line-height: 1.2;
}

.calendarLinkBox {
	background-color: #254889;
	color: white;
	padding: 5px;
	margin: 3px;
	text-align: left;
	-webkit-border-radius: 3px;
}




/* ==========================  Health ======================== */
.pcs_health_minicard {
	margin: 5px; 
	padding: 10px; 
	border: 1px solid black; 
	border-radius: 4px; 
	float: left; 
	text-align: center; 
	height: 180px; 
	width: 180px
}

/* =================  Countdown to Kindergarten ============== */
.pcs_ctk {
	background-image: url("https://www.pasco.k12.fl.us/library/enrollment_services/images/countdown_to_kdg_background.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	h1 {font-size: min(max(16px, 5vw), 84px); font-family: rockwell}
	h2 {font-size: 1.8em; font-weight: bold; font-family: rockwell}
	h3 {
		font-size: 1.5em; 
		font-weight: bold; 
		font-family: rockwell;
		text-align: center; 
		background-color: #EC5563; 
		color: white;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: -20px;
		padding: 10px;
	}
}
 
.pcs_ctk_h1 {font-size: 6vw; font-family: rockwell}
.pcs_ctk_h2 {font-size: 3vw; font-weight: bold; font-family: rockwell}
.pcs_ctk_h3 {
		font-size: 1.5em; 
		font-weight: bold; 
		font-family: rockwell;
		text-align: center; 
		background-color: #EC5563; 
		color: white;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: -20px;
		padding: 10px;
	}



.pcs_ctk .pcs_section_title {
	font-size: 2.6em; 
	font-weight: bold;
	font-family: rockwell;
	text-align: center;
}

.pcs_ctk ol li span {
	font-size: 1.3em;
	font-weight: bold;
}



/* ===============================  PCS Web Page Authoring Field Tools  ================================== */

/* ACCORDION aka Bootstrap Collapse */
.pcs_accordion {padding-top: 20px; padding-bottom: 20px}

/* Button Field aka Green Button */
.pcs_button {margin: 30px 10px 10px 30px; text-align: center}

/* Card */
/*.pcs_card {border: 1px solid black; margin-bottom: 20px}*/
.pcs_card hr {border-top: 1px solid black; margin-left: -20px; margin-right: -20px}

/* Embed YouTube Video */
.pcs_embed_youtube_video {margin-top: 20px; margin-bottom: 20px}

/* Featured Image Field aka file */
.pcs_featured_image {margin-left: auto; margin-right: auto; text-align: center}

/* Files */
.pcs_files {padding-top: 20px; padding-bottom: 20px}

/* Notepad Box - We are overriding Bootstrap 4 here 
.alert-warning {margin: 20px} */

/* Section Title */
.pcs_section_title {font-size: 1.6rem; font-family: 'myriad-pro-condensed',sans-serif; font-weight: 700}

/* Text - Nothing here quite yet */

/* Warning Box - We are overriding Bootstrap 4 here 
.alert-danger {margin: 20px} */

/* Tabs */
.pcs_tabs {margin-top: 20px; margin-bottom: 20px}

/* Colored Columns - white anchor links */
.pcs_columns a {color: white}

/* ==================================================  PCS MY PAL FOOTER FOOTER  ============================================= */

.goog-te-gadget {color: white !important}
.goog-logo-link {color: white !important}
.pcs_foot_foot {background-color: black; color: white; padding: 20px}
.pcs_foot_foot h3 {color: white}
.pcs_foot_foot a {color: white}
.pcs_footer_logo {width: 100px}
.pcs_blue_footer {background-color: #254889 !important; color: white; width: 100%; padding-bottom: 5px}
.pcs_logo_box {margin-left: 20px}
#google_translate_element a {color: white}
.pcs_footer_sm {width: 24px}
		/* Tablet and Large */
			/* Applicable to all */
				/* Green background and stuff */
				.rm-ld-home-tl {width: 760px; 
				height: 730px; 
				background-image: url("https://www.pasco.k12.fl.us/library/oll/images/background_full.jpg"); 
				background-repeat: no-repeat}
			/* Specifics */
			/* LIGHT BLUE */
			.rm-round-button-lb {width: 162px; float: left}
			.rm-round-button-circle-lb {width: 100%; 
			height: 0; 
			padding-bottom: 92%; 
			border-radius: 50%; 
			border: 5px solid #ffffff; 
			overflow: hidden; 
			background: #6e9fc6; 
			box-shadow: 0 0 3px gray}
			.rm-round-button-circle-lb:hover {background: #30588e}
			.rm-round-button-lb a {display: block; 
			float: left; width: 100%; 
			padding-top: 44%; 
			padding-bottom: 50%; 
			line-height: 1em; 
			margin-top: -0.5em; 
			text-align: center; 
			color: white; 
			font-family: "Arial Black"; 
			font-size: 1em; 
			font-weight: bold; 
			text-decoration: none}
			/* DARK BLUE */
			.rm-round-button-db {width: 162px; float: left}
			.rm-round-button-circle-db {width: 100%; 
			height: 0; 
			padding-bottom: 92%;
			  border-radius: 50%;
			  border: 5px solid #ffffff;
			  overflow: hidden;
			  background: #2f4271;
			  box-shadow: 0 0 3px gray;
			}
			.rm-round-button-circle-db:hover {background: #1a243d}
			.rm-round-button-db a {display: block;
			  float: left;
			  width: 100%;
			  padding-top: 38%;
			  padding-bottom: 50%;
			  line-height: 1em;
			  margin-top: -0.5em;
			  text-align: center;
			  color: white;
			  font-family: "Arial Black";
			  font-size: 1em;
			  font-weight: bold;
			  text-decoration: none;
			}

			/* ORANGE */
			.rm-round-button-o {width: 162px; float: left}
			.rm-round-button-circle-o {width: 100%;
			  height: 0;
			  padding-bottom: 92%;
			  border-radius: 50%;
			  border: 5px solid #ffffff;
			  overflow: hidden;
			  background: #c45237;
			  box-shadow: 0 0 3px gray;
			}
			.rm-round-button-circle-o:hover {background: #843725}
			.rm-round-button-o a {display: block;
			  float: left;
			  width: 100%;
			  padding-top: 44%;
			  padding-bottom: 50%;
			  line-height: 1em;
			  margin-top: -0.5em;
			  text-align: center;
			  color: white;
			  font-family: "Arial Black";
			  font-size: 1em;
			  font-weight: bold;
			  text-decoration: none;
			}
			/* GREEN */
			.rm-round-button-g {width: 162px; float: left}
			.rm-round-button-circle-g {width: 100%;
			  height: 0;
			  padding-bottom: 92%;
			  border-radius: 50%;
			  border: 5px solid #ffffff;
			  overflow: hidden;
			  background: #91b03d;
			  box-shadow: 0 0 3px gray;
			}
			.rm-round-button-circle-g:hover {background: #687e2b}
			.rm-round-button-g a {display: block;
			  float: left;
			  width: 100%;
			  padding-top: 44%;
			  padding-bottom: 50%;
			  line-height: 1em;
			  margin-top: -0.5em;
			  text-align: center;
			  color: white;
			  font-family: "Arial Black";
			  font-size: 1em;
			  font-weight: bold;
			  text-decoration: none;
			}
		/* Regular Medium Screen */
			/* Applicable to all */
				/* Green background and stuff */
				.rm-ld-home-m {width: 622px;
					height: 646px;
					background-image: url("https://www.pasco.k12.fl.us/library/oll/images/background_full.jpg");
					background-repeat: no-repeat;
					background-size: 622px 596px;
				}
			/* Specifics */
			/* LIGHT BLUE */
			.rm-round-button-lb-m {width: 134px; float: left}
			.rm-round-button-circle-lb-m {width: 100%;
			  height: 0;
			  padding-bottom: 94%;
			  border-radius: 50%;
			  border: 5px solid #ffffff;
			  overflow: hidden;
			  background: #6e9fc6;
			  box-shadow: 0 0 3px gray;
			}
			.rm-round-button-circle-lb-m:hover {background: #30588e;}
			.rm-round-button-lb-m a {display: block;
			  float: left;
			  width: 100%;
			  padding-top: 44%;
			  padding-bottom: 50%;
			  line-height: 1em;
			  margin-top: -0.5em;
			  text-align: center;
			  color: white;
			  font-family: "Arial Black";
			  font-size: 1em;
			  font-weight: bold;
			  text-decoration: none;
			}


			/* DARK BLUE */

			.rm-round-button-db-m {width: 134px; float: left}
			.rm-round-button-circle-db-m {width: 100%;
			  height: 0;
			  padding-bottom: 94%;
			  border-radius: 50%;
			  border: 5px solid #ffffff;
			  overflow: hidden;
			  background: #2f4271;
			  box-shadow: 0 0 3px gray;
			}
			.rm-round-button-circle-db-m:hover {background: #1a243d}
			.rm-round-button-db-m a {display: block;
			  float: left;
			  width: 100%;
			  padding-top: 38%;
			  padding-bottom: 50%;
			  line-height: 1em;
			  margin-top: -0.5em;
			  text-align: center;
			  color: white;
			  font-family: "Arial Black";
			  font-size: 1em;
			  font-weight: bold;
			  text-decoration: none;
			}

			/* ORANGE */

			.rm-round-button-o-m {width: 134px; float: left}
			.rm-round-button-circle-o-m {width: 100%;
			  height: 0;
			  padding-bottom: 94%;
			  border-radius: 50%;
			  border: 5px solid #ffffff;
			  overflow: hidden;
			  background: #c45237;
			  box-shadow: 0 0 3px gray;
			}
			.rm-round-button-circle-o-m:hover {background: #843725}
			.rm-round-button-o-m a {display: block;
			  float: left;
			  width: 100%;
			  padding-top: 44%;
			  padding-bottom: 50%;
			  line-height: 1em;
			  margin-top: -0.5em;
			  text-align: center;
			  color: white;
			  font-family: "Arial Black";
			  font-size: 1em;
			  font-weight: bold;
			  text-decoration: none;
			}
			
			/* GREEN */
			.rm-round-button-g-m {width: 134px; float: left}
			.rm-round-button-circle-g-m {width: 100%;
			  height: 0;
			  padding-bottom: 94%;
			  border-radius: 50%;
			  border: 5px solid #ffffff;
			  overflow: hidden;
			  background: #91b03d;
			  box-shadow: 0 0 3px gray;
			}
			.rm-round-button-circle-g-m:hover {background: #687e2b}
			.rm-round-button-g-m a {display: block;
			  float: left;
			  width: 100%;
			  padding-top: 44%;
			  padding-bottom: 50%;
			  line-height: 1em;
			  margin-top: -0.5em;
			  text-align: center;
			  color: white;
			  font-family: "Arial Black";
			  font-size: 1em;
			  font-weight: bold;
			  text-decoration: none;
			}

		/* Phone Screen */

			/* Applicable to all */

				/* Green background and stuff */
				.rm-ld-home-xs {height: 410px}

			/* Specifics */

			/* LIGHT BLUE */

			.rm-round-button-lb-xs {width: 134px;
			  margin-top: 10px;
			  margin-right: 10px;
			  float: left;
			}
			.rm-round-button-circle-lb-xs {width: 100%;
			  height: 0;
			  padding-bottom: 94%;
			  margin-left: 10px;
			  border-radius: 50%;
			  border: 5px solid #ffffff;
			  overflow: hidden;
			  background: #6e9fc6;
			  box-shadow: 0 0 3px gray;
			}
			.rm-round-button-circle-lb-xs:hover {background: #30588e}
			.rm-round-button-lb-xs a {display: block;
			  float: left;
			  width: 100%;
			  padding-top: 44%;
			  padding-bottom: 50%;
			  line-height: 1em;
			  margin-top: -0.5em;
			  text-align: center;
			  color: white;
			  font-family: "Arial Black";
			  font-size: 1em;
			  font-weight: bold;
			  text-decoration: none;
			}

			/* DARK BLUE */

			.rm-round-button-db-xs {width: 134px;
			  margin-top: 10px;
			  margin-right: 10px;
			  float: left;
			}
			.rm-round-button-circle-db-xs {width: 100%;
			  height: 0;
			  padding-bottom: 94%;
			  margin-left: 10px;
			  border-radius: 50%;
			  border: 5px solid #ffffff;
			  overflow: hidden;
			  background: #2f4271;
			  box-shadow: 0 0 3px gray;
			}
			.rm-round-button-circle-db-xs:hover {background: #1a243d}
			.rm-round-button-db-xs a {display: block;
			  float: left;
			  width: 100%;
			  padding-top: 38%;
			  padding-bottom: 50%;
			  line-height: 1em;
			  margin-top: -0.5em;
			  text-align: center;
			  color: white;
			  font-family: "Arial Black";
			  font-size: 1em;
			  font-weight: bold;
			  text-decoration: none;
			}

			/* ORANGE */

			.rm-round-button-o-xs {width: 134px;
			  margin-top: 10px;
			  margin-right: 10px;
			  float: left;
			}
			.rm-round-button-circle-o-xs {width: 100%;
			  height: 0;
			  padding-bottom: 94%;
			  margin-left: 10px;
			  border-radius: 50%;
			  border: 5px solid #ffffff;
			  overflow: hidden;
			  background: #c45237;
			  box-shadow: 0 0 3px gray;
			}
			.rm-round-button-circle-o-xs:hover {background: #843725}
			.rm-round-button-o-xs a {display: block;
			  float: left;
			  width: 100%;
			  padding-top: 44%;
			  padding-bottom: 50%;
			  line-height: 1em;
			  margin-top: -0.5em;
			  text-align: center;
			  color: white;
			  font-family: "Arial Black";
			  font-size: 1em;
			  font-weight: bold;
			  text-decoration: none;
			}
			
			/* GREEN */

			.rm-round-button-g-xs {width: 134px;
			  margin-top: 10px;
			  margin-right: 10px;
			  float: left;
			}
			.rm-round-button-circle-g-xs {width: 100%;
			  height: 0;
			  padding-bottom: 94%;
			  margin-left: 10px;
			  border-radius: 50%;
			  border: 5px solid #ffffff;
			  overflow: hidden;
			  background: #91b03d;
			  box-shadow: 0 0 3px gray;
			}
			.rm-round-button-circle-g-xs:hover {background: #687e2b}
			.rm-round-button-g-xs a {display: block;
			  float: left;
			  width: 100%;
			  padding-top: 44%;
			  padding-bottom: 50%;
			  line-height: 1em;
			  margin-top: -0.5em;
			  text-align: center;
			  color: white;
			  font-family: "Arial Black";
			  font-size: 1em;
			  font-weight: bold;
			  text-decoration: none;
			}


/* ================================================== RESPONSIVE SPECIFIC ============================================= */

/* To make the Cards have a sane breakpoint */


/* Regular and Large Screen Computer Width (col-xl) */
@media (min-width: 1200px) {
	/* Main Menu */
	.pcs_google_menu {margin-top: 3px}
	
	/* Home Page */
	.pcs_big_slogan {position: absolute; top: 640px; right: 30px; width: 450px; height: 300px }
	.pcs_big_slogan h1 {font-size: 3.3rem; color: white; text-align: center; line-height: 3rem }
    
    /* Dept Nav */
    .pcs_dept_nav_icon {width: 90px }
    .pcs_dept_nav h1 {font-size: 2rem }
    
    /* NEWS Page */
    .pcs_news_ob_header h1 {font-size: 2.8em; line-height: .9; margin-top: 26px }

    /* Parents Page */
    .pcs_parents_buttons {top: 250px }

    /* Parent Resources */
    .parent_resource {width: 130px; margin: 10px 10px 15px 10px}
    .parent_resource_card {margin: 12px}
}

/* Common Laptop Width Big (col-lg) */
@media (min-width: 992px) and (max-width: 1199px) {
	/* Main Menu */
	.pcs_google_menu {margin-top: 3px}
	
	/* Home Page */
	.pcs_gr_circle_inner {margin-top: -136px; width: 200px; }
    .pcs_gr_circle {width: 200px; }
    .pcs_gr_circle_inner h1 {font-size: 1.8em; }
    .pcs_gr_circle_inner p {font-size: 1em; }

    /* Dept Nav */
    .pcs_dept_nav_icon {width: 70px }
    .pcs_dept_nav h1 {font-size: 1.8rem }

    /* NEWS Page */
    .pcs_news_ob_header h1 {font-size: 2.4em; line-height: .9; margin-top: 26px }

    /* Parents Page */
    .pcs_parents_buttons {top: 200px }

    /* Parent Resources */
    .parent_resource {width: 120px; margin: 10px 10px 15px 10px}
    .parent_resource_card {margin: 16px}
}

/* Large Tablet/Smaller Laptop Width (col-md) */
@media (min-width: 768px) and (max-width: 991px) {
	/* Main Menu */
	.pcs_google_menu {margin-bottom: 20px}
	.nav-link {font-size: 1em !important}
	
	/* Dept Nav */
    .pcs_dept_nav_icon {width: 80px }
    .pcs_dept_nav h1 {font-size: 1.8rem }
	
	/* Home Page */
	.pcs_hp_buttons {top: 304px !important}
	.pcs_hp_circle h1 {font-size: 1.5rem}
	.pcs_hp_circle {height: 270px; padding: 60px 24px 40px 40px; width: 270px}
	
    /* NEWS Page */
    .pcs_news_ob_header h1 {font-size: 2em; line-height: .9; margin-top: 26px }
    /* Parents Page */
    .pcs_parents_buttons {top: 140px }
    .pcs_parent_links {margin-top: 20px; padding-left: 0px }
    .pcs_parent_col_md {padding: 0px }

    /* Parent Resources */
    .parent_resource {width: 130px; margin: 0px 0px 15px 0px}
    .parent_resource_card {margin: 12px}
    
}

/* Large Phone/Small Tablet (col-sm) */
@media (min-width: 576px) and (max-width: 767px) {
	/* Main Menu */
	.pcs_google_menu {margin-bottom: 20px}
	.nav-link {font-size: 1em !important}
	
	/* Home Page */
	.pcs_gr_circle_inner_mobile {float: left; padding-left: 10px; max-width: 100px}
    /* Dept Nav */
    .pcs_dept_nav_icon {width: 70px }
    .pcs_dept_nav h1 {font-size: 1.8rem }
    /* NEWS Page */
    .pcs_news_ob_header h1 {font-size: 1.8em; line-height: .9; margin-top: 26px }
    /* Parents Page */
    .pcs_parents_buttons {top: 70px }
    .pcs_parent_circle_image {max-height: 160px; }

    /* Parent Resources */
    .parent_resource {width: 130px; margin: 10px 10px 15px 10px}
    .parent_resource_card {margin: 22px}
}

/* Small Phones (col-) */
@media (max-width: 575px) {
	/* Main Menu */
	.pcs_google_menu {margin-bottom: 20px}
	.nav-link {font-size: 1em !important}
	
	/* Dept Nav */
   .pcs_dept_nav_icon {width: 70px }
	
    /* Parents Page */
    .pcs_parent_circle_image {max-height: 160px; }
    .pcs_parents_buttons {position: inherit; top: auto; margin-top: 20px; text-align: center }
    .pcs_parent_links {padding-left: 0px }

    /* Parent Resources */
    .parent_resource {width: 130px; margin: 0px 0px 15px 0px}
    .parent_resource_card {margin: 10px 8px 15px 8px}
}

/* REALLY Small Phones */
@media (max-width: 499px) {
	/* Parent Resources 
	.parent_resource_card {width: 100%} */

}



/* The anchor link overall underliner 
a {text-decoration: underline !important;} */

/* And the April 1, 2022 Mod... */
@keyframes rm-flip {
	0% {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
	75% {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
    100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
}