/*
Theme Name: caiiatheme
Theme URI: http://underscores.me/
Author: Ryan Gravador
Author URI: http://thatsgravydesigns.com
Description: This is a custom WordPress theme for CAIIA.com
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: caiiatheme
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.

caiiatheme 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/
*/

/*--------------------------------------------------------------
## MEMBERS PROFILE PAGES
--------------------------------------------------------------*/

body.single .main.secondary.memberProfile article h1,
body.archive .main.secondary.memberProfile article h1 {
  margin-top: 10px;
}

body.single .main.secondary.memberProfile article .entry-content,
body.archive .main.secondary.memberProfile article .entry-content {
  margin-top: -14px;
  letter-spacing: .03em;
}

body.single .main.secondary.memberProfile article .entry-content h3,
body.archive .main.secondary.memberProfile article .entry-content h3 {
  padding-top: 0px;
  color: #0560a5;
  font-size: 21px;
  font-weight: 400;
}

body.single .main.secondary.memberProfile .hentry
{
  padding-bottom: 20px;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: #0461e0;
}

body.archive .main.secondary.memberProfile {
  padding-top: 0px;
  padding-bottom: 0px;
}

body.archive {
  padding-top: 110px;
}

body.single {
  padding-top: 80px;
}

body .main.secondary {
  padding-top: 30px;
}

body {
    padding-top: 75px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

body.home {
    padding-top: 20px; 
}


/*--------------------------------------------------------------
## SEARCH PAGE
--------------------------------------------------------------*/
body .searchpage {
border: 0px solid red;
}

body .searchpage header.search h1 {
border: 0px solid blue;
  text-align: center;
  padding-bottom: 20px;
}

body .searchpage .search-form {
border: 0px solid blue;
  text-align: center;
}

body .searchpage p {
border: 0px solid blue;
  text-align: center;
}

/** Search Results **/
body .hentry {
  padding-bottom: 20px;
  border-bottom: 0px solid #0461e0;
}

/*--------------------------------------------------------------
## Newsletters Page Column Styles
--------------------------------------------------------------*/
body #content .newspdfcol {
  border: 3px solid #d17f1f;
  padding: 10px;
  border-radius: 5px;
  background-color: #51719c;
}

.newspdfcol h4 {
  margin-top: -0px;
  text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid gray;
  border-radius: 5px;
  background-color: #efefef;
}

.newspdfcol p {
  border: 0px solid red;
    padding: 0 0 0 20px;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: .06em;
  margin: 0px;
  
}
  
body #content .newspdfcol p a:link, 
body #content .newspdfcol p a, 
body #content .newspdfcol p a:visited {
  color: #ffffff;
  text-decoration: none;
}

body #content .newspdfcol p a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/*--------------------------------------------------------------
## Navigation Dropdown
--------------------------------------------------------------*/
/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
    display: none;
    position: absolute;
    top: 100%;
  list-style-type: none;
}

/* Display Dropdowns on Hover */
nav ul li:hover > ul {
    display:inherit;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
  border: 1px solid gray;
  padding: 10px;
    min-width:170px;
    display:list-item;
    position: relative;
  top: -10px;
  left: -20px;
  background-color: #fff;
}

/* Change ' +' in order to change the Dropdown symbol 
li > a:after { content:  ' ∨'; }
li > a:only-child:after { content: ''; }
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
# CUSTOM CODES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Map
--------------------------------------------------------------*/

body .mapLeft {
  border: 0px solid red; overflow: visible; width: 66%; float: left;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.navbar-inverse .navbar-toggle, 
.navbar-inverse .navbar-toggle:focus, 
.navbar-inverse .navbar-toggle:hover
{
  background-color: #333333;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

body .entry-meta, body .entry-footer { display: none; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}


















/*--------------------------------------------------------------
## Custom CODE
--------------------------------------------------------------*/

body #content {

}

#logoBgMenu {
  display: none;
}

#logoBg {
  border: 0px solid red;
  width: 187px;
  height: 172px;
  position: absolute;
  background: url(imgs/bg-logo.jpg)top left no-repeat;
  box-shadow: 4px 4px 8px #000;
}

#hmWelcome .logoPlace { display: none;
  border: 1px solid red;
  width: 0px; /** Set to hide on desktop **/
  height: 0px;
  margin: 0 auto;
  position: relative;
  background: url(imgs/bg-logo.jpg)top left no-repeat;
  box-shadow: 4px 4px 8px #000;
}

#hmWelcome .logoBg {
  border: 0px solid red;
  width: 0px; /** Set to hide on desktop **/
  height: 0px;
  margin: 0 auto;
  position: relative;
  background: url(imgs/bg-logo.jpg)top left no-repeat;
  box-shadow: 4px 4px 8px #000;
}

#hmWelcome #logoBg img {
  width: 0px;
}

#logoBg img {
    width: 165px;
  margin: 10px;
    }

.navbar {
    background-color: white;
  border-bottom: 2px solid #e41800;
  box-shadow: 0px 3px 3px #303030;
}

#bs-example-navbar-collapse-1 {
  float: right;
}

