/*
Theme Name: IYCA
Description: A custom theme for the International Youth Conditioning Association
Author: Jason Nall
Author URI: http://www.jsonnull.com
Version: 2.0
*/

/* --------------- Basic Layout --------------- */

body {
  background: white;
  font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #222222;
}

.home, .page-id-12245 {

  }

#wrapper, .wrap {

  }

#header, #nav-wrapper {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkFEMEVEQzRDRjJBMTFFNEEwOTA4RDE3ODVEQ0I0RkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkFEMEVEQzVDRjJBMTFFNEEwOTA4RDE3ODVEQ0I0RkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RURBNUE3RkNGMjcxMUU0QTA5MDhEMTc4NURDQjRGRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RURBNUE4MENGMjcxMUU0QTA5MDhEMTc4NURDQjRGRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl2u6ugAAAAGUExURRsXGAAAAIsbf3UAAAAOSURBVHjaYmCgJwAIMAAAbgABHA/EkAAAAABJRU5ErkJggg==);
  }
.home #nav-wrapper {
  background-color: #f3f3f3;
}
#header {
  padding: 2rem 0;
}
#header h1#logo {
  border: 0;
}
#nav-wrapper {
  background-size: 100% 50%;
  background-repeat: no-repeat;
}

#main {
  margin-top: 2rem;
  }

.single #main {
  margin-top: 6rem;
}

#content {
  }

#content .entry, #content footer {
  padding-top: 10px;
}

.home #content .entry, .page-id-12245 #content .entry {
  padding: 0;
  }

#sidebar {

  }

#footer {
  clear: both;
  background: #201d1e;
  }

/* --------------- Generic Tags & Classes --------------- */

a, a:link {
  color: #f18232;
  }

.entry ul, .entry ol {
  margin: 10px 20px;
  }

.entry ul li {
  list-style-type: disc;
}

.alignnone {
  margin: 0 10px 10px 0;
}

.aligncenter {
  display: block;
  margin: 10px auto;
}

.alignright {
  float: right;
  margin: 0 0 10px 10px;
}

.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}

/* --------------- Headings --------------- */

h1, h2, h3, h4, h5, h6 {
  color: #f18232;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}

h1, h2 {
  font-weight: 400;
  border-bottom: 1px solid #e3e3e3;
}

h3 {
  margin-bottom: 6px;
}

.home h2 {
  color: #333;
  font-weight: bold;
  font-size: 2rem;
  }

h1.page-title {
  padding: 10px;
  text-transform: none;
  }

h1.page-title, h1.post-title {
  font-size: 4.2rem;
  }

h2.post-title {
  font-size: 2rem;
  }

.entry h2, .entry h1 {
  border: none;
  }

.offering h3 {
  margin-top: 0;
  }

/* --------------- Logo --------------- */

#logo {
  width: 345px;
  height: 103px;
  margin: 0 auto 2rem;
}

/* Larger than tablet */
@media (min-width: 800px) {
  #logo {
    float: left;
    margin: 0;
  }
}

#logo a {
  text-indent: -9999px;
  font-size: 1%;
  overflow: hidden;
  display: block;
  width: 345px;
  height: 103px;
  background: url(/wp-content/themes/iyca/images/logo.png) no-repeat;
  }

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dppx) { 
  #logo a {
    background: url(/wp-content/themes/iyca/images/logo-retina.png) no-repeat;
    background-size: 345px 103px;
  }
}

/* --------------- Main nav --------------- */

#nav {
  background: #656565;
  font-family: "Roboto", "Helvetica Neue Light", "Helvetica Neue", "Helvetica Neue Regular", Helvetica, Arial, "Lucida Grande", sans-serif;
  /*margin-bottom: 28px;*/
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px;
  padding: 10px;
  text-align: center;
}

#nav .menu {
  margin: 0;
}

@media (min-width: 1000px) {
  #nav .menu {
    margin: 0;
    float: left;
    text-align: left;
  }
}

#nav .menu li {
  display: inline-block;
  z-index: 500;
  text-transform: uppercase;
  margin: 0;
}

#nav .menu li a {
  color: #fff;
  text-decoration: none;
  line-height: 32px;
  height: 32px;
  display: inline-block;
  padding: 0 10px;
  /*margin-top: 10px;*/
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px;
  /*letter-spacing: 20;*/
}

#nav .menu li a:hover {
  background: #f18232;
}

#nav li.current-menu-item a {
  color: #999;
}
#nav li.current-menu-item ul li a {
  color: #fff;
}
#nav li.current-menu-item a:hover {
  color: #fff;
}

