/**
Theme Name: Astra Child Theme for MEOW Foundation
Author: Dandelion Web Studio
Author URI: https://digitaldandelion.ca
Description: This child theme was made by Alison Taylor of Digital Dandelion (aka Dandelion Web Studio, aka Usable Web Designs). It incorporates custom page templates, styling and URL mapping for the MEOW Foundation Cat-a-logue pages. It will only work if you have the Astra theme from wpastra.com installed as well.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child-theme-for-meow-foundation
Template: astra
*/

/*** GENERAL ***/

h2, .entry-content h2 {
	color: #044a63;
	font-size: 1.5rem;
}
h3, .entry-content h3,
.ast-single-post .entry-content h3 a {
	font-size: 1.2rem;
	color: #6ea942;
	text-decoration: none;
}
h4, .entry-content h4 {
	font-size: 1rem;
	color: #044a63;
}
.entry-content h6 {
	font-family: Krub;
	color: #ffffff;
	font-weight: 900;
	text-align: center;
}
@media only screen and (max-width: 1400px) {
	.entry-content h6 {
		font-size: 60px;
	}	
}
@media only screen and (max-width: 750px) {
	.entry-content h6 {
		font-size: 40px;
	}
}
@media only screen and (max-width: 500px) {
	.entry-content h6 {
		font-size: 25px;
	}
}
@media only screen and (min-width: 1401px) {
	.entry-content h6 {
		font-size: 80px;
	}	
}
.entry-content h6 .first-letter {
	color: #6ea942;
	color: #E7FEC9;
	color: #BDDC9E;
}
img.alignright, img.alignleft {
	max-width: 50%;
	margin-bottom: 1em;
}
img.alignright {
	margin-left: 3em;
}
img.alignleft {
	margin-right: 3em;
}
@media only screen and (max-width: 600px) {
	img.alignright, img.alignleft {
	width: 100%;
	max-width: 100%;
}
}
blockquote {
	color: #343331;
	font-weight: bold;
	border-left-color: #6ea942;
}
blockquote p:last-child {
	margin-bottom: 0;
}
a.fl-button {
	background-color: #6ea942 !important;
}
#mc-embedded-subscribe {
  background-color: #6ea942 !important;
	font-size: 15px;
  padding: 10px 40px;
	color: #ffffff;
	border-radius: 2px !important;
	font-family: 'Comfortaa',display;
  font-weight: 700;
  line-height: 1;
}
.fl-builder-content a.fl-button *, .fl-builder-content a.fl-button:visited * {
    color: #ffffff;
}
.third-level-menu {
	background-color: #dff2d6;
	border: solid 1px #dddddd
}
.third-level-menu p {
	line-height: 0.2em;
}
.third-level-menu p:last-child {
	margin-bottom: 0.8em;
}
.ast-single-post .entry-content h2 a {
	text-decoration: none;
}
.ast-single-post .entry-content p.read-more a {
	text-decoration: none;
}
.fl-post-grid-content p.read-more:last-of-type {
    margin-bottom: 15px;
    padding-bottom: 5px;
}
/* Accordion styling */
.fl-accordion-content p:first-child {
	margin-top: 1em;
}
.fl-accordion a,
.fl-accordion a:hover {
	text-decoration: none !important;
	outline: none !important;
}
.fl-accordion-button-label,
.fl-accordion-button-label:hover {
	outline: none !important;
}
.fl-accordion .fl-accordion-content p a {
	text-decoration: underline !important;
}
/* Transparent white boxes on top of bg image */
.transparent-white-box {
	background-color: white;
	opacity: 0.85;
}
@media (max-width: 767px) {
  .transparent-white-box {
	background-color: white;
	opacity: 0.9;
  }
}

/*** WOOCOMMERCE PAGES***/

@media (max-width: 1200px) {
  .woocommerce .widget_product_search button, .woocommerce-page .widget_product_search button {
    padding: 10px 5px;
  }
  .ast-left-sidebar #secondary {
    padding-right: 10px;
  }
}
@media (min-width: 1201px) {
  .ast-left-sidebar #secondary {
    padding-right: 25px;
  }
}
#secondary h2 {
  font-size: 1.2rem;
}
/* Fix unreadable text on Update Cart button. */
.woocommerce button.button[name="update_cart"] {
  background: #777777;
	color: #ffffff;
}

