*{margin: 0 auto; padding:0}
body{
margin: 0;
font-family: "proxima-nova", sans-serif;
font-size: 18px;
line-height: 1.5em;
text-align: center;
vertical-align: top;
background: #fff;
color: #000;
font-weight: 300;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
a:link, a:visited{
text-decoration: none;
color: #000;
}
a:hover{
text-decoration: underline;
color: #000;
}
img{ border: none;}
h1, h2, h3, h4, h5, h6{
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
font-weight: 700;
margin-top: 24px;
line-height: 1.1em; }
h1{
font-size:40px;
margin-bottom: 22px;
text-transform: uppercase;
}
p{
padding: 10px 0 0 0;
}
#wrapper{
margin: 0 auto 0 auto;
}
#header{
min-height: 300px;
color: #666;
background: #5e6838;
padding-top:10px;
}
#header .logo a{
color: #333333;
}
#header .logo img {
border: none;
width:299px;
height:185px;
}
#navmenu{
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-size: 20px;
background: #fff;
width:100%;
margin-bottom:20px;
text-align: center;
}
#navmenu ul{
list-style-type: none;
list-style-image: none;
padding:0;
position: relative;
z-index: 2147493647;
}
#navmenu > ul{
margin:0 auto;
width:1024px;
}
#navmenu ul li{
display: block;
float:none;
clear:both;
margin:0 0 0 0;
position: relative;
text-align: left;
}
#navmenu ul > li{
display: inline-block;
float:none;
position: relative;
}
#navmenu ul.sub-menu {
display: block;
min-width: 7em;
max-width:none;
}
#navmenu ul.sub-menu li{
display: block;
position: relative;
white-space: nowrap;
}
#navmenu ul li ul.children, #navmenu ul.sub-menu {
display: none;
position: absolute;
background: #fff;
opacity: 0.9;
}
#navmenu ul li ul.children li, #navmenu ul.sub-menu li{
margin-left: 0;
text-align: left;
font-size: 16px;
}
#navmenu ul li a {
text-decoration: none;
display: block;
padding:5px 10px;
line-height: 1.33em;
}
#navmenu #menu-main > li > a {
padding:10px;
}
#navmenu ul li a:hover {
color: #333;
background: #fff;
display:block;
}
#menu-main li.menu-item-has-children:hover > ul.sub-menu {
display: block !important;
}
#navmenu ul li ul.children li a:hover, #navmenu ul.sub-menu li a:hover {
color: #e22128
}
.menu li a {
opacity: 1;
}
#navmenu ul li.current_page_item{
color: #333;
background: #fff;
}
#container{
width: 1024px;
margin: 0 auto;
margin-bottom: 32px;
}
#content:before,#content:after{
display: block;
content:'';
clear: both;
}
#banner .slide{
height:380px;
width: 100%; overflow:hidden;
text-align: center;
margin:0 auto;
position: relative;
}
#banner .slide img{
height:auto !important;
width:100% !important;
min-height:380px !important;
min-width: 1740px !important;
margin:auto; }
.page-template-page-contact-map #banner{
overflow: hidden;
height:auto !important;
width:100% !important;
}
.page-template-page-contact-map #banner img{
width: 100%;
min-height:380px !important;
margin:auto;
}
.slide-nav a{
position: absolute;
z-index: 9000;
height:380px;
width: 50px;
opacity:0;
}
.slide-nav span{
display: none
}
.slide-nav a.hover{
opacity: 0.3
}
.slide-nav a:hover{
opacity: 0.5;
}
.slide-nav #slide-next{
right:0;
background: #fff url(//www.aforceofnature.ca/site/wp-content/themes/forceofnature/images/arrow_next.png) center center no-repeat;
}
.slide-nav #slide-prev{
left:0;
background: #fff url(//www.aforceofnature.ca/site/wp-content/themes/forceofnature/images/arrow_prev.png) center center no-repeat;
}
.page .post{
padding: 10px 2% 0 0;
float:left;
width:63%;
}
.post a{
color: #000;
text-decoration: none
}
.post a:hover{
text-decoration: underline;
}
.entry img{
margin: 20px auto;
}
.postmeta{
padding: 2px 0;
color: #AAA;
font-size:13px
}
.posts-nav{
clear: left;
padding: 10px 10px;
height: 15px;
} .aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
} img.alignleft{
margin-bottom:20px;
margin-right:20px;
float:left;
}
img.alignright{
margin-bottom:20px;
margin-left:20px;
float:right;
}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .blog #content,
.single #content,
.archive #content,
.category #content,
.search #content{
width: 600px;
float:left;
text-align: left;
margin-top: 40px;
}
.blog .post,
.single .post,
.archive .post,
.category .post,
.search .post{
border-bottom: 1px dashed #E4E2E8;
padding-bottom: 20px;
margin-bottom: 20px;
}
.blog .post img,
.single .post img,
.archive .post img,
.category .post img,
.search .post img{
max-width:600px;
}
.blog .post h2.title,
.single .post h2.title,
.archive .post h2.title,
.category .post h2.title,
.search .post h2.title{
text-transform: uppercase;
font-size: 22px;
} .sidebar{
float: right;
width: 33%;
text-align: left;
margin:10px 0 0 0;
}
.sidebar ul li{
border-bottom: 1px dashed #E4E2E8;
list-style: none;
}
.sidebar li a {
border: 0 none;
color: #A6A8AB;
font-weight: normal;
border: 0;
display: block;
padding: 10px;
padding-left: 0;
font-size:15px;
text-decoration: none;
}
.sidebar li a:hover {
color: #666
}
.sidebar h4{
font-size:14px;
color:#5e6838;
margin-top: 20px;
text-transform: uppercase;
}
#search-submit{
background: #5e6838;
color:#fff;
font-size:15px;
padding:10px;
border: 0;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
#search-submit:hover{
opacity: 0.8
}
#search-form input.text-field{
border:2px #f5f5f6 solid;
font-size:15px;
padding: 5px;
margin-bottom: 10px;
width:190px
}
#search-form input:focus.text-field{
border-color:#E4E2E8
}
.clearBoth{
clear: both;
} #footer{
clear: both;
text-align: center;
width: 100%;
color: #fff;
background:#5e6838;
height:80px;
padding-top: 20px;
}
#footer a{
color: #fff
} #comments {
clear: both;
margin-bottom:20px;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
color: #000;
font-weight: bold;
font-size: 20px;
margin-bottom: 0;
}
h3#comments-title {
padding: 24px 0;
}
.commentlist {
list-style: none;
margin: 0;
}
.commentlist li.comment {
border-bottom: 1px dashed #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 24px 50px;
position: relative;
}
.commentlist li:last-child {
border-bottom:none;
margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
margin-bottom: 18px;
}
#comments .comment-body p:last-child {
margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
border: 1px solid #EEE;
padding: 2px;
background: #fff;
}
.commentlist .reply{
display: none;
}
#respond{
margin-top: 20px
}
#commentform input{
border:2px #f5f5f6 solid;
font-size:15px;
padding: 5px;
margin-bottom: 10px;
}
#commentform textarea{
border:2px #f5f5f6 solid;
font-size:15px;
padding: 5px;
max-width: 500px;
}
#commentform #submit{
background: #5e6838;
color:#fff;
font-size:15px;
padding:10px;
border: 0;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
#commentform #submit:hover{
opacity: 0.8
}
#commentform input:focus.text-field{
border-color:#E4E2E8
} .page {
}
.post img{
max-width: 100%;
}
.page .entry{
width: 100%;
}
.page-template-page-contact #banner{
overflow: hidden
}
.wpcf7-form{
width: 600px;
margin-top: 26px
}
.wpcf7-form p{
text-align: left;
}
.wpcf7-form .p50{
width: 50%;
float:left;
}
.wpcf7-form .p50 input.wpcf7-text,
.wpcf7-form .p33 input.wpcf7-text{
width: 90%;
}
.wpcf7-form .p33{
width:33%;
float: left
}
.wpcf7-form input{
border:2px #f5f5f6 solid;
font-size:15px;
padding: 5px;
margin-bottom: 10px;
}
.wpcf7-form .p100{
width: 100%;
clear:both;
}
.wpcf7-form .p100 input.wpcf7-text{
width: 90%;
}
.wpcf7-form span.wpcf7-list-item{ }
.wpcf7-form textarea{
border:2px #f5f5f6 solid;
font-size:15px;
padding: 5px;
width:90%;
}
.wpcf7-checkbox .wpcf7-list-item{
display: inline-block;
width: 90%;
}
.wpcf7-form input.wpcf7-submit{
background: #5e6838;
color:#fff;
font-size:15px;
padding:10px;
border: 0;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
.wpcf7-form input.wpcf7-submit:hover{
opacity: 0.8
}
.red, .red a {
color: red;
}
.menu .red, .menu red a {
font-weight: 500;
}
.sidebar .wpcf7-form {
width: 100%;
display: block;
margin: 0 0 0 0;
}
.sidebar .wpcf7-form br {
display: none !important;
}
.sidebar .wpcf7-form input, .sidebar .wpcf7-form textarea {
max-width: 90%;
display: inline-block;
padding: 0.33em 1em;
margin: 0 0 0.66em 0;
}
.sidebar textarea {
line-height:1.33em;
height: 3.66em;
}
.sidebar .widget-title {
margin-bottom: 15px;
}
.blog #content {
width: auto;
float: none;
}
#content .center.wide {
width: 75%;
float: none;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.button-div {
text-align: center;
margin-top: 40px;
}
a.learn-more-pdf-button {
background: #5e6838;
color: #fff;
font-size: 15px;
padding: 10px;
border: 0;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}