/* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: BODY & MAIN FONT STYLES :: HEADER & MENU :: HOMEPAGE :: SUB PAGE :: FOOTER :: MISC CLASSES AND STYLES :: POPUP BOX :: ALERT BAR :: FORMS :: PRINT STYLES :: MEDIA QUERY GUIDE ----------------------------------------------------- :: -----------------------------------------------------*/ /* -------------------------------------------------- :: BODY & MAIN FONT STYLES -------------------------------------------------- */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Google Fonts - for example - will render proper sizes in all browsers with this fix (no matter what color - Firefox traditionally renders bolder for white color text) */ margin: 0; padding: 0; position: relative; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px; line-height:1.4; color:#042D28; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } body.lock {overflow-y:hidden;} h1, h2, h3, h4, h5, h6 {margin:0; line-height:1.2; font-weight:700; color:#042D28; font-family: 'Sintony', sans-serif;} h1 {font-size:34px; margin-bottom:10px;} h2 {font-size:30px; margin-top:35px;} h3 {font-size:26px; margin-top:30px;} h4 {font-size:22px; margin-top:25px;} h5 {font-size:18px; margin-bottom:20px;} h6 {font-size:16px;} @media (max-width: 767px) { h1 {font-size: 32px;} h2 {font-size: 28px;} h3 {font-size: 25px;} h4 {font-size: 20px;} } @media (max-width: 479px) { h1 {font-size: 29px;} h2 {font-size: 26px;} h3 {font-size: 24px;} } h1 + h2 {} h2 + h3 {} h3 + h4 {} h4 + h5 {} h5 + h6 {} /* p tag styles directly after a heading */ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {} p {margin:0 0 16px;} a {color:#E05B10; font-weight:700;} a:visited {} a:hover {} a:focus {} a:active {} em, i {font-style: italic;} strong, b {font-weight: 700;} small {font-size: 70%;} img {display:inline-block; vertical-align:middle; max-width:100%; height:auto; -ms-interpolation-mode:bicubic} pre {overflow:auto;} hr {border: 0; border-bottom: 1px solid #ccc; clear: both; display:block; height: 0; margin: 15px 0;} button {padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:5px;background:transparent;line-height:1} [data-whatinput='mouse'] button {outline:0} a.button, .button a, input.button, input[type=submit] { font-weight:700; font-family: 'Sintony', sans-serif; display:inline-block; padding:10px 30px; text-align:center; font-size:17px; text-decoration:none; margin-bottom:15px; border:2px solid #FF9153; box-shadow:none; transition: background .3s ease; -webkit-transition:background .3s ease; cursor:pointer; background:#E05B10; color:#fff; } a.button.CHANGE, .button.CHANGE a, input.button.CHANGE, input[type=submit].CHANGE {} a.button:hover, .button a:hover, input.button:hover, input[type=submit]:hover {background:#CC4A00;} a.button.CHANGE:hover, .button.CHANGE a:hover, input.button.CHANGE:hover, input[type=submit].CHANGE:hover {} /* EditAnywhere Bar */ #editAnywhere {display:none; position: fixed; z-index:99999; border: 1px solid rgba(255,255,255,.2); bottom: 10px; height: 60px; width: 250px !important; text-align: left !important; background: url(graphics/images/editanywhere/logo_thrive.png) right center rgba(0,0,0,.8) no-repeat !important; background-size: 100px auto !important; left: 50%; margin-left:-125px; border-radius: 10px; padding: 12px 0px !important;} #editAnywhere a {margin-left: 20px;} /* -------------------------------------------------- :: HEADER & MENU -------------------------------------------------- */ .sticky-container {transition: all 0.4s ease;} .sticky-container.stuck {position:fixed; width:100%; z-index: 1003;} .logo-wrapper img {width:365px; transition: all 0.4s ease;} .stuck .logo-wrapper img {} #header {background:#005045; border-bottom:6px solid #005045; padding:10px 0;} #header .row {max-width:1200px;} #header ul {margin:0; padding:0; list-style-type:none; text-align:right; line-height:1.2; font-size:0px; font-family: 'Sintony', sans-serif; font-weight:700;} #header ul li {margin:0; padding:0; display:inline-block;} #header ul li a {color:#000; text-decoration:none; font-size:17px; color:#fff; text-transform:uppercase; padding:10px 15px; display:block; transition:all .2s ease;} #header ul li a:hover, #header ul li.sfHover > a {background:#03201c;} #header ul li ul {display:none; position:absolute; width:185px; text-align:left; z-index:1; background:rgba(2, 28, 24, 0.85);} #header ul li ul li {display:block; width:100%;} #header ul li ul li a {font-size:15px; background:transparent; color:#E6F4E5;} #header ul li ul li a:hover, #header ul li ul li.sfHover > a {background:#03201c;} #header ul li ul li a.sf-with-ul:after {content:'>'; position:absolute; right:10px;} #header ul li ul li ul {left:225px; top:0;} #header ul .footer-only {display:none;} .cbp-spmenu-push {overflow-x: hidden; position: relative; right: 0; left:0;} .cbp-spmenu-push.menuOpen {right:240px; left:-240px; overflow-y:hidden;} .menuOpen .cbp-spmenu {right:0;} .cbp-spmenu { background:#042D28; position: fixed; right: -240px; width: 240px; height: 100%; top: 0; z-index: 1000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .cbp-spmenu .menu-container {overflow-y:scroll; padding:10px;} .cbp-spmenu .close-container {background:#042D28; border-bottom:1px solid #334b48;} .cbp-spmenu nav {margin:0 0 20px;} .cbp-spmenu ul {margin:0; list-style-type:none; padding:0; font-family:'Sintony', sans-serif;} .cbp-spmenu ul li {border-bottom:1px solid #334b48; margin:0;} .cbp-spmenu ul a {font-size:16px; color:#fff; font-weight:500; padding:9px 10px; text-decoration:none; display:block; width:100%;} .cbp-spmenu ul .top > a {display:inline-block; width:80%; padding-right:0;} .cbp-spmenu ul ul {list-style-type:none; margin:0 0 5px; padding:5px; background:#0a4f46;} .cbp-spmenu ul ul ul {background:#c9c9c9;} .cbp-spmenu ul ul li {border-bottom:1px solid #09423b;} .cbp-spmenu ul ul li:last-child {border:none;} .cbp-spmenu ul ul a {font-size:14px; padding:8px 7px; font-weight:400;} .cbp-spmenu .button {display:block; width:100%;} .cbp-spmenu ul a.toggleSub {width:20%; text-align:center; padding-left:0; padding-right:0; background:#02201c;} .cbp-spmenu ul a.toggleSub.clicked {background:#0a4f46;} .cbp-spmenu ul ul a.toggleSub {background:#dbdbdb;} .cbp-spmenu ul ul a.toggleSub.clicked {background:#c9c9c9;} .cbp-spmenu ul ul.sub {display:none;} .cbp-spmenu ul .menuItemHighlight > ul.sub {display:block;} .cbp-spmenu-push.menuOpen #mobile-overlay-menu-open {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.45); z-index: 1000;} /* overlay - but not over header or X close button */ /* Menu Hamburger styles */ .showMobile { position: relative; height: 27px; width: 35px; cursor: pointer; transition: opacity .25s ease; float:right; display:none; margin-top:10px; } .cbp-spmenu .showMobile {margin:15px;} .showMobile:hover {} .showMobile.active .top {transform: translateY(11px) translateX(0) rotate(45deg);} .showMobile.active .middle {opacity: 0;} .showMobile.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg);} .showMobile span { background: #B2C9B0; border: none; height: 4px; width: 100%; position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer; } .showMobile span:nth-of-type(2) {top: 11px;} .showMobile span:nth-of-type(3) {top: 22px;} @media only screen and (max-width: 1024px) { .logo-wrapper img {width:215px;} #header ul li a {padding:10px 12px;} #header {padding:14px 0;} } @media only screen and (max-width: 767px) { .showMobile {display:block;} .main_menu, .mobile-hide {display:none;} .logo-wrapper img {width:100%;} } /* -------------------------------------------------- :: HOMEPAGE -------------------------------------------------- */ .home.page {} /* .home.page .hero {height:265px;} .page .hero {background:#f0f0f0 url('../media/OverhillCollageAsset 2-min.png') no-repeat top center / cover;} */ .section {padding:40px 15px;} .feature-company {text-align:center;} .companies {margin:0 auto 30px; max-width:650px;} .companies .item {border:2px solid #eee; text-align:center; max-width:295px; margin:20px auto;} .companies .item .image {padding:5px;} .companies .item .image img {max-width:200px; max-height:165px;} .companies .item .info {background:#eee; padding:15px; min-height:194px;} .companies .item .info h4 {margin:0;} .companies .item .info p {margin:0; font-size:14px; } .product-image {background:#fff; padding:15px 25px;} .product-image img {margin-top:15px;} /* -------------------------------------------------- :: SUB PAGE -------------------------------------------------- */ .our-products { min-height: 400px; display: flex; flex-direction: column; justify-content: center; } .sub.page {} .sub.page .wrapper, .sub.page .wrapper .interior-page {min-height:600px} /* .sub.page .hero {height:140px;} */ section {padding:50px 0;} section.add-pad {padding:80px 0;} section.no-pad {padding:0;} .interior-page.light-green-bg {background:#175744;} .interior-page .content {background:#fff; padding:30px 50px 70px; min-height:400px; border-bottom:8px solid #FFC350;} .interior-page .section {padding:70px 15px 100px;} .product-list {color:#000; font-size:15px; font-style:italic;} .contact-item {margin-bottom:30px;} .contact-item img {max-height:135px;} .product-cats { padding:0 0 0 15px;} .product-cats li {margin:15px 0; list-style-type:none;} .product-cats li .disc {height:12px; width:12px; border-radius:50%; background:#222; display:inline-block; margin-right:5px; margin-bottom:1px;} .product-cats li .disc.green {background:#007344;} .product-cats li .disc.red {background:#961B37;} .product-cats li .disc.lime {background:#69C615;} .product-cats li .disc.orange {background:#FF7000;} .product-cats li .disc.gold {background:#966600;} /* -------------------------------------------------- :: UNIVERSAL ELEMENTS -------------------------------------------------- */ .cta {background:#042D28; position:relative;} .cta h2 {color:#fff; margin:0 0 30px;} .cta .button {margin-bottom:0;} .cta .content {padding:80px 0 70px;} .cta .image {position:absolute; top:0; bottom:0; left:0; right:59%; background: #ddd url(../media/cta-side.jpg) no-repeat center center / cover;} @media only screen and (max-width: 1024px) { .cta .image {right:54%;} } @media only screen and (max-width: 640px) { .cta .image {right:0; bottom:auto; height:250px;} .cta .content {padding:290px 20px 30px;} .interior-page .content {padding:30px 30px 70px;} } .wood-break {height:122px; background:#222 url(../media/row-woodgrain-A.jpg) no-repeat center center / cover;box-shadow: 1px 2px 28px 5px rgba(0,0,0,0.56) inset; -webkit-box-shadow: 1px 2px 28px 5px rgba(0,0,0,0.56) inset; -moz-box-shadow: 1px 2px 28px 5px rgba(0,0,0,0.56) inset;} .wood-break.v2 {background:#222 url(../media/row-woodgrain-B.jpg) no-repeat center center / cover;} .color-block {position:relative;} .color-block .row {position:relative;} .color-block .stripe {position:absolute; top:0; bottom:0; left:0; background:#ddd; width:25%;} .color-block.fifty .stripe {width:50%;} .color-block.stripe-right .stripe {right:0; left:auto;} .color-block.stripe-bottom .stripe {right:0; top:auto; height:250px; left:0; width:100%;} .color-block.stripe-top .stripe {right:0; top:0; bottom:auto; height:530px; left:0; width:100%;} .color-block.grey-bg {background:#eee;} .color-block.orange .stripe {background:#FF7629;} .color-block.green .stripe {background:#042D28;} .color-block.yellow .stripe {background:#FFC350;} .color-block.white .stripe {background:#fff;} .color-block.red .stripe {background:#C20000;} .color-block.teal .stripe {background:#276170;} .color-block.red .stripe {background:#E01600;} .color-block.gold .stripe {background:#966600;} .color-block.maroon .stripe {background:#961B37;} .color-block.light-green .stripe {background:#007344;} .color-block.neon-green .stripe {background:#69C615;} .color-block.sage .stripe {background:#5e7a62;} .color-block.wood .stripe {background:#222 url(../media/wood-bg-large.jpg) no-repeat center center / cover;} @media only screen and (max-width: 640px) { .color-block .stripe {right:0; left:0; width:100%;} .color-block.stripe-right .stripe, .color-block.stripe-left .stripe {bottom:auto; height:200px;} .color-block h1 {margin-top:10px;} .section.no-pic {padding-top:220px;} } .timeline {margin:20px 0 0;} .timeline .date {padding:10px; background:#67B865; color:#fff; width:85px; text-align:center; margin-bottom:15px; } .timeline .date.today {background:#266D60;} .timeline .date h5 {margin:0; color:#fff; font-family:'Open Sans', sans-serif; text-transform:uppercase;} .timeline .fact {font-size:15px;} .oh-fsi-timeline {padding:0;} .oh-fsi-timeline .white-bg {background:#fff;} .oh-fsi-timeline img {max-width:330px; width:100%; display:block; margin:0 auto 30px;} .oh-fsi-timeline .content {padding:80px 0 60px;} .oh-fsi-timeline .content.oh {padding-right:40px;} .oh-fsi-timeline .content.fsi {padding-left:40px;} @media only screen and (max-width: 1024px) { .oh-fsi-timeline .stripe {display:none;} .oh-fsi-timeline .content {padding-left:30px !important; padding-right:30px !important;} } /* -------------------------------------------------- :: FOOTER -------------------------------------------------- */ #footer .logos {background:#211E1E; padding:55px 0 45px;} #footer .logos .row {max-width:1200px;} #footer .logos .contact {padding-left:30px;} #footer .logos .contact img {max-height:95px; width:auto;} #footer .logos .contact h5 {color:#B2C9B0; font-family:'Open Sans', sans-serif; margin:5px 0 0;} #footer .logos .contact a {color:#fff; font-weight:700;} #footer .menu {background:#282525; font-size:17px; padding:30px 0;} #footer .menu ul {margin:0; padding:0; list-style-type:none; text-align:center; font-family: 'Sintony', sans-serif; font-weight:700; text-transform:uppercase;} #footer .menu ul li {display:inline-block; margin:0 20px;} #footer .menu ul li a {color:#f4f4f4; text-decoration:none;display:block; padding:5px;} #footer .menu ul li a.highlight {color:#FFC350;} #footer .menu ul ul {display:none;} .sub.page #footer .menu ul li.home-only {display:none;} .copyright {background:#000; font-size:14px; color:#bababa; padding:7px 0;} .copyright p {margin:3px 0;} .gdpr {background:rgba(39, 97, 112,.9); padding:10px 0; display:none; z-index:2000; position:fixed; bottom:0; left:0; width:100%;} .gdpr h5 {margin:0; color:#fff;} .gdpr p {color:#fff; margin:0;} .gdpr a {color:#fff;} .gdpr .closeTrigger { margin: 0; min-width: 100px;} @media only screen and (max-width: 1020px) { .copyright .text-right {text-align:left;} #footer .menu ul li {display:block; margin:10px 0;} #footer .logos {padding:65px 0;} #footer .logos .logo {max-width:460px; width:100%; padding-left:10px;} #footer .logos .contact {padding:50px 10px 0;} } /* -------------------------------------------------- :: MISC STYLES AND CLASSES -------------------------------------------------- */ .row.full {margin: 0!important; max-width: none!important; padding: 0!important; width: 100%!important;} #googlemap img, object, embed, .GMapEZ img, #map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {max-width: none !important;} /* Removes random added height from Google Remarketing Tags - if tags are on the site */ iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left;} /* responsive video wrapper */ .responsive-embed,.flex-video{position:relative;height:0;margin-bottom:1rem;padding-bottom:75%;overflow:hidden} .responsive-embed iframe,.responsive-embed object,.responsive-embed embed,.responsive-embed video,.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%} .responsive-embed.widescreen,.flex-video.widescreen{padding-bottom:56.25%} /* Alignment Classes */ .text-center {text-align: center;} .text-left {text-align: left;} .text-right {text-align: right;} .clear {clear: both;} .imgleft {float: left; padding: 0 15px 15px 0;} .imgright {float: right; padding: 0 0 15px 15px;} .imgcenter {display: inline-block; margin: auto;} .hide { display: none; } .hideclear { clear:both; height:0; overflow:hidden; visibility:hidden; } /* Pagination Classes */ .pager {text-align:center; margin-top:50px; font-size:14px; color:#666;} .paginationLinks { display:inline-block; margin:0 auto; padding:0 30px !important; border-radius:6px; } .pageLinks {padding:0 !important;} .prevnextCurrent, .prevnextLink, .prevnextWindow { display:inline-block; line-height:0; padding:15px 11px; margin:0; text-align:center; text-decoration:none; font-weight:500; border:1px solid #ddd; border-right:0; } .pageLinkNext, .pageLinkPrev {display:none !important;} .prevnextCurrent {background:#FF7A00; color:#fff; border-color:#FF7A00;} .prevnextCurrent:hover {background:#FF7A00;} .pageLink:hover, .pageLinkNextChunk a:hover, .pageLinkPrevChunk a:hover {background:#FFDAB8;} .pageLink.prevnextCurrent:hover {background:#FF7A00;} .pageLinkPrevChunk, .pageLinkNextChunk {height:32px; width:30px; border-radius:6px 0 0 6px; color:#cecece; background:#f5f5f5; border:1px solid #ddd; border-right:0; overflow:hidden;} .pageLinkPrevChunk:before, .pageLinkNextChunk:before {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .pageLinkPrevChunk:before {content:'\000AB';} .pageLinkNextChunk:before {content:'\000BB';} .pageLinkNextChunk {border-radius:0 6px 6px 0; border-right:1px solid #ddd;} .pageLinkPrevChunk a, .pageLinkNextChunk a {position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; text-decoration:none; color:transparent;} .pageLinkPrevChunk a:before, .pageLinkNextChunk a:before {position:absolute; top:50%; left:50%; color:#FF7A00; transform:translate(-50%,-50%);} .pageLinkPrevChunk a:before {content:'\000AB';} .pageLinkNextChunk a:before {content:'\000BB';} ul.icons {margin:0; padding:0; list-style-type:none;} ul.icons li {display:inline-block; margin:0 12px 7px 0;} ul.icons li a {display:block;} ul.icons li a svg {max-width:40px; fill:#000; width:100%;} .cal {background:#f5f5f5; border:1px solid #e3e3e3; padding:10px; text-align:center;} .cal .calPrev, .cal .calMonth, .cal .calNext {display:inline-block; margin-bottom:13px;} .cal .calPrev a, .cal .calMonth a, .cal .calNext a {text-decoration:none; color:#000; padding:2px 5px; font-weight:800;} .cal .calPrev a, .cal .calNext a {color:transparent;} .cal .calPrev a:after {content: '\f001'; font-family: 'flexslider-icon'; color:#000;} .cal .calNext a:before {content: '\f002'; font-family: 'flexslider-icon'; color:#000;} .calGrid th {font-size:12px; font-weight:400; color:#555;} .calGrid td {font-size:14px; padding:3px 0;} .calMonthLink {margin-top:10px; display: inline-block;} /* -------------------------------------------------- :: POPUP BOX -------------------------------------------------- */ .modal {padding:20px;} .modal-bg, .modal { z-index: 2000; opacity: 1; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; transition: opacity 250ms ease-in-out; } .modal-bg {background: rgba(0, 0, 0, .5);} .modal.close .modal-bg, .modal.close {opacity:0;} .modal.slide, .modal.slide .modal-bg {top:auto; bottom:auto; z-index:-1000;} .modal .content { top: 50%; left: 50%; transform:translate(-50%,-50%); margin:0; max-width: 700px; width:100%; background: white; padding: 40px; position: relative; color: black; transition: transform 250ms ease-in-out; border-radius:12px; z-index:2000; max-height:100%; } .modal .content .item {overflow:auto;} .modal.close .content {transform: translate(-50%, -50%) scale(.75);} .modal .close-modal {position:absolute; right:8px; top:10px; line-height:1; text-align:center; height:30px; width:30px;} .modal .close-modal:hover {cursor:pointer;} /* -------------------------------------------------- :: ALERT BAR -------------------------------------------------- */ .alert-bar {background:#000;color:#fff; padding:3px 0; font-weight:700; position:relative;} .alert-bar svg {margin:2px 5px 0 10px; transition:all ease .3s; width:18px; height:auto;} .alert-bar p {margin:3px 0 0; line-height:1.2; font-size:14px; transition:all ease .3s;} .alert-bar a {color:#fff; font-style:italic;} .alert-bar .close-alert {margin:0 10px;} /* -------------------------------------------------- :: FORMS -------------------------------------------------- */ form td {padding-bottom:15px;} [type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea {display:block;width:100%;height:2.2rem;margin:0;padding:5px;font-family:inherit;border:1px solid #dadada; border-radius:5px;background-color:#FBFBFB;color:#4b4b4e;transition:border .2s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none} textarea{max-width:100%} textarea[rows]{height:auto} [type='text']:focus,[type='password']:focus,[type='date']:focus,[type='datetime']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='week']:focus,[type='email']:focus,[type='number']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='url']:focus,[type='color']:focus,textarea:focus{outline:none;border:1px solid #8a8a8a;background-color:#fdfdfd} /* placeholder text styles - must stay separate */ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b0acac} input::-moz-placeholder,textarea::-moz-placeholder{color:#b0acac} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b0acac} input::placeholder,textarea::placeholder{color:#b0acac} /* Readonly Text Styles */ input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e8ebf3;cursor:not-allowed} input:disabled:focus,input[readonly]:focus,textarea:disabled:focus,textarea[readonly]:focus{background-color:#e8ebf3;border:1px solid #cacaca} [type='file'],[type='checkbox'],[type='radio']{margin:0 0 15px} [type='checkbox'] + label,[type='radio'] + label{display:inline-block;vertical-align:baseline;margin-left:5px;margin-right:15px;margin-bottom:0} [type='checkbox'] + label[for],[type='radio'] + label[for]{cursor:pointer} label > [type='checkbox'],label > [type='radio']{margin-right:5px} [type='file']{width:100%} label{display:block;margin:0} select{height:34px;margin:0;padding:5px; width:100%; font-family:inherit;border:1px solid #dadada;border-radius:5px;background-color:#FBFBFB;color:#4b4b4e;background-image:url("data:image/svg+xml;utf8,");background-origin:content-box;background-position:right -1rem center;background-repeat:no-repeat;background-size:9px 6px;padding-right:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none} @media screen and (min-width: 0\0) { select{background:#fbfbfb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)} } select:focus{outline:none;border:1px solid #8a8a8a;background-color:#fdfdfd;transition:border .2s ease-out} select:disabled{background-color:#fdfdfd;cursor:not-allowed} select::-ms-expand{display:none} select[multiple]{height:auto;background-image:none} input[type="checkbox"], input[type="radio"] {width: auto;} /* Recaptcha styling */ .simpleAntiSpam div{margin:6px auto!important} .g-recaptcha div{margin:20px auto 0!important} /* Date picker */ #ui-datepicker-div {display:none;} .ui-datepicker{background:#fff;border:1px solid #cacaca;padding:15px;margin:10px 20px;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);} .ui-datepicker-header{text-align:center;font-size:16px;font-weight:800} .ui-datepicker-prev{float:left;font-size:13px;text-transform:uppercase} .ui-datepicker-next{float:right;font-size:13px;text-transform:uppercase} .ui-datepicker-title{clear:both} .ui-datepicker-calendar{min-width:200px} .ui-datepicker-calendar th{width:14.2%;font-weight:600} .ui-datepicker-calendar td{vertical-align:middle;text-align:center} .ui-datepicker-calendar td a{padding:2px} .datetimeField {width:100px; float:left; margin-right:5px;} .formtextRequired {font-weight:bold;} .formtextRequired:before {content:"*";} select#IDFormField_State_0 {width:auto;} input[type=text]#IDFormField_Zip_0, input[type=text]#IDFormField_cvv_0, input[type=text]#IDFormField_State_0 {max-width:150px;} #IDFormField_expiration_0 {width:49%; margin-right:1%;} #IDFormField_expiration_0_year {width:49%;} /* Tables */ table {width:100%;} @media only screen and (max-width: 640px) { [type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea, select {height: 3rem; margin-bottom:20px; width: 100%;} form table {width:100%; display:block;} form table tbody {display:block; width:100%;} form table tr {display:block; width:100%;} form td {display: block; padding:0;} form input[type=submit], select#IDFormField_State_0 {width:100%;} #IDFormField_expiration_0, #IDFormField_expiration_0_year {width:100%; margin-right:0;} } /* -------------------------------------------------- :: Print Styles Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) -------------------------------------------------- */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } } /* Media Queries */ @media only screen and (max-width: 1025px) { } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 640px) { } @media only screen and (max-width: 479px) { } @media only screen and (max-width: 319px) { } /* ModuleBegin::gendocs */ .webpageModule.moduleDetail { } /* ModuleEnd::gendocs */