/*
Theme Name: Foxy Child for PCS
Description: Foxy Child Theme
Author: Anokiea Design
Template: Foxy
*/

@import url("../Foxy/style.css");


/* per https://www.elegantthemes.com/forum/viewtopic.php?f=183&t=252787  */
.woocommerce div.product div.summary {
width: 48% !important;
}
select#camp-dates {
width: 100% !important;
}
#home-tab-area {
width: 100% !important;
}
.related .products li {
float: left;
margin-right: 20px;
}
.products li {
float: left;
width: 33%;
padding-bottom: 30px;
}
.related .products h2{
width: 64%;
}
/*  my fix to fill in the full-screen mode woo layout once sidebars are removed */
body.single-product #left-area {
	width: 100%;
}
body.woocommerce #left-area {
	width: 100%;
}

.et-products li, ul.products li {
    height: 245px;
}
/* allow grid of woo products to be centered in block */
.et-products, ul.products {
    margin-left: auto !important;
}

p.out-of-stock {
	font-weight: bold;
}
#services {
	color: #333333;
}

/* hide SKU on product meta section */
.product_meta .sku_wrapper {
display:none;
}
 
/* hide product categories on product meta section */
.product_meta .posted_in {
display:none;
}
 
/* hide product tags on product meta section */
.product_meta .tagged_as {
display:none;
}
/* turn off the product count on Category display */
mark.count{display:none;}





/* Rounded Corners */
.container {
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
#footer-area .container {
    -webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
}
/* end Rounded Corners */

/* Remove Slider Animations */ 
#featured .slide.et-active-slide img, #featured .slide.et-active-slide h2, #featured .slide.et-active-slide .description {
    -webkit-animation-duration: 0;
    -webkit-animation-delay: 0;
    -moz-animation-duration: 0;
    -moz-animation-delay: 0;
    -o-animation-duration: 0;
    -o-animation-delay: 0;
    -ms-animation-duration: 0;
    -ms-animation-delay: 0;
    animation-duration: 0;
    animation-delay: 0;
}
/* end Remove Slider Animations */ 


/*Make Social Media Sticky - background previously #333333*/
#et-social-icons {
position: fixed;
z-index: 11;
left: 0;
top: 45%;
background-color: #d03e25;
padding: 20px 10px 10px 15px;
margin: 0;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
#et-social-icons a {
padding: 0;
clear: both;
float: left;
margin-bottom: 10px;
}
/* end Make Social Media Sticky*/




/* force slides to full width (with 960x295 restraint) */
.slide .description { display: none; }
.slide .description {padding-bottom: 0px;}
.slide a img { width: 100%; }
#featured { padding-top: 0;}
#featured .slide { min-height: inherit !important;}
#featured .slide img { max-width: 100%; }

/* Featured Slider Progress bar to match PCS colors */
#featured-progress-bar { background-color: #333333; height: 5px; }
#progress-time { background-color: #33778f; }







.et-price-button {
	text-decoration: none;
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    color: #333333;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    height: 60px;
    left: -22px;
    line-height: 60px;
    min-width: 60px;
    position: absolute;
    text-align: center;
    top: -26px;
    transition: all 0.2s ease-in-out 0s;
	display:none;
}
.et-price-button a:hover {
	text-decoration: none;
}
#category-name .et-price-button {
    bottom: -39px;
    left: 50%;
    margin-left: -75px;
    top: auto;
}
.et-product:hover .et-price-button, .et-products li:hover .et-price-button { 
	text-decoration: none;
	background-color: #000000; 
	color: #ffffff; 
}
et_color_scheme_blue .et-products li:hover .et-price-button, .et_color_scheme_blue #callout { 
	background-color: #F89D3E; 
}




/* tighten up header spacing */
#main-header {
    padding: 43px 62px 33px 80px;
}
#category-name {
	padding-top: 30px;
	padding-bottom: 30px;
}
#content {
	padding: 30px 60px 60px 60px;
}



