/*
	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; }
.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:1px solid #aaa; border-radius:0; 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 { outline: 1px solid #d6700b; border-color: #d6700b; transition: all 0.25s ease-in-out 0s; }
textarea { height: 130px; }
.mt-0 { margin-top:0; }

.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;}

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

/* 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 h1 { font-size:3.2em; margin-top:80px; line-height:1.2; color:#f1f1f1; font-weight:400; }
.nums h3 { font-size:2.8em; letter-spacing:0.04em; color:#d6700b; margin:60px 0 0; }
.nums .num-item p { font-size:0.9em; }

.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 { color:#ddd; text-align:left; text-decoration:none; padding:4px 0; display:block; transition:all 0.25s ease-in-out 0s; }
.footer ul li a:hover, .footer ul li a:focus { color:#d6700b; text-decoration:none; text-decoration:underline; transition:all 0.25s ease-in-out 0s; }
.footer hr { border-top:1px solid #444;  }
.footer .footer-line { color:#aaa; }


/* 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:40px 0 250px; 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; }

.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; padding:30px 100px 40px; border-radius:30px; }
.banner-1 h2 { color:#f1f1f1; margin-bottom:0; }
.banner-1 p { margin-top: 0; opacity:0.7; margin-bottom:30px;}

/* 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:#dd480d; 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:20px; right:15px; }
.mobile-nav { display:none; margin-bottom:20px; }
.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; }

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