/*
Theme Name: Sable Cover
Theme URI: http://www.sableworks.co.uk/
Author: Sable Demon
Author URI: http://www.sableworks.co.uk/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: SableCover

This theme, like WordPress, is licensed under the GPL.
Use it as a base or as it comes.
*/


/* CSS Document - tags, classes and instances listed in alphabetical order within each section */

/*******************************SABLEWORKS GENSTYLE LIBRARY*********************************/

/* TAGS */

* {margin: 0; padding: 0;}

a {text-decoration: none; color: rgb(106,109,198); outline: none;}  a:hover {text-decoration: underline;}

blockquote, q {color: rgb(90,90,90); font-style: italic;}

body, table {color: rgb(90,90,90); font-family: Trebuchet MS, arial, helvetica, sans-serif; font-size: 18px;}

fieldset {margin-top: 20px; padding: 15px;}  button, input, datalist, select, textarea {padding: 4px; color: #5b5b5b; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 0.8em;}

h1, h2, h3, h4, h5, h6 {margin: 8px 0 8px 0; line-height: 100%; font-weight: bold;}  h1 {font-size: 1.5em;}  h2 {font-size: 1.4em;}  h3 {margin-bottom: 5px; font-size: 1.3em; font-weight: bold;}  h4 {font-size: 1.2em;}  h5 {font-size: 1.1em;}  h6 {font-size: 1.0em;}

hr {margin: 20px 0 20px 0; padding: 0; border-top: 2px solid #5b5b5b;}

iframe {width: 100%; height: 400px;}

img {display: block;}

li {padding: 5px;}

ol, ul {list-style: inside;}

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

/* CLASSES */

/*Height override on Gutenberg image with text - ensures image is not squashed when width changes*/
.alignwide figure img {height: auto !important; margin-bottom: 20px; padding-top: 20px;}
.alignwide .wp-block-media-text__content {margin-right: 0; padding-right: 0;}
@media(max-width: 600px) { .alignwide .wp-block-media-text__content {margin-left: 0; padding-left: 0;} }

/*Anchor*/
.aList a {margin: 5px 0 5px 0; display: block;}/*To make link list*/

/*Box*/
.boxed {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.unboxed {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box;}

/*Container class*/
.containerDiv {width: 93%; max-width: 930px; min-width: 250px; margin: 0 auto 0 auto;}

/*Display*/
.hidden {visibility: hidden; display: none;}
.unhidden {visibility: visible; display: block;}

/*Lists*/
.commentList {list-style: none;}  .commentList li li  {list-style: none; margin-left: 30px;}.commentList li li  {list-style: none; margin-left: 30px;}  .commentList li li li  {list-style: none; margin-left: 30px;} .commentList li li li li  {list-style: none; margin-left: 30px;} .commentList li li li li li {list-style: none; margin-left: 30px;}
.commentList div.reply {margin-bottom: 20px;}

.uLink, .uLink li {margin: 0 0 0 -3px; padding: 0; list-style: none;}

/*Spacer: use between and at end of content blocks to reliably clear floats and create vertical spaces*/
.spacer {height: 0; line-height: 0; font-size: 0; display: block; clear: both;}  .s1y {height: 1px;} .s5y {height: 5px;}  .s10y {height: 10px;}  

/*Table*/
.tabler {border-collapse: separate;}  .tabler td, .tabler th {padding: 5px 0 5px 0; border-bottom: 1px dashed #000000; vertical-align: top;}
@media (max-width: 420px) { .tabler {width: 100%;} } 

/*Width*/
.w25p {width: 25%;}  .w33p {width: 33%}  .w50p {width: 50%;}  .w66p{width: 66%}  .w75p{width: 75%}  .w100p {width: 100%;}
.w260px {width: 260px;}


/* INSTANCES */

#contentDiv {width: 100%; margin: 0; padding: 40px 0 20px 0; border: none; background: #ffffff; line-height: 22px; text-align: left;}

#coverImageDiv {position: relative; text-align: center;}

#coverTextDiv {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#coverTextDiv h1 {font-size: 2em;}

#creditsDiv {width: 100%; line-height: 20px; text-align: center; font-size: 0.8em; clear: both;}
#creditsDiv  a {text-decoration: none;}

#footerDiv {width: 100%; padding: 0 15px 0 15px; background: rgb(130,150,213); line-height: 40px; text-align: center; font-size: 0.9em;  font-weight: bold;}
#footerDiv a {color: #ffffff; text-decoration: none;}
#footerMenu {width: auto; margin: 0 auto 0 auto; list-style: none;}
#footerMenu li {margin: 0 15px 0 0; padding: 0; text-align: left; color: #ffffff; display: inline;}
#footerMenu li:last-child {margin-right: 0;}
#footerMenu a {color: #ffffff; text-decoration: none;}

#headerDiv {width: auto; background-size: 100% 100%;}  #header img {margin: 0; padding: 0;}

#leftCol {margin: 20px 0 0 0; padding: 0; width: 30%; float: left;}
#leftCol div.infoBox {padding: 7px; border: 1px solid rgb(194,198,218);}
#leftColTitle {margin: 0; padding: 5px 7px 5px 7px; color: rgb(255,255,255); background: rgb(194,198,218);}

#leftContent {margin: 0; padding: 0 20px 0 0; width: 70%; float: left;}

#mapWin {width: 100%; height: 400px;}
@media(max-width: 950px) { #mapTitle {clear: both;}  #mapWin {width: 100%;} }

#pageTitle {padding-top: 20px;}

#rightCol {margin: 20px 0 0 0; padding: 0; width: 30%; float: right;}
#rightCol div.infoBox {padding: 7px; border: 1px solid rgb(194,198,218);}
#rightColTitle {margin: 0; padding: 5px 7px 5px 7px; color: rgb(255,255,255); background: rgb(194,198,218);}

#rightContent {margin: 0; padding: 0 0 0 20px; width: 70%; float: right;}

#siteHeader {margin: 0 auto 0 auto; padding: 15px;}

#siteIdentityDiv {background: #ffffff; text-align: center;}

#siteLogo {padding: 15px; display: inline-block;} 

#superMenuDiv {width: 100%; padding: 0 15px 0 15px; background: rgb(90,90,90); line-height: 40px; text-align: center; font-size: 1.1em; font-weight: bold;} #superMenuDiv img {display: inline;} 
#superMenu {width: fit-content; margin: 0 auto 0 auto; list-style: none; text-align: center;}
#superMenu  li {margin: 0 15px 0 0; padding: 0; text-align: left; color: #ffffff; display: inline-block;}
#superMenu li:last-child {margin-right: 0;}
#superMenu a {padding: 5px; color: #ffffff; text-decoration: none;}

#topMenuDiv {width: 100%; padding: 0 15px 0 15px; background: rgb(130,150,213); line-height: 40px; text-align: center; font-size: 1.1em; font-weight: bold;} #topMenuDiv img {display: inline;} 
#topMenu {width: fit-content; margin: 0 auto 0 auto; list-style: none; text-align: center;}
#topMenu  li {margin: 0 15px 0 0; padding: 0; text-align: left; color: #ffffff; display: inline-block;}
#topMenu li:last-child {margin-right: 0;}
#topMenu a {padding: 5px; color: #ffffff; text-decoration: none;}

#uberMenuDiv {width: 100%; padding: 0 15px 0 15px; background: rgb(90,90,90); line-height: 40px; text-align: center; font-size: 1.1em; font-weight: bold;} #uberMenuDiv img {display: inline;} 
#uberMenu {width: fit-content; margin: 0 auto 0 auto; list-style: none; text-align: center;}
#uberMenu  li {margin: 0 15px 0 0; padding: 0; text-align: left; color: #ffffff; display: inline-block;}
#uberMenu li:last-child {margin-right: 0;}
#uberMenu a {padding: 5px; color: #ffffff; text-decoration: none;}

/*Bootstrap Dropdown styles*/
#superMenu .dropdown-menu li a {padding-left: 10px; color: #5b5b5b !important;} 
#superMenu .dropdown-menu li:last-child {margin-right: 100%;}
#topMenu .dropdown-menu li a {padding-left: 10px; color: #5b5b5b !important;}
#topMenu .dropdown-menu li:last-child {margin-right: 100%;}
#uberMenu .dropdown-menu li a {padding-left: 10px; color: #5b5b5b !important;}
#uberMenu .dropdown-menu li:last-child {margin-right: 100%;}