/*
Theme Name:     Customizr Pro Child
Theme URI:      Theme URI: http://presscustomizr.com/extension/customizr-pro/
Description:    A child theme for the Customizr Pro WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr's core code. In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations. Do something awesome and have fun !
Author:         Press Customizr
Author URI:     https://presscustomizr.com/
Template:       customizr-pro
Version:        1.0.0
*/

/* Your awesome customizations start right here !
-------------------------------------------------------------- */




@font-face {
font-family: 'BebasNeue'; 
src: url('/blogi/wp-content/fonts/BebasNeue.ttf'); 
font-weight: normal; 
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/blogi/wp-content/fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/blogi/wp-content/fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/blogi/wp-content/fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/blogi/wp-content/fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/blogi/wp-content/fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/blogi/wp-content/fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'BebasNeue';
	color: #72bf44;
}

body {
    font-family: 'Roboto' !important;
}

.fpc-marketing .fpc-widget-front h2,
.navbar .nav > li > a {
	font-family: 'Roboto' !important;
}



a,
.navbar .nav > li.current-menu-item > a,
.site-description,
h3.assistive-text,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.dropdown-menu > li > a:hover,
.tc-regular-menu .navbar .nav > li.current-menu-ancestor > a,
.dropdown-menu > li.current-menu-item > a {
	color: #72bf44;
	
}

.tc-regular-menu .navbar .nav li.current-menu-ancestor > a .caret,
.tc-regular-menu .navbar .nav li.dropdown.current-menu-ancestor > a .caret {
	border-top-color: #72bf44;

	border-bottom-color: #72bf44;
}


.tc-header {
    border-top: 5px solid #72bf44;
}

blockquote {

    border-left: 5px solid #72bf44;

}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
	background-color: #72bf44;
	background-image: linear-gradient(to bottom, #72bf44, #72bf44);
}

table {

	border-bottom: 5px solid #72bf44;
}


/* tumma harmaa tagit */

.entry-meta .btn-tag {
	background-color: #56504d;
	background-image: linear-gradient(to bottom, #56504d, #56504d);
}

/* social icons  */
.social-block a,
.social-block a:hover {
	color: #56504d;
}

.social-block a:hover {
	color: #72bf44;
}



/*  UUDET */

/* Footer */


/*footer#footer h3,
footer#footer p
footer#footer {
	text-align: left !important;
	
}*/

.kd-ul li::before {
	color: #72bf44;
	content: '\203A';
	position: relative;
	left: -10px;
	
}
.kd-ul li,
.kd-ul li a {
	font-size: 11px;
}

.widget_recent_entries li {
    border-bottom: 0 !important;
}


/* Post image size */

.tc-single-post-thumbnail-wrapper .tc-rectangular-thumb {

    max-height: 500px;
    height: 500px;

}

/* kuvakaruselli */

.carousel-caption {
   /* background-color: transparent\9;
    background: rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000', GradientType=0);*/
    max-width: 80%;
    padding: 0% 10% 5% 6%;
    vertical-align: bottom;
  margin-left: 0%;
	background: none;
}

.carousel-caption .lead {
	font-weight: 600 !important;
	text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.89) !important;
	line-height: 1.35;
	max-height: 60px;
}

.slide-title {
	text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.59) !important;
}

.tc-carousel-control:hover,
.navbar .nav-collapse.in + .btn-toggle-nav .icon-bar {

    color: #72bf44;

}

.navbar .nav-collapse.in + .btn-toggle-nav .icon-bar {
	background-color: #72bf44 !important;
}

/* kuvapankki */

.ngg-gallery-thumbnail {
    
    /*border: 0 !important;*/
	border: 1px solid #eee !important;
 	margin-left: 0 !important;
}


@media only screen and (min-width: 766px) { 
	footer#footer h3,
	footer#footer p
	footer#footer * {
		text-align: left !important;
	
	}

}

@media only screen and (min-width: 480px) { 
.carousel-caption .lead {
	
	font-size: 18px !important;
	
}
}