/*
Theme Name: AO Base
Theme URI: http://underscores.me/
Author: Cee
Author URI: http://chasecee.com
Description: Base theme for Arena Online websites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aobase
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

AO Base is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*
BASICS
*/
@import url('https://fonts.googleapis.com/css?family=Lato|Lora:400,400i,700');

html {
  	text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
body{
		font-family: "proxima-nova", Verdana, Geneva, sans-serif;
		/* font-family: proxima-nova; */
		font-size: 16px;
		/* max-width: 1385px; */
		margin: auto;
		font-weight: 100;
}

.entry-header h1 {
    color: #d04526;
    font-weight: bold;
    font-size: 26px;
}

.entry-header h1 .date em {
    font-size: 12px;
    font-style: normal;
}

button.read-mpore {
    background-color: #28a4d8;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 16px 18px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

div {}

.post-date {
    display: none;
}

.panel-body h3 a {
    color: #d04526;
    font-weight: bold;
    font-size: 22px;
}

.panel-footer {
    background: transparent;
    border: none;
}

.panel-footer .ssba img {
    width: 40px!important;
}

.featured-content {
    margin: 40px 70px;
}

.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
    background-color: transparent !important;
}

.social-likes {
    float: right;
}

.connect-tilte {
    float: left;
    color: #28a4d8;
    padding: 8px 0px;
}

.connect-tilte h1 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.page-title {
    color: #0b5073;
    display: none;
}
h1, h2, h3, h4, h5, h6 {
		font-family: "proxima-nova", Verdana, Geneva, sans-serif;
		/* font-family: 'Lora', serif; */
		/* text-transform: uppercase; */
}
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}

img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
embed,
iframe,
object {
	max-width: 100%;
}
a, .transition{
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

.navbar-brand2 {
    /* padding: 30px 0px; */
    /* display: -webkit-box; */
    /* width: 100%; */
}

.navbar-brand2 img {
    margin: 30px 0px;
}
header#masthead{color: black;padding: 20px 0;border-bottom: 2px solid #23a5d9;border-top: 2px solid #23a5d9;}

/* custom menu items */
.menu-bio {
    background-image: url("/wp-content/uploads/2016/03/menu-bio.png");
    background-size: 150%;
    background-position: top;
    background-repeat: no-repeat;
    transition:  all 0.3s ease;
    margin-right: 40px;
}

header .nav>li {
    font-size: 0;
    background-size: cover;
    width: 152px;
    height: 61.5px;
    /* border-right: 2px solid #23a5d9; */
    margin: 0 5px!important;
}

.menu-bio:hover {
    transition: all 0.3s ease;
    background-position: bottom;
}

.menu-issues {
    background-image: url("/wp-content/uploads/2016/03/menu-issues.png");
    background-size: 121%;
    background-position: top;
    background-repeat: no-repeat;
    transition:  all 0.3s ease;
    margin-right: 27px;
}

.menu-issues:hover {
    transition: all 0.3s ease;
    background-position: bottom;
}


.menu-news {
    background-image: url("/wp-content/uploads/2016/03/menu-news.png");
    background-size: 132%;
    background-position: top;
    background-repeat: no-repeat;
    transition:  all 0.3s ease;
    margin-right: 5px;
}

.menu-news:hover {
    transition: all 0.3s ease;
    background-position: bottom;
}


.nav>li.menu-takeaction {
    background-image: url("/wp-content/uploads/2016/03/menu-action.png");
    background-size: 96%;
    background-position: top;
    background-repeat: no-repeat;
    transition:  all 0.3s ease;
    margin-right: 5px!important;
    width: 157px;
}

.nav>li.menu-takeaction:hover {
    transition: all 0.3s ease;
    background-position: bottom;
}


.menu-events {
    background-image: url("/wp-content/uploads/2016/03/menu-events.png");
    background-size: 119%;
    background-position: top;
    background-repeat: no-repeat;
    transition:  all 0.3s ease;
    margin-right: 7px;
}

.menu-events:hover {
    transition: all 0.3s ease;
    background-position: bottom;
}


.menu-contact {
    background-image: url("/wp-content/uploads/2016/03/menu-contact.png");
    background-size: 113%;
    background-position: top;
    background-repeat: no-repeat;
    transition:  all 0.3s ease;
}

.nav>li:last-child a {
    border-right: none!important;
}

.menu-contact:hover {
    transition: all 0.3s ease;
    background-position: bottom;
}



/* custom menu items */

.social-media {
    /* text-align: center; */
    margin-top: 30px;
}

.social-media a {
    /* width: 110px; */
    /* height: 110px; */
    /* background-color: white; */
    border-radius: 34px;
    /* display: -webkit-inline-box; */
    text-align: center;
    width: 1005;
    /* border-radius: 74px; */
    margin-left: 20px;
}

.social-media i {
    color: #0b5073;
    padding: 14px;
    /* text-align: center; */
    width: 71px;
    font-size: 40px;
    background-color: white;
    /* text-align: center; */
    border-radius: 60px;
}

.social-media a:hover i {
    background: #28A4D8;
}
footer#colophon a{
	color:white;
}
#masthead, #colophon {
    background: #ffffff;
}

