/*
 Theme Name:     AFC   
 Theme URI:      http://afcmentoring.org/ 
 Description:    Website for AFC Mentoring     
 Author:         Katie Leavitt Sutton                
 Author URI:     http://katieleavittsutton.com/ 
 Template:       customizr      
 Version:        1.0.0             
*/

@import url(".../customizr/style.css");


/*change some font sizes*/

body {
 font-size: 15px;
 line-height:23px;
 background-color:#f6f7f8;
 font-weight:300;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
}

h1 { 
   font-size: 24.5px;
   font-weight:500;
   line-height:29px;
}

h2 {
 font-size: 21.5px;
 line-height: 25px;
 margin-top:30px;
 }

h2.entry-title {
   font-size:24.5px;
   font-weight:500;
   line-height:29px;
}

h3 {
font-size: 22.5px;
line-heigh: 26px;
}

p {
margin-top: 15px;
}

.page-id-58 p{
margin-top:0px;
margin-bottom: 40px;
}

hr {
border-top-color: #e1e2e3;
}

/*change hyperlink color */
a {
color:#000066;
}

/*entry content needs space from sidebar*/
.home.entry-content {
padding-right:30px;
}

.home.entry-summary {
padding-right:30px;
}

.article-container {
padding-bottom: 20px;
}

.archive-header {
display:none;
}

.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
text-align:center!important;
}

/*adds little pictures before widget titles */
.widget_connect h3:before {
    content: '\f107'; 
    padding-right:0;
   font-size:1.5em;
 }

.widget_search h3:before{
font-size:1.5em;
}

.widget_involved h3:before {
    content: '\f412'; 
    padding-right:.125em;
   font-size:1.25em;
 }

/*sidebar text styles */
.afc_sidebar_text {
margin-left: 13%;
text-align:left;
}

#right.widget-area:before {
border-left-style-value:light;
border-left-color-value:black;
}

/*social media icons*/
.social {
margin-top:10px;
margin-bottom:10px;
float:left;
}

/* Header Social Icons */
.navbar-inner .social-block {
visibility:hidden;
}

/* Footer Social Icons */
.colophon .social-block {
visibility:hidden;
}

footer#footer h3, footer#footer h4, footer#footer h5, footer#footer h6 {
  font-size:18px;
  font-weight:300;
  line-height: 22px;
  text-align:left;
}

footer#footer {
background-color: #232b55;
font-size:13px;
}

footer#footer p, footer#footer a {
font-size: 13px;
}

footer#footer .colophon a, footer#footer .colophon p {
font-size: 11px;
}

/*remove little menu icon in footer*/
.widget_nav_menu h3:before {
content: "";
}

.widget-title {
text-align: none;
}

/* Align FP Buttons, adjust 90px to fit largest column */
.fp-text-one, .fp-text-two, .fp-text-three {
min-height:     80px;
}

/* Make Header 'Sticky' */
.tc-header {
position:         fixed;
top:              0px;
background-color: #a9c1dd;
z-index:          100;
width:            100%;
}

/* Carousel padding  */
.carousel {
margin-bottom:    0px;
}

.home .carousel {
padding-top:     130px;
}

/* Wrapper padding  */

.page #main-wrapper {
padding-top: 145px;
margin-top:0px;
}

.home #main-wrapper {
padding-top:      0px;   
}

#main-wrapper {
padding-top:      150px;
  }

.tc-header .brand a {
margin-left:35%;
}

/* Hide Carousel controls*/
.carousel-control {
display: none;
}

/* Adjust the Slider Height */
#customizr-slider.carousel .item {
height:         458px;
min-height:     458px;
line-height:    458px;
}

/* Center the Menu (function remove_span9_navbar_display) */
/* Center the Menu (function prevent_social_in_header)  */
.navbar-inner .row-fluid .span7.site-description {
display:    none; 
text-align: center;
}
.navbar-wrapper .navbar.notresp.row-fluid { 
float:      none; 
width:      75%; 
margin:     0 auto; 
}
.navbar .navbar-inner {
padding:    20px 0 0; 
}

