/*
Theme Name: The7 Child
Theme URI: http://dream-theme.com/the7/
Template: dt-the7
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Put simply, The7 is THE most customizable WordPress theme on the market. It features 630+ design customization options. People new to multipurpose WordPress themes will be delighted with The7 Design Wizard. It allows to choose basic settings like branding, colors, header layout, etc. and intelligently calculates all the rest. Voilà, your pro-grade site design is ready in mere minutes. Automatically! Add a seamless integration with Visual Composer page builder, Slider Revolution, WooCommerce, WPML (as well as other most popular plugins), and you get the definitive web-development toolkit. And, yes, it is mobile friendly (certified by Google) and SEO-ready.
Tags: multipurpose,responsive,retina ready,SEO ready,mobile friendly,iOS,material design,clean,minimal,business,corporate,portfolio,creative,photography,one page site,micro site
Version: 3.3.0.1515905891
Updated: 2018-01-14 04:58:11

*/
@import url('https://fonts.googleapis.com/css?family=Delius+Swash+Caps|Qwigley|Montserrat');
@import url('https://fonts.googleapis.com/css?family=Amiri|Crimson+Text|EB+Garamond&display=swap');
@import url('http://7.sqrbear.com/wp-content/themes/dt-the7-child/databaseFunctions/functionStyle.css');

.clearAll {
	clear:both;
}
#main {
	padding-top: 1% !important;
}
.home-quote-container {
	text-align: center;
	margin: 0 auto ;
	width: 70%;


}

section.home-quote-container > .main-page-quote {
	color: green  !important;

}

ul.call-to-action{
	list-style:none !important;
	position:relative;
	width: 40%;
	margin: 3% auto;

}

ul.call-to-action li {
	float:left;
	display:block;
	margin: 0 6%;
	width:auto;

}

ul.call-to-action a {
	text-decoration:none;
	display:block;
	padding: 6% 15%;
	width: auto;
	background-color: #00FFFF;



}

ul.call-to-action a:hover {
	background-color:#46455A;
}

div.btn-cntr {
	display:none !important;
}
ul.authorlist {
	width: 100%;
	position:relative;

}
ul.authorlist li {
	list-style:none;
	margin: 10px 10px;
	border-bottom:1px solid grey;
/**border-top: 1px solid grey;**/
	padding-top: 10px 0px;
	padding-bottom:10px 0px 10px;
	width: 10%;
	overflow:hidden;
	text-overflow:clip;
	white-space: nowrap;

	position:relative;
	float:left;
}

ul.authorlist li a{
	text-decoration: none !important;
}

/*---- quote custom page ------------- */

div.quoteMainPageContainer {
	width: 100%;
	position: relative;
}

/* single letter for category Visual separation */
.category-letter {
	margin: 2% 0 .3%;

	padding: 5% 5%;
	border: 1px solid rgba(160, 160, 160, .5);
	display: block;
	width: 5%;


}
.alphaIndexContainer {
	width: 100%;
	position:relative;
	display: block;
	margin-bottom: 4%;
	float:left;
	border: 1px solid rgba(160, 160, 160, .5);
	border-radius: 2%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,ffffff+100 */
background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	/* letter-spacing: 1.9em;  */
}
.alphaIndexContainer h1 {
	font-size: 1.4em;
	width:90%;
	text-align: center;
	padding: 1% 5%;
	border-bottom: 1px solid grey;
}

/*sets the width of the letters in the index box */
.indexLetterContainer {
	text-align: inner-character;
	/*padding: 4% 5%;*/
	position:relative;
	margin: 0% auto;
	width: 100%;
	display: block;
	height: auto;

}
/* Sub text for the index boxes. Description of what the index does*/
span.indexSubDescription {
	position: relative;
	font-size: .9em;
	width: 80%;
	text-align: center;
	line-height: normal;
	margin: 7% auto;
	display: block;
}
.indexLetterContainer ul {
	list-style: none;
	width: 55%;
	display: block;
	margin: 0 auto 5%;
}
.indexLetterContainer ul li {
	width: 20%;
	float:left;
}

.indexLetterContainer a{
	text-decoration:none;
	/* text-align: inner-word; */
	margin-right: 10%;
}


div.tagsList {
	width: 70%;
	float:right;
	position:relative;
	font-size: 1em;
	line-height:140%;
	 columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
}
div.tagsList div.tagWordContainer {

	display:block;
	padding: 0px;
/**border-top: 1px solid grey;**/
	margin:  0px;
	width: 100%;
	overflow:hidden;
	text-overflow:display;
	white-space: nowrap;

	position:relative;
	float:left;
	font-size: 11px!important;
}

div.tagsList div a{
	text-decoration: none !important;
	margin:  0px;
	padding:0px;
}
.pt-cv-view .panel-default {
	margin-right:1% !important; /* sets the size space between keywords */
	float:none;

}
.pt-cv-collapsible .panel-heading a {
	/* padding-top: 1%; */
}

