/* Theme Name: PINNACLE4ROOFING Child Theme Theme URI: https://pinnacle4roofing.com Version: 1.0 Description: A child theme of Divi. This is a custom Child Theme created for PINNACLE4ROOFING Website Author: PINNACLE4ROOFING Author URI: http://pinnacle4roofing.com Template: Divi */ @import url("../Divi/style.css"); @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.5.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: bold; font-style:normal; } /* Fix Header jump */ #main-header { top: 0; } #page-container { padding-top: 42px !important; } #logo { display: none !important; } #company-logo { position: fixed; top: 0; left: 0; z-index: 100000; } p.et_pb_contact_field.et_pb_contact_field_3.et_pb_contact_field_half, p.et_pb_contact_field.et_pb_contact_field_5.et_pb_contact_field_half { display: inline-block; margin-left: 32px; padding: 40px 0 40px 30px; width: 46% !important; background-color: #eeeeee; } p.et_pb_contact_field.et_pb_contact_field_4.et_pb_contact_field_half.et_pb_contact_field_last { display: inline-block; margin-left: 32px; padding: 40px 0 40px 30px; width: 47% !important; min-height: 248px; background-color: #eeeeee; } p.et_pb_contact_field.et_pb_contact_field_6.et_pb_contact_field_half.et_pb_contact_field_last { display: inline-block; margin-left: 32px; padding: 40px 0 40px 30px; width: 47% !important; min-height: 192px; background-color: #eeeeee; } #top-menu .active a:after{ content: ''; border-bottom: 2px dotted #FFFFFF; display: block; width: 100%; position: relative; top: 12px; } .et_pb_text_inner h2 { color: #0f3951; font-weight: bold; border-bottom: dashed 1px #de0101; margin-bottom: 25px; padding-bottom: 25px; text-align: right; } #blurb1 .et_pb_main_blurb_image img, #blurb2 .et_pb_main_blurb_image img, #blurb3 .et_pb_main_blurb_image img { display: block !important; padding: 30px; margin: 0 auto !important; } #blurb1 .et_pb_main_blurb_image { width: 220px; height: 220px; text-align: center !important; border-radius: 50%; border: 5px solid #FFF; background: #ccc url(https://www.pinnacle4roofing.com/wp-content/uploads/2017/06/blurb1-background.jpg); overflow: hidden; box-shadow: 0 0 5px grey; -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.2), 0 0 25px 2px rgba(0,0,0,.3), inset 0 0 0 4px rgba(223,223,223,1); -moz-box-shadow: 0 0 0 10px rgba(255,255,255,.2), 0 0 25px 2px rgba(0,0,0,.3), inset 0 0 0 4px rgba(223,223,223,1); box-shadow: 0 0 0 10px rgba(255,255,255,.2), 0 0 25px 2px rgba(0,0,0,.3), inset 0 0 0 4px rgba(223,223,223,1); } #blurb2 .et_pb_main_blurb_image { width: 220px; height: 220px; text-align: center !important; border-radius: 50%; border: 5px solid #FFF; background: #ccc url(https://www.pinnacle4roofing.com/wp-content/uploads/2017/06/blurb2-background.jpg); overflow: hidden; box-shadow: 0 0 5px grey; -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.2), 0 0 25px 2px rgba(0,0,0,.3), inset 0 0 0 4px rgba(223,223,223,1); -moz-box-shadow: 0 0 0 10px rgba(255,255,255,.2), 0 0 25px 2px rgba(0,0,0,.3), inset 0 0 0 4px rgba(223,223,223,1); box-shadow: 0 0 0 10px rgba(255,255,255,.2), 0 0 25px 2px rgba(0,0,0,.3), inset 0 0 0 4px rgba(223,223,223,1); } #blurb3 .et_pb_main_blurb_image { width: 220px; height: 220px; text-align: center !important; border-radius: 50%; border: 5px solid #FFF; background: #ccc url(https://www.pinnacle4roofing.com/wp-content/uploads/2017/06/blurb3-background.jpg); overflow: hidden; box-shadow: 0 0 5px grey; -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.2), 0 0 25px 2px rgba(0,0,0,.3), inset 0 0 0 4px rgba(223,223,223,1); -moz-box-shadow: 0 0 0 10px rgba(255,255,255,.2), 0 0 25px 2px rgba(0,0,0,.3), inset 0 0 0 4px rgba(223,223,223,1); box-shadow: 0 0 0 10px rgba(255,255,255,.2), 0 0 25px 2px rgba(0,0,0,.3), inset 0 0 0 4px rgba(223,223,223,1); } #blue-circle { width: 220px; height: 220px; text-align: center !important; border-radius: 50%; border: 5px solid #FFF; overflow: hidden; background: transparent url(https://www.pinnacle4roofing.com/wp-content/uploads/2017/06/icon-background.jpg); box-shadow: 0 0 5px grey; -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.2), 0 0 25px 2px rgba(0,0,0,.3), inset 0 0 0 4px rgba(223,223,223,1); -moz-box-shadow: 0 0 0 10px rgba(255,255,255,.2), 0 0 25px 2px rgba(0,0,0,.3), inset 0 0 0 4px rgba(223,223,223,1); box-shadow: 0 0 0 10px rgba(255,255,255,.2), 0 0 25px 2px rgba(0,0,0,.3), inset 0 0 0 4px rgba(223,223,223,1); } #blue-circle img { padding: 20px; } h6 { font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif; font-size: 24px; color: #175a80; padding-bottom: 20px; } .et_pb_slide { z-index: 2000; } #skewed-one { background-color: #f7f9fb; } #skewed-one:before { content: ''; -webkit-transform: skew(0, -45deg); transform: skew(0, -45deg); position: absolute; left: -500px; right: 0; top: 0; height: 800px; background: #e9eaeb; z-index: 0 !important; } #skewed-two { background-color: #f7f9fb; } #skewed-two:before { content: ''; -webkit-transform: skew(0, -45deg); transform: skew(0, -45deg); position: absolute; left: -100px; right: 0; top: 0; height: 800px; background: #e9eaeb; z-index: 0 !important; } #grey-background { background-color: #f7f9fb; } #grey-background:before { content: ''; -webkit-transform: skew(0, 45deg); transform: skew(0, 45deg); position: absolute; left: 0; right: 0; top: 0; height: 800px; background: #e9eaeb; z-index: 0 !important; } .fa-blue {display: inline-block; color: #000; font: FontAwesome; font-size: 18px !important; text-rendering:auto; -webkit-font-smoothing:antialiased; margin-right: 6px;} .fa { color: #e3d1a0; font-size: 1em; } .fa-check-square-o:before { font-family: 'FontAwesome'; content: "\f046"; font-size: 1.1em; display: inline-block; height: 21px; width: 21px; font: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0; font-style: normal; } .fa-blue { color: #0f3951; font-size: 24px !important; } .icon-disaster-recovery:before { font-family: 'FontAwesome'; content: "\f2d2"; -webkit-font-smoothing: antialiased; font-size: 26px; line-height: 42px; } .et_pb_contact_captcha_question { font-size: 20px; font-weight: bold; color: #FFFFFF; } .et_pb_contact_right p.clearfix { font-size: 20px; font-weight: bold; color: #FFFFFF; } .et-pb-contact-message p { font-size: 18px; font-weight: bold; color: #FFFFFF; } .et_pb_contact p input, .et_pb_contact p textarea { font-size: 16px; color: #000000; } @media screen and (max-width: 1890px){ } @media screen and (max-width: 1700px){ } @media screen and (max-width: 1600px){ } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1400px){ } @media screen and (max-width: 1380px){ } @media screen and (max-width: 1250px){ } /* Break to Mobile Menu */ @media (max-width: 1200px) { #top-menu-nav { display: none !important; } #main-header { display: block; position: fixed; top: 0; left: 0; z-index: 90000; height: 60px; background-color: #de0101; } #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu { display: none !important; } } @media screen and (max-width: 900px){ } @media screen and (max-width: 760px){ } /* Mobile HD */ @media screen and (min-width: 350px) and (max-width: 760px){ } /* Mobile LD */ @media screen and (max-width: 350px){ }