/*
Theme Name: FloraFraser-Fuff
Author: Fuff International
Author URI: http://www.fuffinternational.co.uk
Description: Description
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: florafraser-fuff
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

FloraFraser-Fuff is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	font-family: 'Lora', serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #ddd4c9;
	font-size: 15px;
	font-size: .9rem;
	line-height: 1.5;
		font-weight: 100;

}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 100;
	font-weight: normal
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	 box-sizing: inherit;
}

body {
	background: #666; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ddd4c9;
	border-radius: 0px;
	background: none;
	color: #ddd4c9;
	font-size: 12px;
	font-size: 1.15rem;
	line-height: 1;
	padding: .4em 1em .5em;
	margin-bottom: 0px;
	display: block;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #ddd4c9;
}

a:visited {
	color: #ddd4c9;
}

a:hover,
a:focus,
a:active {

}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

::-moz-selection { background: #ddd; color: #fff; text-shadow: none; }
::selection { background: #ddd; color: #fff; text-shadow: none; }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	width: 100%;
	border-bottom: 2px solid #ddd4c9;
	font-family: "PerpetuaTitlingMT-Light";
	font-size: 1.32em;
	font-size: 1.32rem;
	padding-top: 5px;
	padding-bottom: 5px;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align: center;
}

.main-navigation li {display: inline-block;vertical-align: top;font-size: .82em;}

.main-navigation li:after{content:'\00B7';padding-left: 3px;color: #ddd4c9;font-size: 1.1em;}
.main-navigation li:last-child:after{padding-left:0; content:'';}

.main-navigation a {
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px;
	margin: 3px 3px 8px 3px;
}

.main-navigation li.current-menu-item a, .main-navigation li a:hover, .single-books .main-navigation li.menu-item-327 a  {
	border-bottom: 2px solid #ddd4c9
}


.main-navigation li.current-menu-item a:after {
	text-decoration: none!important;
	
}

.main-navigation .menu-item-488{  }
.main-navigation .menu-item-488 a{display: inline-block;width: 30px;height: 25px;text-indent: -1000px;overflow: hidden;padding: 0px;background-image: url('https://www.florafraser.com/twitter.png');background-size: 30px auto;margin-top: -1px}

.main-navigation .menu-item-488 a:hover{border-bottom: 0px solid #ddd4c9  }
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 480px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
		margin: 10px auto 20px;
	}
	.main-navigation li{display: block; margin: 10px; font-size: 1.1em}
	.main-navigation li:after{display: none;}


	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
   display: block;
}

* html .clearfix {
   height: 1%;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/


/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

#bg {
  position: fixed; 
	width: 140%;
	height: 140%;
	z-index: -1;
	top: -15%;
	left: -15%;
	background-image: url(https://www.florafraser.com/FloraFraser-FloraMacdonald-RichardWilson-NPG.jpg);
	background-size: cover;
	background-position: center
}
#page{background-color: #000; width: 960px; box-sizing: border-box; margin: 30px auto; padding: 4px; border: 6px solid #ddd4c9; background: #861835; background: rgba(134, 24, 53, .91); box-shadow: 0px 0px 10px #333; box-sizing: border-box;}
.inner-border{border: 2px solid #ddd4c9; padding: 15px 40px 30px; box-sizing: border-box; min-height: 700px;}
.site-branding{border-bottom: 2px solid #ddd4c9; text-align: center;}
h2.site-description{font-size: 2.9em; font-size: 2.9rem; border-top: 2px solid #ddd4c9; text-align: center; padding: 10px; margin: 0px;color: #ddd4c9; font-family: "PerpetuaTitlingMT-Light"; font-style: normal; font-weight: normal;}
h1.site-title{font-size: 7.4em;font-size: 7.4rem;margin: 0;line-height: 1em;padding: 15px 10px 30px;font-family: "PerpetuaTitlingMT-Light";font-weight: normal;}
h1.site-title a{text-decoration: none;}
h1.entry-title{font-size: 2em; font-size: 2rem; margin: 0; font-family: "PerpetuaTitlingMT-Light"; font-weight: normal;}
#content{text-align: center; margin-top: 20px;}
footer{text-align: center;}
footer h4{font-weight: normal; font-family: times; font-size: .95em; color: #fff; max-width: 90%; margin: 10px auto 20px;;}

.home .first-row, .home .home-flash{padding-bottom: 20px; width: 100%; border-bottom: 2px solid #ddd4c9; }
.home .second-row, .home .third-row{padding: 20px 0px 0px; width: 100%;}
.home .second-row {border-bottom: 2px solid #ddd4c9; padding-bottom: 20px}

.home .flora-photo{float: left; width: 20%; margin: 0px; width: calc(30% - 0px); text-align: center;}
.home .home-forthcoming{float: right; width: 70%; width: calc(70% - 10px); text-align: center;}
.home .home-forthcoming{font-family: "PerpetuaTitlingMT-Light"; font-size: .8rem}
.home .home-forthcoming h2{font-size: 1.6em; font-size: 1.6rem; padding: 0px; margin: 0px;}
.home .home-forthcoming h3{font-size: 1.0em; font-size: 1.0rem; padding: 0px; margin: 0px;}
.home .home-forthcoming p{margin: 20px 0px 10px;}
.home .home-flash{font-family: "PerpetuaTitlingMT-Light"; font-size: 1.75rem; padding: 20px 0px; }
.home .first-row h2.box-title, .home .second-row h3.box-title, .home .third-row h3.box-title{font-family: "PerpetuaTitlingMT-Light"; font-size: 2rem; margin: 10px 0px;}
.home .home-news, .home .home-events{width: 48%; width: calc(50% - 10px); float: left;}
.home .home-news p{margin-top: 0px; max-width: 405px; margin:0px auto 8px;}

.home .home-events .event_list{list-style: none; margin: 0px; padding: 0px;}
.home .home-events .event_list li{list-style: none; margin-bottom: 25px}
.home .home-events .event_list h3{text-transform: uppercase; margin: 0px; font-size: 1.15em; font-family: "PerpetuaTitlingMT-Light";}

.home .home-interviews{width: 48%; width: calc(50% - 10px); float: right; border-left: 2px solid #ddd4c9; padding-bottom: 20px; font-family: "PerpetuaTitlingMT-Light";}
.home .home-interviews img{border: 4px solid; width: 60%; display: block; margin: 0px auto 10px}

.home .home-books{width: 48%; width: calc(50% - 10px); float: right; border-left: 2px solid #ddd4c9;}
.home .home-books h2{font-size: 1em; line-height: 1.3em;}
.home .home-books .readmore, .home .home-news .readmore, .home .home-events .readmore, .home .home-interviews .readmore{text-transform: uppercase; margin-top: 20px; display: block; font-family: "PerpetuaTitlingMT-Light";}
.page .entry-content h3{font-family: "PerpetuaTitlingMT-Light"; margin: 30px auto 10px; font-size: 1.5rem;}
.page .entry-content ul{padding: 0px; margin: 0px auto 30px;}
.page .entry-content li{list-style-type: none; padding: 0px; margin: 0px;}
.page .entry-content .image-frame, .page .flora-photo .image-frame{border: 3px solid #ddd4c9; display: inline-block; box-sizing: border-box; padding: 3px 3px 0px; margin: 10px auto!important; border: 3px solid #ddd4c9 !important;}
.page .entry-content img, .home .flora-photo img{border: 3px solid #ddd4c9; box-sizing: border-box; margin: 0;
   padding: 0; margin-bottom: -3px; max-width: 230px;}

.page-id-7 .content-area li{border-bottom: 1px solid #ddd4c9;  margin: 20px auto; max-width: 720px;padding: 20px 0px; list-style-type: none; overflow: hidden;}
.page-id-7 .content-area li:last-of-type, .page-id-357 .content-area li:last-of-type{border-bottom: 0px solid #ddd4c9; }
.page-id-7 .content-area li .image{float: left; margin: 30px; width: 110px;}
.page-id-7 .content-area li img{margin: 0px 10px 15px; box-shadow: 0px 0px 8px #861835;}
.page-id-7 .content-area li a, .page-id-357 .content-area li a{text-decoration: none;}
.tax-review-tags .content-area li .readmore, .page-id-357 .content-area li .readmore, .page-id-365 .content-area li .readmore, .single-events .readmore, .single-reviews .readmore{font-family: "PerpetuaTitlingMT-Light"; text-decoration: underline; margin: 20px 0px;}
.page-id-7 .content-area .content{float: left; text-align: left; width: 80%;}

.page-id-9 .entry-content{max-width: 80%; margin: auto;}

.tax-review-tags .content-area li h2, .page .content-area li h2{font-family: "PerpetuaTitlingMT-Light"; margin: 30px auto 10px; font-size: 1.2rem; letter-spacing: 1px;}
.page .content-area li h3{font-size: .8em;}
.page-id-15 .content-area ul{margin: 0px; padding: 0px;}
.page-id-15 .content-area li{list-style-type: none; display: inline-block; width: 33%; min-height: 260px;padding: 0px; margin: 0px; vertical-align: top;}
.page-id-15 .button{border: 1px solid; padding: 10px; margin-bottom: 20px; display: inline-block;}
.tax-review-tags .content-area li, .page-id-357 .content-area li, .page-id-365 .content-area li, .single-events .site-main, .single-reviews .site-main{border: 1px solid #ddd4c9!important;  margin: 20px auto; max-width: 720px;padding: 0px 0px 20px; list-style-type: none; overflow: hidden;}
 .single-events .site-main, .single-reviews .site-main{padding: 20px;}

.single-books .content-area{padding: 0px 140px 30px;}
.single-books .content-area img{padding: 20px 10px 10px;}
.single-books .content-area ul{margin: 0px; padding: 0px;}
.single-books .content-area li{display: inline-block;}
.single-books .content-area a{font-family: "PerpetuaTitlingMT-Light"; margin: 20px;}
.single-books .content-area li a{line-height: 30px;}
.single-books .all-books{margin: 20px 0px;}
.single-books .buy-books{border:1px solid; padding: 0px 20px 20px; margin-top: 40px;}
.single-books .buy-books p{max-width: 400px; margin: 20px auto 10px;}


.page-id-13 h2{font-family: "PerpetuaTitlingMT-Light"; margin: 10px 20px;}
.page-id-13 .album-category{border-bottom: 1px solid #ddd4c9; margin: 10px auto; padding: 10px 10px 40px;}

.page-id-13 .album-category ul{width: 100%; margin: 0px; padding: 0px;}
.page-id-13 .album-category li{vertical-align: middle; align: center; display: inline-block; min-width: 100px; padding: 10px; box-sizing: border-box;}
.page-id-13 .album-category li a.external-link{display: block; font-size: 11px;}

.tax-review-tags .content-area li, .page-id-357 .content-area li, .page-id-365 .content-area li{padding: 0px 30px;}
.tax-review-tags .content-area li h2, .page-id-357 .content-area li h2, .page-id-365 .content-area li h2, .single-events .site-main h1, .single-reviews .site-main h1{border-bottom: 1px solid #ddd4c9; padding-bottom: 10px;margin-bottom: 20px;}

.page-id-365  h2.term-name{font-size: 1.5em; display: inline-block; background-color: #fff; color: #861835; padding: 0 10px; font-family: "PerpetuaTitlingMT-Light";}
.tax-review-tags h1.entry-title{font-size: 2em; display: inline-block; background-color: #fff; color: #861835; padding: 0 10px; margin: 20px auto}

.filter{max-width: 600px; display; block; margin: 0 auto 30px;}
a.tax-links{display: inline-block; padding: 0 5px; margin: 5px; color: #fff; border: 1px solid #fff; text-decoration: none; min-width: 250px}
a.tax-links:hover{background-color: #fff; color: #861835;}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
  background: #666;
  background: rgba(134, 24, 53, .8)!important;
}

.nivo-lightbox-theme-default .nivo-lightbox-title {
  font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-family: "PerpetuaTitlingMT-Light";
  font-style: normal;
  font-weight: normal;
  background: none;
  color: #fff;
  padding: 0px 15px;
  border-radius: 0px!important;
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover { 
	opacity: 1; 
	background-color: rgba(0,0,0,0.0);
}
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
  bottom: -5%;
}

/* All Mobile Devices ----------- */
@media only screen and (min-width : 320px) and (max-width : 768px) {

.inner-border {
    padding: 15px 20px 30px;
}

.tax-review-tags .content-area li, .page-id-357 .content-area li, .page-id-365 .content-area li {
    padding: 0px 20px;
}	
	
#page{width: 90%;}

#bg {
  top: -50%; 
	left: -50%; 
width: 200%; 
  height: 200%;
  z-index: -1;
}	
	
