/*
Theme Name: CBA Theme
Description: Custom designed theme specially for CBA
Version: 0.9
Author: Rob Williams, DevUp Inc <hello@devup.ca>
Tags: custom template
*/

/* Default Styles */

html, body {
    width:                  100%;
    height:                 100%;
    font-family:            'Cabin', 'Arial', sans-serif;
    line-height:            1.3em;
    background:             white;
}

p { padding: 0 0 1em 0; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

img.centered {
	display: block;
	margin: 0 auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 1em 1em;
	display: inline;
}

img.alignleft {
	display: inline;
}

img.aligncenter {
    display: block;
}

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { margin: 0 auto; }


/* Basic styles */

a { text-decoration: none; color: #37a2d3; font-weight: 800; }
a:hover { color: blue; }

h1 { font-family: 'Cabin', sans-serif; font-size: 2em; margin-bottom: 0.5em; line-height: 1em; }
h2 { font-family: 'Cabin', sans-serif; font-size: 1.5em; margin-bottom: 0.5em; line-height: 1em; }
h2.account_locked { margin-top: 2rem; }
h3 {
}

h4 {
}

header { background: url(/wp-content/uploads/2021/03/papyrus-dark.png); padding: 1em 2em; }
header .logo img { height: 60px; }
.menu-nav-menu-container { float: right; }
.nav_menu { list-style: none outside; height: 40px; }
.nav_menu > li { display: inline-block; margin-left: 2em; line-height: 40px; position: relative; }
.nav_menu > li > a { text-transform: uppercase; color: white; transition: 0.5s all; padding: 0.5em 1em; display: block; position: relative; }
.nav_menu > li > a:after { content: ''; position: absolute; bottom: 1em; left: 0; height: 2px; width: 100%; background: white; transition: 0.5s all; transform: scaleX(0); }
.nav_menu > li > a:hover:after { transform: scaleX(1); }

.nav_menu > li > .sub-menu { list-style: none outside; position: absolute; left: 50%; top: 100%; background: #eee; transform: translate(-50%,0); display: none; }
.nav_menu > li > .sub-menu > li { padding: 0.5rem 1rem; border-bottom: 1px #aaa dotted; text-align: center; }
.nav_menu > li > .sub-menu > li:last-child { border-bottom: none; }
.nav_menu > li > .sub-menu > li > a { white-space: nowrap; }

.nav_menu > li:hover > .sub-menu, .nav_menu > li > .sub-menu:hover { display: block; }

main { min-height: 75.5vh; }

footer {
    position:               relative;
    font-size:              0.8em;
    width:                  100%;
    font-family:            'Cabin', sans-serif;
    background:             url(/wp-content/uploads/2021/03/papyrus-dark.png);
    padding:                1em 0;
    text-align:             center;
    color:                  #ccc;
}
footer p { padding-bottom: 0; }