/* Variable number of floating elements */
.navbar .nav {
float:      none; 
width:      100%; 
text-align: center;
margin-left:15%;
}

.navbar .nav > li {
float:      none; 
display:inline-block;
}

/*add a border right for 3 menu items */
.nav-li-border {
border-right:1px solid #454545;
}

/* Remove the Tagline and Donate button when page is full size   */

.navbar-wrapper .navbar h2 {
display: none;
}

.navbar-wrapper .btn-donate-media {
display: none;
}

/* Remove Navbar box           */
.navbar .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
background:         none;
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
}

.navbar-wrapper {
margin-top: 10px;
z-index:-1000;
}

.dropdown-menu {
 background-color: #A9C1DD;
 border-top-left-radius:0px;
 border-top-right-radius:0;
 border-bottom-left-radius:0;
 border-bottom-right-radius:0;
 box-shadow:0 0 0 0;
 float:none;
 width:700px;
 text-align: center;
 margin-top:18px;
 }

.dropdown-menu > li > a {
  color: ##232B55;
  float:none;
  display:inline-block!important;
}

/*styles navbar dropdown menu to float side-by-side */
.nav li {
float: left;
}

.navbar .nav > li > .dropdown-menu:before {
visibility:hidden;
}

.navbar .nav > li > .dropdown-menu:after {
visibility:hidden;
}

.dropdown-submenu >.dropdown-menu {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 500px;
    top:120%;
}

/*little more space at bottom of collapse menu items*/


/* Adjust Menu font  */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a {
display:        inline;
font-size:      17px;
padding-left:  8px;
padding-right:0;
padding-top:5px;
padding-bottom:5px;
color: #454545;
text-transform:uppercase;
text-shadow:none;
font-weight:500;
}

.dropdown-menu > li.current-menu-item > a, .dropdown-menu > li.current-menu-ancestor > a {
color: #FFCC00;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #A9C1DD;
color:#FFCC00;
}

/* Adjust Menu text color   */
/* when mouse hovers over Menu item (hover)     */
.navbar .nav > li > a:hover, .navbar .nav > li > a:hover:first-letter { 
color: #FFCC00;                      
}

.navbar .nav li.donate_now.btn a {
color: #454545;
padding: 3px 13px;
}

/*make the menu sub-menu items drop down on mouse hover */
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
    margin: 0;
}

/*get rid of menu carets*/
.navbar .nav .dropdown-toggle .caret {
visibility:hidden;
}

/*get rid of social icons up top except when screen reduced*/
.navbar-inner .social-block {
visibility: hidden;
}

/*styles the donate button */
.btn-donate {
  background-color: #ffcc01!important;
  background-repeat: repeat-x;
  -webkit-font-smoothing: antialiased;
  position: absolute !important; 
  line-height: 16px;
  vertical-align: middle; 
  margin-top: -6px !important;
  margin-left: 3%;
   padding-top:8px;
  padding-bottom:8px;
}


/*style for button when screen reduced*/
.btn-donate-media {
  background-color: #ffcc01!important;
  color:#454545!important;
  position: relative; 
  line-height: 16px;
  vertical-align: middle; 
  margin-top: 0px;
  margin-left: 0px;
  padding-top:5px;
  padding-bottom:5px;
 -webkit-font-smoothing: antialiased;
  text-transform:uppercase;
  font-style:normal;
  font-weight:500;
  font-size:.75em;
  
}

/*make sure Donate button does not go on top of site description when screen shrinks*/
h2.site-description {
line-height: 35px;
margin-top:0px;
margin-bottom:0px;
}

.btn-primary {background-color:#021766;}
.btn {
background-image:none;
}


/* Remove Post/Page Icon */
.page #main-wrapper h1.format-icon:before {
content:    none;
}

/* Remove the pencil icon  */
.post h1.format-icon:before, .post h2.format-icon:before {
content: none;
}

