/* 
Theme Name: Atomic Blocks Child 
Theme URL: http://quantumlearning.com
Description: Atomic Blocks Child 
Theme Author: Your Name
Author URL: http://quantumlearning.com
Template: atomic-blocks
Version: 1.0.0 
Text Domain: atomic-blocks-child
*/

body{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
background-color: #EAEEF6;
color: #444;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans',sans-serif;
    font-weight: normal;
color: #006600;
    text-rendering: optimizeLegibility;
    line-height: 1.1;
    margin-bottom: 14px;
    margin-top: 14px;
    padding-left: 10px;
}

h1 {
    font-style: italic;
font-size: 18px;
font-weight: 700;
padding-left: 10px;
margin-bottom: 8px;
}



p, td, li {font-family: "Open Sans",sans-serif;
font-weight: normal;
font-size: 1.5rem;
line-height: 125%;
margin-bottom: 12px;
    padding-left: 10px;
}

ul {
    margin-left: 40px;
}

a:link {
    color: #990000;
}

table {font-size: 1.4rem;}

a:hover, a:focus, a:active, a {
    text-decoration:underline;}
    
.top-navigation-left {width: 75%; float:left;}    
.top-navigation-right {width: 25%;}
.top-navigation { background-color:#005288;padding-top: 16px;}

#page {
    padding-top: 0;
}

.post .entry-header  {
    display: none;
}
    
#content, .top-navigation {
    max-width: 945px;
}    
#content, .site-header {background-color: #eaeef6;}

.post-content,#primary{
    background-color: #fff;
}

.wp-block-atomic-blocks-ab-columns {
    clear: both;
}

.home-banner {
    margin-bottom: 10px;
}
    
.home-banner td{
    padding:0;
}    

.home-banner img {height: 400px;}

.main-navigation ul {
text-align: left;
}

.main-navigation ul li {
    display: inline-block;
    list-style-type: none;
    padding: 0 10px;
    position: relative;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin: 0 4px;
    background: rgb(0,82,136);
    background: linear-gradient(90deg, rgba(0,82,136,1) 0%, rgba(61,141,196,1) 100%);
}

.main-navigation ul li:hover {
background: rgb(255,145,0);
background: linear-gradient(90deg, rgba(255,174,67,1) 0%, rgba(255,145,0,1) 70%, rgba(185,105,0,1) 100%);
}

.main-navigation a, .main-navigation a:hover{ color: #fff !important;
text-decoration: none;
font-family: 'Merienda One', Helvetica, sans-serif;
padding-top: 6px;
font-style: oblique;
font-size: 1.35rem;
}
.main-navigation ul li.menu-item-search{
    display:none;
}

.header-imgages{
}

.header-img-left {
    float:left;
    margin:0 0 20px 0;
}

.header-img-right {
    float:left;
    margin:0 0 20px 0;
}

.normal-blue {
color: #005289;
font-weight: bold;
margin-bottom: 0;
    margin-top: 20px;
}

.big-blue, h2 {
font-size: 1.75rem;
color: #005289;
font-weight: bold;
margin-top: 20px;
}

.jumbo-blue {
font-size: 2.25rem;
color: #005289;
font-weight: bold;
}

.orange-gradient {
        padding: 20px 10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed9017+0,ffffff+95,ffffff+100 */
background: #ed9017; /* Old browsers */
background: -moz-linear-gradient(top,  #ed9017 0%, #ffffff 95%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ed9017 0%,#ffffff 95%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ed9017 0%,#ffffff 95%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9017', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}


.gray-box {
    background-color: #c1cfdf;
    margin-bottom: 10px;
}

.light-gray-box {
    border-width: 1px;
border-style: groove;
border-color: #DDDFDF;
background-color: #F7F8F8;
padding: 5px;
    margin-bottom: 10px;
}

.small-text {
    font-size: 1.2rem;
    padding-left: 0;
    color: #000;
    margin-bottom: 4px;
}

.med-text{
    padding-top: 1rem;
font-size: 1.6rem;    
}

.keys-table, .supporters-table {
    font-size:1.5rem;
    margin-left: 40px;
}
.keys-table td {
border: none;
padding: 2px;
}

.supporters-table td {
border: none;
padding: 8px;
}

.keys-table tr:nth-child(even), .supporters-table  tr:nth-child(even) {
 background: none;
}

.home-quote, blockquote {
border: none;
}
blockquote p {
    margin-bottom: 0.5rem;
}
blockquote cite {
    font-size: 1.5rem;
    font-weight: 300;
    margin-top: 0;
    margin-left: 10px;
}

.wp-block-ub-tabbed-content-tab-title {
    font-size: 1.5rem;
}

.wp-block-ub-tabbed-content-tab-content-wrap li {
    margin-bottom: 4px;
}

.key-small {
    margin: 30px 4px 0;
}

.register-form-container .nf-form-content label {
    font-size: 1.35rem ;
    line-height: 1.6rem ;
}

.register-form-container .nf-form-content .label-above .nf-field-label {
    margin-bottom:4px ;
}

.register-form-container .nf-form-content .ninja-forms-field {
    font-size: 1.5rem ;
    padding: 4px ;
}

.register-form-container .nf-form-content input.ninja-forms-field, .register-form-container  .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 30px ;
}

.register-form-container .nf-form-content .list-select-wrap>div div, .register-form-container  .nf-form-content .list-select-wrap>div div:after{
    height: 30px;
    font-size: 1.5rem ;
    line-height: 3rem ;
}

.register-form-container .nf-error.field-wrap .nf-field-element:after {
    font-size: 2rem ;
    height: 38px ;
    width: 40px ;
    line-height: 40px ;
}

.register-form-container .field-wrap {
 margin-bottom: 6px;   
}

.register-form-container .nf-field-container {
    margin-bottom: 12px;
}

.register-form-container .list-radio-wrap .nf-field-element li label {
    float:left;
    margin-right: 20px;
}

.register-form-container  .nf-form-content .listradio-wrap li {
 margin-bottom: 2px!important;   
}


.small-login-form-container {
    background-color: #005289;
    color: #fff;
    font-size: 1rem;
    margin-bottom: 20px;
}

.small-login-form-container .nf-form-content label {
    font-size: 1.3rem;
}
.small-login-form-container .field-wrap {
 margin-bottom: 4px;
}

.small-login-form-container .nf-form-content input[type=button], .small-login-form-container .nf-form-content input[type=button]:hover {
    background: #c4c4c4;
    color: #222;
    
}

.small-login-form-container .submit-wrap{
    text-align:center;
}

.small-login-form-container .nf-field-container {
    margin-bottom: 6px;
}

.small-login-form-container .nf-form-content input.ninja-forms-field {
  font-size: 1.4rem;
    height: 30px;
    padding: 4px;
}


.small-login-form-container .nf-error-msg, .small-login-form-container .nf-error .nf-error-msg, .small-login-form-container a:link {
    color: #fff;
}

.pledge-tabs {
    margin-top: 0;
    margin-bottom: 0;
}

@media only screen and (max-width: 800px){
 .pledge-tabs .nf-field-container .nf-field-label {
width: 35%;
}
.pledge-tabs .nf-field-container .nf-field-element {
width: 65%;
}
}