/*
Theme Name: Cesar Cardozo
Author: Ilhabela Digital
Description: =)
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@200;300;400;500;600;700&display=swap');

body{background: #000;}
p, li{color: #fff;font-family: 'Montserrat', sans-serif;line-height: 30px;font-size: 15px;}
a{color: #fff;}
a:hover{text-decoration: none;}

.sans-serif{font-family: 'Oswald', sans-serif;}
.sans-serif-2{font-family: 'Montserrat', sans-serif;}
.serif{font-family: 'Abril Fatface', serif;}

.transition-all,
.transition-all *,
.transition-all:hover{transition: all 0.5s ease;}

.social-icons{display: flex;list-style-type: none;justify-content: space-evenly;padding: 0;width: 40%;margin: auto;}
.social-icons li a{color: #fff;font-size: 30px;}
.social-icons li span{display: none;}

/*=====Bootstrap=====*/

@media (min-width: 1300px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1300px;
	}
}

@media (min-width: 1920px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1920px;
	}
}

.btn{border-radius: 50px;}

.btn-outline-primary {color: #d59540;border-color: #d59540;border-width: 2px}
.btn-outline-primary:hover{background-color: #d59540;border-color: #fff;}
.btn.btn-lg{padding: 15px 60px;text-transform: uppercase;}
.btn.btn-cta{background: #D59540;border-bottom: 4px solid #613700;color: #fff;font-size: 1.7em;}
.btn.btn-cta:hover{border: none;border-top: 4px solid #613700;}
.btn .fas{font-size: 2em;}

.tooltip{border: 1px solid #fff;padding: 0;}

/*=====Header=====*/

#header{height: 94px;}
#header .navbar{background: #000;}
#header .navbar .navbar-brand{width: 80px;margin: 5px 10px;}
#header .navbar .navbar-brand img{width: 100%;height: auto;}
#header .navbar .navbar-nav{display: flex;justify-content: space-evenly;margin-top: 0;}
#header .navbar .navbar-nav .nav-item .nav-link{text-transform: uppercase;color: #fff;font-size: 12px;letter-spacing: 2px;border: 1px solid rgba(255,255,255,0);font-family: 'Oswald', sans-serif;}
#header .navbar .navbar-nav .nav-item .nav-link:hover{border: 1px solid #D59540;color: #D59540}
.no-front-page #header .navbar .navbar-brand{padding: 20px;}

.video-container{position: relative;}
.video-container .video-background{width: 100%;position: relative;z-index: 0}
.video-container .social-container{position: absolute;top:15px;right:0;z-index: 1}
.video-container .social-container .social-icons li a{margin: 0 10px}
.video-container #main-video-mute-toggle{position: absolute;top:15px;left:15px;z-index: 1;background: rgba(0,0,0,.5);color:#fff;padding: 10px;border-radius: 50%;border:2px solid #fff;width: 40px;height: 40px;line-height: 15px;text-align: center;}

/*=====Frontpage====*/

/*=====General=====*/
.title{padding: 80px 0;border-bottom: 1px solid #D59540;}
.title h1{text-transform: uppercase;
	background: url('assets/images/texture1.png') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-moz-background-clip:text;
	background-clip:text; 	
	font-size:10em;
	padding:0;
	margin:0;
	text-align:center;
}
.home-title{font-size: 9em;color: #D59540;text-transform: uppercase;border: none;}
.subtitle {/* padding: 50px; */}
.subtitle h2{color: #514A3D;font-weight: 300;font-size: 3.8em;}

/*=====Contact=====*/
#contact label{width: 100%;}
#contact label span{display: none;}
#contact .form-control{background: #000;border: 2px solid #fff;border-radius: 50px;height: calc(1.5em + 3.75rem + 2px);padding: 0 30px;color: #fff}
#contact .form-control::placeholder{color: #fff;font-family: 'Montserrat';text-transform: uppercase;font-weight: 200;}
#contact textarea.form-control{height: calc(1.5em + 22.75rem + 2px);padding: 30px;}
#contact .infos{background: #211E1A;padding: 100px 50px;color: #fff}
#contact .infos a{color: #fff}
#contact .infos .fa-solid{color: #d59540;font-size: 50px;margin-right: 30px;}
#contact .infos .social-icons{width: 100%;}

/*=====FAQ=====*/
#faq #accordion{margin:45px;display: flex;padding: 0;width: 100%;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
#faq #accordion .card-header {padding: 1.75rem 1.25rem;}
#faq #accordion .card{width: 46%;float: left;margin: 0 1.6% 3%;background: #211E1A;border-radius: 1.4rem;}
#faq #accordion .card:hover{background: #D59540;}
#faq #accordion .card .btn{background: none;border:none;box-shadow: none;width: 100%;text-align: left;font-weight: 100;color: #fff;text-transform: uppercase;padding-left: 50px;font-size: 20px;}
#faq #accordion .card .btn:before{content: '+';font-size: 2em;position: absolute;left: 25px;top: 20px;color: #D59540}
#faq #accordion .card:hover .btn{font-weight: 600;}
#faq #accordion .card:hover .btn:before{color: #000}
#faq #accordion .card-body{background: #000;position: static;z-index: 999;}
#faq #accordion .card-body *{color: #fff;font-size: 14px;}

/*=====Products=====*/
#product .title{font-size: 4.6em;color: #D59540;text-transform: uppercase;padding: 0 0 30px 0;border: none;}
#product .title.subtitle{font-size: 2.2em;}
#product .infos{display: flex;list-style-type: none;justify-content: space-evenly;padding: 100px 0 0 0;}
#product .infos li{text-transform: uppercase;font-size: 1.4em;}
#product .infos li strong{color: #D59540;font-weight: 300}
#product .infos li > :first-child{border: 1px solid #D59540;padding: 20px 30px;}
#product .infos li > a:hover{background: #D59540;}
#product .infos li > a:hover strong{color: #fff}
#product .infos li > a i{color: #fff;font-size: 1.4em;margin-left: 20px;}
#product .item-odd-even > :nth-child(even) .texts{background: url('assets/images/texture2.png') no-repeat center center;background-size: cover;}
.front-page #product .image:after{display: none;}
.front-page #product .title{margin: 0;font-size: 2.6em;}
.front-page #product .btn{border-radius: 0;padding: 10px 40px;text-transform: uppercase;}
.front-page #product .item-odd-even > :nth-child(even) .texts{background: none;}
.front-page #product .item-odd-even > :nth-child(even){background: url('assets/images/texture2.png') top center;}

/*=====Biography=====*/
#biography .title{font-size: 2.6em;color: #D59540;text-transform: uppercase;padding: 0 0 30px 0;border: none;margin-top: 60px}
#biography .image{position: relative;}
#biography .image .img-container{position: relative;}
#biography .image .img-container img{position: relative;z-index: 1;}
#biography .image .img-container:after{content: '';position: absolute;right: -5%;top: 3.5%;border: 1px solid #fff;width: 100%;height: 100%;z-index: 0;}
#biography .item-odd-even > div:nth-child(even) .image:after{right: auto;left: -30px;border: 1px solid #D59540;}
#biography .item-odd-even > :nth-child(even) .texts{background: url('assets/images/texture2.png') no-repeat center center;background-size: cover;}
.front-page #biography .btn{border-radius: 0;padding: 10px 40px;text-transform: uppercase;}

/*=====Midia=====*/
#midia {overflow: hidden;}
#midia .items .item a img{border-radius: 5px}
#midia .items .item a:hover img{border-radius: 15px;transform: scale(1.05, 1.05);}
#midia .items .item a .title{text-transform: uppercase;color: #D59540;padding: 25px 0 0 0;border: none;font-size: 1.6em;margin: 0 !important;}
#midia .items .item a .subtitle{color: #fff;padding: 20px 0 0 0;font-weight: 500;font-size: 1.1em;}
#midia .items#items-video .item a{position: relative;}
#midia .items#items-video .item a .play{content: '\f04b';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #D59540;font-size: 1.6em;border-radius: 50%;background: #fff;width: 70px;height: 70px;line-height: 67px;}
.front-page #midia .items .item a,
.page-template-lancamentos #midia .items .item a{display: table;padding: 10px;background: #161616;border-radius: 5px;border: 1px solid #111}
.front-page #midia .items .item a:hover,
.page-template-lancamentos #midia .items .item a:hover{background: #1f1f1f;}
.front-page #midia .items .item a .title,
.page-template-lancamentos #midia .items .item a .title{font-size: .7em;}
.front-page #midia .items .item a .subtitle,
.page-template-lancamentos #midia .items .item a .subtitle{font-size: .7em;padding: 5px 0 0 0;}
.front-page #items-midia{margin: 100px auto;}
.front-page #items-midia > div{border: 2px solid #D59540}
.front-page #items-midia > div .title{color: #D59540;text-transform: uppercase;border: none;position: relative;text-align: center;background: #000;top: -39px;display: table;margin: auto;padding: 0 80px;font-size: 4em;}
.front-page #items-midia ul{display: flex;justify-content: space-around;list-style: none;padding:80px 0;text-transform: uppercase;}
.front-page #items-midia ul li a{font-size: 30px;color: #fff}
.front-page #items-midia ul li a i{font-size: 5em;margin-top: 30px;background: url('assets/images/texture1.png') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-moz-background-clip:text;
	background-clip:text;
	padding:0;
	text-align:center;
}

/*=====Galeria=====*/
#gallery .title{color: #D59540;text-transform: uppercase;border: none;padding: 50px 0 20px 0;}
#gallery a[data-fancybox]{cursor: zoom-in;}
#gallery a[data-fancybox] img{border-radius: 5px}
#gallery a[data-fancybox]:hover img{border-radius: 15px;transform: scale(1.05, 1.05);}

/*=====Agenda=====*/
#eventos #items-eventos .item{background: #211E1A;border-radius: 20px;overflow: hidden;margin-bottom: 100px;}
#eventos #items-eventos .item .date{color: #D59540;font-size: 40px;line-height: 27px;font-weight: 300;}
#eventos #items-eventos .item .date .mes{font-size: 28px;}
#eventos #items-eventos .item .title{color: #fff;padding: 0;border: none;font-size: 2em;font-weight: 400;position: relative;top: -6px;}
#eventos #items-eventos .item .complete-date{color: #fff;text-transform: uppercase;}
#eventos #items-eventos .item .desc *{color: #C5B79C;line-height: 24px;font-size: 19px;}
.front-page #eventos #items-eventos .items-eventos-container{border: 2px solid #D59540;padding: 40px 0 80px 0;position: relative;margin-bottom: 70px;}
.front-page #eventos #items-eventos .items-eventos-container .btn{position: absolute; bottom: -50px;left: 50%;transform: translate(-50%, -50%);border-radius: 0;padding: 10px 40px;text-transform: uppercase;background: #000;}
.front-page #eventos #items-eventos .item{background: none;position: relative;margin: 0;padding: 10px 0;}
.front-page #eventos #items-eventos .item:after{content: '...';text-align: center;width: 100%;font-size: 60px;color: #6C6C6C;font-family: 'Montserrat', sans-serif;}
.front-page #eventos #items-eventos .item .title{font-size: 2.6em;font-weight: 600;top: -15px;}
.front-page #eventos #items-eventos .item .date{font-size: 66px;line-height: 34px;}
.front-page #eventos #items-eventos .item .date .mes{font-size: 38px;}
.front-page #eventos #items-eventos .item .complete-date{color: #645E55;font-size: 26px;}

/*=====Blog=====*/
#posts .item{background: #211E1A;border-radius: 20px;overflow: hidden;margin-bottom: 100px;}
.post.hentry{margin: 0 0 75px 0}	
.post.hentry .read-more{font-size: 16px;display: table;width: auto;margin: 10px 0;}
.post.hentry.single-post{margin:0 0 75px 0;padding:0 30px;}	
.post.hentry.single-post .page-title{font-size: 3.2em;text-transform: inherit;} 
.post.hentry .post-title{font-size: 1.8em !important;margin-top: 50px;} 
.post.hentry .post-title a{color: #fff;font-weight: 600;font-size: .8em;text-transform: uppercase;} 
.post.hentry .item-description{color: #C5B79C;line-height: 24px;font-size: 19px;} 
.post.hentry .item-description .btn.read-more{color: #D59540;padding: 0;text-transform: uppercase;} 
.nav-previous a, .nav-next a{color:#000;font-size: 18px;margin: 15px;background: #f5f5f5;padding:10px 15px;border:1px solid #ccc;}
.nav-previous a:hover, .nav-next a:hover{color:#666;background: #fff;}
.post-meta {font-size: 13px;padding-top:10px;}
.post-meta *{color: #fff}
.post-social {float: right}
.post-social .button{color:#fff;border:none;font-size: 12px;padding:5px 10px;box-shadow: none;margin:0;border-radius:5px;}
.post-social .button span{color:#fff;}
.post-social .button:hover{opacity:.8}
.post-social .post-social-facebook{background: #4267b2}
.post-social .post-social-twitter{background: #1da1f2}	
.post-social .post-social-pinterest{background: #b60a1b}
.post-social .post-social-whatsapp{background: #29a71a}
.post-social .post-social-comment{background: #000}
.comment-respond{margin-top: 35px}
#respond textarea#comment{height: 100px}
.commentlist .comment-awaiting-moderation{padding: 10px;background: #f3bf14;border-top: 3px solid #111;margin: 10px 0 0 0;display: block;}
.commentlist .comment-meta.commentmetadata{margin: 10px 0;}
.commentlist .comment-body p{font-size: 13px}
.commentlist .reply{display: block;margin: 10px 0;}
.commentlist .reply a{color:#000;text-transform: uppercase;}
.commentlist .comment{background: #f5f5f5;padding: 15px;}
.commentlist .comment .children{margin-left: 20px;border-left: 3px solid #f58220;}
.commentlist .comment .children .comment{background: #eaeaea;}
.commentlist .comment .comment-reply-title small a{font-size: 12px;color:#f00;}
.comment-respond .comment-notes{font-size: 12px}
.comment-respond #commentform #submit{font-size:16px !important;background: #294285;color: #fff;border: none;padding: 10px;border-radius: 5px;}
.comment-respond #commentform #submit:hover{background: #000}
.archive .title h1,
.search-results .title h1{font-size: 3em;}
.single .title h1{font-size: 4em;}
#sidebar {background: none;padding: 30px;margin-top: 50px;}
#sidebar .widget {margin-bottom: 100px;}
#sidebar .widget > h2 {font-family: 'Oswald', sans-serif;font-size: 1.3em;margin-top: 40px;color: #D59540;text-transform: uppercase;font-weight: bold;}
#sidebar .widget li{font-size: .8em;}
#sidebar .widget li a{font-size: 1em;color: #fff;font-weight: 600;}
#sidebar .widget p{font-size: 1em;}

/*=====Footer=====*/
#footer #credits > span, #footer #credits > span a{color: #666;text-transform: uppercase;letter-spacing: 3px;font-size: 11px}
#footer #credits > span:first-child{color: #D59540;text-transform: uppercase;font-weight: bold;}

/*   */
@media (max-width: 1000px){

	.social-icons{width: 100%;}
	.title h1{font-size: 3em;}
	.home-title {font-size: 4em;}
	.subtitle {padding: 0 15px 50px 15px !important;}
	.subtitle h2{font-size: 2.8em;}

	.btn.btn-cta{font-size: 1.4em;}
	.btn.btn-lg{padding: 15px;}
	.btn.btn-lg span{margin: 0 !important;float: none !important;}
	.btn .fas{display: block !important;float: none !important;}

	.no-front-page #header .navbar .navbar-brand{padding: 5px;width: 60px;}

	#header{height: auto;}
	#header .navbar .navbar-brand {width: 40px;}
	#header .navbar .navbar-toggler{position: absolute;right: 10px;top: 10px;background: #000;}
	#header .navbar .navbar-nav .nav-item .nav-link{padding: 7px 20px;}

	.video-container {margin-top: 50px;}
	.video-container .social-container{display: none}

	.main-logo{margin: 0 auto;display: table;max-width: 180px;}
	.main-logo .logo{width: 100%;height: auto;}

	#biography{text-align: center;}
	#biography .title{margin: 0;padding: 0;}
	#biography .image img{padding: 20px;}
	#biography .image:after{right: 5%;top: 10%;width: 80%;height: 76%;}

	.front-page #eventos #items-eventos .item > div{padding: 30px 15px 0 15px !important;}
	.front-page #eventos #items-eventos .item .date {font-size: 32px;line-height: 28px;}
	.front-page #eventos #items-eventos .item .date .mes{font-size: 20px;}
	.front-page #eventos #items-eventos .item .title {font-size: 1.6em;top: 0;}
	.front-page #eventos #items-eventos .item .complete-date{font-size: 18px;}
	.front-page #eventos #items-eventos .item .col-9{padding: 0 !important;}
	.front-page #eventos #items-eventos > div{padding: 0 15px !important;margin: 0 15px;}

	.front-page #product .title{font-size: 2em;margin-top: 50px;}
	.front-page #product .btn{margin-bottom: 30px;}
	.front-page #product #items > div{padding: 0 15px !important;margin: 0 15px !important;}
	.front-page #product #items > div .home-title{font-size: 3em;margin-bottom: 50px;}
	.front-page #product #items .item-odd-even{text-align: center;}
	.front-page #product #items .item-odd-even .texts > div{padding: 0 15px!important;}

	.front-page #items-midia > div .title{font-size: 2em;top: -20px;}
	.front-page #items-midia ul{display: flex;flex-direction: column;padding: 40px 0 0 0;}
	.front-page #items-midia ul li{margin-bottom: 80px;}
	.front-page #items-midia ul li a i{font-size: 2em;}
	.front-page #midia #items-albuns > div{padding: 0 !important;}
	.front-page #midia #items-albuns .home-title{font-size: 2.8em;}
	#midia .items#items-video .item a{width: 100%;}

	#eventos #items-eventos .item{margin: 60px 15px 30px 15px;text-align: center;}
	#eventos #items-eventos .item > div{padding: 0 !important;}
	#eventos #items-eventos .item > div > .row{padding: 0 30px !important;}
	#eventos #items-eventos .item > div .col-2,
	#eventos #items-eventos .item > div .col-10{padding: 0 !important;}
	#eventos #items-eventos .item .date{margin-top: 20px;display: block;}
	#eventos #items-eventos .item .title{margin-top: 20px;}
	#eventos #items-eventos .item .complete-date{position: relative;top: -10px}
	#eventos #items-eventos .item .desc *{font-size: 16px;}

	#product .title{font-size: 2.6em;}
	#product .infos{display: flex;flex-direction: column;padding: 50px 0 0 0;}
	#product .infos li > :first-child{display: block;}
	#product .btn{margin-top: 0 !important;width: 100%;}

	#faq #accordion .card{width: 100%;}

	#contact{padding: 15px;}
	#contact .infos{padding: 15px;}
	#contact .infos .float-left{margin-top: 30px;}
	#contact .infos .social-icons{padding: 30px 0;}

}