.archive.category .archive-header .format-icon:before {
display: none;
}

/* Hide Front Page Headings on home page */
.marketing h2 {
display: none;
}

/* hide the circular zoom but keep link */
.home .round-div {
border-color:   transparent;
}

.round-div {
border-color: transparent;
}

/*styles new content area just below slider on home page */

#my-content-header .row-fluid {
    margin-left: auto;
    margin-right:auto;
    background-color: #f6f7f8;
      }

.homepage-sentence {
font-size: 26px;
font-weight: 200;
line-height: 36px;
text-align: center;
padding-left: 150px;
padding-right:150px;
padding-top:35px;
padding-bottom:0;
}

.homepage-sentence2 {
font-size: 26px;
font-weight: 200;
line-height: 36px;
text-align: center;
padding-left: 150px;
padding-right:150px;
padding-top:0px;
padding-bottom:10px;
}

.home .featurette-divider {
margin-top:50px;
margin-bottom:50px;
border-top-color:#b3b3b3;
}

.widget-front {
margin-top: 15px;
}

/*push sidebar content down a bit */
.tc-sidebar {
margin-top:60px;
}

/*styles for email form in footer*/

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
max-width:400px;
}

.sml_subscribe {
margin-left:-35px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
margin-left:0px;
}

input[type="submit"] {
margin-left:0px;
}

/*contact form styles*/
div.wpcf7 {
     border-left: solid 1px lightgray!important;
     margin-left: 3%!important;
     padding-left: 6%!important;
}

/*social sharing styling */
#ssba, #ssba a {
margin-top: 50px!important;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
font-size: 15px!important;
font-weight: 500!important;
text-transform:uppercase !important;
}

/*volunteer table styles*/
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
background-color:#FEF1B5;
}

tr:nth-child(2n) td, tr:nth-child(2n) th {
background-color:#C2DFFF;
}

.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child {
background-color: lightgrey;
}

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
background-color: lightgrey;
}

.table-condensed th, .table-condensed td {
padding:15px;
}


/* Make Carousel fade - adapt 2s to required delay */
.carousel-inner > .item {
-webkit-transition: opacity 2s ease-in-out ;
transition:         opacity 2s ease-in-out ;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
opacity:        1;
z-index:        1;
left:           0;
}
.carousel-inner > .active.left {
opacity:        0;
z-index:        2;
left:           0;
}
.carousel-inner > .active.right {
opacity:        0;
z-index:        2;
left:           0;
}
 


/*fix header elements for ginormous screens */

	

@media all and (min-width: 1500px)  {

/*Stop the slider growing crazily*/
 
#customizr-slider {
    max-width: 1400px;
    margin-left:auto;
    margin-right:auto;
  }


#my-content-header .row-fluid {
    margin-left: auto;
    margin-right:auto;
    background-color: #f6f7f8;
    max-width:1400px;
  }
}



@media (max-width: 1200px) {

#customizr-slider.carousel .item {
height: 360px;
min-height: 360px;
line-height: 361px;
}


.home .carousel {
padding-top: 130px;
}

#my-content-header .row-fluid {
margin-top:-20px;
}

.page #main-wrapper {
padding-top:160px;
}

.home #main-wrapper {
padding-top:0px;
padding-bottom:40px;
}
}

@media (max-width: 979px) {

#customizr-slider.carousel .item {
height: 275px;
min-height: 275px;
line-height: 275px;
}

.home .carousel {
padding-top: 180px;
}

.page #main-wrapper {
padding-top:200px;
}

#main-wrapper {
padding-top: 190px;
}

.home #main-wrapper {
padding-top: 0px;
}

.tc-header .brand a {
margin-left:0;
}

.dropdown-menu {
width:150px;
}



.navbar .nav > li {
float:none;
display:block; 
text-align: center;
margin-right:100px;
}

.nav-collapse, .nav-collapse.collapse {
width:25%;
padding-right:0;
}

