/*

Theme Name: MCML

Theme URI: http://320press.com/wpbs

Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.

Version: 3.3.1

Author: Chris Barnes

Author URI: http://cbarn.es

Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options

License: GNU General Public License v2.0 & Apache License 2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0

*/



/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */



#top-menu {

  height: 50px;

  line-height: 50px;

  background-color: #333333;

}

#top-menu ul {
  text-align: left;
    list-style-type: none;

    margin:0px;

    padding:0px;

}

#top-menu li {

    display: inline;

	margin-right:25px;

}

#top-menu a{

	color:#fff;

  font-family: 'Roboto Condensed', sans-serif;

}

#menu-main a{

  font-family: 'Roboto Condensed', sans-serif;

	color:#000;

text-transform:uppercase;

  margin-top: -1px;

    border-top: 5px solid #fff;

}



.page-header h1 {

  margin-top: 0px;

}

.page-header {

  margin-top: 0px;

}

.page-header h1 {

    font-size: 38px;

  color: #0091cd;

}



.page-header time{

  color:#a2a2a2;
  margin-top: 5px;
  display: inline-block;
}

#top-meta .col-md-6 {

  padding-left: 0px;

  padding-right: 0px;

}

.tags a {

  background-color: #d9d9d9;

text-transform:uppercase;

  color: white;

  padding: 3px 8px;

  border-radius: 5px;
  white-space: pre;
  margin-top: 5px;
  display: inline-block;
}

.tags a:hover{

    text-decoration: none;

  color: #E7E7E7;

}



#auth-image img{

  width:95px;

  height: 95px!important;

  border-radius: 50%;

    text-align: center;

}

.entry_author_image {

  text-align: center;

}

#auth-title {

  padding: 10px;

  text-align: center;

  font-weight: 700;

  border-bottom: 4px solid black;

}

#foot {

  background-color: #005697;

  color: white;

  padding-top: 50px;

}

#foot ul{

  list-style: none;

}

#foot li{

  margin-bottom: 10px;

}

.brd{

    border-right: 2px solid white;

}

#foot span{

  color: white;

}

#foot a{

  color:white; 

  font-size: 18px;

}

#foot a:hover{

  text-decoration: none;

  color:#0091cd; 

}

#footer-tags .col-md-6 {

  background-color: #0091CE;

  padding: 5px 11px;

  width: 46%;

  margin: 0px 5px 10px 5px;

}

.footer-ll li {

  background-color: #0065A4;

  margin-bottom: 10px;

  padding:5px 10px;

}

.footer-ll ul {

  padding-left: 0px;

}

#foot-top {

  background-image: url(images/bg_hashtag.jpg);

  min-height: 500px;

  line-height: 449px;

  text-align: center;

}

#foot-bottom {

  background-color: #499FD7;

  margin-top: 0;

  height: 50px;

  line-height: 50px;

}

.post_content p {

  line-height: 1.6em;

    text-align: justify;

}

.wall-masonry > h3 {

  display: none;

}



.home #main header {

  display: none;

}

#respond #form-allowed-tags {

  display: none;

}

.navbar-default{

  -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);

-moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);

box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);

}

.st-content-showcase-wall.constant .item .inner .info .title a {

  line-height: 20px!important;

  font-size: 14px!important;

}

.category-wall {

  display: none;

}

.home .category-wall {

  display: block;

}

/* Utility Classes */



.right-align{

	  text-align: right;

}


.title-main {
  font-size: 45px;
}


.home .fluid-container {

  margin-top: -30px;

}



#featured {
  background-image: url(http://myclubmylife.com/wp-content/themes/mcml/style.css);

  background-color: lightblue;

}

#featured .title {

  width: 50%;

  background-color: #F4621E;

  padding: 10px;

  color: white;



font-family: 'Covered By Your Grace', cursive;

    text-transform: uppercase;

}



#featured .sub-title {

  background-color: rgba(0,0,0,0.2);

  width: 70%;

  margin-top: 10px;

  padding: 15px;

  color: white;

  font-size: 18px;

}

#featured .content {

    width: 70%;

  margin-top: 10px;

  min-height: 50px;

  background-color: rgba(0,0,0,0.1);

  margin-bottom: 40px;

}



#explore {

  padding: 35px 0px 55px 0px;

  background-image: url(images/bg_explore.jpg);



}


#explore  .title-main {

  text-align: center;

  padding: 10px;

  color: white;



font-family: 'Covered By Your Grace', cursive;

    text-transform: uppercase;

}

#explore .st-wall-nav {

  display: none;

}

#interact {

  /* padding: 35px 0px; */
  padding: 35px 0px 80px 0px; /* --- DM, 2015-08-30 --- */

  background-image: url(images/bg_interact.jpg);

}

#interact .title-main {

  text-align: center;

  padding: 10px;

  color: white;



font-family: 'Covered By Your Grace', cursive;

    text-transform: uppercase;

}

#videos {

  padding: 35px 0px;

  background-image: url(images/bg_videos.jpg);

}

#videos .title-main {

  text-align: center;

  padding: 10px;

  color: white;



font-family: 'Covered By Your Grace', cursive;

    text-transform: uppercase;

}

#games {

  padding: 35px 0px 75px 0px;

  background-image: url(images/bg_games.jpg);

}

#games .title-main {

  text-align: center;

  padding: 10px;

  color: white;



font-family: 'Covered By Your Grace', cursive;

    text-transform: uppercase;

}

.videoWrapper {

  position: relative;

  padding-bottom: 56.25%; /* 16:9 */

  padding-top: 25px;

  height: 0;

}

.videoWrapper iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}







