
/*
Theme Name:         CHILDHOOD LEUKIMIA FOUNDATION
Theme URI:          
Description:        
Version:            
Author:
Author URI:
Tags: 				
*/

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700,900);

@media (min-width: 1680px) { } 
@media (max-width: 1679px) { }
@media (min-width: 1280px) { }
@media (min-width: 1024px) and (max-width: 1279px) { }
@media (min-width: 800px) and (max-width: 1023px) { }
@media (min-width: 480px) and (max-width: 799px) { }
@media (max-width: 479px) { }

body,html {
	font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    line-height: 22px;
	color:#222222;
	-webkit-font-smoothing: antialiased;
	background-color:#FFF;
	font-weight:400;
}

.nopadding { padding:0; }
.nomargin { margin:0; }

.spacing5 { margin-bottom:5px; }
.spacing10 { margin-bottom:10px; }
.spacing15 { margin-bottom:15px; }
.spacing20 { margin-bottom:20px; }
.spacing25 { margin-bottom:25px; }
.spacing30 { margin-bottom:30px; }
.spacing35 { margin-bottom:35px; }
.spacing40 { margin-bottom:40px; }
.spacing50 { margin-bottom:50px; }

.spacing-5 { margin-bottom:-5px; }
.spacing-10 { margin-bottom:-10px; }
.spacing-15 { margin-bottom:-15px; }
.spacing-20 { margin-bottom:-20px; }
.spacing-30 { margin-bottom:-30px; }
.spacing-40 { margin-bottom:-40px; }
.spacing-50 { margin-bottom:-50px; }

.padding5 { padding:5px; }
.padding10 { padding:10px; }
.padding20 { padding:20px; }
.padding30 { padding:30px; }
.padding40 { padding:40px; }
.paddingtopbottom5 { padding-top:5px; padding-bottom:5px; }
.paddingtopbottom10 { padding-top:10px; padding-bottom:10px; }
.paddingtopbottom20 { padding-top:20px; padding-bottom:20px; }
.paddingtopbottom30 { padding-top:30px; padding-bottom:30px; }
.paddingtopbottom40 { padding-top:40px; padding-bottom:40px; }
.paddingtopbottom50 { padding-top:50px; padding-bottom:50px; }
.paddingtopbottom80 { padding-top:80px; padding-bottom:80px; }

.paddingleftright10 { padding-left:10px; padding-right:10px; }
.paddingleftright15 { padding-left:15px; padding-right:15px; }
.paddingleftright20 { padding-left:20px; padding-right:20px; }
.paddingleftright30 { padding-left:30px; padding-right:30px; }
.paddingleftright40 { padding-left:40px; padding-right:40px; }
.paddingleftright50 { padding-left:50px; padding-right:50px; }
.paddingleftright60 { padding-left:60px; padding-right:60px; }
.paddingleftright70 { padding-left:70px; padding-right:70px; }
.paddingleftright80 { padding-left:80px; padding-right:80px; }
.paddingleftright90 { padding-left:90px; padding-right:90px; }
.paddingleftright100 { padding-left:100px; padding-right:100px; }

.padding-top-lg-md-xs { padding-top:225px; }
.padding-top-sm { padding-top:290px; }

