/*
Client: Take Notice Inc.
Description: Custom modifications to theme styling for Genesis framework using Infinity Pro child theme.
Author: Department of Reason LLC
Author URI: https://deptofreason.com/
*/

/* Table of Contents
	- Butterfly Detail Page
	- Plant Detail Page
	- Identify Butterfly Page
	- Butterfly Stories Listing Page
	- Host and Nectar Pages Styling
	- Sitemap Pages Styling
	- Zipcode Pages Styling
	- Photographer Page Styling
	- Content View Styling
	- Advertising
	- Shop Pages
*/

/* -----------------------------------------
 Butterfly Detail Page
-------------------------------------------*/



@media only screen and (min-width: 800px) {
#butterfly-detail-page .featured-image img {
	padding-top: 5px;
}
}

@media only screen and (max-width: 600px) {
	#butterfly-detail-page .featured-image {
		padding-bottom: 30px;
	}
}


#butterfly-detail-page .butterfly-details {
	padding: 0 0 40px 0;
}

#butterfly-detail-page .butterfly-images-other {
	margin: 0;
	clear: both;
	width: 100%;
}

#butterfly-detail-page .butterfly-images-other .img-other,
#butterfly-detail-page .butterfly-images-lifecycle .img-other, 
#butterfly-detail-page .range-map {
	margin-top: 20px;
	margin-bottom: 20px;
}

#butterfly-detail-page .butterfly-head {
	padding: 35px 0 15px;
	margin: 0;
	clear: both;
}

#butterfly-detail-page .butterfly-head h2 {
	padding: 0;
	margin:0;
}

#butterfly-detail-page ul > li {
	list-style-type: none;
}

#butterfly-detail-page ul {
    margin-bottom: 10px;
    padding-left: 0;
}

#butterfly-detail-page .caption {
	font-style: italic;
	display: block;
	clear: both;
}


#butterfly-detail-page .butterfly-details {
	clear: both;
}

#butterfly-detail-page .photo-credits {
	padding: 20px 0;
}

#butterfly-detail-page .photogname,
#butterfly-detail-page .zone-note,
#butterfly-detail-page .whatisthis {
	font-size: 14px;
	font-size: 1.4rem;
}

#butterfly-detail-page .img-other  {
	margin-bottom: 30px;
}

#butterfly-detail-page .dashicons-camera:before {
    vertical-align: middle !important;
	margin-right: 5px;
}

#butterfly-detail-page .nectar-plants,
#butterfly-detail-page .buyplant {
	padding-top: 10px;
}

#butterfly-detail-page .zone-note {
	padding-top: 0;
}

#butterfly-detail-page .buyplants {
	padding-bottom: 20px;
}

#butterfly-detail-page .buyplants::before {
	content: url(/wp-content/themes/infinity-pro/images/FlowerIcon23x23.png); 
	position: relative;
    top: 5px;
    left: 0;
    width: 23px;
    height: 23px;
	padding-right: 5px;
}

#butterfly-detail-page ul.knarticles {
    margin-bottom: 30px;
    padding-left: 40px;
}

#butterfly-detail-page ul.knarticles > li {
    list-style-type: disc;
}

#butterfly-detail-page .interestitems {
	padding-top: 40px;
}

.butterfly-sponsor {
	font-size: 24px;
    font-size: 2.4rem;
	font-family: 'PT Serif', serif;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 20px;
	color: #015961;
}



/* -----------------------------------------
Plant Detail Page
-------------------------------------------*/

@media only screen and (min-width: 800px) {
#plant-detail-page .featured-image img {
	padding-top: 5px;
}
}


@media only screen and (max-width: 600px) {
	#plant-detail-page .featured-image {
		padding-bottom: 30px;
	}
}

#plant-detail-page .plant-attributes {
	padding: 40px 0;
}

#plant-detail-page .nectardiv,
#plant-detail-page .hostdiv {
	padding: 0 0 30px 0;
}

#plant-detail-page .interestitems {
	padding: 30px 0;
}

#plant-detail-page .plant-images-other {
	margin: 0;
	clear: both;
	width: 100%;
}

#plant-detail-page .plant-images-other .img-other {
	margin-top: 20px;
	margin-bottom: 20px;
}

#plant-detail-page .plant-head {
	padding: 40px 0 15px;
	margin: 0;
	clear: both;
}

#plant-detail-page .plant-head h2 {
	padding: 0;
	margin:0;
}

#plant-detail-page ul > li {
	list-style-type: none;
}

#plant-detail-page ul {
    margin-bottom: 10px;
    padding-left: 0;
}

#plant-detail-page .caption {
	font-style: italic;
	display: block;
	clear: both;
}

#plant-detail-page .plant-attributes {
	clear: both;
}

#plant-detail-page .photo-credits {
	padding: 20px 0;
}

#plant-detail-page .dashicons-camera:before {
    vertical-align: middle !important;
	margin-right: 5px;
}

#plant-detail-page .photogname {
	font-size: 14px;
	font-size: 1.4rem;
}

#plant-detail-page .buyplants {
	padding-top: 8px;
}