/* turn off breadcrumbs on non-shop pages */
body.single-post #breadcrumbs, body.page #breadcrumbs, body.category #breadcrumbs {
	display: none;
}


/* turn off the gradient on post featured images */
.post-thumbnail:before {
box-shadow: none !important;
}




/* single blog post page heading post title format changes */
.et_full_width_image .post-heading {
    margin-top: -125px;
}
.et_full_width_image .post-heading {
    margin-left: -60px;
	margin-right: -15px;
	padding-top: 15px;
    padding-left: 30px;
}
.read-more { padding: 6px 9px; float: right; } /* 185 */
.post-description h2  {
    background-color: #33778f;
    text-align: center;
    width: 100%;
	letter-spacing: -2px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.post-description h2 a {
    font-size: 29px;
    font-weight: normal;
    letter-spacing: -1px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
h1.category-title {
    font-size: 48px;
	font-weight: normal;
	letter-spacing: -1px;
}

/* single post page format adjustments */
.post-heading h1, h1#comments, #reply-title {
    font-size: 40px;
    font-weight: normal;
    letter-spacing: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.post-heading p.meta-info {
    color: #333333;
    font-size: 18px;
}



/* turn off author avatar on blog posts */
.post-description .et-avatar {
display: none;
}
.post-description .testimonial-author {
    display: none;
}



/* Remove grey bubble from behind homepage widgets */
.service-number span{
background: none;
border: none;
}
.service-number span:before{
border: none;
}
/* turn menu items pcs red */
#top-navigation li.current-menu-item > a {
font-weight: 800;
color: #d03e25;
}
/* fix embedded videos so they don't ruin layout */
.videoboxfix {
text-align: center;
margin-left: auto;
margin-right: auto;
}
/* copyright footer links don't need to be so huge */
#copyright a {
    font-weight: 300;
}
/* center the nextgen gallery thumbnails block within its area */
.ngg-gallery-thumbnail {
padding: 10px;
}
.ngg-galleryoverview {
text-align:center;
}
.ngg-gallery-thumbnail-box {
float:none !important;
display:inline-block;
}
/* ... */
.widget h4.widgettitle {
	padding-left: 38px;
	padding-right: 38px;
}

et_pt_item_image a.more-icon {margin-left: -33px;}
.et_pt_item_image a.zoom-icon {display: none !important;}


/*

#et_pt_gallery {width: 1200px !important;}

*/


/* My Custom Mods to List Category Posts plugin */
.lcp_catlist img  { float:left; margin:5px 10px 5px 0; padding: 5px; border: 1px solid #b8b8b8; background-color: #f0f0f0; }
.lcp_title { text-transform: capitalize;  font-weight: bold; }
.lcp_catlist ul { list-style:none; background-image: none; }
.lcp_catlist li { list-style:none; background-image: none; }
.lcp_catlist li:after { content:'.';height:0px;visibility:hidden;display:block;clear:both;padding-bottom:25px; }


/* css related to page-outreach.php page template */
#outreach-logo {
	padding: 20px;
	float: left;
}
#outreach-logo img {
	height: auto;
	max-width: 90%;
	float: left;
}
.outreach-nav {
	padding-bottom: 15px;
}



/* mods to the PCS Badge Course List Page */
div.pcs-badge-program {
    background-color: #FCFCFC;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #878787;
    margin-bottom: 45px;
    text-shadow: 0px;
}
div.pcs-badge-program p {
	padding: 10px;
	overflow: hidden;
}
div.pcs-badge-image {
    position: relative;
    text-align: center;
}
div.pcs-badge-image img {
	width: 100%;
	height: auto;
}

/* more Courses and Lessons Modifications */

body.single-sfwd-lessons .meta-info {display: none;}
body.single-sfwd-topic .meta-info {display: none;}
body.single-sfwd-courses .meta-info {display: none;}
body.single-badges .meta-info {display: none;} 

