/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

@font-face {
    font-family: 'akrobatblack';
    src: url('http://www.siklabatleta.ph/wp-content/themes/bb-theme-child/fonts/akrobat-black-webfont.woff2') format('woff2'),
         url('http://www.siklabatleta.ph/wp-content/themes/bb-theme-child/fonts/akrobat-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

a,
a span{
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}

header .nav a{
	font-family: 'akrobatblack' !important; 
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}


.fl-page-nav-wrap #menu-primary-1.navbar-nav li > a:hover{
    color: #0060ae;
}

.fl-logo-img{
	max-width: 150px;
}

.akrobat,
.akrobat p,
.akrobat h1,
.akrobat h2,
.akrobat h3
.akrobat h4,
.akrobat h5,
.akrobat h6,
.akrobat h1 span,
.akrobat h2 span,
.akrobat h3 span,
.akrobat h4 span,
.akrobat h5 span,
.akrobat h6 span{
	font-family: 'akrobatblack' !important;
}
.caps-heading,
.caps-heading *{
	text-transform: uppercase !important;
}
.gold{
	color: #f5b45d !important;
}


.dark-box{
	background: rgba(0,0,0,0.8);
	padding: 20px 40px;
}




.fl-node-5b0ec08496f0d img{
	max-width: 70% !important;
}

.athlete-content a.learn-more{
	color: #fff;
	font-weight: 800;
	font-size: 12px;
}
.athlete-content a.learn-more:hover{
	color: #000;
} 


.number-head{position: relative;}
.number-head .fl-module-content::before{

	background: #f5b45d !important;
	height: 1px;
	width: 100px;
	display: block !important;
	position: absolute;
	top: 15px;
	left: 85px;
 
}

.donate-button a{
	border: 1px solid #fff !important;
	font-size: 22px;
}

.donate-box{
	z-index: 9;
	position: relative;
}

.long-arrow{
	margin-top: -12px;
	margin-left: 30px;
}


 
.athlete_archive_grid .athlete-grid{
	min-height: 200px !important;
}

.the_details{
	background: #939598;
	padding: 10px;
}
.the_details h3{
	margin: 0;
	font-size: 20px;
	color: #fff;
}
.the_details h5{
	margin: 0;
	color: #f5b45d;
}





::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #231f20 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #231f20 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #231f20 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #231f20 !important;
}


.update-form input[type="text"],
.update-form input[type="email"]{

	background: #d1d3d4 !important;
	border: none !important;
	color: #000 !important;
	border-radius: 0;
	padding: 15px 15px;
	height: auto;
	margin-bottom: 10px;
	font-weight: 400 !important;

}

.thecheck{
	text-align: center;
	margin: 20px 0;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.submit-btn{text-align: center;}
.submit-btn input[type="submit"]{
	background: #DE5F5B !important;
	color: #fff;
	border-radius: 0;
	border: none;
	font-weight: 700;
	font-size: 20px;
	padding: 12px 15px;
	margin-top: 15px;
}


.media-slider .fl-post-slider-content-bg{
	width: 100% !important;
}

.media-slider .fl-post-slider-content::before{
	content: "PRESS RELEASE";
	background: #668da8 !important;
	color: #fff !important;
	padding: 4px 14px !important;
	font-family: 'akrobatblack' !important; 
	display: inline-block;
}



.press-release{
	padding: 30px 30px 10px 30px;
	background: #668da8 !important;
}
.press-release .fl-post-text{
	padding: 20px 0 !important;
	color: #fff !important;
}
.press-release .fl-post-text a{
	color: #fff !important;
}

.press-release .fl-post-more-link{
	font-family: 'akrobatblack' !important; 
	text-align: right !important;
}
.press-release .fl-post-more-link a{
	color: #fbb040 !important;
}

.athlete-modal .dc{padding: 15px;}
.athlete-modal .dc p{
	font-family: 'akrobatblack' !important;
	color: #535353;
}


.social-links-grid a{
	color: #f5b45d;
	padding-right: 5px;
}
.social-links-grid a i{
	font-size: 20px;
}


.athlete-grid{
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}
.athlete-grid:hover{
	opacity: 0.8;
	cursor: pointer;
}




/*** MEDIA QUIRIES ***/


@media (max-width: 767px){

	.athlete-grid{
		background: none !important;
	}	

	.athlete-featured{
		text-align: center;
	}
	.athlete-featured img{
		max-width: 250px !important;
		width: 100% !important;
	}

	.athlete-content{
		margin-bottom: 30px;
		color: #fff;
		text-align: center;
	}
	.athlete-content h3{
		color: #fff;
	}

	.athlete_archive_grid .athlete-grid {
	    min-height: 0px !important;
	}
	
	.fl-post-slider-post .fl-post-slider-title{
	    font-size: 18px;
	}

}

 
@media (max-width: 768px){
	#hero-text h1{
		font-size: 45px;
		line-height: 45px;
		text-align: center;
	}

	.dark-box{padding: 20px !important;}
	.dark-box p span{
		font-size: 20px !important;
	}

	.center-mobile,
	.center-mobile *{
		text-align: center !important;
	}

	.center-mobile .fl-separator{margin: auto !important;}

	
	.modal-area{
		max-width: 900px !important;
		width: 75% !important;
		margin: auto !important;
	}

}

@media (min-width: 768px){

	.dark-box{
		padding: 30px 40px 50px;
	}

	.athlete-grid{
		background-size: cover !important;
		background-position: top center !important;
		min-height: 405px;
	}
	.athlete-featured{display: none !important;}
	.athlete-content{
		height: 100%;
		position: absolute;
		width: 90.5%;
		padding: 40px 28px;

		background: rgba(244,173,90,0.8);
		color: #fff;

		opacity: 0;

	}
	.athlete-content h3{
		font-size: 30px;
		color: #fff;
		line-height: 30px;
	}
	.athlete-content p{
		font-size: 14px;
	}

	.athlete-grid:hover > .athlete-content{
		opacity: 1;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	
	.media-slider .fl-post-slider-content{
        width: 100% !important;
        position: absolute !important; 
        bottom: 0 !important;
    }


}


@media (min-width: 769px){
	#hero-text h1{
		font-size: 75px;
		line-height: 75px;
		text-align: left;
	}
	.modal-area{
		margin: 150px auto 30px !important;
	}
}

@media (min-width: 992px){
	
	#hero-text h1{
		font-size: 100px;
		line-height: 100px;
	}

}



@media (min-width: 1200px){

	.fl-page-header-logo{
		padding: 0 65px !important;
	}

	.athlete-content{
		width: 50%;
	}

}