article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;width:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} *,
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .call {
font-size: 1.1em;
font-weight: 600;
text-align: center;
text-transform: uppercase;
line-height: 1.4;
}
.call-number {
text-align: center;
font-size: 2.2em;
line-height: 1.1;
}
.or {
text-align: center;
line-height: 1.1;
font-size: 17px;
}
.request {
color: #f8e55e;
font-size: 20px;
text-align: center;
line-height: 1.5;
margin-bottom: 16px;
}
.nf-field-container.textbox-container.label-left {
margin-bottom: 18px;
} .nf-form-fields-required {
display: none;
}
#custom_html-2.widget.widget_text {
background-color: #004688;
color: white;
padding: 30px 30px 20px;
}
.ninja-forms-req-symbol {
color: white;
}
#nf-form-title-2 h3 {
font-size: 20px;
font-weight: 400;
color: white;
text-align: center;
margin-bottom: 30px;
}
input#nf-field-10 {
padding: 8px 40px 5px;
text-align: center;
line-height: 1.1;
margin-top: 10px;
}
#nf-field-10-container {
margin-bottom: 14px;
}
.nf-field-label {
padding-right: 5%;
} .author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-footer:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.call-to-action-bar:before,
.sidebar .client-review:before,
.wrap:before {
content: " ";
display: table;
}
.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-footer:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.call-to-action-bar:after,
.sidebar .client-review:after,
.wrap:after {
clear: both;
content: " ";
display: table;
}
@font-face {
font-family: 'helveticaregular';
src: url(//atlantacommercialroofingcontractors.com/wp-content/themes/wcm-pro/fonts/helvetica-webfont.eot);
src: url(//atlantacommercialroofingcontractors.com/wp-content/themes/wcm-pro/fonts/helvetica-webfont.eot?#iefix) format('embedded-opentype'),
url(//atlantacommercialroofingcontractors.com/wp-content/themes/wcm-pro/fonts/helvetica-webfont.woff2) format('woff2'),
url(//atlantacommercialroofingcontractors.com/wp-content/themes/wcm-pro/fonts/helvetica-webfont.woff) format('woff'),
url(//atlantacommercialroofingcontractors.com/wp-content/themes/wcm-pro/fonts/helvetica-webfont.ttf) format('truetype'),
url(//atlantacommercialroofingcontractors.com/wp-content/themes/wcm-pro/fonts/helvetica-webfont.svg#helveticaregular) format('svg');
font-weight: normal;
font-style: normal;
}
.phone-header-widget,
.cta-phone,
.form-phone,
.call-to-action-bar {
font-family: 'helveticaregular';
}  body {
background: #fff;
color: #666;  font-family: "proxima-nova",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.625;
}
.hide {
display: none;
}
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.gallery img {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
::-moz-selection {
background: #fff248;
color: #000;
}
::selection {
background: #fff248;
color: #000;
}
a {
color: #0051a8;
border-bottom: 1px dotted;
font-weight: 700;
text-decoration: none;
word-wrap: break-word;
}
a img {
margin-bottom: -4px;
}
a:hover {
color: #666;
}
p {
margin: 0 0 24px;
padding: 0;
}
strong {
font-weight: 700;
}
ol,
ul {
margin: 0;
padding: 0;
}
blockquote {
border-top:1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
padding:40px 10px;
margin: 60px 10px;
}
blockquote p {
margin:0;
padding:0;
}
blockquote .quote-author {
display: block;
font-weight: bold;
margin-top:10px;
}
blockquote::before {
font-family: "fontawesome";
content: "\f10d";
color:#d5d5d5;
display: block;
font-size: 20px;
height: 0;
left: -30px;
position: relative;
top: -10px;
}
pre {
background: #333;
color: #ccc;
overflow: scroll;
padding: 0 20px;
white-space: pre;
}
cite {
font-style: italic;
font-weight: 700;
}
.larger-bold {
font-size: 16px;
} h1,
h2,
h3,
h4,
h5,
h6 {
color: #f20000;  font-family: "proxima-nova",sans-serif;
font-weight: 600;
line-height: 1.2;
margin: 0;
margin-bottom: 16px;
padding: 0;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 26px;
}
h5 {
font-size: 26px;
}
h6 {
font-size: 26px;
} embed,
iframe,
img,
object,
video,
.wp-caption {
max-width: 100%;
}
img {
height: auto;
width: auto; } input,
textarea {
background: #fff;
border: 1px solid #ddd;
color: #666;
font-size: 14px;
padding: 8px;
width: 100%;
}
::-moz-placeholder {
color: #666;
}
::-webkit-input-placeholder {
color: #666;
}
.button,
.entry-content a.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
background: #e00f00;
border: 1px solid #fff;
color: #fff;
cursor: pointer; -webkit-appearance: button; font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
padding: 16px 24px;
text-transform: uppercase;
width: auto;
}
input[type="button"]:hover {
background-color: #fce11f;
border: 1px solid #fff;
color: #004688;
cursor: pointer; -webkit-appearance: button; font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
padding: 16px 24px;
text-transform: uppercase;
width: auto;
}
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus,
.entry-content a.button:focus {
background-color: #fff;
color: #0051a8;
}
.button {
display: inline-block;
}
.button:hover,
.entry-content a.button:hover,
input:hover[type="submit"] {
background-color: #fff;
border: 1px solid #0051a8;
color: #0051a8;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none;
}
.search-form {
position: relative;
}
.header-widget-area .search-form {
height: 53px;
margin: 20px auto 0;
width: 300px;
}
.search-form [type="submit"] {
background-color: transparent;
background: url(//atlantacommercialroofingcontractors.com/wp-content/themes/wcm-pro/images/icon-search-ltr.png) no-repeat 75% 53% #fff;
border: 1px solid #ddd;
box-shadow: none;
height: 53px;
margin: 0;
overflow: hidden;
padding: 0 42px 0 0;
position: absolute;
right: 0;
text-indent: -9999px;
vertical-align: top;
width: 53px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.search-form input[type="submit"]:focus,
.search-form input[type="submit"]:hover {
background-color: #999;
background-position: 20% 53%;
text-indent: -9999px;
} .gallery {
margin: auto;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6666%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111%;
}
.gallery-columns-10 .gallery-item {
width: 10%;
}
.gallery img {
border: 1px solid #ddd;
height: auto;
padding: 4px;
width: auto;
}
.gallery img:hover {
border: 1px solid #999;
}
.gallery-caption {
display: block;
margin-left: 0;
} table {
margin-bottom: 40px;
max-width: 100%;
}
th {
text-align: left;
}
.table {
width: 100%;
margin-bottom: 40px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #eaeaea;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color: #f5f5f5;
}  .wrap {
margin: 0 auto;
padding: 0 20px;
max-width: 100%;
}
.site-inner {
background: transparent;
padding-top: 20px;
}
.backstretch-container {
display: none;
}
@media only screen and (min-width: 1024px) {
.site-inner .backstretch img {
margin-top: -100px !important;
}
}
@media only screen and (min-width: 1490px) {
.site-inner .backstretch img {
margin-top: 0 !important;
}
}
.site-inner .wrap {
background-color: #fff;
padding: 0;
}
.access-genesis-landing .site-container {
margin: 40px auto;
max-width: 960px;
}  .sidebar-content-sidebar .content-sidebar-wrap {
width: 100%;
} .content {
width: 100%;
}
.full-width-content .content {
float: none;
margin: 0 auto;
width: 100%;
} .sidebar-primary {
width: 100%;
background-color: #f7f7f7;
}
.sidebar section:last-child {
margin-bottom:60px;
} .five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin: 0;
width: 100%;
}  address {
margin-bottom: 24px;
}
.avatar {
float: left;
}
.alignleft .avatar {
margin-right: 24px;
}
.alignright .avatar {
margin-left: 24px;
}
img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
}
img.alignnone {
margin-bottom: 12px;
}
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
text-align: right;
}
img.alignleft,
.wp-caption.alignleft {
margin: 0 24px 24px 0;
}
img.alignright,
.wp-caption.alignright {
margin: 0 0 24px 24px;
}
.wp-caption-text {
font-size: 14px;
font-weight: 700;
margin: 0;
text-align: center;
}
.wp-caption {
max-width: 100%;
}
.widget_calendar table td {
padding: 5px;
}
.wp-post-image {
width: 100%;
max-width: 350px;
}
.featured-image-container {
text-align: center;
} .breadcrumb {
margin: 20px 0 0px 20px;
}
.author-box,
.archive-description {
background-color: #f5f5f5;
color: #333;
margin-bottom: 40px;
padding: 40px;
}
.author-box-title {
font-size: 20px;
margin-bottom: 10px;
}
.author-box a {
border-bottom: 1px solid #ddd;
}
.author-box .avatar {
margin-right: 24px;
}
.archive-description p:last-child,
.author-box p:last-child {
margin-bottom: 0;
} .entry-title {
margin-bottom: 16px;
word-wrap: break-word;
}
.entry-title a,
.sidebar .widgettitle a {
border: 0;
color: #f20000;
}
.entry-title a:hover {
color: #666;
}
.widgettitle { margin: 10px 0 24px;
text-transform: capitalize;
color: #f20000;
font-size: 24px;
}
.sidebar .widgettitle a {
border: 0;
}
.archive-title {
color: #333;
margin-bottom: 24px;
}  .review-container:before {
color: #ffd700;
content: "\f005 \f005 \f005 \f005 \f005 ";
font-family: "fontAwesome";
margin-right: 10px;
}
.review-container {  } .service-areas-title {}
.contact-info-title {}
.hours-title {}
.payments-title {}
table.hours-of-operation {
width:100%;
}
table.hours-of-operation td:nth-child(odd) {
width:40%;
} .contact-page-options .first {
margin-bottom: 40px;
} .schema-review-info {
display: none;
}
.client-review-container {
margin:50px 0px;
padding:0 40px;
}
.client-review-text {
}
.client-review-text blockquote {
margin: 0px 10px 60px;
}
.client-review-text .review-author {
display: block;
font-weight: bold;
margin-top:10px;
}
.client-review-text .review-date {
} .po-related-projects .display-posts-listing {
padding-left: 30px;
}  .utility-bar {
background-color: #f7f7f7;
color: #5e6975;
font-size: 14px;
margin: 0 auto;
padding: 10px 0;
text-align: center;
width: 100%;
}
.utility-bar a {
color: #0051a8;
border-bottom: 0;
}
.utility-bar a:hover,
.utility-bar a:focus {
color: #111;
text-decoration: underline;
}
.utility-bar p,
.utility-bar .widgettitle {
color: #fff;
margin: 0;
}
.utility-bar .search-form input[type="search"] {
margin: 0;
padding: 10px 0;
}
.utility-bar-right .menu {
list-style-type: none;
}
.utility-bar-right .menu li {
display: inline-block;
}
.utility-bar-right .menu-item > a {
padding-right:5px;
border-right: 1px solid #0051a8;
}
.utility-bar-right .menu li:last-child > a {
border-right: 0;
} .call-to-action-bar {
background-color: #0051a8;
color: #fff;
font-size: 1.2rem;
line-height: 1.2;
padding: 16px 0;
text-align: center;
}
.call-to-action-bar a.cta-button {
color: #fff;
background-color: #f61200;
border: 1px solid #f55549;
font-size: 1rem;
padding: 8px 16px;
display: inline-block;
margin-top: 15px;
}
.call-to-action-bar .cta-phone {
color: #fce90b;
font-weight: 600;
}
@media only screen and (min-width: 430px) {
.call-to-action-bar {
font-size: 1.5rem;
line-height: 1.5;
}
}
@media only screen and (min-width: 640px) {
.call-to-action-bar {
}
.call-to-action-bar a.cta-button { margin-left: 5%;
}
}
@media only screen and (min-width: 680px) {
.call-to-action-bar a.cta-button {
margin-top: 0;
margin-left: 5%;
}
}
.call-to-action-bar a.cta-button:hover,
.call-to-action-bar a.cta-button:focus {
background-color: #e00f00; }
.call-to-action-bar .enews p {
margin: 12px 0;
width: 100%;
} .featured-content .entry {
border-bottom: 2px solid #f5f5f5;
padding: 10px 0;
}
.sidebar .featured-content .entry {
border-bottom: 0;
margin-bottom: 10px;
}
.featured-content .entry-title {
font-size: 18px;
margin: 10px 0;
} .prefooter-container {
text-align: center;
}
.footer-citation {
margin-bottom: 30px;
} .prefooter-container .simple-social-icons ul li.social-facebook a {
background-color: #3e6396 !important;
}
.prefooter-container .simple-social-icons ul li.social-gplus a {
background-color: #D54937 !important;
}
.prefooter-container .simple-social-icons ul li.social-twitter a {
background-color: #5fe3fc !important;
}
.prefooter-container .simple-social-icons ul li.social-youtube a {
background-color: #ff0000 !important;
}
.prefooter-container .simple-social-icons ul li.social-facebook a:hover,
.prefooter-container .simple-social-icons ul li.social-gplus a:hover,
.prefooter-container .simple-social-icons ul li.social-twitter a:hover,
.prefooter-container .simple-social-icons ul li.social-youtube a:hover {
background-color: #ddd !important;
}  a > .fa {
display: block;
}
li a .fa {
display: inline-block;
} .enews-widget {
color: #ccc;
}
.enews-widget a {
color: #fff;
}
.enews-widget a:hover {
color: #ccc;
}
.enews-widget .widgettitle {
color: #fff;
margin: 0;
}
.enews-widget input {
margin-bottom: 16px;
}
.enews-widget input[type="submit"] {
margin: 0;
width: 100%;
}
.sidebar .enews-widget .widgettitle {
margin: 10px 0 24px;
}
.sidebar .widget.enews-widget {
background-color: #333;
border-top: 1px solid #fff;
}
.sidebar .enews-widget .widget-wrap {
border-top: 5px solid #fff;
}  .mobile-only-form-container {
margin-bottom: 40px;
}
.gform_description,
.sidebar .gform_description,
.mobile-only-form-container .gform_description {
text-align: center;
text-transform: uppercase;
line-height: 1.2;
}
.form-call-now {
color: #f8e55e;
font-size: 1.7em;
font-weight: 600;
}
.form-phone {
font-size: 2.4em;
font-weight: bold;
}
a.form-phone {
color: #fff !important;
display: inline-block;
padding-bottom: 10px;
margin: 10px 0;
}
.form-fill {
font-size: 0.7em;
font-weight: 700;
} .gform_widget,
.sidebar .gform_widget {
padding: 0 !important;
}
.gfield_label,
.sidebar .gfield_label {
font-size: 14px;
}
@media only screen and (min-width: 520px) {
.gform_wrapper .gfield_checkbox li,
.sidebar .gform_wrapper .gfield_checkbox li {
display: inline-block;
width: 50%;
}
.sidebar .gform_wrapper .gfield_checkbox li:nth-child(even) input[type="checkbox"] {
}
}
.sidebar .gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label,
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label {
font-weight: normal !important;
text-decoration: underline;
}
.gform_wrapper .gfield_checkbox li label,
.sidebar .gform_wrapper .gfield_checkbox li label {
font-size: 12px;
margin-left: 15px;
}
.gform_wrapper .gform_footer.left_label,
.sidebar .gform_wrapper .gform_footer.left_label {
padding: 0;
}
.gform_wrapper .gform_footer input[type="submit"],
.sidebar .gform_wrapper .gform_footer input[type="submit"],
.mobile-only-form-container .gform_wrapper .gform_footer input[type="submit"] {
background-color: #fce11f;
color: #333;
padding: 5px;
text-transform: capitalize;
}
.mobile-only-form-container .gform_wrapper .gform_footer input[type="submit"]:hover,
.mobile-only-form-container .gform_wrapper .gform_footer input[type="submit"]:focus,
.sidebar .gform_wrapper .gform_footer input[type="submit"]:hover,
.sidebar .gform_wrapper .gform_footer input[type="submit"]:focus,
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer input[type="submit"]:focus {
background-color: #0051a8;
color: #fff;
}
div.gform_wrapper {
background-color: #004688;
padding: 16px;
color: #fff;
margin: 0;
max-width:100%;
}
div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
padding: 5px 10px;
}
div.gform_wrapper li,
div.gform_wrapper form li {
margin: 16px 0 0;
}
.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium,
.sidebar .gform_wrapper .top_label input.medium,
.sidebar .gform_wrapper .top_label select.medium,
.site-inner .gform_wrapper .gform_footer input.button,
.site-inner .gform_wrapper .gform_footer input[type="submit"] {
width: 100%;
}
div.gform_wrapper input:focus,
div.gform_wrapper textarea:focus {
outline: 1px dotted #aaa;
}
div.gform_wrapper .gfield_required {
color: #fff !important;
} #wpstats {
display: none;
visibility: hidden;
} .site-header {
background: #fff;
border-bottom: 4px solid #f61200;
}
.site-header .wrap {
padding: 12px 0 16px;
} .title-area {
float: left;
font-weight: 700;
text-align: center;
width: 100%;
}
.site-title {
letter-spacing: 2px;
line-height: 1;
margin: 10px 0 0px;
text-transform: uppercase;
}
.site-title a,
.site-title a:hover {
border: 0;
color: #333;
font-family: Lato, sans-serif;
font-size: 28px;
}
.site-description {
color: #666;
font-size: 16px;
line-height: 1;
margin: 0;
} .header-full-width .title-area,
.header-full-width .site-title {
width: 100%;
}
.header-image .site-description,
.header-image .site-title {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
} .header-image .site-title > a {
background: url(//atlantacommercialroofingcontractors.com/wp-content/uploads/atlanta-commercial-roofing-contractors.png) no-repeat center;
float: left;
min-height: 96px;
width: 100%;
} .site-header .widget-area {
float: right;
text-align: center;
width: 100%;
}
.header-widget-area .genesis-nav-menu a {
color: #000;
}
.header-widget-area .genesis-nav-menu a:hover,
.header-widget-area .genesis-nav-menu .current-menu-item > a,
.header-widget-area .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: #666;
}
.header-widget-area .genesis-nav-menu .sub-menu a {
background-color: #eee;
} .site-header .widget-area .phone-header-widget a {
color: #f61200;
font-size: 36px;
}
.site-header .widget-area .cta-button-header-widget {
display: block;
margin-top: 14px;
margin-bottom: 10px;
}
.site-header .widget-area .cta-button-header-widget a {
background-color: #f61200;
border-bottom: 0;
color: #fff;
font-size: 14px;
padding: 12px 18px 10px;
text-transform: capitalize;
}
.site-header .widget-area .cta-button-header-widget a:hover,
.site-header .widget-area .cta-button-header-widget a:focus {
background-color: #e00f00;
} .genesis-nav-menu > .first > a {
padding-left: 0;
}
.genesis-nav-menu > .last > a {
padding-right: 0;
}
.genesis-nav-menu .menu-item {
display: block;
position: relative;
text-align: left;
}
.genesis-nav-menu a {
color: #fff;
display: inline-block;
font-family: 'helveticaregular';
font-size: 15px;
font-weight: 700; padding: 12px 15px;
position: relative;
width: 100%;
}
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: #f61200;
}
.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu a:focus {
outline: #aaa dotted thin;
text-decoration: underline;
}
.genesis-nav-menu .sub-menu .current-menu-item > a {
color: #f61200;
}
.genesis-nav-menu > .menu-item > a {
text-transform: uppercase;
}
.genesis-nav-menu .menu-item:hover > .sub-menu {
left: auto;
opacity: 1;
}
.genesis-nav-menu .menu-item:hover {
position: relative;
}
.genesis-nav-menu .sub-menu {
background-color: #fff;
clear: both;
display: none;
opacity: 1;
position: static;
}
.genesis-nav-menu .sub-menu a {
border: 0;
color: #0051a8;;
}
.genesis-nav-menu .sub-menu .sub-menu a {
padding-left: 20px;
} .menu-primary {
display: none;
position: relative;
}
.menu-toggle {
color: #fff;
display: block;
font-size: 30px;
margin: 0 auto;
overflow: hidden;
padding: 9px;
visibility: visible;
background-color: transparent;
border: 0;
}
.sub-menu-toggle {
position: absolute;
top: 0;
right: 0;
font-size: 14px;
padding: 16px;
}
.menu-toggle:before {
content: "\2261";
}
.menu-toggle.menu-toggle-activated:before {
font-family: 'fontAwesome';
content: "\f102";
}
.sub-menu-toggle:before {
font-family: 'fontAwesome';
content: "\f078";
}
.sub-menu-toggle.menu-toggle-activated:before {
content: "\f077";
} .site-header .sub-menu {
border-top: 1px solid #eee;
}
.site-header .sub-menu .sub-menu {
margin-top: -53px;
} .nav-primary {
background-color: #0051a8;
text-align: right;
}
.nav-primary a:hover,
.nav-primary .current-menu-item > a {
color: #f61200;
background-color: #fff;
}
.nav-primary .sub-menu a:hover {
color: #f61200;
background-color: #fff;
}
.nav-footer {
background-color: #fff;
text-align: center;
margin: 30px 0 20px;
}
.nav-footer a {
color: #0051a8;
text-align: center;
}
.nav-footer a:hover,
.nav-footer .current-menu-item > a {
color: #0051a8;
text-decoration: underline;
}  .sticky.entry {
border-top: 0px solid #0051a8;
}
.entry {
background: #fff;
border-top: 0px solid #333;
margin-bottom: 40px;
padding: 30px 20px 24px;
word-wrap: break-word;
}
.entry-content a {
color: #0051a8;
}
.entry-content a:hover {
color: #333;
}
.entry-content .attachment a,
.entry-content .gallery a {
border: 0;
}
.entry-content ol,
.entry-content ul,
.quote-caption {
margin-bottom: 26px;
}
.entry-content ol ol,
.entry-content ul ul,
.entry-content ol ul,
.entry-content ul ol,{
margin-bottom: 0;
}
.entry-content ol li,
.entry-content ul li {
margin-left: 40px;
}
.entry-content ol > li {
list-style-type: decimal;
}
.entry-content ul > li {
list-style-type: disc;
}
.entry-content ul.icons-ul > li {
list-style-type: none;
}
.entry-content ol ol,
.entry-content ul ul,
.entry-content .wp-caption p {
margin-bottom: 0;
}
.entry-content code {
background-color: #333;
color: #ddd;
} .entry-meta {
color: #666;
font-size: 14px;
}
.entry-header .entry-meta {
background-color: #fff;
border-top:1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
margin: 0 0 24px;
padding: 10px;
text-align: left;
}
.entry-footer .entry-meta {
border-top: 2px solid #f5f5f5;
margin: 0 -40px;
padding: 32px 40px 8px;
}
.entry-comments-link::before {
content: "\2014";
margin: 0 6px 0 2px;
}
.entry-categories,
.entry-tags {
display: block;
} .featured-image {
margin: 20px 0;
} .pagination,
.posts-navigation {
margin-bottom: 30px;
}
.pagination .nav-links {
display: inline;
}
.pagination .nav-links a,
.pagination .nav-links .current {
background: #333;
border: 1px solid #fff;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 8px 12px;
}
.pagination .nav-links a:hover {
background: #fff;
border: 1px solid #333;
color: #333;
}
.pagination .nav-links .current {
background: #555;
border: 1px solid #fff;
color: #fff;
cursor: none;
}
.entry-pagination {
margin: 30px 0;
} .comment-respond,
.entry-comments,
.entry-pings {
background: #fff;
padding: 40px;
margin-bottom: 40px;
}
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
width: 50%;
}
.comment-respond label {
display: block;
margin-right: 12px;
}
.entry-comments ul.children {
margin-left: 40px;
}
.comment-list li,
.ping-list li {
list-style-type: none;
margin-top: 24px;
}
.comment-meta,
.entry-comments
.comment,
.entry-comments .comment-reply {
margin-bottom: 40px;
}
p.form-submit,
.entry-comments .children .comment,
.entry-comments .comment-author {
margin-bottom: 0;
}
.comment .avatar {
margin: 0 16px 24px 0;
}
.form-allowed-tags {
font-size: 14px;
} .fancy-list ul > li,
.fancy-list ol > li {
color: #0051a8;
font-size: 24px;
line-height: 1.2;
list-style-type: none;
margin-left: 0px;
text-transform: uppercase;
}
.fancy-list ul > li::before,
.fancy-list ol > li::before {
font-family: "fontawesome";
font-size: 1.5em;
color: #f20000;
content: "\f00c"; margin-right: 20px;
} .sidebar {
font-size: 14px;
color: #5e6975;
}
.sidebar p:last-child,
.sidebar ul > li:last-child {
margin-bottom: 0;
}
.sidebar li {
list-style-type: none;
margin-bottom: 6px;
padding: 0;
word-wrap: break-word;
}
.sidebar .widget {
background: transparent;
border-top: 0px solid #333;
margin: 0 auto;
padding: 20px;
max-width: 500px;
}
.sidebar .widget-wrap {
border-top: 0px solid #333;
margin-left: 4px;
}
.sidebar .search-form input[type="search"] {
width: 100%;
} .sidebar .client-review {
margin-bottom: 20px;
}
.sidebar .review-body .review-headline {
color: #0051a8;
display: block;
font-weight: 700;
}
.sidebar .review-author {
color: #0051a8;
font-weight: bold;
text-align: right;
background: url(//atlantacommercialroofingcontractors.com/wp-content/themes/wcm-pro/images/stars.png) no-repeat;
background-position: center left;
} .footer-widgets {
background: #333;
color: #fff;
padding: 40px 0;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
float: left;
margin: 0;
width: 100%;
}
.footer-widgets a {
color: #fff;
}
.footer-widgets a:hover {
color: #ccc;
}
.footer-widgets .widget {
margin-bottom: 24px;
}
.footer-widgets .widgettitle {
color: #fff;
font-size: 20px;
}
.footer-widgets .entry {
background: transparent;
}
.footer-widgets li {
list-style-type: none;
margin-bottom: 6px;
word-wrap: break-word;
}
.footer-widgets .search-form input[type="search"] {
width: 100%;
} .site-footer {
background-color: #fff;
color: #5e6975;
font-size: 14px;
padding: 40px 0;
text-align: center;
}
.site-footer a {
color: #0051a8;
font-weight: normal;
}
.site-footer a:hover {
border-bottom: 0;
text-decoration: underline;
}
.site-footer p {
margin: 0;
}  .screen-reader-text,
.screen-reader-text span,
.search-form label {
clip: rect(0, 0, 0, 0);
height: 0;
position: absolute;
width: 0;
}
.screen-reader-shortcut {
clip: rect(0, 0, 0, 0);
left: 10px;
position: absolute;
top: 10px;
}
.screen-reader-shortcut:focus {
background: #fff;
clip: auto;
display: block;
height: auto;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
width: auto;
z-index: 100000;
}
.wpacc-genesis-skip-link li,
.genwpacc-genesis-skip-link li {
height: 0;
width: 0;
list-style: none;
} :focus {
color: #333;
outline: #aaa dotted thin;
} .menu .menu-item:focus {
position: static;
}
.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.wpacc-hover > ul.sub-menu {
left: auto;
opacity: 1;
}  .desktop-only {
display: none;
}
@media only screen and (min-width: 768px) { .utility-bar-left {
text-align: left;
}
.utility-bar-right {
text-align: right;
}
.home-welcome .widgettitle {
font-size: 80px;
}
.home-welcome p,
.home-welcome .textwidget {
font-size: 40px;
line-height: normal;
margin-bottom: 34px;
}
.home-gallery-1,
.home-gallery-2,
.home-gallery-3,
.home-gallery-4 {
float: left;
width: 50%;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
width: 30%;
}
.footer-widgets-1,
.footer-widgets-2 {
margin-right: 5%;
}
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}
.one-third,
.two-sixths {
width: 31.623931623931625%;
}
.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}
.one-fourth {
width: 23.076923076923077%;
}
.three-fourths {
width: 74.35897435897436%;
}
.one-sixth {
width: 14.52991452991453%;
}
.five-sixths {
width: 82.90598290598291%;
}
.first {
clear: both;
margin-left: 0;
}
blockquote {
padding:40px 30px;
margin: 60px 40px;
}
.client-review-text blockquote {
margin:0 40px 0 80px;
padding-top:0;
border-top:0;
border-bottom: 0;
}
blockquote::before {
font-size: 30px;
left: -80px;
}
.gform_widget .widget-wrap,
.sidebar .gform_widget .widget-wrap {
margin-left: 0;
}
.mobile-only-form-container {
display: none;
}
}
@media only screen and (min-width: 1024px) {
.wp-post-image {
max-width: 100%;
}
.mobile-only {
display: none !important;
}
.desktop-only {
display: inline-block;
font-weight: bold;
}
.wrap {
max-width: 960px;
}
.header-widget-area .search-form {
float: right;
margin-top: 0;
width: 40%;
}
.header-image .site-title > a {
background: url(//atlantacommercialroofingcontractors.com/wp-content/uploads/atlanta-commercial-roofing-contractors.png) no-repeat left;
}
.title-area {
text-align: left;
width: 236px; margin-bottom:-70px;
}
.site-header .widget-area {
text-align: right;
width: 65%;
}
.site-header .widget-area .phone-header-widget {
color: #f61200;
display: inline-block;
font-size: 36px;
}
.site-header .widget-area .cta-button-header-widget {
display: inline-block;
max-width: 75%;
margin-left: 15px;
}
.site-header .widget-area .cta-button-header-widget a {
position: relative;
top: -6px;
font-size: 18px;
font-weight: 600;
}
.site-inner {
background: transparent;
padding-top: 40px;
margin-top: -1000px;
position: relative;
z-index: 1;
}
.entry {
padding: 30px 40px 24px;
}
.backstretch-container {
display: block;
height: 1000px;
overflow: hidden;
position: relative;
width: 100%;
z-index: -99;
}
.backstretch-container .backstretch img {
margin-top: -100px !important;
}
.content {
float: right;
width: 62%;
width: 65.5%;
}
.content-sidebar .content,
.sidebar-content .sidebar-primary {
float: left;
}
.sidebar-primary {
float: right;
width: 34.5%;
}
button.menu-toggle {
display: none;
}
.sub-menu-toggle,
.menu-toggle {
display: block;
visibility: hidden;
}
.menu-primary {
display: inline-block;
}
.genesis-nav-menu .menu-item {
display: inline-block;
}
.genesis-nav-menu > .menu-item > a {
border-bottom: 0;
}
.nav-footer .genesis-nav-menu a {
padding: 0px 10px;
}
.nav-footer .genesis-nav-menu > .menu-item > a {
color: #0051a8;
border-right: 1px solid #ddd;
text-transform: none;
}
.nav-footer .genesis-nav-menu > .menu-item:last-child > a {
border-right: 0;
}
.genesis-nav-menu .sub-menu {
display: block;
left: -9999px;
margin: 0;
opacity: 0;
position: absolute;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
width: 200px;
z-index: 99;
}
.genesis-nav-menu .sub-menu a {
letter-spacing: 0;
width: 200px;
}
.genesis-nav-menu .sub-menu .sub-menu {
margin: -54px 0 0 199px;
}
.genesis-nav-menu .menu-item:hover {
position: static;
}
.call-to-action-bar {
font-size: 24px;
text-align: left;
}
.call-to-action-bar a.cta-button {
font-size: 18px;
float: right;
margin:-2px 0 0;
font-weight: 600;
}
.call-to-action-bar .enews p {
clear: left;
float: left;
margin-bottom: 0;
width: 35%;
}
.call-to-action-bar .enews-widget input[type="submit"] {
float: right;
margin: -2px 0 0;
width: 35%;
}
.call-to-action-bar .enews form {
float: right;
text-align: right;
width: 60%;
}
.call-to-action-bar .enews input[type="email"] {
height: 57px;
margin-right: 3px;
position: relative;
top: -2px;
width: 60%;
}
.gform_wrapper .gform_footer input[type="submit"],
.sidebar .gform_wrapper .gform_footer input[type="submit"] {
max-width: 150px;
}
.contact-page-options .first {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1140px) {
.wrap {
max-width: 1024px;
padding: 0;
}
.home-gallery-1,
.home-gallery-2,
.home-gallery-3,
.home-gallery-4 {
width: 25%;
}
.call-to-action-bar {
font-size: 30px;
}
.call-to-action-bar .widget {
padding: 4px 33px 0;
}
}
@media print {
* {
color: #000;
background: transparent;
box-shadow: none;
text-shadow: none;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="javascript:"]:after,
a[href^="#"]:after,
.site-title > a:after {
content: "";
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid;
}
img,
tr {
page-break-inside: avoid;
}
img {
max-width: 100%;
}
p {
orphans: 3;
widows: 3;
}
.content,
.content-sidebar {
width: 100%;
}
button,
input,
nav,
select,
textarea,
.pagination,
.backstretch,
.breadcrumb,
.call-to-action-bar,
.comment-edit-link,
.comment-form,
.comment-list .reply a,
.comment-respond,
.edit-link,
.entry-comments-link,
.entry-footer,
.genesis-box,
.header-widget-area,
.home-top,
.home-welcome,
.footer-widgets,
.nav-primary,
.nav-footer,
.post-edit-link,
.sidebar,
.site-footer,
.site-header,
.utility-bar {
display: none;
}
.title-area {
text-align: center;
width: 100%;
}
.site-title > a {
margin: 0;
text-indent: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
orphans: 3;
page-break-after: avoid;
page-break-inside: avoid;
widows: 3;
}
img {
page-break-after: avoid;
page-break-inside: avoid;
}
blockquote,
pre,
table {
page-break-inside: avoid;
}
dl,
ol,
ul {
page-break-before: avoid;
}
thead {
display: table-header-group;
}
.table td,
.table th {
background-color: #fff;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd;
}
}