.navbar-fixed-top .nav {
    padding: 20px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

.nav
{
  width: 100%;
  margin-top: 7.5px;
  margin-right: 0px;
  margin-bottom: 7.5px;
  margin-left: 0px;
  border: 0px solid red;
  text-align: right;
}

.nav li {
  text-transform: uppercase;
    font-size: 16px;
    font-family: 'Geneva', sans-serif;
    letter-spacing: .03em;
}
  
.nav li a, .nav li a:link, .nav li a:visited {
  color: #0560a5;
}

body nav .container #bs-example-navbar-collapse-1 ul li a:hover {
  color: #303030;
}

.nav li a.active {
  text-decoration: underline;
}

/** Featured Image of Homepage **/
body.home .featuredImg {
  border: 0px solid red;
  text-align: center;
  width: 100%;
  background-color: #012845;
  box-shadow: 0px 4px 4px #5c5c5c;
  padding-top: 60px;
}

body .featuredImg img {
  max-width: 95%;
  height: auto;
}

/** Weclome Message **/
body #hmWelcome {
  width: 95%;
  margin: 0px auto;
}

body #hmWelcome .row {
  text-align: center;
  font-family: 'Century Gothic', sans-serif;
  font-size: 20px;
  color: #0560a5;
  font-weight: bold;
  letter-spacing: .02em;
  padding: 30px 0px 30px 0px;
  text-transform: uppercase;
}

body #hmMap { border: 0px solid orange;
  max-width: 980px;
  margin: 0px auto;
  height: auto; /** To make room for the map **/
    background: none url(imgs/map-bg.jpg) top center no-repeat;
  background-position: 0px -80px;
  font-family: 'Century Gothic', sans-serif;
  font-size: 20px;
  color: #0560a5;
  font-weight: 400;
  letter-spacing: .02em;
  text-align: center;
}

#hmMap .col-sm-8.welcomeSecond {
  padding-bottom: 30px;
}

#hmMap .welcomeThird {
  font-size: 14px;
  text-align: left;
  padding-right: 40px;
}

#hmMap .welcomeThird span {
  text-transform: uppercase;
}

#hmMap .welcomeThird a {
}

#hmMap .welcomeThird h3 {
  font-weight: bold;
}

body .hmpgCTA {
  border: 0px solid red;
  padding: 40px 0 40px 0;
  width: 100%;
  background-color: #2384cd;
  box-shadow: inset 0px 0px 65px 0px #000;
}

body .hmpgCTA p {
  font-family: 'Geneva', sans-serif;
  color: #fff;
  border: 0px solid blue;
  width: 95%;
  text-align: center;
  margin: 0px auto;
  font-size: 26px;
  line-height: 39px;
}

body .hmpgCTA p a:link, body .hmpgCTA p a:visited, body .hmpgCTA p a:hover {
    color: #fff;
    text-decoration: underline;
}

/** CSS Settings **/
body .main { border: 0px solid red;
  width: 80%;
  margin: 0px auto;
  padding: 20px 20px 60px 20px;
}

body.home h1 {
  font-size: 30px;
  line-height: 40px;
  font-style: italic;
  color: #0560a5;
  letter-spacing: .03em;
  padding-bottom: 0px;
}

body h1 {
  font-size: 30px;
  line-height: 40px;
  font-style: normal;
  font-weight: 700;
  color: #0560a5;
  letter-spacing: .03em;
  padding-bottom: 20px;
}

body.page h1 {
  font-size: 30px;
  line-height: 40px;
  font-style: normal;
  font-weight: 700;
  color: #0560a5;
  letter-spacing: .03em;
  padding-bottom: 0px;
}

body h2 {
  font-size: 26px;
  line-height: 26px;
  font-style: normal;
  color: #0560a5;
  letter-spacing: .03em;
  padding-bottom: 20px;
}

body.page .main-content {
  padding: 0px 10px 0px 10px;
  border: 0px solid blue;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.03em;
}

body.page .main-content ul {
  font-size: 16px;
  line-height: 24px;
}

#content .main-content .entry-footer {
  border: 0px;
}

.main-content img {
    max-width: 100%;
    height: auto;
}

.main-content p {
  padding-bottom: 20px;
}

.main-content p a, .main-content p a:active, .main-content p a:visited, .main-content p a:hover {
    text-decoration: underline;
    color: #0461e0;
}

body.page .entry-content {
  padding-bottom: 40px;
  
}

aside {
  border: 0px solid blue;
  padding: 0px;
}

aside.leftSide {
  border: 0px solid blue;
  padding: 60px 0px 0px 0px;
  float: left;
}

body .main.secondary #content.col-sm-8 {
  float: right;
}

aside h4, h2.widget-title {
  font-size: 26px;
  line-height: 20px;
  font-style: italic;
  color: #0560a5;
  letter-spacing: .03em;
  padding-top: 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid #0461e0;
}

aside p {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: .03em;
}

aside p a:link, aside p a:visited, aside p a:hover, aside p a:active {
  font-weight: bold;
  color: #0461e0;
  text-decoration: underline;
}

