/* 
Theme Name: Quality Door LLC
Theme URI: https://github.com/elementor/hello-theme/
Description: Website built by Anthony Burkholder (anthony@rosewood.us.com)
Author: Rosewood Marketing Team
Author URI: https://www.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
*/




.full-width-wrapper {
    padding: 4em 2.5em;
}
.full-width-wrapper.padding-top-min {
    padding-top: 1em;
}
.full-width-wrapper.padding-bottom-min {
    padding-bottom: 1em;
}
.full-width-wrapper.subpage-header {
    padding-top: 2.95em;
    padding-bottom: 3.5em;
}

.full-width-wrapper-no-pad {
    padding: 0;
}

@media all and (min-width: 700px) {
.full-width-wrapper {
    padding: 4em 3em;
}
}/** Save for min 700px **/

@media all and (min-width: 1000px) {
.full-width-wrapper {
    padding: 4em 4em;
}
.full-width-wrapper.subpage-header {
    padding-top: 3.3em;
    padding-bottom: 3.85em;
}
}/** Save for min 1000px **/
/*****===== END Widths =====*****/






/*****===== New page popup note =====*****/
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: -35px;
    left: 0;
    right: 0;
    min-width: 300px;
    font-size: 17px;
    box-shadow: 0 0 7px -3px #666;
    border-radius: 20px;
    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 {
    visibility: hidden;
    height: 0;
    margin: 0;
    display: none;
}
.visibility-visible, form.wpcf7-form span.math-quiz 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;
}

span.wpcf7-list-item {
    display: block;
    margin: 0 0 0 1em;
}
form fieldset {
    margin: 15px 0;
}
			
form [type=button], form [type=submit], form button, form [type=button]:focus, form [type=button]:hover, form [type=submit]:focus, form [type=submit]:hover, form button:focus, form button:hover {
}
form [type=button]:focus, form [type=button]:hover, form [type=submit]:focus, form [type=submit]:hover, form button:focus, form button:hover {
    opacity: .85;
}
.tool-tip-anchor {
	position: relative;
}
.show-tool-tip {
	background-color: #111;
    padding: 2px 9px;
    border-radius: 50%;
    color: #fff;
}
.show-tool-tip ~ .tool-tip {
	display: none;
	position: absolute;
    background: #111;
    color: #fff;
    padding: 15px;
    top: 35px;
	transition: 1s;
}
.show-tool-tip:hover ~ tip.tool-tip {
	display: block;
}

/*****===== END Contact form =====*****/