/*
Theme Name: AHS 2020
Theme URI: http://www.tiger-bird.com
Author: Tiger Bird
Author URI: http://www.tiger-bird.com
Description: Albany Historical Society
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: 
Text Domain: AHS
*/

/* IMPORT FONTS, STYLESHEETS */

@import url('https://fonts.googleapis.com/css?family=Alatsi|Oswald|Sulphur+Point|DM+Serif+Text|EB+Garamond&display=swap');



/* :::::::::::::::::::::::::::::::::::::::::::: BASICS ::::::::::::::::::::: */

/* ------> Essential Parts */

body {
margin:0;
padding:0;
font-size:1vmax;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x:hidden;
}

.portrait {
display:none;
}

html {
  scroll-behavior: smooth;
  transition:all 0.2s;
  animation:loadpage 1s;
}

@keyframes loadpage {
    from { 
        opacity:0;
    }
    to { 
        opacity:1;
    }
}

.displaynone {
    display:none;
}

/* :::::::::::::::::::::::::::::::::::::::::::: NAV BAR :::::::::::::::::::: */

/* ___________________________________ TOP BAR _____________________________ */

/* ------> NAV BARS > Top Menu Bar */

.tb-absolutetopmenu {
width:100%;
background:black;
color:white;
}

.tb-absolutetopmenu-content {
padding-left:15vw;
padding-right:15vw;
}

/* ------> NAV BARS > The Absolute Top Menu */

.tb-absolutetopmenu-content {
display:table;
margin:0;
padding:0;
}

.tb-theabsolutetopmenu {
margin:0;
padding:0;
display:table-cell;
}

.tb-theabsolutetopmenu ul {
width:100%;
margin:0;
padding:1vmin;
display:table-cell;
}

.tb-theabsolutetopmenu li {
display:table-cell;
padding:0.25vmin;
padding-left:2vmin;
}

.tb-theabsolutetopmenu li a {
background:white;
color:black;
padding:0.15vmin 1vmin 0.15vmin 1vmin;
text-decoration:none;
font-family:Alatsi;
transition:all 1s;
}

.tb-theabsolutetopmenu li a:hover {
background:rgb(128,0,32);
color:white;
}

/* ------> NAV BARS > The Absolute Top Menu > Login/Logout Button  */

.tb-logpanel {
display:table-cell;
background:rgb(128,0,32);
padding: 0.15vmin 1vmin 0.15vmin 1vmin;
text-decoration: none;
font-family: Alatsi;
transition: all 1s;
color:white;
cursor:pointer;
}

.tb-logpanel:hover {
color:rgb(128,0,32);
background:white;
}

/* ------> NAV BARS > The Absolute Top Menu > Link (Remove Underline) */

.tb-absolutetopmenu a {
text-decoration:none;
}

/* ------> NAV BARS > The Absolute Top Menu > Social Icons */

.tb-socialcontainer {
display:table-cell;
vertical-align:middle;
}

.tb-socialicon-top {
width:2.5vmin;
height:2.5vmin;
fill:white;
vertical-align:middle;
margin-right: 1vmin;
transition:all 0.6s;
}

.tb-socialicon-top:hover {
fill:rgb(128,0,32);
}

/* ------> NAV BARS > The Expanded Menu > Social Icons */

.tb-socialicon-expansion {
width:6vmin;
height:6vmin;
fill:white;
vertical-align:middle;
margin-right: 1vmin;
transition:all 0.6s;
padding-bottom:2vmin;
}

.tb-socialicon-expansion:hover {
fill:black;
}

/* ___________________________________ MIDDLE BAR __________________________ */

/* ------> NAV BARS > Middle Menu Bar */

.tb-navigationarea {
width:calc(100%-15vw);
position: -webkit-sticky;
position: sticky;
top: 0;
display:table;
padding:2vmin;
padding-right:0;
padding-left:0;
background:white;
z-index:999;
}

/* ------> NAV BARS > Middle Menu Bar > Spacing */

.tb-EmptyBit {
display:table-cell;
width:15vw;
}

/* ------> NAV BARS > Middle Menu Bar > Logo */

.tb-Logo {
background-size:contain !important;
background-repeat:no-repeat !important;
background-position:left bottom !important;
display:table-cell;
width:50%;
}

.tb-Logo img {
height:10vh;
}

/* ------> NAV BARS > Middle Menu Bar > Menu/Search Icon */

.tb-MenuIcon {
width:25vw;
display:table-cell;
vertical-align:middle;
text-align:right;
padding-right:5vmin;
cursor:pointer;
}

.tb-MenuIconOutline {
padding: 2.5vmin 1vmin 1vmin 1vmin;
color:white;
background:rgb(128,0,32);
transition:all 1s;
border:solid 0.2vmin rgba(128,0,32,0);
margin-left:0.5vmin;
}

.tb-MenuIconOutline:hover {
background:white;
color:rgb(128,0,32);
border:solid 0.2vmin rgb(128,0,32);
}

.tb-MenuIconOutline svg {
fill:white;
}

.tb-MenuIconOutline:hover svg {
fill:rgb(128,0,32);
}

.tb-HamburgerIcon {
font-size:200%;
padding-left:1.5vmin;
}

