/*!
Theme Name: BrandPros
Theme URI: 
Author: Mukesh
Author URI: https://www.taniarascia.com
Description: Base theme for development
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: Custom Theme
*/

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; position: absolute !important; word-wrap: normal !important; }

*, *::before, *::after { box-sizing: border-box;}

body { -webkit-font-smoothing: antialiased; margin: 0; color: #666; background: white; font-size: 15px; font-family: sans-serif; line-height: 1.6; }
a { color: #666; text-decoration: none; }
a:hover { color: #3BA9FC; text-decoration: none; }

h1, h2, h3 { color: #111; line-height: 1.2; }
h1 { margin-top: 0; }
h2 { font-size:26px; }
h3 { font-size:22px; }

ul { padding:0; margin:0; list-style-type: none;}
ul li { padding:0; margin:0; list-style-type: none; }
ul li a { padding:0; margin:0; }

.textWrapper { margin-bottom: 30px; }

.site-header { max-width: 100%; margin: 0 auto; color: #555; align-items: center; justify-content: space-between; }
.site-header .headerPhone { font-size:14px; margin-bottom: 10px; background-color: #4081c3; width:100%; clear:both; display:block; display:flex; color:#fff; padding:5px 0 0 0;}
.site-header .headerPhone .phoneEmail { display:flex; margin-top:7px; }
.site-header .headerPhone .phoneEmail .phoneIcon, .site-header .headerPhone .phoneEmail .emailIcon { display:flex;}
.site-header .headerPhone .phoneEmail .phoneIcon::before { content:" "; background-image: url('../images/call.svg');
  background-size: 14px; background-position: 0 5px; background-repeat: no-repeat; height:21px; width:21px; }
.site-header .headerPhone .phoneEmail .phoneIcon::after { content:"|"; margin:0 10px 0 5px; }
.site-header .headerPhone .phoneEmail .emailIcon::before { content:" "; background-image: url('../images/email.svg');
  background-size: 16px; background-position: 0 4px; background-repeat: no-repeat; height:21px; width:25px;  }
.site-header .headerPhone .phoneEmail .textwidget { margin-right:10px;}
.site-header .headerPhone .phoneEmail .emailIcon a { color:#fff; }

.social-accounts { top:5px; position: relative; }
.social-accounts p { margin-top:3px; margin-right:10px; }
.social-accounts ul { display: flex; }
.social-accounts ul a::before { display:block; content:" "; background-size: 36px; background-repeat: no-repeat; height:45px; width:45px; }
.social-accounts ul .facebook a::before { background-image: url('../images/facebook.svg');}
.social-accounts ul .twitter a::before { background-image: url('../images/twitter.svg');}
.social-accounts ul .google-plus a::before { background-image: url('../images/google-plus.svg');}
.social-controls { float:right; display:flex; }
.social-controls ul a::before { background-size: 26px; height:35px; width:35px;  }
.sidebarLinks { border:1px #ccc solid; border-radius: 4px; padding:20px 10px; box-shadow: 3px 3px 3px #ccc; }

.logo-wrapper { margin-bottom: 10px; }
.navbar { width:100%; }
.site-title { margin: 0; font-size: 1.4rem; }

.nav { list-style: none; margin-top: 30px; float:right; }
.nav li { float: left; margin-right: 10px; position: relative; }
.nav li.active a { color:#4081c3; }
.nav li.menu-item-has-children::after { content:" "; position: absolute; right:-18px; top:7px; background-image: url("../images/arrow-down.svg"); background-size: 10px; background-repeat: no-repeat; height:20px; width:20px;}	
.nav li.menu-item-has-children:hover::after { content:" "; background-image: url("../images/arrow-up.svg"); }
.nav a { display: block; padding:0 8px 20px 8px; font-weight: bold; color: #666; text-decoration: none; font-size:16px; text-decoration: none; }
.nav a:hover { text-decoration:none; color:#4081c3; cursor: pointer; }

/*--- DROPDOWN ---*/
.nav li ul { position: absolute; border:1px #e5e5e5 solid; padding: 8px 10px; z-index: 9; top:40px; background-color: #fff; border-radius: 0 0 5px 5px; left: -9999px; box-shadow: 3px 3px 3px #ccc; border-top:1px #000 solid;
}
.nav ul li { padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
}
.nav ul a { white-space: nowrap; }
.nav li:hover ul {  left: 0;  }
.nav li:hover a { text-decoration: underline;  }
.nav li:hover ul a { text-decoration: none; padding:5px 10px;}
.nav li:hover ul li a:hover { color:#4081c3; }

.welcomeBanner { height:450px; width:100%; background-image: url("../images/banner.jpg"); background-position: center; margin-bottom: 50px; }
.welcomeBanner .bannerMessage { padding-top:90px; width:60%; margin-bottom:20px; }
.welcomeBanner .bannerMessage h1 { color:#fff; font-size:30px;}
.welcomeBanner .websiteDetails { border:1px #666 solid; box-shadow: 4px 4px 4px #666; position:relative; top:40px; text-align: center; background-color: #fff; padding:20px 40px; border-radius: 5px; }
.welcomeBanner .websiteDetails .widgettitle { font-size:24px; }

.newsletter { border-top:1px #ccc solid; padding:25px 0; background-image: url("../images/newsletter.jpg"); background-position: center; }
.newsletter .text { font-size:22px; margin:0; color:#000; }

.pageUL { width:100%;}
.pageUL li { margin-bottom: 5px; }
.pageUL li::before { content:" "; margin-right: 10px; height:8px; width:8px; background-color: #666; border-radius: 100px; display:block; float:left; position: relative; top:8px; }

.site-content { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 2.5fr 1fr; grid-gap: 10px; min-height: calc(100vh - 205px); }
.site-footer { margin: 0 auto; padding: 30px 15px; background: #F8F8FB; border-top: 1px solid #e8e8f0; text-align: center; }
.formWrapper { border:1px #ccc solid; width:700px; padding:40px 40px 20px 40px; border-radius: 5px; box-shadow: 3px 3px 3px #ccc; }
.formWrapper .form-group label { font-size:11px; text-transform: uppercase; margin-bottom: 0px; }
.formWrapper .form-group label span { color:#ff0000; font-size:14px;}
.formWrapper .form-control { padding:20px 10px; }
.formWrapper textarea { height: 150px; }
.formWrapper .wpcf7-submit { display: inline-block; color: #fff; background-color: #007bff; border:none;
font-weight: 400; color: #fff; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; padding: 7px 15px; font-size: 1rem; line-height: 1.5; border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.formWrapper .wpcf7-submit:hover { background-color: #0069d9; }
.entry { margin-bottom: 35px; }
.entry-content { margin:30px 0; }
.mainTitle { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; }
.mainTitle h1 { font-size:30px; color:#000; border-bottom: 1px #4081c3 solid;  padding:27px 0 27px 0; margin-bottom: 0; }

.entry-header a { color: #111; font-size: 2rem;}
.comment { padding: 20px 0; margin: 20px 0; border-bottom: 1px solid #e8e8f0; }
.comment-list { list-style: none; padding: 0; margin: 0; }
.avatar { display: inline-flex; margin-right: 15px; }
.says { display: none; }
.comment-author { display: flex; align-items: center; }
.comment-meta { display: flex; align-items: center; }
.comment-metadata a { padding: 0 0 0 15px; color: #888; font-size: .9rem; }
.reply a { color: #888; font-size: .9rem; }

footer { font-size:14px; }
footer .footerTop { padding:30px 0; border-top:1px #ccc solid; }
footer .footerTop .widget-title { font-size:18px; color:#000; border-bottom: 1px #ccc solid; padding-bottom: 12px;  }
footer .footerTop .widget-title::after { content: ""; background: #4081c3; display: block; position: absolute; top: 32px; width: 150px; height: 2px; }
footer .footerTop .nav-link { padding:0 !important; margin:0 !important;}
footer .footerTop .textwidget { padding-top: 20px;  }
footer .footerTop .menu { width:100%; display:inline-block; margin-top:15px;}
footer .footerTop .menu li { margin-bottom: 10px; }
footer .footerTop .menu li a { padding:8px 0; color:#666; display:block; }
footer .footerTop .menu li a:hover { color:#3BA9FC; }
footer .footerBtm { padding:10px 0 0 0; color:#666; border-top:1px #ccc solid; }

.socials p, .socials ul { float:left; }
.socials li { float:left; margin:0 10px; }