/* Resetting browser default styles */
html, body {min-height:100%;-webkit-text-size-adjust:100%;overflow-x:hidden; font-size: 18px; color: #000; font-family:'Open Sans'; line-height: 150%;}
body {font-size: 18px; color: #000; font-family: 'Questrial', sans-serif; font-weight: 400;}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display: block;}
table {border-collapse:collapse;}
img {border:none;max-width:100%;height:auto;}
iframe, object, embed {max-width:100%;}
ul, li {list-style:none;}
input {vertical-align:middle;}
input:focus, textarea:focus {outline:none;}
button, input[type="submit"] {cursor:pointer;-webkit-appearance:none;}
a, a:active, a:visited {color: #ba8748}
a:hover {color: #000000}
hr {margin-bottom: 20px; background-color: #cccccc}

h1 {font-family: 'Playfair Display', serif; font-weight: 400; margin-bottom: .67em; font-size: 40px; line-height: 1.3; color: #171717}
h2 {font-family: 'Playfair Display', serif; font-weight: 500; margin-bottom: .8em; font-size: 28px; line-height: 1.69; color: #ba8748; margin-top: 10px;}
h3 {font-family: 'Playfair Display', serif; font-weight: 500 !important; margin-top: 1em; margin-bottom: 1em; font-size: 24px; line-height: 1.67; color: #ba8748}
h4 {font-family: 'Frank Ruhl Libre', serif; font-size: 26px !important; margin-bottom: 24px; color: #ba8748; line-height: 150%; padding-left: 5px;}
h5 {font-family: 'Playfair Display', serif; font-weight: 400; margin-top: 1.33em; margin-bottom: 1.33em; font-size: 18px; line-height: 1.67; color: #171717}
h6 {font-family: 'Playfair Display', serif; font-weight: 400; margin-top: 2.33em; margin-bottom: 2.33em; font-size: 16px; line-height: 1.06; color: #171717}
.post-title {font-family: 'Playfair Display', serif; font-weight: 400; font-size: 19px; line-height: 28px; color: #171717}
p {font-family: 'Questrial', sans-serif; font-weight: 400; line-height: 2; margin-bottom: 20px; font-size: 18px; color: #222222}

/* All */
.wrapper {width: 90%; margin:0 auto !important; position:relative;}
.clear:after, .wrapper:after {content:'';display:block;height:0;clear:both;}
blockquote {padding: 0px 25px !important;}

/* Page Wrapper (below the header & above the footer) */
.boxed, .boxednm {width: 90% !important; margin:0 auto !important; overflow: hidden;} /* Add this to each row in Visual Composer that should be boxed.*/
.padding-left-10 {padding-left: 10%; padding-top: 4%;}
.padding-right-10 {padding-right: 10%; padding-top: 4%;}

/* Bulletted & Numbered Lists */
.container .boxed ul, .container-home ul, .containter ul, .container .padding-left-10 ul, .container .padding-right-10 ul {margin:10px 0px 20px 0 !important;}
.container .boxed ul li, .container-home ul li, .container ul li {background:url("https://www.blackroofing.com/wp-content/uploads/2021/05/bullet-brown.gif") 0px 15px no-repeat; padding:3px 0 0px 30px; line-height: 2}
.container .boxed ol li, .container-home ol li {margin-left: 20px; list-style:decimal !important; padding: 0 0 15px 10px;}
.container .inline-bulleted-list ul {margin:10px 0px 20px 0;}
.container .inline-bulleted-list ul li {display: inline !important; background:url(https://blackroofing.com/wp-content/plugins/js_composer/assetsimages/icons/bullet.png) 5px 6px no-repeat; padding:0 0 10px 20px;}
.container .inline-bulleted-list ul li:first-child {background:none}

.slick-dots li {background: none !Important} /* Testimonial Carousel */

/* Headers */
.gusta-nav>ul>li {background: none !important;} /*Removes bullet images from Header 2*/
.gusta-nav>ul li.current-menu-item>a, .gusta-nav>ul li.current_page_item>a, .gusta-nav>ul li:hover>a {background-color: none !important}
.gusta-nav.vertical>ul>li.menu-item-has-children>ul>li, .gusta-nav.vertical>ul>li.menu-item-has-children>ul>li>ul>li {margin: 0!important; background: none;}
.gusta-nav>ul li.current-menu-item>a, .gusta-nav>ul li.current_page_item>a {background-color: #ffffff !important;}

/* Nav & Mega Menus */
.br-mega-menu p, .br-mega-menu ul li a {font-size: 15px;}
.br-mega-menu ul li {line-height: 100%;}
.br-mega-menu ul li {background:url("https://www.blackroofing.com/wp-content/uploads/2021/05/bullet-brown.gif") 0px 3px no-repeat !important; padding:0 0 10px 30px !important;}

/* Home Page */
.home-services p, .home-services ul li, .home-services ul li a {color: #000; font-size: 1.3em; line-height: 170%;}
.home-services ul li a {color: #000;}
.home-services ul li {background:url("https://www.blackroofing.com/wp-content/uploads/2021/05/bullet-brown.gif") 0px 10px no-repeat; padding:0 0 10px 30px;}
.vc_gitem-zone {z-index: 9999 !Important;}
.testimonial p, .testimonial p strong {color: #000; font-size: 22px; line-heigh: 150%}
.home-services p, .home-services ul li, .home-services ul li a {color: #000; font-size: 1em; line-height: 170%;}
.rs-background-video-layer iframe {visibility:inherit !important;} /* Fix for Video */

/* Blog Posts */
.blogpost {margin-top: 75px !important;}
.blogpost img.alignright {padding: 0px 0px 25px 25px !important}
.blogpost ul {margin:10px 0px 20px 0 !important;}
.blogpost ul li {background:url("https://www.blackroofing.com/wp-content/uploads/2021/05/bullet-brown.gif") 0px 15px no-repeat; padding:3px 0 0px 30px; line-height: 2}
.blogpost ol li {margin-left: 20px; list-style:decimal !important; padding: 0 0 15px 10px;}

 /* Form in Footer */
.contact-request-form .gform_wrapper label.gfield_label, .contact-request-form .gform_wrapper .gfield_required  {color: #ffffff !important;}
.contact-request-form .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {font-size: 22px; width: auto; margin: 0 16px 0 0; background-color: #ba8748; border: 0px; padding: 10px 20px;color: #ffffff;} 
.email-signup-form.gform_wrapper form {text-align: center;}
.centerform.gform_wrapper form {text-align: center;}
.gform_wrapper ul li.gfield {background: none; padding: 0px;}
.gform_legacy_markup_wrapper .gform_footer {text-align: center;}

/* On Page Forms */
#gform_4 .gform_wrapper form {text-align: left !important;}
.uavc-list-icon li, .gform_legacy_markup_wrapper ul.gfield_checkbox li, .gform_legacy_markup_wrapper ul.gfield_radio li {background: none !important;}

/* Interior Page Banner */
.banner-shape {border-radius: 0%; border: 2px solid #ba8748; background: #cbc6c1; text-align: left;}

/* Images */
img.alignright {float: right !important;}
img.aligncenter {text-align: center !important;}
div.br-img-caption {display: block; float: right; background: #fff; padding: 0px 10px; position: absolute; bottom: 10px; opacity: .85}
div.br-img-caption p {color: #ba8748 !important; text-align: left; font-size: 16px;}

/* Vertical Tabs */
.vc_row .vertical-tabs-row {margin: 0px 25px !important; padding: 0px 25px !important;}
.vc_row .vertical-tabs-row ul {margin-bottom: 30px;}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {border-color: #e4e4e4 !important; background-color: #cbc6c1 !important; color: #000 !important; font-size: 18px} /* Active Tabs */
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {border-color: #e4e4e4 !important; background-color: #ba8748 !important; color: #ffffff !important; font-size: 18px} /* Inactive Tabs */
.vertical-tabs h2 {font-size: 22px; line-height: 140%;}
.vertical-tabs p {font-size: 18px;}
.vc_tta.vc_general .vc_tta-icon {font-size: 1em !important;}

/* Portfolio */
.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active>span, .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover>span {color: #fff !important;}
.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover {background-color: #ba8748 !important;}
.vc_grid-filter>.vc_grid-filter-item>span {font-weight: bold !important;}
.project-title p {font-family: 'Frank Ruhl Libre', serif; font-size: 26px !important; margin-bottom: 24px; color: #ffffff; line-height: 150%; padding-left: 5px;}
.photo-gallery-images.vc_gitem-zone .vc-zone-link {margin: 10px !important; border: 1px solid #fff !important;} /*White Border */
.project-captions p {text-align: center !important; margin-bottom: 0px !important}

/* Text */
.white-text {color: #ffffff;}
.caption p {color: #ba8748; font-size: 16px; padding: 0px;}

/* Callout Box */
.callout-box {display: inline-box; padding: 30px; border: 3px solid #ba8748;}
.callout-box h2 {}
.callout-box h3, .callout-box h3 a {}
.callout-box p, .callout-box ul li {}

/* WP Bakery Styles */
.blog-post-list-thumbnail {height: 50px !important; width: 50px !important;} /*Post List with Thumbails*/
.vc_column-inner {padding-left: 0px !important; padding-right: 0px !important;}

/* Footer */
.footer p, .footer p strong, .footer ul li {color: #ffffff !important}
.footer p a, .footer ul li a {color:#ba8748 !important;}
.footer p a:hover, .footer ul li:hover {color: #ffffff !important}
.footer ul li {display: inline; background:url(https://www.blackroofing.com/wp-content/uploads/2021/05/bullet-brown.gif) 0px 2px no-repeat; padding:0 10px 10px 30px;}
.footer ul li:first-child {background: none; padding-left: 0px;}

/* *********************************Button & Divider Styles******************************** */ 

/*button1*/
.button, .button:visited {color:#FFFFFF; background: #ba8748; padding:10px 15px;min-height:20px; font-family: 'Open Sans', serif; font-size: 18px; font-weight: 600; display:inline-block;vertical-align:middle;zoom:1;*display:inline;text-align:center; text-decoration:none !important; text-transform: uppercase}
.button:hover {color:#FFFFFF; background:#000000;text-decoration:none;}
.styled-button {text-transform: uppercase; font-weight: bold !important;}

/* Interior Page Menus */
.page-menus .button, .page-menus .button a:visited {width: 100%}

 /* Tabs - Removes All Padding & Formats Tabs*/
.wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tab {background: none !important;}

/* Misc */
.gusta-section .edit-link, .ss-element .edit-link {display: none !important;} /*Removes the Edit Link*/
.vc_grid-filter.vc_grid-filter-default>.vc_grid-filter-item {background-image: none !important;} /*Removes the Bullet from Post Filter List*/

/* Ultimate Add On Plugin */
div.stats-desc>div.counter_prefix, div.stats-desc>div.counter_suffix {padding-left: 10px !important;} /* Adds a Space After the Counter / Number */

/* ********************************Media Queries********************************* */
/* Styles for screens 1201px and wider */
@media screen and (min-width: 1201px) {
.wpb-content--blank .wpb-content-wrapper {max-width: 100% !important}

@media only screen and (max-width: 768px) {
.boxed, .boxednm {width: 95%; margin:0 auto !important; overflow: hidden;} /* Add this to each row in Visual Composer that should be boxed.*/
.padding-left-10 {padding-left: 0px !important; padding-top: 0px !important;}
.padding-right-10 {padding-right: 0px !important; padding-top: 0px !important;}
	
.footer ul li {display: block}
.footer ul li:first-child {background:url(https://www.blackroofing.com/wp-content/uploads/2021/05/bullet-brown.gif) 0px 10px no-repeat; padding:0 10px 10px 30px;}
.gusta-social-media-links.layout-horizontal ul li {display: inline flex}

/* Our People Tabs */
.vc_row .vertical-tabs-row {margin: 0px 0px !important; padding: 0px 0px !important;}	
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {background: #ba8748; color: #ffffff !important; letter-spacing: .01em; font-size: 19px; font-family:'Questrial', sans-serif !important; }	

@media only screen and (max-width: 420px) {
h1 {font-size: 30px;}
.boxed, .boxednm {width: 95%; margin:0 auto !important; overflow: hidden;} /* Add this to each row in Visual Composer that should be boxed.*/
.padding-left-10 {padding-left: 10% !important; padding-top: 0px !important; padding-right: 0%}
.padding-right-10 {padding-right: 10% !important; padding-top: 0px !important;}	
}