/*
Theme Name: Team Valore
Theme URI: https://www.burningflame.it/
Author: Burning Flame
Author URI: https://www.burningflame.it/
Description: BF Wordpress Framework
Version: 3.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

/*
|--------------------------------------------------------------------------
| Font
|--------------------------------------------------------------------------
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500');


/*
|--------------------------------------------------------------------------
| Commons
|--------------------------------------------------------------------------
*/

body {
	background: #FFF;
	padding-top: 0px;
	font-family: 'Montserrat', Helvetica, sans-serif;
	color: #999999;
	font-size: 20px;
	line-height: 34px;
	-webkit-font-smoothing: antialiased;
}
.container {
	margin: 0 auto;
	max-width: 1100px;
	padding: 0px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
h1, h2, h3, h4, h5 {
	color: #C3AD7D;
}
.title-bigger {
	font-weight: 600;
	text-transform: uppercase;
}
.title-underlined {
	display: inline-block;
	padding-bottom: 7px;
	border-bottom: 2px solid #C3AD7D;
}


/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/

header {
	width: 100%;
}
.navbar {
	background: #F8F8F8;
	margin: 0px;
	padding: 0px;
	border: none;
	border-radius: 0px;
}
.logo {
	float: left;
	margin: 10px 10px;
}
.logo img {
	height: 70px;
}
header nav {
	float: right;
	margin-top: 21px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}
header nav ul {
	padding: 0px;
}
header nav ul li {
	display: block;
	float: left;
	margin-left: 0px;
}
header nav ul li a {
	padding-left: 10px!important;
	padding-right: 10px!important;
}
header nav ul li.btn {
	margin-top: 5px;
	margin-left: 5px;
}
header nav ul li.btn.active {
	background: #FFF!important;
	border: 1px solid #C3AD7D!important;
}
header nav ul li.btn a {
	padding: 0px!important;
	color: #FFF!important;
}
header nav ul li.btn:hover a, header nav ul li.btn.active a {
	padding: 0px;
	color: #C3AD7D!important;
}
.navbar-toggle {
	margin-top: 24px;
	margin-right: 5px;
	padding: 5px;
	border-radius: 0px;
	border: none;
}
.navbar-default .navbar-toggle {
	background: none;
}
.navbar-default .navbar-toggle:hover {
	background: none;
}
.icon-bar {
	background: #C3AD7D!important;
}


/*
|--------------------------------------------------------------------------
| Hero
|--------------------------------------------------------------------------
*/

.flexslider, .flex-viewport {
	background: none!important;
	width: 100%;
	height: 560px;
}
.flexslider-full, .flexslider-full .flex-viewport {
	height: 90vh;
}
.flexslider .hero-video, .flex-viewport .hero-video {
	position: fixed;
	margin-top: -90px;
	top: 0;
	left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%; 
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	object-fit: cover;
}
.flexslider .slides li {
	background-position: center center;
	width: 100%;
	height: 100%!important;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}
.flexslider .slides li .overlay {
	background-color: rgba(53,53,53,0.45);
}
.flex-caption {
	display: table;
	width: 100%;
}
.flex-text {
	display: table-cell;
	vertical-align: middle;
	height: 560px;
	font-size: 34px;
	line-height: 46px;
	color: #fff;
	text-align: center;
}
.flexslider-full .flex-text {
	height: 90vh;
}
.flex-text h1 {
	color: #FFF;
	font-weight: 300;
}
.flex-text h1.flex-subtext {
	font-weight: 500;
}
.arrow-down {
	background: url('images/arrow-down.png') center center no-repeat;
	background-size: 54px 30px;
	margin: -60px auto 0px auto;
	width: 54px;
	height: 30px;
}
.flex-control-nav {
	bottom: 20px!important;
	z-index: 100!important;
}
@media (min-width: 768px) and (max-width: 991px) {

	.flexslider, .flex-viewport {
		height: 350px;
	}
	.flexslider .hero-video, .flex-viewport .hero-video {
		margin-top: -30px;
	}
	.flex-text {
		height: 350px;
	}

}
@media (max-width: 767px) {

	.flexslider, .flex-viewport {
		height: 300px;
	}
	.flexslider-full, .flexslider-full .flex-viewport {
		height: 90vh;
	}
	.flexslider .hero-video, .flex-viewport .hero-video {
		margin-top: -10px;
	}
	.flex-text {
		height: 300px;
	}
	.flexslider-full .flex-text {
		height: 90vh;
	}

}


/*
|--------------------------------------------------------------------------
| Pages
|--------------------------------------------------------------------------
*/

#content {
	padding: 60px 0px;
}
.page-header {
	margin: 0px 0px 40px 0px;
	padding: 0px;
	border: none;
}
.single-header {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: none;
}
.archive-header {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: none;
}
.stories-section, .travels-section, .team-section {
	background: #FFF;
	padding: 40px 0px;
}
.stories-section p, .travels-section p, .team-section p {
	margin: 20px 0px;
}
.stories-section .images-row, .travels-section .images-row {
	background: #FBFBFB;
	margin-top: 30px;
}
.stories-section .images-row div, .travels-section .images-row div {
	padding: 0px;
}
.stories-section .images-row img, .travels-section .images-row img {
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.stories-section .images-row img:hover, .travels-section .images-row img:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.go-to-section {
	margin-top: 160px;
	text-align: right;
}
.go-to-section .arrow-right {
	margin-left: 5px;
	margin-right: 10px;
	font-size: 27px;
	font-weight: 600;
	transition: margin 0.3s linear;
	-moz-transition: margin 0.3s linear;
	-webkit-transition: margin 0.3s linear;
}
.go-to-section a:hover .arrow-right {
	margin-left: 15px;
	margin-right: 0px;
}
.team-element {
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
}
.team-element .team-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 30px;
	width: 100%;
	height: auto;
	padding-top: 100%;
	border-radius: 50%;
}
.team-element .team-name {
	margin-top: 20px;
}
.newsletter-section {
	background: #FFF;
	padding: 40px 0px 60px 0px;
	text-align: center;
}
.newsletter-section .form {
	margin-top: 20px;
}
.cta-section {
	text-align: center;
}
.cta-section h3 {
	margin-bottom: 30px;
}
.cta-section .btn {
	margin-top: 20px;
}
.destinations-list {
	padding: 15px;
	box-shadow: 0px 2px 15px rgba(0,0,0,0.1);
	border-radius: 8px;
	transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.destinations-list:hover {
	box-shadow: 0px 2px 20px rgba(0,0,0,0.15);
}
.destinations-list img {
	margin: 0px!important;
}
.destinations-list .meta {
	line-height: 38px;
	padding-bottom: 10px!important;
}
.destinations-list .destination-rating {
	display: inline-block;
	margin-left: 15px;
}
.destinations-list .destination-rating img {
	display: block;
}
.sidebar {
	padding-top: 20px;
}
.post-not-found {
	padding: 100px 0px;
	text-align: center;
}


/*
|--------------------------------------------------------------------------
| Posts
|--------------------------------------------------------------------------
*/

#main article {
	margin: 0px;
	padding: 0px 0px 40px 0px;
}
#main article .meta {
	padding-bottom: 15px;
	font-style: italic;
	color: #808080;
}
#main article .post-content {
	text-align: justify;
}
#main article .read-more {
	display: block;
	margin-top: 20px;
}
img {
	max-width: 100%;
	height: auto;
}
#main article img {
	margin: 20px 0px;
}
#main article img.post-thumbnail {
	margin: 0px 0px 30px 0px;
}
#main article img.alignleft {
	float: left;
	margin-right: 15px;
}
#main article img.alignright {
	float: right;
	margin-left: 15px;
}
#main article img.aligncenter {
	display: block;
	margin: 0 auto;
}
video {
	max-width: 100%;
	height: auto;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-wrapper {
	width: 630px;
	max-width: 100%;
	margin-bottom: 18px;
}
.attachment #main .post-content img {
	max-width: 100%;
}