#nav li ul.sub-menu {
  position: absolute;
  left: 0;
  top: 42px;
  margin: 0;
  display: none;
  background: #656565;
  -webkit-border-radius: 0 0 5px 5px; 
  -moz-border-radius: 0 0 5px 5px; 
  border-radius: 0 0 5px 5px;
  z-index: 999;
  padding-top: 10px;
    /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(top, #656565 0%, #262626 100%);
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #656565 0%, #262626 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(top, #656565 0%, #262626 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #656565), color-stop(1, #262626));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #656565 0%, #262626 100%);
  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to bottom, #656565 0%, #262626 100%);
  }

#nav li ul.sub-menu li {
  display: block;
  width: 200px;
  }

#nav li ul.sub-menu a {
  display: block;
  line-height: 1;
  padding: 10px;
  margin: 0;
  height: auto;
  }

#nav li ul.sub-menu a:hover {
  background: #f18232;
  }

/* --------------- Social Links --------------- */

#social {
  height: 3.2rem;
}

#social ul {
  margin: 0 10px 0 0;
  list-style-type: none;
  display: inline-block;
  }

@media (min-width: 1000px) {
  #social ul {
    float: right;
  }
}

#social li {
  float: left;
  margin: 0;
  }

#social ul li a {
  color: #eee;
  font-size: 2.5rem;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  text-align: center;
  text-decoration: none;
}

#social ul li a:hover {
  background-color: white;
  border-radius: 3px;
}

#social ul li a.jv-facebook:hover {
  color: #3b5998;
}
#social ul li a.jv-twitter:hover {
  color: #00bcf6;
}
#social ul li a.jv-google:hover {
  color: #f2301c;
}
#social ul li a.jv-youtube:hover {
  color: #d22222;
}


/* --------------- Header Area --------------- */

#header-widget {
  text-align: center;
  }

/* Larger than tablet */
@media (min-width: 800px) {
  #header-widget {
    float: right;
    margin: 34px 0 0;
  }
}

#searchform, #searchform input {
  margin-bottom: 0;
}
#searchform label {
  display: none;
  }

#s {
  color: #656565;
  font: 12px "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  padding: 10px 20px;
  width: 190px;
  margin-right: 5px;
  border: 1px solid #2f2f2f;
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
  }

#searchsubmit {
  font: normal 12px "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  background: #f18232;
  border: none;
  padding: 10px 12px;
  color: #fff;
  text-transform: uppercase;
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px;
  }

/* --------------- Homepage Elements --------------- */

#banner {
  padding-top: 2rem;
  background-color: #f3f3f3;
}

#slider {
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 2rem;
  position: relative;
}
#slider .slick-list {
  margin-bottom: 4px;
  box-shadow: 0 0 10px #676767;
}
#slider ul.slick-dots {
  list-style-type: disc;
  display: inline-block;
  text-align: center;
  color: white;
  margin: 0;
}
#slider ul.slick-dots li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#slider ul.slick-dots li button, #slider button.slick-prev, #slider button.slick-next {
  width: 20px;
  font-size: 0;
  border: 0;
  padding: 0;
  margin: 0;
  color: #999;
}
#slider ul.slick-dots li button:hover, #slider button.slick-prev:hover, #slider button.slick-next:hover, #slider ul.slick-dots li.slick-active button {
  color: #333;
}
#slider ul.slick-dots li button:before {
  content: "\2022";
  width: 20px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 2rem;
}
#slider button.slick-prev {
  float: left;
}
#slider button.slick-next {
  float: right;
}
#slider button.slick-prev:before {
  content: "\25C0";
  font-size: 1.5rem;
}
#slider button.slick-next:before {
  content: "\25B6";
  font-size: 1.5rem;
}

/* Larger than tablet */
@media (max-width: 1000px) {
  #slider {
    display: block;
    float: none;
    width: 100%;
  }
}

#home-top-right p {
  margin-bottom: 1rem;
}

/* Larger than tablet */
@media (min-width: 550px) and (max-width: 1000px) {
  #home-top-right {
    display: block;
    float: none;
    width: 440px;
    margin: 0 auto 0
  }
}

#home-top-right h2.widgettitle {
  color: #cc0000;
  text-align: center;
  border: none;
  font-size: 2rem;
  margin: 0;
  }

#home-top-right ul li {
  list-style-type: none;
  background: url(/wp-content/themes/iyca/images/bullet.png) left 5px no-repeat;
  padding-left: 20px;
  }

#home-top-right form {
  margin: 0;
  }

#home-top-right form label {
  display: none;
  }

#home-top-right input {
  margin: 2px 0;
  }

#home-top-right input[type="submit"] {
  background: #f18232;
  color: #fff;
  border: 0px;
  margin-bottom: 2rem;
  }