#plant-detail-page .buyplants {
	padding-bottom: 20px;
}

#plant-detail-page .buyplants::before {
	content: url(/wp-content/themes/infinity-pro/images/FlowerIcon23x23.png); 
	position: relative;
    top: 5px;
    left: 0;
    width: 23px;
    height: 23px;
	padding-right: 5px;
}

#plant-detail-page .img-other  {
	margin-bottom: 30px;
}

#plant-detail-page .dashicons-camera:before {
    vertical-align: middle !important;
	margin-right: 5px;
}


#plant-detail-page ul.knarticles {
    margin-bottom: 30px;
    padding-left: 40px;
}

#plant-detail-page ul.knarticles > li {
    list-style-type: disc;
}

#plant-detail-page .interestitems {
	padding-top: 20px;
}


/* --------------------------------------
	magnifying glass icon on images 
	revise this in phase 2
---------------------------------------- */


.zip_result_page a>img:hover,
.zip__page a>img:hover {
	cursor:zoom-in;
} 

/* 
#plant-detail-page a>img:hover,
#butterfly-detail-page a>img:hover,
*/



/* ------------------------------------------
Identify butterfly page 
---------------------------------------------*/

#buttefly-identify-page h2 {
	clear: both;
	padding-top: 50px;
}

#buttefly-identify-page .search-div {
	padding-bottom: 40px;
}

#buttefly-identify-page .bpad {
	padding-top: 40px;
}

@media only screen and (max-width: 1040px) {
	#buttefly-identify-page .search-by-family .one-sixth {
		width: 100%;
		margin-left: 0;
	}
}

@media only screen and (max-width: 900px) and (min-width: 600px ) {
	#buttefly-identify-page .search-by-colorclosed > div.one-sixth {
		width: 23.076923076923077%;
		margin-left: 0;
	}
}

@media only screen and (max-width: 600px ) {
	#buttefly-identify-page .search-by-colorclosed > div.one-sixth {
		width: 50%;
		margin-left: 0;
		}
	} 

@media only screen and (max-width: 900px) {
	#buttefly-identify-page .search-by-shape > div.one-sixth {
		width: 50%;
		margin-left: 0;
	}
}


#buttefly-identify-page .search-by-shape > div.one-sixth,
#buttefly-identify-page .search-by-colorclosed > div.one-sixth {
	text-align: center;
}


/* ---------------------------------------------------------
   Butterfly Stories Listing Page
-----------------------------------------------------------*/


/* JQuery alternative
$("#pt-cv-view-bebbff6tw9 h4.pt-cv-title").before("<img src='/wp-content/themes/infinity-pro/images/ButterflyStories.png' alt='Butterfly Image' title='Lorem ipsum' />"); 
* leave the css in the below item
*/

#pt-cv-view-bebbff6tw9 h3.pt-cv-title::after,
#pt-cv-view-87d0f7baud h3.pt-cv-title::after,
.type-butterfly_stories h1::after {
	content: url(/wp-content/themes/infinity-pro/images/ButterflyStories.png); 
	position: relative;
    top: 5px;
    left: 0;
    width: 30px;
    height: 30px;
	padding-left: 5px;
}

.type-butterfly_stories p.entry-meta {
	display: none;
} 




/* ---------------------------------------------------------------
	Knowledge Nook Page Styling
-----------------------------------------------------------------*/
	.type-knowledge_nook p.entry-meta {
		display: none;
	} 

/* ---------------------------------------------------------------
 * Symbolism Page Styling
 * ---------------------------------------------------------------*/

	.type-symbolism p.entry-meta {
		display: none;
	} 



/* ---------------------------------------------------------
    Host and Nectar Pages Styling
-----------------------------------------------------------*/


.page-id-153 h3 > a, /* host plant page */
.page-id-142 h3 > a { /* nectar plant page */
	text-decoration: none;
	color: #015961;
}

/* ---------------------------------------------------------
    Sitemap Pages Styling
-----------------------------------------------------------*/


#page-id-1002 .pt-cv-view a,
#page-id-995 .pt-cv-view a,
.pt-cv-view a {
    text-decoration: underline !important;
}

#pt-cv-view-22a3deb1mu .pt-cv-view a {
    text-decoration: none !important;
}

#page-id-1002 .pt-cv-view a:hover,
#page-id-995 .pt-cv-view a:hover,
.pt-cv-view a:hover {
    text-decoration: none !important;
}

#page-id-1002 .pt-cv-gls-group,
#page-id-995 .pt-cv-gls-group,
.pt-cv-gls-group {
	padding-top: 30px !important;
}

#plant-detail-page .menu-sitemap-container .sub-menu {
	padding-left: 40px;
}
#plant-detail-page .menu-sitemap-container li {
	line-height: 1.8;
}



/* ---------------------------------------------------------
/    Zipcode Pages Styling
-----------------------------------------------------------*/


/* Zipcode display page
--------------------------------------------------------*/
.zip__page .img-other {
	margin-top: 20px;
	margin-bottom: 20px;
}

.zip__page .zipbutton {
	padding-top: 20px;
	clear: both;
}

