/* 
Theme Name: The Indigo Mill
Version: 1.0 
Description: Theme for The Indigo Mill - a child theme of Olsen.
Author: The Indigo Mill
Author URI: https://theindigomill.com 
Template: olsen 
*/




/* Coming Soon Page */

/*.home .site-header-top-bar,
.home .site-header,
.home .custom-logo-link,
.home .main-navigation,
.home .widget-area-footer,
.home .site-footer {
	display: none;
}

.home .site-content {
	margin: 0;
}*/




/* Header */

.custom-logo {
	max-width: 150px;
}

.entry-content > :first-child.wp-block-image {
	/* Fix for header images */
	text-align: center;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
.entry-content a {
	color: #808080;
}

body, 
/*.wp-block-button__link,*/
.service-pricing {
	font-family: Cormorant Garamond;
	font-weight: 400;
	font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
nav {
	font-family: Cormorant Garamond;
	font-weight: 600;
}


.page .entry-title,
.woocommerce-page .page-title {
	display: none;  /* Hide Page Titles */
}




/* Navigation */

.main-navigation,
.main-navigation a {
	font-size: 1rem;
	color: #999;
}

#menu-secondary-1 a {
	color: #3c5270;
}

.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	color: #808080;
	margin-left: auto;
	margin-right: auto;
}

.site-header-top-bar {
	border-bottom: 1px solid #ebebeb;
	display: flex;
	justify-content: space-between;
}

.site-header-top-bar .site-header-cart-wrap {
	border-bottom: none;
}

.site-header-top-bar .jetpack-social-navigation ul {
	margin: 0;
}

.site-social {
	padding: 7px 0 10px;
}

a.account:before {
	content: '\2022';
	opacity: 0.3;
	margin: 0 4px 0 2px;
}




/* Buttons */

.call-to-action .wp-block-button__link {
	background-color: transparent;
	border: 1px solid #3c5270;
	color: #3c5270;
}

.call-to-action:hover .wp-block-button__link:hover {
	background-color: #eee;
	border: 1px solid #eee;
	color: #3c5270;
}

.button.product_type_simple.add_to_cart_button:hover,
.button.product_type_variable.add_to_cart_button:hover {
	background-color: #3c5270;
	color: #fff;
}

.button.product_type_simple,
.button.product_type_variable,
.button.product_type_variable:visited,
.button.single_add_to_cart_button:hover,
.woocommerce-page.woocommerce-cart .button:hover,
.button.wc-forward:hover,
.wpcf7-form .wpcf7-form-control.wpcf7-submit:hover,
.widget-area-footer .mc4wp-submit:hover {
	background-color: #eee;
	color: #3c5270;
}

.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus,
.button.single_add_to_cart_button,
.widget-area-footer .mc4wp-submit:focus {
	outline: 0;
}

.button.product_type_simple:focus,
.button.single_add_to_cart_button,
.wpcf7-form-control.wpcf7-submit,
.woocommerce-cart .button,
.button.wc-forward,
.button.alt {
	background-color: #3c5270;
	color: #eee;
}

.wp-block-button__link,
.service-pricing {
	font-family: Cormorant Garamond;
}

.button.alt:hover {
  background-color: #eee;
	color: #3c5270;
}




/* About Us */

.about-us {
	margin-bottom: 25px;
}

.about-us-header {
	margin-bottom: 15px;
}

.about-us-desc {
	padding-left: 15px;
	padding-right: 15px;
}




/* Services Page - Pricing Table */

.wp-block-table.is-style-stripes tr:nth-child(odd) {
	background: transparent;
}

.wp-block-table.service-pricing.is-style-stripes {
	border-bottom: none;
}

.service-pricing tr td:first-child {
	text-align: right;
	padding-right: 15px;
}

.service-pricing tr td:last-child {
	padding-left: 15px;
}

.service-pricing {
	line-height: 1;
	color: #808080;
}

.pricing-table {
	margin-bottom: 30px;
}




/* Portfolio */

ul.wp-block-gallery {
  margin: 0 1em 1em 1em;
}

.portfolio-desc {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}


/* Contact Form */

span.wpcf7-list-item {
	display: block;
}

.wpcf7-submit:focus {
	outline: none;
}

div.wpcf7 .ajax-loader.is-active {
	visibility: hidden;
}

div.wpcf7-response-output {
	border-color: #e8c7c4;
}




/* WooCommerce */

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-message .button.wc-forward {
	background-color: #eee;
	color: #161616;
}

.woocommerce .woocommerce-message {
	border-left: 0.618em solid #b49543;
}

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
	background-color: #3c5270;
	color: #eee;
	border-left: 0.618em solid #b49543;
}

	/* Hide "In stock" pop up on summary page */
.woocommerce-variation-availability,
.product .summary p.stock.in-stock {
	display: none;
}

	/* Price on summary page */
.summary .woocommerce-Price-amount {
	color: #b49543;
	font-size: 18px;
	font-weight: 600;
}

	/* Add padding to additional photos on summary page */
.flex-control-thumbs li {
  margin-right: 5px;
}

.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields,
.woocommerce-customer-details, 
.woocommerce-mini-cart__buttons.buttons {
  font-family: Lato;
  font-weight: 400;
}

input[name="_mc4wp_subscribe_woocommerce"] {
    margin-right: 4px;
}
	/* Hides image file name on product images */
.pswp__caption__center {
  display: none; 
}

/* Removes "Additional Info" tab from single product page */
.woocommerce-tabs li.additional_information_tab {
	display: none;
}

	/* text fields for monogram (using product add-on plugin) */
