/*
Theme Name: Gemma Regalado
Theme URI: http://gemmaregalado.com/
Author: Gemma Regalado
Author URI: http://gemmaregalado.com/
Template: the-huxley
Domain Path: /library/translation
Description: Based on The Huxley by Deuce designs
Version: 1.0.5
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

*/
/*******************************************************************************************/


/* BASIC COLOURS AND STYLE SETTINGS */
/* *************************************

Background/pale stone: #E3E1DF
Secondary colour/ stone: #A2948B
Primary Highlight: #FF0063
Secondary Hightlight: #E1FF00

****************************************
*/

@import url('../the-huxley/style.css');

/* GENERAL */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,600italic);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:900,900italic);

@font-face {
	font-family:'Shorelines';
	src: url('add-fonts/shorelinesscriptbold.eot');
	src: url('add-fonts/shorelinesscriptbold.eot?#iefix') format('embedded-opentype'),
		url('add-fonts/shorelinesscriptbold.woff') format('woff'),
		url('add-fonts/shorelinesscriptbold.woff2') format('woff2'),
		url('add-fonts/shorelinesscriptbold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-20AC;
}
@font-face{

	font-family:'League';
	src: url('add-fonts/LeagueGothic-Regular_gdi.eot');
	src: url('add-fonts/LeagueGothic-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('add-fonts/LeagueGothic-Regular_gdi.woff') format('woff'),
		url('add-fonts/LeagueGothic-Regular_gdi.svg') format('svg');
}



body
{
	font-size: 22px;
	font-family: 'jubilat', 'Open Sans', sans-serif;
	font-weight: 300;	
}

h1, h2, h3, h4, h5, h6
{
	font-family: "jubilat", sans-serif;
	font-weight: 600;	
	
}

.article-header h1
{
	font-family: "League", 'League Gothic', sans-serif !important;
	font-weight: normal !important;
	}

h1, h3
{
	text-shadow: 1px 1px #E1FF00;	
}

h2
{
	text-shadow: 1px 1px #FF0063;
}

h4, h5, h6
{
	font-style: 'italic';	
}

.slide-copy h4 .yshad
{
	text-shadow: 1px 1px #E1FF00;
	color: #33302F;
}
.slide-copy h4 .pshad
{
	text-shadow: 1px 1px #FF0063 !important;
	color: #33302F;
}

blockquote {
 font-style: italic;
 font-weight: 600;
  margin: 0 -4em 1.5em 0.75em !important;
  padding: 0.5em 10px;
  float: right;
  width: 60%;
  quotes: "\201C""\201D""\2018""\2019";
  border: none !important;
}
blockquote:before {
  color: #E1FF00;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.strong, strong, b
{
	font-weight: 600 !important;	
}

.captions p strong, .entry-content p strong
{
	font-family: "jubilat", sans-serif;
	font-weight: 600 !important;
}

.captions p strong em, .captions p em strong, .entry-content p strong em, .entry-content p em strong, em strong, strong em
{
	font-family: "jubilat", sans-serif;
	font-weight: 600 !important;
	font-style:italic;
	}
	
.entry-content .alignright, .entry-content img.alignright
{
	margin: 1em -4em 0.75em 0.75em;	
}

.entry-content .alignleft, .entry-content img.alignleft
{
	margin: 1em 0.75em 0.75em -4em ;	
}
	
/*Font styles */

.script
{
	font-family: 'Shorelines', sans-serif !important;
	font-size: 150%;	
}

.nav li a, .article-header h1, .widgettitle, .article-footer h3, .related h3, #comments-title, .comment-reply-title, .info p.author, cite.fn, .comment-reply-link, #submit, .blue-btn, .comment-reply-link, .byline.blog, .blog-list .item h2, .slide-title, h2.slide-title, .slide-copy-wrap h2 a, .blog-list .item .date, button, html input[type=button], input[type=reset], input[type=submit]
{
	font-family: "jubilat", sans-serif;
	font-weight: 600;
	text-shadow: none;	
}

/* HOME PAGE */

.main-home-signup .mc-field-group
{
	display: inline-block;
	width: 40%;	
}

.main-home-signup form input
{
	background: rgba(0,0,0,0.2); !important;
	border: 0px !important;
	border-bottom: 1px solid #aaa !important;	
	
}

.main-home-signup form input:hover
{
	background: rgba(0,0,0,0.7);
	-webkit-transition: background 2s; /* Safari */
    transition: background 2s;
}

.main-home-signup .button
{
	background: url(images/lemmein-button.jpg) top center;
	font-family: 'Shorelines', sans-serif;
	text-indent: -9999em;
	
}

.main-home-signup .button:hover
{
	background: #E0FF00 !important;
	color: #262626;
}

	
/* Navigation */

/* SLIDER FRONT PAGE */

.slide-copy img
{
	max-width: 100%;	
}

.page #post-fullbg.hentry
{
	margin: 0px !important;
	padding: 0px !important;	
}


/* SIGN UP AREA */
.sign-up-form-header
{
	position: relative;
	width: 100%;
	height: auto;
	padding: 15px 0px;
	background: #FF0063;
	text-align: center;	
}



.sign-up-form-header h3
{
	font-size: 22px;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	display: inline;	
	text-shadow: 1px 1px #FF0063;
}

.sign-up-form-header a,
.sign-up-form-header a:link,
.sign-up-form-header a:active, 
.sign-up-form-header a:visited
{
	display: inline-block;
	width: 200px;
	height: 40px;
	background: #E1FF00;
	color: #ffffff;
	font-size: 22px;
	border-radius: 2px;
	padding: 2px 0;
	border: 1px solid #CCE800;
	color: #333333;
	text-shadow: 1px 1px #ffffff;
}

.sign-up-form-header a:hover
{
	text-decoration: none;
	background: #CCE800;
	transition: all 2s;	
}



/* POST STYLES */



.entry-content
{
	padding-top: 0px;
	margin: 0 auto !important;
    width: 65% !important;	
}

.entry-content p
{
	margin: 20px 0;	
}

.sumome-share-client.sumome-share-client-left-page.sumome-share-client-counts.sumome-share-client-light.sumome-share-client-medium > a:last-child
{
	display: none;	
}

.byline.blog
{
	display: none;	
}

.article-footer .avatar img
{
	padding: 0px;	
}
.pinnable-image
{
	width: 60%;
	height: auto;	
}
.byline.blog a, .next-prev-post a
{
	color: #E1FF00 !important;	
}

/*button style*/
.clickbtn {
	display: block;
  background: #e1ff00;
  background-image: -webkit-linear-gradient(top, #e1ff00, #cee900);
  background-image: -moz-linear-gradient(top, #e1ff00, #cee900);
  background-image: -ms-linear-gradient(top, #e1ff00, #cee900);
  background-image: -o-linear-gradient(top, #e1ff00, #cee900);
  background-image: linear-gradient(to bottom, #e1ff00, #cee900);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: Arial;
  color: #262626;
  font-size: 33px;
  padding: 20px 40px 20px 40px;
  text-decoration: none;
}

a.clickbtn
{
	color: #ffffff;
	font-family: "jubilat", sans-serif;
	font-weight: 600; 
	font-style: italic;
	text-shadow: rgb(34, 102, 34) -1px -1px 0px;	
}

.clickbtn:hover {
  background: #cee900;
  background-image: -webkit-linear-gradient(top, #cee900, #cee900);
  background-image: -moz-linear-gradient(top, #cee900, #cee900);
  background-image: -ms-linear-gradient(top, #cee900, #cee900);
  background-image: -o-linear-gradient(top, #cee900, #cee900);
  background-image: linear-gradient(to bottom, #cee900, #cee900);
  text-decoration: none;
}

a.fa-angle-down
{
	position: relative;
	bottom: 0px;
}

.bounce {
bottom: 60px;
    display: block;
    font-size: 40px;
    left: 0;
    position: absolute;
    right: 0;
    width: 25px;
    margin: 0 auto;
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}

/* MOBILE STYLES */

@media screen and (max-width: 1359px)
{
	.item p
{
	font-size: 20px;	
}
}

@media screen and (max-width: 1039px)
{
	.entry-content
{
	padding-top: 0px;
	margin: 0 auto !important;
    width: auto !important;	
}	

.entry-content .alignright, .entry-content img.alignright
{
	margin: 0.75em 0 0.75em 0.75em !important;	
}

.entry-content .alignleft, .entry-content img.alignleft
{
	margin: 0.75em 0.75em 0.75em 0 !important;		
}

.pinnable-image
{
	width: 40%;	
}

.entry-content blockquote {
	display: block !important;
	float: none !important;
	margin: 0.75em 0 !important;
	width: auto !important;
		
}


	
}

@media screen and (max-width: 900px) {
	.blog-list .item h2, .slide-copy h3, .slide-copy h2, .slide-copy h4
	{
		font-size: 22px;	
	}
	
	.slide-copy
	{
		width: 85%;	
	}
	
	.slide-copy img
	{
		max-width: 75%;	
	}
	
	.bounce {
bottom: 0px;
    display: block;
    font-size: 40px;
    left: 0;
    position: absolute;
    right: 0;
    width: 25px;
    margin: 0 auto;
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}
}

@media screen and (max-device-height: 900px) 
  and (orientation: landscape)
  {
			.slide-copy img
	{
		max-width: 45%;	
		float: left;
		padding-right: 3%;
	} 
	
	.slide-copy h2, .slide-copy h4
	{
		font-size: 18px;
		text-align: right;	
	}
  }
  
  @media screen and (max-width: 600px) {
	.pinnable-image
	{
		width: auto !important;	
	}
  }