/*
Theme Name: Revolution
Author: Gary Kelly
Author URL: http://mindsi.ie
*/

/*GENERAL*/
html, body{height:100%;}
body{background-image:url('/wp-content/uploads/2015/06/revolution.jpg'); background-size:100% auto; background-attachment:fixed; background-repeat:no-repeat; background-color:#235657;}
*{font-family:'Oswald', sans-serif; padding: 0; margin: 0; border:none; outline:none; text-transform:uppercase; color:#fff; font-weight:bold; font-size:20px; text-align:center;}
h1{font-size:28px; color:#f1da7e; margin-bottom:5px;}
p{font-size:16px;}
a{text-decoration:none; outline:none;}
.clear{clear:both;}
.container{height:auto; min-height:100%; padding-bottom:70px;}
td{padding:0px;}

/*HEADER*/
header{width:1000px; height:200px; margin:10px auto; position:relative;}
.logo{height:100%; position:absolute; z-index:1; left:-10px; top:0;}
.revolution1916{position:absolute; top:15px; right:170px;}
.mission-statement{position:absolute; bottom:10px; right:0px; text-align:right; font-size:20px; z-index:1;}
.facebook-link{position:absolute; top:10px; right:0px; height:63px; width:130px; padding:5px 10px; color:#f1da7e; text-shadow:2px 2px 5px #000000; background-color:rgba(29, 70, 70, 0.6); box-shadow: 0px 0px 50px #9db4b4; border-radius:5px; font-size:0px;}
.facebook-link p{text-align:left; line-height:18px; font-size:18px; display:inline-block; margin-right:10px;}
.facebook-link img{width:35px; display:inline-block; box-shadow:2px 2px 5px #000000;}
.fb-like{font-size:0px; text-align:right;}
td._51m- div{box-shadow:1px 1px 10px #000000;}

/*STICKY HEADER*/
.sticky-header{display:none; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}
.sticky-header.display{width:100%; height:70px; margin:0px auto; position:fixed; top:0; left:0; z-index:5; display:inline; background-color:rgba(29, 70, 70, 0.9); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}
.sticky-header.display nav{top:0; width:900px; background-color:transparent; box-shadow:none; margin:20px -450px 10px 0px; right:50%;}
.sticky-header.display .logo{height:50px; position:absolute; z-index:2; margin:10px 0px 10px -450px; left:50%;}
.sticky-header.display .button{display:none;}
.sticky-header.display p{display:none;}
.sticky-header.display .revolution1916{display:none;}

/*SLIDER*/
.slider{width:79%; height:auto; float:left;}
.slider-right{width:20%; float:right;}
.slider-right img{width:100%; float:right;}
.slider-right h1{margin:0px;}

/*TOP NAV*/
header nav{width:900px; margin:0; background-color:rgba(29, 70, 70, 0.6); box-shadow:0px 0px 50px #9db4b4; border-radius:5px; padding:0px 5px 5px 50px; position:absolute; top:90px; right:0;}
header nav ul{text-align:right;}
header nav li{list-style-image:none; list-style-type:none; display:inline-block;}
header nav li+li{border-left:1px solid #cfb686;}
header nav a{color:#f1da7e; display:block; text-decoration:none; text-align:center; font-size:14px; padding:0px 15px;}

/*SECONDARY MENU*/
.secondary-nav-container img{width:100%;}
.secondary-nav-container img:hover{opacity:0.8;}
.secondary-nav{width:39%; display:inline-block;}
.secondary-nav ul{text-align:left;}
.secondary-nav li{list-style-image:none; list-style-type:none;}
.secondary-nav li+li{border-left:0px;}
.secondary-nav a{color:#f1da7e; display:block; text-decoration:none; text-align:left; font-size:34px; padding:15px 8px; text-shadow: 2px 2px 5px #000000;}
.sn-vg{width:28%; display:inline-block; margin-left:1%;}

/*MAIN CONTENT*/
main{width:980px; margin:0px auto; background-color:rgba(21, 48, 60, 0.7); box-shadow:0px 0px 50px #9db4b4; border-radius:5px; padding:10px;}
main p, main label, main a, em, u{font-size:14px; text-transform:none; font-family:'arial', 'helvetica', sans-serif; text-align:left; font-weight:normal;}
strong{font-size:14px; text-transform:none; font-family:'arial', 'helvetica', sans-serif; text-align:left;}
sup{font-size:8px; text-transform:none; font-family:'arial', 'helvetica', sans-serif; text-align:left;}
.left{width:67%; float:left;}
.left h1{text-align:left;}
main a{font-weight:bold;}
section{width:980px; margin:5px auto; background-color:rgba(21, 48, 60, 0.3); box-shadow: 0px 0px 50px #9db4b4; border-radius:5px; padding:10px; text-align:left;}
.home main img{width:100%; margin:5px auto; background-color:rgba(21, 48, 60, 0.3); box-shadow: 0px 0px 50px #9db4b4;}
main iframe{float:left; padding:5px;}
.donate-table{text-align:left;}
.donate-table td{text-align:left;}
.donate-submit{width:50px; max-width:100%;}
.donate{margin:0px; position:relative; text-align:left;}
.donate-margin{margin-top:-10px;}
.ngg-gallery-thumbnail-box{width:24%; margin-bottom:4px;}
.ngg-gallery-thumbnail img{border:0px !important; margin:0px !important; padding:0px !important; width:100%; height:auto;}
.podcast{text-align:center;}
.podcast a{color:#f1da7e;}
.podcast-quote{font-size:20px !important; text-transform:none;}
.fb-video{width:315px !important; height:250px !important;}

/*SIDEBAR*/
aside{width:30%; margin:0px 10px 10px; float:right;}
aside .news{width:100%; height:50px; display:block; margin-bottom:10px;}
aside .thumbnail{width:19%; height:50px; overflow:hidden; float:left; margin-right:1%;}
aside .news img{height:50px;}
aside .post-title{width:79%; float:right; text-align:left; font-size:18px; line-height:20px;}
aside .excerpt{width:79%; float:right; text-align:left;}
main.posts aside h1{width:100%; float:none;}
main.posts .featured-image{width:100%; height:auto; overflow:hidden; margin-bottom:5px; max-height:400px;}
main.posts .featured-image img{width:100%; height:auto;}

/*NEWS*/
.news{width:100%; height:200px; display:block; margin-bottom:10px;}
.thumbnail{width:20%; height:auto; overflow:hidden; float:left;}
.news img{height:200px; width:auto;}
.post-title{width:79%; float:right; text-align:left;}
.excerpt{width:79%; float:right; text-align:left;}
.category-news-title{width:100%; display:block; color:#f1da7e; font-family:'Oswald', sans-serif; text-transform:uppercase; font-size:20px;}
.news-posts{margin-bottom:40px;}

/*FORMS*/
.ninja-forms-form{width:70%; margin:0px auto;}
option{color:#000000; text-transform:none;}
input{max-width:50%; color:#000000; text-align:left; text-transform:none; padding:3px;}
label{text-align:left; text-transform:none;}
.field-wrap{text-align:left; margin-bottom:10px !important;}
.ninja-forms-field-error p{font-size:12px; margin-top:3px; text-tranform:none;}
textarea{max-width:100%; color:#000000; text-align:left; text-transform:none; padding:3px;}
.input-counter, span{text-align:right; font-size:12px; text-transform:none;}
.nf_submit_9{text-align:left;}
select{color:#000000; text-transform:none;}
.ninja-forms-required-items{font-size:12px; text-transform:none; margin-bottom:5px; font-weight:normal;}
.ninja-forms-req-symbol strong{color:red;}
#ninja_forms_field_31{padding:3px 10px; border-radius:5px;}

/*WHATS ON*/
.events li a img{width:100%; height:auto;}
.events li a{width:90%; text-align:center; text-transform:uppercase; font-weight:bold; min-height:50px;}
.events li{list-style-type:none; padding-bottom:10px;}
.events li+li{padding-top:10px; border-top:1px solid #fff;}
.search-form{margin-bottom:10px;}

/*FOOTER*/
footer{background-color:#142f3b; width:100%; height:auto; padding:10px 0px; clear:both; margin-top:-30px;}
footer p{font-size:12px; text-transform:none; font-family:'arial', 'helvetica', sans-serif; text-align:left; font-weight:normal; width:90%;}
footer a{font-size:12px; text-transform:none; font-family:'arial', 'helvetica', sans-serif; text-align:left; font-weight:normal;}
.footer-facebook{width:30px; position:absolute; top:0; right:0;}
.footer-content{position:relative; width:1000px; margin:0px auto;}

/*RESPONSIVE*/
@media (max-width: 1140px){
header{width:800px; height:160px;}
.revolution1916{right:150px; width:540px;}
.mission-statement{font-size:16px; line-height:18px;}
.facebook-link{top:5px; height:60px; width:130px; padding:2px; color:#f1da7e; text-shadow:2px 2px 5px #000000; background-color:rgba(29, 70, 70, 0.6); box-shadow: 0px 0px 50px #9db4b4; border-radius:5px; font-size:0px;}
.facebook-link p{text-align:left; line-height:17px; font-size:17px;}
.facebook-link img{width:32px;}
header nav{width:720px; margin:0; top:74px; height:30px;}
header nav a{font-size:12px; padding:0px 3px;}
.sticky-header.display nav{width:720px; margin:20px -360px 10px 0px;}
.sticky-header.display .logo{height:50px; position:absolute; z-index:2; margin:10px 0px 10px -360px; left:50%;}
main{width:780px;}
section{width:780px;}
.footer-content{width:800px;}
.secondary-nav a{color:#f1da7e; display:block; text-decoration:none; text-align:left; font-size:30px; padding:3px 8px; text-shadow: 2px 2px 5px #000000;}
}

@media (max-width: 840px){
*{font-size:16px;}
header{width:100%; height:70px; background-color:rgba(29, 70, 70, 0.9); margin:0px 0px 10px; text-align:left;}
.logo{height:60px; width:auto; top:7px; left:5%;}
.revolution1916{width:60%; margin:0px 20%; right:0%; top:20px;}
.mission-statement{display:none;}
.sticky-header.display{display:none;}
.facebook-link{display:none;}
.slider{width:100%;}
.slider-right img{width:32%; float:left; margin:5px 0px;}
.slider-right{display:none;}
main{width:90%;}
section{width:90%;}
.left{width:100%;}
.footer-content{width:90%;}
.secondary-nav{display:none;}
.sn-vg{width:48%;}
main.posts .featured-image{width:100%; height:auto; overflow:hidden; margin-bottom:5px;}
main.posts .featured-image img{width:100%; height:auto;}
h1{font-size:16px; margin-bottom:0px;}
aside{display:none;}
.ngg-gallery-thumbnail-box{width:23%;}
main p, main label, main a{font-size:14px;}
}

@media (max-width: 400px){
.revolution1916{display:none;}
}