/*
	Theme Name: Futures ABA
	Description: Futures ABA 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=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, h4 { color:#080808; font-family:"Alegreya"; }
h2 { font-size:2em; font-weight:500; }
a { color:#db7248; font-weight:500; }
img { max-width:100%; height:auto; display:inline-block; }
.align-center { text-align:center; }
.highlight { color:#db7248; 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 #db7248; border-color: #db7248; transition: all 0.25s ease-in-out 0s; }
textarea { height: 130px; }



/* #67cddd turquoise */
.button { font-size:0.8em; font-weight:500; text-transform:uppercase; 
	background:#080808; 
	background: linear-gradient(90deg, rgba(71, 69, 53, 1) 0%, rgba(40, 39, 30, 1) 40%); 
	border:2px solid #080808; color:#f1f1f1; padding:10px 24px; display:inline-block; margin:30px 0; text-decoration:none; transition:all 0.25s ease-in-out 0s; }
.button:hover { background:none; color:#080808; border:2px solid #080808; text-decoration:none; transition:all 0.25s ease-in-out 0s; }

.topmsg { background:#db7248; color:#fff; font-size:0.7em; padding:8px 0; text-align:center; }

.header { padding:240px 0; }




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

.topbar {  position:sticky; top:0; background:#f1f1f1; z-index:700; box-shadow:0 2px 60px rgba(0,0,0,0.2); }
.topbar .logo { padding:20px 0; }
.nav > ul { margin:22px 0; padding:0; list-style-type:none; }
.nav ul li { display:inline-block; }
.nav ul li a { color:#333; padding:10px 20px; display:inline-block; font-size:15px; }
.nav ul li a:hover { color:#db7248; transition:all 0.25s ease-in-out 0s; text-decoration:none;}

.header-card { margin:60px 0; border-bottom:1px solid #bbb; padding-bottom:40px; }
.header-card p { font-size:1.1em;font-weight:300; }

.info-box { margin:30px 0; }
.info-box a { color:#f1f1f1; }
.info-box a:hover { color:#db7248; }
.info-box a:hover { text-decoration:none; }


.slider-box { background: #474535; background: linear-gradient(90deg, rgba(71, 69, 53, 1) 0%, rgba(40, 39, 30, 1) 50%); color:#f1f1f1; padding: 40px;min-height: 370px; }
.slider-box h2 { color:#f1f1f1; margin-top:0;}


.insurance { border-bottom:2px solid #e1e1e1; }

.home-content .header-card:last-child { border:none;}

.home-services .title { font-size:2em; margin:0; }
.home-services img { opacity:0.9;}
.home-services img:hover { opacity:1; transition:all 0.25s ease-in-out 0s; }
.home-services img:not(:hover) { opacity:0.9; transition:all 0.25s ease-in-out 0s; }
.home-services h2 { font-size:1.4em; }
.home-services p { font-size:0.95em; font-weight:300; opacity:0.85; }

/* services page */
.service-row { margin:60px 0; padding:30px; background:#f9f9f9; }
.service-row h3 { margin-top:0; }
.service-icon { padding:30px; }
.service-icon p { opacity:0.8; }
.faq .faq-item p { border-bottom:1px solid #ddd; padding-bottom:40px; }


/* 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; }

/* page */
.page-content h1 { margin-top:0; }

.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 a { color:#ddd; text-decoration:none; padding:4px 0; display:inline-block; transition:all 0.25s ease-in-out 0s; }
.footer ul li a:hover, .footer ul li a:focus { color:#db7248; text-decoration:none; text-decoration:underline; transition:all 0.25s ease-in-out 0s; }

.header-title { background:#080808; background: linear-gradient(90deg, rgba(71, 69, 53, 1) 0%, rgba(40, 39, 30, 1) 40%); color:#f1f1f1; padding:50px 20px; margin:0; text-align:center; }
.header-title h2 { margin:0; color:#f1f1f1; }
.header-title p { font-size:0.9em; opacity:0.85; font-weight:300; margin:4px 0;}

.home-slider-1 .owl-theme .owl-nav { text-align:left; }
.home-slider-1 .owl-theme .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;
}

.home-slider-1 .owl-carousel .owl-nav button.owl-prev, .home-slider-1 .owl-carousel .owl-nav button.owl-next { 
	padding:10px !important; 
	font-size:20px !important;
}

.home-icons .home-icon-item {  padding:30px; margin:30px 0; }
.home-icons p { opacity:0.8 ;}


/* 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:#db7248; font-weight:600; font-size:0.8em; margin-left:5px; }


.header-location { padding:0; }
.header-location h1 { font-size:3.2em; margin:0; text-shadow:0 2px 12px rgba(0,0,0,0.3); }
.header-location p { text-shadow:0 2px 2px rgba(0,0,0,0.3); }

/* location form */
.location-form { background:#f1f1f1; padding:30px; margin-top:30px; }
.location-form input, .location-form textarea { width:100%; padding:12px; margin-bottom:12px; }
.location-form button { padding:12px 24px; background:#db7248; color:#fff; border:none; }
.location-form h2 { font-size:1.2em; margin-top:0;}

.header-overlay { padding:100px 0; background:rgba(0,0,0,0.5) }
.header-overlay h1, .header-overlay p { color:#f1f1f1; }

/* archive */
.the-archive .row { margin:30px 0; }


/* 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; }


.aba-process h2 { margin-bottom: 50px; }

.aba-process h3 { font-size: 1.6em; display: inline-block; }
.process-item { margin-bottom: 60px; align-items: center; }
.process-content { padding-right: 30px; }
.process-number { font-size: 3em; font-weight: 700; color: #db7248; margin-right: 6px; }

.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; }
.header { padding:100px 0; }
.header-title { padding: 20px;}
.header-title h2 { font-size:1.6em; }
}