#intro {
  }

#featured .offering {
  text-align: center;
  width: 46%;
  margin: 2%;
  float: left;
}

/* Larger than tablet */
@media (min-width: 800px) {
  #featured .offering {
    width: 21%
  }
}

#featured h3 {
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
  }

#featured h3 a {
  text-decoration: none;
}
#featured h3 a:hover {
  text-decoration: underline;
  }

#featured img {
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px;
  }

#additional {
  clear: both;
  }

#additional .offering {
  width: 140px;
  float: left;
  margin: 0 15px 0 0;
  }

#additional .offering img {
  border: 1px solid #e4e4e4;
  -webkit-border-radius: 1px; 
  -moz-border-radius: 1px; 
  border-radius: 2px; 
  }

#additional .offering a:hover img {
  border-color: #f18232;
  }

#additional .offering .thumb {
  position: relative;
  height: 88px;
  }

#additional .offering img.logo {
  border: none;
  position: absolute;
  right: 3px;
  bottom: 3px;
  }

#additional .offering h3 {
  color: #474747;
  text-transform: uppercase;
  margin-bottom: 5px;
  }

.home-sidebar-widget {
  margin: 0;
  /*padding: 20px;*/
  /*-webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; */
  }

.home-sidebar-widget .widgettitle span {
  display: block;
  padding: 0;
  }

.iyca_recent .widgettitle {
  }

.iyca_recent ul {
  }

.iyca_recent ul li {
  list-style-type: none;
  margin: 0;
  padding 0;
  }

.iyca_recent ul li.last {
  background: transparent;
  }

.iyca_recent ul li h3 a {
  color: #f18232;
  font: 18px 'NewsGothicNo.2W01-Roman', Helvetica, sans-serif;
  text-decoration: none;
  }

.iyca_recent ul li h3 a:hover {
  text-decoration: underline;
  }

#text-4 .widgettitle {
  padding: 5px 0;
  }

.highlight {
  color: #f18232;
  text-align: right;
  display: block;
  }

/* --------------- Pre Footer --------------- */

#pre-footer {
  clear: both;
  background: #bebebe;
  float: left;
  width: 100%;
  padding: 2rem 0;
  }

#pre-footer h2 {
  color: #656565;
  border: none;
  text-transform: none;
  text-align: center;
  margin-bottom: 2rem;
  }
#pre-footer ul {
  text-align: center;
}

#pre-footer li {
  display: inline-block;
  line-height: 50px;
  margin: 0 3px;
  }

#pre-footer li img.color {
  display: none;
  }

#pre-footer li:last-child {
  margin-right: 0;
  }

#pre-footer li.last {
  margin-right: 0;
  }

#pre-footer li img {
  vertical-align: middle;
  }

/* --------------- Footer --------------- */

#footer .container {
  padding: 2rem 0;
}

#footer #footer-nav {
  width: 100%;
}

#footer p {
  font-size: 1.2rem;
  color: #656565;
}

#footer #footer-nav a {
  color: #656565;
  text-decoration: none;
  }

#footer #footer-nav a:hover {
  color: #F18232;
  }
#footer ul#footer-nav-row {
  list-style-type: none;
}
#footer ul#footer-nav-row li {
  margin: 0;
  line-height: 2;
  display: block;
}
#footer ul#footer-nav-row li a {
  display: block;
  width: 90%;
}
@media (min-width: 650px) {
  #footer #footer-nav {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
  }
  #footer ul#footer-nav-row li {
    display: table-cell;
  }
  #footer ul#footer-nav-row {
    display: table-row;
  }
  #footer ul#footer-nav-row li a {
    border-bottom: 1px solid #555;
  }
}
#footer ul#footer-nav-row li.first, #footer ul#footer-nav-row li ul.sub-menu {
  display: none;
}
@media (min-width: 800px) {
  #footer ul#footer-nav-row li ul.sub-menu {
    display: block;
margin: 0;
  }
}
#footer ul#footer-nav-row li ul.sub-menu li {
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
}
#footer ul#footer-nav-row li ul.sub-menu li a {
  border: 0;
}

/* --------------- Posts --------------- */

.post p {
  font-size: 1.6rem;
  line-height: 1.5;
  }

#content .entry h1,
#content .entry h2  {
  border: none;
  font-size: 3.0rem;
  }
#content .entry h3,
#content .entry h4 {
  border: none;
  font-size: 2.4rem;
  }
#content .entry h5,
#content .entry h6 {
  border: none;
  font-size: 1.5rem;
}

.post .post-title {
  }

