/*
Theme Name: Liberal PEI Theme
Description: Custom designed theme specially for The Liberal Party of Prince Edward Island
Version: 0.9
Author: Rob Williams, Results Marketing & Advertising <web@resultsinc.ca>
Tags: custom template
*/

/* Default Styles */

html, body {
    width:                  100%;
    height:                 100%;
    font-family:            'PT Sans', 'Arial', sans-serif;
    line-height:            1.4em;
}

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: #d8312b; font-weight: 800; }
a:hover { color: #9d1e19; }

h1 {}
h2 { font-size: 3em; color: #d8312b; line-height: 1.3em; margin-bottom: 0.25em; }
h3 { font-size: 1.5em; line-height: 1.3em; margin: 1em 0; }
h4 {}

main { background: url(https://donations.liberalpei.ca/wp-content/uploads/2022/10/triangle-texture.png) white bottom no-repeat; background-size: 100% auto; padding: 2rem; }
main section { background: white; padding: 2rem; width: 95%; max-width: 1280px; box-sizing: border-box; margin: 0 auto; }
main section form { width: 60%; margin: 2rem auto; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.4); padding: 2rem; }
main section form li { text-align: center; }

#gform_submit_button_2 { cursor: pointer; border-radius: 5px; background: #d8312b; font-family: 'PT Sans', sans-serif; text-transform: uppercase;  color: white; width: 100%; border: 0; padding: 0.5rem 0; }
#gform_submit_button_2:hover { background: #9d1e19; }

header, footer { background: #d8312b; }
header header { width: 95%; max-width: 1280px; margin: 0 auto; position: relative; }
header header img { padding: 1rem 0; }
.menu-nav-menu-container { position: absolute; right: 0; bottom: 1rem; }
.nav_menu li { display: inline-block; margin-left: 2rem; }
.nav_menu li a { color: white; font-size: 1.25em; font-weight: normal; text-transform: uppercase; }

table { border-collapse: collapse; }
table th { background: #d8312b; color: white; font-size: 1.25em; font-weight: normal; padding: 0.25em 0; }
table thead tr th:last-child { font-size: 1.5em; font-weight: bold; line-height: 1.3em; }
table td { border-bottom: 1px #ccc solid; padding: 0.5em 0; font-size: 1.15em; }
table tbody tr td:last-child { font-size: 1.3em; font-weight: bold;}


footer { border-top: 3rem black solid; }
.footer_bar { list-style: none outside; width: 95%; max-width: 1280px; margin: 0 auto; }
.footer_bar > li { display: inline-block; width: 44%; text-align: center; vertical-align: middle; color: white; }
.footer_bar > li a { color: white; font-size: 32px !important; height: 32px !important; width: 32px !important; }
.footer_bar > li:first-child { text-align: left; width: 27%; }
.footer_bar > li:last-child { text-align: right; width: 27%; }
.footer_bar img { margin: 1rem 0; }
.footer_bar .menu { list-style: none outside; text-align: right; }
.footer_bar .menu li { display: inline-block; margin-left: 0.5rem; padding: 0.5rem; border-radius: 5px; }
.footer_bar .menu li:hover { background: #a81e17; }

@media screen and ( max-width: 1200px ) {
    main section form { width: 90%; }
}
@media screen and ( max-width: 700px ) {
    header header { text-align: center; }
    header header img { padding: 0; margin-left: 1.5rem; }
    .menu-nav-menu-container { position: relative; bottom: auto; right: auto; padding: 1rem 0; }
    .nav_menu li:first-child { display: none; }
    .nav_menu li { margin-left: 0; }
    main { padding: 2em 0; }
    main section { max-width: 100%; width: 100%; }
    main section form { width: 100%; box-shadow: none; padding: 0; }
    .footer_bar > li { display: block; width: 100% !important; text-align: center !important; }
    .footer_bar > li:last-child { padding-bottom: 2rem; }
    .footer_bar .menu { text-align: center; }
}