footer#colophon {
    background-color: #28a4d8;
    color: white;
}

.other-disclaimer p {
    margin-top: 20px;
    margin-bottom: 0px;
}

p.samll-txt {
    font-size: 13px;
    font-weight: 500;
}

.bottomMenu ul li {
    display: inline-block;
    /* border-left: 1px solid; */
    /* 0: 16px; */
    display: inline-flex;
    margin-left: 10px;
    margin-top: 2%;
}

li#menu-item-399 a {
    border-left: none;
}

.bottomMenu ul li a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    padding: 0px 8px;
    border-left: 1px solid white;
}

.bottomMenu {
    margin: 0px 0px 30px;
}
.copyright{
    /* color: black; */
    border: 1px solid;
    display: inline-block;
    padding: 10px 100px;
    text-transform: uppercase;
    font-size: 15px;
}
.bigger{
    font-size: 130%;
}
.smaller{
    font-size: 80%;
}
p{
    /* font-size: 15px; */
}
.btn{
    border: 1px solid;
}
.btn-primary{}
.btn-success{}
.btn-lg{}
.btn-sm{}

/*
Layout Stuff
*/
.page-head{margin:0 0 20px;}

.content-area {
    padding-top: 50px;
    padding-bottom: 50px;
}

.page-head>h1 {
    margin: 0;
}
/*
BOOTSTRAP NAVBAR OVERRIDES
*/
.navbar {
    border-radius: 0;
    border: none;
    background-color: transparent;
    margin: 0;
    /* min-height: 80px; */
}
.navbar a{
  /* color: black; */
  text-transform: uppercase;
  color: rgba(11, 80, 115, 0);
  margin: 0;
  height: 100%;
  padding: 0!important;
  border-right: 2px solid #23a5d9!important;
}

button.cont-btn {
    text-align: center;
    background: #61b03a;
    padding: 8px 22px;
    /* color: #23a5d9; */
    font-size: 30px;
    font-weight: 700;
    border-radius: 12px;
    color: white;
    border: 0px;
    color: white;
    width: 90%;
    margin: auto;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

button.cont-btn:hover {
    transition: all 0.3s ease;
    background-color: green;
    text-decoration: none;
}

button.cont-btn a {
    color: white;
}

button.cont-btn a:hover {
    text-decoration: none;
}

a.cont-btn:hover {
    transition: all 0.3s ease;
    text-decoration: none;
    background-color: #61b03a;
    cursor: pointer;
}
.navbar-right{
    /* float: none !important; */
    /* text-align: center !important; */
    /* display: -webkit-inline-box !important; */
}

.navbar .navbar-nav {
    /* display: -webkit-inline-box !important; */
    /* text-align: center !important; */
    /* width: 100%; */
    display: inline-block;
    float: none !important;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0);
}
.navbar-nav>li.active>a {
    /* background: rgba(0, 0, 0, 0.08); */
}
.navbar-toggle {
    background: transparent;
    border-color: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
}
.navbar-toggle .icon-bar{
    background: rgb(0, 0, 0);
}
.navbar-collapse{
    border-color: transparent;
}
.navbar .navbar-brand {
    padding: 0;
    height: auto;
    margin: 10px 0 0;
    padding-left: 15px;
}
.navbar-brand>img{
    width: 280px;
}
.menu-btn>a{
    background: #337ab7!important;
    border-radius: 3px;
    color: white;
}

/*
UTILITY CLASSES
*/
.padder {
    padding-top: 50px;
    padding-bottom: 50px;
}
.padder_top {
    padding-top: 50px;
}
.padder_bot {
    padding-bottom: 50px;
}
.padder_lg {
    padding-top:100px;
    padding-bottom: 100px;
}
.padder_lg_bot {
    padding-bottom: 100px;
}
.padder_lg_top {
    padding-top: 100px;
}
.padder_sm {
    padding-top:25px;
    padding-bottom: 25px;
}
.padder_sm_bot {
    padding-bottom: 25px;
}
.padder_sm_top {
    padding-top:25px;
}
.full_width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.connect {
    background-color: #062d41;
    padding: 56px 0px;
}