.home .flora-photo{float: none; margin: auto; width: 100%;}

.home .home-forthcoming{font-family: "PerpetuaTitlingMT-Light"; font-size: .8rem; margin: 10px auto 10px; width: 100%;}
.home .home-news, .home .home-events {
  width: 100%;
  float: none;
  margin: 0px 0px 20px!important;
  box-sizing: border-box;
  padding-bottom: 20px;
}

		.home .home-interviews img{width: 80%;}

.home .home-books, .home .home-interviews {
  width: 100%;
  float: none;
  margin: 0px 0px 20px!important;
  	box-sizing: border-box;
border-left: 0px;
border-top: 2px solid #ddd4c9;
	padding-top: 20px
}

.home .home-flash{margin-top: 0px!important; font-size: 1.35em}
}





/*--------------------------------------------------------------
# Videos
--------------------------------------------------------------*/

.videos{
	max-width: 750px;
	margin: auto;
}


.video {
	border-top: 2px solid #ddd4c9;
	
	padding: 50px 0px 50px;
	
}

.video:first-of-type{
	border: 0;
}

.video h2{
	font-size: 1.5em;
	font-family: "PerpetuaTitlingMT-Light";
	margin: 1em auto .25em!important;
	padding: 0;
}

.video p{
	font-size: 1em;
	margin: 0 auto;
	padding: 0;
	max-width: 640px
}