/* ------> NAV BARS > Middle Menu Bar > Menu/Search Icon > Menu Word */

.tb-MenuWord {
font-family:Alatsi;
position:relative;
top:-2px;
font-size:2.5vmin;
}

/* ___________________________________ BOTTOM BAR __________________________ */


/* ------> NAV BARS > Bottom Menu Bar */

.tb-themainmenu {
width:100%;
}

/* ------> NAV BARS > Bottom Menu Bar > Menu */

div.tb-themainmenu ul {
list-style-type: none;
list-style: none;
list-style-image: none;
margin:0;
}

div.tb-themainmenu li {
display: inline;
}

/* ------> NAV BARS > Bottom Menu */

.tb-themainmenu ul {
background:rgb(128,0,32);
display: flex;
align-items: stretch; /* Default */
justify-content: space-between;
width: 100%;
margin: 0;
padding: 0;
margin-left:10vw;
margin-right:10vw;
}

.tb-themainmenu li {
display: block;
flex: 0 1 auto; /* Default */
list-style-type: none;
padding-top:0;
padding-bottom:0;
padding:0.75vmin;
transition:all 1s;
}

.tb-themainmenu li a {
color:white;
font-family:DM Serif Text;
text-decoration:none;
font-size:125%;
	white-space:nowrap;
	min-width:10%;
	max-width:50%;
	text-overflow:ellipsis;
	overflow:hidden;
}

.tb-themainmenu li:hover {
background:black;
}

.tb-themainmenu li:first-of-type {
margin-left:10vw;
}

.tb-themainmenu li:last-of-type {
margin-right:10vw;
}

.tb-themainmenu ul li ul {
display:none;
}

/* ___________________________________ EXPANDED MENU _______________________ */

/* ------> NAV BARS > Expanded Menu > Container */

.tb-MenuExpansion {
background:rgb(128,0,32);
width:100%;
height:100vh;
position:fixed;
top:0;
right:0;
transition:all 10s;
max-height:0vh;
overflow-x:hidden;
z-idex:1000;
}

/* ------> NAV BARS > Expanded Menu > Close Menu */

.tb-CloseMenu {
fill:rgb(128,0,32);
position:absolute;
top:0;
right:0;
padding:2vmin;
cursor:pointer;
transition:all 1s;
}

.tb-CloseMenu:hover {
background:black;
fill:white;
}

/* ------> NAV BARS > Expanded Menu > Logo in Menu */

.tb-MenuLogo {
background:white;
}

.tb-MenuLogo img {
width:auto;
height:5vmin;
padding:2vmin;
}

/* ------> NAV BARS > Expanded Menu > Menu Transitions */

#theactualcontent {
transition:all 1s;
}

#theactualheader {
transition:all 1s;
}

#theactualmenu {
transition:all 1s;
}

/* ------> NAV BARS > Expanded Menu > The First Menu */

.tb-theexpansionmenu {
width:100%;

}

/* ------> NAV BARS > Expanded Menu > The First Menu > Menu */

.tb-theexpansionmenu ul {
list-style-type:none;
display: flex;
flex-wrap: wrap;
}

.tb-theexpansionmenu ul li {
margin:1vmin;
padding:2vmin;
flex: 1 0 21%;
min-width:21%;
max-width:21%;
}

.tb-theexpansionmenu ul li a { 
width:100%;
display:block;
background:white;
padding:0.25vmin;
text-decoration:none;
color:rgb(128,0,32);
font-family:DM Serif Text;
font-size:175%;
transition:all 0.5s;
}

.tb-theexpansionmenu ul li a:hover {
background:black;
color:white;
}

/* ------> NAV BARS > Expanded Menu > The First Menu > Submenu */

.tb-theexpansionmenu ul li ul {
margin:0;
padding:0;
}

.tb-theexpansionmenu ul li ul li {
float:none;
display:block;
width:100%;
margin:0;
padding:0;
border-bottom:solid 0.15vmin white;
min-height:0;
max-width:100%;
min-width:100%;
transition:all 0.5s;
}

.tb-theexpansionmenu ul li ul li a {
color:white;
text-decoration:none;
background:transparent;
width:100%;
font-family:DM Serif Text;
font-size:100%;
text-transform:capitalize;
}

.tb-theexpansionmenu ul li ul li a:hover {
background:black;
color:white;
}

/* ------> NAV BARS > The Expanded Menu > The Secondary Menu */

.tb-theexpansionsecondmenu {
width:100%;

}

.tb-theexpansionsecondmenu ul {
list-style-type:none;
display: flex;
flex-wrap: wrap;
}

.tb-theexpansionsecondmenu ul li {
margin:0.5vmin;
padding:2vmin;
flex: 1 0 11%;
min-width:11%;
max-width:11%;
}

.tb-theexpansionsecondmenu ul li a { 
width:100%;
display:block;
background:black;
padding:0.25vmin;
text-decoration:none;
color:white;
font-family:DM Serif Text;
font-size:135%;
transition:all 0.5s;
}

.tb-theexpansionsecondmenu ul li a:hover {
background:white;
color:rgb(128,0,32);
}

/* ------> NAV BARS > The Expanded Menu > The Secondary Menu > Submenu */

.tb-theexpansionsecondmenu ul li ul {
margin:0;
padding:0;
}