#alg-product-input-fields-table {
  width: auto;
}

#alg-product-input-fields-table tr:first-of-type td:nth-of-type(2) {
  padding: 10px;
}

.personalize-field {
  text-transform: uppercase;
}

.monogram-field {
  width: 75px;
}
	
.alg-product-input-fields-table td .required,
.woocommerce-tabs li.additional_information_tab {
  display: none;
}

label[for="alg_wc_pif_local_1"] {
	 padding: 5px;
}

	/* Fix for shop layout - changed display to grid */
@supports (display: grid) {

  .columns-3 ul.products:before {
    content: none;
  }

  .woocommerce .columns-3 ul.products > li {
	padding: 0;
	width: 100%;
    float: none;
  }

  .columns-3 ul.products {
    display: grid;
    grid-gap: 15px;
    margin: 0;
    width: 100%;
  }

  @media (min-width: 768px) {
    .columns-3 ul.products {
      grid-template-columns: repeat(2, minmax(calc(50% - 15px), 1fr));
    }
  }

  @media (min-width: 992px) {
    .columns-3 ul.products {
      grid-template-columns: repeat(3, minmax(calc(33.3333% - 30px), 1fr));
    }
    .woocommerce .columns-3 ul.products > li {
	   width: 100%;
	   float: none;
 	}
  }
}




/* Email Subscriber Form */

.widget-area-footer .widget_mc4wp_form_widget  {
  background-color: #f8f8f9;
  padding-top: 40px;
  padding-bottom: 30px;
}

.widget-area-footer .widget-title {
  margin-right: auto;
  margin-left: auto;
}

.widget-area-footer .widget-title,
.widget-area-footer .mc4wp-form {
  max-width: 485px;
}

.widget-area-footer .mc4wp-form {
  margin: 0 auto
}

.widget-area-footer .widget-title {
  background-color: transparent;
  border: 1px solid #3c5270;
  color: #3c5270;
  font-family: Cormorant Garamond;
  font-style: italic;
  font-size: 20px;
  text-transform: none;
}

.widget-area-footer .mc4wp-form {
  font-size: 16px;
} 

.widget-area-footer .mc4wp-submit {
  background-color: #3c5270;
}

.widget-area-footer .mc4wp-form-email-input {
  width: 315px;
  background-color: #efefef;
}

.widget-area-footer .mc4wp-form-email-input:focus {
  outline: 0;
}

.widget-area-footer .email-submit-container {
  display: flex;
  justify-content: space-between;
}

.widget-area-footer .mc4wp-submit {
  width: 158px;
}

.widget-area-footer .mc4wp-form-email-input,
.widget-area-footer .mc4wp-submit {
  font-size: 15px;
}

.widget-area-footer .mc4mp-form-desc,
.widget-area-footer .email-submit-container p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mc4wp-response .mc4wp-alert {
  text-align: center;
}




/* Footer */

.site-footer {
  border-top: none;
  padding: 0;
}

.site-info {
	/* Hide Theme Info */
	display: none;
}

.site-footer .menu {
	display: block;
	margin: 0 0 1.5em;
	padding: 0;
}

.site-footer .menu li {
	display: inline-block;
	margin: 0 7px;
}

.site-footer .menu a {
	font-size: 16px;
	margin: 0;
}

#footer-menu a {
	color: #3c5270;
}

.copyright,
.photography-credit {
	/*font-family: Lato;*/
	font-size: 15px;
}

.photography-credit {
	margin-top: -25px;
}

.site-footer .jetpack-social-navigation-svg li a {
	font-size: 19px;
}

.site-footer .jetpack-social-navigation-svg .screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}




/* Fade-In Effect  */

.fade-in {
	transition: all 1s ease;
	transform: translateY(75px);
	opacity: 0;
}

.fade-in.visible {
	transform: translateY(0px);
	opacity: 1;
}




/* Media Queries */

/* set number of columns to 2 (previously 3) on shop page */
@media screen and (min-width: 992px) {
.columns-3 ul.products {
    grid-template-columns: repeat(2, minmax(calc(33.3333% - 30px), 1fr));
  }
}

@media screen and (max-width: 845px) {
	div.wp-block-media-text.about-us {
		display: inline-block;
	}

	.wp-block-media-text.about-us .wp-block-media-text__media img {
		width: 50%;
	}

	.wp-block-media-text.about-us .wp-block-media-text__media,
	.wp-block-media-text__content p.about-us {
		text-align: center !important;
	}
}

@media screen and (max-width: 600px) {
	.services-img-01 {
		text-align: center;
		width: 50%;
	}

	/* Hide Social Media Icons on Top Bar for Mobile */
	.site-header-top-bar .site-social,
	.services-img-02,
	.services-img-03 {
		display: none;
	}

	.site-header-top-bar {
		justify-content: flex-end;
	}

}

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

	/* Email Subscriber Form Fixes for Mobile */
	.widget-area-footer .email-submit-container {
		display: block;
	}

	.widget-area-footer .widget-title,
	.widget-area-footer .mc4mp-form-desc,
	.widget-area-footer .email-submit-container{
		margin-right: 10px;
		margin-left: 10px;
	}
}


@media screen and (max-width: 420px) {
	div.wp-block-media-text.home-desc,
	.wp-block-media-text__content .home-desc {
		display: inline-block;
		text-align: center !important;
		float: none;
	}

	.widget-area-footer .mc4wp-form-email-input {
		width: 250px;
	}

	.wp-block-spacer.spacer {
  		height: 25px !important;
	}

	.home-spacer {
 		display: none;
	}

	.services-secondary-header {
 		font-size: 18px;
	}
}