/*Change icons size here*/

.social-icons .fa {

  font-size: 1.4em;

}

.social-icons a{

    font-size: 24px;

}

/*Change icons circle size and color here*/

.social-icons .fa {

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  color: #FFF;

  color: rgba(255, 255, 255, 0.8);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}





.social-icons.icon-rounded .fa{

  border-radius:5px;

}

.social-icons.icon-flat .fa{

  border-radius: 0;

}



.social-icons .fa:hover, .social-icons .fa:active {

  color: #FFF;

  -webkit-box-shadow: 1px 1px 3px #333;

  -moz-box-shadow: 1px 1px 3px #333;

  box-shadow: 1px 1px 3px #333; 

}

.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1); 

}

.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { 

  -webkit-transform: scale(1.1) rotate(360deg);

  -moz-transform: scale(1.1) rotate(360deg);

  -ms-transform: scale(1.1) rotate(360deg);

  -o-transform: scale(1.1) rotate(360deg);

  transform: scale(1.1) rotate(360deg);

}

 

.social-icons .fa-adn{background-color:#504e54;} 

.social-icons .fa-apple{background-color:#aeb5c5;} 

.social-icons .fa-android{background-color:#A5C63B;}  

.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 

.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;} 

.social-icons .fa-css3{background-color:#1572B7;} 

.social-icons .fa-dribbble{background-color:#F46899;}  

.social-icons .fa-dropbox{background-color:#018BD3;}

.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  

.social-icons .fa-flickr{background-color:#FF0084;}

.social-icons .fa-foursquare{background-color:#0086BE;}

.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 

.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 

.social-icons .fa-html5{background-color:#E54D26;}

.social-icons .fa-instagram{background-color:#A1755C;}

.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 

.social-icons .fa-linux{background-color:#FBC002;color:#333;}

.social-icons .fa-maxcdn{background-color:#F6AE1C;}

.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}

.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 

.social-icons .fa-renren{background-color:#025DAC;}

.social-icons .fa-skype{background-color:#01AEF2;}

.social-icons .fa-stack-exchange{background-color:#245590;}

.social-icons .fa-stack-overflow{background-color:#FF7300;}

.social-icons .fa-trello{background-color:#265A7F;}

.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 

.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;} 

.social-icons .fa-vimeo-square{background-color:#229ACC;}

.social-icons .fa-vk{background-color:#375474;}

.social-icons .fa-weibo{background-color:#D72B2B;}

.social-icons .fa-windows{background-color:#12B6F3;}

.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 

.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}





.strip{

  height:300px;

}

#strip_1 {
  background-color: #000a4a;
}

.home .row{

  margin-left: 0px;

  margin-right: 0px;

}

.st-content-showcase-wall h3.title {

  margin: 0;

  line-height: 25px!important;

  font-size: 16px;
  margin-bottom: 8px!important;
}

.st-content-showcase-wall.constant .item .inner .info .category {
font-size:14px!important;
color: white!important;
background-color: #173272!important;
  }

  .st-wall-nav {
  display: none;
}

#findclub{
    float: right;
    background-color: orange;
    padding: 10px;
    border-radius: 10px;
    color: white;
    margin-top: 7px;
    height: 34px;
    margin-right: 37px;
}

.widget_yarpp_widget ul{
    padding: 0px;
}
.widget_yarpp_widget li {
  list-style: none;
   text-align:center;
   margin-bottom:15px;
}

.share-small .count {
  width: 210px!important;
}

#menu-main {
  margin-right: 20px;
}
#footer-tags a {
  font-size: 16px;
}
#foot a:hover {
  color:white;
}
ul.social-icons {
  margin-top: 20px;
}
#searchform {
  padding: 0;
  margin: 0px;
  margin-top: -3px;
  margin-left: -28px;
}

#respond {
  margin-top: 50px;
}













/*
 * jQuery FlexSlider v2.4.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('http://myclubmylife.com/wp-content/themes/mcml/fonts/webfont/flexslider-icon.eot');
  src: url('fonts/webfonts/flexslider-icon.eot') format('embedded-opentype'), url('fonts/webfonts/flexslider-icon.woff') format('woff'), url('fonts/webfonts/flexslider-icon.ttf') format('truetype'), url('fonts/webfonts/flexslider-icon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a .flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}


@media screen and (max-width: 860px) {
.tags {
  display: none;
}
#searchform {
  display: none;
}
}

/* hide mobile version by default */
#slider2 {display: none !important}
 
/* when the screen size is 800px or less */
@media all and (max-width: 800px) {
 
 /* hide desktop version */
 #slider1{display: none !important}
 
 /* show mobile version */
 #slider2{display: block !important}
 
}

/*
.item .title a {
    font-size: 30px!important;
    line-height: 40px!important;
    padding: 10px;
}
*/
.item .title a { /* DM, 2015-08-30 */
    font-size: 26px!important;
    line-height: 40px!important;
    padding: 10px 10px 10px 0px;
}

.st-content-showcase-wall.constant .item .inner .info .title a {
  line-height: 40px!important;

}
p{
	font-size:14px;
}
textarea#comment {
  height: 100px;
}

.amazingcarousel-image >div>a {
  display: none;
}
#foot-top {
  margin-top: 0px;
}
#slider{
    background-color: #005697;
      padding: 45px;
}
.getsocial{
  text-align: center;
  margin-top: 25px;
}
.getsocial a {
  width: 64px!important;
}

.st-content-showcase-wall.trully .layout-wall {
    background: #1B3476!important;
}
#menu-keystone-nav .active a {
    border-bottom: 3px solid orange!important;
    padding-bottom: 0px;
}