.tb-theexpansionsecondmenu ul li ul li {
float:none;
display:block;
width:100%;
margin:0;
padding:0;
border-bottom:solid 0.15vmin white;
min-height:0;
max-width:100%;
min-width:100%;
transition:all 0.5s;
}

.tb-theexpansionsecondmenu ul li ul li a {
color:white;
text-decoration:none;
background:transparent;
width:100%;
font-family:DM Serif Text;
font-size:100%;
text-transform:capitalize;
}

.tb-theexpansionsecondmenu ul li ul li a:hover {
background:black;
color:white;
}

/* ------> NAV BARS > The Expanded Menu > Search */

.tb-searchform {
    margin-top:3vmin;
    display:table;
    background:white;
}
    .tb-searchform button {
        background:white;
        border:0;
        width:6vmin;
        height:6vmin;
        cursor:pointer;
        display:table-cell;
    }
    .tb-searchform svg {
        width:3vmin;
        height:3vmin;
    }
    .tb-searchform svg:hover {
        fill:rgb(128,0,32);
    }
    .tb-searchform input {
        border:0;
        font-size:3vmin;
        height:6vmin;
        width:50vmin;
        background:white;
        font-family:Alatsi;
        display:table-cell;
        border-bottom:dashed 0.2vmin black;
        vertical-align:middle;
    }
    .tb-searchform input:focus {
    border-bottom:dashed 0.2vmin rgb(128,0,32);
        color:rgb(128,0,32);  outline: none;
        padding:1.5vmin;
    }
    
/* :::::::::::::::::::::::::::::::::::::::::::: HEADER ::::::::::::::::::::: */

/* ------> HEADER > Header Featured Image */

.tb-headerimage {
width:100%;
height:50vh;
background-size:cover !important;
background-attachment:fixed !important;
}

/* ------> HEADER > Header Overlay (Height & Animation) */

.tb-headeroverlay {
height:100%;
background: linear-gradient(270deg, rgba(255,255,255,0),rgba(0,0,0,0.2),rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0),rgba(0,0,0,0.3),rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0));
background-size: 600% 600%;
-webkit-animation: HeaderAnimation 30s ease infinite;
-moz-animation: HeaderAnimation 30s ease infinite;
animation: HeaderAnimation 30s ease infinite;
}

/* ------> HEADER > Header Overlay > Animation */

@-webkit-keyframes HeaderAnimation {
0%{background-position:0% 46%}
50%{background-position:100% 55%}
100%{background-position:0% 46%}
}

@-moz-keyframes HeaderAnimation {
0%{background-position:0% 46%}
50%{background-position:100% 55%}
100%{background-position:0% 46%}
}

@keyframes HeaderAnimation {
0%{background-position:0% 46%}
50%{background-position:100% 55%}
100%{background-position:0% 46%}
}

/* ------> HEADER > Title/Excerpt Box > Container */

.tb-topofcontent {
background:black;
margin-left:0;
margin-right:0;
margin-bottom:0;
margin-top:0;
padding-top:2vh;
padding-bottom:2vh;
}

/* ------> HEADER > Title/Excerpt Box > Title */

.tb-pagetitle {
color:white;
font-size:250%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-left:20vw;
padding-right:20vw;
font-family:Alatsi;
}

/* ------> HEADER > Title/Excerpt Box > Excerpt */

.tb-pageexcerpt {
color:white;
font-size:120%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-left:20vw;
padding-right:20vw;
font-family:DM Serif Text;
}

/* :::::::::::::::::::::::::::::::::::::::::::: MAIN BODY :::::::::::::::::: */

/* ------> MAIN BODY > Outer Shell */

.tb-maincontent {
width:100%;
background:transparent;
}

/* ------> MAIN BODY > Container */

.tb-maincontent-content {
margin-left:10vw;
margin-right:10vw;
padding-bottom:calc(10vw/8);
background:white;
min-height:50vh;
font-family:EB Garamond;
text-align:justify;
font-weight:normal !important;
}

/* ------> MAIN BODY > Images */

.tb-maincontent-content img {
width:100%;
height:auto;
}

/* ------> MAIN BODY > Paragraphs */

.tb-maincontent-content p {
font-size:110%;
line-height:1.35;
padding-left:10vw;
padding-right:10vw;
margin-top:0;
color:black;
}

.tb-maincontent-content p:first-of-type {
padding-top:5vw;
}

/* ------> MAIN BODY > Links */