.color1 { color:#222222; } /* dark */
.color2 { color:#ffffff; } /* white */
.color3 { color:#7568af; } /* purple */
.color4 { color:#5a4b9c; } /* gold */
.color5 { color:#dcdcdc; } /* grey */
.color6 { color:#f4f4f4; } /* lightgrey */

.colorlink1 { color:#222222; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorlink1:hover,.colorlink1:active,.colorlink1:focus { color:#7568af; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorlink2 { color:#ffffff; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorlink2:hover,.colorlink2:active,.colorlink2:focus { color:#7568af; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorlink3 { color:#ffffff; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorlink3:hover,.colorlink3:active,.colorlink3:focus { color:#ffffff; transition: all 0.3s linear; text-decoration:underline; outline: none; }
.colorlink4 { color:#7568af; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorlink4:hover,.colorlink4:active,.colorlink4:focus { color:#222222; transition: all 0.3s linear; text-decoration:none; outline: none; }

.colorfb { color:#36589b; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorfb:hover,.colorfb:active,.colorfb:focus { color:#1c3f84; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colortw { color:#32aae1; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colortw:hover,.colortw:active,.colortw:focus { color:#2299cf; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorpl { color:#db4b39; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorpl:hover,.colorpl:active,.colorpl:focus { color:#ab2514; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorpi { color:#c91517; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorpi:hover,.colorpi:active,.colorpi:focus { color:#8b0103; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorin { color:#517ea3; transition: all 0.3s linear; text-decoration:none; outline: none; }
.colorin:hover,.colorin:active,.colorin:focus { color:#285c86; transition: all 0.3s linear; text-decoration:none; outline: none; }
.coloryt { color:#cd201f; transition: all 0.3s linear; text-decoration:none; outline: none; }
.coloryt:hover,.coloryt:active,.coloryt:focus { color:#285c86; transition: all 0.3s linear; text-decoration:none; outline: none; }



.flight { font-weight:200; }
.fthin { font-weight:300; }
.fnormal { font-weight:400; }
.fsemibold { font-weight:600; }
.fbold { font-weight:700; }
.fblack { font-weight:900; }

a { transition: all 0.3s linear; text-decoration:none; outline: none; }
a:hover { transition: all 0.3s linear; text-decoration:none; outline: none; }

img.logo { position:absolute; z-index:99; margin-top:-15px; }

/*
.row.wide-gutters { margin-right:-35px; margin-left:-35px; }
.row.wide-gutters [class^="col-"], .row.wide-gutters [class*=" col-"]{ padding-right:35px; padding-left:35px; }
*/
.row.normal-gutters { margin-right:-15px; margin-left:-15px; }
.row.normal-gutters [class^="col-"], .row.normal-gutters [class*=" col-"]{ padding-right:15px; padding-left:15px; }
.row.ten-gutters { margin-right:-10px; margin-left:-10px; }
.row.ten-gutters [class^="col-"], .row.ten-gutters [class*=" col-"]{ padding-right:10px; padding-left:10px; }
.row.five-gutters { margin-right:-5px; margin-left:-5px; }
.row.five-gutters [class^="col-"], .row.five-gutters [class*=" col-"]{ padding-right:5px; padding-left:5px; }
.row.zero-gutters { margin-right:0px; margin-left:0px; }
.row.zero-gutters [class^="col-"], .row.zero-gutters [class*=" col-"]{ padding-right:0px; padding-left:0px; }

.bgorange { background-color:#ffa354; }
.bggreen { background-color:#669999; }
.bgpurple { background-color:#7568af; }
.bggrey { background-color:#dcdcdc; }
.bggold { background-color:#5a4b9c; }
.bglightgrey { background-color:#f4f4f4; }

hr.hrgallery { background-color:#e8e8e8; height:1px; border:none; }
hr.hrfooter { background-color:#9f9ab5; height:1px; border:none; }
hr.hrgold { background-color:#ae925b; height:1px; border:none; }

ul.footer-link { margin:0px; padding:0px; }
ul.footer-link li, ul.footer-link li a {  color:#ffffff; list-style:none; text-decoration:none; outline: none; }
ul.footer-link li a:hover, ul.footer-link li a:focus, ul.footer-link li a:active { color:#5b0001; list-style:none; text-decoration:none; outline: none; }

img.imgglow { -webkit-box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.25); box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.25); }

.btn-purple { 
	color:#ffffff; 
	border:none; 
	-webkit-border-radius:0px;  
	-moz-border-radius:0px; 
	border-radius:0px;
	background-color:#5a4b9c;
	cursor:pointer; 
}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .open .dropdown-toggle.btn-purple { 
	color:#ffffff; 
	border:none; 
	-webkit-border-radius:0px;  
	-moz-border-radius:0px; 
	border-radius:0px; 
	background-color:#483a88;
	cursor:pointer;
}
.btn-green { 
	color:#ffffff; 
	border:none; 
	-webkit-border-radius:0px;  
	-moz-border-radius:0px; 
	border-radius:0px;
	background-color:#669999;
	cursor:pointer; 
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .open .dropdown-toggle.btn-green { 
	color:#ffffff; 
	border:none; 
	-webkit-border-radius:0px;  
	-moz-border-radius:0px; 
	border-radius:0px; 
	background-color:#478f8f;
	cursor:pointer;
}
.btn-orange { 
	color:#ffffff; 
	border:none; 
	-webkit-border-radius:0px;  
	-moz-border-radius:0px; 
	border-radius:0px;
	background-color:#fba169;
	cursor:pointer; 
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .open .dropdown-toggle.btn-orange { 
	color:#ffffff; 
	border:none; 
	-webkit-border-radius:0px;  
	-moz-border-radius:0px; 
	border-radius:0px; 
	background-color:#f28c4d;
	cursor:pointer;
}
.btn-blue { 
	color:#ffffff; 
	border:none; 
	-webkit-border-radius:0px;  
	-moz-border-radius:0px; 
	border-radius:0px;
	background-color:#8abbc6;
	cursor:pointer; 
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .open .dropdown-toggle.btn-blue { 
	color:#ffffff; 
	border:none; 
	-webkit-border-radius:0px;  
	-moz-border-radius:0px; 
	border-radius:0px; 
	background-color:#53848f;
	cursor:pointer;
}

.carousel-bg { background-color:#FFF; }
.carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; background-color:#FFF; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
.carousel-indicators li { background-color: rgba(0, 0, 0, 0.75); border:none; width:14px; height:14px; transition: all 0.3s linear; margin:0px; }
.carousel-indicators .active { background-color: rgba(145, 30, 31, 0.95); width:14px; height:14px; transition: all 0.3s linear; }
.carousel-caption-bg { bottom:70px; background:rgba(0,0,0,0.75); color:#FFF; padding:10px 15px 15px 15px; text-shadow:none; margin-left:10%; margin-right:10%; font-size:125%; line-height:1em; }

@media (min-width: 750px) {
	.navbar { border-color:none; border:none; background-color:transparent; font-size:15px; font-weight:600; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin:0 -15px 0 -15px; padding:0; }	
}
@media (max-width: 749px) {
	.navbar { border-color:none; border:none; background-color:transparent; font-size:15px; font-weight:600; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin:0px; padding:0; }
}

.navbar-default .nav > li > a { color:#ffffff; transition: all 0.3s linear; margin-left:-15px; }
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus { color:#aea5d5; background-color:transparent; transition: all 0.3s linear; }
.navbar-default .nav > .active > a, .navbar-default .nav > .active > a:hover, .navbar-default .nav > .active > a:focus { color:#aea5d5; background-color:transparent; transition: all 0.3s linear; }
.navbar-default .nav > .open > a, .navbar-default .nav > .open > a:hover, .navbar-default .nav > .open > a:focus { color:#aea5d5; background-color:transparent; transition: all 0.3s linear; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:transparent; }
.navbar-default .navbar-toggle { border:none; }
.navbar-default .navbar-toggle .icon-bar { background-color: #5a4b9c; }	