/*
|--------------------------------------------------------------------------
| Contacts
|--------------------------------------------------------------------------
*/

#map-canvas {
	width: 100%;
	height: 330px;
}
.wpcf7 {
	width: 60%;
	margin-top: 40px!important;
	margin-bottom: 40px!important;
	margin-left: 20%!important;
	font-size: 15px;
	text-align: center;
}
.wpcf7 input {
	width: 100%;
	padding: 6px 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	border: 1px solid #DDD;
}
.wpcf7 input:focus {
	outline: none;
    border-color: #CCC;
    box-shadow: 0 0 3px #DDD;
}
.wpcf7 textarea {
	width: 100%;
	height: 150px;
	padding: 6px 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	border: 1px solid #DDD;
	resize: vertical;
}
.wpcf7 textarea:focus {
	outline: none;
    border-color: #CCC;
    box-shadow: 0 0 3px #DDD;
}
.wpcf7 select {
	background: #FFF!important;
	width: 100%;
	height: 40px!important;
	padding: 6px 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	border: 1px solid #DDD;
}
.wpcf7 input[type="checkbox"] {
	width: 20px!important;
}
.wpcf7 input[type="submit"] {
	display: inline;
	background: #C3AD7D;
	width: auto;
	padding: 9px 28px;
	font-size: 18px;
	font-weight: 700;
	color: #FFF!important;
	border: 1px solid #C3AD7D;
	border-radius: 50px;
	text-transform: uppercase;
	transition: color 0.3s linear, background 0.3s linear;
    -moz-transition: color 0.3s linear, background 0.3s linear;
    -webkit-transition: color 0.3s linear, background 0.3s linear;
}
.wpcf7 input[type="submit"]:hover {
	background: #A4936C;
	color: #FFF!important;
	border: 1px solid #A4936C;
}
.wpcf7 .ajax-loader {
	position: absolute;
	margin-left: 10px!important;
	margin-top: 26px!important;
}
.wpcf7 .wpcf7-not-valid-tip {
	display: none;
}
.wpcf7 .wpcf7-response-output {
	margin: 0px 0px 40px 0px;
	padding: 6px 14px;
	width: 100%;
	border: 1px solid #DDD;
	text-align: center;
}
.grecaptcha-badge {
	width: 0px!important;
}


