body {background-color:#fff; color:#262626; font-family: 'Open Sans', sans-serif; font-weight:400; padding: 0; margin:0; font-size:1.1em;}
p {font-family: 'Open Sans', sans-serif; line-height:1.6em;}
em {font-style:italic;}
hr{opacity:1;}
img {
    max-width: 100%;
    height: auto;
}
.btn {font-family: 'Open Sans', sans-serif;}

.btn-round {border-radius:1000px; padding: 0.375rem 1rem;}

.btn-border {
    color: #262626;
    border: 1px solid #262626;
}
.btn-border:hover {background:#262626; color:#fff; border-color:#262626;}

.btn-border-white {
    color: #fff;
    border: 1px solid #fff;
}
.btn-border-white:hover {background:#fff; color:#262626; border-color:#fff;}

.btn-yellow {background:rgb(255,193,7); color:#0c6fde;}
.btn-yellow:hover {background:rgb(255,193,15); color:#fff;}

.btn-custom {
    border: 3px solid rgb(255,193,7);
    padding: 1em;
    font-size: 1.3em;
    line-height: 1em;
    color: #606060;
    font-weight: bold;
}

.btn-custom img {
	max-width: 70px;
    max-height: 50px;
}

.btn-custom:hover {
    border: 3px solid rgb(255,193,7);
    background: rgb(255,193,7);
    color: #606060;
}

.coupon-border .cctor_coupon_image {border:0 !important;}

/****** Universal styles ******/
h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans', sans-serif; color:#262626; font-weight:400;}
h1 {color:#d40023;}
.subheader {font-weight:400;}

.shadow, .certs, .add .gym-bg {text-shadow: 0 1px 0 rgba(1,1,1,.5);}
a {color:#01478f;}
a:hover{color:#2ca4d0;text-decoration:none;}
h5 {color:#777;margin-top:20px;}
.lite, .pink, .zen, .pricing, .snow, .tri, .feathers, .wall, .sf {background-color:#eee; color:#333;}
.repeat, .zen, .wood, .leather, .ratings {background-repeat:repeat;}
.no-repeat, .map, .sf{background-repeat:no-repeat;}

.clrMid {clear:both; height:50px;}

.edit-link {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99999999;
}

p.lead {}

.entry-content ul {list-style:disc;}
.entry-content ol {list-style:decimal;}

.round {border-radius:1000px;}

.panel-heading {font-size:1em; font-family:'Open Sans', sans-serif;}

.line-below:after {content:''; display:block; width:80px; margin:20px auto; border-bottom: 1px solid #ccc;}

.row.collapse {
    display: block;
}

.row.collapse .col-sm-4 {
    padding: 0;
}

span.blue {color:#0084c9;}



/****** SECTIONS ******/
header {padding:0; background:#262626; position:relative; margin-bottom: -70px; z-index: 1021;}
header .phone {color:#d90024; }
header .phone span {font-style:italic; padding-right:30px; text-transform:initial;}
header .contact-info .small {
    font-size: 110%;
}

header .contact-info a {
    color: rgb(255,193,7);
    text-decoration: none;
}

header .contact-info a:hover {
    text-decoration: underline;
    color: rgb(255,193,7);
}

header .contact-info .divider {
    height: 60px;
    width: 1px;
    background: #fff;
    margin: 0 auto;
}

.logo {
    margin: 13px;
}

header.fixed-top {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}

.fixed-top.addBG {
    background: rgba(0,0,0,0.7);
    padding: 0px;
}

.fixed-top.addBG img {
    width: 300px;
max-width:100%;
margin-top:5px;
}

@media(max-width:768px) {
	header {margin-bottom: 0px;}
}



section,.section{padding-top:50px;padding-bottom:50px;display:relative;}

section.front {
padding: 0px;
background:url(https://www.abcroofingcorp.com/wp-content/uploads/2022/11/fl-roofing-repair.webp) no-repeat center center; 
background-size:cover;
}
section.front .yellow-bg {background:url(images/yellow-bg.png) no-repeat top center; padding: 50px 0 150px;}



.home .featured {background:#262626 center center; background-size:cover; padding: 100px 0; margin: 30px 0; color:#ffd60a;}
.home .featured h2 {color:#fff; text-transform:uppercase;}
.home .featured a {color:#ffd60a;}
.home .featured h2 a {color:#fff;}

.home .featured.residential {background-image:url(https://www.abcroofingcorp.com/wp-content/uploads/2022/11/residential-roofing.webp);}
.home .featured.commercial {background-image:url(https://www.abcroofingcorp.com/wp-content/uploads/2022/11/commercial-roofing.webp);}
.home .featured.repairs {background-image:url(https://www.abcroofingcorp.com/wp-content/uploads/2022/11/roofing-repair.webp);}


.section.about {
padding: 190px 0 200px;
background:#262626 url(https://www.abcroofingcorp.com/wp-content/uploads/2022/11/about-abc-roofing-1.webp) no-repeat center bottom; background-size:cover;
}
.section.about h2 {color:#fff;}



section.yellow {background:#ffd60a;}
section.yellow.pattern {background:#ffd60a url(images/yellow-pattern.png);}


.home .misc {background:#fff; overflow:hidden; box-shadow: 0 1px 5px rgba(0,0,0,0.3); margin: 30px 0; position:relative;
    -ms-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
.home .misc:hover {box-shadow: 0 8px 15px -5px rgba(0,0,0,0.5);}
.home .misc:before {
    content: '';
    position: absolute;
    right: 65%;
    bottom: 65%;
    display: block;
    background: #d14718;
    width: 700px;
    height: 700px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transition: 500ms;
    -webkit-transition: 500ms;
    transition: 500ms;
}
.home .misc:hover:before {
    bottom: -55%;
    right: -55%;
}

.home .misc .title {padding:120px 20px;}
.home .misc .title h3 {color:#262626; font-size:160%;}
.home .misc .copy {
color:#fff;
opacity:0;
    padding: 40px;
    position: absolute;
    color: #fff;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
filter: alpha(opacity=0);
top:50%;
}
.home .misc:hover .copy {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transition: 500ms;
    -webkit-transition: 500ms;
    transition: 500ms;
    -ms-transition-delay: 250ms;
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.home .misc .copy .btn {margin-top:15px;}


section.blog .container {margin: 50px auto;}

section.blue {background:#27418e; color:#fff; padding:100px 0;}
section.blue h2, section.blue h3 {color:#fff;}
section.blue p {margin-bottom:30px;}
section.blue .line-below:after {border-color:#fff;}

section.ins img {margin: 10px;}

section.light-blue {background:#0084c9; padding:25px 0; color:#fff;}
section.light-blue h3 {color:#fff; font-size:3em; margin-bottom:20px;}
section.light-blue p.lead {font-size:1.85em;}
section.light-blue .btn {font-size:1em;}
section.light-blue .btn-yellow {border:3px solid #f7f405; font-weight:bold;}
section.light-blue .btn-yellow:hover {border-color:#f9bc04;}

section.gray {background:#ccc;}


section.red {background:#d90000; color:#fff; padding: 150px 0;}
.home section.red {background:#d90000 url(https://www.abcroofingcorp.com/wp-content/uploads/2022/11/abc-roofing-headquarters-1.webp) no-repeat top center; background-size:cover;}
section.red h2 {color:#fff;}

section.tophero {padding:0; background:#000 center center fixed; background-size:cover;}
section.tophero #topherobg {background:rgba(0,0,0,0.6); padding:200px 0; text-align:center; text-shadow: 2px 2px 2px #000; }
section.tophero .heading {color:#fff; font-size:3em;  margin:0 auto; width:900px; max-width:100%;}
section.tophero .metataginfo {font-size:3em; color:#fff;}

.blog section.tophero, .category section.tophero, .archive section.tophero {background-image:url(images/aabco-roofing-blog.jpg);}

section.tophero span.meta-info {
    display: block;
    font-size: 0.35em;
    font-weight: 300;
    margin-top: 10px;
}

section.tophero a {color:#fff;}


.plan .col-sm-4 {margin-top:-84px; z-index:2;}

.plan-line {
border: 2px solid #0c6fde;
    width: 70%;
    margin: 0 auto;
    margin-top: 84px;
 z-index:2;
}





/****** Intro / Trainer Section, includes header/navigation *****/
.navbar {margin-bottom:0; margin-top:0px; font-family:'Open Sans', sans-serif;}
.navbar-brand {display:none; padding: 5px;}
.navbar-brand > img {
    display: inline-block;
height: 40px;
}
.nav-pills a {border:1px solid transparent;}
.nav-pills>li.active>a.btn{background-color: #fff;color:#333;}

.nav a, .nav a:link {color: #fff;}
.nav a.btn {color:#000; margin-left:10px;}
.nav a:hover, .nav a:focus {color: #000;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus, .nav-pills>li.current-menu-item>a {background-color: #00A6CF; color: #fff;}



.navbar-collapse {padding:0;}
.navbar {min-height:10px; border:0px;}
.navbar-nav {float:right !important;}
.navbar .nav a, .navbar .nav a:link {color:#fff; font-size:0.9em; text-transform:uppercase; padding:15px; margin:0;}
.navbar .nav li.bold a:link {font-weight:800;}
.navbar-nav>li>a {margin: 0 10px;}
.navbar .nav .dropdown-menu>li>a { padding:10px 15px; text-transform:initial; font-size:1.1em;}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {color:#ffd60a; background: rgba(0,0,0,0);}
.navbar-nav>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu a:hover {color:#0084c9; border:0; background: rgba(0,0,0,0.7);}
.navbar-nav .dropdown.open > a {
color:#fff; background: rgba(0,0,0,0.7);
}

/***** Main Menu (TOP) *******/
.navbar ul#menu-main-menu-bottom {padding: 0 20px 0 0; clear:both;}
.navbar ul#menu-main-menu-top {
    background: #fff;
    padding: 0 20px 0 0px;
}
.navbar ul#menu-main-menu-top li.search {
    transform: skew(-30deg);
background:#ffd60a;
    margin-left: -15px;
margin-right: 10px;
}
.navbar ul#menu-main-menu-top li.search > a {
    transform: skew(30deg);
padding: 15px 24px;
color:#fff;
}
.navbar ul#menu-main-menu-top li.search > a:hover {color:#262626;}

.navbar ul#menu-main-menu-top.nav a {color:#262626;}
.navbar ul#menu-main-menu-top.nav a:hover {color:#ccc;}
.navbar ul#menu-main-menu-top.nav .phone a {color:#d90024;}
.navbar ul#menu-main-menu-top.nav .phone a span {color:#262626;}

.navbar ul#menu-main-menu-bottom.nav a {font-size:1.1em;}

.trusts img {
    max-height: 90px;
    margin: 10px;
}

a.inline-twitter-link {
    background: transparent;
    color: #62A9E0;
    text-decoration: none;
}

a.inline-twitter-link:hover, a.inline-twitter-link:active {
    background: transparent;
    color: #3B94D9;
    text-decoration: none;
}

span.rt-reading-time {
    display:none !important;
}

.single-post span.rt-reading-time, .blog span.rt-reading-time, .archive span.rt-reading-time {
    display:block !important;
    font-style: italic;
    margin-bottom: 15px;
    color: #999;
}



/***** MENU MOBILE SETTINGS ******/

@media (max-width:767px) {
.navbar ul#menu-main-menu-bottom {padding: 0 20px 0 20px;}

.navbar ul#menu-main-menu-top {
    background: #000;
    padding: 0 20px 0 20px;
}

.navbar ul#menu-main-menu-top li.search {
    transform: skew(0deg);
background:#ffd60a;
    margin-left: 0px;
margin-right: 0px;
}

.navbar ul#menu-main-menu-top li.search > a {
    transform: skew(0deg);
padding: 15px 24px;
color:#fff;
}

.navbar ul#menu-main-menu-top.nav a {color:#fff; font-size:1.1em;}
.navbar ul#menu-main-menu-top.nav a:hover {color:#ffd60a;}
}



.dropdown-menu>.active>a {background-color: rgba(0,0,0,0.7); color:#fff;}
.dropdown-menu>.active>a:hover {background-color:#eee; color:#333;}

.navbar-toggle .icon-bar {background: #fff;	}

/****** Location / Address / Map section *****/
.map::before {
    position: absolute;
    top: 50%;
    left:50%;
    color:#000;
    font-size:50px;
    margin-left:-25px;
    margin-top:-50px;
    text-shadow:0px 0px 20px #fff;
    font-family: 'fontfit';
    content: "\e608";
  }
.add {background-color: rgba(0,0,0,.7);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,1));
	background: -moz-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,1));
	background: -ms-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,1));
	background: -o-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,1));
  padding-top:10px; padding-bottom:0px; }
p.move{margin-top:650px;margin-bottom:10px;}
.map p small {background-color:rgba(255,255,255,.7);text-shadow: 0 -1px 0 rgba(255,255,255,1);}

/* Mail Chimp Styling */
#mc_embed_signup{clear:left;}
#mc_embed_signup .asterisk, button, input, optgroup, select, textarea {color:#9f9f9f;}
#mc_embed_signup .mc-field-group .asterisk {
    position: absolute;
top: 27px;
    right: 22px;
    font-size: 2em;
}
#mc_embed_signup .button, label {font-weight: normal;}
#mc_embed_signup h2 {font-weight: 500;}
#mc_embed_signup form {padding: 0;}
#mc_embed_signup .indicates-required {margin-right: 0; float: right;}
#mc-embedded-subscribe, #mc_embed_signup .button, #mc_embed_signup .mc-field-group {width:100%;}
#mc_embed_signup .button {margin:23px 0 0;height: 38px; line-height: 38px;}


/****** Inverted (light on dark) buttons ******/
.btn-invert {
  color: #fff;
  background-color: #000;
  border-color: #222;
}
.btn-invert:hover,
.btn-invert:focus,
.btn-invert:active,
.btn-invert.active,
.open > .dropdown-toggle.btn-invert {
  color: #e6e6e6;
  background-color: #333;
  border-color: #111;
}
.btn-invert:active,
.btn-invert.active,
.open > .dropdown-toggle.btn-invert {
  background-image: none;
}
.btn-invert.disabled,
.btn-invert[disabled],
fieldset[disabled] .btn-invert,
.btn-invert.disabled:hover,
.btn-invert[disabled]:hover,
fieldset[disabled] .btn-invert:hover,
.btn-invert.disabled:focus,
.btn-invert[disabled]:focus,
fieldset[disabled] .btn-invert:focus,
.btn-invert.disabled:active,
.btn-invert[disabled]:active,
fieldset[disabled] .btn-invert:active,
.btn-invert.disabled.active,
.btn-invert[disabled].active,
fieldset[disabled] .btn-invert.active {
  background-color: #ccc;
  border-color: #000;
}
.btn-invert .badge {
  color: #333;
  background-color: #fff;
}


/****** Form Styling ******/
#searchform {margin-bottom:15px; }
#searchform input {width:100%;}
.form-inline .form-group, .form-inline .input-group {width:100%;}
header .form-inline .form-group, header .form-inline .input-group {width:auto;}
header input { border-radius:4px;}


#wpcf7-f134-p129-o1 label {display:block;}


/****** Blog Style ******/
.customDate {
    position: absolute;
    z-index: 1;
    background: #fff;
    padding: 10px 15px;
border:1px solid #ccc;
border-left:none;
border-top:none;
}

span.day {
    display: block;
    font-size: 2em;
    font-weight: 800;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1em;
}
span.up {font-weight:400; font-size: 0.5em; vertical-align: super;}

span.month {
    display: block;
    text-align: center;
text-transform:uppercase;
color:#ccc;
}

.row.blog-section {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
margin-bottom:20px;
}

.nopad {padding:0;}




/****** Footer Styles ******/
footer {padding: 70px 0 50px; background:#fff; border-top: 10px solid #eee;}
footer .social-buttons {
    margin: 0;
}

footer hr {border-color:#ccc;}

footer a {color:#262626;}
footer a:hover {color:#888;}


footer #facebook {color:#3B5998;}
footer #twitter {color:#55ACEF;}
footer #google {color:#DD4B3E;}
footer #youtube {color:#E62D28;}
footer #flickr {color:#0161DA;}

footer .list-inline {margin:0;}
footer .list-inline li a {line-height:2em;}




/****** Services Accordion Styles ******/
.panel-default {overflow:hidden;}
ul.custom-accordion {
    list-style: none;
    margin: 0;
}

ul.custom-accordion .sub-menu {
    list-style: none;
    margin:0;
}

ul.custom-accordion li {background: #fff;}

ul.custom-accordion li a {
    padding: 8px 8px 8px 18px;
    border-bottom: 1px solid #ddd;
display:block;
}

ul.custom-accordion > li:last-child a {border:0;}

ul.custom-accordion li a:hover {background:rgba(0,0,0,0.1);}

ul.custom-accordion li.current-menu-parent {background:#2ca4d0;}

ul.custom-accordion li.current-menu-parent > a {color:#fff;}

ul.custom-accordion li ul.sub-menu li a {padding-left:36px;}

ul.custom-accordion li.current-menu-item a {background:rgba(0,0,0,0.05);}


blockquote.easy_testimonial cite:before {
    content: "-";
    float: left;
    margin: 0 5px 0 10px;
}

blockquote.easy_testimonial cite {
    font-weight: bold;
}

.easy_t_single_testimonial {
    border-bottom: 2px dashed #eee;
}

.cycle-slideshow .easy_t_single_testimonial {
    border-bottom: 0;
    margin: 10px 0;
}

.testimonial_body p {
    font-style: italic;
    font-size: 120%;
line-height:1.4em;
}

.testimonial_body p:before, .testimonial_body p:after {
    content: '"';
}

.wpcr3_respond_1 {
    width: 1140px;
    margin: 0 auto  !important;
    max-width: 100%;
    padding: 10px 0 100px !important;
}


#searchform.navbar-form {
    transform: skew(-30deg);
    background:#ffd60a;
    padding: 8px 35px 8px 20px;
    margin: 0;
}

#searchform.navbar-form div {
    transform: skew(30deg);
}

#searchform.navbar-form input {
    background: none;
    border: 0;
    box-shadow: none;
    color: #262626;
}

ul.inline-list {columns:3; text-align:center;}
ul.inline-list li {padding:5px;}






/****** Media Queries ******/
@media (min-width: 1200px) {
header .container-fluid {width:100%;}
}
@media (max-width:1199px) {
header .attack {
    margin-left: 10px;
}
}
@media (max-width:992px) {
section.front .yellow-bg {background-position:center left;}
}
@media (min-width:768px) {
	.service-sidebar.sticky-topxxx {
		margin-top: -370px;
	}
}
@media (max-width:767px) {
.light-blue, .light-blue .text-right {text-align:center;}
.navbar {background:rgba(0,0,0,0.7)}
.navbar-brand {
display:block; line-height: 45px;
padding: 0px 0px 0 10px;
color: #fff;
font-weight: bold;
}
.navbar-nav {text-align:left; float: none !important;
display: block;
padding-left: 16px;
}
.fixed-top.addBG {
    background: rgba(0,0,0,1);
}
#bs-example-navbar {
    margin-bottom: 10px;
}
header, header .text-right {text-align:center;}

header .form-inline .form-group {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}
.plan .col-sm-4 {margin-top:0px; z-index:2;}
.navbar .nav a, .navbar .nav a:link {
    padding: 10px;
}
header.addBG img {display:none;}
}


@media (max-width:480px) {
footer, footer .text-right {text-align:center;}
footer p {line-height:1.4em;}
header.fixed-top .head-foot {padding:0;}
header .head-top {
    line-height: 1.5em;
}
	ul.inline-list {columns:2;}


}

@media (max-width:360px) {
header .head-top .nav a {
    color: #fff;
    padding: 3px 7px;
    font-size: 0.8em;
}
}