.embed-youtube {
    position: relative;
    padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
    /* padding-bottom: 62.5%; - 16:10 aspect ratio */
    /* padding-bottom: 75%; - 4:3 aspect ratio */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {

	
h1.site-title {
  font-size: 3.8rem;
  line-height: 1em;
  margin: 0px auto;
}
h2.site-description{font-size: 1.1rem;}

.home .home-forthcoming{font-family: "PerpetuaTitlingMT-Light"; font-size: .8rem; margin: auto; width: 100%;}
.home .flora-photo{float: none; margin: auto; width: 100%; box-sizing: border-box;}
.page-id-9 .entry-content{max-width: 100%;}
.home .home-forthcoming h2{font-size: 1.2rem; padding: 0px; margin-bottom: 10px;}
.home .home-forthcoming h3{font-size: .8rem; padding: 0px; margin: 0px 0px 40px;}
.home .first-row h2.box-title{font-family: "PerpetuaTitlingMT-Light"; font-size: 1.8rem; margin: 10px 0px;}
.home .second-row h3.box-title{font-family: "PerpetuaTitlingMT-Light"; font-size: 2rem; margin: 10px 0px;}

.home .home-news{width: 100%; float: none; padding-bottom: 20px;}
.home .home-books{width: 100%; float: none; padding-top: 20px;border-left: 0px;border-top: 2px solid #ddd4c9;}
.home .home-books h2{font-size: 1em; line-height: 1.6em;}

.page-id-15 .content-area li{width: 100%; border-bottom: 1px solid #ddd4c9; margin-bottom: 20px; padding-bottom: 40px;}
.page-id-15 .content-area li:last-of-type{border-bottom: 0px solid #ddd4c9;}
.single-books .buy-books a{border: 1px solid; padding: 5px; text-align: center; display: block!important; padding: 9px 5px; margin: 10px auto; width: 100%; line-height: 1.5em!important;}

.single-books .content-area{padding: 0px 10px 30px;}
.single-books .content-area h1{font-size: 1.3rem;}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	h1.site-title {font-size: 3.2rem; padding: 10px;}
.inner-border{border: 2px solid #ddd4c9; padding: 15px 15px 30px; min-height: 700px;}
.page .entry-content h3{margin: 30px auto 20px; font-size: 1.2rem;}
.page .entry-content li{padding-bottom: 10px;}
.page .entry-content .image-frame, .page .flora-photo .image-frame {
  border: 0px solid #ddd4c9!important;
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */
.single-books .content-area{padding: 0px 20px 30px;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
h1.site-title {
  font-size: 7.2rem;
}
h2.site-description{font-size: 2.75rem;}
.home .flora-photo{float: left; margin: 0px 10px; width: calc(40% - 20px);}
.home .home-forthcoming{font-family: "PerpetuaTitlingMT-Light"; font-size: .7rem; margin: 0px 10px; width: calc(60% - 20px); text-align: center}
.home .home-forthcoming h2{font-size: 1.2rem; padding: 0px; margin-bottom: 10px;}
.home .home-forthcoming h3{font-size: .8rem; padding: 0px; margin: 0px 0px 40px;}
}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
h1.site-title {
  font-size: 7.2rem;
  line-height: 1em;
  margin: 20px;
}
h2.site-description {
  font-size: 2rem;}
.main-navigation {
	font-size: 1.0rem;
}
.main-navigation li{margin: 0px 0px;}

.main-navigation li:after{display: none;}
.home .flora-photo{float: none;}


}