/*---- display pages keyword / author ------------- */
/*---- ------------- */
h3.category-title {
	position: relative;
	margin-left: 0;
	width: auto !important;
}
#displayPageContentContainer {
	position:relative;
	width: 100%;
}
#displayPageContentContainer > h3 {
	font-size:1.5em;
	font-family: 'Montserrat', sans-serif;
}
/**Container for all quotes being selected and displayed according to given letter **/
.quoteContentContainer {
	float: right;
	width:75%;
	position:relative;
}
/** Contains the quote currently being iterated**/
/*
old quote container style
div.quoteSetContainer {
	border:1px solid #d8d6d6;
	border-radius: 5px;
	padding: 2% 3%;
	margin-bottom: 2%;
	background-color:#ececec;

} */

/* individual quote container */
div.quoteSetContainer  {
	padding: .5% !important;

	border-bottom: 1px solid #d8d6d6;
}

.quoteSetContainer .quote-tag {
	text-decoration: underline;
}
.quote-tag, .author-info-display, .quoteDisplay {
	font-size:.9em !important;

}

/* quotation text */
.quoteDisplay{
	/*
		font-family: 'Qwigley', cursive;
		font-family: 'Delius Swash Caps', cursive;

	font-family: 'Crimson Text', serif;
	*/
	font-weight: bold;

}

/* Container for author name and category*/
.quoteInfoContainer {
	font-size: .8em; /*sets the size of the quote information*/
	padding-left: 3%;
}

.author-info {
	font-weight:normal;
}
.indexContainer {
	float: left;
	width: 20% !important;
	position:relative;
	display:block;
}

/** index menu for home page **/
.centerPageContent {
	margin: 0 auto;
	display: block;
	width: 100%;

}
.quoteContentContainerHomePage {
	width: 50%;
	position: relative;
	float:left;
}
.authorIndexContainerHomePage{
	position: relative;
	float: left;
	width: 25% !important;
	display: block;
}

.keywordIndexContainerHomePage  {
	float:left;
	position: relative;
	width: 25%;
	display: block;
}
/******************************
	Full Author List
-------------------------------------------
**/
/* button to show all Categories and all authors */

a.index-menu-button {
	text-decoration: none;
	position: relative;
	display: block;
	padding: 8% 4%;
	width: 60%;
	margin: 2% auto;
	text-align: center;
	color:white;
	border-radius:8px;

	background: rgb(103,103,103);
	background: linear-gradient(360deg, rgba(103,103,103,1) 0%, rgba(163,163,163,1) 50%, rgba(186,186,186,1) 100%);

	/* button color transition to hover*/
	transition: background 0.5s ease;
}
a.index-menu-button:hover {
	/* background-color: rgba(105, 105, 105, 1); */
	background: rgb(103,103,103);
	background: linear-gradient(360deg, rgba(103,103,103,1) 0%, rgba(138,138,138,1) 50%, rgba(165,165,165,1) 100%);
}

/** Author compare page **/

.compareContainer {
	padding: 2% 4%;
	margin: 1% 2%;
	background-color: rgb(249, 246, 255);
	border: 2px solid rgb(31, 9, 90);
	width: 35%;
	float:left;
}

.compareContainer input {
	width: auto;
}

.editQuoteContainer ul {
	list-style: none;
}
.editQuoteContainer li  {
	/*margin: 1% 0%; */
	height: 5%;
	font-size: 1.2em;
	display: block;
	position: relative;
	border-bottom: 2px solid rgb(198, 198, 198);
	padding-bottom: 2%;
	margin-bottom: 1%;
}
.detail-highlight {

	position: relative;
	background-color:  #E4FE09;
	color:black;
	height: 100%;
	padding: 1% 2%;
	margin-bottom: 1%;
	font-size: 1em !important;
	float:left;
}
.quote-detail {
	position: relative;
	display: block;
	float:left;
	height: 100%;
	width: 60%;
}
/* #main > .wf-wrap, #bottom-bar > .wf-wrap, #footer > .wf-wrap {
	margin: 50%!important;
} */

.individualQuoteContainer {
	width: 30%;
	margin: 2% 1%;
	border: 2px solid red;
	float: left;

}

@media screen and (max-width: 700px) {
	.indexLetterContainer {
		margin: 0;
	}
	/* main content */
	.centerPageContent {
		width:100%;
	}
	.quoteContentContainerHomePage {
		float:right !important;
		width: 100%;

	}
	.authorIndexContainerHomePage {
		float: left;

	}
	.keywordIndexContainerHomePage {
		float: left;

	}

	/**
	Author Main Page Mobile Style
	**/
	.quoteMainPageContainer {
		position: relative;
		height: auto;
	}
	.category-letter {
		padding: 5% 13% 5% 5%;
	}
	.tagsList {
		position: relative;
		width: 100%;
	}
	.indexContainer {
		position: relative;

		width: 100%;
	}

	.indexContainer div div ul li {
		margin-right: 6%;
		font-size: 1.4em;
	}


}