/**
 *
 * Fuzzfree Overrides and Custom Styles
 *
 */
/******************************************************************************/

/* general elements */


/* layout fixes */


.ff_top_menu1 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.ff_top_menu1, .ff_top_menu1 a {
    color: #fff;
    font-size: 12px;
}

.ff_top_menu1 a:hover {
    opacity: 0.7;
}

.ff_top_menu1 span.ff_newsletter_contest {
    margin-left: 20px;
    padding: 3px 7px 3px 7px;
    border-radius: 4px;
}

#sidebar section.widget ul li {
    margin-bottom: 10px;
}

#sidebar section.widget ul li:nth-child(odd) a {

}

#sidebar section.widget ul li:nth-child(odd) a:hover {

}

#sidebar section.widget h4 {
    padding-bottom: 10px;
    border-bottom: 2px solid #999;
}


/* misc */
.ff_center {
    text-align: center !important;
}

.ff_right {
    text-align: right !important;
}

.ff_clear {
    clear: both;
}

.ff_img1 img, img.ff_img1 {
    border: 1px solid #fff;
    -moz-box-shadow: 0 0 9px #bbb;
    -webkit-box-shadow: 0 0 9px #bbb;
    box-shadow: 0 0 9px #bbb;
}

.ff_img1 img:hover, img.ff_img1:hover {
    opacity: 0.9;
}

a img.img-polaroid:hover, a img.img-circle:hover {
    opacity: 0.8;
    background: #eee;
}


.ff_rounded1 {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


/* bootstrap carousel */
.carousel .item {
    left: 0 !important;
    -webkit-transition: opacity 2s; /*adjust timing here */
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

/* Fade controls with items */
.carousel .next.left,
.carousel .prev.right {
    opacity: 1;
    z-index: 1;
}

.carousel .active.left,
.carousel .active.right {
    opacity: 0;
    z-index: 2;
}

/******************************************************************************/
/* pages specific */
/******************************************************************************/

/* newsletter - contests */
.ff_form_newsletter {
    padding: 20px;
    background: #f4f6f8;
    border-bottom: 1px solid #999;
}


/* index carousel */
div.ontravel .carousel-inner .item img {
    width: 190px !important;
    height: 270px !important;
    border: 4px solid #fff !important;
}

.ff-index-today:hover {
    opacity: 0.8 !important;
}
.ff-index-today img {
    max-width: 190px !important;
}


/******************************************************************************/
/* mobile fixes */
/******************************************************************************/

@media (max-width: 1025px) {
	div.ontravel .carousel-inner .item img {
		border: none !important;
	}
}

@media (max-width: 959px) {
    .ff_video iframe {
        max-width: 99%;
        height: 300px !important;
    }

    div.container {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #page-sidebar {
        width: 100% !important;

    }
}

@media (max-width: 769px) {

	.ff_top_menu1 .pull-right, .ff_top_menu1 .pull-left {
		width: 100% !important;
		display: block;
		clear: both;
		margin-top: 1px;
		margin-bottom: 3px;
	}
	.ff_top_menu1 .pull-right {
		padding-bottom: 6px;
	}

}

@media (min-width: 767px) and (max-width: 769px) {

    div.container, #page-sidebar {
        width: 99% !important;
    }

}

@media (max-width: 767px) {

    div.container, #page-sidebar {
        width: 100% !important;
    }

    .ff-index-partners div {
        margin-bottom: 20px !important;
    }

    div.ontravel .carousel-inner .item img {
        width: 152px !important;
        height: 216px !important;
    }

    .ff-index-today img {
        max-width: 320px !important;
    }
}


@media (max-width: 480px) {
    div.widgets.ff-footer h3 {
        font-size: 19px !important;
    }

    div.ff_events_list h2.ff_title, div.ff_events_list h2.ff_title a,
    div.ff_news_list h2.ff_title, div.ff_news_list h2.ff_title a {
        font-size: 21px !important;
        line-height: 1.4em !important;
    }

    section.breadcrumbs *, section.breadcrumbs .breadcrumbs {
        font-size: 13px !important;
        line-height: 16px !important;
    }

    .ff-index-partners .span6 {
        margin-bottom: 20px !important;
    }

    .ff-index-today img {
        max-width: 99% !important;
    }
}