.tb-maincontent-content a {
   text-decoration: none;
    color: #000;
    border-bottom: 0.25vh solid rgb(128,0,32);
    padding-top: .05vh;
    padding-bottom: .05vh;
    background: linear-gradient(to bottom,rgb(128,0,32) 0,rgb(128,0,32) 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 0 0;
    transition:all 0.2s;
}
.tb-maincontent-content a:hover {
    background-size:100% 100%;
    color:white;

}
/* ------> MAIN BODY > Headings */

.tb-maincontent-content h1 {
font-size:270%;
font-family:DM Serif Text;
color:black;
line-height:1.35;
padding-left:10vw;
padding-right:10vw;
}

.tb-maincontent-content h2 {
font-size:240%;
font-family:DM Serif Text;
color:black;
line-height:1.35;
padding-left:10vw;
padding-right:10vw;
}

.tb-maincontent-content h3 {
font-size:210%;
font-family:DM Serif Text;
color:black;
line-height:1.35;
padding-left:10vw;
padding-right:10vw;
}

.tb-maincontent-content h4 {
font-size:190%;
font-family:DM Serif Text;
color:black;
line-height:1.35;
padding-left:10vw;
padding-right:10vw;
}

.tb-maincontent-content h5 {
font-size:160%;
font-family:DM Serif Text;
color:black;
line-height:1.35;
padding-left:10vw;
padding-right:10vw;
}

.tb-maincontent-content h6 {
font-size:130%;
font-family:DM Serif Text;
color:black;
line-height:1.35;
padding-left:10vw;
padding-right:10vw;
}

/* ------> MAIN BODY > Lists */

.tb-maincontent-content ul {
list-style-type: square;
padding-left:10vw;
padding-right:10vw;
}

.tb-maincontent-content li {
line-height:1.35;
font-size:110%;
}

/* ------> MAIN BODY > Child Pages */

/* ------> MAIN BODY > Child Pages > Container */

.tb-InPageMenu {
display:flex;
flex-wrap:wrap;
padding-left:12vw;
margin:0;
padding:0;
width:100%;
padding-top:4vmin;
justify-content: flex-start;
}

/* ------> MAIN BODY > Child Pages > Page Card */

.tb-childpage-div {
flex: 1 0 28%;
max-width:28%;
min-width:28%;
margin-left:2vw;
margin-right:2vw;
padding:0;
display:block;
transition:all 0.5s;
margin-bottom:4vmin;
position:relative;
top:0;
}

.tb-childpage-div:hover {
box-shadow: 0 0px 25px -5px black;
position:relative;
top:-1.5vmin;
}

/* ------> MAIN BODY > Child Pages > Links */

.tb-childpage-div a {
all:unset;
cursor:pointer;
}

.tb-childpage-div a:hover {
all:unset;
cursor:pointer;
}

/* ------> MAIN BODY > Child Pages > Featured Image */

.tb-childpage-img {
height:25vh;
background-position:center center !important;
background-size:100% auto !important;
background-repeat:no-repeat !important;
transition:all 1s;
}

.tb-childpage-div:hover .tb-childpage-img {
background-size:150% auto !important;
}

/* ------> MAIN BODY > Child Pages > Title/Excerpt Container */

.tb-childpage-desc {
vertical-align:middle;
}

.tb-childpage-desc {
display:block;
margin:0;
padding:0;
}

/* ------> MAIN BODY > Child Pages > Title */

.tb-childpage-title {
font-size:150%;
font-family:Alatsi;
border-bottom:solid 0.3vmin rgb(128,0,32);
margin-bottom:0.5vmin;
margin-top:0.5vmin;
transition:all 1s;
padding:1vmin;
}

.tb-childpage-div:hover .tb-childpage-title {
background:rgb(128,0,32);
border-color:transparent;
color:white;
transition:all 1s;
}

/* ------> MAIN BODY > Child Pages > Date */

.tb-childpage-date {
    font-weight:bold;
    text-align:center;
    border-bottom:solid 0.2vmin black;
    padding-bottom:0.5vmin;
}

/* ------> MAIN BODY > Child Pages > Excerpt */

.tb-childpage-excerpt {
font-size:110%;
padding:1vmin;
}

/* ------> MAIN BODY > Child Pages > Read More Button */

.tb-childpage-readmore {
max-height:0vh;
overflow:hidden;
color:white;
float:right;
transition:all 1s;
padding:1.5vmin;
font-size:0%;
color:rgba(0,0,0,0);
}

.tb-childpage-div:hover .tb-childpage-readmore {
max-height:10vh;
font-size:80%;
background:rgb(128,0,32);
color:white;
}

/* ------> MAIN BODY > Child Page Feature */

/* ------> MAIN BODY > Child Page Feature > Container */

.tb-InPageMenufeature {
display:flex;
flex-wrap:wrap;
padding-left:0;
margin:0;
padding:0;
width:95%;
padding-top:4vmin;
justify-content: flex-start;
margin-left:-12vw;
width:auto;
margin-right:-12vw;
background:rgb(128,0,32);
padding-bottom:4vmin;
margin-bottom:4vmin;
margin-top:4vmin;
transition:all 0.5s;
}

.tb-InPageMenufeature:hover {
    background:black;
}

/* ------> MAIN BODY > Child Page Feature > Page Card */

.tb-childpagefeature-div {
padding:0;
display:block;
transition:all 0.5s;
 margin-bottom:1vmin;
position:relative;
top:0;
    margin-left:12vw;
    width:100%;
    margin-right:12vw;
    background:white;
}

.tb-childpagefeature-div:hover {
box-shadow: 0 0px 25px -5px black;
position:relative;
top:-1.5vmin;
}

/* ------> MAIN BODY > Child Page Feature > Links */

.tb-childpagefeature-div a {
all:unset;
cursor:pointer;
}

.tb-childpagefeature-div a:hover {
all:unset;
cursor:pointer;
}

/* ------> MAIN BODY > Child Page Feature > Featured Image */

.tb-childpagefeature-img {
height:35vh;
background-position:center center !important;
background-size:100% auto !important;
background-repeat:no-repeat !important;
transition:all 1s;
float:left;
     margin-right:0;
    width:40%;
}

.tb-childpagefeature-div:hover .tb-childpagefeature-img {
background-size:150% auto !important;
}

/* ------> MAIN BODY > Child Page Feature > Title/Excerpt Container */


.tb-childpagefeature-desc {
margin:0;
        height:35vh;
    display:flow-root;
}

/* ------> MAIN BODY > Child Page Feature > Title */

.tb-childpagefeature-title {
font-family:Alatsi;
border-bottom:solid 0.3vmin rgb(128,0,32);
margin-bottom:0.5vmin;
transition:all 1s;
padding:1vmin;
    margin-top:0;
    padding-top:2vmin;
    padding-bottom:2vmin;
    font-size:210%;
}

.tb-childpagefeature-title:after {
    content: '>';
    padding-left:2vmin;
    transition:all 0.5s;
}

.tb-childpagefeature-div:hover .tb-childpagefeature-title:after {
    padding-left:5vmin;
}

.tb-childpagefeature-div:hover .tb-childpagefeature-title {
background:rgb(128,0,32);
border-color:transparent;
color:white;
transition:all 1s;
}

.tb-childpagefeature-date {
    font-weight:bold;
    text-align:center;
    border-bottom:solid 0.2vmin black;
    padding-bottom:0.5vmin;
    width:100%;
}

/* ------> MAIN BODY > Child Page Feature > Excerpt */

.tb-childpagefeature-excerpt {
padding:1vmin;
width:95%;
    font-size:135%;
    word-wrap:break-word;
}

/* ------> MAIN BODY > Child Page Feature > Read More Button */

.tb-childpagefeature-readmore {
max-height:0vh;
overflow:hidden;
color:white;
    float:left;
transition:all 1s;
padding:1.5vmin;
font-size:0%;
color:rgba(0,0,0,0);
}

.tb-childpagefeature-div:hover .tb-childpagefeature-readmore {
max-height:10vh;
font-size:135%;
background:rgb(128,0,32);
color:white;
}

/* ___________________________________ SCROLLING IMAGE PANEL _______________ */

/* ------> MAIN BODY > Scrolling Image Panel */

.tb-scrollxpanel {
white-space: nowrap; /*Prevents Wrapping*/
width: 100%;
height: 50vh;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
border:solid 2vh white !important;
margin-left:-2vh !important;
padding-bottom:2.5vmin !important;
margin-bottom:-4.5vmin !important;
}

/* ------> MAIN BODY > Scrolling Image Panel > Individual Image */

.tb-scrollx-item {
display: inline-block; 
vertical-align: top; 
white-space: normal;
}

.tb-scrollx-item img {
width: auto;
height: 50vh;
padding:0 !important;
margin:0 !important;
}

figure.tb-scrollx-item {
margin: 0 !important;
padding: 0 !important;
}

/* ------> MAIN BODY > Scrolling Image Panel > Scrollbar */

.tb-scrollxpanel::-webkit-scrollbar {
height:2vmin;
transition:all 1s;
border:solid 2px black;
background:black;
}

/* ------> MAIN BODY > Scrolling Image Panel > Scrollbar > Background */

.tb-scrollxpanel::-webkit-scrollbar-track {
background: transparent;

}

/* ------> MAIN BODY > Scrolling Image Panel > Scrollbar > Thumb Bar */

.tb-scrollxpanel::-webkit-scrollbar-thumb {
background:white;
border:solid 5px black;
}

.tb-scrollxpanel::-webkit-scrollbar-thumb:hover, 
.tb-scrollxpanel::-moz-scrollbar-thumb:hover {
background:rgb(128,0,32);
}

/* ------> MAIN BODY > Scrolling Image Panel > Scrollbar > Left/Right Buttons */

.tb-scrollxpanel::-webkit-scrollbar-button {
width:2vmin !important;
}

.tb-scrollxpanel::-webkit-scrollbar-button:horizontal:decrement {
background: url(icons/scrollleft.png), black;
background-size:cover;
}

.tb-scrollxpanel::-webkit-scrollbar-button:horizontal:decrement:hover {
background: url(icons/scrollleft.png), rgb(128,0,32);
background-size:cover;
}

.tb-scrollxpanel::-webkit-scrollbar-button:horizontal:increment {
background: url(icons/scrollright.png), black;
background-size:cover;
}

.tb-scrollxpanel::-webkit-scrollbar-button:horizontal:increment:hover {
background: url(icons/scrollright.png), rgb(128,0,32);
background-size:cover;
}

/* ___________________________________ Magazine Viewer _______________ */

/* ------> MAIN BODY > Magazine Viewer */

.tb-magazineviewer {
    white-space: nowrap;
    width: 100vw;
    height:100vh;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    background: black;
    position: fixed;
    top:0;
    left:0;
    z-index:9999;
}

/* ------> MAIN BODY > Magazine Viewer > Individual Image */

.tb-magazine-page {
display: inline-block; 
vertical-align: top; 
white-space: normal;
}

.tb-magazine-page img {
width: auto;
height: 98vh;
padding:0 !important;
margin:0 !important;
}

figure.tb-magazine-page {
margin: 0 !important;
padding: 0 !important;
}

/* ------> MAIN BODY > Magazine Viewer > Scrollbar */

.tb-magazineviewer::-webkit-scrollbar {
height:2vmin;
transition:all 1s;
border:solid 2px black;
background:black;
}

/* ------> MAIN BODY > Magazine Viewer > Scrollbar > Background */

.tb-magazineviewer::-webkit-scrollbar-track {
background: transparent;

}

/* ------> MAIN BODY > Magazine Viewer > Scrollbar > Thumb Bar */

.tb-magazineviewer::-webkit-scrollbar-thumb {
background:white;
border:solid 5px black;
}

.tb-magazineviewer::-webkit-scrollbar-thumb:hover, 
.tb-magazineviewer::-moz-scrollbar-thumb:hover {
background:rgb(128,0,32);
}

/* ------> MAIN BODY > Magazine Viewer > Scrollbar > Left/Right Buttons */

.tb-magazineviewer::-webkit-scrollbar-button {
width:2vmin !important;
}

.tb-magazineviewer::-webkit-scrollbar-button:horizontal:decrement {
background: url(icons/scrollleft.png), black;
background-size:cover;
}

.tb-magazineviewer::-webkit-scrollbar-button:horizontal:decrement:hover {
background: url(icons/scrollleft.png), rgb(128,0,32);
background-size:cover;
}

.tb-magazineviewer::-webkit-scrollbar-button:horizontal:increment {
background: url(icons/scrollright.png), black;
background-size:cover;
}

.tb-magazineviewer::-webkit-scrollbar-button:horizontal:increment:hover {
background: url(icons/scrollright.png), rgb(128,0,32);
background-size:cover;
}


/* ___________________________________ COVER IMAGES _________________________ */

.fullimage {
    position:relative;
    left:-10vw;
    width:100vw !important;
    min-height:100vh;
    max-height:1000vh;
    background-size:cover !important;
    background-attachment:fixed;
}

.fullwidth {
    position:relative;
    left:-10vw;
    width:100vw !important;
}

.autoheight {
    height:5vh !important;
}

.wp-block-cover__inner-container {
    padding:0;
    margin:0;
    font-family:Alatsi;
    margin-bottom:10vh;
    margin-top:10vh;
}

.whiteoverlay {
    background:rgba(255,255,255,0.65);
    color:black;
}

.wp-block-cover__inner-container p {
    padding-top:0 !important;
}

/* ___________________________________ EMBED _________________________ */

.googlemapsembed {
	width:99vw;
	height:75vh;
	margin-left:-10vw;
	margin-top:5vh;
	margin-bottom:5vh;
}

/* :::::::::::::::::::::::::::::::::::::::::::: FOOTER :::::::::::::::::::::: */

.tb-footercontent {
background:black;
min-height:35vh;
}

.tb-footerwidgetarea {
display:flex;
    flex-wrap:wrap;
}
.tb-footerwidgets {
   margin: 1vmin;
    padding: 1vmin;
    flex: 1 0 18%;
    min-width: 30%;
    max-width: 100%;
}

.tb-footerwidgets h3 {
    border-bottom: solid 1vh rgb(128,0,32);
    color: white;
    font-family: Alatsi;
    font-size: 180%;
    font-weight: normal;
}

.tb-footerwidgets  ul {
    list-style-type:none;   
}
.tb-footerwidgets li {
    margin:1vmin;
    border-bottom:solid white 0.2vmin;
    transition:all 1s;
}
.tb-footerwidgets li > a {
    color:white;
    text-decoration:none;
    font-family:Alatsi;
    font-size:130%;
    padding:0.5vmin;
    transition:all 1s;
    width:100%;
}
.tb-footerwidgets li:hover {

    border-color:rgb(128,0,32);
    background:white;
}

.tb-footerwidgets li:hover > a {
        color:rgb(128,0,32);
    padding-left:1vmin;
}

.tb-footerwidgets ul li ul {
    display:none;
}
.tb-footerwidgets {
    color:white;
}
.tb-footertext {
    font-size:200%;
    color:white;
    font-family:DM Serif Text;
    text-align:center;
    padding:0.25vmin;
}

/* ___________________________________ FOOTER MENU _________________________ */

.tb-thefootermenu ul {
background:black;
display: flex;
align-items: stretch; /* Default */
justify-content: space-between;
width: 100%;
margin: 0;
padding: 2vmin;
}

.tb-thefootermenu li {
display: block;
flex: 0 1 auto; /* Default */
list-style-type: none;
padding-top:0;
padding-bottom:0;
padding:0.75vmin;
transition:all 1s;
}

.tb-thefootermenu li a {
color:white;
font-family:DM Serif Text;
text-decoration:none;
font-size:85%;
padding-left:5vmin;
padding-right:5vmin;
}

.tb-thefootermenu li:hover {
background:rgb(128,0,32);
color:white;
}

.tb-thefootermenu li:first-of-type {
margin-left:10vw;
}

.tb-thefootermenu li:last-of-type {
margin-right:10vw;
}

.tb-thefootermenu ul li ul {
display:none;
}

/* ___________________________________ TEXT WIDGET _________________________ */

.textwidget a {
    background:rgb(128,0,32);
    padding:1vmin;
    color:white;
    text-decoration:none;
    font-family:Alatsi;
    transition:all 0.5s;
}
.textwidget a:hover {
    background:white;
    color:rgb(128,0,32);
}
.textwidget p {
    font-family:DM Serif Text;
}

/* :::::::::::::::::::::::::::::::::::::::::::: LOGIN OVERLAY ::::::::::::::: */

/* ------> LOGIN OVERLAY > Container */

.tb-LoginExpansion {
height:100vh;
width:100vw;
background:rgba(0,0,0);
position:fixed;
z-index:1000;
top:0;
left:0;
}

#theactualloginoverlay {
display:none;
}