.news-section {
    background-color: #0b5073;
    /* color: white; */
    border-bottom: 4px solid #fff;
    border-top: 4px solid #fff;
}

.news-section h1 {
    color: white;
    margin-top: 0px;
    margin-bottom: 25px;
}

.header-stuff {
    background-color: #0b5073;
    padding-top: 30px;
    text-align: center;
    /* border-bottom: 2px solid #337ab7; */
}

.cta-wrap {
    margin: 35px 0px;
}
.no_padder{padding:0!important;}

.white{color:white;}

.home-head {
    padding: 9vw 0px;
    background-position: bottom right;
    background-size: cover;
}
.petition-head {
    padding: 9vw 0px;
    background-position: bottom right;
    background-size: cover;
}
.signup-form {
    background-color: rgba(11, 80, 115, 0.84);
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.59);
    width: 500px;
    max-width: 100%;
}

.signup-form img.intro {
    padding: 20px;
}

.signup-form h1 {
    font-weight: 700;
}
.black{color:black;}
.red{color: #e63737;}
.blue{color: #0b5073;}

h1.blue {}
.green{}

.bg_white{background-color:white;}
.bg_black{background-color:black;}
.bg_red{background-color: #F44336;}
.bg_blue{background-color: #2196F3;}
.bg_green{background-color: #4CAF50;}

.bg_cover{background-size:cover;}
.bg_contain{background-size:contain;}

section{
    padding:100px 0;
    background-size:cover;
    background-repeat:no-repeat;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.valign {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/*
Page Builder Helpers
*/

.safe_bg {
    position: relative;
}

.safe_bg>* {
    z-index: 1;
    position: relative;
}

.safe_bg:after {
	content: ' ';position: absolute;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.33);width: 100%;height: 100%;
}

.safe_bg.gradient_bottom:after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+28,0+28,0.77+76 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 28%, rgba(0,0,0,0.77) 76%, rgba(0,0,0,0.77) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0.77) 76%,rgba(0,0,0,0.77) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0.77) 76%,rgba(0,0,0,0.77) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c4000000',GradientType=0 ); /* IE6-9 */
}
.safe_bg.gradient_left:after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+24,0+72,0+72 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 24%, rgba(0,0,0,0) 72%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 24%,rgba(0,0,0,0) 72%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 24%,rgba(0,0,0,0) 72%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.list ul{
    padding: 0;
}
.list ul li {
    list-style-type: disc!important;
    margin-left: 25px!Important;
    margin-bottom: 20px!Important;
}

/*
GRAVITY FORMS QUICK ACCESS
*/
.gform_wrapper .button, .gform_button{
    height: 60px;
    border-radius: 0;
    background-color: #23a5d9;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}

.ginput_container input:not([type='file']), .ginput_container select, .ginput_container textarea {}
.gform_body {
}

.gform_footer {
}

/*
Animations
*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.hider{opacity:0;}
.anim,
.anim_left,
.anim_right,
.anim_up
{opacity:0;}

.visible.anim,
.visible.anim_left,
.visible.anim_right,
.visible.anim_up
{opacity:1;}

.d1{-webkit-animation-delay: .2s;animation-delay: .2s;}
.d2{-webkit-animation-delay: .4s;animation-delay: .4s;}
.d3{-webkit-animation-delay: .6s;animation-delay: .6s;}
.d4{-webkit-animation-delay: .8s;animation-delay: .8s;}
.d5{-webkit-animation-delay: 1s;animation-delay: 1s;}


/*
RESPONSIVENESS
*/
@media only screen and ( max-width: 1200px ) {

header{}

}
@media only screen and ( max-width: 992px ) {

header{}

}
@media only screen and ( max-width: 767px ) {

header{}

.anim, .anim_left, .anim_right, .anim_up {
    opacity: 1!important;
}

}
@media only screen and ( max-width: 479px ) {

    .copyright {
        padding: 10px 50px;
    }
    .bottomMenu {
        margin: 0px 0px 30px;
    }
    ul#menu-footer-menu {
        padding-left: 0;
    }
}
@media (min-width: 1200px) {
.container {
    width: 1385px;
    max-width: 100%;
}
}