.zip__page p {
	margin: 0 0 15px;
}

/* holder for checkbox to the right */
.zip__page .zipcheck-holder {
	width: 25px;
	float: right;
}


/* The container */
.zip__page .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.zip__page .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
	border: 1px solid #000;
}


/* On mouse-over, add a green background color */
/* .zip__page .container:hover input ~ .checkmark {
  background-color: #015961;
} */

/* When the checkbox is checked, add a purple background */
.zip__page .container input:checked ~ .checkmark {
  background-color: #65197c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.zip__page .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.zip__page .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.zip__page .container .checkmark:after {
  left: 8px;
  top: 1px;
  width: 8px;
  height: 18px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media only screen and (max-width: 600px ) {
	.zip__page .ziplower .one-half {
		width: 50% !important;
	}
		
	/* On mouse-over, remove background color */
	/*.zip__page .container:hover input ~ .checkmark {
  		background-color: #65197c;
	}	*/
}


/* -------------------------------------------------------   
     Zip Code Plant List Page 
---------------------------------------------------------*/
.zip_result_page .note {
	padding-top: 15px;
	padding-bottom: 45px;
	clear: both;
} 

.zip_result_page .nectar-plants {
    padding-top: 10px;
}

.zip_result_page .myplantlist .one-half.first {
    padding-bottom: 30px;
}

.zip_result_page .featured-image,
.zip_result_page .zip-desciption {
	padding-bottom: 30px;
}

.zip_result_page .note,
.zip_result_page .whatisthis {
	font-size: 14px;
	font-size: 1.4rem;
}

.zip_result_page .dashicons-before::before {
    vertical-align: middle;
	margin-right: 5px;
} 

.zip_result_page .zipbutton,
.zip_result_page .dashicons-printer {
	padding-top: 20px;
	padding-bottom: 0;
}

.zip_result_page .dashicons-printer {
	padding-top: 10px;
	padding-bottom: 20px;
}

/* ------------------------------------------------------
	Photographer Page Styling
--------------------------------------------------------*/

/* CV styling on photographer page 
---------------------------------------------------------*/
#pt-cv-view-22a3deb1mu .pt-cv-custom-fields,
#pt-cv-view-22a3deb1mu .pt-cv-title {
	padding: 0;
	margin:0;
}


/* ---------------------------------------------------------
/    Content View Styling
-----------------------------------------------------------*/

/* special CV styling for all layouts 
---------------------------------------------------------*/

.pt-cv-content-item { /* spacing under each box */
    padding-bottom: 45px !important;
}

@media only screen and (max-width: 800px ) {
	
#pt-cv-view-87d0f7baud .pt-cv-content-item,
#pt-cv-view-bebbff6tw9 .pt-cv-content-item
	{ /* spacing under each box */
    padding-bottom: 25px !important;
	}
}


/* ----------------------------------------------------------
/ Shop pages
/-------------------------------------------------------------*/

.affiliate-ad .one-third {
	margin-bottom: 45px;
}

/* -----------------------------------------------------------
/ Affiliate Widgets
/------------------------------------------------------------*/

.affiliate-ad .one-fourth {
    margin-bottom: 45px;
	font-size: 16px;
	font-size: 1.6rem;
}

/* Interested in widget -------------------------------*/

#custom_html-28 ol, 
#custom_html-28 ul {
    margin-bottom: 30px;
    padding-left: 40px;
}

#custom_html-28  ul > li {
    list-style-type: disc;
	margin-bottom: 0;
    padding-bottom: 0;
}


#custom_html-34 ol, 
#custom_html-34 ul {
    margin-bottom: 30px;
    padding-left: 40px;
}

#custom_html-34  ul > li {
    list-style-type: disc;
	margin-bottom: 0;
    padding-bottom: 0;
}

#custom_html-35 ol, 
#custom_html-35 ul {
    margin-bottom: 30px;
    padding-left: 40px;
}

#custom_html-35  ul > li {
    list-style-type: disc;
	margin-bottom: 0;
    padding-bottom: 0;
}

#custom_html-37 ol, 
#custom_html-37 ul {
    margin-bottom: 30px;
    padding-left: 40px;
}

#custom_html-37  ul > li {
    list-style-type: disc;
	margin-bottom: 0;
    padding-bottom: 0;
}


/* ----------------------------------------------------------
	zip code in purple bar 
------------------------------------------------------------*/
	
#after-header .site-inner {
    margin-top: 0;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 10px;
	padding-bottom: 10px;
}

#after-header input[type="zipcode"] {
    padding: 0 20px;
    width: 300px;
	text-align: center;
}

@media only screen and (max-width: 1026px ) {
.zipfinder-bar.one-half {
	width: 100%;
	}
	
#after-header .zipfinder-bar {
    text-align: center;
}
}

/* 6 boxes on butterfly symbolism */
	.gww-color.lastrow {
		padding-top: 30px;
		clear: both;
}

@media only screen and (max-width: 600px) {
	.gww-color .one-sixth {
		padding-top: 30px;
	}
		.gww-color.lastrow {
		padding-top: 0;
}
}