/* ------> LOGIN OVERLAY > The Console */

.tb-LoginConsole {
background:white;
display:table-cell;
vertical-align:middle;
font-family:DM Serif Text;
padding:5vmin;
top-margin:20vh;
max-width:80vw;
max-height:80vh;
overflow-y:auto;
}

/* ------> LOGIN OVERLAY > Title */

.logintitle {
font-size:135%;
color:rgb(128,0,32);
}

/* ------> LOGIN OVERLAY > Body Text */

.tb-LoginConsole p {
text-align:justify;
}

/* ------> LOGIN OVERLAY > Guest Login > Hide Fields */

#user_login_guest {
display:none;
}

#rememberme_guest {
display:none;   
}

/* ------> LOGIN OVERLAY > Form Labels */

.tb-LoginConsole label {
display:block;
}

/* ------> LOGIN OVERLAY > The Console > Login Option Containers */

.tb-LoginOption {
display:table-cell;
padding:5vmin;
}

/* ------> LOGIN OVERLAY > The Console > Login > Text Boxes */

.tb-LoginConsole input {
background:transparent;
border:solid 0.2vmin black;
font-size:150%;
font-family:DM Serif Text;
}

/* ------> LOGIN OVERLAY > The Console > Login > Submit Boxes */

.tb-LoginConsole input.button {
cursor:pointer;
transtion:all 1s;
}

