/*####################################
Theme Name: DiCamarote
Theme URI: https://cjnet.com.br
Description: Layout minimalista e responsivo com SEO OnPage.
Version: 2025
Author:CJNET
Author URI: https://cjnet.com.br
####################################*/

/*### CONTAINERS ###*/

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
*{margin:0;padding:0;box-sizing:border-box;}

body{background:#FFF;color:#000;font-size:18px;line-height:30px;margin:0;padding:0;font-family:"Poppins", Helvetica, Arial, sans-serif;}
.container{width:1100px;margin:0 auto;padding:0;text-align:left;}
.wrapper{width:100%;height:70px;margin:0 0 10px 0;padding:0;}
.header{max-width:1100px;height:70px;margin:0 auto;padding:0;}
.header-menu{max-width:100%;height:45px;margin:0 auto;padding:0;background:#000;display:block;}
.footer{width:100%;height:300px;background:#212121;color:#EEE;margin:0 auto;padding:30px 0 0 0;text-align:center;font-size:15px;line-height:21px;display:block;}
.footer-top{width:100%;background:#333;margin:0;padding:40px 0 0 0;display:block;}
.footer-box{max-width:1100px;margin:0 auto;padding:0;}
.box1{width:33%;margin-right:10px;float:left;}
.box2{width:33%;margin-right:0;float:left;}
.box3{width:33%;margin:0;float:right;}

/*### LOGOS ###*/

.logo a{background:url(images/logo.svg) no-repeat;width:220px;height:50px;display:block;margin:30px auto;}
.logo-footer{background:url(images/logo-footer.svg) no-repeat;width:270px;height:90px;display:block;margin:0 auto;padding:0;}

/*### SLIDE ###*/

.n2-section-smartslider{margin-bottom:30px!important;}
.n2-ss-item-content[style]{padding:10px 10px 30px 10px!important;}

/*### ENTRY ###*/

.entry{width:100%;max-width:750px;margin:0 auto;}
.image{margin:30px 0 0 0;text-align:center;}
.entry img{width:100%;height:auto;display:block;margin: 30px auto;}
.entrybody a{text-decoration:underline;font-weight:bold;}
.entrybody a:hover{text-decoration:none;}
.entrybody ul{list-style:disc;margin:0 0 0 30px;padding:0;}
.entrybody ol{list-style:decimal;margin:0 0 0 30px;padding:0;}
.entry .toptitle{margin:10px 0 40px 0;color:#999;}
.entry .topcat, .entry .topcat a{margin:30px auto -30px auto;color:#999;text-transform:uppercase;}
.postinfo{font-size:14px;color:#777;margin:5px 0;float:left;}
.breadcrumbs{font-size:14px;color:#777;margin:25px 0 -15px 0;}
.entry-excerpt{font-style:italic;color:#777;font-size:22px;line-height:33px;margin-top:-15px;}

/*### SINGLE ###*/

.single-cat{background:#E5E5E5;display:block;margin-bottom:50px;padding:10px 0;text-align:center;}
.single-post{min-height:250px;background:#FFF;padding:0;flex-direction:column;}
.single-post .entrytitle{margin:-30px 0 0 0;line-height:27px;}
.single-post .entrytitle a{font-size:24px;line-height:30px;color:#333;font-weight:600;}
.single-post .excerpt{margin:-40px 0 0 0;font-size:16px;line-height:24px;color:#555;}
.single-post img{width:300px;height:auto;margin-top:auto;float:left;margin:0 10px 0 0;}
.single-post .text-container{display:flex;flex-direction:column;justify-content:flex-start;}
.single-thumbnail{margin-bottom:-20px;}
.single-thumbnail .legenda{margin:-30px auto 30px auto;text-align:center;color:#454545;font-style:italic;font-size:12px;line-height:15px;}
.wp-block-image :where(figcaption){text-align:center;font-style:italic;color:#777;font-size:14px;margin-top:-30px!important;}
.instagram-media{margin:0 auto!important;}
.twitter-tweet{margin:0 auto!important;max-width:550px;}

/*### SINGLE REVISTA ###*/

.single-post-revista{min-height:250px;background:#FFF;padding:0;flex-direction:column;}
.single-post-revista .entrytitle{margin:-30px 0 0 0;line-height:27px;}
.single-post-revista .entrytitle a{font-size:24px;line-height:30px;color:#333;font-weight:600;}
.single-post-revista .excerpt{margin:-40px 0 0 0;font-size:16px;line-height:24px;color:#555;}
.single-post-revista img{width:150px;height:auto;margin-top:auto;float:left;margin:0 10px 0 0;}
.single-post-revista .text-container{display:flex;flex-direction:column;justify-content:flex-start;}

/*### LOOP 1 ###*/

.container1{width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px;}
.loop1{padding:0;display:flex;flex-direction:column;height:330px;position:relative;}
.loop1 .entrycat{margin:0 0 -27px 0;z-index:999;}
.loop1 .entrycat a{font-size:18px;color:#999;text-transform:uppercase;font-weight:400;}
.loop1 .entrytitle{line-height:27px;}
.loop1 .entrytitle a{font-size:21px;margin:5px 0 10px 0;color:#333;font-weight:600;}
.loop1 img{width:100%;height:auto;bottom:0;position:absolute;}

/*### LOOP 2 ###*/

.wrapper2{width:100%;background:#000;padding:60px 0;margin:20px 0;}
.container2{width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px;}
.loop2{background:#FFF;padding:0;display:flex;flex-direction:column;text-align:center;}
.loop2 .entrycat{font-size:18px;line-height:36px;color:#555;text-transform:uppercase;font-weight:400;}
.loop2 .entrytitle{margin:-30px 0 0 0;line-height:25px;padding:10px;}
.loop2 .entrytitle a{font-size:21px;margin:0;color:#333;font-weight:600;}
.loop2 img{width:100%;height:auto;margin-top:0;}

/*### LOOP 3 ###*/

.container3{width:1100px;margin:30px auto 60px auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px;}
.loop3{background:#FFF;padding:0;flex-direction:column;border-bottom:#999 2px dotted;}
.loop3 .entrycat a{background:#000;color:#FFF;display:table;position:absolute;font-size:15px;padding:1px 6px;text-transform:uppercase;font-weight:400;}
.loop3 .entrytitle{margin:-30px 0 0 0;line-height:27px;}
.loop3 .entrytitle a{font-size:21px;margin:10px 0;color:#333;font-weight:600;}
.loop3 img{width:100%;height:auto;margin-top:auto;}

/*### LOOP 4###*/

.container4{width:1100px;margin:0 auto 60px auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(500px, 1fr));gap:20px;}
.loop4{background:#FFF;padding:0;flex-direction:column;}
.loop4 .entrycat{color:#000;display:table;font-size:14px;padding:0;text-transform:uppercase;font-weight:400;z-index:999999;}
.loop4 .entrytitle{margin:-30px 0 0 0;line-height:27px;}
.loop4 .entrytitle a{font-size:21px;margin:10px 0;color:#333;font-weight:600;}
.loop4 img{width:40%;height:auto;margin-top:auto;float:left;margin:0 10px 0 0;}
.loop4 .text-container{display:flex;flex-direction:column;justify-content:flex-start;}

/*### TYPOGRAPHY ###*/

h1, h2, h3, h4, .menu{font-family:"Fraunces", serif;font-optical-sizing:auto;font-weight:600;}
.loop1 .entrycat a, .loop2 .entrycat a, .loop3 .entrycat a, .loop4 .entrycat a{font-family:"Roboto Condensed", serif;font-optical-sizing:auto;}
.loop1 .entrytitle a, .loop2 .entrytitle a, .loop3 .entrytitle a, .loop4 .entrytitle a{font-family:"Fraunces", serif;font-optical-sizing:auto;}

h1{font-size:36px;line-height:51px;margin:30px 0;padding:0;color:#000;font-weight:bold;}
h1 a{color:#000;} h1 a:hover{text-decoration:underline;}
h2{font-size:24px;margin:30px 0;color:#000;font-weight:bold;} h2 a{color:#000;} h2 a:hover{text-decoration:underline;}
h3{font-size:21px;margin:30px 0;color:#000;font-weight:bold;} h3 a{color:#000;} h3 a:hover{text-decoration:underline;}
h4{font-size:21px;margin:30px 0;color:#000;} h4 a{color:#000;} h4 a:hover{text-decoration:underline;}

/*### MENU ###*/

.menu{width:1000px;background:#000;margin:0 auto;padding:0;display:inline-block;font-weight:bold;text-transform:uppercase;display:block;}
.menu ul{height:45px;list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;}
.menu li{float:left;padding:0;}
.menu li a{color:#FFF;display:block;font-size:14px;line-height:45px;margin:0 15px 0 0;padding:0 12px;text-align:center;text-decoration:none;}
.menu li a:hover, .menu ul li:hover a{background:#454545;text-decoration:none;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.menu li ul{background:#ffb71b;display:none;height:auto;padding:5px;margin:0;border:0;position:absolute;width:180px;z-index:999999999;}
.menu li:hover ul{display:block;}
.menu li li{display:block;float:none;margin:0;padding:0;width:180px;}
.menu li:hover li a{padding:0 0 0 7px;background:none;color:#333;}
.menu li ul a{display:block;height:45px;font-size:15px;font-style:normal;margin:0;padding:0 5px 0 0;text-align:left;color:#FFF;}
.menu li ul a:hover, .menu li ul li:hover a{border:0;text-decoration:none;color:#333;}
.menu p{clear:left;}

/*### MOBILE MENU ###*/

.accordion{width:100%;margin:0;padding:0;text-align:center;overflow:hidden;display:none;z-index:999999999;}
.accordion .link{cursor:pointer;display:block;margin:0 auto;padding:0;color:#FFF;position:relative;text-align:center;}
.accordion .link span{padding:20px 0;position:relative;background:#000 url(images/icon-menu.svg) no-repeat center;display:block;}
.submenu{display:none;background:#333;margin:0;padding:0;}
.submenu ul{list-style:none;margin:0;padding:0;}
.submenu li{border-bottom:1px solid #333;margin:0;padding:0;list-style:none;}
.submenu a{display:block;text-decoration:none;color:#FFF;margin:0;padding:10px 0;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.submenu a:hover{background:#333;color:#FFF;text-decoration:none;}


nav{height:65px;display:none;}

#menuToggle{
display:flex;
flex-direction:column;
position:absolute;
top:38px;
left:25px;
z-index:999999999;
-webkit-user-select:none;
user-select:none;
border:#000 1px solid;
padding:10px 6px 6px 6px;
}

#menuToggle input{
display:flex;
width:40px;
height:32px;
position:absolute;
cursor:pointer;
opacity:0;
z-index:999999;
}

#menuToggle span{
display:flex;
width:29px;
height:2px;
margin-bottom:5px;
position:relative;
background:#000;
border-radius:3px;
z-index:999999999;
transform-origin:5px 0px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}

#menuToggle span:first-child{transform-origin:0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin:0% 100%;}
#menuToggle input:checked ~ span{opacity:1;transform:rotate(45deg) translate(-3px, -1px);background:#FFF;}
#menuToggle input:checked ~ span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){transform:rotate(-45deg) translate(0, -1px);}

#menu-nav{
position:absolute;
width:210px;
height:470px;
margin:-50px 0 0 -50px;
padding:50px;
padding-top:75px;
background:#000;
-webkit-font-smoothing:antialiased;
transform-origin:0% 0%;
transform:translate(-100%, 0);
transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu-nav li{padding:0;margin:10px 0;transition-delay:2s;}
#menu-nav li a{color:#FFF;}
#menuToggle input:checked ~ ul{transform:none;}

/*### YARPP ###*/

.yarpp-box{display:block;padding:0;margin:0 0 20px 0;}
ul.thumbpost{list-style-type:none;margin:0;padding:0;font-weight:bold;}
ul.thumbpost li{text-align:left;font-size:16px;line-height:24px;}
ul.thumbpost li a{width:220px;min-height:360px;margin:0 20px 0 0;float:left;text-decoration:none;}
ul.thumbpost li a:hover{text-underline;}
ul.thumbpost li a img{width:220px;height:auto;margin:0 0 10px 0;padding:0;border-radius:5px;}
.thumbpost h4{font-weight:bold;text-transform:uppercase;margin:30px 0;padding:0 5px;border-left:#CCC 25px solid;border-right:#CCC 90px solid;display:table;}

/*### ARCHIVES AND 404 ERROR ###*/

.e404{color:#000;text-align:center;}
.e404 span{font-size:45px;color:#000;font-weight:bold;text-align:center;display:block;margin:60px auto 45px auto;}
.e404 span.warning{font-size:21px;}

/*### PAGENAVI ###*/

.navigation{margin:0 auto;padding:30px 0;display:table;}
.wp-pagenavi{padding:0 0 40px 0;clear:both;}
.wp-pagenavi a, .wp-pagenavi span{background:#000;padding:5px 8px;margin:2px;text-decoration:none;color:#FFF;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{background:#333;text-decoration:none;color:#FFF;}
.wp-pagenavi span.current{font-weight:900;}

/*### CONTACT FORM 7 ###*/

.cform7-title{padding:15px 0!important;display:block;color:#000;}
.cform7-dados{font-size:18px;font-weight:bold;margin:30px 0 10px 0;color:#000;}
.cform7-form-nome input, .cform7-form-email input, .cform7-form-telefone input{color:#000;border:#CCC 1px solid;width:99%!important;height:26px;line-height:26px;color:#000;margin:0 0 10px 0!important;}
.cform7-title-mensagem{border:#000 1px solid;width:110px;height:108px;line-height:108px;text-align:center;float:left;margin:0 0 10px 0;}
.cform7-form-mensagem textarea{border:#CCC 1px solid;width:99%!important;padding:0 0 0 20px;}
.cform7-enviar input{background:#dc332e;width:210px!important;height:40px!important;line-height:40px;border:none;margin:20px 0 10px 0!important;padding:0!important;cursor:pointer;font-weight:bold;color:#FFF!important;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;text-shadow:none!important;}
.cform7-enviar input:hover{background:#ad1f24!important;text-shadow:none!important;color:#FFF;border:none;}
.cform7-form-nome input:focus, .cform7-form-email input:focus, .cform7-form-telefone input:focus, .cform7-form-mensagem textarea:focus{outline:none;}

.wpcf7-form{overflow:hidden;margin:0;}
.wpcf7-form p{color:#000;margin:0 0 5px 0;}
.wpcf7-form p input{width:110px;height:40px;line-height:40px;color:#000;}
.wpcf7-form input, .wpcf7-form textarea{padding:4px;line-height:16px;font-size:14px;width:350px;float:left;margin:0;}
.wpcf7-form textarea {line-height:16px;font-size:14px;height:300px;} 

/*### ICON TYPOGRAPHY - ICOMOON ###*/

@font-face{font-family:'icomoon';src:url('fonts/icomoon.eot?16zjsx');src:url('fonts/icomoon.eot?16zjsx#iefix') format('embedded-opentype'),url('fonts/icomoon.ttf?16zjsx') format('truetype'),url('fonts/icomoon.woff?16zjsx') format('woff'),url('fonts/icomoon.svg?16zjsx#icomoon') format('svg');font-weight:normal;font-style:normal;font-display:block;}

[class^="icon-"], [class*=" icon-"]{font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-twitter:before {content:"\e900";}
.icon-email:before {content:"\e901";}
.icon-search:before {content:"\e902";}
.icon-404:before {content:"\e9e5";}
.icon-facebook:before {content:"\ea90";}
.icon-instagram:before {content:"\ea92";}
.icon-whatsapp:before {content:"\ea93";}
.icon-youtube:before {content:"\ea96";}

/*### ENTRY SOCIAL ###*/

.social-home{display:table;padding:0;margin:51px 30px 0 0;float:right;}
.social-single{display:table;float:right;padding:0;margin:0 0 10px 0;}
.social-footer{display:table;padding:15px 0;margin:10px auto;}

.icon-facebook{font-size:20px;margin:0 6px 0 0;background:#333;color:#FFF;width:33px;height:33px;line-height:33px;display:block;text-align:center;float:left;border-radius:5px;}
.icon-twitter{font-size:20px;margin:0 6px 0 0;background:#333;color:#FFF;width:33px;height:33px;line-height:33px;display:block;text-align:center;float:left;border-radius:5px;}
.icon-instagram{font-size:20px;margin:0 6px 0 0;background:#333;color:#FFF;width:33px;height:33px;line-height:33px;display:block;text-align:center;float:left;border-radius:5px;}
.icon-youtube{font-size:20px;margin:0 6px 0 0;background:#333;color:#FFF;width:33px;height:33px;line-height:33px;display:block;text-align:center;float:left;border-radius:5px;}
.icon-whatsapp{font-size:22px;margin:0 6px 0 0;background:#333;color:#FFF;width:33px;height:33px;line-height:33px;display:block;text-align:center;float:left;border-radius:5px;}
.icon-email{font-size:17px;margin:0 6px 0 0;background:#333;color:#FFF;width:33px;height:33px;line-height:33px;display:block;text-align:center;float:left;border-radius:5px;}

.icon-facebook:hover,
.icon-twitter:hover,
.icon-instagram:hover,
.icon-youtube:hover,
.icon-whatsapp:hover,
.icon-email:hover{opacity:0.85;filter:alpha(opacity=85);}

/*### YOUTUBE RESPONSIVE ###*/

. video-container{position:relative;padding-bottom:50.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom:1em;}
. video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/*### MISCELANEA ###*/

p{margin:20px 0;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
img, img a{border:none;}
.cjnet a{background:url(images/cjnet_white.svg) no-repeat;width:60px;height:30px;display:block;margin:60px auto;padding:0;}
hr{border:solid #EEE;border-width:1px 0 0;clear:both;margin:10px 0;height:0;}
ul{list-style-type:square;padding:10px;}
ul li{margin:20px 0;}
ul li:hover{cursor pointer;}

/*### CUSTOM LOGIN PAGE ###*/

body.login{background-image:none;background-color:#22282D;} /* Body background image and color */
body.login div#login .message{border-color:#4BA6CF;} /* Forget password border */
body.login div#login form#loginform{background:#FFF;}
body.login div#login form#loginform input#user_login{outline:none;box-shadow:none;border-color:#E5E5E5;} /* Username border */
body.login div#login form#loginform input#user_pass{outline:none;box-shadow:none;border-color:#E5E5E5;} /* Password border */
body.login div#login form#loginform p.submit input#wp-submit{background:#4BA6CF;border-color:#4BA6CF;box-shadow:none;} /* Login button */
body.login div#login form#loginform p.submit input#wp-submit:hover{background:#50b0db;} /* Login button */
body.login div#login p#nav{color:#AAA;} /* Color links */
body.login div#login p#nav a{color:#AAA;} /* Color links */
body.login div#login p#backtoblog{color:#AAA;} /* Color links */
body.login div#login p#backtoblog a{color:#AAA;} /* Color links */
.wp-core-ui .button{background:#4BA6CF;border-color:#4BA6CF;box-shadow:none;text-shadow:none;} /* Forget password button */
.wp-core-ui .button:hover{background:#50B0DB;border-color:#50B0DB;} /* Forget password button */
input#user_login{outline:none;box-shadow:none;border-color:#E5E5E5;} /* Forget password textarea */

/*### MEDIA QUERIES ###*/

@media only screen and (max-width: 480px) {
	.wrapper{height:0;}
	.container{width:100%;}
	.logo a{float:none;width:200px;height:50px;display:block;margin:40px auto 0 auto;}
	.header-menu{display:none!important;}
	.menu{display:none!important;}
	nav{display:block;;}
	.accordion{display:block;}
	.entry{width:90%;}
	.single .entrytitle h1{font-size:30px;line-height:39px;padding-top:10px;}
	.postinfo{margin:-20px 0;}
	.social-single{float:none;margin:60px 0 10px 0;}
	ul.thumbpost li{font-size:24px;line-height:30px;min-height:510px;}
	ul.thumbpost li a{width:100%;margin:0 0 60px 0;float:none;}
	ul.thumbpost li a img{width:100%;margin-bottom:10px;}
	.container1, .container2, .container3{width:calc(100% - 30px);grid-template-columns:repeat(2, minmax(0, 1fr));gap:15px;}
	.container4{width:calc(100% - 20px);grid-template-columns:1fr;gap:15px;}
	.loop1, .loop3, .loop4{margin-bottom:30px;}
	.loop1 .entrycat, .loop3 .entrycat, .loop4 .entrycat{font-size:18px;line-height:18px;}
	.loop1 .entrytitle, .loop2 .entrytitle, .loop3 .entrytitle, .loop4 .entrytitle{font-size:20px;line-height:24px;}
	.loop4{display:flex;flex-direction:row;align-items:flex-start;gap:10px;text-align:left;}
	.loop4 img{width:120px;height:auto;}
	.loop4 .text-container{display:flex;flex-direction:column;justify-content:flex-start;}
	.loop1 .entrytitle{margin-top:10px;}
	.loop3 .entrycat a{padding:3px 6px;}
	.loop4 .entrytitle{margin-top:-25px;}
	.single-post img{width:350px;float:none;margin:0 0 20px 0;}
	.footer{height:420px;}
	.footer-box .box1{width:100%;margin:10px auto 30px auto;float:none;}
	.footer-box .box2{width:100%;margin:10px auto 30px auto;float:none;}
	.footer-box .box3{width:100%;margin:10px auto 30px auto;float:none;}
	.cjnet a{margin:30px auto;}
	.cform7-form-nome input, .cform7-form-email input, .cform7-form-telefone input, .cform7-form-mensagem textarea{width:97%!important;}
}

/*### CLEARING ###*/

.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix:before, .clearfix:after, .row:before, .row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.row:after, .clearfix:after{clear:both;}
.row, .clearfix{zoom:1;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}