/* 
Theme Name: Vibrant Roofing
Theme URI: http://www.vibrantroofing.com//
Description: Designed by Derlyn(derlyn@rosewood.us.com) and built by Jared(jared@rosewood.us.com)
Author: Rosewood Marketing Team
Author URI: https://rosewood.us.com
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/***** Colors
Red - #C72328
Black - #000000
White - #FFFFFF
Gray - #888A85
*****/



/*****===== Global styles =====*****/
html {
    background-color: rgb(1 1 1 / 3%);
}

html body {
    max-width: 1650px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0 0 16px -25px #111;
}
body, body p, body li {
    font-size: 18px;
}


@media all and (max-width: 999px) {
.tablet-order-0 {
	order: 0;
}
.tablet-order-1 {
	order: 1;
}
}/** Save for max-width 999px **/

@media all and ( min-width: 700px) {
body, body p, body li {
    font-size: 19px;
}
} /** Save for 700px wide **/

@media all and ( min-width: 1000px) {
body, body p, body li {
    font-size: 20px;
}
} /** Save for 1000px wide **/
/*****===== END Global styles =====*****/



/*****===== Colors and background colors =====*****/
.color-white, main .elementor-section.background-color-red .elementor-element .elementor-heading-title, .get-a-free-estimate-button a, .get-a-free-estimate-button span {
    color: #fff;
}
.color-black {
    color: #111;
}
.color-gray {
    color: #888A85;
}
.color-red {
    color: #C72328;
}
/*****===== Placeholder text =====*****/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: .6; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
  opacity: .6;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
  opacity: .6;
}
/*****===== END Placeholder text =====*****/

.background-color-white {
    background-color: #fff;
}
.background-color-black {
    background-color: #111;
}
.background-color-gray {
    background-color: #888A85;
}
.background-color-red {
    background-color: #C72328;
}


.input-background input[type=date], .input-background input[type=email], .input-background input[type=number], .input-background input[type=password], .input-background input[type=search], .input-background input[type=tel], .input-background input[type=text], .input-background input[type=url], .input-background select, .input-background textarea, .input-background form [type=button], .input-background form [type=submit], .input-background form button {
    background-color: rgba(136, 138, 133, .1);
}
/*****===== END Colors and background colors =====*****/






/*****===== widths, padding, margin =====*****/
.max-width-600, .elementor-widget-wrap .elementor-element.max-width-600.elementor-widget__width-auto {
    max-width: 600px;
}
.min-width-270 {
    min-width: 270px;
}

.cta-image-box .elementor-image-box-content {
    padding: 25px 25px;
    top: -6px;
    position: relative;
    border: 1px solid #888A85;
    border-top: none;
}


.full-width-wrapper, .cta-section {
    padding: 50px 30px;
}
.full-width-wrapper-min {
    padding: 40px 30px;
}
.elementor-section.margin-left-0 > div.elementor-container {
    margin-left: 0;
}



@media all and (min-width: 700px) {
.full-width-wrapper, .cta-section {
    padding: 60px 40px;
}
}/** Save for 700px **/

@media all and (min-width: 1000px) {
.full-width-wrapper, .cta-section {
    padding: 70px 50px;
}
}/** Save for 1000px **/
/*****===== END widths, padding, margin =====*****/






/*****===== Buttons =====*****/


@media all and (max-width: 699px) {
.get-a-free-estimate-button a.elementor-button {
    padding: 10px 10px;
}
.order-mobile-0 {
    order: 0;
}
.order-mobile-1 {
    order: 1;
}
}/** Save for 699px **/

/*****===== END Buttons =====*****/






/*****===== Table =====*****/
div table caption+thead tr:first-child td, div table caption+thead tr:first-child th, div table colgroup+thead tr:first-child td, div table colgroup+thead tr:first-child th, div table thead:first-child tr:first-child td, div table thead:first-child tr:first-child th, div tr.uael-table-row td {
    border: none;
}

table th, table td {
    width: 50%;
}

.elementor-18 .elementor-element.elementor-element-02a0d97 .uael-table-row .uael-table-col:first-child {
    border-right: 3px solid #C72328;
}
/*****===== END Table =====*****/






/*****===== New page popup note =====*****/
.new-page-wrapper {
position: relative;
}

a span.new-page {
    position: relative;
}
a span.new-page {
    content: "This link opens in a new tab.";
    display: none;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    padding: 7px;
    bottom: -40px;
    left: 0;
    right: 0;
    min-width: unset;
    font-size: 17px;
    box-shadow: 0 0 7px -3px #666;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    max-width: 300px;
}
a:hover  span.new-page{
    display: block;
}

footer a span.new-page, footer div a span.new-page {
    margin-left: auto;
}
footer a:hover span.new-page, footer div a:hover span.new-page {
    color: #666;
}

/*****===== New page popup note =====*****/



/*****===== Contact form =====*****/
.visibility-hidden, form.wpcf7-form label {
    visibility: hidden;
    height: 0;
    margin: 0;
    display: none;
}
.visibility-visible, form.wpcf7-form span.math-quiz label, form.wpcf7-form div.visibility-visible label, form.wpcf7-form label.visibility-visible {
    visibility: visible;
    height: auto;
	display: inline-block;
}
.mm-tooltip-cf7-li {
    margin: 15px 0;
    font-size: .9rem;
}
.math-quiz > label {
    margin-bottom: 4px;
}
.wpcf7-quiz-label {
    margin: 0 10px;
}
input.quiz {
    width: auto;
    max-width: 25px;
    padding: 0;
    text-align: center;
}
input.quiz[type=text] {
    padding: 0;
}

.contact-form-section h2 {
    padding: 15px 0;
    text-align: center;
}

form input, form textarea {
    margin: 10px 0;
}
/*form textarea {
    height: 69px;
}*/

.wpcf7-form-control.wpcf7-radio > span {
	display: block;
}
form fieldset {
    margin: 15px 0;
}

form [type=button], form [type=submit], form button{
    display: inline-block;
    line-height: 1;
    background-color: #fff;
    font-size: 15px;
    padding: 12px 24px;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #C72328;
    fill: #C72328;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-family: var( --e-global-typography-accent-font-family );
    font-weight: var( --e-global-typography-accent-font-weight );
    border: none;
}
form [type=button]:focus, form [type=button]:hover, form [type=submit]:focus, form [type=submit]:hover, form button:focus, form button:hover {
    border: none;
    opacity: .8;
    background-color: #fff;
    color: #C72328;
}

form input[type=date], form input[type=email], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form input[type=url], form select, form textarea, form [type=button], form [type=submit], form button {
    border: none;
    border-radius: 0;
}
/*****===== END Contact form =====*****/