.tb-LoginConsole input.button:hover {
background:rgb(128,0,32);
color:white;
}

.tb-LoginConsole input.button:focus {
background:black;
color:white;
}   

/* ------> LOGIN OVERLAY > The Console > About Membership */

.tb-LoginConsoleAbout {
width:100%;
display:table;
}

/* ------> LOGIN OVERLAY > The Console > About Membership > Split DIVs */

.tb-LoginConsoleAboutPart {
width:50%;
display:table-cell;
}

/* ------> LOGIN OVERLAY > The Console > About Membership > Links */

.tb-LoginConsoleAboutPart ul {
list-style-type:none;
display:block;
}

.tb-LoginConsoleAboutPart li {
margin:1.5vmin;
text-align:left;
}

.tb-LoginConsoleAboutPart li a {
padding:0.5vmin 2vmin 0.5vmin 2vmin;
background:rgb(128,0,32);
color:white;
text-decoration:none;
transition:all 1s;
}

.tb-LoginConsoleAboutPart li a:hover {
background:black;
}

/* ------> LOGIN OVERLAY > The Console > Close Login Panel */

#closeloginwindow {
fill:rgb(128,0,32);
float:right;
}

#closeloginwindow:hover {
fill:black;
}

/* ------> LOGIN OVERLAY > The Console > If Member Closing */

