/*
Theme Name: AdamsDoorCompany
Theme URI: https://www.adamsdoorcompany.com
Author: SMW
Author URI: https://www.1stflash.com
Description: Adams Door Company Theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: static page website
Text Domain: adamsdoorcompany
*/

/* 1.0 Reset (TwentyForteen)
 -----------------------------------------------------------------------------
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; max-width: 100%;}
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body, button, input, select, textarea {color: #2b2b2b; font-family: 'lato', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5;}
body {background: #fff;}
a {color: #151ec2; text-decoration: underline;}
a:focus {outline: thin dotted;}
a:hover, a:active {outline: 0;}
a:active, a:hover {color: #c0c0c0;}
h1, h2, h3, h4, h5, h6 {clear: both; font-weight: 700; margin: 36px 0 12px;}
h1 {font-size: 26px; line-height: 1.3846153846;}
h2 {font-size: 24px; line-height: 1;}
h3 {font-size: 22px; line-height: 1.0909090909;}
h4 {font-size: 20px; line-height: 1.2;}
h5 {font-size: 18px; line-height: 1.3333333333;}
h6 {font-size: 16px; line-height: 1.5;}
address {font-style: italic; margin-bottom: 24px;}
abbr[title] {border-bottom: 1px dotted #2b2b2b; cursor: help;}
b, strong {font-weight: 700;}
cite, dfn, em, i {font-style: italic;}
mark, ins {background: #fff9c0; text-decoration: none;}
p {margin-bottom: 24px;}
code, kbd, tt, var, samp, pre {font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6;}
pre {border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
blockquote, q {-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none;}
blockquote:before,
blockquote:after,
q:before, q:after {content: ""; content: none;}
blockquote {color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px;}
blockquote cite,
blockquote small {color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5;}
blockquote em, blockquote i, blockquote cite {font-style: normal;}
blockquote strong,
blockquote b {font-weight: 400;}
small {font-size: smaller;}
big {font-size: 125%;}
sup, sub {font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
dl {margin-bottom: 24px;}
dt {font-weight: bold;}
dd {margin-bottom: 24px;}
ul,
ol {list-style: none; margin: 0 0 24px 20px;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul, li > ol {margin: 0 0 0 20px;}
img {-ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;}
figure {margin: 0;}
fieldset {border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0;}
legend {white-space: normal;}
button, input, select, textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;}
button, input {line-height: normal;}
input, textarea {background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */}
button, html input[type="button"], input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {padding: 0;}
input[type="search"] {-webkit-appearance: textfield;}
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, th, td {border: 1px solid rgba(0, 0, 0, 0);}
table {border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%;}
caption, th, td {font-weight: normal; text-align: left;}
th {border-width: 0 1px 1px 0; font-weight: bold;}
td {border-width: 0 1px 1px 0;}
del {color: #767676;}
hr {background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px;}

/* Support a widely-adopted but non-standard selector for text selection styles to achieve a better experience. See https://core.trac.wordpress.org/ticket/25898. */
::selection {background: #24890d; color: #fff; text-shadow: none;}
::-moz-selection {background: #24890d; color: #fff; text-shadow: none;}

/* SMW STYLESHEET */
html {font-family: arial; font-size: 12px; // 1rem = 12px;}
h1 {font-family: verdana; margin-top: .6rem; color: #002555; font-size: 1.1rem; font-weight: bold; margin-bottom: .6rem; text-align: center;}
h2 {font-family: verdana; margin-top: .25rem; color: #808080; font-size: 1.1rem; font-weight: bold; margin-bottom: .6rem; text-align: center;}
.home-h1 {font-family: verdana; margin-top: .6rem; color: #002555; font-size: 2rem; font-weight: bold; margin-bottom: .6rem; text-align: center;}
.home-h2 {font-family: verdana; margin-top: .25rem; color: #000; font-size: 1.8rem; font-weight: bold; margin-bottom: .6rem; text-align: center;}
h3 {font-family: arial; margin-top: .25rem; color: #002555; font-size: 1.1rem; font-weight: bold; margin-bottom: .6rem; text-align: left;}
h4 {font-family: arial; margin-top: margin-top: .25rem; color: #000; font-size: 1.1rem; font-weight: bold; margin-bottom: .6rem; text-align: left;}
p {font-family: arial; margin-top: margin-top: .25rem; color: #000; font-size: 1rem; margin-bottom: .5rem; text-align: left;}
li {font-family: arial; margin-top: margin-top: 0rem; color: #000; font-size: .9rem; margin-bottom: 0rem; text-align: left;}
ul.disc {list-style-type: disc;}
li.disc {margin-top: 0rem; color: #000; font-size: .9rem; margin-bottom: 0rem; text-align: left;}

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

body {background: #fff;}
.container:before, .container:after {content: ""; display: table;}
.container:after {clear: both;}
.container {text-align: left; border: 0px solid #000; background: #fff; margin: 0 auto; padding: 0px; *zoom: 1; max-width: 1300px; border-radius: .2rem;}
.container-n:before, .container-n:after {content: ""; display: table;}
.container-n:after {clear: both;}
.container-n {background: #002555; margin: 0 auto; margin-top: .2rem; padding: 0px; *zoom: 1;}
.container-fn:before, .container-fn:after {content: ""; display: table;}
.container-fn:after {clear: both;}
.container-fn {vertical-align: middle; border: 0px; border-radius: .2rem; background: #002555; margin: .5% auto; padding: .25%; *zoom: 1; box-sizing: border-box;}
.outer-container:before, .outer-container:after {content: ""; display: table;}
.outer-container:after {clear: both;}
.outer-container {text-align: left; border: 0px solid #000; background: #e0e0e0; margin: 0 auto; padding: 0px; *zoom: 1; max-width: 1300px; border-radius: .2rem;}
.h-container2017:before, .h-container2017:after {content: ""; display: table;}
.h-container2017:after {clear: both;}
.h-container2017 {border: 0px solid #fff; border-radius: .5rem; max-height: 320px; color:#002555; font-size:1.1rem; vertical-align:text-bottom; text-align:center; background: #fff; margin:0 auto; padding:0px; width: 100%}
section {float: left; width: 66%; padding: 1%;}
aside {float: right; width: 30%; padding: 1%; border-radius: .5rem; background-color: #eff1f2;}
/* section {float: left; width: 56%; padding: 1%;}
aside {float: left; width: 20%; padding: .5%; border-radius: .5rem;}*/
.100 {float: left; width: 100%; padding: .5%;}
.aside-h2017 {margin: 0; float: left; width: 48%; padding: 1%; max-height: 150px; color:#002555; font-size:1.25rem; font-weight: bold; text-align:left}
.section-h2017 {margin: 0; float: right; width: 48%; padding: 1%; max-height: 170px; color:#002555; font-size:2rem; font-weight: bold; text-align:right;}
.adlogo {float: left}.copy {text-align: center; font-family: arial; font-size: .75rem;}
.basenav {font-family: inherit; margin-top: .2rem; color: #fff; font-size: 1rem; margin-bottom: .2rem; text-align: center; vertical-align:middle;}
.call {margin: 0 auto; color: #666; font-size: 1rem; font-weight: bold; font-style: italic; text-align: center; width: 100%; max-width: 988px;}

.box-lb {width: 100%; padding: .5%; margin: .5%; border-radius: .5rem; background-color: #f5f8ff;}
.storagebox {color: #fff; background: #002555; box-sizing: border-box; margin:0 auto; padding:1%;}

.section-menu {float: left; width: 82%; border: 0rem; margin: 0rem; padding: 0rem;}
.aside-menu {float: left; width: 13%; text-align: center; color: #fff; border: 0rem; margin: 0rem; padding: 0rem;}

.section-home {color: #fff; float: left; width: 31.5%; margin: .5%; padding: .5%; border-radius: .5rem; background: #808080;}
.aside-home {color: #fff; float: left; width: 31.5%; margin: .5%; padding: .5%; border-radius: .5rem; background: #808080;}
.aside-home-r {color: #fff; float: left; width: 31%; margin: .5%; padding: .5%; border-radius: .5rem; background: #808080;}
.section-home-w {color: #000; float: left; width: 31.5%; margin: .5%; padding: .5%; border-radius: .5rem; background: #fff;}
.aside-home-w {color: #000; float: left; width: 31.5%; margin: .5%; padding: .5%; border-radius: .5rem; background: #fff;}
.aside-home-r-w {color: #000; float: left; width: 31%; margin: .5%; padding: .5%; border-radius: .5rem; background: #fff;}

.btn-home {color: #fff; font-size: 1.25rem text-align: center; vertical-align: middle; border-radius: .5rem; display: inline-block; margin:.5rem auto; padding: .5rem; background:#002555; width: 80%; }
.btn-blue {background: #002555; box-shadow: .25rem .25rem .25rem #808080; width:90%; color:#fff; font-size:1rem; font-weight: bold; text-align: center; vertical-align: middle; border-radius: .8rem; display: inline-block; margin:.5rem auto; padding: .5rem;}

.section-50 {float: left; width: 47%; padding-left: 1%;}
.aside-50 {float: right; width: 47%; padding-left: 1%;}
.aside-32-w {float: left; width: 32%; padding: .5%; border-radius: .5rem; background: #fff; color: #000}
.aside-33-w {float: left; width: 33%; padding: .5%; border-radius: .5rem; background: #fff; color: #000}
.btn-orange {background: #ff8112; box-shadow: .25rem .25rem .25rem #888888; width:10rem; color:#fff; font-size:1rem; font-weight: bold; text-align: center; vertical-align: middle; border-radius: .8rem; display: inline-block; margin:.5rem auto; padding: .5rem;}
.btn-red {background: #990100; box-shadow: .25rem .25rem .25rem #888888; width:10rem; color:#fff; font-size:1rem; font-weight: bold; text-align: center; vertical-align: middle; border-radius: .8rem; display: inline-block; margin:.5rem auto; padding: .5rem;}
.btn-green {background: #346702; box-shadow: .25rem .25rem .25rem #888888; width:10rem; color:#fff; font-size:1rem; font-weight: bold; text-align: center; vertical-align: middle; border-radius: .8rem; display: inline-block; margin:.5rem auto; padding: .5rem;}

/* BEGIN FROM YOURSTYLE.CSS OLD ADAMS DOOR STYLESHEET */
.img-left {margin: 1% auto; text-align: center; float: left; width: 20%; margin: 1%; padding: 1%;}
.third {float: left; width: 30%; padding: 1%; margin: .5%;}
.third-blue {float: left; width: 30%; padding: 1%; margin: .5%; background-color: #002555; box-shadow: .25rem .25rem .25rem #888888; border-radius: .8rem; margin-bottom: .35rem;}
.third-ltblue {float: left; width: 30%; padding: 1%; margin: .5%; background-color: #0066ca; box-shadow: .25rem .25rem .25rem #888888; border-radius: .8rem; margin-bottom: .35rem;}
.quarter {float: left; width: 23%; padding: 1%;}
.fifth {float: left; width: 18%; padding: 1%;}
.4fifth {float: right; width: 78%; padding: 1%;}
.sixth {float: left; width: 14%; padding: 1%;}
.half {float: left; width: 47%; padding: 1%;}
/* END FROM YOURSTYLE.CSS OLD ADAMS DOOR STYLESHEET */

.btn-offer {background: #c2cfd5; box-shadow: .25rem .25rem .25rem #888888; width:90%; max-width: 10rem; color:#002555; font-size:1rem; font-weight: bold; text-align: center; vertical-align: middle; border-radius: .4rem; display: inline-block; margin:.5rem auto; padding: .5rem;}
.btn-blue2017 {background: #0066ca; box-shadow: .25rem .25rem .25rem #888888; width:10rem; color:#fff; font-size:1rem; font-weight: bold; text-align: center; vertical-align: middle; border-radius: .2rem; display: inline-block; margin:.5rem auto; padding: .5rem;}
.btn-red2017 {background: #990100; box-shadow: .25rem .25rem .25rem #888888; width:10rem; color:#fff; font-size:1rem; font-weight: bold; text-align: center; vertical-align: middle; border-radius: .2rem; display: inline-block; margin:.5rem auto; padding: .5rem;}
.img-subtitle {font-family: arial; margin-top: 0rem; color: #000; font-size: .8rem; margin-bottom: 0rem; color: #000; text-align: center; font-style: italic;}
.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.white-center {color: #fff; text-align: center;}
.white-left {color: #fff; text-align: left;}
.white-right{color: #fff; text-align: right;}
.grey-center {color: #808080; text-align: center;}
#phone {font-family: arial; margin-top: .25rem; color: #ffffff; font-size: 1.3rem; font-weight: bold; margin-bottom: .6rem; text-align: center;}

.contactus {width: 100%; max-width: 560px;}

.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.videoWrapper {width: 100% !important; height: auto !important;}

#nav:before, #nav:after {content: ""; display: table;}
#nav:after {clear: both;}
#nav {box-shadow: .25rem .25rem .25rem #222222; border: .05rem solid #151ec2; border-radius: .05rem; background: #151ec2; margin: .25rem auto; margin-bottom: .35rem; width: 100%;}

/* SMW Home Page Slider Adjustment */
.slider-adjuster {margin-bottom: 0px;}

/* SMW Contact Form Adjustment */
input[type="text"], input[type="tel"], input[type="email"], input[type="email"], textarea {background-color: #fff; color: #000; width: 100%;}

/* MENU */
.toggle, [id^=drop] {display: none;}
.menu {margin: .25rem; padding: .25rem; background: #002555;  border-radius: .05rem; font-size: 1rem; position: relative; z-index: 100;}
.menu:after {content: ""; display: table; clear: both;}
.menu a {display: block; padding: .25rem; color: #fff; font-size: 1rem; line-height: normal; text-decoration: none;}
.menu a:hover {background: linear-gradient(#808080,#808080,#808080); color: #fff;}
.menu ul {float: left; padding: 0; margin: 0; list-style: none; position: relative; z-index: 101;}
.menu ul li {/*Adjust Element Gap*/margin:.25rem .25rem .25rem .25rem; padding: .25rem; display: inline-block; float: left; background: linear-gradient(#002555,#002555,#002555); box-shadow: .25rem .25rem .25rem #222222; border-radius: .05rem;}
.menu ul li a {padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; padding-right: .5rem; background: linear-gradient(#002555,#002555,#002555); border-radius: .05rem;}
.menu ul li:hover > ul {display: inherit; }
.menu ul li ul li:hover {/* background: #fff; */}
.menu ul ul {display: none; position: absolute; /*Adjust VERTICAL Element Gap*/top: 1.9rem;}
.menu ul ul li {/*Adjust Element Gap w margin*/ margin: 0px; width: 20rem; float: none; display: list-item; position: relative; z-index: 102;}
.menu ul ul ul li {/*Adjust Element Gap w margin*/ margin: 0px; width: 20rem; float: none; display: list-item; position: relative; top: -2rem; left: 20rem; z-index: 103;}

/* Format Current Menu Item & Hover Background */
.menu .current_page_item > a, .menu .current_page_ancestor > a, .menu .current-menu-item > a, .menu .current-menu-ancestor > a {color: #fff; font-weight: 700;}
.menu .current_page_item > a:hover, .menu .current_page_ancestor > a:hover, .menu .current-menu-item > a:hover, .menu .current-menu-ancestor > a:hover {color: #fff; font-weight: 700;}

/* MENU Media Queries */
@media all and (max-width: 700px) {
.menu {margin: .75rem;}
/* .toggle + a, .nav {display: none;} */
.toggle {display: block; background: linear-gradient(#002555,#002555,#002555); padding: .75rem; color: #fff; font-size: 2rem; line-height: normal; text-decoration: none; border: none;}
.toggle:hover {background: #000;}
[id^=drop]:checked + ul {display: block;}
.menu ul li {display: block; width: 100%; background: linear-gradient(#002555,#002555,#002555); border-radius: .05rem;}
.menu ul ul .toggle, .menu ul ul a {padding: .75rem;}
.menu ul ul ul a {padding: .75rem;}
.menu a:hover, .menu ul ul ul a {background: linear-gradient(#002555,#002555,#002555);}
.menu ul li ul li .toggle, .menu ul ul a {background: #002555; border-radius: .05rem;}
.menu ul ul {float: none; position: static; color: #fff;}
.menu ul ul li:hover > ul, .menu ul li:hover > ul {display: block;}
.menu ul ul li {display: block; width: 96%;}
.menu ul ul ul li { position: static;}
}
@media all and (max-width: 700px) {.menu ul li {display: block; width: 96%;}}
/* END MENU */

@media all and (max-width: 580px) {aside, section, .aside-home-w, .aside-home-r-w, .section-home-w, .aside-home, .aside-home-r, .section-home, .section-50, .aside-50, .aside-32-w, .aside-33-w, .section-menu, .aside-menu, .section-blog, .aside-blog {float: none; width: auto;}}
@media all and (max-width: 580px) {.h-left, .h-right, h-words {float: none; width: auto;}}
@media all and (max-width: 700px) {.triple, .third, .third-blue, .third-ltblue .quarter, .fifth, .sixth, .half, .img-left {float: none; width: auto;}}
@media screen and (max-width: 746px) {.h-words { display: none; }}
@media screen and (max-width: 580px) {.h-call1, .h-right  { display: none; }}
@media screen and (min-width: 580px){html {font-size: 12px;}}
@media screen and (min-width: 700px){html {font-size: 13px;}}
@media screen and (min-width: 900px){html {font-size: 14px;}}
@media screen and (min-width: 1100px){html {font-size: 15px;}}