.widget_media_image {
	text-align: center;
}

/*** GRAVITY FORMS ***/

/* Make dropdown selectors tall enough. Default value of 2.2em cuts off bottom of contents. */
.gform_wrapper select {
  height: 3em !important;
}


/*** HEADER ***/

.zoom-social_icons-list-span {
	background-color: #044a63 !important;
}
@media (max-width: 1000px) {
.header-widget-area[data-section="sidebar-widgets-header-widget-1"] {
	  padding-left: 0 !important;
	  padding-right: 0 !important;
  }
	.zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
		margin: 2px;
	}
}

/*** HEADER ON PHONE. ***/

@media (max-width: 544px) {
  .ast-header-break-point .ast-header-button-1[data-section="section-hb-button-1"], 
.ast-header-break-point .ast-header-button-2[data-section="section-hb-button-2"]
  {
    width: 100%;
    text-align: center;
  }
}

/* Header Buttons. */
@media only screen and (max-width: 390px) {
  [data-section*=section-hb-button-] .ast-builder-button-size-sm .ast-custom-button {
    font-size: 11px;
  }
}
@media only screen and (max-width: 544px) {
  [data-section*=section-hb-button-] .ast-builder-button-size-sm .ast-custom-button {
    padding: 10px;
  }
}
@media only screen and (max-width: 374px) {
	.ast-header-button-2 {
		padding-left: 0;
	}
	.ast-builder-social-element {
		padding-left: 4px !important;
	}
}
/* Make mobile menu less tall. */
.ast-header-break-point .main-header-bar-navigation {
    line-height: 2;
}
.ast-header-break-point .ast-nav-menu .sub-menu {
    line-height: 2;
}
/* Make mobile menu striped. */
ul#ast-hf-mobile-menu li:nth-child(2n) a {
	background-color: #eeeeee;
}
ul#ast-hf-mobile-menu ul.sub-menu li a {
	background-color: #ffffff;
}
/*** MAIN MENU ***/

@media (max-width: 1000px) {
/* Change spacing between top level menu items. */
  .main-header-menu .menu-link,   .main-header-menu>a {
	  padding: 0 0.75em;
  }
}
@media (min-width: 1001px) {
/* Change spacing between top level menu items. */
  .main-header-menu .menu-link,   .main-header-menu>a {
	  padding: 0 1em;
  }
}
/* Hide arrow next to menu item with sub-menu items in Astra theme. */
.dropdown-menu-toggle {
	  display: none;
}
/* Reduce vertical spacing between submenu items.*/
.main-header-menu .sub-menu .menu-link {
    padding: 0.25em 1em;
    display: block;
    word-wrap: break-word;
}
/* Make submenus a bit narrower. */
.main-header-menu .sub-menu {
    width: 240px;
}
/* These get hidden on Thrift shop pages. */
.ast-above-header-bar {
	display: block;
}
.ast-main-header-wrap {
	display: block;
}
/* This only gets displayed on Thrift shop pages. */
.ast-below-header-bar {
	display: none;
}