aside li {
  list-style-type: none;
  font-size: 14px;
}

aside li a {
  text-decoration: underline;
}

footer {
  border-top: 2px solid #0461e0;
  padding-top: 20px;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: .03em;
}

/** MISC **/
.main-content .quotes {
    border: 0px solid red;
    width: 37px;
    height: 37px;
  font-size: 30px;
  font-family: 'Adobe Caslon Pro', serif;
  background: url(imgs/quotes.jpg) top left no-repeat;
  background-size: 37px 37px;
  float: left;
  margin-top: -10px;
}

.main-content h5 {
  font-size: 22px;
  line-height: 20px;
  font-style: italic;
  color: #0560a5;
  letter-spacing: .03em;
  padding-top: 0px;
  padding-bottom: 10px;
}

.main-content h6 {
  font-size: 20px;
  line-height: 20px;
  font-style: italic;
  color: #303030;
  letter-spacing: .03em;
  padding-top: 10px;
  padding-bottom: 10px;
}

.main-content .officers { /** !!! Need adjustments for responsive. !!! **/
  border: 0px solid red;
  height: 145px;
  padding-bottom: 20px;
}











@media(min-width:768px) {
    body11 {
        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}



/* ==== MEDIA QUERIES ==== */
@media screen and (max-width: 480px) {

  body.single {
  padding-top: 90px;
}

  /** CONTACT FORM FIX **/
  body #contactFormFix input, body #contactFormFix textarea {
    width: 300px;
  }

    body #content .newspdfcol p {
  border: 0px solid red;
    padding: 0 0 0 0;
  }

  /*--------------------------------------------------------------
## Navigation Dropdown
--------------------------------------------------------------*/
/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
    display: visible;
    position: relative;
    top: 100%;
    margin-top: 0px;
  list-style-type: none;
}

/* Display Dropdowns on Hover */
nav ul li:hover > ul {
    display:inherit;
}

/* Fisrt Tier Dropdown */
/*nav ul ul li {
  border: 0px solid white;
  padding: 10px;
    min-width:70px;
    display:list-item;
    position: relative;
  top: -10px;
  left: -15px;
  background-color: transparent;
}*/
/* First Tier Dropdown */
nav ul ul li {
  border: 0px solid blue;
  padding: 0px 0px 0px 0px;
    min-width:70px;
    height: 45px;
    display:block;
    position: relative;
  top: 0px;
  left: -15px;
  background-color: transparent;
}

nav ul ul li a {
  border: 1px solid gray;
  position: relative;
    top: -20px;
  padding: 10px;
    background-color: white;
}

body.home1 {
    margin-top: -68px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

body.search {
    margin-top: 65px;
}

body .main.secondary {
    margin-top: 45px;
}

body .main.secondary aside.leftSide {
  border: 0px solid blue;
  padding: 60px 0px 0px 0px;
  float: right;
}

body .main.secondary #content.col-sm-8 {
  border: 0px solid blue;
  padding-bottom: 0px;
}

body .main.secondary aside.leftSide {
  border: 0px solid blue;
  padding: 0px 0px 0px 0px;
}



body #logoBgMenu {
  display: inline;
  border: 0px solid red;
  width: 60%;
  float: left;
  padding: 20px;
  z-index: 99999;
}

body #logoBgMenu img {
  max-width: 100%;
}

body nav #logoBg { display1: none;
  width: 187px;
  height: 172px;
  position: absolute;
  background: url(imgs/bg-logo.jpg)top left no-repeat;
  box-shadow: 4px 4px 8px #000;
z-index: 99999;
  }

#hmWelcome .logoPlace {
  display: inline;
  border: 0px solid red;
}

#hmWelcome #logoBg {
  border: 0px solid red;
  width: 187px;
  height: 172px;
  margin: 0px auto;
  position: relative;
  top: 20px;
  background: url(imgs/bg-logo.jpg)top left no-repeat;
  box-shadow: 4px 4px 8px #000;
}

#hmWelcome #logoBg img {
  width: 165px;
}

body #hmMap .row, body #hmWelcome .row {
  width: 90%;
  margin: 0 auto;
}

body #hmMap .mapLeft {
  border: 0px solid red; overflow: visible; width: 90%; float: none; padding: 0 10px 0 10px; margin: 0 auto;
}

body .main { border: 0px solid red;
  width: 95%;
  margin: 0px auto;
  padding: 20px 20px 60px 20px;
}

}


@media screen and ( max-width : 991px ) {

}

@media screen and ( max-width : 768px ) {

}

@media screen and ( max-width : 568px ) {

}

/* Nick's CSS */

body .main , #primary, #secondary, footer {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

body:not(.home) #primary {
	margin-top: 100px;
}


.board {
	display: inline-block;
	width: 50%;
	float: left;
	margin: 20px 0px;
}

.board img {
	padding: 1px;
	border: 1px solid grey;
	border-radius: 2px;
}


@media screen and (max-width: 600px) {

.board {
	width: 100%;
	float: none;
	text-align: center;
}

.board img {
	float: none;
	text-align: center;
}

}

footer .container {
	width: 100%;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	color: red;
}