.membersonlyexit {
display:none;
}

.notmembersonlyexit {
display:block;
}

/* ------> LOGIN OVERLAY > The Console > Activate */

.tb-LoginActivate {
    width:auto;
    background:#74C365;
    color:white;
    font-size:145%;
    padding:1vmin;
}


/* :::::::::::::::::::::::::::::::::::::::::::: JOIN THE AHS ::::::::::::::: */

/* ------> JOIN THE AHS > Container */

.tb-joinahs {
width:100%;
margin:0;
padding:0;
background:url("assets/gaol-sil.png"), rgb(128,0,32) !important;
background-size:80% auto !important;
background-position:bottom right !important;
background-repeat:no-repeat !important;
color:white;
font-family:Alatsi;
min-height:15vh;
height:auto;
padding-bottom:5vh;
}

/* ------> JOIN THE AHS > Title */

.tb-joinahs-title {
color:white;
font-size:260%;
text-align:right;
margin:2vmin;
margin-right:10vmin;
margin-left:40vmin;
font-family:Alatsi;
border-bottom:dotted 1vmin white;
padding-top:5vh;
}

/* ------> JOIN THE AHS > Description */

.tb-joinahs-description {
columns:2;
column-gap:10vmin;
padding-left:5vw;
padding-right:5vw;
padding-top:2vw;
text-align:justify;
}

.tb-joinahs-description p {
    margin-top:0;
}

/* ------> JOIN THE AHS > Links */

.tb-joinahs-links ul {
list-style-type:none;
display: flex;
justify-content: center;
padding-top:5vh;
}

.tb-joinahs-links li a {
display:inline-block;
background:white;
color:rgb(128,0,32);
padding:2vmin;
text-decoration:none;
transition:all 1s;
}

.tb-joinahs-links li a:hover {
background:black;
color:white;
}