body.single-sfwd-courses  .et_full_width_image .post-heading, 
body.single-sfwd-topic  .et_full_width_image .post-heading, 
body.single-sfwd-lessons  .et_full_width_image .post-heading {
	margin-bottom: 15px;
	margin-top: -15px;
}

/* to change color of the et-box "shadow" for Caitlin  */
.et-shadow {
    border: 1px solid #006679;
}
.et-shadow .et-box-content {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 0 solid #FAFAFA;
    box-shadow: 0 0 20px #006679 inset;
    color: #737373;
}
.et-box-content {
    min-height: 35px;
    padding: 27px 43px 17px 66px;
    text-shadow: 1px 1px 1px #FFFFFF;
}
/* item tweaks per Caitlin Heidi */
.post-heading h1, h1#comments, #reply-title {
    font-size: 25px;
	}
h1.category-title {
    font-size: 25px;
	}
#category-name p.description {
    color: #333333;
    font-size: 15px;
}
a { color: #006679; }
.homepageblurb {
    padding-right: 60px;
    padding-bottom: 0px;
    padding-left: 60px;
    padding-top: 30px;
}
#section-area {
    padding-right: 60px;
    padding-bottom: 0px;
    padding-left: 60px;
    padding-top: 0px;
	border-bottom: none;
}
#et-product-slider {
    border-bottom: 0px;
}
.et-carousel-wrapper h3 a {
    font-size: 18px;
}
.et-carousel-wrapper h3, .et-products h3, .product h3 {
    font-size: 18px !important;
    font-weight: 300 !important;
    text-align: center;
}
/* end item tweaks per Caitlin Heidi */



/* updated per Caitlin for the Badges pages (but will inherit sitewide) including front page What Why How */
.read-more {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 100%) repeat scroll 0 0 #006679;
    border: 1px solid #006679;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) inset, 0 2px 3px rgba(0, 0, 0, 0.4), 0 1px 0 #4D4D4D inset;
    color: #FFFFFF;
    font-weight: 400;
    text-shadow: 1px 1px 0 #000000;
}


/* replace the default logo on the Login page with the PCS logo */
.login h1 a {
background-image: url('/wp-content/uploads/2014/04/PCS-Lab-Logo-withRed-300x32.png');
background-size: 300px 72px;
width: 300px;
height: 72px;
}