/*** THRIFT SHOP PAGES ***/
/* Hide Foundation logo, buttons and social. */
.page-id-4749 .ast-above-header-bar,
.page-id-6489 .ast-above-header-bar,
.page-id-6491 .ast-above-header-bar,
.page-id-6497 .ast-above-header-bar,
.page-id-6499 .ast-above-header-bar,
.page-id-6501 .ast-above-header-bar {
	display: none;
}
/* Hide Foundation menu. */
.page-id-4749 .ast-main-header-wrap,
.page-id-6489 .ast-main-header-wrap,
.page-id-6491 .ast-main-header-wrap,
.page-id-6497 .ast-main-header-wrap,
.page-id-6499 .ast-main-header-wrap,
.page-id-6501 .ast-main-header-wrap {
  display: none;
}
/* Display thrift shop logo and social. */ 
.page-id-4749 .ast-below-header-bar,
.page-id-6489 .ast-below-header-bar,
.page-id-6491 .ast-below-header-bar,
.page-id-6497 .ast-below-header-bar,
.page-id-6499 .ast-below-header-bar,
.page-id-6501 .ast-below-header-bar
 {
	display: block;
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
}
/* Style Online Store button. */
.thrift-header-button{
	background-color: #6ea942;
	color: #ffffff;
	text-align: center;
	padding: 10px 20px;
	border-radius: 2px;
}
.thrift-header-button:hover {
	background-color: #6ea942;
	color: #ffffff;
	cursor: pointer;
}
/* Hide header button below 480px. */
@media only screen and (max-width: 479px) {
  .thrift-header-button {
	display: none;
  }
}
/* Hide photo of thrift shop exterior on mobile. */
@media only screen and (max-width: 767px) {
  .fl-node-a89tevcf5ngr > .fl-col-content {
	background-image: none;
   }
}

/*** FOOTER ***/

/* Center all images in footer colulmns. */
.site-footer-section .widget_media_image {
	text-align: center;
}
/* Centre text in menu widget. */
#nav_menu-2 {
	text-align: center;
}
/*Have some padding in footer columns so text doesn't run to edge of screen on mobile. */
@media screen and (max-width: 544px)
{
.footer-widget-area {
	padding-left: 15px;
	padding-right: 15px;
}
	#black-studio-tinymce-2 {
		padding-bottom: 2em;
	}
}
/* Remove padding from under AWC logo in footer. Make logo smaller. */
#media_image-2 {
	margin: 20px auto 0 !important;
	width: 200px;
	
}
#black-studio-tinymce-2 {
	line-height: 1.4;
}
/* Footer design 2. */
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
	background-color: #014D70;
	background-color: #044a63;
  color: white;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] a {
	color: white;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] h2 {
	color: white;
}
/* Thrift shop pages */
#thrift-shop-menu p {
	margin-bottom: 0.5em;
}
/* Hide top row of header. May use custom PHP to do this for just Thrift Shop pages. */
/*
.ast-above-header-wrap {
	display: none;
}
*/
/* Right align social media buttons and search in design 2.*/
.ast-grid-right-center-section {
	justify-content: flex-end;
}

/*** BLOG PAGES ***/

.single .entry-header .post-thumb img {
  margin-top: 2em;
  margin-bottom: 0;
}
.ast-archive-description {
  margin-bottom: 2em;
	padding-bottom: 0;
  border-bottom: none;
}
p.read-more {
	float: right;
	display: inline-block;
	font-size: 15px;
	padding: 5px 10px;
	background-color: #6ea942;
	border-radius: 3px;
}
p.read-more a {
	color: white;
}
h2.entry-title a {
	color: #044a63;
	font-size: 1.5rem;
}
h1.entry-title {
	margin-top: 1.5em;
}

/*** HOME PAGE ***/

.blue-button-row a.fl-button {
	background-color: #044a63 !important;
}

/*** CAT-A-LOGUE PAGES ***/