.entry img {
  /*border: 1px solid #cecece;*/
  padding: 4px;
  max-width: 100%;
  text-align: center;
  float: none;
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
  }

/* Larger than tablet */
@media (min-width: 800px) {
  .entry img {
    text-align: left;
    margin: auto;
  }
  .entry img.alignright {
    float: right;
    margin-left: 10px
  }
  .entry img.alignleft {
    float: left;
    margin-right: 10px;
  }
  .entry img.aligncenter {
    margin: 0 auto;
  }
}

.post-date {
  }

.post-edit-link {
  float: left;
  }

.post h2 a {
  text-decoration: none;
  }

.post .comment-link {
  background: url(/wp-content/themes/iyca/images/comment-bg.png) no-repeat;
  padding: 4px 15px 7px;
  margin-left: 20px;
  }

.post .comment-link a {
  color: #fff;
  text-decoration: none;
  }

.post .more-link {
  font-size: 12px;
  margin-left: 10px;
  }

#respond {
  margin-top: 2rem;
}

.fb-comments-container .fb_iframe_widget,
.fb-comments-container .fb_iframe_widget span,
.fb-comments-container .fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}

.fb-comments-container {
  margin-bottom: 2rem;
}

.comment-tabs {
  margin-bottom: 1rem;
}
.comment-tabs span {
  color: #999;
}
.comment-tabs div {
  display: inline-block;
  border-radius: 5px;
  padding: 0 10px;
  cursor: pointer;
  float: right;
}
.comment-tabs div.active {
  /*font-weight: bold;*/
  background-color: #f3f3f3;
}
.comment-tabs div:hover {
  background-color: #f18232;
  color: white;
}
.wordpress-comments-container {
  display: none;
}

/*.social-view {
  display: table;
  border-collapse: separate;
  width: 100%;
  table-layout: fixed;
}
.social-row {
  display: table-row;
}*/
.social-row .social-facebook,
.social-row .social-twitter,
.social-row .social-google,
.social-row .social-linkedin,
.social-row .social-pinterest {
  float: left;
  height: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.social-row .social-twitter {
  margin-right: -20px;
}

.fb-share-button {
  line-height: 20px;
  float: left;
}

/* --------------- Pagination --------------- */

.navigation {
  border-top: 1px solid #eaeaea;
  padding: 10px 0 0 ;
  }

.navigation a {
  background: #ebebeb;
  padding: 10px 20px;
  color: #656565;
  text-decoration: none;
  display: block;
  float: left;
  }

/* --------------- Sidebar --------------- */

#sidebar .widget {
  margin: 0 0 2rem;
  /*-webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; */
  }

#sidebar .widget_recent_entries ul li {
  list-style-type: none;
  line-height: 1.4;
}

#sidebar .widget_recent_entries ul li a {
  text-decoration: none;
}

#sidebar .widget_recent_entries ul li a:hover {
  text-decoration: underline;
}

#sidebar img {
  border: 1px solid #676767;
  display: block;
  margin: 0 auto;
  }

#sidebar h3 {
  font-size: 2rem;
  color: #333333;
  text-align: center;
  margin: 1rem 0;
  }

#sidebar a.button {
  color: #333;
  margin-bottom: 2rem;
}

/* --------------- Events Page --------------- */

body.page-id-195 {
  background: #201d1e url(http://iyca.org/wp-content/uploads/2015/01/eventsbg.jpg) no-repeat;
  background-size: cover;
  color: white;
}
body.page-id-195 h1.page-title {
  border: 0;
}
body.page-id-195 #main #content .entry {
  background: rgba(32,29,30,0.9);
  border-radius: 10px;
  padding: 20px 10px 10px;
}

ul.spaced li {
  margin-top: 1em;
}
ul.spaced li strong {
  display: block;
}

.store-item { float: left; width: 46%; padding: 2%; border-top: 1px solid #cecece; }
.store-item:nth-child(odd) { clear: both; }	 	 
.store-item img, .store-item h2, .store-item h3 { display: block; margin-top: 1em; }	 	 
.store-item a { text-decoration: none; font-weight: bold; }	 	 
.store-item h2 { color: black; font-weight: bold;}

.store-itemCEU {
	width: 900px;
	padding: 2%;
	margin-bottom: 10px;
	border: 1px solid #cecece;
}

.store-itemCEU h2 {
	color: black;
	font-weight: bold;
	font-style: normal;
	margin: auto;
	}

.advisory {
text-align: center;
}


#registerButton {
    font: normal 12px "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-decoration: none;
    background: #f18232;
    border: none;
    padding: 10px 12px;
    color: white;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ig_form_container form.ig_clear_fix input {
  color: black;
}