/* :::::::::::::::::::::::::::::::::::::::::::: PHOTO GALLERY ::::::::::::::: */

/* ------> PHOTO GALLERY > Attachment Page */

.imagepreview {
width:100%;
height:50vh;
background-size:contain !important;
background-position:center center !important;
background-repeat:no-repeat !important;
transition:all 0.1s;
}

.imagepreview:hover {
height:100vh;
transition:all 10s;
}

.imagepreviewshell {
background:black;
padding:2vmin;
}

.imagedetails {
padding-bottom:10vh;
border-bottom:solid 1vh rgb(128,0,32);
padding-top:5vh;
font-size:110%;
}

.tb-imageattachment-title {
font-family:Alatsi;
font-size:175%;
padding-top:2vh;
}


/* :::::::::::::::::::::::::::::::::::::::::::: BUDDYPRESS ::::::::::::::::: */

/* ___________________________________ REGISTRATION PAGE ___________________ */


label {
width: 100% !important;
text-align: left;
font-size:145%;
font-weight:bold !important;
}

p.description.indicator-hint {
font-size:120% !important;
}

.user-pass1-wrap {
width: 100%;
}

.layout-wrap {
margin-left:10vw;   
margin-right:10vw;
font-size:24px;
}

.extended-profile .bp-heading {
clear:all;
width:100%;
padding:0;
}

legend {
width: 100% !important;
text-align: left;
font-size:145% !important;
font-weight:bold !important;
}

.field-visibility-settings-header {
display:none;
}

#submit {
border:solid 0.25vmin black;
width:40vw;
margin-left:20vw;
font-size:145%;
font-family:Alatsi;
background:rgb(128,0,32);
color:white;
transition:all 0.5s
}

#submit:hover {
background:black;
color:white;
}

#submit:focus {
background:white;
color:rgb(128,0,32);
}

input {
font-size:145% !important;
}

.bp-feedback {
display:none !important;
}

/* ___________________________________ MEMBERS PAGE ________________________ */

.default-profile {
display:contents;
}

.default-profile .bp-heading {
clear:all;
width:100%;
padding:0;
}

/* :::::::::::::::::::::::::::::::::::::::::::: WORDPRESS OVERRIDES ::::::::: */

.wp-block-cover, .wp-block-cover-image {
    height:auto !important;
}


/* :::::::::::::::::::::::::::::::::::::::::::: LANDSCAPE MODE ::::::::::::: */

@media only screen and (orientation: landscape) {
.layout-wrap {
font-size:15px;
}
}

/* :::::::::::::::::::::::::::::::::::::::::::: PORTRAIT/MOBILE MODE ::::::: */

@media only screen and (orientation: portrait) {

body {
font-size:200%;
}

.tb-landscape {
display:none;
}


.tb-topofcontent {
margin-left:0;
margin-right:0;
margin-bottom:0;
padding-top:10vh;
}

.tb-pagetitle {
margin-top:0;
}

.tb-maincontent-content {
padding-top:0;
margin:0;
}

.tb-headeroverlay {
display:none;
}

.tb-navigationarea {
width:100%;
}

.tb-maincontent-content p {
padding-left:5vw;
padding-right:5vw;
font-size:150%;
word-wrap: break-word;
}

.tb-scrollxpanel {
border:solid 0vh white !important;
margin-left:0 !important;
padding-bottom:2.5vmin !important;
margin-bottom:-2.5vmin !important;
}

.tb-theexpansionmenu ul li {
max-width:80%;
min-width:80%;
}

.tb-LoginOption {
display:block;
}

.tb-LoginConsoleAboutPart {
width:90%;
display:block;
}

.tb-LoginConsole {
overflow-y:scroll;
display:block;
}

.tb-childpage-div {
flex: 1 0 95%;
max-width: 95%;
min-width: 95%;
width:95vw;
}

.tb-absolutetopmenu-content {
display:grid;
}

.tb-absolutetopmenu-content > div {
padding:2vmin;
}

.tb-socialicon-top {
width:5vmin;
height:5vmin;
}

.tb-theexpansionsecondmenu ul li {
max-width:80%;
min-width:80%;
}

.tb-childpage-div:hover {
top:0;
}

.tb-joinahs-description {
columns:1 !important;
}
.tb-footerwidgetarea {
    display:block !important;
}
.tb-footerwidgets {
    display:block !important;
    min-width:90%;
}
.tb-thefootermenu {
    width:80%;
}
.tb-thefootermenu ul {
    display:block;
}
.tb-thefootermenu li {
    display:block;
    font-size:130%;
}
.tb-thefootermenu li:first-of-type {
    margin-left:0;
}
.googlemapsembed {
    width: 100%;
    margin: 0;
}
.tb-headerimage {
    height:35vh !important;
    background-attachment:scroll;
}

.tb-InPageMenufeature {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.tb-childpagefeature-img {
    width: 100%;
    float: none;
}
.tb-childpagefeature-div {
    margin-left: 0;
    margin-right: 0;
}
.tb-childpagefeature-desc {
    height:auto;
}
}

/* :::::::::::::::::::::::::::::::::::::::::::: UNCAT ::::::::: */

.hrpadding {
    margin-top:2vmin;
    margin-bottom:2vmin;
    height:1vmin;
    opacity:0;
}