.navbar .btn-navbar {
background-color:#232b55;
background-image:none;
}

.navbar .btn-navbar .icon-bar {
background-color: #FFFFFF;
}

.navbar .nav > li > a, 
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a {
float:left;
}

.nav-li-border {
border-right:none;
}

.nav li {
float:left;
margin-right:50px;}
/*for nav bar items with no children to line up right */

.no-children {
float:none;
}

.btn-donate {
visibility:hidden;
}

.round-div {
border-color: transparent!important;
}


.homepage-sentence, .homepage-sentence2 {
font-size: 22px;
padding-left:60px;
padding-right:60px;
}

#my-content-header .row-fluid {
margin-top:-20px;
}


.navbar-inner .social-block {
visibility: visible;
}

h2.site-description {
text-shadow:none;
margin-bottom:-35px;
margin-top:-20px;
z-index:5000;
margin-right:100px;
margin-left:100px;
}

label {
text-align:center;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
margin-left:0px;
}

input[type="submit"] {
margin-left:0px;
}

.widget-title {
text-align: center;
}

footer#footer h3, footer#footer h4, footer#footer h5, footer#footer h6 {
  font-size:22px;
  font-weight:300;
  line-height: 22px;
  text-align:left;
}

.navbar-wrapper {
margin-top: 0;
}

.navbar .navbar-inner {
padding-top:0;
margin-top: 0;
margin-bottom:0;
}
}

@media (max-width:767px) {
#customizr-slider.carousel .item {
height: 255px;
min-height: 255px;
line-height: 255px;
}

.home .carousel {
padding-top: 180px;
}


.home #main-wrapper {
padding-top: 0px;
}

.nav-collapse, .nav-collapse.collapse {
width:20%;
}

#my-content-header .row-fluid {
margin-top:-20px;
}

footer#footer h3, footer#footer h4, footer#footer h5, footer#footer h6 {
  font-size:22px;
  font-weight:300;
  line-height: 22px;
  text-align:center;
}

/*sidebar text styles */
.afc_sidebar_text {
margin-left: auto;
margin-right:auto;
text-align:center;
}

.searchform {
margin-right:auto;
margin-left: auto;
text-align:center;
}


/*social media icons*/
.social {
margin-top:10px;
float:none;
}

/*email list form */
.sml_subscribe {
margin-left:0;
}
}
@media (max-width: 600px) {
.home .carousel {
padding-top: 180px;
}

#customizr-slider.carousel .item {
height: 200px;
min-height: 200px;
line-height: 200px;
}

#my-content-header .row-fluid {
margin-top:-20px;
}

.home #main-wrapper {
padding-top: -44px;
}

.nav-collapse, .nav-collapse.collapse {
width:35%;
padding-right:0;
}

.navbar .nav > li {margin-right:150px;}

.homepage-sentence, .homepage-sentence2 {
font-size: 18px;
padding-left:10px;
padding-right:10px;
}
}

@media (max-width: 480px) {
.nav-collapse, .nav-collapse.collapse {
width:100%;
padding-right:0;
}

#customizr-slider.carousel .item {
height: 190px;
min-height: 190px;
line-height:  190px;
}
.home .carousel {
padding-top: 180px;
}

h2.site-description {
display:none;
}

.navbar .nav {margin-left:0%;}

.navbar .btn-navbar {float:none;margin-right:auto;margin-left:auto;}

.navbar .nav > li {margin-right:150px;}




}

@media (max-width: 320px) {

#customizr-slider.carousel .item {
height: 110px;
min-height: 110px;
line-height: 110px;
}

.tc-header {
position:         relative;
top:              0px;
background-color: #a9c1dd;
z-index:          100;
width:            100%;
}

.home .carousel {
padding-top: 0px;
}

#my-content-header .row-fluid {
margin-top:-20px;
}

.page #main-wrapper {
padding-top:10px;
}

#main-wrapper {
padding-top:0px;
}




}