/*****************************
*     MyCreativeCricket      *
*****************************/

/*****  GLOBAL  *****/

/*  Body  */
html {
  position: relative;
  min-height: 100%;
}
body {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.8;
  max-width:1000px;
    margin-left:auto;
  margin-right:auto;
}


body > .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

a { color:#e100a3;	
}

a:hover{ color:#2fd3bf;
	
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 70%;
}
main li {list-style:none; }

img {max-width:100%;}

/*  Text Manipulation  */
.t-right {
  text-align: right;
}

.center {
  text-align: center;
}

h2, h3 {
  color:#404041;
  margin:0;
}

.feature {
	margin-bottom:10px;
	line-height:1em;
	font-weight:bold;
	
}

.feature a{color:#404041;
font-size:0.8em;
text-decoration:none; 


	
}

.bold {
  font-weight: 700;
}

.light {
  font-weight: 300;
}

/*  Nav  */
.navbar {
  border-top: 5px solid #2FD3BF;
  background-color: #fff;
  border-bottom: 0;
  padding: 1rem;
}

.nav-logo {
  width: 250px;
  position: relative;
  bottom: 18px;
}

.navbar-default .navbar-nav>li>a {
  color: #404041;
  font-size:125%;
}
.navbar-default .navbar-nav>li>a:hover{
 color: #2FD3BF;}

.navbar-default .navbar-nav>li>a span {
  color: #e100a3;
}
.navbar-default .navbar-nav>li>a:hover span {
  color: #2FD3BF;
}

/*  Footer  */
.footer {
  width: 100%;
  background-color: #fff;
    margin-left:auto;
  margin-right:auto;
}

.footer-space {
  padding: 3rem 0;
}

.footer-logo {
  width: 51px;
}

.mrclark {
  width: 150px;
margin-top: -40px;
}

.copyright {
margin-top:15px;
}

.copyright a {
  color: inherit;
  text-decoration: underline;
}

.copyright p {
  margin: 0;
}

.copyright img {
  position: relative;
  bottom: 2px;
}

.share-txt {
  font-weight: 300;
  font-size: 2.5rem;
  margin: 0;
  padding: 0 10px 0 0;
  position: relative;
  top: 3px;
}

/*****  HOMEPAGE  *****/

/*  Header  */
.jumbotron {
  height: 5vh;
  margin-top: 30px;
 background-color:#fff;
  background-size: cover;
  background-position: center 30%;
  margin-bottom: 0;
  min-height:20px;
}
.jumbotron p, .subpage-header p {color:#fff; text-transform:uppercase; text-align:center; font-weight:600; font-size:120%;}

.jumbotron a:hover {text-decoration:none;}


.leaderboard {
	width:100%;
	height:125px;
	padding: 10px 0 10px;
	background-color:transparent;

}

.square{
	width:100%;
	height:auto;
	padding: 15px 0 15px;
	background-color:transparent;
}


.top-leaderboard {
	width:100%;
	height:100px;
	background-color:transparent;
	text-align:center;
	margin-top: 75px;
	margin-bottom: 0px;
	padding-bottom:0px;
}

@media (max-width: 768px) {
	.top-leaderboard {
		margin-top:25px;
		margin-bottom:15px;
		
	}

}

@media (max-width: 568px) {
	.top-leaderboard {
		margin-top:25px;
		margin-bottom:35px;
		
	}

}
.main-logo {
  display: block;
  margin: 0 auto;
  width: 868px;
}




/* Colored Blocks  */

.color-sec {
  height: 280px;
  position: relative;
  bottom: 0px;
  box-sizing: border-box;
  padding: 2rem;
  color: #fff;
}
.color-sec a, .day-btn a, .agenda-color-sec-1 a, .agenda-color-sec-2 a, .agenda-color-sec-3 a, .agenda-color-sec-4 a, {
	color:#fff !important; 
	text-decoration: none !important;
}

.color-sec h2 {
  margin-top: 0;
  font-weight: 700;
  color:#fff;
  letter-spacing:-1px; font-size:26px;
}



.pink,
 {
  background: #fff;
}
.glyphicon.pink {color: #e100a3; font-size:150%; background:none; margin-right:5px;}




.color-sec-btn {
  box-sizing: border-box;
  width: 60%;
  height: 40px;
  border: 2px solid #fff;
  text-align: center;
  padding-top: .5rem;
  margin-top: 2rem;
}

.color-sec-btn:hover {
  cursor: pointer;
  font-weight:700;
  /*background:#fff;
  opacity:.5;
   filter: alpha(opacity=50); /* For IE8 and earlier */
}

.color-sec-img {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  background-image: url('');
  background-repeat: no-repeat;
}



/*  Main Content  */

main {
  margin-bottom: 50px;
  margin-left:auto;
  margin-right:auto;
	margin-top: 40px;

}

h1 {
  text-align: left;
  position: relative;
  font-size: 3.2rem;
  font-weight: 400;
  color:#404041;
  display:block;
}
main h1.home {
  text-align: left;
  position: relative;
  font-size:2rem;
  font-weight: 300;
}

main h4 {
  font-weight: 700;
}

.yellow-underline {
  background:#404041;
  height:8px;
  border-radius:6px;
  margin:-25px auto 25px;
  display:block;
  width:15%;
}
.jumbotron .yellow-underline{
	height:4px;
	width:7.5%;
	margin:-50px auto 0;
}

.approved-for.home {padding-left:20%;}

.approved-for div {
  display: inline-block;
}


.event {font-size:2.25rem;}



.short-text {
  text-align: left;
  line-height: 1.2;
  font-size: .95rem;
  width: 250px;
  margin: 0 0 5px 0;
  background:url('') 0 0 no-repeat;
  padding-left:20px;
}

/*****  SUBPAGES GLOBAL *****/
.subpage-header {
  margin-top: 45px;
  width: 100%;
  background: #404041;
}
.subpage-header .yellow-underline{
	height:4px;
	width:7.5%;
	margin:-50px auto 0;
}

.img-bg {
  height: 30vh;
  background-size: cover;
  background-position: center 35%;
  min-height:200px;
}



.big-quote {
  display: block;
  margin: 0 auto;
}



/**  Tri's, need to clean up  **/
.tri-b::after {
    content: '';
    position: absolute;
    left: 45%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #404041;
    clear: both;
}

.tri-pi::after {
    content: '';
    position: absolute;
    left: 45%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #404041;
    clear: both;
}

.tri-pu::after {
    content: '';
    position: absolute;
    left: 45%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #404041;
    clear: both;
}

.tri-o::after {
    content: '';
    position: absolute;
    left: 45%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #404041;
    clear: both;
}

.event {
  padding: 2rem 0 2rem 3rem;
  border-left: 2px solid #404041;
}


.color-pink {
  color: #e100a3;
}

.color-white {
  color: #fff;
}

main a {
  color: #2fd3bf;
  text-decoration:underline;
}

main a:hover {
  text-decoration: none;
  color: #e100a3;
}


.alert-warning .glyphicon {font-size:150%;}


.carousel-indicators li {background:none; padding:0; display:none;}
.carousel-control.right,.carousel-control.left {background:none; display:none;}


strong.bigger {font-size:120%;}
p.reg-btn a {text-decoration:none;}
p.reg-btn .lg-register-btn {font-size:2.5rem; height:50px; width:200px;}



/*****  RESPONSIVENESS  *****/
@media (max-width: 991px) {
  .main-logo {
    padding-top: 50px;
    width: 540px;
  }
}

@media (max-width: 768px) {
  .color-sec {
    padding: 4rem;
  }

  .color-sec-img {
    right: 60px;
    bottom: 60px;
  }
}

@media (max-width: 644px) {
  .main-logo {
    padding-top: 50px;
    width: 400px;
  }
}



	
.submit:hover {
	color: #2fd3bf;
}
	
.ease {
	width: 100%;
	height: 10px;
	background-color:transparent;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:#404041;
}


.button .button2{
	font-family: 'open sans', sans-serif;
	cursor:pointer;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
  text-align:center;
  text-decoration:none;
  	border-radius: 5px;


}

.button{
	background-color:#2fd3bf;
		padding:10px 10px; 
	margin-left: auto;
    margin-right: auto; 
	max-width:350px;
	text-decoration:none;
	color:#fff;
    border-radius: 5px;
}
.button:hover{background:#404041;color:#fff;text-decoration:none;	}
.button a{color:#fff; text-decoration:none;}
.button:active{outline:none;text-decoration:none;color:#fff;}


.button2{
	background-color:#e100a3;
	padding:10px 10px; 
	margin-left: auto;
    margin-right: auto; 
	max-width:350px;
	text-decoration:none;
	color:#fff;
		border-radius: 5px;
}
.button2:hover{background:#404041;color:#fff;text-decoration:none;	}
.button2 a{color:#fff; text-decoration:none;}
.button2:active{outline:none; text-decoration:none;color:#fff;}



.sidelist {

	text-decoration:none;
	padding: 25px;
	background:#fff;
	padding:0;
	font-size:1.2em;
	margin-left:30px;
	text-align:left;
}


.sidelist a{
	color:#404041;
	text-decoration:none;
	
}

.sidelist ul{padding-left:0;}

.sidelist li{border-bottom: 1px solid #e1e1e1;}

.sidenav {

	width:100%;
	border:none;
	font-size:1em;
	text-align:center;
}

.sidenav a{
	text-decoration:none;
}

@media (max-width: 1000px) {
	.sidenav { 
	margin-top:60px;
	}
	
		
	}



.sidelist a{position:relative;color:#404041;font-weight:600;text-decoration:none}
.sidelist a:hover{color:#2fd3bf;text-decoration:none}
.sidelist a.active{color:#f0d5a1}




html,button,input,select,textarea{font-family: 'Open Sans', sans-serif;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

.topvideo {
	overflow:auto;
    height: 100%!important;
	
}


.toptop {
	overflow:auto;
    height: 100%!important;
	margin-top:
	
}

.topvideo iframe{
    height: 250px!important;
	
}
@media (max-width: 644px) {
	.topvideo iframe{
    height: 250px!important;
	
}
	
}

.colorStripes { display:inline-block; width:100%;
padding-bottom:.5rem; padding-right:20px;
	
}
.colorStripes li{display:block;height:5px}


footer .colorStripes li:nth-child(1){background:#2fd3bf;width:20%}
footer .colorStripes li:nth-child(2){background:#e1e1e1;width:20%}
footer .colorStripes li:nth-child(3){background:#2fd3bf;width:20%}
footer .colorStripes li:nth-child(4){background:#e1e1e1;width:20%}
footer .colorStripes li:nth-child(5){background:#2fd3bf;width:20%}


.colorStripes li{display:inline-block;float:left}


.navbar-header {margin-bottom:20px;  }

.top-h2{margin-top:15px;}

.line { margin: 20px 0;
}

/*  ENTRIES */
.entry{width:100%; vertical-align:top; display:block; border-bottom:1px solid #e1e1e1;  margin-top:20px;object-fit: contain; overflow:auto}

.entry2{width:100%; vertical-align:top; display:block; margin-top:20px;object-fit: contain; overflow:auto}

.entry-img{float: left; margin: 0 15px 10px 0; border-radius:5px; width:50%;}

.rounded { border-radius:5px; }

@media (max-width: 1000px) {
	
.entry-img{float: none; margin: 0 0 15px; border-radius:5px; width:100%;}	
}




.video-box{ width:100%; overflow:auto; float:left; margin-right:0px;}

.video{width:49%; height:auto; margin: 0px; display:inline-block; overflow:auto;}

.entry-p{font-size: 0.9em;}

@media (max-width: 800px) {
	.video{width:100%; margin:none; padding:none; height:auto;}
	
}


.entry-span{white-space:nowrap;}

.archive{text-align:center; margin-bottom:20px;}

.archive-div {display:inline-block;}

.right {float:right; padding:70px 20px 0 0;}

.right-div1{color:#ffffff; margin:0 0 10px;}

.right-div2{margin:10px 0;}

.right-button{padding:5px 10px; text-align:center;}

.right-button1{color:#ffffff; text-align:center;}

.right-h2{color:#404041; margin:5px 0 15px 30px;}

.align-right{
	text-align:right;
	
}

.block-form {display:block; overflow:auto; height:425px;}

.inline {display:inline-block;}

.sub-icon{margin-bottom:10px;}

.art-icon{margin:10px 0 0 0;}

.home-icon{margin:15px 0 10px 0;}

.affiliate{font-size:0.8em; color:#ADADAD;}

.no-wrap{white-space:nowrap}

.black{color:#404041;}

.white{color:#fff;}

.green{color:#2fd3bf;}

.no-decoration{text-decoration:none;}

.big {font-size:1.4em; line-height:1.4em;}

h1{color:#404041; margin:0px 0 15px 0;}

h3{color:#404041; font-size:1.4em; margin-top:0;}

h3 a{color:#404041; text-decoration:none; font-size:1.1em;   }

.h3-look{color:#404041; font-size:1em; margin-top:0; }

.inline{display:inline-block;}

.right-float{float:right;}

.left-float{float:left;}

.tight {margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
.tight-top {margin-top:0;
padding-top:0;
}

.tight-bottom {margin-bottom:0;
padding-bottom:0;
}


/* =Form
-------------------------------------------------------------- */

#feedback-page{
	text-align:center;
}

#form-main{
	width:100%;
	padding-top:0px;
	display:block;
	overflow:auto;

}

#form-div {
	background-color:transparent;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	left: 50%;
	right: 50%;
	position: absolute;
	margin-left: -200px;
	margin-right: -200px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  color:#fff;
  	display:block;
	overflow:auto;
	height:500px;
}

.feedback-input {
	color:#404041;
	font-family: 'open sans', sans-serif;
  font-weight:500;
	font-size: 1em;

	line-height: 18px;
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 2px solid #2fd3bf;
	color: #404041;
	outline: none;
  padding: 5px 5px 5px 5px;
}

.focused{
	color:#404041;
	border:#2fd3bf solid 2px;
}



textarea {
    width: 100%;
    height: 100px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:#fff;
}

#button-green{
	font-family: 'open sans', sans-serif;
	width: 100%;
	border: #2fd3bf solid 2px;
	cursor:pointer;
	color:#fff;
	font-size:1.1em;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
  margin-top:-4px;
  font-weight:500;
  background-color:#2fd3bf;
}

#button-green:hover{
	background-color: #e100a3;
	color: #fff;
	border: #e100a3 solid 2px;
}
	
.submit:hover {
	color: #2fd3bf;
}
	
.ease {
	width: 100%;
	height: 10px;
	background-color:transparent;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:#fff;
}

.security{color:#404041;}



@media (max-width: 768px) {
	#form-main{
	margin-bottom:370px;
	}
}


/* =END Form
-------------------------------------------------------------- */

.active {color:#2FD3BF;}


/*back to top btn -------------------------------------------------------------- */
a.back-to-top {display: none;width:60px;height:60px; position: fixed;z-index: 999;right:20px;bottom:100px;
    background-repeat: repeat-x;
                -webkit-border-radius:30px;
                -moz-border-radius: 30px;
                border-radius:30px;
                background:#404041;
                text-align:center;
                font-size:12px; line-height:1.2; padding-top:5px; color:#fff; font-weight:800; text-decoration:none;
}
a:hover.back-to-top {background-color:#2fd3bf;}

/*TOGGLE OPEN/CLOSE -------------------------------------------------------------- */
.togglelink {
    cursor: pointer;
                margin-bottom: 0px;
                background-image: url('../assets/plus.png');
                background-repeat:no-repeat;
				margin-left:0px;
				padding-left:0px;
}
 
.togglelink li {
                margin-left:-10px;
                padding-left:0px;          
}
li.open {
                background-image: url('../assets/minus.png');
                margin-left:0px;
                padding-left:0px;
                background-repeat:no-repeat;
}
.toggle li{
                margin-top: 15px !important;
                margin-left:0 !important;
                padding-left:25px!important;
}
.toggle ul{
                padding-left:0;
				list-style:none;
}

.image{ width:49%  }

@media (max-width: 570px) {
	.image{ width:100%  }
}

.slideshow{ width:23%  }

.toggle li{
                margin-left:-50px !important;
                padding-left:25px!important;
}



@media (max-width: 644px) {
	.slideshow{ width:100%  }
}