.meow-catalogue h2 {
	font-size: 1.5rem;
	text-align: center;
	margin-top: 10px;
}
.filter-by {
	width: 360px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
}
.filter-by h3 {
	display: inline;
	margin-right: 10px;
	font-size: 1.2rem;
	line-height: 50px;
}
/* 4 columns on wide windows */
.four, .row .four {
    width: 25%;
}
.columns:nth-child(4n+1) {
	  clear: both;
}
/* 3 columns on narrower windows */
@media only screen and (max-width: 960px) {
 .four, .row .four {
    width: 33%;
  }
	.columns:nth-child(4n+1) {
	  clear: none;
  }
	.columns:nth-child(3n+1) {
	  clear: both;
  }
}
/* 2 columns on tablets */
@media only screen and (max-width: 680px) {
 .four, .row .four {
    width: 50%;
  }
	.columns:nth-child(4n+1) {
	  clear: none;
  }
	.columns:nth-child(3n+1) {
	  clear: none;
  }
	.columns:nth-child(2n+1) {
	  clear: both;
  }
}
/* 1 columns on phones */
@media only screen and (max-width: 400px) {
 .four, .row .four {
    width: 100%;
  }
	.columns {
		clear: both;
	}
}
#maincats .column, 
#maincats .columns {
    float: left;
    min-height: 1px;
    padding: 0 15px 30px;
	  text-align: center;
}
#maincats img {
	border-radius: 5px;
}
#maincats h3.notice {
	text-align: center;
	margin-bottom: 2em;
}
/* Put personality on separate line and hide bullet when page is too narrow. */
@media only screen and (max-width: 1190px) {
.breakpoint {
	display: block;
	height: 0;
	color: white;
  }
}
#maincats a.cat-button {
	display: inline-block;
	color: #ffffff;

	background-color: #6ea942;
	text-align: center;
	padding: 4px 10px;
	border-radius: 2px;
	margin-top: 10px;
}
#maincats a.cat-button:hover {
	background-color: #025c84;
}
.pagination {
	float: none !important;
}
.pagination .category {
	font-size: 1.5rem;
	margin: 0 1rem;
	padding: 10px 0.5rem;
	text-align: center;
}
.pagination .category .active {
	color: #6ea942;
	font-weight: bold;
}
/* Cat Details page */
.cat-photo {
	width: 40%;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 6%;
	margin-left: 6%;
	float: right;
}
.cat-info {
	width: 42%;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 6%;
	float: left;
}
@media only screen and (max-width: 600px) {
	.cat-photo, .cat-info {
		width: 90%;
		margin: 30px auto;
		float: none;
	}
}
.cat-info h4 {
	margin-top: 20px;
}
#maincats a.blue {
	background-color: #044a63;
}

/*** ICS CALENDAR ***/
.ics-calendar-title {
	display: none;
}

.ics-calendar-month-grid th {
		background-color: #044a63;
    color: white;
    text-align: center;
    text-transform: capitalize;
    font-size: 100%;
    font-weight: normal;
}
.ics-calendar-select {
	font-size: 100%;
}
.hover_block,
.hover_block .title_in_hover_block,
.hover_block .time_in_hover_block, 
.hover_block location {
  font-size: 15px !important;
}
/*** THE EVENT CALENDAR ***/

/* Find Events and Subscribe to calendar button. */
.tribe-events .tribe-events-c-search__button, .tribe-common .tribe-common-c-btn-border-small,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button {
	color: #ffffff;
	background-color: #044a63;
	border-color: #044a63;
	border-radius: 2px;
	font-size: 15px;
  padding: 12px 24px;
	font-family: 'Comfortaa', display;
    font-weight: 700;
    line-height: 1;
}
.tribe-events .tribe-events-c-search__button:hover,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
		background-color: #044a63;
}
/* List/Month/Day selector */
.tribe-events .tribe-events-c-view-selector__list-item-text,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input, .tribe-common .tribe-common-form-control-text__input {
	font-family: 'Comfortaa', display;
	font-size: 15px;
  font-weight: 700;
  line-height: 1;
	color: #343331;
}
/* Month/day */
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3, .tribe-common--breakpoint-medium.tribe-common .tribe-common-h3 {
  font-family: 'Comfortaa',display;
	font-weight: 500;
	color: #044a63;
  font-size: 1.5rem;
}
/* Notice above calendar */
.tribe-common .tribe-common-b2 { 
	font-family: 'Comfortaa', display;
	font-size: 15px;
  font-weight: 700;
  line-height: 1;
	color: #343331;
}
.tribe-common .tribe-common-h4 {
	color: red;
}
.ics-calendar .events .time .end_time {
    display: inline-block;
    font-size: 100%;
    font-weight: bold;
}

/*** WOOCOMMERCE PAGES ***/
label[for=attribute] {
	display: none;
}

/*** ALL IN ONE SEO ***/

/* Hide ads in WP admin. */
.aioseo-taxonomy-upsell {
	display: none !important;
}