/* change Readmore buttons to be blue */
.et-tabs-container .et-tabs-control, .et-tabs-container .et-tabs-control li:first-child, .et-tabs-container .et-tabs-control li { border: none; }
.et-tabs-container .et-tabs-control li, .et-tabs-container .et-tabs-control li a:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.et-tabs-container .et-tabs-control li a { font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; padding: 20px 25px; }
.et-tabs-container .et-tabs-control li a:hover { background: transparent; }
.et-tabs-container .et-tabs-control li.active a { background: #DD4832; -moz-box-shadow: inset 0 0 10px 10px #D03B25; -webkit-box-shadow: inset 0 0 10px 10px #D03B25; box-shadow: inset 0 0 10px 10px #D03B25; }
.et-tabs-container .et-tabs-control li a strong { font-weight: normal; }
.et-tabs-container .et-tabs-control li.active a strong { color: #ffffff; }
.et-tabs-container .et-tabs-content { border-top-color: #D03B25; }

/* main page slider arrows */
.left-arrow, .right-arrow, .et-arrow-prev, .et-arrow-next {
    opacity: 1 !important;
    transition: all 0 ease 0 !important;
}
.left-arrow, .et-arrow-prev {
    left: 0 !important;
}
.right-arrow, .et-arrow-next
{
    right: 0 !important;
}
/* end main page slider arrows */




/* items related to the Term Library Glossary Terms */
/* also update hardcoded javascript in Foxy/js/custom.js 
 or else find some way to pull it from Child theme via .... */
body.single-glossary .meta-info {display: none;} 
h2.glossaryterm { color: #d03e25; font-size: 20px; }
/*! Blue tooltip style for Glossary Terms */
.qtip-blue{
	background-color: #f2f2f2;
	border-color: #53b15;
	color: #006676;
	font-size: 14px;
	}
.qtip-blue h2 { font-size: 18px; }
.qtip-blue p {line-height: 130%; }
.qtip-blue .qtip-titlebar{
		background-color: #006676;
		color: #ffffff;
		font-size: 20px;
	}
body.single-glossary #left-area {
    float: right;
    margin-left: 40px;
    margin-right: 40px;
    width: 40%;
}
body.single-glossary #sidebar {
    width: 50%;
}
ul.atozitems-on {
    column-count:3;
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
    margin: 2px;
}
.glossary-menu-atoz .glossary-menu-item {
    margin: 0 -0.75em 0 0.5em;
}
/* endo of Term Library format Updates */


/*  Nav button for Lesson/Topic page bottom Navigation & LearnMore About Badge Areas */
table.lesson-nav {
    border: 0px solid #EEEEEE !important;
    margin-top: 20px !important;
    width: 100%;
}
table.lesson-nav tr td {
    border-top: 0px solid #EEEEEE !important;
    padding: 0px !important;
}
table.lesson-nav a, a.learnmore { 
    background-color: #33778f;
    border-radius: 8px;
    color: #FFFFFF !important;
    font-size: 16px;
    padding: 10px 20px;
}
table.lesson-nav a:hover, a.learnmore:hover {
	font-weight: bold;
	text-decoration: none;
}
a.learnmore {
	display: block;
	float: right;
    margin-top: 30px;
}


/* Styles for custom PCS shortcodes */
.pcsbox1 {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border:3px solid #CCCCCA;
background-color:#FFFFFF;
padding:30px;
margin-left: 0px;
margin-right: 0px;
}
.termtitle{
    font-size: 22px;
    color: #333;
    font-weight: normal;
}
.termadv {
	font-size: 80%;
	padding-bottom: 10px;
	line-height: 20px;
}
.teachernotes {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border:3px solid #53b1b5;
background-color:#FFFFFF;
padding:30px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
color: #53b1b5;
}


.widget-achievements-listing .has-thumb .widget-badgeos-item-title {
    display: none !important;
    text-indent: 0 !important;
}

div.widget-achievements-listing-item {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    display: inline !important;
	float: left !important;
	border-bottom: 0px !important;
	padding: 39px !important;
	position: relative;

}
	
.widget ul li, .nav li li, .et_mobile_menu a {
    background: none;
    border-bottom: 0px;
    display: block;
    padding: 16px 30px 16px 62px !important;
    transition: none;	
}	

.widget ul li:hover, .nav li li:hover, .et_mobile_menu a:hover {	
	background: none;
padding: 15px 15px 15px 54px !important;
}
.widget-achievements-listing li.has-thumb {
    display: inline;
    float: left;
    margin-left: 24px;
    margin-right: -45px;
    min-height: 40px !important;
}

.widget {
    overflow: hidden;
}

/* change display of single badge posts */
.achievement-wrap > h4,
ol.badgeos-required-achievements {
	display: none;
}



/* move the post header off of the post Featured Image */
.et_full_width_image .post-heading {
    margin-top: -25px;
}
.et_full_width_image .post-heading {
    margin-bottom: 25px;
}




/* for the merit badge category listing pages */
li.badges img { 
	border: none;
	background-color: #ffffff;
}
/* footer for single view badge pages */
div.badgearea-banners img {
	padding: 10px;
}
div.badgearea-banners a:hover {
	border: 1px black;
}
div.badgearea-banners {
	column-count:2;
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
    margin: 2px;
}


/* FAQ page */
.et-learn-more h3.heading-more {
    color: #222;
}

/* landing page contact forms */

form.landing-form {
	background-color: #eaeaea;
    border: 2px solid #006679;
    border-radius: 10px;
	display: block;
    padding: 10px;
    text-align: center;
    width: 300px;
    margin: 0 auto;

}
div.landing-page-formbox {
	padding: 0px;
	background-color: #eaeaea;
    border: 2px solid #006679;
	display: block;
	background-image: url('/wp-content/uploads/2014/09/EdventuresLab_Student_Girl-in-Red.jpg');
	height: 269px;
	width: 100%;
}

div.out-of-stock-form {
	    border: 2px solid #FF0000;
		border-radius: 10px;
		padding: 15px;
}



/* begin WooCommerce layout changes for the main Classes & Camps page */


body.term-classes-camps  .product img {
	display: none;
}
body.term-classes-camps   .et-products, body.term-classes-camps  ul.products {
    margin-left: -80px !important;
    text-align: center;
}
body.term-classes-camps  .et-products li, body.term-classes-camps  ul.products li {
     /* background: none repeat scroll 0 0 #f9a04b; cortex orange by default */
border: 1px solid;
border-radius: 10px;
height: 140px;
width: 190px !important;
/* margin-top: 0px; */
padding-left: 20px;
padding-right: 20px;
padding-top: 40px;
vertical-align: middle;
float: none;
display: inline-block;
/* top: 50%; */
/* vertical-align: middle; */
/* transform: translateY(50%); */

}
body.term-classes-camps  .et-products li a, body.term-classes-camps  ul.products li a {
	text-decoration: none;
}
body.term-classes-camps  .et-products li a:hover, body.term-classes-camps  ul.products li a:hover {
	text-decoration: none;
	color: #fff;
	text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
}
body.term-classes-camps .et-carousel-wrapper h3, body.term-classes-camps   .et-products h3, body.term-classes-camps   .product h3 {
    font-size: 25px !important;
    font-weight: 400 !important;

}


/* apply a subset of cortex colors to a LI list 
   starting from the front of the list with Orange */
body.term-classes-camps  .et-products li:nth-child(3n+1), body.term-classes-camps  ul.products li:nth-child(3n+1) {
	background-color: #f9a04b; /*orange*/
	color: #000000;
	font-weight: bold;
}
body.term-classes-camps .et-products li:nth-child(3n+2), body.term-classes-camps  ul.products li:nth-child(3n+2) {
	background-color: #5cb4b8; /*blue*/
	color: #000000;
	font-weight: bold;
}
body.term-classes-camps  .et-products li:nth-child(3n+3), body.term-classes-camps  ul.products li:nth-child(3n+3) {
	background-color: #bdda7b;  /*green*/
	color: #000000;
	font-weight: bold;
}
/* end  WooCommerce layout changes for the main Classes & Camps page */



/* event calendar mods */
/* Upcoming Events at EdventuresLab */
body.page-id-31155 #wpfc-calendar-wrapper a.fc-event {
 margin-left: -10px !important;
font-weight: bold;
line-height: 18px;
}


/* woocommerce layout mods Sept 17th */
body.single-product #sidebar { 
	display: none;
}
.related.products > h2::after {
    content: "You May Also Like";
    visibility: visible;
}
.related.products > h2 {
    visibility: hidden;
}

body.woocommerce-page #sidebar {
	display: none;
}	
.term-description {
	display: none;
}
.footer-widget {
    color: #60504d;
    float: left;
    margin-right: 77px;
    text-shadow: none;
    width: 316px;
}
#main-footer {
    background: #e1daca none repeat scroll 0 0;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2) inset;
    color: #60504d;
    padding-bottom: 0;
}

.footer-widget h4.widgettitle {
    color: #60504d;
    font-weight: 800;
    padding-bottom: 5px;
}

#main-footer a:hover {
    color: #d03e25;
    text-decoration: none;
}
#main-footer a {
    color: #60504d;
}
#footer-bottom {
    border-top: none;
}

.fc-month-view .fc-time {
    display: none;
}


/* allow bulleted lists in product decriptions */
.home-tab-area ul, .product ul {
    display: block;
    line-height: 26px;
    list-style-type: disc;
    padding-bottom: 10px;
    padding-left: 40px;
}