/*
|--------------------------------------------------------------------------
| WP-specific post-type styles
|--------------------------------------------------------------------------
*/

.pagination-container {
	padding: 20px 0px;
	text-align: center;
}
.pagination li a {
	color: #333;
}
.pagination li a:hover {
	color: #666;
}
.pagination li.active a {
	background: #333;
	border: 1px solid #333;
}
.pagination li.active a:hover {
	background: #666;
	border: 1px solid #666;
}
.ie8 #main .media-grid img {
	max-height: none !important;
	max-width: none !important;
}
#gallery-nav {
	list-style-type: none;
	margin-left: 0;
}


/*
|--------------------------------------------------------------------------
| Widget
|--------------------------------------------------------------------------
*/

.widget {
	margin-bottom: 18px;
}
.widgettitle {
	margin-bottom: 9px;
}
#tag-cloud {
	margin-bottom: 18px;
	line-height: 160%;
}
#tag-cloud a:hover, .tags a:hover {
	color: #ffffff;
	text-decoration: none;
}
#tag-cloud a {
	white-space: pre;
	text-transform: uppercase;
}
.widget_search form {
	padding-left: 0;
}
#calendar_wrap {
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	font-weight: bold;
	padding: 8px;
}
#wp-calendar tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#wp-calendar tr:last-child {
	border-bottom: none;
}
#wp-calendar td  {
	text-align: center;
	padding: 8px 0;
}
blockquote.pull-left {
	padding-right: 15px;
}


/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

footer {
	width: 100%;
	font-size: 16px;
	color: #FFF;
}
.social-footer {
	background: #FDF9F6;
	padding: 20px 0px 40px 0px;
	text-align: center;
}
.social-icon {
	margin: 20px 10px 0px 10px;
	height: 70px;
}
.main-footer {
	background: #FFF;
	padding: 30px 0px;
	text-align: center;
}
.footer-links {
	float: none;
	margin-bottom: 0px;
}
.footer-links .menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.footer-links .menu li {
	float: none;
	display: inline;
	margin: 0px;
	padding: 0px 15px;
	font-weight: 500;
	border-right: 1px solid #C3AD7D;
	text-transform: uppercase;
}
.footer-links .menu li:last-child {
	border-right: none;
}
.footer-links .menu li a {
	color: #C3AD7D!important;
}
.footer-links .menu li a:hover {
	color: #A4936C!important;
}
.copy-footer {
	background: #C3AD7D;
	padding: 25px 0px;
	text-align: center;
}


/*
|--------------------------------------------------------------------------
| Forms
|--------------------------------------------------------------------------
*/

label {
	font-weight: 400;
}
input[type="text"], input[type="email"] {
	height: auto!important;
	padding: 12px 16px!important;
	border: 1px solid #CCC!important;
}
input[type="checkbox"] {
	margin-top: 16px;
	margin-right: 8px;
	cursor: pointer;
}
textarea {
	padding: 16px!important;
	border: 1px solid #CCC!important;
	resize: vertical;
}
input:focus, textarea:focus {
    outline: none!important;
    border: 1px solid #CCC!important;
    box-shadow: 0 0 4px #CCC!important;
}
.btn-default, .btn-default:disabled {
	background: #C3AD7D;
	padding: 8px 18px;
	height: auto!important;
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
	color: #FFF!important;
	border: 1px solid #C3AD7D;
	border-radius: 50px;
	text-transform: uppercase;
	transition: color 0.3s linear, background 0.3s linear;
    -moz-transition: color 0.3s linear, background 0.3s linear;
    -webkit-transition: color 0.3s linear, background 0.3s linear;
}
.btn-default:hover, .btn-default:focus {
	background: #FFF;
	color: #C3AD7D!important;
	border: 1px solid #C3AD7D;
	outline: 0!important;
}
.btn-default.btn-lg, .btn-default.btn-lg:disabled {
	background: #C3AD7D;
	padding: 12px 22px;
	font-size: 17px;
	line-height: 26px;
	font-weight: 700;
	color: #FFF!important;
	border: 1px solid #C3AD7D;
	border-radius: 50px;
	text-transform: uppercase;
	transition: color 0.3s linear, background 0.3s linear;
    -moz-transition: color 0.3s linear, background 0.3s linear;
    -webkit-transition: color 0.3s linear, background 0.3s linear;
}
.btn-default.btn-lg:hover, .btn-default.btn-lg:focus {
	background: #FFF;
	color: #C3AD7D!important;
	border: 1px solid #C3AD7D;
	outline: 0!important;
}
.form-control::-webkit-input-placeholder {
	color: #b1b1b1;
}
.form-control:-moz-placeholder {
	color: #b1b1b1;
}
.form-control::-moz-placeholder {
	color: #b1b1b1;
}
.form-control:-ms-input-placeholder {
	color: #b1b1b1;
}


