/*
	Theme Name: Renova
	Description: Renova Wordpress Website
	Version: 1.0
*/

@import url('css/bootstrap.min.css');
@import url('css/superfish.css');
@import url('css/owl.carousel.css');
@import url('css/owl.theme.default.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");


@import url('css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap');

/* @import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&display=swap'); */


body { background:#f0efec; font-family:"Sora"; color:#333; font-size:18px; line-height:1.5;  }
h1, h2, h3 { color:#080808; font-family:"DM Serif Text"; font-weight:400; }
h2 { font-size:2em; }
a { color:#d6700b; font-weight:500; }
img { max-width:100%; height:auto; display:inline-block; border-radius:18px; }
a img:hover { opacity:0.8; transition:all 0.25s ease-in-out 0s; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.highlight { color:#d6700b; font-weight:500; }
input, select, textarea { width:100%; background:#fff; font-size:0.8em; border-radius:8px; border:2px solid #aaa; padding:10px; margin:15px 0; }
select { font-size:0.8em; }
input[type="checkbox"] { width:20px; margin:0; }
input[type="submit"] { width:auto; padding:14px 20px; font-size:0.8em; border:3px solid #f7f5f1; background: #f7f5f1; letter-spacing: initial; color: #111; text-transform:uppercase; font-weight:500; letter-spacing:0.03em; transition:all 0.25s ease-in-out 0s; }
input[type="submit"]:hover { color:#111; }
input:focus, textarea:focus, select:focus { outline: 1px solid #d6700b; border-color: #d6700b; transition: all 0.25s ease-in-out 0s; }
textarea { height: 130px; }
.mt-0 { margin-top:0; }
.divider { height:3px; width:120px; background:#d6700b; margin-bottom:40px; }

.flex-between { display:flex; justify-content:space-between; align-items:center; }
.horizontal-scrolling { overflow-x:auto; overflow-y:hidden; white-space:nowrap; }


.logo img { border-radius:0;}
.nav ul { margin-top:10px; padding:0; list-style-type:none; }
.nav ul li { display:inline-block; }
.nav ul li a { color:#e7e0d8; padding:10px 20px; display:inline-block; font-size:15px; }
.nav ul li a:hover { color:#d6700b; transition:all 0.25s ease-in-out 0s; text-decoration:none;}

.page-nav { padding:20px 0; }
.page-nav ul { margin-top:4px; }
.page-nav ul li a { color:#111; }

.header { padding:140px 0; }
.header h1 { color:#f1f1f1; font-size:2.8em; margin:0; text-shadow:0 0 70px rgba(0,0,0,0.4); }

.header-page { background:#474535; padding:60px 0; color:#f1f1f1; }
.header-page h1 { color:#f1f1f1; }

/* buttons */
.button { display:inline-block; background:#d6700b; color:#eee; padding:10px 24px; margin-right:6px; font-size:0.9em; border-radius:8px; border:3px solid #d6700b; margin-top:20px; transition:all 0.25s ease-in-out 0s; }
.button:hover, .button.secondary:hover { background:none; color:#111; border-color:#111; text-decoration:none; transition:all 0.25s ease-in-out 0s; }
.button.secondary { background:#111; border:3px solid #111; color:#fff; }

/* sections */
.section { position:relative; padding:40px 0; }
.section-sm { position:relative; padding:80px 0; }
.section-md { position:relative; padding:120px 0; }
.section-lg { position:relative; padding:160px 0; }
.section-xl { position:relative; padding:200px 0; }
.accent { background: #f8f8f8; }
.dark-accent { color:#f1f1f1;  background:#080808; background:linear-gradient(90deg, rgba(71, 69, 53, 1) 0%, rgba(40, 39, 30, 1) 40%); }
.dark-accent h2 { color:#f1f1f1; }

/* breadcrumbs */
.breadcrumbs { background:#dbdad1; color:#000; padding:20px 0; font-size:0.7em; }
.breadcrumbs a { color:#000; text-decoration:underline; }
.breadcrumbs .separator { margin:0 8px; }

/* homepage */
.homepage-header .header-overlay { padding-top:40px;}
.homepage-header h1 { font-size:3.2em; margin-top:80px; line-height:1.2; color:#f1f1f1; font-weight:400; }
.homepage-header .mobile-nav ul li a { color:#ddd; }
.homepage-header .button:hover { color:#f1f1f1; border-color:#f1f1f1; }
.nums h3 { font-family:"Sora"; font-weight:300; font-size:2.8em; letter-spacing:0.04em; color:#d6700b; margin:40px 0 0; }
.nums .num-item p { font-size:0.9em; }
.about-renova { max-width:480px; }
.home-icon img { border-radius:0; }

.services-content h2 a { color:#111; text-decoration:none; }
.services-content h2 a:hover { color:#d6700b; }


/* certificates */
.certificates img { border-radius:0; }
.certificates .owl-nav { margin-top:40px; }
.certificates .owl-nav button { 
	background:#28271e !important;
	color:#f1f1f1 !important;
	padding:10px !important; 
	border-radius: 0;
	margin-left:0;
	margin-right:6px;
	width:50px;
	height:50px;
}
.certificates .owl-nav button.owl-prev, .certificates .owl-nav button.owl-next { font-size: 20px; }


.footer { font-size: 0.8em; background: #474535; background: linear-gradient(90deg, rgba(71, 69, 53, 1) 0%, rgba(40, 39, 30, 1) 40%); color:#f1f1f1; }
.footer h3 { color:#aaa; font-weight: 500; }
.footer ul { margin:0; padding:0; list-style-type:none; }
.footer ul li { display:block; }
.footer ul li a { text-align:left; text-decoration:none; padding:4px 0; display:block; transition:all 0.25s ease-in-out 0s; }
.footer hr { border-top:1px solid #444;  }
.footer .footer-line { color:#aaa; }
.footer .footer-info p { margin:0; }
.footer .footer-about img { width:150px;border-radius:0;margin-bottom:20px; }
.footer .footer-about i { color:#bbb; font-size:18px; margin-right:6px; transition:all 0.25s ease-in-out 0s; }
.footer .footer-about i:hover { color:#d6700b; transition:all 0.25s ease-in-out 0s; }
.footer .footer-about p { color:#bbb; }
.footer-sitemap ul li a, .footer-sitemap { text-align:right; }
.footer a { color:#ddd; text-decoration:none; transition:all 0.25s ease-in-out 0s;  }
.footer a:hover, .footer a:focus { color:#d6700b; transition:all 0.25s ease-in-out 0s;  }

.lic { background:#d6700b; color:#f1f1f1; font-size:0.9em; padding:8px; text-align:center; }

/* forms */
.contact-page h2 { font-size:1.6em; }
label { font-size:0.8em; opacity:0.8; }
input[type="text"]:focus, input[type="email"]:focus, textarea:focus { box-shadow:0 10px 10px rgba(0,0,0,0.1); transition:all 0.25s ease-in-out 0s; }
input[type="submit"] { background:#111; border:3px solid #111; color:#eee; padding:8px 30px; margin-top:0; margin-bottom:20px; }
input[type="submit"]:hover { background:none; color:#111; }
.required { color:#d6700b; font-weight:600; font-size:0.8em; margin-left:5px; }

.header-overlay { padding:120px 0; background:rgba(0,0,0,0.3) }
.header-overlay h1, .header-overlay p { color:#f1f1f1; }
.header-overlay p  { text-shadow:1px 1px 8px rgba(0,0,0,0.5); color:#eee; }

/* archive */
.the-archive .row { margin:30px 0; }
.the-archive h3 { margin:0; }
.the-archive h3 a { font-size:1.4em; }
.the-archive h3 a:hover { color:#000; text-decoration:none; }
.the-archive h3 a:focus { color:#000; }

.info-box h2 { font-size:1.6em; }
.info-box h2 a { color:#f1f1f1; }
.info-box { color:#bbb; }
.info-box img { margin-top:40px; }

/* banners */
.banner-1 { background:#333; color:#f1f1f1; text-align:center; }
.banner-1 h2 { color:#f1f1f1; margin-bottom:0; }
.banner-1 p { opacity: 0.7; margin-top:0; margin-bottom:40px;}
.banner-1 img { max-width:900px; width:100%; display:inline-block; margin-bottom:60px; }
.banner-1 .button:hover { color:#f1f1f1; border-color:#f1f1f1; }

/* contact form 7 */
.wpcf7-spinner { display:none; }
.wpcf7-form p { margin:0; }
.wpcf7-not-valid-tip { color:#080808; font-size:0.8em; font-weight:500; margin-top:10px; margin-bottom:10px; }
.wpcf7 form .wpcf7-response-output { color:#d6700b; font-weight:300; font-size:0.9em; padding:0; margin:0; border:0; }
.wpcf7-list-item { margin:0 0 20px; font-size:0.85em; color:#080808; }


.menu-button { display:none; background:none; border:none; font-size:32px; position:absolute; top:0; right:15px; }
.mobile-nav { display:none; margin:20px 0; }
.mobile-nav ul li { width:100%; margin:0; padding: 0; margin:6px 0; }
.mobile-nav ul li a { color:#080808; font-size:0.9em; display:block !important; text-align:right; }
.mobile-nav ul li a:focus, .mobile-nav ul li a:hover { color:#080808; }

.goup { display:none; background:#d6700b; color:#fff; cursor:pointer; border:none; width:36px; height:40px; padding:5px; position:fixed; bottom:50px; right:20px; z-index:300; }
.goup img { max-width:initial; width:26px; height:26px; }

/* responsive */
@media only screen and (max-width:992px) {
.nav { display:none; }
.menu-button { display:inline-block; }
}


@media only screen and (max-width:768px) {
.homepage-header h1 { font-size:2em; margin-top:60px; }
.homepage-header p { opacity:0.9;}
.footer-sitemap ul li a, .footer-sitemap { text-align:left; }
.home-icon { margin:0 14px; }
.home-icon p { font-size:0.85em; }
}