html,body
{
    padding:0;margin:0;border:0;width:100%;min-height:100%;min-width:320px;font-family: 'Open Sans', sans-serif;
}

body
{
    background-image:url(../buildgfx/background-4.jpg);
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

*{box-sizing:border-box;}

.as-field {height:0;overflow:hidden;display:none;width:0;}

.row {height:auto;overflow:auto;width:100%;}
.row .contents {width:100%;max-width:1040px;padding:0px 20px;margin:auto;}
.row .contents .panel {height:auto;overflow:auto;background-color:rgba(0,0,0,0.6);margin-bottom:20px;padding-bottom:20px;}
.row .contents .panel.homebookpanel {padding:40px 0px 40px 40px;}

.panel-title {text-align: center;padding:20px;color:#FFF;font-size:32px;font-weight: 300;position:relative;}
.panel-title::after {content: ' ';width:90%;height:1px;background-color:rgba(255,255,255,0.25);margin:auto;position:absolute;bottom:10px;left:0;right:0;}
.panel-text {color:#FFF;padding:0px 50px;font-size:16px;font-weight: 300;}
.panel-text.center-text {text-align: center;}
.panel-text img {width:100%;max-width:400px;display:block;float:left; margin-right:20px;margin-bottom:10px;}
.panel-text p.images {overflow:auto;height:auto;}

.buy-buttons {padding-top:20px;}
.buy-button-row {position:relative;height:80px;margin-bottom:10px;width:100%;}
.buy-button {display: block;position:absolute;width:90%;border-left:10px solid rgba(0,0,0,0.2);right:-20px;background-color:rgba(255,255,255,0.5);transition:all .25s ease-in-out;background-repeat:no-repeat;background-position:80% center;background-size:auto 50px;height:80px;line-height:80px;padding:0px 20px 0px 40px; text-decoration: none;font-size:22px;font-weight:600;color:#000;}
.buy-button:hover {border-left:10px solid rgba(0,0,0,1);}
.buy-button.amazon {background-image:url('../buildgfx/Amazon.png');background-position: 75% 25px;}
.buy-button.amazon::after {content: ' Now From';}
.buy-button.waterstones {background-image:url('../buildgfx/Waterstones.png');background-position: 80% center;background-size:180px auto;}
.buy-button.waterstones::after {content: ' Now From';}
.buy-button.publisher {background-image:url('../buildgfx/Publisher.png');}
.buy-button.publisher::after {content: ' Now Direct';}

.purchase-buttons {height:auto;overflow:auto;padding:20px 50px 40px 50px;}
.purchase-buttons .purchase-button {height:100px;width:calc(33.3333% - 16.7px);margin-right:25px;background-repeat:no-repeat;background-position:center;background-size:auto 60px;float:left;display: block;position:relative;background-color:rgba(255,255,255,0.6);}
.purchase-buttons .purchase-button:hover {background-color:rgba(255,255,255,0.8);}
.purchase-buttons .purchase-button:last-child {margin-right:0px;}
.purchase-buttons .purchase-button.amazon {background-image:url('../buildgfx/Amazon.png');background-position:center 70%;background-size:auto 50px;}
.purchase-buttons .purchase-button.waterstones {background-image:url('../buildgfx/Waterstones.png');background-size:200px auto;}
.purchase-buttons .purchase-button.publisher {background-image:url('../buildgfx/Publisher.png');}

/* Pagination */
ul.pagination {margin: 30px 0px 30px 0px; padding:0; text-align: center;}
ul.pagination li {display: inline-block; font-size:14px; list-style-type: none; font-weight: normal; height:30px; line-height: 30px;}
ul.pagination li.selected a.page {background-color: #000; color:#FFF;}
ul.pagination li a.page {background-color: #333; color:#FFF; padding:5px 10px 5px 10px; height:30px; text-decoration: none; font-size:16px;}

.panel-text a {font-weight: bold;color:inherit;}

h3 {font-weight: 400;text-align: center;}

.no-entries {text-align: center;color:#FFF;padding:100px 10px;}

.page-top-image {height:200px;width:200px;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: cover;float:left;shape-outside: circle(); margin:20px 20px 10px 0px;}
.page-top-image-center {height:200px;width:200px;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: cover;margin:auto;margin-top:20px;}

.review-slider {padding:20px 80px;}
.review-slider .slide {outline:none;text-decoration: none;color:inherit;}
.review-slider .slide.withimage {text-decoration: none;color:inherit;}
.review-slider .slide.withimage .image {width:200px;height:200px;float:left;}
.review-slider .slide.withimage .container {width:calc(100% - 200px);float:left;}
.review-slider .container {padding-left:20px;color:#FFF;}
.review-slider .name {text-align: right;font-size:18px;font-weight: 600;padding-top:10px;}
.review-slider .text {padding: 20px 40px; position:relative;font-weight: 300;}
.review-slider .left-quote {position:absolute; top:10px; left:10px;font-size:24px;}
.review-slider .right-quote {position:absolute; bottom:10px; right:10px;font-size:24px;}

.homebookpanel .book-image {width:400px;height:auto;overflow:auto;float:left;}
.homebookpanel .book-description {width:calc(100% - 400px);padding:20px;color:#FFF;height:auto;overflow:auto;float:left;}
.homebookpanel .book-description .title {font-size:50px;font-weight: 600;}
.book-cover-image {border:1px solid #FFF;display: block;width:100%;max-width:100%;min-width:100%;height:auto;}

.header {width:100%;height:auto;overflow:auto;background-color:rgba(0,0,0,0.6);margin-top:20px;margin-bottom:20px;}
.header .contents {width:100%;padding:0px 20px;max-width:1040px;margin:auto;height:auto;overflow:auto;}
.header .name-panel {float:left;width:200px;height:auto;overflow:auto;padding:20px 0px;}
.header .navigation-panel {float:left;width:calc(100% - 200px);height:169px;overflow:auto;text-align:right;}
.header .name-panel .image {height:100px;width:100px;border-radius: 50px;margin:auto;background-position: center;background-repeat: no-repeat;background-size: contain;background-image:url('../buildgfx/Paul_Westmoreland.jpg');}
.header .name-panel .name {text-align: center;font-size:18px;color:#FFF;text-transform: uppercase;font-weight: 300;padding-top:5px;}

.header .navigation input {display:none;}
.header .navigation .show-menu {display:none;}
label.exit-button {display: none;}
.header .navigation ul {list-style: none;margin:0;padding:0;line-height:168px;}
.header .navigation ul li {display: inline-block; color:#FFF;padding:0 10px;font-size:20px;font-weight: 600; background-color:rgba(255,255,255,0); transition:all .3s ease-in-out;}
.header .navigation ul li:hover {background-color:rgba(255,255,255,0.20);}
.header .navigation a {text-decoration: none;color:inherit;}

.footer {width:100%;height:auto;overflow:auto;background-color:rgba(0,0,0,0.6);margin-top:20px;margin-bottom:20px;}
.footer .contents {width:100%;padding:0px 20px;max-width:1040px;margin:auto;height:auto;overflow:auto;}
.footer ul {list-style: none;color:#FFF;width:calc(100% - 120px);float:left;margin-bottom:0;}
.footer a {text-decoration: none; color:inherit;}
.footer ul li {display:inline-block;padding:10px;font-size:16px;}
.footer .back-to-top {color:#FFF; font-size:16px;}
.footer .back-to-top span {font-size:18px;}
.footer .back-panel {float:left;height:auto;width:120px; text-align: center;min-height:1px;padding-top:25px;}
.footer .navigation {height:auto;overflow:auto;}

.blogs-container {padding:20px;height:auto;overflow:auto;color:#FFF;}
.blogs-container .blog-container.two {float:left;width:50%;height:auto;min-height:1px;overflow:auto;color:#FFF;position:relative;}
.blogs-container .blog-container.two:first-child {padding-right:20px;}
.blogs-container .blog-container.two:first-child::after {position:absolute;content: ' ';width:1px; height:90%;top:0;bottom:0;right:0;background-color:rgba(255,255,255,0.25);}
.blogs-container .blog-container.two:last-child {padding-left:20px;}

.blog-container .title {text-align: center;font-size:22px;font-weight: 500;padding-bottom:10px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.blog-container .date {text-align: center;font-size:14px;font-weight: 400;padding-bottom:5px;}
.blog-container .text {font-weight: 300;font-size:16px;text-align: center;}
.blog-container .readmore-container {text-align: center;padding:20px 0px;}
.blog-container .readmore {text-align: center;display: inline-block;padding:10px 20px;transition: all .25s ease-in-out;background-color:rgba(255,255,255,0.5);margin:auto;text-decoration: none;color:#000;}
.blog-container .readmore:hover {padding:10px 30px;background-color:rgba(255,255,255,0.8);}

.blog-container.one {padding:0px 60px;}
.blog-container.one .text {text-align: left;}
.blog-container.one .title {text-align: left;}
.blog-container.one .date {text-align: left;}
.blog-container.one img {float:left;margin-right:20px;}
.blog-container.one .readmore-container {text-align:right;}

.copyright {text-align: center;color:#FFF;font-weight: 300;font-size:16px;padding:20px;}

.book-item {padding:20px 50px;height:auto;overflow:auto;display:block;}
.book-item .book-image {float:left;width:200px;height:auto;overflow:auto;}
.book-item .book-text {float:left;width:calc(100% - 200px);height:auto;overflow:auto;padding:10px 20px 10px 20px;color:#FFF;}
.book-item .book-text .book-title {font-size:30px;font-weight: 500;padding-bottom:5px;}
.book-item .book-text .book-description {font-size:16px;font-weight: 300;}
.book-item .book-text .readmorecontainer {height:auto;overflow:auto;width:100%;padding-top:20px;text-align: right;}
.book-item .book-text .readmore {text-align: center;display: inline-block;padding:10px 20px;transition:all .25s ease-in-out;background-color:rgba(255,255,255,0.5);text-decoration: none;color:#000;}
.book-item:hover .book-text .readmore{background-color: rgba(255,255,255,0.8);}

.book-columns {height:auto;overflow:auto;padding:20px 50px;}
.book-columns .book-image {float:left;width:360px;}
.book-columns .book-text {float:left;width:calc(100% - 360px);padding-left:20px;color:#FFF;}

.short-stories {padding:20px 50px;}
.story-item {height:auto;overflow:auto;display:block;text-decoration: none;color:#FFF;margin-bottom:20px;}
.story-item .readmorecontainer {width:100%;height:auto;overflow:auto;padding-top:20px;text-align: right;}
.story-item .readmorecontainer .readmore {text-align: center;display: inline-block;padding: 10px 20px;transition: all .25s ease-in-out;background-color: rgba(255,255,255,0.5);text-decoration: none;color: #000;}
.story-item:hover .readmorecontainer .readmore {background-color:rgba(255,255,255,0.8);}
.story-item .title {font-size:22px;}
.story-item .description {font-size:14px;font-weight: 300;}
.story-item .date {font-size:14px; padding:5px 0px;}
.story-item.withimage .story-image {width:200px; float:left;}
.story-item.withimage img {width:100%;min-width:100%;max-width:100%;height:auto;}
.story-item.withimage .story-text {padding-left:20px;width:calc(100% - 200px);float:left;}

.back-button {display:block;padding:10px 50px;color:#FFF;text-decoration: none;font-size:18px;}
.center-date {padding:10px 0px;color:#FFF;font-size:14px;text-align: center;}

.download-item {color:#FFF;font-size:18px;text-decoration: none;display: block;margin-bottom:20px;}

.readmorecontainer.review {height:auto;overflow:auto;text-align: center;padding-bottom:20px;}
.readmorecontainer.review .readmore {text-align: center;display: inline-block;padding: 10px 20px;transition: all .25s ease-in-out;background-color: rgba(255,255,255,0.5);text-decoration: none;color: #000;}
.readmorecontainer.review .readmore:hover {background-color:rgba(255,255,255,0.8);}

.contact-columns {height:auto;overflow:auto;padding:10px 50px;}
.contact-columns .first-column {width:50%;float:left;padding-right:20px;position:relative;}
.contact-columns .second-column::after {height:90%;width:1px; background-color:rgba(255,255,255,0.25);position:absolute;top:0;bottom:0;left:0;content: ' ';margin:auto;}
.contact-columns .second-column {width:50%; float:left;padding-left:20px;position:relative;}
.map-container {padding:20px 20px 0px 20px;position:relative;}
.map-container::after {content: ' ';width:90%;left:0;right:0;top:0;height:1px;margin:auto;background-color: rgba(255,255,255,0.25);position: absolute;}
#map {height:300px;width:100%;margin-top:1px;}
.contact-form {width:100%;margin:0;padding:0;display: block;}
label {display: block;width:100%;color:#FFF;font-size:18px;padding-bottom:5px;font-weight: 300;}
.contact-form input {display: block;width:100%;padding-left:10px;height:30px;border:1px solid rgba(255,255,255,0.5);background-color:transparent;margin-bottom:10px;}
.contact-form textarea {width:100%;min-width:100%;padding-left:10px;padding-top:5px;max-width:100%;height:120px;resize:none;background-color:transparent;border:1px solid rgba(255,255,255,0.5);}
.contact-form input, .contact-form textarea {font-weight: 300; font-family: 'Open Sans', sans-serif;color:#FFF;outline-color: white;}
.contact-form input[type="submit"] {color:#000;background-color:rgba(255,255,255,0.5);height:40px;line-height: 40px;border:0;font-weight: 400;margin-top:10px;font-size:16px;}
.contact-form input[type="submit"]:hover {background-color: rgba(255,255,255,0.8);cursor: pointer;}

.contact-details {color:#FFF;padding:60px 20px 20px 80px;font-size:20px;font-weight: 300;}
.contact-details .location {margin-bottom:20px;position:relative;}
.contact-details .location::before {position: absolute;content: '\f041';font-family: 'FontAwesome';left:-40px;top:0;height:30px;width:40px;text-align: center;line-height: 30px;font-size:20px;}
.contact-details .number {margin-bottom:20px;position:relative;}
.contact-details .number::before {position: absolute;content: '\f10b';font-family: 'FontAwesome';left:-40px;top:0;height:30px;width:40px;text-align: center;line-height: 30px;font-size:20px;}
.contact-details .email {margin-bottom:20px;position:relative;}
.contact-details .email::before {position: absolute;content: '\f0ac';font-family: 'FontAwesome';left:-40px;top:0;height:30px;width:40px;text-align: center;line-height: 30px;font-size:20px;}


@media screen and (max-width:1100px)
{
    .header .contents {max-width:860px;}
    .row .contents {max-width:860px;}
    .footer .contents {max-width:860px;}

    .header .navigation ul li {font-size:16px;}
    .homebookpanel .book-image {width:260px;}
    .homebookpanel .book-description {width:calc(100% - 260px);}
    .buy-button {width:100%;}

    .book-item .book-text {padding:0px 0px 5px 20px;}
    .book-item .book-text .book-description {font-size:15px;}

    .purchase-buttons .purchase-button.publisher {background-size:180px auto;}

    .contact-details {padding:40px 20px 20px 60px;}
}

@media screen and (max-width:860px)
{
    .header .contents {max-width:600px;}
    .row .contents {max-width:600px;}
    .footer .contents {max-width:600px;}

    .homebookpanel .book-image {width:100%;float:none;}
    .row .contents .panel.homebookpanel {padding:40px;}
    .homebookpanel .book-description {width:100%;padding:20px 0px;float:none;}
    .buy-button {position:relative;right:unset;}

    .review-slider .slide.withimage .image {float:none;margin:auto;}
    .review-slider .slide.withimage .container {float:none;width:100%;}

    .blogs-container .blog-container.two {float:none;width:100%;}
    .blogs-container .blog-container.two:last-child {padding-left:0px;padding-top:20px;}
    .blogs-container .blog-container.two:first-child {padding-right:0;}
    .blogs-container .blog-container.two:first-child::after {width:90%;height:1px; left:0;right:0;margin:auto;bottom:0;top:unset;}

    .header .navigation ul {display: block;z-index:999;padding-top:40px;position:absolute;left:-320px;line-height:unset;top:0;bottom:0;background-color:rgba(0,0,0,0.8);width:320px;color:#FFF;transition:all .25s ease-in-out;}
    .header .navigation .show-menu {display: block;color:#FFF;font-size:50px;font-weight: 300;width:100px;float:right;padding-top:40px;}
    .header .navigation .show-menu span {display: block;width:100%;text-align: center;}
    .header .navigation .show-menu span:last-child {font-size:20px;}
    .header .navigation ul li {display: block;line-height: unset;padding:10px 10px 10px 40px;}
    .header .navigation-panel {text-align: left;}
    #show-menu:checked ~ ul.nav {left:0;}
    label.exit-button {display: block;text-align: right;padding-right:20px;padding-bottom:20px;font-size:30px;}

    .footer ul {display: none;}
    .footer .back-panel {float:none;width:100%;padding:20px;}

    .book-item {padding:20px;}
    .book-item .book-image {float:none;margin:auto;}
    .book-item .book-text {float:none;width:100%;padding:5px 0px;}
    .book-item .book-text .book-title {text-align: center;}
    .book-item .book-text .book-description {text-align: left;font-size:14px;}
    .book-item .book-text .readmorecontainer {text-align: center;}

    .panel-text {font-size:15px;padding:0px 30px;}

    .book-columns .book-image {float:none;width:100%;}
    .book-columns .book-text {float:none;width:100%;padding-left:0px;}
    .purchase-buttons {padding:20px 30px 20px 30px;}
    .purchase-buttons .purchase-button {width:calc(50% - 10px);margin-right:20px;}
    .purchase-buttons .purchase-button:nth-child(2) {margin-right:0;}
    .purchase-buttons .purchase-button:nth-child(3) {margin-left:calc(25%);margin-top:20px;}

    .story-item.withimage .story-image {float:none;margin:auto; border-radius:10px;margin-bottom:5px;display: none;}
    .story-item.withimage .story-text {float:none;padding-left:0;width:100%;}
    .story-item .readmorecontainer {text-align: center;}

    .panel-text img {width:100%;max-width: unset;float:none;margin-right:0;margin-top:10px;}

    .contact-details {padding:10px 20px 20px 60px;}
    .contact-columns .first-column {float:none;width:100%;}
    .contact-columns .second-column {float:none;width:100%;padding-left:0;padding-top:20px;}
    .contact-columns .second-column::after {width:90%;height:1px;top:0;left:0;right:0;bottom:unset;}

    .blog-container.one {padding:0;}
    .blog-container.one img {float:none;margin:auto;display:block;margin-bottom:20px;}
    .blog-container.one .readmore-container,.blog-container.one .title,.blog-container.one .date,.blog-container.one .text {text-align: center;}


}

@media screen and (max-width:610px)
{
    .buy-button.amazon::after {content: ' From Amazon';}
    .buy-button.waterstones::after {content: ' From Waterstones';}
    .buy-button.publisher::after {content: ' From Publisher';}
    .buy-button.amazon,.buy-button.waterstones,.buy-button.publisher {background-image:none;}
    .copyright {font-size:12px;}
}

@media screen and (max-width:555px)
{
    .purchase-buttons {padding:20px;}
    .purchase-buttons .purchase-button {width:100%;margin-right:0;margin-left:0;margin-bottom:20px;}
    .purchase-buttons .purchase-button:nth-child(3) {margin-right:0;margin-left:0;margin-bottom:0;margin-top:0;}
}

@media screen and (max-width:500px)
{
    .homebookpanel .book-description .title {font-size:30px;}
    .book-item .book-text .book-title {font-size:28px;}

    .panel-text {font-size:14px;}

    .page-top-image {shape-outside: none;margin:auto;margin-top:20px;margin-bottom:20px;float:none;}

    .book-columns {padding:20px;}

    .contact-columns {padding:10px 20px;}
    .contact-details {padding:10px 0px 10px 40px;}
}

@media screen and (max-width:460px)
{
    .panel-title {font-size:22px;}

    .blog-container .title {font-size:20px;}
    .blog-container .text {font-size:14px;}

    .review-slider {padding:20px;}
    .review-slider .slide.withimage .container {padding-left:0;}

    .buy-button-row {height:auto;overflow:auto;}
    .buy-button {position: relative;height:auto;overflow:auto;line-height:unset;padding:10px 20px 10px 20px;font-size:16px;}
}

@media screen and (max-width:400px)
{
    .header .name-panel {float:none;width:100%;}
    .header .navigation-panel {float:none;width:100%;height:auto;overflow:auto;text-align: center;}
    .header .navigation label {padding-top:0;float:none;width:100%;font-size:20px;padding-bottom:20px;}
    .header .navigation label span {display: inline-block;width:auto;}

    .contact-details {font-size:14px;}
}