/*
|--------------------------------------------------------------------------
| Links
|--------------------------------------------------------------------------
*/

a:link, a:visited, a:active {
	text-decoration: none;
	color: #C3AD7D;
	transition: color 0.3s linear, background 0.3s linear;
    -moz-transition: color 0.3s linear, background 0.3s linear;
    -webkit-transition: color 0.3s linear, background 0.3s linear;
}
a:hover {
	text-decoration: none;
	color: #A4936C;
}
a.link-bigger {
	text-transform: uppercase;
}
.menu-item a {
	color: #363535!important;
}
.menu-item a:hover {
	color: #C3AD7D!important;
}
.current-menu-item a {
	background: none!important;
	color: #C3AD7D!important;
}
.current-menu-item a:hover {
	color: #A4936C!important;
}
.copy-footer a, a.footer-link:link, a.footer-link:visited, a.footer-link:active {
	text-decoration: none;
	color: #FFF;
	border-bottom: none;
}
.copy-footer a:hover, a.footer-link:hover {
	text-decoration: none;
	color: #EEE;
}


/*
|--------------------------------------------------------------------------
| Responsive: large desktop
|--------------------------------------------------------------------------
*/

@media (min-width: 1200px) and (max-width: 1280px) {

	.logo {
		margin: 20px 10px;
	}
	.logo img {
		height: 50px;
	}

}


/*
|--------------------------------------------------------------------------
| Responsive: desktop and tablet
|--------------------------------------------------------------------------
*/

@media (min-width: 992px) and (max-width: 1199px) {
	
	.logo {
		margin: 20px 10px;
	}
	.logo img {
		height: 50px;
	}
	header nav {
		margin-top: 0px;
	}
	header nav ul li a {
		padding-left: 8px!important;
		padding-right: 8px!important;
	}
	header nav ul li.btn {
		padding-left: 14px!important;
		padding-right: 14px!important;
	}
	#content {
		padding: 30px 0px;
	}
	
}


/*
|--------------------------------------------------------------------------
| Responsive: tablet portrait
|--------------------------------------------------------------------------
*/

@media (min-width: 768px) and (max-width: 991px) {

	.container {
		padding: 0px 2%;	
	}

}


/*
|--------------------------------------------------------------------------
| Responsive: phone
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {

	body {
		font-size: 18px;
		line-height: 30px;
	}
	.container {
		padding: 0px 5%;	
	}
	h1 {
		font-size: 32px;
	}
	.navbar-header {
		width: 100%;
		margin: 0px!important;
	}
	.logo {
		margin: 10px 0px;
	}
	.logo img {
		height: 55px;
	}
	header nav {
		float: none;
		margin: 10px 0px;
	}
	header nav ul li {
		display: block;
		float: none;
		padding: 0px;
		margin: 0px;
		text-align: center;
	}
	#content {
		padding: 30px 0px;
	}
	.stories-section, .travels-section, .team-section {
		padding: 20px 0px;
	}
	.stories-section .images-row, .travels-section .images-row {
		margin-top: 40px;
	}
	.go-to-section {
		margin-top: 20px;
	}
	.newsletter-section {
		padding: 20px 0px 40px 0px;
	}
	.destinations-list .destination-rating {
		display: block;
		margin-left: 0px;
		margin-bottom: -20px;
	}
	.wpcf7 {
		width: 94%;
		margin-top: 20px!important;
		margin-bottom: 20px!important;
		margin-left: 3%!important;
	}
	footer {
		font-size: 15px;
		line-height: 28px;
	}
	.social-icon {
		margin: 20px 5px 0px 5px;
		height: 55px;
	}
	.copy-footer {
		text-align: center;
	}
	.copy-footer .text-right {
		text-align: center;
	}

}


/* ---- smaller ---- */

@media (max-width: 480px) {

}


/*
|--------------------------------------------------------------------------
| Responsive: collapse sidebar on tablet portait
|--------------------------------------------------------------------------
*/

@media (max-width: 991px) {

	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in { 
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}

}