.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } @font-face{font-family:wpsl-fontello;src:url(/wp-content/plugins/wp-store-locator/font/fontello.eot?28897909);src:url(/wp-content/plugins/wp-store-locator/font/fontello.eot?28897909#iefix) format('embedded-opentype'),url(/wp-content/plugins/wp-store-locator/font/fontello.woff?28897909) format('woff'),url(/wp-content/plugins/wp-store-locator/font/fontello.ttf?28897909) format('truetype'),url(/wp-content/plugins/wp-store-locator/font/fontello.svg?28897909#fontello) format('svg');font-weight:400;font-style:normal}#wpsl-gmap{float:right;width:66.5%;height:350px;margin-bottom:0}.wpsl-store-below #wpsl-gmap{float:none;width:100%}.wpsl-gmap-canvas{width:100%;height:300px;margin-bottom:20px}#wpsl-reset-map:hover{cursor:pointer}#wpsl-gmap div:not[class^=gv-iv],#wpsl-gmap img,.wpsl-gmap-canvas div:not[class^=gv-iv],.wpsl-gmap-canvas img{box-shadow:none!important;max-width:none!important;background:0 0}#wpsl-gmap img,.wpsl-gmap-canvas img{display:inline;opacity:1!important;max-height:none!important}#wpsl-gmap *{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}#wpsl-gmap div.gm-iv-marker,.wpsl-gmap-canvas div.gm-iv-marker{backgroud-image:inherit}#wpsl-wrap{position:relative;width:100%;overflow:hidden;clear:both;margin-bottom:20px}#wpsl-search-wrap{float:left;width:100%}#wpsl-search-wrap form{margin:0;padding:0;border:none;outline:0}#wpsl-gmap #wpsl-map-controls{position:absolute;height:40px;right:10px;bottom:24px;border-radius:2px;z-index:3;font-size:14px;white-space:nowrap;overflow:hidden;box-shadow:rgba(0,0,0,.3) 0 1px 4px -1px}#wpsl-gmap #wpsl-map-controls.wpsl-street-view-exists{right:60px}#wpsl-map-controls .wpsl-direction-preloader{margin:5px 5px 0 5px}#wpsl-map-controls div{float:left;background:#fff;border-radius:2px}#wpsl-map-controls div:hover{cursor:pointer}#wpsl-wrap [class*=" wpsl-icon-"],#wpsl-wrap [class^=wpsl-icon-]{position:relative;float:left;padding:12px 13px;display:inline-block;font-family:wpsl-fontello;font-style:normal;font-weight:400;font-size:1.3em;color:#737373;speak:none;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#wpsl-map-controls span{font-family:inherit;font-size:inherit}#wpsl-wrap .wpsl-icon-reset{border-radius:2px 0 0 2px;z-index:2;padding-right:4px}#wpsl-wrap .wpsl-ie .wpsl-icon-reset{margin-right:-1px}#wpsl-wrap .wpsl-icon-direction{z-index:1}#wpsl-map-controls.wpsl-reset-exists .wpsl-icon-direction{border-radius:0 2px 2px 0}#wpsl-wrap .wpsl-active-icon,#wpsl-wrap [class*=" wpsl-icon-"]:hover,#wpsl-wrap [class^=wpsl-icon-]:hover{color:#000}#wpsl-wrap [class*=" wpsl-icon-"]:focus,#wpsl-wrap [class^=wpsl-icon-]:active{outline:0}#wpsl-wrap .wpsl-in-progress,#wpsl-wrap .wpsl-in-progress:hover{color:#c6c6c6}#wpsl-gmap #wpsl-reset-map{position:absolute;display:none;right:37px;top:37px;padding:6px 14px;background:#fff!important;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:2px;z-index:3}#wpsl-reset-map:hover{cursor:pointer}.gm-style-cc{word-wrap:normal}#wpsl-search-wrap .wpsl-input,#wpsl-search-wrap .wpsl-select-wrap{display:table}#wpsl-search-btn,#wpsl-search-wrap #wpsl-radius,#wpsl-search-wrap #wpsl-results,#wpsl-search-wrap .wpsl-input input,#wpsl-search-wrap .wpsl-input label{display:table-cell}#wpsl-search-wrap label{margin-bottom:0}#wpsl-search-input{width:179px;height:auto;padding:7px 12px;font-size:100%;margin:0}#wpsl-search-btn,#wpsl-search-wrap input{border:1px solid #d2d2d2;border-radius:3px}#wpsl-search-btn{padding:7px 10px;line-height:1.428571429;font-weight:400;color:#7c7c7c;background-color:#e6e6e6;background-repeat:repeat-x;background-image:-moz-linear-gradient(top,#f4f4f4,#e6e6e6);background-image:-ms-linear-gradient(top,#f4f4f4,#e6e6e6);background-image:-webkit-linear-gradient(top,#f4f4f4,#e6e6e6);background-image:-o-linear-gradient(top,#f4f4f4,#e6e6e6);background-image:linear-gradient(top,#f4f4f4,#e6e6e6);box-shadow:0 1px 2px rgba(64,64,64,.1);text-transform:none!important}#wpsl-search-input.wpsl-error{border:1px solid #bd0028!important}.wpsl-search{margin-bottom:12px;padding:12px 12px 0 12px;background:#f4f3f3}.wpsl-search.wpsl-checkboxes-enabled{padding:12px}.wpsl-back{display:inline-block}#wpsl-result-list{width:33%;margin-right:.5%}.wpsl-store-below #wpsl-result-list{width:100%;margin:12px 0 0 0}#wpsl-direction-details,#wpsl-stores{height:350px;overflow-y:auto}#wpsl-direction-details,.wpsl-hide{display:none}#wpsl-result-list p{padding-left:10px}.wpsl-store-below #wpsl-result-list p{padding-left:0}#wpsl-result-list a{outline:0}.wpsl-direction-before{margin:14px 0 21px 0;padding-left:10px}.wpsl-store-below .wpsl-direction-before{padding-left:0}.wpsl-direction-before div{margin-top:10px}#wpsl-wrap #wpsl-result-list li{padding:10px;border-bottom:1px dotted #ccc;margin-left:0;overflow:hidden;list-style:none outside none!important;text-indent:0}#wpsl-wrap #wpsl-result-list li li{padding:0;border-bottom:0;margin-left:14px;overflow:visible}#wpsl-wrap #wpsl-result-list ul li{list-style:none!important}#wpsl-wrap #wpsl-result-list ol li{list-style:decimal!important}#wpsl-wrap.wpsl-store-below #wpsl-result-list li{padding:10px 10px 10px 0}#wpsl-result-list li p{padding-left:0;margin:0 0 20px 0}.wpsl-store-details.wpsl-store-listing{position:relative;padding-right:20px}.wpsl-store-details.wpsl-store-listing.wpsl-active-details:before,.wpsl-store-details.wpsl-store-listing:before{position:absolute;content:'';bottom:6px;right:0;border-top:5px solid #000;border-left:6px solid transparent;border-right:6px solid transparent}.wpsl-store-details.wpsl-store-listing.wpsl-active-details:before{border-bottom:5px solid #000;border-top:none;border-left:6px solid transparent;border-right:6px solid transparent}#wpsl-stores .wpsl-store-thumb{float:right;border-radius:3px;margin:7px 0 0 10px;padding:0;border:none}.wpsl-direction-index{float:left;width:8%;margin:0 5% 0 0}.wpsl-direction-txt{float:left;width:62%}.wpsl-direction-distance{float:left;width:20%;margin:0 0 0 5%}.wpsl-direction-txt span{display:block;margin-top:10px}.wpsl-country,.wpsl-street{display:block;border-bottom:none!important}.wpsl-directions{display:table;border-bottom:none!important}#wpsl-wrap #wpsl-result-list li.wpsl-preloader{position:relative;border-bottom:none;padding:10px 10px 10px 35px}.wpsl-preloader img{position:absolute;left:10px;top:50%;margin-top:-8px;box-shadow:none!important;border:none!important}.wpsl-preloader span{float:left;margin:-5px 0 0 11px}#wpsl-search-btn,#wpsl-search-wrap div{margin-right:10px;float:left}#wpsl-search-wrap .wpsl-select-wrap{position:relative;z-index:2;margin-right:0}#wpsl-search-wrap .wpsl-input-field{position:relative}#wpsl-radius,#wpsl-results{float:left;margin-right:15px}#wpsl-category{position:relative;z-index:1;clear:both}#wpsl-search-wrap .wpsl-dropdown div{position:absolute;float:none;margin:-1px 0 0 0;top:100%;left:-1px;right:-1px;border:1px solid #ccc;background:#fff;border-top:1px solid #eee;border-radius:0 0 3px 3px;opacity:0;overflow:hidden;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}#wpsl-search-wrap .wpsl-dropdown.wpsl-active div{opacity:1}#wpsl-search-wrap .wpsl-input label{margin-right:0}#wpsl-radius,#wpsl-results{display:inline}#wpsl-radius{margin-right:10px}#wpsl-search-btn:hover{cursor:pointer}#wpsl-search select,#wpsl-search-wrap select{display:none}#wpsl-search-wrap div label{float:left;margin-right:10px;line-height:32px}#wpsl-results label{width:auto}#wpsl-result-list ul{list-style:none;margin:0;padding:0}.wpsl-direction-details{display:none}#wpsl-gmap .wpsl-info-window,.wpsl-gmap-canvas .wpsl-info-window{max-width:225px}.wpsl-info-window span,.wpsl-more-info-listings span{display:block}.wpsl-info-window .wpsl-no-margin{margin:0}.wpsl-more-info-listings{display:none}.wpsl-info-window span span{display:inline!important}#wpsl-wrap .wpsl-info-window p{margin:0 0 10px 0}.wpsl-store-hours{margin-top:10px}.wpsl-store-hours strong{display:block}#wpsl-gmap .wpsl-info-actions{display:block;margin:10px 0!important}.wpsl-info-actions a{float:left;margin-right:7px}.wpsl-info-actions .wpsl-zoom-here{margin-right:0}.wpsl-dropdown{position:relative;width:90px;border:1px solid #ccc;cursor:pointer;background:#fff;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:0!important;z-index:2}#wpsl-results .wpsl-dropdown{width:70px}.wpsl-dropdown ul{position:absolute;left:0;width:100%;height:100%;padding:0!important;margin:0!important;list-style:none;overflow:hidden}.wpsl-dropdown:hover{box-shadow:0 0 5px rgba(0,0,0,.15)}.wpsl-dropdown .wpsl-selected-item,.wpsl-dropdown li{position:relative;display:block;line-height:normal;color:#000;overflow:hidden}#wpsl-radius .wpsl-dropdown .wpsl-selected-item,#wpsl-radius .wpsl-dropdown li,#wpsl-results .wpsl-dropdown .wpsl-selected-item,#wpsl-results .wpsl-dropdown li{white-space:nowrap}.wpsl-selected-item:after{position:absolute;content:"";right:12px;top:50%;margin-top:-4px;border:6px solid transparent;border-top:8px solid #000}.wpsl-active .wpsl-selected-item:after{margin-top:-10px;border:6px solid transparent;border-bottom:8px solid #000}.wpsl-dropdown li:hover{background:#f8f9f8;position:relative;z-index:3;color:#000}.wpsl-dropdown .wpsl-selected-item,.wpsl-dropdown li,.wpsl-selected-item{list-style:none;padding:9px 12px!important;margin:0!important}.wpsl-selected-dropdown{font-weight:700}.wpsl-clearfix:after,.wpsl-clearfix:before{content:" ";display:table}.wpsl-clearfix:after{clear:both}#wpsl-wrap .wpsl-selected-item{position:static;padding-right:35px!important}#wpsl-category,.wpsl-input,.wpsl-select-wrap{position:relative;margin-bottom:10px}#wpsl-search-wrap .wpsl-scroll-required div{overflow-y:scroll}.wpsl-scroll-required ul{overflow:visible}.wpsl-provided-by{float:right;padding:5px 0;text-align:right;font-size:12px;width:100%}#wpsl-wrap .wpsl-results-only label{width:auto}.wpsl-contact-details,.wpsl-location-address,.wpsl-locations-details{margin-bottom:15px}.wpsl-contact-details{clear:both}table.wpsl-opening-hours td{vertical-align:top;padding:0 15px 0 0;text-align:left}table.wpsl-opening-hours time{display:block}table.wpsl-opening-hours{width:auto!important;font-size:100%!important}table.wpsl-opening-hours,table.wpsl-opening-hours td{border:none!important}.wpsl-gmap-canvas .wpsl-infobox{min-width:155px;max-width:350px!important;padding:10px;border-radius:4px;font-size:13px;font-weight:300;border:1px solid #ccc;background:#fff!important}.wpsl-gmap-canvas .wpsl-infobox:after,.wpsl-gmap-canvas .wpsl-infobox:before{position:absolute;content:"";left:40px;bottom:-11px}.wpsl-gmap-canvas .wpsl-infobox:after{border-left:11px solid transparent;border-right:11px solid transparent;border-top:11px solid #fff}.wpsl-gmap-canvas .wpsl-infobox:before{border-left:13px solid transparent;border-right:13px solid transparent;border-top:13px solid #ccc;bottom:-13px;left:38px}#wpsl-checkbox-filter,.wpsl-custom-checkboxes{display:block;float:left;margin:5px 0 15px;padding:0;width:100%}#wpsl-checkbox-filter li,.wpsl-custom-checkboxes li{float:left;list-style:none;margin:0 1% 0 0}#wpsl-checkbox-filter.wpsl-checkbox-1-columns li,.wpsl-custom-checkboxes.wpsl-checkbox-1-columns li{width:99%}#wpsl-checkbox-filter.wpsl-checkbox-2-columns li,.wpsl-custom-checkboxes.wpsl-checkbox-2-columns li{width:49%}#wpsl-checkbox-filter.wpsl-checkbox-3-columns li,.wpsl-custom-checkboxes.wpsl-checkbox-3-columns li{width:32%}#wpsl-checkbox-filter.wpsl-checkbox-4-columns li,.wpsl-custom-checkboxes.wpsl-checkbox-4-columns li{width:24%}#wpsl-checkbox-filter input,.wpsl-custom-checkboxes input{margin-right:5px}#wpsl-result-list .wpsl-contact-details span{display:block!important}#wpsl-search-wrap .select2{display:none!important}.rtl #wpsl-result-list{float:left}.rtl #wpsl-checkbox-filter input,.rtl .wpsl-custom-checkboxes input{margin-right:0;margin-left:5px}.rtl .wpsl-info-actions a{float:right;margin:0 0 0 7px}.rtl #wpsl-gmap .wpsl-info-window{padding-right:22px}.rtl #wpsl-wrap #wpsl-result-list li.wpsl-preloader{padding:10px 35px 10px 0}.rtl .wpsl-preloader img{left:0;right:10px}.wpsl-twentynineteen .wpsl-input{width:100%}.wpsl-twentynineteen #wpsl-search-input{line-height:1.3em}.wpsl-twentynineteen #wpsl-search-wrap label{margin-top:6px}.wpsl-twentynineteen .wpsl-dropdown{width:116px}#wpsl-results .wpsl-dropdown{width:81px}@media (max-width:825px){#wpsl-search-input{width:348px}.wpsl-results-only #wpsl-search-wrap .wpsl-dropdown{width:70px}#wpsl-search-wrap .wpsl-input{width:100%;margin-bottom:10px}#wpsl-category label,#wpsl-radius label,.wpsl-cat-results-filter #wpsl-search-wrap .wpsl-input,.wpsl-input label,.wpsl-no-filters #wpsl-search-wrap .wpsl-input,.wpsl-results-only #wpsl-search-wrap .wpsl-input{width:auto}}@media (max-width:720px){#wpsl-search-wrap .wpsl-dropdown{width:114px}}@media (max-width:675px){#wpsl-search-wrap #wpsl-search-btn{float:left;margin:0 5px 0 0}.wpsl-dropdown,.wpsl-results-only #wpsl-search-wrap .wpsl-input{width:100%}.wpsl-search{padding:2%}.wpsl-input{margin-right:0}#wpsl-gmap,#wpsl-result-list{width:49.75%}#wpsl-gmap,#wpsl-result-list{float:none;width:100%}.wpsl-direction-before{padding-left:0}#wpsl-gmap{margin-bottom:15px}#wpsl-result-list,.wpsl-cat-results-filter .wpsl-select-wrap,.wpsl-filter .wpsl-select-wrap{margin-bottom:10px}#wpsl-result-list p,#wpsl-wrap #wpsl-result-list li{padding-left:0}#wpsl-wrap #wpsl-result-list li.wpsl-preloader{padding-left:25px}.wpsl-preloader img{left:0}#wpsl-stores.wpsl-not-loaded{height:25px}#wpsl-reset-map{top:25px}#wpsl-gmap{margin-top:10px}#wpsl-category,#wpsl-search-btn,.wpsl-input,.wpsl-no-filters #wpsl-search-wrap .wpsl-input,.wpsl-select-wrap{margin-bottom:0}#wpsl-stores.wpsl-no-autoload{height:auto!important}#wpsl-checkbox-filter.wpsl-checkbox-3-columns li,#wpsl-checkbox-filter.wpsl-checkbox-4-columns li{width:49%}}@media (max-width:570px){#wpsl-search-wrap #wpsl-search-btn{margin-bottom:5px}.wpsl-search{padding:4%}#wpsl-search-input{width:98%!important}.wpsl-cat-results-filter #wpsl-search-input,.wpsl-cat-results-filter #wpsl-search-wrap .wpsl-input,.wpsl-no-results #wpsl-search-input,.wpsl-results-only #wpsl-search-input{width:100%!important}.wpsl-search-btn-wrap{margin-top:15px}.wpsl-checkboxes-enabled .wpsl-search-btn-wrap{margin-top:0}#wpsl-search-btn,#wpsl-search-wrap div{margin-right:0}#wpsl-search-wrap div label{display:block;width:100%}#wpsl-results{width:auto}.wpsl-select-wrap{width:100%}#wpsl-radius,#wpsl-results{width:50%}#wpsl-radius{margin-right:4%}#wpsl-search-wrap .wpsl-dropdown{width:96%!important}.wpsl-search-btn-wrap{clear:both}.wpsl-no-filters #wpsl-search-input,.wpsl-no-filters #wpsl-search-wrap .wpsl-input{width:100%!important}}@media (max-width:420px){#wpsl-checkbox-filter li{margin:0}#wpsl-checkbox-filter.wpsl-checkbox-1-columns li,#wpsl-checkbox-filter.wpsl-checkbox-2-columns li,#wpsl-checkbox-filter.wpsl-checkbox-3-columns li,#wpsl-checkbox-filter.wpsl-checkbox-4-columns li{width:100%}} /* Essential functionality styling ---------------------------------------------- */ .accordion { border: 1px solid black; /*margin : 0 0 10px 0;*/ margin : 0; } .accordion-content{ border: 1px solid blue; } .accordion-header{ border: 1px solid red; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .accordion-wrapper{ border: 1px solid green; height : 0; overflow: hidden; margin: 0; -webkit-transition : height .4s; -moz-transition : height .4s; transition : height .4s; } /* WP specific styling ---------------------------------------------- */ /* Base ---------------------------------------------- */ li.accordion { list-style: none; } li.accordion a { display: inline-block; width: 100%; } /* WP Nav Menu Accordion * * - Header has both link & trigger * - link is clickable * - trigger opens/closes accordion * - trigger icon toggles states ---------------------------------------------- */ .nav-menu li.accordion a { display: inline-table; text-decoration: none; } .nav-menu li.accordion a p { border: 1px solid red; display: table-cell; padding: 13px 21px; margin: 0; } .nav-menu li.accordion a p.accordion-header { width: 40px; padding: 0px 10px; text-align: center; } .nav-menu li.accordion a:last-child p.accordion-header { padding: 13px 0px; width: 0px; } .nav-menu li.accordion a p.accordion-header span:before { font-family: 'themify'; content: ">"; content: "\e64b"; } .nav-menu li.accordion.-open > a p.accordion-header span:before { content: "\e648"; } .nav-menu li.accordion a:last-child p.accordion-header span { display: none; } /* BREADCRUMBS ---------------------------------------------- */ .breadcrumbs { padding: 0 10px; /*background: white;*/ } .bc-split { display: inline-block; padding: 0 10px; } .bc-split:before { font-family: 'themify'; content: "\e649"; font-size: 14px; } .bc-split:last-of-type { display: none; } @media only screen and (max-width: 767px) { .breadcrumbs { text-align: center; } .breadcrumbs .bc-inner > * { display: none; } .page .breadcrumbs .bc-inner > *:nth-last-child(2), .single .breadcrumbs .bc-inner > *:nth-last-child(2), .archive .breadcrumbs .bc-inner > *:nth-last-child(4) { display: inline-block; } .page .breadcrumbs .bc-inner > *:nth-last-child(2)::before, .single .breadcrumbs .bc-inner > *:nth-last-child(2)::before, .archive .breadcrumbs .bc-inner > *:nth-last-child(4)::before { content: "\e64a"; font-family: "themify"; font-size: 14px; margin-left: -20px; position: absolute; } } /* Slider ------------------------------*/ .slider { position: relative; } .slider-inner { position: relative; } /* Slides ------------------------------*/ .slides-wrap { -webkit-transition: height .2s ease-out; -moz-transition: height .2s ease-out; transition: height .2s ease-out; height: 0; /* height value enables animation */ overflow: hidden; margin-bottom: 20px; display: block; width: 100%; } .slides { position: relative; /*border: 1px solid deepskyblue;*/ display: inline-block; width: 100%; text-align: center; background-color: rgba(0,0,0,0.4); overflow: hidden; -webkit-transition: height .2s ease-out; -moz-transition: height .2s ease-out; transition: height .2s ease-out; } .slides .slide { /*width: 100%;*/ height: 100%; display: none; } .slides .slide.show { /*display: block;*/ display: inline-table; table-layout: fixed; width: 100%; } .hero-slider .slides .slide.show { display: block; } .hero-slider .fade-in { display: block; } .slides .slide > img { display: inline-block; /*width: 100%;*/ width: auto; height: auto; max-height: 400px; /*max-height: 100%; !* % of width to make a square *!*/ box-shadow: 0 0 30px rgba(0,0,0,0.3); } .win-ie .slides .slide > img { /*width: 100%;*/ } /*.fade-slider .slides .slide {*/ /*-webkit-transition: opacity 1.2s ease-out;*/ /*-moz-transition: opacity 1.2s ease-out;*/ /*transition: opacity 1.2s ease-out;*/ /*opacity: 0;*/ /*}*/ /*.fade-slider .slides .slide.show {*/ /*opacity: 1;*/ /*}*/ /* Slider Options ------------------------------*/ .slider-options { /*display: inline-block;*/ text-align: center; /*width: 100%;*/ /*position: absolute;*/ padding: 0 30px; bottom: 10px; z-index: 2; } .slider-options .slider-option { display: inline-block; padding: 5px; margin: 0 8px; border: 2px solid white; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; opacity: 0.4; cursor: pointer; } .slider-options .slider-option.selected, .slider-options .slider-option.selected:hover{ opacity: 1; background: white; } .slider-options .slider-option:hover { opacity: 0.7; } .slider-options .slider-option img { display: none; } .slider-options .slider-option .img-base { display: inline-block; } .slider-options .slider-option .img-active { display: none; } .slider-options .slider-option.selected .img-active + .img-base, .slider-options .slider-option.selected:hover .img-active + .img-base, .slider-options .slider-option:hover .img-active + .img-base { display: none; } .slider-options .slider-option.selected .img-active, .slider-options .slider-option.selected:hover .img-active, .slider-options .slider-option:hover .img-active { display: inline-block; } /* Slider Arrows ------------------------------*/ .slides .slider-arrows { display: table; position: absolute; top: 0; height: 230px; /*default height: will be changed by js*/ width: 100%; /*border: 1px solid deepskyblue;*/ -webkit-transition: height .2s ease-out; -moz-transition: height .2s ease-out; transition: height .2s ease-out; } .slides .slider-arrows-inner { display: table-cell; vertical-align: middle; height: 100%; width: 100%; } .slides .slide-prev, .slides .slide-next { display: inline-table; width: 50px; height: 50px; cursor: pointer; } .slides .slide-prev{ float: left; } .slides .slide-next { float: right; } .slides .slider-arrow { /*padding-left: 8px;*/ background: rgba(0,0,0,0.3) } .slides .slider-arrow:hover { background: rgba(0,0,0,0.5) } .slides .slider-arrow:active { background: rgba(0,0,0,0.8) } .slider .slide-prev:before, .slider .slide-next:before { font-family: 'themify'; display: table-cell; vertical-align: middle; color: white; font-size: 30px; } .win-ie .slider .slide-prev:before, .win-ie .slider .slide-next:before { display: block; margin-top: 8px; } .slider .slide-prev:before { content: "<"; content: "\e64a"; } .slider .slide-next:before { content: ">"; content: "\e649"; } /* Slider Nav ------------------------------*/ .slider-nav { /*display: block;*/ text-align: center; width: 100%; position: absolute; bottom: 0; z-index: 2; } .slider-nav-inner .ez-row { width: auto; max-width: none; margin-left: auto; margin-right: auto; } /* Slider Options */ .slider-nav .slider-option { display: inline-block; padding: 5px; margin: 0 8px; border: 2px solid white; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; opacity: 0.4; cursor: pointer; } .slider-nav .slider-option.selected, .slider-nav .slider-option.selected:hover{ opacity: 1; background: white; } .slider-nav .slider-option:hover { opacity: 0.7; } .slider-nav .slider-option img { display: none; } /* Slider Arrows */ .slider-nav .slider-arrow { /*display: inline-block;*/ cursor: pointer; } .slider-nav .slider-arrow:before { /*margin-top: -30px;*/ /*display: inline-block;*/ } /* Slider Caption */ .slide-caption { display: none; } a.slide-caption, a.slide-caption:visited { color: white; } .slide-caption.show { display: inline-block; } /* Hero Slider Nav */ .hero-slider .slider-nav { position: absolute; } /* Gallery Slider Nav */ .gallery-slider .slider-caption { display: none; } .gallery-slider .slider-nav .slider-arrow { display: none; } /* Multi-Slider - Responsive Styles ------------------------------*/ @media only screen and (max-width: 1023px) { /*!* 1/6 width *!*/ /*.multi-slider div.ms-page-item {*/ /*width: 16.666%;*/ /*}*/ /*!* display only first 6 *!*/ /*.multi-slider div.ms-page-item:nth-child(n+7) {*/ /*display:none;*/ /*}*/ } /* Responsive Styles ------------------------------*/ @media only screen and (max-width: 767px) { /* Slider Arrows ------------------------------*/ .slides .slider-arrow { width: 30px; } .slides .slider-arrow.mobile-show { display: inline-table!important; } .slides slide-prev { padding-right : 5px; } .slides slide-next { padding-left : 5px; } } /* Gallery Slider - Responsive Styles - for widths greater than mobile landscape -----------------------------------------------*/ @media only screen and (min-width: 768px) { .gallery-slider .slider-nav { position: relative; } .gallery-slider .slider-nav .slider-arrow { display: none; } .gallery-slider .slider-nav-inner .ez-row { width: 100%; } .gallery-slider .slider-options { position: relative; bottom: 0; padding: 0; } .gallery-slider .slider-options .margin-wrap { margin: 0 -10px; } .gallery-slider .slider-options .slider-option { display: block; float: left; width: 20%; padding: 0 10px; margin: 0; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .gallery-slider .slider-options .slider-option.selected { background: none; } .gallery-slider .slider-options .slider-option img { display: block; } } /* ADVERTS CUSTOM (& OVERRIDE) STYLES */ /*-----------------------------------------------*/ /*-----------------------------------------------*/ /* COMMON Styles: Adverts */ /*---------------------------------------*/ .back-button:before { font-family: 'themify'; content: "\e64a"; } /* COMMON Styles: Advert Listing */ /*---------------------------------------*/ .no-location-text { opacity: 0.25; } .no-img-block { /*width: 100%;*/ /*padding-top: 50%;*/ padding-left: 15px; padding-right: 15px; } .no-img-block > * { /*margin-top: -33%;*/ color: #bbb; opacity: 0.25; line-height: 1.1em; } /* Overrides */ #content-block .advert-img { background: #eaf5f8; } #content-block .advert-price { border-radius: 10px; position: relative; bottom: 0; right: 0; float: right; /*line-height: 2.2rem;*/ /*min-width: 20%;*/ } #content-block .cw-advert-content { padding: 15px; } #content-block .advert-manage-item .cw-advert-content { padding: 0 15px; } #content-block .adverts-price-empty { border-color: #bbb; color: #bbb; background: none!important; } #content-block .advert-link { font-size: 24px; } @media only screen and (max-width: 767px) { #content-block .advert-date, #content-block .advert-location, #content-block .advert-price { font-size: 14px; } #content-block .advert-price { padding: 5px 3px; line-height: 1em; } } @media only screen and (max-width: 480px) { #content-block .advert-price { float: left } } /* Adverts LIST */ /*---------------------------------------*/ #content-block .adverts-options { background: #eaf5f8; padding: 15px 30px; border-color: #95b7c9; margin-bottom: 0; } .adverts-search + .ez-col { width: 110px; text-align: right; padding-top: 12px; } .results-label-col { padding-top: 5px; } .adverts-title-col { width: 17em; } .listing-actions-col > a + a { margin-left: 15px; } /* Pagination */ #content-block .adverts-pagination { padding-top: 30px; } #content-block .page-numbers { display: inline-block; border: 1px solid #1f9ed9; border-radius: 10px; background: none; color: #1f9ed9; padding: 13px 21px; line-height: 1.3em; } #content-block a.page-numbers:hover { background-color: rgba(0,26,38,0.25); } #content-block .page-numbers.current { background-color: #1f9ed9; color: white; } @media only screen and (max-width: 767px) { #content-block .page-numbers { padding: 5px 13px; } #content-block .adverts-options { padding: 0 15px; } #content-block .adverts-search-form .adverts-button-small { width: auto; float: left; } .switch-view-label { margin-right: 15px; } .adverts-title-col { width: 13em; } } @media only screen and (max-width: 480px) { .adverts-options, .adverts-list { /*margin-left: -15px;*/ /*margin-right: -15px;*/ } #content-block .adverts-search .advert-input { width: 100%; } .showing-label { width: 100%; display: inline-block; } .switch-view-label { width: 100%; display: inline-block; /*float: left;*/ margin-bottom: 15px; } .add-listing-col { width: 100%; text-align: left; } .adverts-title-col { display: inline-table; border-right: none; } .listing-actions-col.pL-1 { padding-left: 0; width: 100%; display: inline-table; margin-top: 15px; text-align: right; } } @media only screen and (max-width: 400px) { .adverts-title-col { width: 7.5em; } } /* Adverts LIST-ITEM */ /*---------------------------------------*/ #content-block .adverts-list .advert-post-title { padding: 0; } #content-block .adverts-list .advert-published { padding: 0; } .cw-advert-content .price-col { width: 150px; vertical-align: bottom; } #content-block .advert-item { float: none; display: inline-table; } #content-block .advert-item-col-3 { width: 31.7%; float: none; } .text-right { text-align: right; } /* GRID Style Display */ @media only screen and (min-width: 767px) and (max-width: 959px) { #content-block .advert-item-col-3 { width: 48.7%; margin: 1%; } #content-block .advert-item-col-3:nth-child(2n+1) { width: 48.7%; margin: 1% 1% 1% 0%; } #content-block .advert-item-col-3:nth-child(2n) { width: 48.7%; margin: 1% 0% 1% 1%; } } @media only screen and (max-width: 767px) { #content-block .advert-item-col-3 { width: 100%; margin: 10px 0%; } } /* LIST Style Display */ #content-block .advert-item-col-1 { display: inline-table; } /* List Style: TRACERS */ #content-block .advert-item-col-1 .ez-col { /*border: 1px solid red;*/ } #content-block .advert-item-col-1 .ez-row { /*border: 1px solid green;*/ } /* List Style: Image */ #content-block .advert-item-col-1 .cw-advert-img { display: table-cell; width: 200px; vertical-align: top; } #content-block .advert-item-col-1 .advert-img { width: 200px; position: relative; margin-top: 0; top: 0; } #content-block .advert-item-col-1 .advert-img img, #content-block .advert-item-col-1 .advert-img .no-img-block { height: 110px; } /* List Style: Content */ #content-block .advert-item-col-1 .cw-advert-content { display: table-cell; /*width: 100%;*/ vertical-align: top; } #content-block .advert-item-col-1 .advert-price { bottom: 0; right: 0; } #content-block .advert-item-col-1 .advert-post-title { margin-left: 0; } /* List Style: MEDIA QUERIES */ @media only screen and (max-width: 767px) { #content-block .advert-item-col-1 .cw-advert-content { padding: 0 15px; } #content-block .advert-item-col-1 .advert-img img, #content-block .advert-item-col-1 .advert-img { width: 110px; } #content-block .advert-item-col-1 .advert-img img { display: block; } #content-block .advert-item-col-1 .advert-img img, #content-block .advert-item-col-1 .advert-img .no-img-block { height: 60px; } #content-block .advert-item-col-1 .advert-img .no-img-block h5 { font-size: 12px; } } @media only screen and (max-width: 480px) { #content-block .advert-item-col-1 .advert-link-text { font-size: 16px; } #content-block .advert-item-col-1 .advert-img img, #content-block .advert-item-col-1 .advert-img { width: 95px; } #content-block .advert-item-col-1 .advert-img img, #content-block .advert-item-col-1 .advert-img .no-img-block { height: auto; } #content-block .advert-item-col-1 .advert-img img { width: 100%; } #content-block .advert-item-col-1 .cw-advert-img { } } /* List-ITEM: MEDIA QUERIES */ @media only screen and (max-width: 480px) { .cw-advert-content .price-col { width: 95px; } .cw-advert-details > .ez-col { width: 100%; display: inline-table; } } /* Advert SINGLE */ /*---------------------------------------*/ .single-advert .adverts-single-box > * { display: inline-block; margin-top: 0; margin-bottom: 15px; width: 100%; } .adverts-grid-row .label-col { width: 130px; } .adverts-grid-row .label-col + .ez-col { padding-top: 4px; } /* Advert Single GALLERY */ #content-block .wpadverts-slide-nav-paginate, #content-block .wpadverts-slide-nav-interface { z-index: 10; } .ad-gallery-wrap { background: #eee; } .ad-gallery-wrap .wpadverts-slides { margin: 0; } .ad-gallery-wrap .no-img-block { height: 300px; } /* Advert Single PRICE */ .adverts-single-box .adverts-single-price { height: auto; text-align: left; float: left; } .adverts-single-box .adverts-price-box { display: inline-block; border-radius: 10px; background: none; color: #b34040; border: 2px solid #b34040; font-weight: 600; } /* Advert Single CONTACT FORM */ .adverts-button.adverts-show-contact-form { display: none!important; } .adverts-contact-box.adverts-contact-box-toggle { display: block!important; } .adverts-content .adverts-contact-box { border: none; background: none; display: none; margin: 0; padding: 0; } @media only screen and (max-width: 767px) { .adverts-grid-row .label-col { width: 50px; } .ad-gallery-wrap .no-img-block { height: 180px; } } /* Adverts - BUTTON Styles & Overrides */ /*---------------------------------------*/ /* Button Hover */ #content-block input[type="submit"], #content-block .adverts-control-group input[type="submit"], #content-block .adverts-form-submit, #content-block .button-alt, #content-block .adverts-switch-view { color: white; text-transform: uppercase; font-weight: 600; font-size: 12px!important; padding: 13px; line-height: 18px; /*margin: 30px 0;*/ border: none; border-radius: 10px; background: #1f9ed9; cursor: pointer; display: inline-table; } #content-block .button-alt, #content-block .button-alt input[type="submit"] { background: none; border: 1px solid #1f9ed9; color: #1f9ed9; padding: 12px 33px; padding: 12px; } /* Button Font */ #content-block .adverts-switch-view > *:before { color: white; } #content-block input[type="submit"], #content-block .adverts-control-group input.adverts-button, #content-block .adverts-form-submit > * { text-decoration: none; font-family: Encode Sans; font-weight: 700; line-height: 1.25em; } #content-block input[type="submit"].adverts-button, #content-block .adverts-upload-actions a.button { color: white!important; width: auto; height: auto; } /* Button Hover */ #content-block input[type="submit"]:hover, #content-block input.adverts-button:hover, #content-block .adverts-form-submit:hover, #content-block .adverts-switch-view:hover, #content-block .button-alt:hover { background: #1072a0; color: white; } /* Adverts - From Styles & Overrides */ /*---------------------------------------*/ .adverts-search-form > * { /*border: 1px solid red !important;*/ } #content-block .adverts-form .adverts-control-group.adverts-field-actions { border: none; } .adverts-show-contact-form + .adverts-button { margin-bottom: 30px; } .adverts-form button, .adverts-form [type="button"], .adverts-form [type="reset"], .adverts-form [type="submit"], .product-details [type="submit"] { -webkit-appearance: none; } /* Field Group Headers */ .adverts-field-header span { display: inline-block; color: #1f9ed9; } .adverts-control-group + .adverts-field-header span { margin-top: 45px; } /* Input Width & Borders */ .adverts-content .adverts-control-group input, #content-block .adverts-content .adverts-control-group textarea, #content-block .advert-input input, #content-block .advert-input textarea { width: 100%; background: none; border: none; border-bottom: 1px solid #222; } #content-block .adverts-content .adverts-control-group input { width: 100%; } #content-block .adverts-content .adverts-control-group input[type="submit"] { width: auto; } /* Input Colors & Padding */ #content-block .advert-input input[type="text"], #content-block .advert-input input[type="password"], #content-block .advert-input input[type="email"], #content-block .advert-input textarea, #content-block .advert-input input[type="selectext"], #content-block .advert-input input[type="password"], #content-block .adverts-control-group input[type="text"], #content-block .adverts-control-group input[type="password"], #content-block .adverts-control-group input[type="email"], #content-block .adverts-control-group textarea, #content-block .adverts-control-group input[type="selectext"], #content-block .adverts-control-group input[type="password"], #content-block .advert-input input[type="text"]:focus, #content-block .advert-input input[type="password"]:focus, #content-block .advert-input input[type="email"]:focus, #content-block .advert-input textarea:focus{ color: #222; background: rgba(255,255,255,0.65); /*opacity: 0.7;*/ padding: 10px; } #content-block .adverts-control-group input[type="text"], #content-block .adverts-control-group input[type="password"], #content-block .adverts-control-group input[type="email"], #content-block .adverts-control-group textarea, #content-block .adverts-control-group input[type="selectext"], #content-block .adverts-control-group input[type="password"] { background: rgba(255,255,255,0.15); } /* Input Focus */ #content-block .adverts-control-group input[type="text"]:focus, #content-block .adverts-control-group input[type="password"]:focus, #content-block .adverts-control-group input[type="email"]:focus, #content-block .adverts-control-group textarea:focus, #content-block .adverts-control-group input[type="selectext"]:focus, #content-block .adverts-control-group input[type="password"]:focus, #content-block .advert-input input[type="text"]:focus, #content-block .advert-input input[type="password"]:focus, #content-block .advert-input input[type="email"]:focus, #content-block .advert-input textarea:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; /*opacity: 1;*/ background: white; } /* Input Place Holders */ #content-block .advert-input input::placeholder, #content-block .advert-input textarea::placeholder { color: #222; opacity: 0.7; } #content-block .advert-input input::-moz-placeholder, #content-block .advert-input textarea::-moz-placeholder { color: #222; opacity: 0.7; } #content-block .advert-input input:-ms-input-placeholder, #content-block .advert-input textarea:-ms-input-placeholder { color: #222; opacity: 0.7; } #content-block .advert-input input:-moz-placeholder, #content-block .advert-input input::-moz-placeholder { color: #222; opacity: 0.7; } #content-block .advert-input input::-ms-input-placeholder, #content-block .advert-input textarea:-ms-input-placeholder { color: #222; opacity: 0.7; } #content-block .advert-input input:-moz-placeholder, #content-block .advert-input textarea:-moz-placeholder { color: #222; opacity: 0.7; } #content-block .advert-input input::-webkit-input-placeholder, #content-block .advert-input textarea::-webkit-input-placeholder { color: #222; opacity: 0.7; } #content-block .advert-input textarea { overflow:auto; } /* Adverts - DISABLED FUNCTIONALITY */ /*---------------------------------------*/ /* HIDE/Disable My-listing via WP users */ .listing-actions-col > a + a, .adverts-field-name-_adverts_account{ display: none; } /* HIDE/Disable adverts cetegories */ .adverts-field-name-advert_category, #content-block .advert-cats { display: none; } /* Table of Content ================================================== #Reset & Basics #Basic Styles #Typography #Links #Lists #Images */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ body { background: #fff; font: 16px/1.5em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #181818; font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 46px; line-height: 50px; } h2 { font-size: 35px; line-height: 40px; } h3 { font-size: 28px; line-height: 34px; } h4 { font-size: 21px; line-height: 30px; } h5 { font-size: 17px; line-height: 24px; } h6 { font-size: 14px; line-height: 21px; } .subheader { color: #777; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== */ a, a:visited { color: #333; text-decoration: underline; outline: 0; } a:hover, a:focus { color: #000; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img { max-width: 100%; height: auto; } img.scale-with-grid { max-width: 100%; height: auto; } /* #Forms ================================================== */ /*form {*/ /*margin-bottom: 20px; }*/ /*fieldset {*/ /*margin-bottom: 20px; }*/ /*input[type="text"],*/ /*input[type="password"],*/ /*input[type="email"],*/ /*textarea,*/ /*select {*/ /*border: 1px solid #ccc;*/ /*padding: 6px 4px;*/ /*outline: none;*/ /*-moz-border-radius: 2px;*/ /*-webkit-border-radius: 2px;*/ /*border-radius: 2px;*/ /*font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/ /*color: #777;*/ /*margin: 0;*/ /*width: 210px;*/ /*max-width: 100%;*/ /*display: block;*/ /*margin-bottom: 20px;*/ /*background: #fff; }*/ /*select {*/ /*padding: 0; }*/ /*input[type="text"]:focus,*/ /*input[type="password"]:focus,*/ /*input[type="email"]:focus,*/ /*textarea:focus {*/ /*border: 1px solid #aaa;*/ /*color: #444;*/ /*-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);*/ /*-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);*/ /*box-shadow: 0 0 3px rgba(0,0,0,.2); }*/ /*textarea {*/ /*min-height: 60px; }*/ /*label,*/ /*legend {*/ /*display: block;*/ /*font-weight: bold;*/ /*font-size: 13px; }*/ /*select {*/ /*width: 220px; }*/ /*input[type="checkbox"] {*/ /*display: inline; }*/ /*label span,*/ /*legend span {*/ /*font-weight: normal;*/ /*font-size: 13px;*/ /*color: #444; }*/ /* Theme Name: EZ Seed Author: bEZ420 Version: 1.0.5 */ /* TABLE OF CONTENTS * * X-BROWSER styling & RESPONSIVE Classes * LAYOUT * TYPOGRAPHY: COMMON STYLES * UI ELEMENTS * DISPLAY CONFIGS * ANIMATIONS * THEMES * MEDIA QUERIES * ================================================== */ /* X-BROWSER styling & RESPONSIVE Classes ================================================== */ html, body { height: 100%; margin: 0; overflow: hidden; } /* Box Sizing */ /* ---------------------------------------------- */ *, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* iOS Scrolling fixes */ /* ---------------------------------------------- */ .global-inner { /*overflow-y: scroll;*/ /* has to be scroll, not auto */ overflow-x: hidden; -webkit-overflow-scrolling: touch; } /* Responsive Display Toggles and Triggers */ /* ---------------------------------------------- */ .tablet-show { display: none!important; } .tablet-hide {} .tablet-p-show { display: none!important; } .tablet-p-hide {} .mobile-show { display: none!important; } .mobile-hide {} .screen-size-ghost-dw, .screen-size-ghost-d, .screen-size-ghost-tl, .screen-size-ghost-tp, .screen-size-ghost-ml, .screen-size-ghost-mp { display: none!important; } .screen-size-ghost-dw { display: block!important;} /* LAYOUT ================================================== */ /* LAYOUT BLOCKS: Positioning */ /* ---------------------------------------------- */ .global-wrapper { width: 100%; height: 100%; margin: auto; position: relative; overflow: hidden; } .global-inner { width: 100%; height: 100%; margin: auto; position: relative; float: left; left: 0; } .mob-menu-open .global-inner { left: 300px; } #global-mob-menu { float: left; position: absolute; left: -300px; width: 300px; height: 100%; overflow-y: auto; overflow-x: hidden; } .mob-menu-open #global-mob-menu { left: 0; } .header-block { width: 100%; display: table; table-layout:fixed; position: relative; top: 0; z-index: 11; } .content-block { width: 100%; overflow-y: auto; overflow-x: hidden; } .footer-block { width: 100%; display: table; table-layout:fixed; position: relative; bottom: 0; z-index: 10; } .admin-bar .global-wrapper { padding-top: 0px; } /* MICRO LAYOUT */ /* ---------------------------------------------- */ #global-wrapper .hide { display: none!important; } /* THE Wrapper ---------------------------------------------- */ .global-inner { background: rgba(101,101,101,1); } /*TODO: !*/ /* THE Grid ---------------------------------------------- */ /*accordion.controlss */ .container, .ez-container { position: relative; margin: 0 auto; margin-left: auto!important; margin-right: auto!important; padding: 0; width: 100%; max-width: 1024px; } /* rows */ .ez-row { width: 100%; display: table; } /* columns */ /*todo: remove?*/ .ez-col { display: table-cell; vertical-align: middle; } .ez-row.pad-cols > .ez-col, .ez-row.pad-cols > .container > .ez-col, .ez-row.pad-cols > .ez-container > .ez-col { padding: 0 15px; } .ez-row.pad-cols > .ez-col.first-col, .ez-row.pad-cols > .container > .ez-col.first-col, .ez-row.pad-cols > .ez-container > .ez-col.first-col { padding-left: 0; } .ez-row.pad-cols > .ez-col.last-col, .ez-row.pad-cols > .container > .ez-col.last-col, .ez-row.pad-cols > .ez-container > .ez-col.last-col { padding-right: 0; } /*.ez-row.half > .ez-col,*/ /*.ez-row.half > .container > .ez-col {*/ /*width: 50%;*/ /*}*/ /*.ez-row.thirds > .ez-col,*/ /*.ez-row.thirds > .container > .ez-col {*/ /*width: 33.333%;*/ /*}*/ /*.ez-row.quarter > .ez-col,*/ /*.ez-row.quarter > .container > .ez-col {*/ /*width: 25%;*/ /*}*/ /* Header Block ---------------------------------------------- */ .header-block, .header-block > * { background: white; } .header-content { /*background: white;*/ /*padding: 5px 0;*/ z-index: 1; } body.alt-header .header-block { background: transparent; } body.alt-header .content-block { padding-top: 0!important; } body.alt-header.alt-h-white .header-block *, body.alt-header.alt-h-white .header-block a { color: white; } /* Content Block ---------------------------------------------- */ .content-block.no-padding { padding-top: 0 !important; /* for hero page */ } .content-container > .ez-row, .content-container > .ez-row > .ez-col{ height: 100%; } .chrome .content-container > .ez-row { height: initial; } #content { position: relative; /*background: white;*/ } #content:after, #content:before { content: ''; display: none; /*border: 1px solid red;*/ width: 100%; height: 400px; position: absolute; top: -400px; background: white; } #content:before { display: inline-block; } .ipad #content:after, .iphone #content:after { top: unset; bottom: -400px; } #content > * { /*background: rgba(101,101,101,1);*/ } .content-inner { /*border: 1px solid yellow;*/ } .content-container {} .content-container > .ez-row.no-padding { padding: 0; } .side-bar{ width: 25%; } .side-bar ul ul { margin: 0 0 0 20px; } .side-bar li a .label { /*padding: 5px 10px;*/ } /* Footer Block ---------------------------------------------- */ #footer.footer-block, #sub-footer.sub-footer { background: white; } /* Sticky Div ---------------------------------------------- */ .sticky-content { position: relative; } /* x-broswer ---------------------------------------------- */ /* Block Height Fillers ---------------------------------------------- */ .fill-height { /*min-height: 100%;*/ } .fill-height-parent { -webkit-display: box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-box-oreint: vertical; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } .fill-height-parent .fill-height { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ /*height: 100%; !* For old syntax, otherwise collapses. *!*/ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .fill-height-parent .content-row.fill-height { -webkit-display: box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } /* Width Styling ---------------------------------------------- */ .width-full { width: 100%; } .width-2 { width: 50%; } .width-3 { width: 33.33%; } .width-4 { width: 25%; } .width-5 { width: 20%; } .width-6 { width: 16.66%; } .width-7 { width: 14.28%; } .width-8 { width: 12.5%; } .width-9 { width: 11.11%; } .width-10 { width: 10%; } .width-11 { width: 9.0909%; } .width-12 { width: 8.33%; } .width-phi-lrg { width: 61.8%; } .width-phi-sml { width: 38.2%; } .width-phi-sml.fill-height-parent { width: auto; } .width-phi-sml.fill-height-parent.ez-col { display: table-cell } #content .max-w-700 { max-width: 700px; } #content .max-w-750 { max-width: 750px; } #content .max-w-800 { max-width: 800px; } #content .max-w-850 { max-width: 850px; } #content .max-w-900 { max-width: 900px; } #content .max-w-1000 { max-width: 1000px; } #content .max-w-auto { margin-left: auto; margin-right: auto; } /* Content Rows ---------------------------------------------- */ .global-row, #content > .global-row { /*background: rgba(170,170,170,1);*/ /*padding: 15px;*/ } .ez-row.content-row, .ez-col.content-row { /*background: rgba(127,127,127,1);*/ /*padding: 15px;*/ } .global-row > *, .content-row > * { /*background: rgba(255,255,255,0.2);*/ /*padding: 15px;*/ } /* padding */ #main .theme-row-padding { /*padding-top: 50px;*/ /*padding-bottom: 50px;*/ } .content-row.no-padding { padding: 0 !important; /* for hero page */ } .content-row.no-padding-top, .content-col.no-padding-top { padding-top: 0 !important; /* for hero page */ } .content-row.no-padding-bottom, .content-col.no-padding-bottom { padding-bottom: 0 !important; /* for hero page */ } /* Padding & Margins ---------------------------------------------- */ body #global-wrapper .pX-0 { padding-left: 0; padding-right: 0; } body #global-wrapper .pY-0 { padding-top: 0; padding-bottom: 0; } body #global-wrapper .mX-0 { margin-left: 0; margin-right: 0; } body #global-wrapper .mY-0 { margin-top: 0; margin-bottom: 0; } body #global-wrapper .pT-0 { padding-top: 0; } body #global-wrapper .pB-0 { padding-bottom: 0; } body #global-wrapper .pL-0 { padding-left: 0; } body #global-wrapper .pR-0 { padding-right: 0; } body #global-wrapper .mL-0 { margin-left: 0; } body #global-wrapper .mR-0 { margin-right: 0; } body #global-wrapper .mT-0 { margin-top: 0; } body #global-wrapper .mB-0 { margin-bottom: 0; } .bb { border-bottom: 1px solid rgba(0,0,0,0.1)} .text-white .bb { border-bottom: 1px solid rgba(255,255,255,0.2)} /* TYPOGRAPHY: COMMON STYLES ================================================== */ /* Base ---------------------------------------------- */ body { font-size: 1.313em; /*makes 1em = 16pt (21px)*/ } p { margin: 0; } /* EZ Column TypeSetting ---------------------------------------------- */ .ez-col.top-align { vertical-align: top; } .ez-col.bottom-align { vertical-align: bottom; } .ez-col > .label { font-size: 0.5em; } .ez-col > .text-main { font-size: 1em; } /* Content Typography ---------------------------------------------- */ .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } /* WP Menu Items ---------------------------------------------- */ #content-block .current-cat > a, #content-block .current-cat-parent > a, #content-block .current-post > a { color: red; } a.break-word { display: inline-block; word-break: break-all; } /* Text Columns ---------------------------------------------- */ .two-col { /*column-width: 20em;*/ column-count: 2; column-gap: 30px; /*-moz-column-width: 20em;*/ -moz-column-count: 2; -moz-column-gap: 30px; /*-webkit-column-width: 20em;*/ -webkit-column-count: 2; -webkit-column-gap: 30px; } .three-col { -moz-column-count: 3; -moz-column-gap: 30px; -webkit-column-count: 3; -webkit-column-gap: 30px; } /* ANIMATIONS ================================================== */ .animate-all { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; } .animate-none { -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; } .fade-out { opacity: 0!important; } .fade-in { opacity: 1!important; } .fade-wrapper { /* for sliders: .fade-wrapper opacity transitions must match the duration set in the front-end js configs */ overflow: hidden; -webkit-transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; transition: opacity .4s ease-out; } /*.display-wrapper {*/ /*display: block;*/ /*overflow: hidden;*/ /*-webkit-transition: all .4s ease-out;*/ /*-moz-transition: all .4s ease-out;*/ /*transition: all .4s ease-out;*/ /*}*/ /* TRACERS ================================================== */ /* LAYOUT BLOCKS: Tracers ---------------------------------------------- */ /*.app-wrapper { border: 1px solid #888; }*/ /*.header-block { border: 1px solid #444; }*/ /*.header-content { border: 1px solid #444; }*/ /*.content-block { border: 1px solid #444; }*/ /*.content-inner { border: 1px solid #000; }*/ /*.footer-block { border: 1px solid #444; }*/ /* Micro Layout Tracers ---------------------------------------------- */ /*.ez-col { border: 1px solid green; }*/ /*.ez-row { border: 1px solid red; }*/ /*.container, .ez-container { border: 1px dashed blue; }*/ /*.global-row { border: 1px solid black; }*/ /*.global-row > * { border: 1px dashed black; }*/ /*.global-row > * > * { border: 1px dashed rgba(0,0,0,0.5); }*/ /*.ez-row.content-row,*/ /*.ez-col.content-row { border: 1px solid black; }*/ /*.content-row > * { border: 1px dashed black; }*/ /*.content-row > * > * { border: 1px dashed rgba(0,0,0,0.5); }*/ /* Animations ---------------------------------------------- */ /*.display-wrapper { border: 1px solid blue;}*/ /* WP Menus ---------------------------------------------- */ /*.menu ul { border: 1px solid orange; }*/ /*.menu li { border: 1px solid yellow; }*/ /* CONTROLS ================================================== */ /* image element */ img { display: block; } /* Shared Classes */ #global-wrapper .disabled { opacity: 0.4; cursor: default; } /* ALL menus ---------------------------------------------- */ .menu ul { margin: 0; } /* HEADER MENU + LOGO ---------------------------------------------- */ .header-block .logo { padding: 0 10px; } .header-block .logo img { width: auto; height: auto; max-width: 250px; } .header-block .menu { float: right; /*position: relative;*/ } ul.menu { margin: 0; display: inline-block; } .header-block .menu li { display: inline-block; list-style-type: none; font-size: 16px; margin: 0; } .header-block .menu li > a { display: block; padding: 13px 21px; text-decoration: none; } /* Hover states & Sub-menu positioning ---------------------------------------------- */ .header-block .menu li > a:hover { background: rgba(0,0,0,0.1); } .header-block .menu > li > .sub-menu, .header-block .sub-menu > li > .sub-menu { display: none; margin: 0; } .header-block .menu > li:hover > .sub-menu, .header-block .sub-menu > li:hover > .sub-menu { display: block; position: absolute; z-index: 1; } /* Background colors (menu & sub-menu) ---------------------------------------------- */ .header-block ul.menu { background: #eee; } .header-block .menu > li:hover > a, .header-block .menu > li > .sub-menu { background: #ddd; } .header-block .sub-menu > li:hover > a, .header-block .sub-menu > li > .sub-menu { background: #ccc; } /* hide everything after the 3rd tier ---------------------------------------------- */ .header-block .sub-menu > li > .sub-menu > li > .sub-menu { display: none } /* Cart Link ---------------------------------------------- */ .header-block .ez-col.cart { width: 75px; padding: 0 10px; text-align: right; } .header-block .ez-col.cart a:before{ font-family: 'themify'; content: "\e60d"; /*content: "\e60e";*/ font-size: 22px; } /* Mobile Elements ---------------------------------------------- */ .header-block .mob-menu-trigger { width: 40px; cursor: pointer; padding: 0 10px; } .icon--menu:before { font-family: 'themify'; content: "\e68e"; font-size: 22px; } /* MOBILE MENU ---------------------------------------------- */ /* Menu Header ---------------------------------------------- */ .mob-menu-header { display: table; width: 100%; /*padding: 5px 0;*/ } .mob-menu-close-btn { width: 40px; padding: 0 10px; cursor: pointer; } .icon--close:before { font-family: 'themify'; content: "\e646"; font-size: 22px; } /* Menu Styling ---------------------------------------------- */ #global-mob-menu .menu { height: 100%; width: 100%; } #global-mob-menu .wp-menu-container { display: table; /*height: 100%;*/ width: 100%; /*background: #eee*/ } #global-mob-menu .menu ul { margin: 0 0 0 10px; background: rgba(0,0,0,0.1); } /* The Tint ---------------------------------------------- */ .global-inner .tint { display: none; background: rgba(0,0,0,0.6); width: 0; height: 0; opacity: 0; position: absolute; z-index: 11; pointer-events: none; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } #global-wrapper .tint.opacity { opacity: 0; display: block; } .mob-menu-open .global-inner .tint { pointer-events: all; display: block; opacity: 1; width: 100%; height: 100%; } /* Cart Link ---------------------------------------------- */ #global-mob-menu .cart a { width: 100%; text-align: right; display: inline-block; padding: 6px 10px; border: 1px solid red; } #global-mob-menu .cart a:before{ font-family: 'themify'; content: "\e60d"; font-size: 22px; } /* CTA ---------------------------------------------- */ .cta > * { display: inline-block;; font-size: 12px; padding: 13px 21px; border: 1px solid red; width: auto; } /* HERO SLIDER ---------------------------------------------- */ .hero-row { background: white; } .hero-slider .slides .slide { color: white; height: 600px; /*border: 1px solid blue;*/ background-position: center center; background-size: cover; } .hero-slider .slides-wrap { -webkit-transition: height 0s ease-out; -moz-transition: height 0s ease-out; transition: height 0s ease-out; margin-bottom: 0; } .hero-slider .slider-nav { background-color: rgba(0,0,0,0.4); } .hero-slider .slider-nav-inner { padding: 13px 21px; } /* TAGS (cwPortfolio) ---------------------------------------------- */ #main .tags { margin-top: 25px; bottom: 0; width: auto; } /* BACK TO TOP Btn ---------------------------------------------- */ .back-to-top { /*border: 1px solid red;*/ background: rgba(0,0,0,0.5); width: 40px; height: 40px; position: absolute; display: none; bottom: 20px; right: 35px; cursor: pointer; z-index: 100; text-align: center; border-radius: 50%; } .back-to-top:before { vertical-align: middle; color: #fff; font-family: 'themify'; content: "\e648"; display: table-cell; } .back-to-top.enabled { display: block; } .back-to-top.mobile-show { display: none!important; } .back-to-top.mobile-show.enabled { display: table!important; } /* FEED[POSTS]: Related ---------------------------------------------- */ /* container */ /*.related-posts-row {*/ /*padding: 30px 0 40px;*/ /*}*/ /*.related-posts-row h3 {*/ /*margin-bottom: 20px;*/ /*}*/ .cpt-related-posts .post { margin-bottom: 0; } /* FEED[POSTS]: MAIN ---------------------------------------------- */ /* list */ .posts { margin: 0 -15px; } .posts .post { /*float: left;*/ position: relative; display: inline-table; vertical-align: top; padding: 0 15px; table-layout: fixed; /* for width percentages */ } /* feed entry content */ .posts .post a { position: relative; display: block; width: 100%; height: 100%; } .posts .post a .label { display: inline-block; /*padding: 13px 21px;*/ /*background: #ddd;*/ text-align: center; width: 100%; } /* hover */ .brick .hover, .posts .post a .hover { -webkit-display: box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-oreint: vertical; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; background: rgba(0,0,0,0.5); color: white; font-weight: 700; opacity: 0; position: absolute; top: 0; text-align: center; justify-content: center; -webkit-box-justify-content: center; -moz-box-justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; -ms-flex-pack: center; justify-content: center; } .brick .brick-inner { position: relative; display: block; height: 100%; width: 100%; } .brick:hover .hover, .posts .post a:hover .hover { opacity: 1; } .posts .post img { display: block; } .post .hover-image { position: relative; } /* shop icon */ .posts .post a.shop-icon { position: absolute; display: block; top: 10px; right: 30px; z-index: 1; width: auto; height: auto; box-shadow: none; } .posts .post a.shop-icon:before { font-family: 'themify'; content: "\e60d"; /*content: "\e60e";*/ font-size: 28px; color: rgba(0,0,0,0.3); } .posts .post a.shop-icon:hover:before { color: rgba(255,255,255,1); } /* SCROLL-HINTER ---------------------------------------------- */ .scroll-hinter { position: absolute; top: 0; width: 100%; text-align: center; display: inline-block; } .scroll-hinter:before { font-family: 'themify'; content: "\e64b"; font-size: 30px; /*margin-left: -15px;*/ opacity: 0.4; } .win-ie .scroll-hinter { left: 50%; } /* FEED[TERMS]: CPT CATEGORY ---------------------------------------------- */ .cpt-category-term-post-feed { } .cpt-category-term-post-feed .title { margin-top: -5px; } .cpt-category-term-post-feed .description { margin-bottom: 40px; } .cpt-category-term-post-feed .post { width: 33.33%; margin-bottom: 40px; } /* FEED[PROJECT_POSTS]: RECENT ---------------------------------------------- */ #recent-projects .post { width: 33.33%; margin-bottom: 30px; } #recent-projects { margin: 0 auto; } /* FEED_FILTER[POSTS]: by TAX TERM CHILDREN ---------------------------------------------- */ .child-term-links li { display: inline-block; } #content-block .child-term-links li.selected a { color: red; } /* META: Meta Group Tiles ---------------------------------------------- */ .meta-group-tiles { } .meta-group-tile { display: inline-table; vertical-align: top; text-align: center; padding: 0 15px; } .meta-group-tile .image-container { height: 120px; } .meta-group-tile .image-container img { display: inline-block; } /* POPUP ---------------------------------------------- */ .popup { display: none; /*display: block;*/ width: 100%; height: 100%; position: absolute; top: 0; z-index: 100; background: rgba(0,0,0,0.8); text-align: center; } .popup.show { display: block; } .popup > .ez-row { height: 100%; table-layout: fixed; } .popup-container { display: inline-block; width: 900px; max-width: 90%; } .popup-container .slides { /*height: 600px;*/ /*max-height: 90%;*/ } .popup-container .slides .slide > img { max-height: 90%; } .popup-header { background: rgba(0,0,0,0.5); padding: 8px 13px; color: rgba(255,255,255,0.7); } .popup-header .header-text{ text-align: left; } .popup-header .header-close{ width: 100px; text-align: right; } .popup-content > .ez-col { padding: 0 10px 10px; background: rgba(0,0,0,0.8); } .popup-content .slider-nav-inner { background: rgba(0,0,0,0.8); padding: 10px 10px 10px; } .popup-trigger, .popup-close { cursor: pointer; } .popup-container .slider-options .slider-option { display: none; } .popup .basic-slider .slider-nav { display: none; } .popup .basic-slider .slides-wrap { margin-bottom: 0; } /* PARALLAX BACKGROUNDS ---------------------------------------------- */ /* set/remove background styles to reveal absolute 'parallax' element behind main content*/ #main.parallax-main > div { /*background: white;*/ } #main.parallax-main .content-row.parallax { background: none; } /* absolute bg element behind main scrolling element */ .parallax-wrapper { display: block; position: absolute; top: 0; overflow: hidden; height: 100%; width: 100%; } .parallax-element { display: block; position: absolute; top: 0; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } /* styles for '...' <- ellipsis ---------------------------------------------- */ .block-with-text { /* hide text if it more than N lines */ overflow: hidden; /* for set '...' in absolute position */ position: relative; /* use this value to count block height */ /*line-height: 1.2em;*/ /* max-height = line-height (1.2) * lines max number (3) */ /*max-height: 3.6em;*/ /* fix problem when last visible word doesn't adjoin right side */ text-align: justify; /* place for '...' */ margin-right: -1em; padding-right: 1em; } /* create the ... */ .block-with-text:before { /* points in the end */ content: '...'; /* absolute position */ position: absolute; /* set position to right bottom corner of block */ right: 0; bottom: 1px; } /* hide ... if we have text, which is less than or equal to max lines */ .block-with-text:after { /* points in the end */ content: ''; /* absolute position */ position: absolute; /* set position to right bottom corner of text */ right: 0; /* set width and height */ width: 1em; height: 1em; margin-top: 0.2em; /* bg color = bg color under block */ background: white; } /* META: Meta Box Background ---------------------------------------------- */ .ez-row.content-row.meta-box-bg, .ez-col.content-row.meta-box-bg { background-position: 50% 50%; background-size: cover; } .ez-row.meta-box-bg .the-content { color: white; text-shadow: 0 0 10px #000; line-height: 1.45em; } /* MOBILE COLLAPSE CONTROL * —TODO: separate style sheet? ---------------------------------------------- */ /* Control Container */ .mobile-collapse { border: 1px solid red; position: relative; } .mobile-collapse.active { border: 1px solid green; display: table; } .mobile-collapse.active.open { border: 1px solid blue; height: auto; } /* Collapse Wrapper */ .mobile-collapse .mobile-collapse-wrapper { overflow: hidden; -webkit-transition: height .3s ease-out; -moz-transition: height .3s ease-out; transition: height .3s ease-out; } .mobile-collapse.active .mobile-collapse-wrapper { position: relative; height: 0; /* collapse trigger height */ } .text-collapse.active .mobile-collapse-wrapper { margin-bottom: 60px; height: 135px; /* collapse trigger height */ } /* Content */ .mobile-collapse-content { display: table; /* so margins get counted by outerHeight() */ width: 100%; } /* Triggers */ .active .mobile-collapse-toggle { cursor: pointer; } /* - Show More */ .mobile-collapse .show-more { position: absolute; display: none; width: 100%; bottom: 0; right: 0; z-index: 1; text-align: center; } .mobile-collapse.active .show-more { display: inline-block; } .mobile-collapse .show-more a { padding: 0 10px 20px; margin-top: 0; display: inline-block; max-width: 250px; width: 100%; /*border-bottom: 1px solid #d4d1d0;*/ opacity: 0.3; } .mobile-collapse .show-more span.open, .mobile-collapse.open .show-more span.alt { display: none; } .mobile-collapse.open .show-more span.open, .mobile-collapse .show-more span.alt { display: inline; } /* IN-VIEW ANIMATION (IVA) * TODO: separate style sheet? ---------------------------------------------- */ .in-view-animation { } .iva-showing { } .iva-active.iva--alpha-in { opacity : 0; -webkit-transition: opacity .8s ease-out; -moz-transition: opacity .8s ease-out; transition: opacity .8s ease-out; } .iva-active.iva--alpha-in.iva-showing { opacity : 1; } /* META TABLE DISPLAY * TODO: separate style sheet? ---------------------------------------------- */ .meta-table-display { width: 100%; margin: 0 0 30px; } .meta-table-display th, .meta-table-display td{ /*border: 1px solid grey;*/ padding: 5px 8px; } .meta-table-display thead tr, .meta-table-display tr:nth-child(2n) { background: rgba(0, 97, 50, 0.05); } .meta-table-display th:nth-child(2n), .meta-table-display td:nth-child(2n){ /*border: 1px solid grey;*/ background: rgba(10, 97, 70, 0.025); } /* CONTENT TABS * TODO: separate style sheet? */ /* ---------------------------------------------- */ .content-tabs { } .tabs-body.ez-row { table-layout: fixed; } .content-tabs .tabs-menu-wrap { border-bottom: 2px solid #008b58; margin-bottom: 30px; } .content-tabs .tabs-menu { width: auto; } .content-tabs .tab-label { cursor: pointer; width: auto; padding: 10px 15px; background: rgba(0, 139, 88, 0.1); color: #008b58; } .content-tabs .tab-content { display: none; white-space: normal; } .content-tabs .tab-label.active { background: #008b58; background: rgba(0, 90, 57, 0.7); color: white; } .content-tabs .tab-content.active { display: inline-table; width: 100%; table-layout: fixed; } .content-tabs .tab-content.ez-col.active { display: table-cell; } .content-tabs .tabs-mob-nav { display: none; padding: 10px 15px; } .content-tabs .tabs-mob-nav:before { font-family: 'themify'; display: table-cell; vertical-align: middle; font-size: 20px; } .content-tabs .tabs-mob-prev:before { content: "<"; content: "\e64a"; } .content-tabs .tabs-mob-next:before { content: ">"; content: "\e649"; } .content-tabs .tabs-menu-wrap.ez-col .tabs-menu { width: 100%; } .content-tabs .tabs-menu-wrap.ez-col { width: 250px; } /* META POST-FILTER * TODO: separate style sheet? */ /* ---------------------------------------------- */ .prediction-container { display: none; } .prediction-container.show { display: block; } /* REFLECTION ---------------------------------------------- */ .reflection { height: 120px; position: relative; margin-top: -1px; } .reflection-image { overflow: hidden; } .reflection .shadow { width: 120%; position: absolute; top: -7px; left: -10%; height: 17px; background-image: url('/wp-content/themes/cw_seed_theme/images/reflection-shadow.png'); background-size: 100% 100%; /*border: 1px solid red;*/ background-repeat: no-repeat; } .reflection .gradient-fade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-image: url('/wp-content/themes/cw_seed_theme/images/reflect-grad-white.png') } .reflection img { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: “FlipV”; opacity: 0.4; } .reflection + img.above-reflection { position: absolute; top: 0; left: 0; } .reflection .reflection-img{ overflow: hidden; width: 100%; height: 100%; } /* POPUP CONTENT TRIGGER todo move to child? ---------------------------------------------- */ .content-popup-trigger { cursor: pointer; } /* POPUP VIDEO TRIGGER todo move to child? ---------------------------------------------- */ .video-popup-trigger { /*border: 1px solid red;*/ cursor: pointer; display: inline-block; position: relative; } .video-popup-trigger iframe, .video-popup-trigger .the-embed * { display: none; } /* RESPONSIVE (STRETCHY) VIDEO */ /*---------------------------------------------- */ #video-container iframe { width: 100%; background: rgba(0,0,0,0.2); z-index: 10; } #video-container::before { content: 'Video Loading'; position: absolute; /*border: 1px solid red;*/ display: inline-block; z-index: 0; opacity: 0.3; height : 0; top: calc(50% - 24px); left: calc(50% - 80px); } /* Responsive Video Embeds */ /* todo: consider .stretchy-vid-via-js (may be useful for multiple video popups on one page)*/ .stretchy-vid { } .stretchy-vid .vid-container { position: relative; padding: 0; width: 100%; /* DEFAULT aspect ratio: 16:9 */ padding-top: calc(100% * 9/16); height: auto!important; } .stretchy-vid iframe { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; height: 100%; } /* - ALT aspect ratio: 4:3 */ .stretchy-vid .vid-container.aspect--4-3 { padding-top: calc(100% * 3/4); } /* LOADER ---------------------------------------------- */ .loader-container { padding: 100px 0 50px; } .loader-control { display: inline-block; position: relative; width: 100px; height: 100px; margin: 50px auto; } /* HOVER FOCUS */ /* ---------------------------------------------- */ .hover-focus .hf-item, .hover-focus .menu li > a { -webkit-transition: opacity .2s ease-out!important; -moz-transition: opacity .2s ease-out!important; transition: opacity .2s ease-out!important; } .hover-focus:hover .hf-item, .hover-focus:hover .menu li > a { opacity: 0.6!important; } .hover-focus:hover .hf-item:hover, .hover-focus:hover li:hover > a { opacity: 1!important; } .hover-focus .slider .slider-option { -webkit-transition: opacity .2s ease-out!important; -moz-transition: opacity .2s ease-out!important; transition: opacity .2s ease-out!important; } .hover-focus .slider .slider-options:hover .slider-option { opacity: 0.3!important; } .hover-focus .slider .slider-options:hover .slider-option:hover { opacity: 1!important; } /* HOVER SCALE */ /* ---------------------------------------------- */ .hover-scale { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out; } .hover-scale:hover { transform: scale(1.05); } /* HOVER SHADOW */ /* ---------------------------------------------- */ .hover-shadow:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); } /* Z-INDEX CLICKABLE */ /* ---------------------------------------------- */ .z-index-clickable { position: relative; } .z-index-clickable .clickable-control { position: absolute; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background: none; } /* MEDIA QUERIES ================================================== */ /* MQ0: Desktop ================================================== */ @media only screen and (max-width: 1400px) { .screen-size-ghost-d { display: block!important; } } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width: 1025px) { /* X-BROWSER styling & RESPONSIVE Classes ================================================== */ /* Responsive Display Toggles and Triggers ---------------------------------------------- */ .tablet-show { display: initial!important; } .ez-col.tablet-show { display: table-cell!important; } .tablet-hide { display: none!important; } .screen-size-ghost-tl { display: block!important; } /* CONTROLS ================================================== */ /* GLOBAL MOBILE MENU ---------------------------------------------- */ .mob-menu-open .global-inner { left: 38%; } #global-mob-menu { left: -38%; width: 38%; } } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* X-BROWSER styling & RESPONSIVE Classes ================================================== */ /* Responsive Display Toggles and Triggers ---------------------------------------------- */ .tablet-p-show { display: initial!important; width: 100%; } .ez-col.tablet-p-show { display: table-cell!important; } .tablet-p-hide { display: none!important; } .ez-col.tablet-p-col { width: 100% } .screen-size-ghost-tp { display: block!important; } /* LAYOUT ================================================== */ .mobile-col.width-phi-lrg, .mobile-col.width-phi-sml { width: 50%; } /* CONTROLS ================================================== */ #recent-projects .post { width: 50%; } .cpt-category-term-post-feed .post { width: 50%; } .ez-col.portrait-col{ display: table; width: 100%; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { /* X-BROWSER styling & RESPONSIVE Classes ================================================== */ /* Responsive Display Toggles and Triggers ---------------------------------------------- */ .mobile-show { display: initial!important; } .ez-row.mobile-show { display: table!important; } .ez-col.mobile-show { display: table-cell!important; } .ez-col.mobile-col{ display: table; width: 100%; } .ez-col.mobile-col.mobile-show { display: table!important; } .mobile-hide { display: none!important; } .screen-size-ghost-ml { display: block!important; } /* LAYOUT ================================================== */ .content-container > .ez-row > .ez-col > .ez-row.pad-cols > .ez-col, .content-container > .ez-row > .ez-col > .ez-row.pad-cols > .container > .ez-col, .content-container > .ez-row > .ez-col > .ez-row.pad-cols > .ez-container > .ez-col{ padding: 0; } /* Text Columns ---------------------------------------------- */ .two-col { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; } .three-col { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; } /* TYPOGRAPHY: Common Styles ================================================== */ h1 { font-size: 36px } h2 { font-size: 30px } h3 { font-size: 24px } /* CONTROLS ================================================== */ /* FEED[POSTS]: CPT CATEGORY ---------------------------------------------- */ .posts { margin: 0; } .posts .post { padding: 0; } .cpt-category-term-post-feed { } .cpt-category-term-post-feed .post { width: 100%; margin-bottom: 40px; } /* FEED[PROJECT_POSTS]: RECENT ---------------------------------------------- */ #recent-projects .post { width: 100%; /*width: 50%;*/ } /* META: Meta Group Tiles ---------------------------------------------- */ .meta-group-tile { width: 100%; } /* FEED[POSTS]: Related ---------------------------------------------- */ /* container */ .cpt-related-posts .post { width: 100%; margin-bottom: 10px; } .cpt-related-posts .post:last-child { margin-bottom: 0; } /* rows */ .cpt-related-posts .mobile-ez-row { width: 100%; display: table; } /* columns */ .cpt-related-posts .mobile-ez-col { display: table-cell; vertical-align: middle; } .cpt-related-posts .mobile-ez-col { padding: 10px 35px 10px 10px; } .cpt-related-posts .image-col { width: 38.8%; width: 33.33%; /*width: 25%;*/ padding-right: 0; vertical-align: top; } .cpt-related-posts .post a .label-col span { text-align: left; } .cpt-related-posts .post a .mobile-ez-col .label { padding: 0; border: none; } /* CONTENT TABS ---------------------------------------------- */ .content-tabs .tab-label { padding: 5px 8px; } .content-tabs .tabs-mob-nav { display: inline-block; padding: 10px 0; } .content-tabs .tab-label:not(.active) { display: none; } .content-tabs .tabs-menu-wrap.ez-col { width: 100%; } .tabs-menu > .ez-col.width-full { text-align: center; } .content-tabs .tab-label.active { display: inline-block; } /* HOVER SCALE */ /* ---------------------------------------------- */ .hover-scale:hover { transform: none; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px) { .screen-size-ghost-mp { display: block!important; } /* CONTROLS ================================================== */ /* GLOBAL MOBILE MENU ---------------------------------------------- */ .mob-menu-open .global-inner { left: 62%; } #global-mob-menu { left: -62%; width: 62%; } /* FEED[PROJECT_POSTS]: RECENT ---------------------------------------------- */ #recent-projects .post { width: 100%; } /* CONTENT TABS ---------------------------------------------- */ .content-tabs .tab-label { font-size: 0.8em; } .ez-col.portrait-col, .ez-col.mob-portrait-col { display: table; width: 100%; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after, .ez-container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Theme Name: CW JENREY THEME Theme URI: Description: CW JENREY THEME Author: bEZ420 Author URI: Template: cw_seed_theme Version: 1.0.0 */ /* everything else is in: cw-template-css/style-master.css */ /* Theme Name: THE CW Seed Child Theme - BLANK Theme URI: Description: THE CW Seed Child Theme - BLANK Author: bEZ420 Author URI: Template: cw_seed_theme Version: 1.0.6 */ /* BASE */ /*===========================================================*/ /*todo: blank: https://transfonter.org/*/ /* todo pulled fonts out of style sheet because they broke on: iOS + WP total Cache (minify CSS) + using SSL */ @font-face { font-family: Gotham; font-weight: 300; font-style: normal; src: url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-light.eot); src: url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-light.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-light.ttf) format('truetype'); src: url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-light.WOFF); } @font-face { font-family: Gotham; font-weight: 400; font-style: normal; src: url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-book.eot); src: url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-book.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-book.ttf) format('truetype'); src: url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-book.WOFF); } @font-face { font-family: Gotham; font-weight: 500; font-style: normal; src: url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-medium.eot); src: url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-medium.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-medium.ttf) format('truetype'); src: url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-medium.WOFF); } @font-face { font-family: Gotham; font-weight: 700; font-style: normal; src: url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-bold.eot); src: url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-bold.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-bold.ttf) format('truetype'); src: url(/wp-content/themes/seed-child-jenrey/fonts/Gotham/gotham-bold.WOFF); } /* TYPOGRAPHY: COMMON STYLES */ /* ================================================== */ body { color: #6b6b6b; color: #444444; line-height: 1.85em; font-family: Encode Sans; font-weight: 400; font-size: 16px; } body strong { color: #606060; } h1, h2, h3, h4, h5, h6 { font-family: Encode Sans; font-weight: 700; line-height: 1.45em; text-transform: uppercase; } h1 { font-size: 36px; line-height: 48px; } h2 { font-size: 30px; line-height: 36px; } h3 { font-size: 24px; line-height: 30px; } h4 { font-size: 21px; line-height: 30px; } h5 { font-size: 17px; line-height: 24px; } h6 { font-size: 14px; line-height: 21px; } #content-block h1, #content-block h2, #content-block h3, #content-block h4, #content-block h5, #content-block h6 { /*color:#867d78;*/ } #content-block .text-white h1, #content-block .text-white h2, #content-block .text-white h3, #content-block .text-white h4, #content-block .text-white h5, #content-block .text-white h6 { color:#fff; } #content-block p, .sticky-content p, text { /*color: #867d78;*/ /*opacity: 0.7;*/ } .entry-content li { list-style-type: disc; margin-left: 20px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { /*color: white;*/ } #footer p, #footer a { /*color: white;*/ /*opacity: 0.7;*/ } a, a:visited { color: #1f9ed9; outline: 0 none; text-decoration: none; font-family: Encode Sans; font-weight: 700; line-height: 1.25em; } a:hover, a:visited:hover { color: #1072a0; } /* WP Menu Items ---------------------------------------------- */ #content-block .current-cat > a, #content-block .current-cat-parent > a, #content-block .current-post > a { /*color: #959fdc;*/ /*font-weight: 500;*/ } .hide-nf-preform .nf-before-form-content { display: none; } #content-block .blue-headings h1, #content-block .blue-headings h2, #content-block .blue-headings h3, #content-block .blue-headings h4, #content-block .blue-headings h5, #content-block .blue-headings h6 { color: #1f9ed9; } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { /* TYPOGRAPHY */ /* ================================================== */ h1 { font-size: 28px; line-height: 36px; } h2 { font-size: 24px; line-height: 28px; } h3 { font-size: 21px; line-height: 24px; } h4 { font-size: 18px; line-height: 21px; } h5 { font-size: 16px; line-height: 21px; } h6 { font-size: 14px; line-height: 21px; } } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { /* TYPOGRAPHY */ /* ================================================== */ h1 { font-size: 24px; line-height: 36px; } h2 { font-size: 21px; line-height: 28px; } h3 { font-size: 18px; line-height: 24px; } h4 { font-size: 16px; line-height: 21px; } h5 { font-size: 16px; line-height: 21px; } h6 { font-size: 14px; line-height: 21px; } #content-block .mobile-center { text-align: center; } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 480px) { /* TYPOGRAPHY */ /* ================================================== */ h1 { /*font-size: 28px;*/ /*line-height: 36px;*/ } h2 { /*font-size: 24px;*/ /*line-height: 28px;*/ } h3 { /*font-size: 21px;*/ /*line-height: 24px;*/ } } /* TRACERS */ /* ================================================== */ /* LAYOUT BLOCKS: Tracers */ /* ---------------------------------------------- */ /*.app-wrapper { border: 1px solid #888; }*/ /*.header-block { border: 1px solid #444; }*/ /*.header-content { border: 1px solid #444; }*/ /*.content-block { border: 1px solid #444; }*/ /*.content-inner { border: 1px solid #000; }*/ /*.footer-block { border: 1px solid #444; }*/ /* Micro Layout Tracers */ /* ---------------------------------------------- */ /*.ez-col { border: 1px solid green; }*/ /*.ez-row { border: 1px solid red; }*/ /*.container { border: 1px dashed blue; }*/ /*.global-row { border: 1px solid black; }*/ /*.global-row > * { border: 1px dashed black; }*/ /*.global-row > * > * { border: 1px dashed rgba(0,0,0,0.5); }*/ /*.ez-row.content-row,*/ /*.ez-col.content-row { border: 1px dashed #ddd; }*/ /*.content-row > * { border: 1px dashed black; }*/ /*.content-row > * > * { border: 1px dashed rgba(0,0,0,0.5); }*/ /* Animations */ /* ---------------------------------------------- */ /*.display-wrapper { border: 1px solid blue;}*/ /* WP Menus */ /* ---------------------------------------------- */ /*.menu ul { border: 1px solid orange; }*/ /*.menu li { border: 1px solid yellow; }*/ * { /*-webkit-transition: all .2s ease-out;*/ /*-moz-transition: all .2s ease-out;*/ /*transition: all .2s ease-out;*/ } /* LAYOUT */ /* ================================================== */ /* LAYOUT BLOCKS: Positioning */ /* ---------------------------------------------- */ .global-wrapper { /*width: 100%;*/ /*height: 100%;*/ /*margin: auto;*/ /*position: relative;*/ /*overflow: hidden;*/ } .global-inner { /*width: 100%;*/ /*height: 100%;*/ /*margin: auto;*/ /*position: relative;*/ /*float: left;*/ /*left: 0;*/ background: #fff; } .mob-menu-open .global-inner { /*left: 300px;*/ } #global-mob-menu { /*float: right;*/ /*position: absolute;*/ /*right: -300px;*/ /*width: 300px;*/ /*height: 100%;*/ /*overflow-y: auto;*/ /*overflow-x: hidden;*/ } .mob-menu-open #global-mob-menu { /*left: 0;*/ } .header-block { /*width: 100%;*/ /*display: table;*/ /*table-layout:fixed;*/ /*position: relative;*/ /*top: 0;*/ z-index: 10; } .content-block { /*width: 100%;*/ /*overflow-y: auto;*/ /*overflow-x: hidden;*/ } .footer-block { /*width: 100%;*/ /*display: table;*/ /*table-layout:fixed;*/ /*position: relative;*/ /*bottom: 0;*/ /*z-index: 10;*/ /*box-shadow: 0 0 80px rgba(0,0,0,0.3);*/ /*z-index: 10;*/ } /* MICRO LAYOUT */ /* ---------------------------------------------- */ /* THE Wrapper */ /* ---------------------------------------------- */ .global-inner { background: rgba(255,255,255,1); } /* THE Grid */ /* ---------------------------------------------- */ .container { max-width: 1100px; } .container-2 { width: 100%; max-width: 550px; display: inline-block; } .ez-col:first-child > .container-2 { float: right; } .ez-col:last-child > .container-2 { float: left; } .max-w-650 { max-width: 650px; } .max-w-400 { max-width: 400px; } /* Header Block */ /* ---------------------------------------------- */ .header-block { } #header-content .container { padding: 20px 0; padding: 0; } /* SHADOW */ #header-content .shadow-wrap { background: none; box-shadow: 0 0 10px rgba(0,0,0,0); width: 100%; -webkit-transition: box-shadow .2s ease-out; -moz-transition: box-shadow .2s ease-out; transition: box-shadow .2s ease-out; } #header.scroll-header #header-content .shadow-wrap, body:not(.alt-header) #header #header-content .shadow-wrap { box-shadow: 0 0 10px rgba(0,0,0,0.4); } /*.alt-header #header #header-content {*/ /*box-shadow: 0 0 10px rgba(0,0,0,0);*/ /*}*/ /*.alt-header #header.scroll-header #header-content {*/ /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/ /*}*/ /* BG COLOUR */ #header #header-content { background: rgba(31, 158, 217, 1); } .alt-header #header #header-content { background: rgba(0,0,0,0.0); -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; transition: background .2s ease-out; } .alt-header #header.scroll-header #header-content { background: rgba(31, 158, 217, 1); /*background: url('/wp-content/themes/seed-child-jenrey/cw-template-css/images/jenrey-blue-grad-footer.jpg') center center;*/ /*background-size: contain;*/ } /* Content Block */ /* ---------------------------------------------- */ /* Sticky Div */ /* ---------------------------------------------- */ .sticky-div { /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/ } .sticky-block { } .header-block .sticky-div { box-shadow: 0 5px 5px rgba(0,0,0,0.2); } /* Content Rows */ /* ---------------------------------------------- */ .global-row, #content > .global-row { /*background: rgba(170,170,170,1);*/ padding: 0 45px; } .ez-row.content-row, .ez-col.content-row { /*background: rgba(127,127,127,1);*/ padding: 45px; } .ez-row.content-row { } .ez-row.content-row.hero-row { padding: 0; } .global-row > *, .content-row > * { /*background: rgba(255,255,255,0.2);*/ /*padding: 15px;*/ } /* padding */ #main .theme-row-padding { padding-top: 50px; padding-bottom: 50px; } #main .theme-row-padding-2 { padding-top: 100px; padding-bottom: 100px; } #main .theme-row-padding-3 { padding-top: 150px; padding-bottom: 150px; } /* Footer Block */ /* ---------------------------------------------- */ #footer.footer-block > .container { /*padding-top: 50px;*/ /*padding-bottom: 50px;*/ } /* Column Padding */ /* ---------------------------------------------- */ .pl-col { padding-left: 60px; } .pr-col { padding-right: 60px; } .no-padding { padding : 0!important; } .p-0 { padding-top : 0; padding-bottom : 0; padding-left : 0; padding-right : 0; } .p-1 { padding : 30px; } .p-2 { padding : 60px; } .p-3 { padding : 90px; } .pT-0 { padding-top: 0; } .pB-0 { padding-bottom: 0; } .pY-0 { padding-top: 0; padding-bottom: 0; } .pL-0 { padding-left: 0; } .pR-0 { padding-right: 0; } .pX-0 { padding-left: 0; padding-right: 0; } .pT-1 { padding-top: 30px; } .pB-1 { padding-bottom: 30px; } .pY-1 { padding-top: 30px; padding-bottom: 30px; } .pL-1 { padding-left: 30px; } .pR-1 { padding-right: 30px; } .pX-1 { padding-left: 30px; padding-right: 30px; } .pT-2 { padding-top: 60px; } .pB-2 { padding-bottom: 60px; } .pY-2 { padding-top: 60px; padding-bottom: 60px; } .pL-2 { padding-left: 60px; } .pR-2 { padding-right: 60px; } .pX-2 { padding-left: 60px; padding-right: 60px; } .pT-3 { padding-top: 90px; } .pB-3 { padding-bottom: 90px; } .pY-3 { padding-top: 90px; padding-bottom: 90px; } .pL-3 { padding-left: 90px; } .pR-3 { padding-right: 90px; } .pX-3 { padding-left: 90px; padding-right: 90px; } /* Column Borders */ /* ---------------------------------------------- */ .bl-col { border-left: 1px solid #c7dade; } .br-col { border-right: 1px solid #c7dade; } .bT { border-top: 1px solid #eee; } .bB { border-bottom: 1px solid #eee; } .bY { border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .bL { border-left: 1px solid #eee; } .bR { border-right: 1px solid #eee; } .bX { border-left: 1px solid #eee; border-right: 1px solid #eee; } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { /* LAYOUT */ /* ================================================== */ #main .theme-row-padding { padding-top: 35px; padding-bottom: 35px; } #main .theme-row-padding-2 { padding-top: 70px; padding-bottom: 70px; } #main .theme-row-padding-3 { padding-top: 115px; padding-bottom: 115px; } /* Column Padding */ /* ---------------------------------------------- */ .pl-col { padding-left: 45px; } .pr-col { padding-right: 45px; } } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { /* LAYOUT */ /* ================================================== */ .global-row, #content > .global-row { padding: 0 30px; } .ez-row.content-row, .ez-col.content-row { padding: 30px; } #main .theme-row-padding { /*padding-top: 30px;*/ /*padding-bottom: 30px;*/ padding-top: 45px; padding-bottom: 45px; } #main .theme-row-padding-2 { /*padding-top: 45px;*/ /*padding-bottom: 45px;*/ padding-top: 60px; padding-bottom: 60px; } #main .theme-row-padding-3 { padding-top: 60px; padding-bottom: 60px; } .ez-col.portrait-col { margin-bottom: 15px; } .mobile-col.width-phi-lrg { /*width: 52.5%;*/ /*width: 52.5%;*/ } /* Column Padding */ /* ---------------------------------------------- */ .pl-col { padding-left: 30px; } .pr-col { padding-right: 30px; } /* FOOTER */ /* ---------------------------------------------- */ #footer.footer-block.global-row { padding-top: 50px; padding-bottom: 50px; } } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { /* LAYOUT */ /* ================================================== */ .global-row, #content > .global-row { padding: 0 15px; } #main .theme-row-padding { padding-top: 30px; padding-bottom: 30px; } #main .theme-row-padding-2 { padding-top: 45px; padding-bottom: 45px; } #main .theme-row-padding-3 { padding-top: 60px; padding-bottom: 60px; } /* HEADER */ /* ---------------------------------------------- */ #header-content .container { padding: 5px 0; } /* Sidebar Layout */ /* ---------------------------------------------- */ .sidebar-layout .ez-col.mobile-col { margin-bottom: 30px; padding: 0; } .sidebar-layout .ez-col.mobile-col:last-child { /*margin-bottom: 0;*/ margin-bottom: 60px; } .meta-group-tile { padding: 0; } /* FOOTER */ /* ---------------------------------------------- */ #footer.footer-block > .container { /*padding-top: 20px;*/ /*padding-bottom: 50px;*/ } /* Column Padding */ /* ---------------------------------------------- */ .pl-col.mobile-col { padding-left: unset; } .pr-col.mobile-col { padding-right: unset; } /* Column Borders */ /* ---------------------------------------------- */ .bl-col { border-left: none; } .br-col { border-right: none; } #global-wrapper .mT-0-mob { margin-top: 0; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px) { /* LAYOUT */ /* ================================================== */ .global-row, #content > .global-row { padding: 0 15px; } .ez-row.content-row, .ez-col.content-row { padding: 30px 15px; } .ez-row.content-row, .ez-col.content-row { padding: 15px; } .ez-col.portrait-col { margin-bottom: 15px; } .mob-portrait-col { width: 100%; } /* FOOTER */ /* ---------------------------------------------- */ #footer.footer-block > .container { /*padding-top: 20px;*/ /*padding-bottom: 50px;*/ } } /* TRACERS */ .trace { border: 1px solid red!important;} .bg-cover, .mb-bg, .hero-container, .static-hero-container { background-size: cover; background-position: center center; /*background-color: rgba(0,0,0,0.5);*/ } .static-hero-content { padding-top: 120px; padding-bottom: 80px; } .relative-pos { position: relative; display: table; width: 100%; table-layout: fixed; } .bg-l-blue { background: #eaf5f8; } /* TEXT-WHITE */ .text-white *, .text-white a:visited { /* todo ->core */ color: white; } .text-white a.cta.cta-alt, .text-white .cta.cta-alt > * { border: 1px solid white; background: none; } .text-white a.cta.cta-alt:hover, .text-white .cta.cta-alt:hover > * { background: rgba(0,0,0,0.1); } /* TINTS */ .tinted { background: rgba(0,0,0,0.4); } .tinted-dark { background: rgba(0,0,0,0.6); } .tint-white { background: rgba(255,255,255,0.8) } /* EZ-TILE */ .ez-tile { padding: 30px 30px 45px; background: white; display: inline-block; margin-bottom: 30px; /*background: rgba(74,92,97,0.5);*/ position: relative; } a.ez-tile { font-weight: 300; } .ez-tile .service-tile-icon { display: inline-block; /*margin: -30px -15px 0 0;*/ position: relative; width: 152px; height: 70px; } .ez-tile .service-tile-icon img { /*position: absolute;*/ /*margin-top: -50px;*/ display: inline-block; } .ez-tile:hover { /*background: rgba(0,0,0,0.4);*/ } /* MISC */ .shadow-wrap { box-shadow: 0 0 10px rgba(0,0,0,0.1); } .circle-crop { border-radius: 50%; overflow: hidden; } .inline-block { display: inline-block; } .gradient-shadow { /*background: #30d3b8; !* Old browsers *!*/ background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(0deg, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.5)', endColorstr='rgba(0,0,0,0)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .pad-container { padding: 0 30px; } .parallax .ez-row.content-row { background: none; } /* default page template */ .page-template-default p { margin-bottom: 20px; } /* META-GROUP TILES*/ .meta-group-tiles .tiles-wrap { padding: 30px 0 0; } .meta-group-tiles .ez-tile { background: rgba(74, 92, 97, 0.5); } .meta-group-tiles .ez-tile:hover { background: rgba(0,0,0,0.6); } .meta-group-tile .tile-content { padding: 30px; } /* tinted half-width thingy */ .hero-container .width-2.tinted p { max-width: 20em; margin-left: auto; margin-right: auto; } /* SIDE-BAR LAYOUT */ #main .sidebar-row { background: #f7f6f6; /*border-top: 1px solid #f0efef;*/ border-bottom: 1px solid #f0efef; padding-top: 0; padding-bottom: 0; /*border-top: 1px solid #ddd;*/ border-bottom: 1px solid #eaeaea; } .sidebar-row .content-col:nth-last-child(2), .sidebar-row .sidebar-col:nth-last-child(2) { border-right: 1px solid #f0efef; border-right: 1px solid #eee; } .sidebar-row .content-col, .sidebar-row .sidebar-col { padding: 0 5%; } .sidebar-layout .width-phi-lrg { width: 59.44%; } .sidebar-img, .sidebar-img img { max-width:100%; } /* IN VIEW ANIMATIONS */ .iva-active.iva--alpha-in { opacity: 0; -webkit-transition: opacity 1.3s ease-out; -moz-transition: opacity 1.3s ease-out; transition: opacity 1.3s ease-out; } /* POPUP COMMON */ .popup .contact-form { /*height: 0!important;*/ -webkit-transition: height .2s ease-out; -moz-transition: height .2s ease-out; transition: height .2s ease-out; } .popup.hidden .contact-form { height: 0!important; } /* Video Popup */ #popup-video .popup-container { width: 100%; max-width: 1000px; } .map-popup-trigger { cursor: pointer; } /* PRELOADER */ .preloader { display: block; width: 100%; height: 100%; position: fixed; z-index: 100; opacity: 0; pointer-events: none; text-align: center; vertical-align: middle; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1eb097+0,0db7bd+100 */ background: #30d3b8; /* Old browsers */ background: -webkit-radial-gradient(rgba(0,0,0,0.1), transparent), -moz-linear-gradient(45deg, #30d3b8 0%, #0db7bd 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(rgba(0,0,0,0.1), transparent), -webkit-linear-gradient(45deg, #30d3b8 0%,#0db7bd 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(rgba(0,0,0,0.1), transparent), linear-gradient(45deg, #30d3b8 0%,#0db7bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30d3b8', endColorstr='#0db7bd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .preloader > .ez-row { rgba(0,0,0,0.7); } .preloader.active { opacity: 1; pointer-events: all; } .preloader.active.hidden { opacity: 0; pointer-events: none; -webkit-transition: opacity 0.8s ease-out; -moz-transition: opacity 0.8s ease-out; transition: opacity 0.8s ease-out; } .no-js .preloader, .ie1.win-ie .preloader.active.hidden { display: none; } .preloader .ez-row, .preloader .ez-col { height: 100%; } .preloader .loader-container { opacity: 0; -webkit-transition: opacity 1.5s ease-out; -moz-transition: opacity 1.5s ease-out; transition: opacity 1.5s ease-out; /*-webkit-transition-delay: 0.5s;*/ /*-moz-transition-delay: 0.5s;*/ /*transition-delay: 0.5s;*/ display: inline-block; position: relative; width: 100px; height: 100px; margin: 0 auto 50px; padding-top: 50px; } .preloader.show-logo .loader-container { opacity: 1; } .loader-control { display: inline-block; position: relative; width: 100px; height: 100px; /*margin: 0 auto 50px;*/ /*padding-top: 50px;*/ /*background: url('/wp-content/themes/seed-child-jenrey/images/cw-logo.png');*/ /*background-repeat: no-repeat;*/ /*background-position: center center;*/ /*background-size: 75%;*/ } .loader-background { position: absolute; top: 50px; /*left: -3px;*/ /*.win-ie .loader-control {*/ /*width: 80px;*/ /*height: 80px;*/ /*padding-top: 0;*/ /*background-size: 75%;*/ /*}*/ } .gecko .loader-background { top: 46px; left: -3px; } .loader-fallback { display: none; } .win-ie .loader-fallback { display: inline-block; margin-top: 110px; } .win-ie .loader-control { display: none; } /* HOVER FOCUS */ .hover-focus .hf-item, .hover-focus .menu li > a { /*-webkit-transition: opacity .2s ease-out!important;*/ /*-moz-transition: opacity .2s ease-out!important;*/ /*transition: opacity .2s ease-out!important;*/ } .hover-focus:hover .hf-item, .hover-focus:hover .menu li > a { /*opacity: 0.4!important;*/ } .hover-focus:hover .hf-item:hover, .hover-focus:hover li:hover > a { /*opacity: 1!important;*/ } .hover-focus .slider .slider-option { /*-webkit-transition: opacity .2s ease-out!important;*/ /*-moz-transition: opacity .2s ease-out!important;*/ /*transition: opacity .2s ease-out!important;*/ } .hover-focus .slider .slider-options:hover .slider-option { /*opacity: 0.3!important;*/ } .hover-focus .slider .slider-options:hover .slider-option:hover { /*opacity: 1!important;*/ } /* HOVER SCALE */ .hover-scale { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .hover-scale:hover { /*transform: scale(1.05);*/ } .hover-shadow:hover { /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);*/ } /* HERO HELPERS */ .peek-sizer { display: block; position: absolute; height: 60px; } .scroll-hinter { /*position: absolute;*/ top: -110px; left: 0; /*width: 100%;*/ /*text-align: center;*/ /*display: inline-block;*/ } /* HERO CAPTION */ .hero-caption { position: absolute; padding: 0 60px; bottom: 0; } .hero-caption h1 { font-size: 36px; margin: 0; } .hero-caption .container, .hero-caption .max-w-auto { padding: 30px 0; } /* PAGE LINKS */ .page-link { display: inline-block; font-weight: 500; font-size: 12px; text-transform: uppercase; padding: 8px 13px; margin-top: 10px; } .page-link, .page-link:visited { color: #606060; } .page-link:first-of-type { margin-left: -13px; } .page-link:hover { background: rgba(0,0,0,0.025); } .page-link:after { color: #959fdc; font-family: FontAwesome; content: '\f061'; font-size: 10px; margin-left: 0.5em; position: relative; top: -1px; } .page-link.anchor-link { opacity: 0.8; margin-top: 0; } .page-link.anchor-link:after { content: '\f063'; /*content: none;*/ } .shadow-top { position: absolute; width: 100%; left: 0; top: 0; box-shadow: 0 -3px 5px 0 rgba(0,0,0,0.05); height: 60px; } @media only screen and (min-height:1000px) { /* HERO HELPERS */ .peek-sizer { height: 80px; } } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { /* Video Popup */ #popup-video .popup-container { width: 90%; max-width: 700px; } } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { /* HERO HELPERS */ .peek-sizer { height: 100px; } .scroll-hinter { top: -40px; display: none; } } @media only screen and (min-width: 767px) and (max-width: 959px) and (min-height: 767px) { /* HERO HELPERS */ .hero-peek { margin-top: -30px; margin-bottom: 30px; } .peek-sizer { height: 200px; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .fade-wrapper { padding: 0 30px; } .hero-slider .fade-wrapper { padding: 0; } /* HERO HELPERS */ .peek-sizer { height: 60px; } .hero-content { padding-top: 0; } .scroll-hinter { top: -60px; } .hero-caption { padding: 0 30px; } /* EZ-TILE */ .ez-tile { padding: 15px 15px 45px; /*background: white;*/ display: inline-block; margin-bottom: 90px; background: rgba(74,92,97,0.5); position: relative; } a.ez-tile { font-weight: 300; max-width: 480px; margin-left: auto; margin-right: auto; } .service-tiles a.ez-tile > p { max-width: 26em; margin-left: auto; margin-right: auto; } .ez-tile .service-tile-icon { display: inline-block; /*margin: -20px -15px 0 0;*/ position: relative; width: 125px; height: 60px; } .ez-tile .service-tile-icon img { /*position: absolute;*/ /*margin-top: -50px;*/ } /* META-GROUP TILES*/ .meta-group-tiles .tiles-wrap { /*margin-bottom: -90px;*/ } .ez-tile { margin-bottom: 30px; padding: 45px 15px; } /* MISC */ .mobile-col.width-phi-lrg { width: 100%; } .gradient-shadow { /*background: #30d3b8; !* Old browsers *!*/ background: -moz-linear-gradient(180deg, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(180deg, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.4)', endColorstr='rgba(0,0,0,0)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background: rgba(0,0,0,0.4); } /* SIDE-BAR LAYOUT */ .sidebar-row .content-col, .sidebar-row .sidebar-col { padding: 0 15px; } .sidebar-layout .entry-content { text-align: center; max-width: 25em; margin: 0 auto; } .sidebar-row .content-col:nth-last-child(2), .sidebar-row .sidebar-col:nth-last-child(2) { border-right: none; } .sidebar-img{ max-width: 300px; width: 60% } #main .sidebar-col:first-child{ padding-bottom: 0; margin-bottom: -60px; } #main .sidebar-row .entry-content { /*padding-bottom: 0;*/ } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } @media only screen and (max-width: 400px){ .popup .header-wrap { overflow: hidden; height: 1.5em; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* ================================================ */ /* BS "EXTENSIONS" */ /* ================================================ */ /* Utils */ /* ---------------------------------------------- */ .table-layout-fixed { table-layout: fixed; } /* - BS _navigation /* ---------------------------------------------- */ .text-white .breadcrumb-item.active { color: #b4c6d0; } /* - BS _spacing /* ---------------------------------------------- */ .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } /* -- Bootstrap EXTENSION (start) ---- */ .p-6 { padding: 4.5rem !important; } .pt-6, .py-6 { padding-top: 4.5rem !important; } .pr-6, .px-6 { padding-right: 4.5rem !important; } .pb-6, .py-6 { padding-bottom: 4.5rem !important; } .pl-6, .px-6 { padding-left: 4.5rem !important; } /* -- Bootstrap EXTENSION (end) ---- */ .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } /* -- Bootstrap EXTENSION (start) ---- */ .m-6 { margin: 4.5rem !important; } .mt-6, .my-6 { margin-top: 4.5rem !important; } .mr-6, .mx-6 { margin-right: 4.5rem !important; } .mb-6, .my-6 { margin-bottom: 4.5rem !important; } .ml-6, .mx-6 { margin-left: 4.5rem !important; } /* -- Bootstrap EXTENSION (end) ---- */ .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } /* -- BS _spacing (responsive) */ @media (min-width: 480px) { .m-mp-0 { margin: 0 !important; } .mt-mp-0, .my-mp-0 { margin-top: 0 !important; } .mr-mp-0, .mx-mp-0 { margin-right: 0 !important; } .mb-mp-0, .my-mp-0 { margin-bottom: 0 !important; } .ml-mp-0, .mx-mp-0 { margin-left: 0 !important; } .m-mp-1 { margin: 0.25rem !important; } .mt-mp-1, .my-mp-1 { margin-top: 0.25rem !important; } .mr-mp-1, .mx-mp-1 { margin-right: 0.25rem !important; } .mb-mp-1, .my-mp-1 { margin-bottom: 0.25rem !important; } .ml-mp-1, .mx-mp-1 { margin-left: 0.25rem !important; } .m-mp-2 { margin: 0.5rem !important; } .mt-mp-2, .my-mp-2 { margin-top: 0.5rem !important; } .mr-mp-2, .mx-mp-2 { margin-right: 0.5rem !important; } .mb-mp-2, .my-mp-2 { margin-bottom: 0.5rem !important; } .ml-mp-2, .mx-mp-2 { margin-left: 0.5rem !important; } .m-mp-3 { margin: 1rem !important; } .mt-mp-3, .my-mp-3 { margin-top: 1rem !important; } .mr-mp-3, .mx-mp-3 { margin-right: 1rem !important; } .mb-mp-3, .my-mp-3 { margin-bottom: 1rem !important; } .ml-mp-3, .mx-mp-3 { margin-left: 1rem !important; } .m-mp-4 { margin: 1.5rem !important; } .mt-mp-4, .my-mp-4 { margin-top: 1.5rem !important; } .mr-mp-4, .mx-mp-4 { margin-right: 1.5rem !important; } .mb-mp-4, .my-mp-4 { margin-bottom: 1.5rem !important; } .ml-mp-4, .mx-mp-4 { margin-left: 1.5rem !important; } .m-mp-5 { margin: 3rem !important; } .mt-mp-5, .my-mp-5 { margin-top: 3rem !important; } .mr-mp-5, .mx-mp-5 { margin-right: 3rem !important; } .mb-mp-5, .my-mp-5 { margin-bottom: 3rem !important; } .ml-mp-5, .mx-mp-5 { margin-left: 3rem !important; } .p-mp-0 { padding: 0 !important; } .pt-mp-0, .py-mp-0 { padding-top: 0 !important; } .pr-mp-0, .px-mp-0 { padding-right: 0 !important; } .pb-mp-0, .py-mp-0 { padding-bottom: 0 !important; } .pl-mp-0, .px-mp-0 { padding-left: 0 !important; } .p-mp-1 { padding: 0.25rem !important; } .pt-mp-1, .py-mp-1 { padding-top: 0.25rem !important; } .pr-mp-1, .px-mp-1 { padding-right: 0.25rem !important; } .pb-mp-1, .py-mp-1 { padding-bottom: 0.25rem !important; } .pl-mp-1, .px-mp-1 { padding-left: 0.25rem !important; } .p-mp-2 { padding: 0.5rem !important; } .pt-mp-2, .py-mp-2 { padding-top: 0.5rem !important; } .pr-mp-2, .px-mp-2 { padding-right: 0.5rem !important; } .pb-mp-2, .py-mp-2 { padding-bottom: 0.5rem !important; } .pl-mp-2, .px-mp-2 { padding-left: 0.5rem !important; } .p-mp-3 { padding: 1rem !important; } .pt-mp-3, .py-mp-3 { padding-top: 1rem !important; } .pr-mp-3, .px-mp-3 { padding-right: 1rem !important; } .pb-mp-3, .py-mp-3 { padding-bottom: 1rem !important; } .pl-mp-3, .px-mp-3 { padding-left: 1rem !important; } .p-mp-4 { padding: 1.5rem !important; } .pt-mp-4, .py-mp-4 { padding-top: 1.5rem !important; } .pr-mp-4, .px-mp-4 { padding-right: 1.5rem !important; } .pb-mp-4, .py-mp-4 { padding-bottom: 1.5rem !important; } .pl-mp-4, .px-mp-4 { padding-left: 1.5rem !important; } .p-mp-5 { padding: 3rem !important; } .pt-mp-5, .py-mp-5 { padding-top: 3rem !important; } .pr-mp-5, .px-mp-5 { padding-right: 3rem !important; } .pb-mp-5, .py-mp-5 { padding-bottom: 3rem !important; } .pl-mp-5, .px-mp-5 { padding-left: 3rem !important; } .m-mp-n1 { margin: -0.25rem !important; } .mt-mp-n1, .my-mp-n1 { margin-top: -0.25rem !important; } .mr-mp-n1, .mx-mp-n1 { margin-right: -0.25rem !important; } .mb-mp-n1, .my-mp-n1 { margin-bottom: -0.25rem !important; } .ml-mp-n1, .mx-mp-n1 { margin-left: -0.25rem !important; } .m-mp-n2 { margin: -0.5rem !important; } .mt-mp-n2, .my-mp-n2 { margin-top: -0.5rem !important; } .mr-mp-n2, .mx-mp-n2 { margin-right: -0.5rem !important; } .mb-mp-n2, .my-mp-n2 { margin-bottom: -0.5rem !important; } .ml-mp-n2, .mx-mp-n2 { margin-left: -0.5rem !important; } .m-mp-n3 { margin: -1rem !important; } .mt-mp-n3, .my-mp-n3 { margin-top: -1rem !important; } .mr-mp-n3, .mx-mp-n3 { margin-right: -1rem !important; } .mb-mp-n3, .my-mp-n3 { margin-bottom: -1rem !important; } .ml-mp-n3, .mx-mp-n3 { margin-left: -1rem !important; } .m-mp-n4 { margin: -1.5rem !important; } .mt-mp-n4, .my-mp-n4 { margin-top: -1.5rem !important; } .mr-mp-n4, .mx-mp-n4 { margin-right: -1.5rem !important; } .mb-mp-n4, .my-mp-n4 { margin-bottom: -1.5rem !important; } .ml-mp-n4, .mx-mp-n4 { margin-left: -1.5rem !important; } .m-mp-n5 { margin: -3rem !important; } .mt-mp-n5, .my-mp-n5 { margin-top: -3rem !important; } .mr-mp-n5, .mx-mp-n5 { margin-right: -3rem !important; } .mb-mp-n5, .my-mp-n5 { margin-bottom: -3rem !important; } .ml-mp-n5, .mx-mp-n5 { margin-left: -3rem !important; } .m-mp-auto { margin: auto !important; } .mt-mp-auto, .my-mp-auto { margin-top: auto !important; } .mr-mp-auto, .mx-mp-auto { margin-right: auto !important; } .mb-mp-auto, .my-mp-auto { margin-bottom: auto !important; } .ml-mp-auto, .mx-mp-auto { margin-left: auto !important; } } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } /* -- Bootstrap EXTENSION (start) ---- */ .m-sm-6 { margin: 4.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 4.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 4.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 4.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 4.5rem !important; } /* -- Bootstrap EXTENSION (end) ---- */ .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } /* -- Bootstrap EXTENSION (start) ---- */ .p-sm-6 { padding: 4.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 4.5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 4.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 4.5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 4.5rem !important; } /* -- Bootstrap EXTENSION (end) ---- */ .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } /* -- Bootstrap EXTENSION (start) ---- */ .m-md-6 { margin: 4.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 4.5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 4.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 4.5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 4.5rem !important; } /* -- Bootstrap EXTENSION (end) ---- */ .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } /* -- Bootstrap EXTENSION (start) ---- */ .p-md-6 { padding: 4.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 4.5rem !important; } .pr-md-6, .px-md-6 { padding-right: 4.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 4.5rem !important; } .pl-md-6, .px-md-6 { padding-left: 4.5rem !important; } /* -- Bootstrap EXTENSION (end) ---- */ .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } /* -- Bootstrap EXTENSION (start) ---- */ .m-lg-6 { margin: 4.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 4.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 4.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 4.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 4.5rem !important; } /* -- Bootstrap EXTENSION (end) ---- */ .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } /* -- Bootstrap EXTENSION (start) ---- */ .p-lg-6 { padding: 4.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 4.5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 4.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 4.5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 4.5rem !important; } /* -- Bootstrap EXTENSION (end) ---- */ .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media only screen and (min-width:1025px) { /* use as needed */ } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .m-xl-6 { margin: 4.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 4.5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 4.5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 4.5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 4.5rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 4.5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 4.5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 4.5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 4.5rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } /* ==================== */ /* Core Theme UTILITIES */ /* ==================== */ /* MISC Utils */ /* ---------------------------------------------- */ .circle-crop { border-radius: 50%; overflow: hidden; } #global-wrapper .disabled { opacity: 0.4; cursor: default; pointer-events: none; } .cursor-pointer {cursor: pointer;} .opacity-50 {opacity: 50%;} /* BG Image Mods */ /* ---------------------------------------------- */ .bg-cover { background-size: cover!important; background-position: center center!important; /*background-color: rgba(0,0,0,0.5);*/ } .bg-top { background-position-y: top!important; } .bg-bottom { background-position-y: bottom!important; } @media only screen and (min-width: 1160px) { .bg-p-xl-center-center { background-position: center center; } .bg-p-xl-center-75 { background-position: center 75% !important; } .bg-p-xl-center-25 { background-position: center 25% !important; } } /* PADDING */ /* ---------------------------------------------- */ .pt-phi { padding-top: calc(100% * 5/8); } .pb-phi { padding-bottom: calc(100% * 5/8); } /* BACKGROUNDS */ /* ---------------------------------------------- */ .bg-grey-2 { background: #fbfbfb; } .bg-grey-5 { background: #f2f2f2; } .bg-grey-10 { background: #e5e5e5; } .bg-grey-25 { background: #c0c0c0; } .bg-grey-50 { background: #808080; } .bg-grey-65 { background: #595959; } .bg-grey-75 { background: #404040; } .bg-grey-85 { background: #262626; } .bg-grey-90 { background: #1a1a1a; } .bg-grey-95 { background: #111111; } /* Gradients */ .bg-grey-90-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1eb097+0,0db7bd+100 */ background: #1a1a1a; /* Old browsers */ background: -webkit-radial-gradient(rgba(0,0,0,0.1), transparent), -moz-linear-gradient(45deg, #1a1a1a 0%, #111111 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(rgba(0,0,0,0.1), transparent), -webkit-linear-gradient(45deg, #1a1a1a 0%,#111111 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(rgba(0,0,0,0.1), transparent), linear-gradient(45deg, #1a1a1a 0%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#111111',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bg-white-90 { background: rgba(255,255,255,0.9); } .bg-white-80 { background: rgba(255,255,255,0.8); } .bg-white-75 { background: rgba(255,255,255,0.75); } .bg-white-60 { background: rgba(255,255,255,0.6); } .bg-white-50 { background: rgba(255,255,255,0.5); } .bg-white-25 { background: rgba(255,255,255,0.25); } .bg-white-20 { background: rgba(255,255,255,0.2); } .bg-white-10 { background: rgba(255,255,255,0.1); } .bg-black-90 { background: rgba(0,0,0,0.9); } .bg-black-80 { background: rgba(0,0,0,0.8); } .bg-black-70 { background: rgba(0,0,0,0.7); } .bg-black-75 { background: rgba(0,0,0,0.75); } .bg-black-60 { background: rgba(0,0,0,0.6); } .bg-black-50 { background: rgba(0,0,0,0.5); } .bg-black-40 { background: rgba(0,0,0,0.4); } .bg-black-30 { background: rgba(0,0,0,0.3); } .bg-black-25 { background: rgba(0,0,0,0.25); } .bg-black-20 { background: rgba(0,0,0,0.2); } .bg-black-10 { background: rgba(0,0,0,0.1); } .bg-black-05 { background: rgba(0,0,0,0.05); } /* BORDERS */ /* ---------------------------------------------- */ .b-grey-10 { border-color: #e5e5e5 !important; } .b-grey-25 { border-color: #c0c0c0 !important; } .b-grey-50 { border-color: #808080 !important; } .b-grey-65 { border-color: #595959 !important; } .b-grey-75 { border-color: #404040 !important; } .b-grey-80 { border-color: #333333 !important; } .b-white { border-color: rgba(255,255,255,1)!important; } .b-white-90 { border-color: rgba(255,255,255,0.9)!important; } .b-white-80 { border-color: rgba(255,255,255,0.8)!important; } .b-white-75 { border-color: rgba(255,255,255,0.75)!important; } .b-white-60 { border-color: rgba(255,255,255,0.6)!important; } .b-white-50 { border-color: rgba(255,255,255,0.5)!important; } .b-white-25 { border-color: rgba(255,255,255,0.25)!important; } .b-white-20 { border-color: rgba(255,255,255,0.2)!important; } .b-white-10 { border-color: rgba(255,255,255,0.1)!important; } .b-black { border-color: rgba(0,0,0,1)!important; } .b-black-90 { border-color: rgba(0,0,0,0.9)!important; } .b-black-80 { border-color: rgba(0,0,0,0.8)!important; } .b-black-75 { border-color: rgba(0,0,0,0.75)!important; } .b-black-60 { border-color: rgba(0,0,0,0.6)!important; } .b-black-50 { border-color: rgba(0,0,0,0.5)!important; } .b-black-25 { border-color: rgba(0,0,0,0.25)!important; } .b-black-20 { border-color: rgba(0,0,0,0.2)!important; } .b-black-10 { border-color: rgba(0,0,0,0.1)!important; } .b-black-05 { border-color: rgba(0,0,0,0.05)!important; } .border-solid { border-style: solid !important; } .border-1 { border-width: 1px!important; border-top-style: none;} .border-2 { border-width: 2px!important; border-top-style: none;} .border-3 { border-width: 3px!important; border-top-style: none;} .border-4 { border-width: 4px!important; border-top-style: none;} .border-5 { border-width: 5px!important; border-top-style: none;} .border-0 { border-top-width: 0px !important; border-bottom-width: 0px !important; border-top-style: none; border-bottom-style: none; border-left-width: 0px !important; border-right-width: 0px !important; border-left-style: none; border-right-style: none; } .border-top { /*border-top-width: 1px !important;*/ border-top-style: solid; } .border-bottom { /*border-bottom-width: 1px !important;*/ border-bottom-style: solid; } .border-left { /*border-left-width: 1px !important;*/ border-left-style: solid; } .border-right { /*border-right-width: 1px !important;*/ border-right-style: solid; } .border-top-solid { border-top-style: solid !important; } .border-bottom-solid { border-bottom-style: solid !important; } .border-left-solid { border-left-style: solid !important; } .border-right-solid { border-right-style: solid !important; } .border-top-0 { border-top-width: 0px !important; border-top-style: none; } .border-bottom-0 { border-bottom-width: 0px !important; border-bottom-style: none; } .border-left-0 { border-left-width: 0px !important; border-left-style: none; } .border-right-0 { border-right-width: 0px !important; border-right-style: none; } .border-y-0 { border-top-width: 0px !important; border-bottom-width: 0px !important; border-top-style: none; border-bottom-style: none; } .border-x-0 { border-left-width: 0px !important; border-right-width: 0px !important; border-left-style: none; border-right-style: none; } @media only screen and (min-width: 576px) { .border-sm-top { border-top-width: 1px !important; border-top-style: solid; } .border-sm-bottom { border-bottom-width: 1px !important; border-bottom-style: solid; } .border-sm-left { border-left-width: 1px !important; border-left-style: solid; } .border-sm-right { border-right-width: 1px !important; border-right-style: solid; } } @media only screen and (min-width: 768px) { .border-md-top { border-top-width: 1px !important; border-top-style: solid; } .border-md-bottom { border-bottom-width: 1px !important; border-bottom-style: solid; } .border-md-left { border-left-width: 1px !important; border-left-style: solid; } .border-md-right { border-right-width: 1px !important; border-right-style: solid; } } /* Custom WIDTH Utils */ /* ---------------------------------------------- */ .width-2 { width: 50% !important; } .width-3 { width: 33.33% !important; } .width-4 { width: 25% !important; } .width-5 { width: 20% !important; } .width-6 { width: 16.66% !important; } .width-7 { width: 14.28% !important; } .width-8 { width: 12.5% !important; } .width-9 { width: 11.11% !important; } .width-10 { width: 10% !important; } .width-11 { width: 9.0909% !important; } .width-12 { width: 8.33% !important; } .width-phi-lrg { width: 61.8% !important; } .width-phi-sml { width: 38.2% !important; } .width-50 { width:50px !important; } .width-100 { width:100px !important; } .width-150 { width:150px !important; } .width-180 { width:180px !important; } .width-200 { width:200px !important; } .width-250 { width:250px !important; } .width-300 { width:300px !important; } .width-350 { width:350px !important; } .width-400 { width:400px !important; } .width-450 { width:450px !important; } .width-500 { width:500px !important; } .width-550 { width:550px !important; } .width-600 { width:600px !important; } .width-650 { width:650px !important; } .width-700 { width:700px !important; } .width-750 { width:750px !important; } .width-800 { width:800px !important; } .width-850 { width:850px !important; } .max-w-50 { max-width:50px !important; } .max-w-100 { max-width:100px !important; } .max-w-125 { max-width:125px !important; } .max-w-150 { max-width:150px !important; } .max-w-180 { max-width:180px !important; } .max-w-200 { max-width:200px !important; } .max-w-250 { max-width:250px !important; } .max-w-300 { max-width:300px !important; } .max-w-350 { max-width:350px !important; } .max-w-400 { max-width:400px !important; } .max-w-450 { max-width:450px !important; } .max-w-500 { max-width:500px !important; } .max-w-550 { max-width:550px !important; } .max-w-600 { max-width:600px !important; } .max-w-650 { max-width:650px !important; } .max-w-700 { max-width:700px !important; } .max-w-750 { max-width:750px !important; } .max-w-800 { max-width:800px !important; } .max-w-850 { max-width:850px !important; } .max-w-900 { max-width:900px !important; } .max-w-950 { max-width:950px !important; } .max-w-1000 { max-width:1000px !important; } .max-w-1050 { max-width:1050px !important; } .max-w-1100 { max-width:1100px !important; } .max-w-25perc { max-width:25% !important; } .max-w-33perc { max-width:33% !important; } .max-w-50perc { max-width:50% !important; } .max-w-66perc { max-width:66% !important; } .max-w-75perc { max-width:75% !important; } .max-w-80perc { max-width:80% !important; } .max-w-100perc { max-width:100% !important; } .max-w-6em { max-width:6em !important; } .max-w-8em { max-width:8em !important; } .max-w-10em { max-width:10em !important; } .max-w-12em { max-width:12em !important; } .max-w-14em { max-width:14em !important; } .max-w-16em { max-width:16em !important; } .max-w-18em { max-width:18em !important; } .max-w-20em { max-width:20em !important; } .max-w-25em { max-width:25em !important; } .max-w-30em { max-width:30em !important; } .max-w-35em { max-width:35em !important; } .max-w-40em { max-width:40em !important; } .max-w-45em { max-width:45em !important; } .max-w-50em { max-width:50em !important; } /* THE Grid */ /* ---------------------------------------------- */ /* rows */ .ez-row { width: 100%; display: table; } /* columns */ .ez-col { display: table-cell; vertical-align: middle; } /* BS - ovverride todo figure out what you actually need & move to override or extensions */ /* ---------------------------------------------- */ .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .min-vh-75 { min-height: 75vh !important; } .min-vh-50 { min-height: 50vh !important; } .vw-100 { width: 100vw !important; } @media (min-width: 400px) { .w-xs-25 { width: 25% !important; } .w-xs-50 { width: 50% !important; } .w-xs-75 { width: 75% !important; } .w-xs-100 { width: 100% !important; } .w-xs-auto { width: auto !important; } .width-xs-50 { width: 50px; } .width-xs-100 { width: 100px !important; } .width-xs-150 { width: 150px !important; } .width-xs-180 { width: 180px !important; } .width-xs-200 { width: 200px !important; } .width-xs-250 { width: 250px !important; } .width-xs-300 { width: 300px !important; } .width-xs-350 { width: 350px !important; } .width-xs-400 { width: 400px !important; } .width-xs-450 { width: 450px !important; } .width-xs-500 { width: 500px !important; } .width-xs-550 { width: 550px !important; } .width-xs-600 { width: 600px !important; } .width-xs-650 { width: 650px !important; } .width-xs-700 { width: 700px !important; } .width-xs-750 { width: 750px !important; } .width-xs-800 { width: 800px !important; } .width-xs-850 { width: 850px !important; } .width-xs-2 { width: 50% !important; } .width-xs-3 { width: 33.33% !important; } .width-xs-4 { width: 25% !important; } .width-xs-5 { width: 20% !important; } .width-xs-6 { width: 16.66% !important; } .width-xs-7 { width: 14.28% !important; } .width-xs-8 { width: 12.5% !important; } .width-xs-9 { width: 11.11% !important; } .width-xs-10 { width: 10% !important; } .width-xs-11 { width: 9.0909% !important; } .width-xs-12 { width: 8.33% !important; } .width-xs-phi-lrg { width: 61.8% !important; } .width-xs-phi-sml { width: 38.2% !important; } } @media (min-width: 576px) { .w-sm-25 { width: 25% !important; } .w-sm-50 { width: 50% !important; } .w-sm-75 { width: 75% !important; } .w-sm-100 { width: 100% !important; } .w-sm-auto { width: auto !important; } .width-sm-50 { width: 50px !important; } .width-sm-100 { width: 100px !important; } .width-sm-150 { width: 150px !important; } .width-sm-180 { width: 180px !important; } .width-sm-200 { width: 200px !important; } .width-sm-250 { width: 250px !important; } .width-sm-300 { width: 300px !important; } .width-sm-350 { width: 350px !important; } .width-sm-400 { width: 400px !important; } .width-sm-450 { width: 450px !important; } .width-sm-500 { width: 500px !important; } .width-sm-550 { width: 550px !important; } .width-sm-600 { width: 600px !important; } .width-sm-650 { width: 650px !important; } .width-sm-700 { width: 700px !important; } .width-sm-750 { width: 750px !important; } .width-sm-800 { width: 800px !important; } .width-sm-850 { width: 850px !important; } .width-sm-2 { width: 50% !important; } .width-sm-3 { width: 33.33% !important; } .width-sm-4 { width: 25% !important; } .width-sm-5 { width: 20% !important; } .width-sm-6 { width: 16.66% !important; } .width-sm-7 { width: 14.28% !important; } .width-sm-8 { width: 12.5% !important; } .width-sm-9 { width: 11.11% !important; } .width-sm-10 { width: 10% !important; } .width-sm-11 { width: 9.0909% !important; } .width-sm-12 { width: 8.33% !important; } .width-sm-phi-lrg { width: 61.8% !important; } .width-sm-phi-sml { width: 38.2% !important; } } @media (min-width: 768px) { .w-md-25 { width: 25% !important; } .w-md-50 { width: 50% !important; } .w-md-75 { width: 75% !important; } .w-md-100 { width: 100% !important; } .w-md-auto { width: auto !important; } .width-md-50 { width: 50px !important; } .width-md-100 { width: 100px !important; } .width-md-150 { width: 150px !important; } .width-md-180 { width: 180px !important; } .width-md-200 { width: 200px !important; } .width-md-250 { width: 250px !important; } .width-md-300 { width: 300px !important; } .width-md-350 { width: 350px !important; } .width-md-400 { width: 400px !important; } .width-md-450 { width: 450px !important; } .width-md-500 { width: 500px !important; } .width-md-550 { width: 550px !important; } .width-md-600 { width: 600px !important; } .width-md-650 { width: 650px !important; } .width-md-700 { width: 700px !important; } .width-md-750 { width: 750px !important; } .width-md-800 { width: 800px !important; } .width-md-850 { width: 850px !important; } .width-md-auto { width: auto !important; } .width-md-2 { width: 50% !important; } .width-md-3 { width: 33.33% !important; } .width-md-4 { width: 25% !important; } .width-md-5 { width: 20% !important; } .width-md-6 { width: 16.66% !important; } .width-md-7 { width: 14.28% !important; } .width-md-8 { width: 12.5% !important; } .width-md-9 { width: 11.11% !important; } .width-md-10 { width: 10% !important; } .width-md-11 { width: 9.0909% !important; } .width-md-12 { width: 8.33% !important; } .width-md-phi-lrg { width: 61.8% !important; } .width-md-phi-sml { width: 38.2% !important; } } @media (min-width: 992px) { .w-md-25 { width: 25% !important; } .w-md-50 { width: 50% !important; } .w-md-75 { width: 75% !important; } .w-md-100 { width: 100% !important; } .w-md-auto { width: auto !important; } .width-lg-50 { width: 50px !important; } .width-lg-100 { width: 100px !important; } .width-lg-150 { width: 150px !important; } .width-lg-180 { width: 180px !important; } .width-lg-200 { width: 200px !important; } .width-lg-250 { width: 250px !important; } .width-lg-300 { width: 300px !important; } .width-lg-350 { width: 350px !important; } .width-lg-400 { width: 400px !important; } .width-lg-450 { width: 450px !important; } .width-lg-500 { width: 500px !important; } .width-lg-550 { width: 550px !important; } .width-lg-600 { width: 600px !important; } .width-lg-650 { width: 650px !important; } .width-lg-700 { width: 700px !important; } .width-lg-750 { width: 750px !important; } .width-lg-800 { width: 800px !important; } .width-lg-850 { width: 850px !important; } .width-lg-auto { width: auto !important; } .width-lg-2 { width: 50% !important; } .width-lg-3 { width: 33.33% !important; } .width-lg-4 { width: 25% !important; } .width-lg-5 { width: 20% !important; } .width-lg-6 { width: 16.66% !important; } .width-lg-7 { width: 14.28% !important; } .width-lg-8 { width: 12.5% !important; } .width-lg-9 { width: 11.11% !important; } .width-lg-10 { width: 10% !important; } .width-lg-11 { width: 9.0909% !important; } .width-lg-12 { width: 8.33% !important; } .width-lg-phi-lrg { width: 61.8% !important; } .width-lg-phi-sml { width: 38.2% !important; } } .vh-25 { height: 25vh !important; } .vh-33 { height: 33vh !important; } .vh-50 { height: 50vh !important; } .vh-60 { height: 60vh !important; } .vh-75 { height: 75vh !important; } .vh-90 { height: 90vh !important; } .vh-100 { height: 100vh !important; } .vh-25-min { min-height: 25vh !important; } .vh-33-min { min-height: 33vh !important; } .vh-50-min { min-height: 50vh !important; } .vh-66-min { min-height: 66vh !important; } .vh-75-min { min-height: 75vh !important; } .vh-90-min { min-height: 90vh !important; } .vh-100-min { min-height: 100vh !important; } .vh-phi-sm { height: 37.8vh !important; } .vh-phi-lg { height: 62.9vh !important; } .vh-phi-sm-min { min-height: 37.8vh !important; } .vh-phi-lg-min { min-height: 62.9vh !important; } @media (min-width: 576px) { .vh-sm-25 { height: 25vh !important; } .vh-sm-33 { height: 33vh !important; } .vh-sm-50 { height: 50vh !important; } .vh-sm-60 { height: 60vh !important; } .vh-sm-75 { height: 75vh !important; } .vh-sm-90 { height: 90vh !important; } .vh-sm-100 { height: 100vh !important; } .vh-sm-25-min { min-height: 25vh !important; } .vh-sm-33-min { min-height: 33vh !important; } .vh-sm-50-min { min-height: 50vh !important; } .vh-sm-66-min { min-height: 66vh !important; } .vh-sm-75-min { min-height: 75vh !important; } .vh-sm-90-min { min-height: 90vh !important; } .vh-sm-100-min { min-height: 100vh !important; } .vh-sm-phi-sm { height: 37.8vh !important; } .vh-sm-phi-lg { height: 62.9vh !important; } .vh-sm-phi-sm-min { min-height: 37.8vh !important; } .vh-sm-phi-lg-min { min-height: 62.9vh !important; } } @media (min-width: 768px) { .w-md-auto { width: auto !important} .vh-md-25 { height: 25vh !important; } .vh-md-33 { height: 33vh !important; } .vh-md-50 { height: 50vh !important; } .vh-md-60 { height: 60vh !important; } .vh-md-75 { height: 75vh !important; } .vh-md-90 { height: 90vh !important; } .vh-md-100 { height: 100vh !important; } .vh-md-25-min { min-height: 25vh !important; } .vh-md-33-min { min-height: 33vh !important; } .vh-md-50-min { min-height: 50vh !important; } .vh-md-66-min { min-height: 66vh !important; } .vh-md-75-min { min-height: 75vh !important; } .vh-md-90-min { min-height: 90vh !important; } .vh-md-100-min { min-height: 100vh !important; } .vh-md-phi-sm { height: 37.8vh !important; } .vh-md-phi-lg { height: 62.9vh !important; } .vh-md-phi-sm-min { min-height: 37.8vh !important; } .vh-md-phi-lg-min { min-height: 62.9vh !important; } } @media (min-width: 992px) { .vh-lg-25 { height: 25vh !important; } .vh-lg-33 { height: 33vh !important; } .vh-lg-50 { height: 50vh !important; } .vh-lg-60 { height: 60vh !important; } .vh-lg-75 { height: 75vh !important; } .vh-lg-90 { height: 90vh !important; } .vh-lg-100 { height: 100vh !important; } .vh-lg-25-min { min-height: 25vh !important; } .vh-lg-33-min { min-height: 33vh !important; } .vh-lg-50-min { min-height: 50vh !important; } .vh-lg-66-min { min-height: 66vh !important; } .vh-lg-75-min { min-height: 75vh !important; } .vh-lg-90-min { min-height: 90vh !important; } .vh-lg-100-min { min-height: 100vh !important; } .vh-lg-phi-sm { height: 37.8vh !important; } .vh-lg-phi-lg { height: 62.9vh !important; } .vh-lg-phi-sm-min { min-height: 37.8vh !important; } .vh-lg-phi-lg-min { min-height: 62.9vh !important; } } @media only screen and (min-width:1025px) { .vh-dt-lg-25 { height: 25vh !important; } .vh-dt-lg-33 { height: 33vh !important; } .vh-dt-lg-50 { height: 50vh !important; } .vh-dt-lg-60 { height: 60vh !important; } .vh-dt-lg-75 { height: 75vh !important; } .vh-dt-lg-90 { height: 90vh !important; } .vh-dt-lg-100 { height: 100vh !important; } .vh-dt-25-min { min-height: 25vh !important; } .vh-dt-33-min { min-height: 33vh !important; } .vh-dt-50-min { min-height: 50vh !important; } .vh-dt-66-min { min-height: 66vh !important; } .vh-dt-75-min { min-height: 75vh !important; } .vh-dt-90-min { min-height: 90vh !important; } .vh-dt-100-min { min-height: 100vh !important; } .vh-dt-phi-sm { height: 37.8vh !important; } .vh-dt-phi-lg { height: 62.9vh !important; } .vh-dt-phi-sm-min { height: 37.8vh !important; } .vh-dt-phi-lg-min { height: 62.9vh !important; } } @media only screen and (min-width:1160px) { .vh-xl-lg-25 { height: 25vh !important; } .vh-xl-lg-33 { height: 33vh !important; } .vh-xl-lg-50 { height: 50vh !important; } .vh-xl-lg-60 { height: 60vh !important; } .vh-xl-lg-75 { height: 75vh !important; } .vh-xl-lg-90 { height: 90vh !important; } .vh-xl-lg-100 { height: 100vh !important; } .vh-xl-25-min { min-height: 25vh !important; } .vh-xl-33-min { min-height: 33vh !important; } .vh-xl-50-min { min-height: 50vh !important; } .vh-xl-66-min { min-height: 66vh !important; } .vh-xl-75-min { min-height: 75vh !important; } .vh-xl-90-min { min-height: 90vh !important; } .vh-xl-100-min { min-height: 100vh !important; } .vh-xl-phi-sm { height: 37.8vh !important; } .vh-xl-phi-lg { height: 62.9vh !important; } .vh-xl-phi-sm-min { min-height: 37.8vh !important; } .vh-xl-phi-lg-min { min-height: 62.9vh !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-center, .text-center * { text-align: center; } .text-right, .text-right * { text-align: right; } .text-left, .text-left * { text-align: left; } @media screen and (min-width: 480px) { .text-sm-left, .text-sm-left * { text-align: left; } .text-sm-center, .text-sm-center * { text-align: center; } .text-sm-right, .text-sm-right * { text-align: right; } } @media screen and (min-width: 768px) { .text-md-left, .text-md-left * { text-align: left; } .text-md-center, .text-md-center * { text-align: center; } .text-md-right, .text-md-right * { text-align: right; } } @media screen and (min-width: 1025px) { .text-lg-left, .text-lg-left * { text-align: left; } .text-lg-center, .text-lg-center * { text-align: center; } .text-lg-right, .text-lg-right * { text-align: right; } } @media screen and (min-width: 1440px) { .text-xl-left, .text-xl-left * { text-align: left; } .text-xl-center, .text-xl-center * { text-align: center; } .text-xl-right, .text-xl-right * { text-align: right; } } /* BORDER (override bootstrap styles to allow more flexibility & shorter css class strings */ /* ---------------------------------------------- */ /* -- border style */ .b-solid { border-style: solid!important; border-color: #dee2e6; border-width: 0; /* should be used in combination with utilities below */ } /* -- border width */ .b-1 { border-width: 1px !important; } .by-1, .bt-1 { border-top-width: 1px !important; } .bx-1, .br-1 { border-right-width: 1px !important; } .by-1, .bb-1 { border-bottom-width: 1px !important; } .bx-1, .bl-1 { border-left-width: 1px !important; } .b-md-0 { border: 0 !important; } .by-0, .bt-0 { border-top-width: 0 !important; } .bx-0, .br-0 { border-right-width: 0 !important; } .by-0, .bb-0 { border-bottom-width: 0 !important; } .bx-0, .bl-0 { border-left-width: 0 !important; } /* -- border width (responsive) */ @media only screen and (min-width: 576px){ /* use as needed */ } @media only screen and (min-width: 768px) { .b-md-1 { border-width: 1px !important; } .by-md-1, .bt-md-1 { border-top-width: 1px !important; } .bx-md-1, .br-md-1 { border-right-width: 1px !important; } .by-md-1, .bb-md-1 { border-bottom-width: 1px !important; } .bx-md-1, .bl-md-1 { border-left-width: 1px !important; } .b-md-0 { border: 0 !important; } .by-md-0, .bt-md-0 { border-top: 0 !important; } .bx-md-0, .br-md-0 { border-right: 0 !important; } .by-md-0, .bb-md-0 { border-bottom: 0 !important; } .bx-md-0, .bl-md-0 { border-left: 0 !important; } } @media only screen and (min-width: 992px) { /* use as needed */ } @media only screen and (min-width:1025px) { /* use as needed */ } @media only screen and (min-width:1160px) { /* use as needed */ } .v-align-top { vertical-align: top !important; } .v-align-middle { vertical-align: middle !important; } .v-align-bottom { vertical-align: bottom !important; } /* Opacity ----------------------------------- */ .opacity-0 { opacity: 0!important; } .opacity-5 { opacity: 0.05!important; } .opacity-10 { opacity: 0.1!important; } .opacity-15 { opacity: 0.15!important; } .opacity-20 { opacity: 0.2!important; } .opacity-25 { opacity: 0.25!important; } .opacity-30 { opacity: 0.3!important; } .opacity-35 { opacity: 0.35!important; } .opacity-40 { opacity: 0.4!important; } .opacity-45 { opacity: 0.45!important; } .opacity-50 { opacity: 0.5!important; } .opacity-55 { opacity: 0.55!important; } .opacity-60 { opacity: 0.6!important; } .opacity-65 { opacity: 0.65!important; } .opacity-70 { opacity: 0.7!important; } .opacity-75 { opacity: 0.75!important; } .opacity-80 { opacity: 0.8!important; } .opacity-85 { opacity: 0.85!important; } .opacity-90 { opacity: 0.9!important; } /*.transparency-grid {*/ /* background-image: url('/wp-content/themes/seed-child-jenrey/images/transparency-grid.jpg');*/ /* background-size: cover;*/ /*}*/ .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-inline-table { display: inline-table !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-sm-inline-table { display: inline-table !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-md-inline-table { display: inline-table !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-lg-inline-table { display: inline-table !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-xl-inline-table { display: inline-table !important; } } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /* Social icon font */ /*@font-face { font-family: 'icon-font--social'; src: url('/wp-content/themes/seed-child-jenrey/font/icon-font--social.eot?46968000'); src: url('/wp-content/themes/seed-child-jenrey/font/icon-font--social.eot?46968000#iefix') format('embedded-opentype'), url('/wp-content/themes/seed-child-jenrey/font/icon-font--social.woff2?46968000') format('woff2'), url('/wp-content/themes/seed-child-jenrey/font/icon-font--social.woff?46968000') format('woff'), url('/wp-content/themes/seed-child-jenrey/font/icon-font--social.ttf?46968000') format('truetype'), url('/wp-content/themes/seed-child-jenrey/font/icon-font--social.svg?46968000#icon-font--social') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'icon-font--social'; src: url('/wp-content/themes/seed-child-jenrey/font/icon-font--social.svg?46968000#icon-font--social') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icon-font--social"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-blogger:before { content: '\e800'; } /* '' */ .icon-twitter:before { content: '\e801'; } /* '' */ .icon-mail:before { content: '\e802'; } /* '' */ .icon-pinterest:before { content: '\e803'; } /* '' */ .icon-linkedin:before { content: '\e804'; } /* '' */ .icon-facebook-1:before { content: '\e805'; } /* '' */ .icon-mail-1:before { content: '\e806'; } /* '' */ .icon-pinterest-1:before { content: '\e807'; } /* '' */ .icon-tumbler:before { content: '\e808'; } /* '' */ .icon-vimeo:before { content: '\e809'; } /* '' */ .icon-twitter-circled:before { content: '\f057'; } /* '' */ .icon-twitter-1:before { content: '\f058'; } /* '' */ .icon-gplus-circled:before { content: '\f059'; } /* '' */ .icon-gplus:before { content: '\f05a'; } /* '' */ .icon-linkedin-circled:before { content: '\f05b'; } /* '' */ .icon-linkedin-1:before { content: '\f05c'; } /* '' */ .icon-instagram:before { content: '\f05d'; } /* '' */ .icon-instagram-circled:before { content: '\f05e'; } /* '' */ .icon-youtube:before { content: '\f167'; } /* '' */ .icon-facebook-3:before { content: '\f30c'; } /* '' */ .icon-facebook-squared:before { content: '\f30e'; } /* '' */ .icon-linkedin-3:before { content: '\f318'; } /* '' */ .icon-instagram-1:before { content: '\f32d'; } /* '' */*/ /* CONTROLS */ /*===========================================================*/ .header-block .logo { padding: 10px; } .header-block .logo img { max-width: 110px; } .header-block .menu { /*float: right;*/ /*!*position: relative;*!*/ } ul.menu { /*margin: 0;*/ /*display: inline-block;*/ } .header-block .menu li { /*display: inline-block;*/ /*list-style-type: none;*/ /*font-size: 16px;*/ /*margin: 0;*/ color: white; } .header-block .menu li > a { color: white; opacity: 0.6; padding: 21px 13px; } .header-block .logo img { width: auto; height: auto; max-width: 100%; } /*add to blank*/ .header-block .home-link-title { font-size: 30px; max-width: 14em; } /* FONT COLOURS */ /*---------------------------------------------- */ .header-block a { /*opacity: 0.7;*/ color: #444; } .header-block .menu > li > a { opacity: 0.7; } .alt-header .header-block .menu > li > a, .alt-header .mob-menu-trigger * { /*color: #444;*/ /*color: #fff;*/ opacity: 0.7; -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; transition: color .2s ease-out; } .header-block a, .alt-header .header-block.scroll-header .logo *, .alt-header .header-block.scroll-header .menu > li > a { /*color: #444;*/ /*color: #fff;*/ /*opacity: 0.7;*/ } .header-block .logo a { opacity: 1; } .alt-header #header.header-block .current-menu-ancestor > a, .alt-header #header.header-block .current-menu-item > a { /*color: #7381d3;*/ /*opacity: 1;*/ } /* Hover states & CTA, Sub-menu positioning */ /*---------------------------------------------- */ .header-block .menu li > a:hover, .header-block .menu li.current-menu-item > a, .header-block .menu li.current-menu-parent > a { opacity: 1; } .header-block.scroll-header .menu li.current-menu-item > a, .header-block.scroll-header .menu li.current-menu-parent > a { background: rgba(0,0,0,0.2); } .header-block .menu > li > .sub-menu, .header-block .sub-menu > li > .sub-menu { /*display: none;*/ /*margin: 0;*/ } .header-block .menu > li:hover > .sub-menu, .header-block .sub-menu > li:hover > .sub-menu { /*display: block;*/ /*position: absolute;*/ } /* Background colors (menu & sub-menu) */ /*---------------------------------------------- */ .header-block ul.menu { background: none; } .header-block .menu > li:hover > a, .header-block .menu > li > .sub-menu { background: rgba(0, 0, 0, 0.4); } .header-block .menu > li > .sub-menu { border-top: 1px solid rgba(31, 158, 217, 0.75); /*background: rgba(8, 30, 54, 0.9);*/ background: rgba(0,26,38,0.9); width: 300px; } .header-block .sub-menu > li { width: 100% } .header-block .sub-menu > li:hover > a, .header-block .sub-menu > li > .sub-menu { background: rgba(0, 0, 0, 0.4); } /* hide everything after the 3rd tier ---------------------------------------------- */ .header-block .sub-menu > li > .sub-menu > li > .sub-menu { /*display: none;*/ } /* Cart Link ---------------------------------------------- */ .header-block .ez-col.cart { /*width: 75px;*/ /*padding: 0 10px;*/ /*text-align: right;*/ } .header-block .ez-col.cart a:before{ /*font-family: 'themify';*/ /*content: "\e60d";*/ /*!*content: "\e60e";*!*/ /*font-size: 22px;*/ } /* Mobile Elements ---------------------------------------------- */ .header-block .mob-menu-trigger { /*width: 40px;*/ /*cursor: pointer;*/ /*padding: 0 10px;*/ color: white; } .icon--menu:before { font-family: 'themify'; /*content: "\e68e";*/ /*font-size: 22px;*/ } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { .header-block .logo{ /*padding-top: 10px;*/ /*padding-bottom: 10px;*/ } .header-block .menu > li > a { /*padding: 21px 21px;*/ } .header-block .menu > li > a { /*font-size: 18px;*/ } } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { .header-block .logo{ padding-top: 10px; padding-bottom: 10px; } .header-block .logo img { max-width: 90px; } } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ .header-block .logo img { max-width: 90px; } } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } .mob-menu-content.global-row { padding: 0; } /* Menu Header ---------------------------------------------- */ .mob-menu-header { /*display: table;*/ /*width: 100%;*/ /*padding: 5px 0;*/ } .mob-menu-close-btn { /*width: 40px;*/ /*padding: 0 10px;*/ /*cursor: pointer;*/ } .icon--close:before { /*font-family: 'themify';*/ /*content: "\e646";*/ /*font-size: 22px;*/ } /* Menu Styling ---------------------------------------------- */ #global-mob-menu .menu { /*height: 100%;*/ /*width: 100%;*/ } #global-mob-menu .wp-menu-container { /*display: table;*/ /*width: 100%;*/ } #global-mob-menu .menu ul { /*margin: 0 0 0 10px;*/ background: rgba(0,0,0,0.05); } #global-mob-menu .nav-menu li { border-top: 1px solid #ddd; } .nav-menu li.accordion a p { border: none; } /* The Tint ---------------------------------------------- */ .global-inner .tint { /*display: none;*/ /*background: rgba(0,0,0,0.6);*/ /*width: 0;*/ /*height: 0;*/ /*opacity: 0;*/ /*position: absolute;*/ /*z-index: 11;*/ /*pointer-events: none;*/ /*-webkit-transition: opacity .2s ease-out;*/ /*-moz-transition: opacity .2s ease-out;*/ /*transition: opacity .2s ease-out;*/ } #global-wrapper .tint.opacity { /*opacity: 0;*/ /*display: block;*/ } .mob-menu-open .global-inner .tint { /*pointer-events: all;*/ /*display: block;*/ /*opacity: 1;*/ /*width: 100%;*/ /*height: 100%;*/ } /* Cart Link ---------------------------------------------- */ #global-mob-menu .cart a { /*width: 100%;*/ /*text-align: right;*/ /*display: inline-block;*/ /*padding: 6px 10px;*/ /*border: 1px solid red;*/ } #global-mob-menu .cart a:before{ /*font-family: 'themify';*/ /*content: "\e60d";*/ /*font-size: 22px;*/ } #global-mob-menu .current-menu-item > a, #global-mob-menu .current-menu-ancestor > a { color: #024f72; } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { /* Menu Open */ /* ---------------------------------------------- */ /* - open : LEFT */ .mob-menu-open .global-inner { left: 38%; } #global-mob-menu { left: -38%; width: 38%; } /* - open : RIGHT */ .mob-menu-open #global-mob-menu.opens-right + .global-inner { left: unset; right: 38%; } #global-mob-menu.opens-right { left: unset; right: -38%; } /* Mobile Menu Header */ /* ---------------------------------------------- */ #global-mob-menu .logo { padding-top: 10px; padding-bottom: 10px; } } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { #global-mob-menu .logo img { width: auto; height: auto; max-width: 200px; } } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { /* Menu Open */ /* ---------------------------------------------- */ /* - open : LEFT */ .mob-menu-open .global-inner { left: 75%; } #global-mob-menu { left: -75%; width: 75%; } /* - open : RIGHT */ .mob-menu-open #global-mob-menu.opens-right + .global-inner { left: unset; left: initial; right: 75%; } #global-mob-menu.opens-right { left: unset; left: initial; right: -75%; width: 75%; } #global-mob-menu.opens-right .logo img { width: auto; height: auto; max-width: 180px; } /* Mobile Menu Header */ /* ---------------------------------------------- */ #global-mob-menu .logo { padding-top: 10px; padding-bottom: 5px; } .mob-menu-header { padding: 0; } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } /* BASE CTA */ .cta { display: inline-block; margin: 30px 0; } a.cta, .cta > * { border: none; border-radius: 10px; background: #1f9ed9; cursor: pointer; } a.cta, .cta > *, .cta a, .cta a:visited { color: white; text-transform: uppercase; font-weight: 600; font-size: 16px; /*padding: 13px 34px;*/ line-height: 18px; /*margin: 30px 0;*/ } a.cta:last-child, .cta:last-child > * { margin-bottom: 0; } input.cta { border-radius: 10px; } a.cta:hover , .cta:hover > *, .cta:hover > a, .cta a:hover, .cta:hover > a:visited { color: white; /*background: #1072a0;*/ } /* - hover wrap */ .cta .hover-wrap { padding: 13px 21px; /*border-radius: 10px;*/ /*border-radius: 8px;*/ /*background:rgba(0,0,0,0.0);*/ background: #1f9ed9; /*opacity: 0.7;*/ -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; transition: background .2s ease-out; } .ff3 .cta .hover-wrap { /*margin-top: -5px;*/ padding: 13px 34px 16px; } .cta:hover .hover-wrap, .text-white .cta-alt:hover .hover-wrap { background:rgba(0,0,0,0.05); opacity: 1; } .cta:hover .hover-wrap { background: #1072a0; } /* CTA ALTERNATIVE */ .cta-alt { opacity: 0.7; } a.cta.cta-alt { background: none; } a.cta-alt > *, .cta.cta-alt > *, .cta-alt > span { border: 1px solid #999; background: none; color: #999; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; } /* - hover wrap */ a.cta-alt:hover > * { border: 1px solid #111; /*background: none;*/ /*background: rgba(0,0,0,0.2);*/ /*color: #111;*/ } .cta-alt:hover, .cta-alt:hover .hover-wrap { opacity: 1; } .cta .the-embed { display: none; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ .cta .hover-wrap { padding: 13px 21px; } @-webkit-keyframes breathing { /*0% {*/ /*-webkit-transform: scale(1);*/ /*transform: scale(1);*/ /*!*padding: 13px 21px;*!*/ /*}*/ /*30% {*/ /*-webkit-transform: scale(1.05);*/ /*transform: scale(1.05);*/ /*!*padding: 18px 26px;*!*/ /*}*/ /*90% {*/ /*-webkit-transform: scale(1);*/ /*transform: scale(1);*/ /*!*padding: 13px 21px;*!*/ /*}*/ /*100% {*/ /*-webkit-transform: scale(1);*/ /*transform: scale(1);*/ /*!*padding: 13px 21px;*!*/ /*}*/ 0% { padding: 13px 21px; } 25% { padding: 18px 26px; } 90% { padding: 13px 21px; } 100% { padding: 13px 21px; } } @keyframes breathing { /*0% {*/ /*-webkit-transform: scale(1);*/ /*-ms-transform: scale(1);*/ /*transform: scale(1);*/ /*!*padding: 13px 21px;*!*/ /*}*/ /*30% {*/ /*-webkit-transform: scale(1.1);*/ /*-ms-transform: scale(1.1);*/ /*transform: scale(1.1);*/ /*!*padding: 18px 26px;*!*/ /*}*/ /*90% {*/ /*-webkit-transform: scale(1);*/ /*-ms-transform: scale(1);*/ /*transform: scale(1);*/ /*!*padding: 13px 21px;*!*/ /*}*/ /*100% {*/ /*-webkit-transform: scale(1);*/ /*-ms-transform: scale(1);*/ /*transform: scale(1);*/ /*!*padding: 13px 21px;*!*/ /*}*/ 0% { padding: 13px 21px; } 25% { padding: 18px 26px; } 90% { padding: 13px 21px; } 100% { padding: 13px 21px; } } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } #global-wrapper .sticky-div, #global-wrapper .breadcrumbs { /*background: grey;*/ } .breadcrumbs .bc-inner > * { /*background: grey;*/ /*display: inline-block;*/ font-size: 0.8em; padding: 5px 0; } #content-block .bc-inner { /*margin: 10px 0 10px;*/ } /* padding */ .header-block .sticky-div { padding-top: 0; padding-bottom: 0; } .content-block .sticky-div { padding-top: 0; padding-bottom: 0; } /* dividers */ .breadcrumbs .bc-split { width: 40px; text-align: center; } .breadcrumbs .bc-split:before { /*content: '>';*/ } .breadcrumbs .bc-split:last-child { display: none; } /* border-lines */ #global-wrapper #content-block .breadcrumbs { border-bottom: 1px solid #bbb; } #global-wrapper .header-block .breadcrumbs { border-top: 1px solid #bbb; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* .side-bar { border-right: 1px solid #bbb; } .side-bar + .ez-col #main { padding-left: 30px; } #content-block .side-bar li a { border-bottom: 1px solid #bbb; } #content-block .side-bar .current-cat > a, #content-block .side-bar .current-cat-parent > a, #content-block .side-bar .current-post > a, #content-block .side-bar .current-page-ancestor > a, #content-block .side-bar .current-menu-item > a { color: #666; background: #30d3b8; background: rgba(0,0,0,0.05); /*border-top: 1px solid #30d3b8;*/ } .side-bar .nav-menu li.accordion a p { border: none; padding: 0px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ }*/ /* #content-block .entry-content > * { margin-bottom:10px; } #content-block .entry-content > h1, #content-block .entry-content > h2, #content-block .entry-content > h3, #content-block .entry-content > h4, #content-block .entry-content > h5, #content-block .entry-content > h6, #content-block .entry-content > div { margin-bottom: 30px; } #content-block .entry-content > p { margin-bottom: 15px; } #content-block .entry-content > *:last-child { margin-bottom: 0; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ }*/ /* Spacing */ .hide-recaptcha .nf-form-content { margin: 20px 0 0; } /* Input Elements */ #footer-form.hide-recaptcha textarea { height: 100px; } #footer-form.hide-recaptcha .cta-nf-submit { color: white; width: auto; display: inline-block; letter-spacing: 0.1em; text-transform: uppercase; /*font-family: Encode Sans Condensed;*/ font-weight: 600; font-size: 12px; padding: 13px 21px; background: rgb(0,97,50); /*border: none;*/ background: none; border: 1px solid #fff; cursor: pointer; } #footer-form.hide-recaptcha .cta-nf-submit:hover { background: rgba(0,0,0,0.4); } /* Errors & Response Msg */ .hide-recaptcha .nf-error-msg, .hide-recaptcha .ninja-forms-req-symbol { /*color: #e8bbbb;*/ } .hide-recaptcha .nf-response-msg { margin: 0 0 20px; padding: 10px; background: rgba(0,0,0,0.1); } .hidden-recaptcha.hide-this { display: none; } #footer-form .recaptcha-wrap label { display: none; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } .ez-row.content-row.segue-row { position: relative; padding: 0; } .segue-heading { position: absolute; text-align: center; top: -23px; left: 0; } .segue-heading span { background: #001a26; padding: 8px 21px; border-radius: 22px; color: white; text-transform: uppercase; font-weight: 600; min-width: 250px; display: inline-block; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { .segue-heading span { padding: 5px 13px; border-radius: 22px; font-size: 14px; min-width: 200px; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .segue-heading span { padding: 5px 13px; border-radius: 22px; font-size: 14px; min-width: 200px; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } #photo-gallery .the-gallery { margin-left: -6px; margin-right: -6px; } #photo-gallery .image-wrapper { display: inline-block; padding: 2px 6px; } #photo-gallery .image-wrapper img { /*border: 1px solid #eee;*/ } #basic-slider-popup .slider-nav-inner { padding: 0; } .image-wrapper.popup-trigger { padding: 0 5px; } .gallery-popup-trigger { cursor: pointer; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } .play-icon { display: inline-block; width: 60px; height: 60px; border: 2px solid white; color: white; border-radius: 50%; background: rgba(0,26,38,0.75); position: relative; margin-top: 10px; } .play-icon::before { position: absolute; font-family: themify; content: "\e6ad";font-size: 30px; left: 16px; top: 13px; } .play-icon-overlay { /*display: inline-block;*/ position: absolute; width: 100%; /*height: 100%;*/ z-index: 1; top: 50%; left: 0; margin-top: -38px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } .trust-logos .fade-wrapper { padding: 0; } .trust-logo { display: inline-block; /*background-image: linear-gradient(45deg,#c4c4c4 25%,transparent 25%,transparent 75%,#c4c4c4 75%,#c4c4c4),linear-gradient(45deg,#c4c4c4 25%,transparent 25%,transparent 75%,#c4c4c4 75%,#c4c4c4);*/ /*background-position: 0 0,10px 10px;*/ /*background-size: 20px 20px;*/ } .trust-logo a { display: block; opacity: 0.3; } .trust-logo a:hover { opacity: 1; } .trust-logo .base { display: inline-block; } .trust-logo .hover { display: none; } .trust-logo a:hover .base { display: none; } .trust-logo a:hover .hover { display: inline-block; } .trust-logo .ez-row { /*border: 1px solid #ddd;*/ table-layout: fixed; } .trust-logo .ez-col { padding: 25px 15px 15px; text-align: center; /* alt trust logos slider */ /*padding: 15px;*/ } .trust-logo img { display: inline-block; width: 100%; max-width: 80px; height: auto; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { /* 1/10 width */ .trust-logos .multi-slider div.trust-logo { width: 10%; } /* display only first 10 */ .trust-logos .multi-slider div.trust-logo:nth-child(n+11) { display:none; } } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { .trust-logo .ez-col { padding: 10px 15px 10px; text-align: center; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .trust-logo .ez-col { padding: 10px; } /* display only first 8 */ .trust-logos .multi-slider div.trust-logo { display:inline-block; } .ez-row.content-row.scroll-hinter-row { /* alt trust logos slider */ /*padding: 15px 15px 20px;*/ } /* 1/8 width 8*/ .trust-logos .multi-slider div.trust-logo { width: 12.5%; } /* display only first 8 */ .trust-logos .multi-slider div.trust-logo:nth-child(n+9) { display:none; } .sub-hero .trust-logo { /*margin-bottom: -10px;*/ } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ /* 1/6 width */ .customer-logos div.trust-logo, .trust-logos .multi-slider div.trust-logo { width: 16.66%; } .trust-logos .multi-slider div.trust-logo:nth-child(n+7) { display:none; } .trust-logo .ez-col { padding: 5px; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* BASE SLIDER STYLES */ .fade-wrapper { padding: 0 50px; /* .fade-wrapper opacity transitions must match the duration set in the front-end js configs */ overflow: hidden; -webkit-transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; transition: opacity .4s ease-out; } .slides { background: none; } .slider-nav .slider-option { border: 2px solid #1072a0; opacity: 1; } .slider-nav .slider-option.selected, .slider-nav .slider-option.selected:hover{ opacity: 1; border: 2px solid #001a26; background: #001a26; } .slider-nav .slider-option:hover { opacity: 0.7; } .slider-nav .slider-option img { display: none; } .slider-nav .margin-wrap { /*margin: 20px 0;*/ } .slider .slide-prev::before, .slider .slide-next::before { /*font-family: 'themify';*/ /*display: table-cell;*/ /*vertical-align: middle;*/ color: #1f9ed9; font-size: 30px; } .win-ie .popup .slider .slide-prev::before, .win-ie .popup .slider .slide-next::before { padding-top: 14px; } .ie1 .popup .slider .slide-prev::before, .ie1 .popup .slider .slide-next::before { padding-top: 16px; } .slider-nav { bottom: -50px; } .option-pad .slides-wrap { margin-bottom: 50px; } .bg-slider .slides .slider-arrows { /* fixes blinking arrows but breaks cpt slider z-index-clickable */ z-index: 1; } .slides .slider-arrow { background: none; background: rgba(255,255,255,0.6); height: 100px; } .slides .slide { /* Match arrow UI height */ min-height: 100px; } .slider .slide-prev.disabled::before, .slider .slide-next.disabled::before { opacity: 0.5; } .slides .slider-arrows .slider-arrow:hover { background: rgba(0,0,0,0.1); } /*.slide-post-clickable {*/ /*position: relative;*/ /*}*/ /*.slide-post-clickable .clickable-control {*/ /*position: absolute;*/ /*z-index: 100;*/ /*width: 100%;*/ /*height: 100%;*/ /*top: 0;*/ /*left: 0;*/ /*opacity: 0;*/ /*background: none;*/ /*}*/ .text-white .slider-nav .slider-option { opacity: 0.4; background: #fff; } .text-white .slider-nav .slider-option.selected, .text-white .slider-nav .slider-option.selected:hover{ opacity: 1; background: #fff; } .text-white .slider-nav .slider-option:hover { opacity: 0.7; } .text-white .slides .slider-arrow { background: rgba(0,0,0,0.2); } .text-white .slider .slide-prev::before, .text-white .slider .slide-next::before { color: #fff; } .text-white .slides .slider-arrows .slider-arrow:hover { background: rgba(0,0,0,0.5); } /* HERO Slider */ .hero-slider .slider-nav { background: rgba(255,255,255,0.7); display: none; } .hero-slider a.slide-caption { color: #111; } .hero-slider .slider-nav-inner { padding: 34px 21px; } .hero-slider a.cta-alt > *, .hero-slider .cta-alt > span { border: 1px solid #111; background: none; color: #111; opacity: 0.7; padding: 13px 21px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; } /* -- caption : HERO Slider */ .hero-slider .slider-caption, .hero-slider .slider-caption * { pointer-events: none; font-weight: 100; font-size: 36px; line-height: 1.5em; } .hero-slider .slider-caption { padding: 0; } .hero-slider .slider-options .margin-wrap { /*display: none;*/ } /* -- L/R padding : HERO Slider */ .hero-slider .fade-wrapper { /* - override wrapper padding */ padding: 0; } .hero-slider .slide { /* - set content padding */ padding: 0 50px; } /* -- custom slide : Studio Verticale HERO Slider */ .hero-slider .sv-private-collection { background-position: center 90%!important } /* HERO SMART SLIDER */ /* -- custom nav options : HERO SMART Slider*/ #hero-smart-slider .slider-nav { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 60%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 60%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } #hero-smart-slider .slider-nav-inner { padding: 0 21px; } #hero-smart-slider .slider-nav-inner .ez-row { padding: 34px 0; max-width: 1300px; width: 100%; border-top: 1px solid rgba(255,255,255,0.5); } #hero-smart-slider .slider-nav .slider-option, #hero-smart-slider .slider-nav .slider-option.selected { background: none; } .hero-slider .fade-wrapper { background: #171a1f; } #hero-smart-slider .slider-option { border: none; opacity: 0.5; background: #111; } #hero-smart-slider .slider-option.selected, #hero-smart-slider .slider-option.selected:hover{ opacity: 1; } #hero-smart-slider .slider-option:hover { opacity: 0.8; } /* -- custom slide : HERO SMART Slider */ .smart-slider { background: #131419; } .smart-slider .hero-slider .slide { text-align: left; padding: 0 90px; } .smart-slider .hero-slider .project-slide { /*max-width: 800px;*/ /*width: 60%;*/ margin: 0; } .smart-slider .hero-slider .slides .slide.show { display: table-cell; vertical-align: middle; } .smart-slider .fade-wrapper { /* .fade-wrapper opacity transitions must match the duration set in the front-end js configs */ overflow: hidden; -webkit-transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; transition: opacity .4s ease-out; } .smart-slider .slider-options .margin-wrap { text-align: left; } .smart-slider .slider-nav .slider-option { margin: 0 2%; } /* -- slider option customization */ /* ---- can also target via slider order: [data-id="1"]*/ .smart-slider .slider-option[data-title="Home Run Derby"] img { max-height: 70px; margin-bottom: -10px; } /* CPT SLIDER */ .z-index-patch .slides .slider-arrows { /* creates blinking arrows but fixes cpt slider z-index-clickable */ /*z-index: 0;*/ } /* POPUP Slider */ /* - the nav */ .popup .slider .slide-prev { left: -40px; padding-left: 30px; } .popup .slider .slide-next { right: -40px; padding-right: 30px; } .popup .slides .slider-arrows { left: 0; } .popup .slides .slider-arrow { position: relative; /*opacity: 0.6;*/ /*border-radius: 50%;*/ width: 80px; background: none; height: 100px; } .popup .slides .slider-arrow.disabled { pointer-events: none; cursor: default; } /* - the slides */ #basic-slider-popup .slides { background: none; } .popup-meta-group-slider .slider-nav { position: relative; } .popup-meta-group-slider .slider-caption { margin-top: -20px; margin-bottom: 20px; } .popup-meta-group-slider span { /*color : white;*/ } .popup-meta-group-slider .label { display: none; } .popup-meta-group-slider .sub-label { font-size: 21px; margin: 0 15px; width: 100%; } .popup-meta-group-slider .slides .slide { margin: 20px 0 20px; } .popup-meta-group-slider .slide-caption.show { display: flex; align-items: flex-start; flex-direction: row; justify-content: center; flex-wrap: wrap; } .popup-content .popup-meta-group-slider .slider-nav-inner { background: none; } /* -- multi-instance; meta_groups : POPUP Slider */ /* (glass & metal finish swatches) */ #meta_groups__metal_finishes .slides .slide > img, #meta_groups__glass_finishes .slides .slide > img { width: 100%; max-width: 450px; } #meta_groups__metal_finishes .header-text span, #meta_groups__glass_finishes .header-text span{ font-size: 28px; } /* TESTIMONIAL Slider */ #testimonials { margin-top: 30px; } #testimonials .slider-nav { display: none; } .testimonial-slide { max-width: 760px; margin: auto; min-height: 200px; } .testimonial-slide .text-col { width: 100%; } .testimonial-quote + .testimonial-origin { margin-top: 20px; font-weight: 700; } .testimonial-origin + .testimonial-origin-title { margin-top: 0px; } #testimonials p.testimonial-quote { font-size: 24px; line-height: 1.85em; opacity: 0.5; } #testimonials p.testimonial-origin { font-weight: 500; font-size: 18px; } #testimonials p.testimonial-origin-title { text-transform: uppercase; font-size: 14px; } /* Product Slider */ .product-slider > .container { padding-bottom: 60px; } .product-slide .text-col { text-align: left; padding-left: 90px; font-size: 18px; line-height: 1.85em; } .product-slide .text-col .product-title { margin-bottom: 30px; } .product-slider .fade-wrapper { padding: 0 130px; } .fade-wrapper { padding: 0 50px; } .slider .product-slide .cta > * { margin-bottom: 30px; } .slide-post-clickable { position: relative; } .slide-post-clickable .clickable-control { position: absolute; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background: none; pointer-events: all; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (min-width:1025px) { /* everything HIGHER than above resolution*/ } @media only screen and (max-width:1025px) { /* everything LOWER than above resolution*/ /* HERO Slider */ .hero-slider .slider-nav .slider-option span { font-size: 16px; line-height: 1.8em; display: inline-block; } .hero-slider a.cta-alt > *, .hero-slider .cta-alt > span { font-size: 12px; } /* POPUP Slider */ /* (glass & metal finish swatches) */ .popup-meta-group-slider .sub-label { font-size: 14px; line-height: 24px; } } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { /* HERO Slider */ .hero-slider .slider-nav-inner { padding: 34px 0; } /* POPUP Slider */ /* -- multi-instance; meta_groups : POPUP Slider */ /* (glass & metal finish swatches) */ #meta_groups__metal_finishes .header-text span, #meta_groups__glass_finishes .header-text span{ font-size: 24px; } /* Product Slider */ .product-slider .fade-wrapper { padding: 0px 60px; } .product-slide .text-col { padding-left: 50px; } .product-slider > .container { padding-top: 30px; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { /* everything LOWER than above resolution*/ /* BASE SLIDER STYLES */ .slider .slide-prev:before, .slider .slide-next:before { font-size: 20px; } .slides .slider-arrow { width: 35px; /*height: 35px;*/ } .fade-wrapper { padding: 0 30px; } /* HERO Slider */ .hero-slider .slider-nav-inner { padding: 21px 21px; } .hero-slider .slider-caption, .hero-slider .slider-caption * { font-size: 24px; } .hero-slider .slider-caption { padding: 15px; } #hero-smart-slider .slider-nav { display: none; } /* POPUP Slider */ /* -- multi-instance; meta_groups : POPUP Slider */ /* (glass & metal finish swatches) */ #meta_groups__metal_finishes .header-text span, #meta_groups__glass_finishes .header-text span{ font-size: 24px; } /* testimonials */ #testimonials p.testimonial-quote { font-size: 18px; line-height: 1.85em; opacity: 0.5; } /* PRODUCT SLIDER */ .slide-post-image, .slide-post-image > .ez-row { text-align: center; height: 320px; } .slide-post-image img { max-height: 300px; width: auto; display: inline-block; } .product-slider .fade-wrapper { padding: 0 40px; } .slide { text-align: center; } .product-slide .text-col { text-align: center; padding-left: 0; font-size: 14px; line-height: 1.85em; } .product-slide .product-title { } .product-slide .cta > *, .product-slide .cta > a, .product-slide .cta > a:visited { margin: 5px 0 15px; } .cta > .clickable-control { margin: 0; } .product-slider { padding-left: 10px; padding-right: 10px; } .slides-wrap { margin-bottom: 0; } .product-slider > .container { padding-top: 40px; } .slider-nav { bottom: -30px; } .slide-post-image .pos-container > .ez-col { vertical-align: bottom; padding-bottom: 10px; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ /* HERO Slider */ .hero-slider .slider-caption, .hero-slider .slider-caption * { /*font-size: 18px;*/ } /* POPUP Slider */ /* -- multi-instance; meta_groups : POPUP Slider */ /* (glass & metal finish swatches) */ #meta_groups__metal_finishes .header-text span, #meta_groups__glass_finishes .header-text span{ font-size: 18px; } /* PRODUCT SLIDER */ .slide-post-image, .slide-post-image > .ez-row { text-align: center; height: 220px; } .slide-post-vid { width: 90%; width: calc(100% - 70px); margin: auto; } .slide-post-image img { max-height: 200px; width: auto; display: inline-block; } .product-slider .fade-wrapper { padding: 0; } .product-slider > .container { padding-top: 20px; } .product-slide .product-title { font-size: 21px; line-height: 30px; } .product-slider .slides .slider-arrow:before { background: rgba(255,255,255,0.7)!important; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* /* adjust padding */ .content-container.uses-parallax > .ez-row { padding-top: 0; } /* set/remove background styles to reveal absolute 'parallax' element behind main content*/ #main.parallax-main > div { /*background-color: white;*/ } #main.parallax-main > div.parallax { background: none; } /* absolute bg element behind main scrolling element */ .parallax-wrapper { display: block; position: absolute; top: 0; overflow: hidden; height: 100%; width: 100%; } .parallax-element { display: block; position: absolute; top: 0; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ }*/ /* .mobile-collapse { border: none; } .mobile-collapse.active { border: none; } .mobile-collapse.active.open { border: none; } .text-collapse.active .mobile-collapse-wrapper { margin-bottom: 0; height: 110px; padding: 0; } .mobile-collapse .show-more { bottom: -80px; } .mobile-collapse .show-more a { border-bottom: 1px solid #d4d1d0; } .active .mobile-collapse-content li:last-child { margin-bottom: 20px; } .mobile-collapse .show-more a { opacity: 0.6; font-size: 14px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .mobile-collapse .show-more a { border-bottom: none; } .text-collapse.active .mobile-collapse-wrapper, .mobile-collapse-wrapper { padding: 0; } #global-wrapper #content-block .text-collapse { margin-bottom: 80px; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ }*/ /* .hero-content h1, .hero-content h2, .hero-content h3, .hero-content h4, .hero-content h5, .hero-content h6 { /*font-weight: 400;*/ } #main.parallax-main .bg-cover { background-size: cover } .blurred-bg { /* Add the blur effect */ filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); position: absolute; top:0; left:0; width: 100%; height: 100%; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .hero-content { /* adds unwanted padding to hero slider */ /*padding: 0 30px;*/ } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ }*/ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input, textarea { width: 100%; background: none; border: none; border-bottom: 1px solid white; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { /*border: 1px solid #ccc;*/ padding: 12px 8px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /*font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/ /*color: #777;*/ margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; border: 1px solid rgba(255,255,255,0.4); /*background: #fff; */ } select { /*padding: 0; */ } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; /*opacity: 1;*/ background: rgba(0,0,0,0.1); } textarea { /*min-height: 60px;*/ overflow:auto; } label, legend { /*display: block;*/ /*font-weight: bold;*/ /*font-size: 13px; */ } select { /*width: 220px; */ } input[type="checkbox"] { display: inline; width: auto!important; } label span, legend span { /*font-weight: normal;*/ /*font-size: 13px;*/ /*color: #444; */ } /* Place holder styling */ input::placeholder, textarea::placeholder { color: white; opacity: 0.7; } input::-moz-placeholder, textarea::-moz-placeholder { color: white; opacity: 0.7; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: white; opacity: 0.7; } input:-moz-placeholder, input::-moz-placeholder { color: white; opacity: 0.7; } input::-ms-input-placeholder, textarea:-ms-input-placeholder { color: white; opacity: 0.7; } input:-moz-placeholder, textarea:-moz-placeholder { color: white; opacity: 0.7; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: white; opacity: 0.7; } /* NF CLASSES */ .nf-form-fields-required { font-size: 13px; } .nf-error-msg, .ninja-forms-req-symbol { color: #ff7373; } .contact-form-popup-trigger:hover { background-color: rgba(0,0,0,0.2); } .cta-nf-submit:hover, .wpcf7-submit:hover { background: rgba(0,0,0,0.4); } .cta-nf-submit, .wpcf7-submit { color: white; width: auto; display: inline-block; letter-spacing: 0.1em; text-transform: uppercase; font-family: Encode Sans; font-weight: 600; font-size: 12px; padding: 13px 21px; background: rgb(0,97,50); border: none; background: none; border: 1px solid #fff; cursor: pointer; } /* remove browser input field styling */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: none; -moz-appearance: none; /*font-family: "Encode-Sans";*/ } /* CUSTOM CHECK BOXES | @link https://www.w3schools.com/howto/howto_css_custom_checkbox.asp ---------------------------------------------- */ /* Customize the label (the container) */ .list-checkbox-wrap .nf-field-element li { display: block; position: relative; /*padding-left: 35px;*/ /*margin-bottom: 12px;*/ /*cursor: pointer;*/ /*-webkit-user-select: none;*/ /*-moz-user-select: none;*/ /*-ms-user-select: none;*/ /*user-select: none;*/ } /* Hide the browser's default checkbox */ .list-checkbox-wrap .nf-field-element input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .list-checkbox-wrap .nf-field-element label:before { position: absolute; font-size: 13px; top: 3px; left: 0; height: 20px; width: 20px; background: none; content: ''; border: 1px solid rgba(255,255,255,0.7); padding: 0 0 0 5px; line-height: 18px; } /* On mouse-over, add a grey background color */ .list-checkbox-wrap .nf-field-element input:hover ~ label:before { background-color: rgba(255,255,255,0.4); border: 1px solid rgba(255,255,255,1); } /* When the checkbox is checked, add a blue background */ .list-checkbox-wrap .nf-field-element input:checked ~ label:before { content: "\2713 "; } .list-checkbox-wrap .nf-field-element ul li { margin-bottom: 10px!important; } /*.list-radio-wrap .nf-field-element li label, */ .list-checkbox-wrap .nf-field-element ul li label { margin-left: 2em; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* CUSTOM RADIO BUTTONS | @link https://www.w3schools.com/howto/howto_css_custom_checkbox.asp ---------------------------------------------- */ /*!* How To Create a Custom Radio Button *!*/ /*!* Example *!*/ /*!* Customize the label (the container) *!*/ /*.container {*/ /*display: block;*/ /*position: relative;*/ /*padding-left: 35px;*/ /*margin-bottom: 12px;*/ /*cursor: pointer;*/ /*font-size: 22px;*/ /*-webkit-user-select: none;*/ /*-moz-user-select: none;*/ /*-ms-user-select: none;*/ /*user-select: none;*/ /*}*/ /*!* Hide the browser's default radio button *!*/ /*.container input {*/ /*position: absolute;*/ /*opacity: 0;*/ /*}*/ /*!* Create a custom radio button *!*/ /*.checkmark {*/ /*position: absolute;*/ /*top: 0;*/ /*left: 0;*/ /*height: 25px;*/ /*width: 25px;*/ /*background-color: #eee;*/ /*border-radius: 50%;*/ /*}*/ /*!* On mouse-over, add a grey background color *!*/ /*.container:hover input ~ .checkmark {*/ /*background-color: #ccc;*/ /*}*/ /*!* When the radio button is checked, add a blue background *!*/ /*.container input:checked ~ .checkmark {*/ /*background-color: #2196F3;*/ /*}*/ /*!* Create the indicator (the dot/circle - hidden when not checked) *!*/ /*.checkmark:after {*/ /*content: "";*/ /*position: absolute;*/ /*display: none;*/ /*}*/ /*!* Show the indicator (dot/circle) when checked *!*/ /*.container input:checked ~ .checkmark:after {*/ /*display: block;*/ /*}*/ /*!* Style the indicator (dot/circle) *!*/ /*.container .checkmark:after {*/ /*top: 9px;*/ /*left: 9px;*/ /*width: 8px;*/ /*height: 8px;*/ /*border-radius: 50%;*/ /*background: white;*/ /*}*/ /* WP CONTACT FORMS 7 (aka: CF7) | */ /* TODO CF7 stuff and probably entire file COPY to BLANK*/ /* ===================================================================== */ /* MISC MODS (CF7) | */ /* ------------------------------- */ div.wpcf7 .ajax-loader { position: absolute; } /*.d-inline-block + .wpcf7-form-control-wrap*/ .d-inline-block ~ .wpcf7-form-control-wrap { display: inline-block; } .d-inline-blocks .wpcf7-form-control-wrap { display: inline-block; } .wpcf7 label + .wpcf7-form-control-wrap { margin-left: 0.5rem; } /* INPUT ERRORS (CF7) | */ /* ------------------------------- */ input[type="text"] + .wpcf7-not-valid-tip, input[type="password"] + .wpcf7-not-valid-tip, input[type="email"] + .wpcf7-not-valid-tip, input[type="tel"] + .wpcf7-not-valid-tip, input[type="date"] + .wpcf7-not-valid-tip, textarea + .wpcf7-not-valid-tip { width: 210px; } .wpcf7 input[type="number"] + .wpcf7-not-valid-tip, .wpcf7 input[type="number"] { width: 170px; } .wpcf7 input.date + .wpcf7-not-valid-tip, .wpcf7 input.date { width: 100px; } .wpcf7-not-valid-tip { margin-bottom: 15px; } /* TEXT-WHITE (CF7) | */ /* ------------------------------- */ .text-white div.wpcf7-validation-errors, .text-white div.wpcf7-acceptance-missing { border: 2px solid #5a4c00; } .text-white .wpcf7 input[type="number"] { /*color: #7c8994;*/ /*background-color: transparent;*/ /*border: 1px solid rgba(255,255,255,0.3);*/ } .text-white .wpcf7-previous.btn-alt { border-color: rgba(255,255,255,0.3); color: #ccc; } .text-white .wpcf7-previous.btn-alt:hover { border-color: rgba(255,255,255,1); color: #fff; } /* Address Auto_Complete*/ .address-autocomplete-maps + br, .address-autocomplete-maps + br + br { display: none; } /* Text-Center */ .text-center .wpcf7-form-control { display: inline-block; } .wpcf7-form-control[type="submit"] { width: auto; } /* CUSTOM CHECK BOXES (CF7) | */ /* @link https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */ /* ------------------------------- */ /* Hide the browser's default checkbox */ .wpcf7-checkbox span.wpcf7-list-item input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .wpcf7-checkbox span.wpcf7-list-item label:before { position: absolute; font-size: 13px; top: 3px; left: 0; height: 20px; width: 20px; background: none; content: ''; border: 1px solid rgba(255,255,255,0.7); padding: 0 0 0 5px; line-height: 18px; } .cf7-req-symbol { color: #ff7373!important; } /* Customize the label (the container) */ .wpcf7-radio, .wpcf7-checkbox { margin: 1rem 0; /*margin-left: -1rem;*/ display: inline-block; } .wpcf7-radio span.wpcf7-list-item, .wpcf7-checkbox span.wpcf7-list-item { position: relative; white-space: nowrap; margin-bottom: 0.6rem; margin-left: 0; /*height: 2.5rem;*/ width: 100%; display: block; } /* Create a custom checkbox */ input[type="radio"] + .wpcf7-list-item-label, input[type="checkbox"] + .wpcf7-list-item-label { margin-left: 2em; width: 100%; display: inline-block; } input[type="radio"] + .wpcf7-list-item-label:before, input[type="checkbox"] + .wpcf7-list-item-label:before { position: absolute; font-size: 14px; line-height: 21px; top: 6px; left: 0; height: 20px; width: 20px; background: none; content: ''; border: 1px solid var(--color-primary-a70); padding: 0px 3px 5px; margin-top: -3px; } /* On mouse-over, add a grey background color */ html:not(.mobile) input[type="radio"]:hover + .wpcf7-list-item-label:before, html:not(.mobile) input[type="checkbox"]:hover + .wpcf7-list-item-label:before { background-color: var(--color-primary-a70); border: 1px solid var(--color-primary); } /* When the checkbox is checked, add a blue background */ input[type="radio"]:checked + .wpcf7-list-item-label:before, input[type="checkbox"]:checked + .wpcf7-list-item-label:before { content: "\2713 "; color: var(--color-primary); } .stack-options .wpcf7-list-item { display: block; } .stack-options .wpcf7-list-item input { width: auto; } /* CUSTOM RADIO BUTTONS (CF7) | */ /* @link https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */ /* ------------------------------- */ /* Create a custom radio button */ input[type="radio"] + .wpcf7-list-item-label:before { border-radius: 50%; text-align: center; padding: 0 0 0 0; line-height: 1.4em; content: " "; } input[type="radio"]:checked + .wpcf7-list-item-label:before { content: "•"; } /* CUSTOM RADIO BUTTONS (CF7) | TEXT-WHITE */ /* --------------------------------------- */ /* Radio & Checkbox (text-white) */ .text-white input[type="radio"] + .wpcf7-list-item-label:before, .text-white input[type="checkbox"] + .wpcf7-list-item-label:before { /* PRIMARY lite*/ color: var(--color-primary-l1); border: 1px solid var(--color-primary); } /* Radio & Checkbox Labels (text-white) */ .text-white .wpcf7-radio input[type="radio"] + .wpcf7-list-item-label, .text-white .wpcf7-checkbox input[type="checkbox"] + .wpcf7-list-item-label { color: rgba(255,255,255,0.6); } .text-white .wpcf7-radio input[type="radio"]:hover + .wpcf7-list-item-label, .text-white .wpcf7-checkbox input[type="checkbox"]:hover + .wpcf7-list-item-label, .text-white .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label, .text-white .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label { /*text-decoration: underline;*/ color: rgba(255,255,255,1); } #popup-form .wpcf7-form-control-wrap.kc_captcha .wpcf7-radio, #popup-form .wpcf7-form-control-wrap.kc_captcha .wpcf7-radio .captcha-image { width: 100%; } /* SUBMIT (CF7) | TEXT-WHITE */ /* --------------------------------------- */ input.wpcf7-submit { border-radius: 10px; } #footer-form .wpcf7-submit { color: white; width: auto; display: inline-block; letter-spacing: 0.1em; text-transform: uppercase; /*font-family: Encode Sans Condensed;*/ font-weight: 600; font-size: 12px; padding: 15px 30px; background: rgb(0,97,50); /*border: none;*/ background: none!important; border: 1px solid #fff!important; cursor: pointer; opacity: 0.7; } #footer-form .wpcf7-submit:hover { background: rgba(0,0,0,0.4)!important; opacity: 1; } form:not(.invalid) .kc_captcha { display: none; } form .captcha-image .cf7ic_instructions span { color: #ff7373; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* EZ-FEED-ITEM */ /*===============================================*/ /*----------------------------------------------*/ /* The EFI Base */ /*-----------------------------*/ .ez-feed-wrap { margin: 0 -15px; } .ez-feed-item { /* same as & now decoupled from: meta-group-tile */ display: inline-table; vertical-align: top; text-align: center; padding: 15px; } .efi-body p, .efi-footer p { /*color: #444;*/ font-weight: 400; } .efi-inner { text-align: left; } /* EFI Image */ /*-----------------------------*/ .efi-img { border-bottom: 1px solid #eee; } .efi-caption { width: 100%; color: #444; padding: 13px 21px; /*text-align: center;*/ } .efi-img + .efi-caption { position: absolute; bottom: 0; background-color: rgba(255,255,255,0.8); text-align: center; } .efi-caption > * { margin-bottom: 0; } /* EFI Content */ /*-----------------------------*/ .efi-body { padding: 34px 34px 21px; background: #fff; } .efi-body-wrap > * { margin: 0; } .efi-body-wrap > *:last-child { margin-bottom: 0; } .efi-body .efi-heading { /*color: #1c99af;*/ /*font-size: 24px;*/ } p.efi-subhead { text-transform: uppercase; font-size: 0.85em; color: #bbb; font-weight: 600; margin-top: 5px; } p.efi-excerpt { color: #6b6b6b; margin-top: 10px; line-height: 1.85em; font-weight: 400; font-size: 16px; } .efi-heading + .efi-exceprt, .efi-subhead + .efi-exceprt { margin-top: 20px; } #content-block p.efi-read-more { font-size: 12px; line-height: 12px; margin-top: 12px; /*text-transform: uppercase;*/ font-weight: 500; text-align: right; margin-bottom: 0; display: inline-block; float: right; padding: 15px 8px; margin-right: -8px; } .efi-read-more:after { color: #959fdc; font-family: FontAwesome; content: '\f061'; font-size: 10px; margin-left: 0.5em; position: relative; top: -1px; } .efi-read-more:hover { /*background: rgba(0,0,0,0.05);*/ } /* EFI Footer */ /*-----------------------------*/ .efi-footer { padding: 13px 21px; border-top: 1px solid #ddd; } /* EFI Masonry */ /*-----------------------------*/ .ez-feed-wrap .brick-sizer { width: 33.33%; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { .ez-feed-wrap { margin: 0 -10px; } .ez-feed-item { padding: 10px; } } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .ez-feed-item, .ez-feed-wrap .brick-sizer { width: 50%; /*padding: 15px;*/ } .ez-feed-wrap { margin: 0 -10px; } .ez-feed-item { padding: 10px; } .efi-body .efi-heading { font-size: 18px; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ .ez-feed-item { width: 100%; padding: 15px 0; } .ez-feed-wrap .brick-sizer { width: 100%; } .ez-feed-wrap { margin: 0; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* Footer Base */ /*---------------------------------------------- */ #footer.footer-block { background: url('/wp-content/themes/seed-child-jenrey/images/jenrey-blue-grad-footer.jpg') center center; background-size: 100% 100%; padding-top: 80px; padding-bottom: 50px; z-index: 9; } .footer-block * { color: white; } /* Footer - Site Map */ /*---------------------------------------------- */ #footer-map > iframe { width: 100%; margin-bottom: 30px; } #footer-location { padding: 0 60px 0 0; border-right: 1px solid rgba(255, 255, 255, 0.4) } #footer-contact { padding: 0 0 0 60px; } #footer-location h3, #footer-contact h3 { margin-bottom: 30px; } #warehouse-locations { padding-top: 30px; } /* FOOTER Contact Form ---------------------------------------------- */ #footer-form input, #footer-form textarea { width: 100%; background: none; border: none; border-bottom: 1px solid white; } #footer input[type="text"], #footer input[type="password"], #footer input[type="email"], #footer textarea, #footer input[type="selectext"], #footer input[type="password"], #footer input[type="text"]:focus, #footer input[type="password"]:focus, #footer input[type="email"]:focus, #footer textarea:focus{ color: white; /*opacity: 0.7;*/ } #footer-form-intro { margin-bottom: 0; /*max-width: 14em;*/ } #footer .nf-form-fields-required { font-size: 13px; } #footer .nf-error-msg, #footer .ninja-forms-req-symbol { color: #ff7373; } #footer .contact-form-popup-trigger:hover { background-color: rgba(0,0,0,0.2); } /* Sub-Footer */ /*---------------------------------------------- */ #sub-footer.sub-footer { background: #0a567d; color: #3aace1; } .subfooter-left { text-align: left; } .subfooter-right { text-align: right; } .sub-footer li { display: inline-block; margin-right: 20px; margin-bottom: 0; } .sub-footer li a { font-weight: 500; } #copyright { display: inline-block; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { #footer-location { padding: 0 45px 0 0; } #footer-contact { padding: 0 0 0 45px; } } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { #footer.footer-block.global-row { padding-top: 50px; padding-bottom: 50px; } #footer-location { padding: 0 30px 0 0; } #footer-contact { padding: 0 0 0 30px; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { /* FOOTER ---------------------------------------------- */ #footer.footer-block { background: url('/wp-content/themes/seed-child-jenrey/images/jenrey-blue-grad-footer.jpg') center center; background-size: cover; padding: 30px 30px 0; } .footer-block * { color: white; } #footer-location { padding: 0 0 30px; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } #footer-contact { padding: 30px 0; } .subfooter-left { width: auto; } .subfooter-right { width: 170px } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px) { .sub-footer li { margin-right: 0; width: 100%; } .subfooter-left, .subfooter-right { width: 100%; } #sub-footer .container { padding-top: 30px; padding-bottom: 20px; } #sub-footer .mob-portrait-col { text-align: center; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* todo update core to check form #popup-form & #contact-form references*/ /* POPUP CONTAINER */ /*----------------------------------------*/ .popup * { color: #111; } .popup .popup-container { width: 600px; /*color: #111;*/ background: url('/wp-content/themes/seed-child-jenrey/images/jenrey-blue-grad-footer.jpg') center center; background-size: 100% 100%; /*opacity: 0.9;*/ overflow: hidden; /*box-shadow: 0 0 60px rgba(255,255,255,0.05);*/ } .popup-content > .ez-col { background: none; } .popup .popup-content > .ez-col { padding:15px; } .popup-content > .ez-col { background: none; } /* TYPOGRAPHY */ /*----------------------------------------*/ .popup .popup-content, .popup .popup-header { /*color: #fff;*/ /*background: url('/wp-content/themes/seed-child-jenrey/images/sv-gradient.jpg')!important;*/ /*background-size: cover !important;*/ } .popup .popup-header { font-weight: 100; font-size: 18px; box-shadow: 0 0 60px rgba(255,255,255,0.05); } /* HEADER */ /*----------------------------------------*/ .popup-header { background: rgba(0, 0, 0, 0.25); font-weight: 600; } .popup-header .header-close { width: 40px; } /* PREFORM CONTENT */ /*----------------------------------------*/ .popup .preform { /*background: rgba(0,0,0,0.3);*/ } .popup .preform p { font-size: 14px; display: inline-block; line-height: 1.65em; } .popup .preform a { font-size: 16px; display: inline-block; } .preform-content { /*max-width: 20em;*/ } .icon-links { padding: 15px 0; } .icon-link { width: 100%; } .icon-link + .icon-link { margin-top: 10px; } .icon-links.circle-icons .social-icon { padding: 0; } .icon-link:hover .social-icon { color: #959fdc; } .preform .icon-link { margin-right: 19px; } .preform .icon-link::before { margin-right: 10px; display: inline-block; width: 40px; height: 40px; border: 1px solid white; border-radius: 50%; /*padding: 5px;*/ padding: 2px 10px; } .preform .icon--phone::before { font-family: 'themify'; content: "\e621"; font-size: 18px; } .preform .icon--email::before { font-family: 'themify'; content: "\e75a"; font-size: 18px; } /* FORM CONTAINER */ /*----------------------------------------*/ .popup .contact-form { text-align: left; height: 500px; max-height: 500px; display: block; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; /*background: rgba(0,0,0,0.5);*/ /*background-size: 100% 100%;*/ } .popup .contact-form > .ez-row { padding: 30px; table-layout: fixed; max-width: 100%; width: 100%; } /* INPUT FIELDS */ /*----------------------------------------*/ .popup label { /*font-size: 13px;*/ line-height: 1.65em; } .popup select { /*!* styling *!*/ /*!*background-color: rgba(0,0,0,0.8);*!*/ /*border: none;*/ /*border-bottom: 1px solid white;*/ /*!*border-radius: 4px;*!*/ /*!*display: inline-block;*!*/ /*!*font: inherit;*!*/ /*!*height: 33px;*!*/ /*!*padding: 0.5em 3.5em 0.5em 1em;*!*/ /*!* reset *!*/ /*margin: 0;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; /*margin-left: 15px;*/ /*margin-bottom: 1px;*/ } .popup option { /*background-color: rgba(0,0,0,0.8);*/ background-color: white; color: black; /*padding: 10px 0;*/ } .popup select:focus { /*background-image:*/ /*linear-gradient(45deg, white 50%, transparent 50%),*/ /*linear-gradient(135deg, transparent 50%, white 50%),*/ /*linear-gradient(to right, gray, gray);*/ /*background-position:*/ /*calc(100% - 15px) 1em,*/ /*calc(100% - 20px) 1em,*/ /*100% 0;*/ /*background-size:*/ /*5px 5px,*/ /*5px 5px,*/ /*2.5em 2.5em;*/ /*background-repeat: no-repeat;*/ /*border-color: grey;*/ /*outline: 0;*/ } .popup input, .popup select, .popup textarea { width: 100%; background: none; /*background-color: rgba(0,0,0,0.05);*/ /*border: none;*/ /*border-bottom: 1px solid white;*/ /*font-size: 16px;*/ border: none; border-bottom: 1px solid white; } .popup select { /* drop-down arrow styling */ background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,1) 50%), linear-gradient(135deg, rgba(255,255,255, 1) 50%, transparent 50%), linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.1)); background-position: calc(100% - 17px) calc(1em + 5px), calc(100% - 12px) calc(1em + 5px), 100% 0; background-size: 5px 5px, 5px 5px, 2.2em 2.8em; background-repeat: no-repeat; } .popup textarea { width: 100%; background: none; height: 170px; } .popup label, .popup * { color: rgba(255,255,255, 0.75); } .popup input[type="checkobox"] { width: auto; } .popup input[type="text"], .popup input[type="password"], .popup input[type="email"], .popup textarea, .popup input[type="selectext"], .popup input[type="password"], .popup input[type="text"]:focus, .popup input[type="password"]:focus, .popup input[type="email"]:focus, .popup textarea:focus{ color: white; /*opacity: 0.7;*/ } .cw-product-select { margin-top: 15px; text-align: left; } .cw-product-select .nf-field-description { margin-bottom: 15px; } /* GOOGLE RECAPTCHA */ /*----------------------------------------*/ .popup .g-recaptcha { text-align: center; } .popup .g-recaptcha > * { display: inline-block; } /*.popup .recaptcha-wrap .nf-field-label,*/ .popup .recaptcha-wrap label { /*display: none;*/ color: transparent; opacity: 0; } /* NINJA FORMS - SUBMIT CTA */ /*----------------------------------------*/ .popup .cta-nf-submit, .popup .wpcf7-submit { color: white; width: auto; display: inline-block; letter-spacing: 0.1em; text-transform: uppercase; /*font-family: Encode Sans Condensed;*/ font-weight: 600; font-size: 12px; padding: 13px 21px; background: rgb(0,97,50); /*border: none;*/ background: none; border: 1px solid #fff; cursor: pointer; } .popup .cta-nf-submit:hover, .popup .wpcf7-submit:hover { background: rgba(0,0,0,0.4); } .popup .submit-wrap { text-align: center; width: 100%; } .popup .wpcf7-spinner { display: none; } .wpcf7-submit { color: white; width: auto; display: inline-block; letter-spacing: 0.1em; text-transform: uppercase; /*font-family: Encode Sans Condensed;*/ font-weight: 600; font-size: 12px; padding: 15px 30px; background: rgb(0,97,50); /*border: none;*/ background: none!important; border: 1px solid #fff!important; cursor: pointer; opacity: 0.7; } .wpcf7-submit:hover { background: rgba(0,0,0,0.4)!important; opacity: 1; } /* NINJA FORMS - OTHER CONTENT */ /*----------------------------------------*/ .popup .nf-error-msg, .popup .ninja-forms-req-symbol { color: #ff7373; } .popup .nf-form-content { text-align: left; } .popup .nf-after-field { font-size: 13px; } /* TEMP Shop form popup styles */ /*----------------------------------------*/ #shop-popup-form input, #shop-popup-form textarea { width: 100%; background: none; border: none; border-bottom: 1px solid white; } #shop-popup-form textarea { height: 100px; } #shop-popup-form label, .popup * { color: rgba(255,255,255, 0.75); } .popup .popup-container { width: 600px; background: url('/wp-content/themes/seed-child-jenrey/images/jenrey-blue-grad-footer.jpg') center center; background-size: 100% 100%; opacity: 0.9; overflow: hidden; /*box-shadow: 0 0 60px rgba(255,255,255,0.05);*/ } .popup .popup-content > .ez-col { padding:15px; } .popup-content > .ez-col { background: rgba(0,0,0,0.7); } .popup-header { background: rgba(0, 0, 0, 0.25); } #shop-popup-form input[type="text"], #shop-popup-form input[type="password"], #shop-popup-form input[type="email"], #shop-popup-form textarea, #shop-popup-form input[type="selectext"], #shop-popup-form input[type="password"], #shop-popup-form input[type="text"]:focus, #shop-popup-form input[type="password"]:focus, #shop-popup-form input[type="email"]:focus, #shop-popup-form textarea:focus{ color: white; /*opacity: 0.7;*/ } #shop-popup-form .cta-nf-submit { color: white; width: auto; display: inline-block; letter-spacing: 0.1em; text-transform: uppercase; /*font-family: Encode Sans Condensed;*/ font-weight: 600; font-size: 12px; padding: 13px 21px; background: rgb(0,97,50); /*border: none;*/ background: none; border: 1px solid #fff; cursor: pointer; } #shop-popup-form .cta-nf-submit:hover { background: rgba(0,0,0,0.4); } #shop-popup-form .nf-error-msg, #shop-popup-form .ninja-forms-req-symbol { color: #ff7373; } #shop-popup-form .g-recaptcha { text-align: center; } #shop-popup-form .g-recaptcha > * { display: inline-block; } #shop-popup-form .nf-form-content { text-align: left; } /*#popup-form .recaptcha-wrap .nf-field-label,*/ #shop-popup-form .recaptcha-wrap label { /*display: none;*/ color: transparent; opacity: 0; } #shop-popup-form .cta-nf-submit { display: inline-block; } #shop-popup-form .submit-wrap { text-align: center; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { /* PREFORM CONTENT */ /*----------------------------------------*/ .preform .icon-link::before { width: auto; height: auto; border: none; padding: 0; position: relative; top: 2px; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ /* PADDING */ /*----------------------------------------*/ .popup .contact-form > .ez-row { padding: 30px 10px; } .popup .contact-form > .ez-row.preform { padding: 15px 15px 10px; } .popup .popup-content > .ez-col { padding: 10px; } /* PREFORM CONTENT */ /*----------------------------------------*/ .preform .icon--phone { /*margin-top: 10px;*/ /*margin-bottom: 10px;*/ } .preform .icon--email { /*margin-top: 20px;*/ /*margin-bottom: 10px;*/ } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } #global-wrapper .accordion, #global-wrapper .accordion-content, #global-wrapper .accordion-header, #global-wrapper .accordion-wrapper{ border: none; } #global-wrapper .accordion-content{ border-left: 1px solid white; } #global-wrapper .side-bar{ border-right: 1px solid rgba(255,255,255,0.4); } #global-wrapper .cat-item > a.accordion-header{ text-decoration: none; } .accordion-header.icon:after { display: inline-block; font-family: 'themify'; content: ">"; content: "\e64b"; float: right; } .accordion .label, .accordion-header.icon::after { padding: 5px 10px; display: inline-block } .accordion-header { padding: 6px 10px 7px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } .back-to-top { bottom: 20px; right: 20px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .back-to-top { bottom: 15px; right: 15px; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ } /* /* Video Popup */ /*---------------------------------------------- */ #video-container iframe { /*width: 100%;*/ /*background: rgba(0,0,0,0.2);*/ /*z-index: 10;*/ } #video-container::before { /*content: 'Video Loading';*/ /*position: absolute;*/ /*display: inline-block;*/ /*z-index: 0;*/ /*opacity: 0.3;*/ /*height : 0;*/ /*top: calc(50% - 24px);*/ /*left: calc(50% - 80px);*/ } /* Responsive Video Embeds */ /*todo: consider .stretchy-vid-via-js (may be useful for multiple video popups on one page)*/ .stretchy-vid { } .stretchy-vid .vid-container { /*position: relative;*/ /*padding: 0;*/ /*width: 100%;*/ /*!* DEFAULT aspect ratio: 16:9 *!*/ /*padding-top: calc(100% * 9/16);*/ /*height: auto!important;*/ } .stretchy-vid iframe { /*position: absolute;*/ /*top: 0;*/ /*left: 0;*/ /*width: 100%;*/ /*max-width: 100%;*/ /*height: 100%;*/ } /* - ALT aspect ratio: 4:3 */ .stretchy-vid .vid-container.aspect--4-3 { /*padding-top: calc(100% * 3/4);*/ } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ }*/ /* @font-face { /* icons via: http://fontello.com/ */ font-family: 'icon-font--social'; src: url('/wp-content/themes/seed-child-jenrey/fonts/icon-font--social/font/icon-font--social.eot'); src: url('/wp-content/themes/seed-child-jenrey/fonts/icon-font--social/font/icon-font--social.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/seed-child-jenrey/fonts/icon-font--social/font/icon-font--social.woff') format('woff'), url('/wp-content/themes/seed-child-jenrey/fonts/icon-font--social/font/icon-font--social.ttf') format('truetype'), url('/wp-content/themes/seed-child-jenrey/fonts/icon-font--social/font/icon-font--social.svg?#icon-font--social') format('svg'); font-weight: normal; font-style: normal; } .social-icon { display: inline-block; } .circle-icons .social-icon { /*border: 0.05em solid #444;*/ border-radius: 50%; background: white; width: 2em; height: 2em; text-align: center; padding: 5px 0 0 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow .2s ease-out; -moz-transition: box-shadow .2s ease-out; transition: box-shadow .2s ease-out; margin: 0 5px; } .circle-icons .social-icon:first-of-type { margin-left: 0; } .circle-icons .social-icon:last-of-type { margin-right: 0; } .icons .ez-row { width: auto; } .icons > .ez-row { display: inline-table; } /* TEXT WHITE */ .text-white .circle-icons .social-icon { /*border-color: #fff;*/ } /* HOVER STATES */ .social-icon:hover, .circle-icons .social-icon:hover, .text-white .circle-icons .social-icon:hover { /*border-color: #1c99af;*/ /*color: #1c99af;*/ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } .icon-phone:after { font-family: FontAwesome; content: '\f10b'; font-size: 22px; } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ }*/ /*/*todo: add to blank */ /* CONTENT TABS ---------------------------------------------- */ .content-tabs { } .tabs-body.ez-row { table-layout: fixed; } .content-tabs .tabs-menu-wrap { /*border-bottom: 2px solid #008b58;*/ /*margin-bottom: 30px;*/ border: none; margin-bottom: 0 } .content-tabs .tabs-menu { width: auto; } .content-tabs .tab-label { cursor: pointer; width: auto; font-weight: 500; font-size: 12px; line-height: 1.6em; text-transform: uppercase; padding: 15px; /*background: rgba(0, 139, 88, 0.1);*/ background: none; color: #606060; opacity: 0.5; } .content-tabs .tab-content { display: none; white-space: normal; } .content-tabs .tab-label.active { /*background: #008b58;*/ /*background: rgba(0, 90, 57, 0.7);*/ /*color: white;*/ background: none; color: #606060; opacity: 1; } .content-tabs .tab-label:hover { background: rgba(0, 0, 0, 0.05); } .content-tabs .tab-content.active { display: inline-table; width: 100%; table-layout: fixed; } .content-tabs .tab-content.ez-col.active { display: table-cell; } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { .content-tabs .tabs-menu-wrap.ez-col { width: 200px; } } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { .content-tabs .tabs-menu-wrap.ez-col { width: 180px; } } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { .content-tabs .tabs-mob-nav { display: inline-block; padding: 8px 0; } .content-tabs .tabs-menu { margin-bottom: 40px; } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ }*/ /*.flexpaper_spinner_logo{ z-index:0; } .flexpaper_cssspinner { position:absolute; opacity: 0.4; -webkit-animation: flexpaper_spinner_rotator 3.4s linear infinite; -moz-animation: flexpaper_spinner_rotator 3.4s linear infinite; animation: flexpaper_spinner_rotator 3.4s linear infinite; } @-webkit-keyframes flexpaper_spinner_rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes flexpaper_spinner_rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } .flexpaper_spinner_path { stroke-dasharray: 187; stroke-dashoffset: 0; -moz-transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -moz-animation: flexpaper_spinner_dash 1.4s ease-in-out infinite, flexpaper_spinner_colors 5.6s ease-in-out infinite; -webkit-animation: flexpaper_spinner_dash 1.4s ease-in-out infinite, flexpaper_spinner_colors 5.6s ease-in-out infinite; animation: flexpaper_spinner_dash 1.4s ease-in-out infinite, flexpaper_spinner_colors 5.6s ease-in-out infinite; } @-webkit-keyframes flexpaper_spinner_colors { 0% { stroke: #999999; stroke: rgba(255,255,255,0); } 25% { stroke: #eeeeee; stroke: rgba(255,255,255,0.25); } 50% { stroke: #aaaaaa; stroke: rgba(255,255,255,0.5); } 75% { stroke: #bbbbbb; stroke: rgba(255,255,255,0.75); } 100% { stroke: #dddddd; stroke: rgba(255,255,255,1); } } @-moz-keyframes flexpaper_spinner_colors { 0% { stroke: #999999; stroke: rgba(255,255,255,0); } 25% { stroke: #eeeeee; stroke: rgba(255,255,255,0.25); } 50% { stroke: #aaaaaa; stroke: rgba(255,255,255,0.5); } 75% { stroke: #bbbbbb; stroke: rgba(255,255,255,0.75); } 100% { stroke: #dddddd; stroke: rgba(255,255,255,1); } } @keyframes flexpaper_spinner_colors { 0% { stroke: #999999; stroke: rgba(255,255,255,0); } 25% { stroke: #eeeeee; stroke: rgba(255,255,255,0.25); } 50% { stroke: #aaaaaa; stroke: rgba(255,255,255,0.5); } 75% { stroke: #bbbbbb; stroke: rgba(255,255,255,0.75); } 100% { stroke: #dddddd; stroke: rgba(255,255,255,1); } } @-webkit-keyframes flexpaper_spinner_dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); -moz-transform: rotate(450deg); transform: rotate(450deg); } } @-moz-keyframes flexpaper_spinner_dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); -moz-transform: rotate(450deg); transform: rotate(450deg); } } .flexpaper_spinner_fallback{ opacity: 0.4; position:absolute; display:inline-block; padding:0px; transform:rotate(90deg); -webkit-transform:rotate(90deg); -webkit-animation: rotate 1.3s infinite linear; animation: rotate 1.3s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .flexpaper_spinner_fallback_msie { height: 75px; width: 75px; margin-left:-40px; margin-top:-46px; position:absolute; -webkit-animation: rotate_msie 0.8s infinite linear; animation: rotate_msie 0.8s infinite linear; border: 7px solid #aaaaaa; border-right-color: transparent; border-radius: 50%; opacity:0.4; } @-webkit-keyframes rotate_msie { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); border-right-color: #eeeeee;border-left-color: #999999;} 50% { -webkit-transform: rotate(160deg); transform: rotate(160deg); border-right-color: #eeeeee;border-left-color: transparent;} 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); border-right-color: #eeeeee;border-left-color: #999999;} } @keyframes rotate_msie { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); border-right-color: #eeeeee;border-left-color: #999999;} 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); border-right-color: #eeeeee;border-left-color: #999999;} } .flexpaper_spinner_fallback_circle { fill: transparent; stroke: #fe7f00; stroke-width:5px; -webkit-animation: 1.3s flexpaper_spinner_fallback_circle infinite ease-in-out; animation: 1.3s flexpaper_spinner_fallback_circle infinite ease-in-out; } @keyframes flexpaper_spinner_fallback_circle { 0% { stroke: #999999; stroke: rgba(255,255,255,0); stroke-dasharray:0 400; stroke-dashoffset: 0; } 25%{ stroke: #aaaaaa; stroke: rgba(255,255,255,0.5); stroke-dashoffset: 0; } 100% { stroke: #dddddd; stroke: rgba(255,255,255,1); stroke-dasharray:400 400; stroke-dashoffset: -400; } } @-webkit-keyframes flexpaper_spinner_fallback_circle { 0% { stroke: #999999; stroke: rgba(255,255,255,0); stroke-dasharray:0 400; stroke-dashoffset: 0; } 25%{ stroke: #aaaaaa; stroke: rgba(255,255,255,0.5); stroke-dashoffset: 0; } 100% { stroke-dashoffset: -400; stroke-dasharray:400 400; stroke-dashoffset: -400; } } .flexpaper_spinner_fallback_msie2 { -webkit-animation: flexpaper_spinner_fallback_msie2_animate 1.1s linear infinite; animation: flexpaper_spinner_fallback_msie2_animate 1.1s linear infinite; clip: rect(0, 80px, 80px, 40px); height: 80px; width: 80px; z-index:2; position: absolute; } @keyframes flexpaper_spinner_fallback_msie2_animate { 0% { transform: rotate(0deg) } 100% { transform: rotate(220deg) } } @-webkit-keyframes flexpaper_spinner_fallback_msie2_animate { 0% { transform: rotate(0deg) } 100% { transform: rotate(220deg) } } .flexpaper_spinner_fallback_msie2:after { -webkit-animation: flexpaper_spinner_fallback_msie2_animate2 1.1s ease-in-out infinite; animation: flexpaper_spinner_fallback_msie2_animate2 1.1s ease-in-out infinite; clip: rect(0, 80px, 80px, 40px); content:''; border-radius: 50%; height: 80px; width: 80px; position: absolute; } @keyframes flexpaper_spinner_fallback_msie2_animate2 { 0% { box-shadow: inset #999999 0 0 0 6px; transform: rotate(-140deg); } 50% { box-shadow: inset #eeeeee 0 0 0 6px; } 100% { box-shadow: inset #bbbbbb 0 0 0 6px; transform: rotate(140deg); } } @-webkit-keyframes flexpaper_spinner_fallback_msie2_animate2 { 0% { box-shadow: inset #999999 0 0 0 6px; transform: rotate(-140deg); } 50% { box-shadow: inset #eeeeee 0 0 0 6px; } 100% { box-shadow: inset #bbbbbb 0 0 0 6px; transform: rotate(140deg); } }*/ /* TEMPLATES */ /*===========================================================*/ /* Home Page Hero */ /*---------------------------------------------- */ .hero-content img { /* after combining css via total the style below does not want to get read by the browser even though it can be seen when inspecting the css file via inspector */ /* declaring the selector and extra time before the actual style seems to solve this issue */ } .hero-content img { display: inline-block; } .hero-container { background-size: cover; background-position: center center; } .hero-content h1 { font-szie: 30px; margin-top: 45px; margin-bottom: 30px; } #content-block .hero-content p { font-size: 18px; line-height: 1.65em; margin: 0 auto 30px; max-width: 30em; } .hero-container { position: relative; } .hero-content { padding-top: 0; padding-bottom: 90px; /* for alt trust logo slider */ /*padding-bottom: 0;*/ } .client-logos { padding: 0 30px 20px; position: absolute; bottom: 0; left: 0; background: rgba(0,26,38,0.75); } .client-logo { display: inline-block; width: 80px; } .hero-content .cta:last-child > * { margin-bottom: 15px; } /* Homepage Scroll-hinter */ /*---------------------------------------------- */ .scroll-hinter-row { padding: 30px 0; background-image: url('/wp-content/themes/seed-child-jenrey/images/smoke-blue-gradient.jpg'); background-size: cover; background-position: center center; text-align: center; position: relative; } .hinter-wrap { top: -28px; left: 0; position: absolute; width: 100%; overflow: hidden; height: 40px; } .scroll-hinter-row .scroll-hinter-arrow { display: inline-block; height: 35px; width: 70px; border-top-left-radius: 70px; border-top-right-radius: 70px; background: #99b2bd; } .scroll-hinter-arrow .icon:before { color: white; font-family: 'themify'; content: "\e64b"; font-size: 24px; position: relative; top: 5px; opacity: 0.7; } .scroll-hinter-arrow .height-el { height: 10px; position: absolute; } /* Content Grid */ /*---------------------------------------------- */ #grid-content { } #grid-content .meta-group-tile { text-align: left; /*border: 1px solid #ddd;*/ } #grid-content .mg-heading { font-weight: 600; } #grid-content .mg-content {} #grid-content .img-col { width: 80px; } #grid-content .content-col { padding: 0 15px; } #grid-content .meta-group-tile { padding: 45px; } #grid-content .meta-group-tile:nth-child(2n+1) { border-right: 1px solid #ddd; } #grid-content .meta-group-tile:nth-child(2n) { border-left: 1px solid #ddd; margin-left: -1px; } #grid-content .meta-group-tile:nth-child(n+3) { border-top: 1px solid #ddd; } /* Link Text */ /*---------------------------------------------- */ #link-section h2 { max-width: 18em; margin: 0 auto 30px; } #cta-section h2 { max-width: 17em; margin: 0 auto 15px; } @media only screen and (min-width:1100px) { } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { /* Home Page Hero */ /*---------------------------------------------- */ .hero-content img.hero-logo { max-width: 280px; } /* Content Grid */ /*---------------------------------------------- */ #grid-content .meta-group-tile { padding: 30px; } #grid-content .img-col { width: 70px; } } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { /* Home Page Hero */ /*---------------------------------------------- */ .hero-content { padding-top: 0; padding-bottom: 60px; } .hero-content img.hero-logo { max-width: 280px; } .hero-content h1 { font-size: 28px; line-height: 36px; } #content-block .hero-content h1, #content-block .hero-content p { margin-top: 10px; margin-bottom: 10px; } #content-block .hero-content p { font-size: 14px; } .client-logos { /*display: none;*/ padding: 5px 15px 10px; /*position: absolute;*/ /*bottom: 0;*/ /*left: 0;*/ /*background: rgba(0, 26, 38, 0.75);*/ } .client-logo { /*display: inline-block;*/ /*width: 60px;*/ } .ez-row.scroll-hinter-row { padding: 30px 0; } .hero-container { background-size: cover; background-position: 30% center; } /* LINK SECTION */ /*---------------------------------------------- */ #link-section .meta-group-tile { width: auto; padding: 0 4px; } #link-section .meta-group-tile p { width: 120px; } /* CONTENT GRID */ /*---------------------------------------------- */ #grid-content { } #grid-content .meta-group-tile { text-align: left; /*border: 1px solid #ddd;*/ } #grid-content .mg-heading { font-weight: 600; } #grid-content .mg-content {} #grid-content .img-col { width: 110px; } #grid-content .content-col { padding: 0; } #content-block #grid-content .meta-group-tile { padding: 15px 0; border: none; } #content-block #grid-content .meta-group-tile .img-col { padding: 15px; padding-left: 0; } /* CTA SECTION */ /*---------------------------------------------- */ #cta-section > .container { padding: 0; } #cta-section .cta > * { /*margin-bottom: 0;*/ } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ /* Home Page Hero */ /*---------------------------------------------- */ .hero-content .cta > * { margin-top: 10px; } .hero-content img.hero-logo { max-width: 220px; } .hero-content h1 { font-size: 21px; line-height: 30px; } .hinter-wrap { top: -20px; height: 40px; } .scroll-hinter-row .scroll-hinter-arrow { display: inline-block; height: 25px; width: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; background: #99b2bd; } .scroll-hinter-arrow .icon:before { color: white; font-family: 'themify'; content: "\e64b"; font-size: 18px; position: relative; top: 0; opacity: 0.8; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ .hero-content img.hero-logo { max-width: 130px; } } .about-page-content .content-col h1, .about-page-content .content-col h2, .about-page-content .content-col h3, .about-page-content .content-col h4, .about-page-content .content-col h5, .about-page-content .content-col h6, .about-page-content .content-col p { margin-bottom: 30px; } .about-page-content .content-col { padding: 0 0 45px 0; border-right: 1px solid #ddd; } .about-page-content .sidebar-col { padding: 0 0 45px 45px; } #about-hero .hero-icon-image { display: inline-block; max-width: 70%; margin-bottom: 15px; } .instagram-feed { margin-left: -10px; margin-right: -10px; } #sb_instagram .sb_instagram_header { padding-top: 0!important; } .content-col .col-row { padding: 45px; padding-left: 0; border-bottom: 1px solid #ddd; } .content-col .col-row:first-child { padding-top: 0; } .content-col .col-row:last-child { border-bottom: none; } /*.customer-logos {*/ /*background: #eaf5f8;*/ /*}*/ /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { .about-page-content .content-col { padding: 0 0 30px 0; border-right: 1px solid #ddd; } .about-page-content .sidebar-col { padding: 0 0 30px 30px; } /* 1/8 width */ .customer-logos div.trust-logo { width: 12.5%; } } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { .content-col .col-row { padding: 30px; } .about-page-content .width-phi-lrg { width: 61.8%; } } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { .about-page-content .content-col { padding: 0; border-right: none; } .about-page-content .sidebar-col { padding: 0; } .content-col .col-row { padding: 30px 0; border-bottom: 1px solid #ddd; } .content-col .col-row:last-child { border-bottom: 1px solid #ddd; margin-bottom: 45px; } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ .about-page-content .content-col { padding: 0; } .about-page-content .sidebar-col { padding: 0; } #about-hero h1 { font-size: 21px; } .instagram-feed #sb_instagram #sbi_images .sbi_item { padding: 3px !important; } } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } .product-banner.product-list > .ez-col { padding: 60px 0 30px; } .list-product { display: inline-table; padding: 30px; table-layout: fixed; } .list-product .product-image { display: inline-block; } .list-product .product-image img { display: inline-block; } .product-title { margin-bottom: 20px; } .product-description { max-width: 32em; display: inline-block } .quicktap-wrap .product-image img { padding-bottom: 20px; } .e6pr-2-wrap .product-image img { padding-bottom: 20px; } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { .products-list .list-product { width: 50%; } } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { .products-list .list-product { width: 100%; } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } #services-hero.static-hero-content h1 { max-width: 12em; margin: 0 auto 30px; } .service-list.meta-group-tiles { margin-left: -15px; margin-right: -15px; } .service-list .meta-group-tile { text-align: left; padding: 0 30px; } .service-list .meta-group-tile .image-container { margin-bottom: 10px; } .service-list .meta-group-tile h3 { margin-bottom: 15px; } .service-list .meta-group-tile ul { list-style: none outside; padding: 20px 0 20px 20px; } .service-list .meta-group-tile li { list-style-type: initial; line-height: 1.65em; } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { .service-list .meta-group-tile { padding: 0 15px; } .static-hero-content { padding-top: 60px; padding-bottom: 20px; } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } /* article.error404 { position: relative; text-align: center; padding: 5%; } article.error404 .entry-header { position: absolute; opacity: 0.075; width: 100%; text-align: center; left: 0; pointer-events: none; } article.error404 .entry-content > * { /*display: inline-block*/ } article.error404 .entry-header .entry-title { font-size: 320px; margin-top: -120px; font-weight: 700; } #content-block article.error404 .entry-content p { margin: 30px auto 20px; } /* MQ0: Desktop (Laptop) ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) ================================================== */ @media only screen and (max-width:1025px) { } /* MQ2: Tablet (Portrait) ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { article.error404 .entry-header .entry-title { font-size: 220px; margin-top: -100px; font-weight: 700; } } /* MQ4: Mobile (Portrait) ================================================== */ @media only screen and (max-width: 479px){ article.error404 .entry-header .entry-title { font-size: 120px; margin-top: -70px; font-weight: 700; } #content-block article.error404 .entry-content p { margin: 30px auto 20px; } } /* MQ4: Mobile (iphone <= 4) ================================================== */ @media only screen and (max-height: 460px){ }*/ .product-banner { /* after combining css via total the style below does not want to get read by the browser even though it can be seen when inspecting the css file via inspector */ /* declaring the selector and extra time before the actual style seems to solve this issue */ } .product-banner { background-image: url("/wp-content/themes/seed-child-jenrey/images/jenrey-product-banner.jpg"); height: 300px; } /* PRODUCT INTRO STYLING */ /* ---------------------------------------------- */ .prod-intro-container { padding-bottom: 30px; } .product-intro ul { padding: 20px 0 20px 20px; } .product-intro p + ul { padding-top: 0; } .product-intro li { list-style-type: initial; line-height: 1.65em; } .product-intro h1, .product-intro h2, .product-intro h3, .product-intro h4, .product-intro h5, .product-intro h6, .product-intro p { margin-bottom: 20px; } .product-intro .product-title { margin-bottom: 30px; } .product-intro .intro-text { font-size: 18px; line-height: 1.85em; max-width: 29em; } .product-intro { width: 50% } .showcase-half { width: 50% } .showcase-full { display: none; } .product-showcase-img { position: relative; } .showcase-wide .product-intro { width: 100% } .showcase-wide .showcase-half { display: none; } .showcase-wide .showcase-full { display: table; } .intro-text { padding-left: 45px; } .showcase-wide .product-intro .intro-text { max-width: 43em; margin: 0 auto; text-align: center; padding-left: 0; } .showcase-wide .product-intro .intro-text p { text-align: center; } .ez-col.showcase-half.last-col { text-align: left; } .product-slide, .product-slide .pos-container { table-layout: fixed; } /* PRODUCT DETAILS */ /* ---------------------------------------------- */ .product-details .layout-col:first-child { border-right: 1px solid #c7dade; } .product-details .layout-col:nth-child(2) { margin-left: -1px; } .product-details .primary-col { width: 60%; } .product-details .secondary-col { width: 40%; } .product-details .layout-col > .ez-row { padding: 60px; border-bottom: 1px solid #c7dade; } .product-details .layout-col > .ez-row:last-child { border-bottom: none; padding-bottom: 0; } .product-details .layout-col > .ez-row.video-row { border-bottom: none; padding-bottom: 30px; } .product-details .layout-col > .ez-row.video-row > .relative-pos:last-child { margin-bottom: -20%; } .product-details .layout-col > .ez-row:first-child { padding-top: 0; } .product-details .layout-col:first-child .ez-row { padding-left: 0; } .product-details .layout-col:nth-child(2) .ez-row { padding-right: 0; } .product-details ul { padding: 20px 0 20px 20px; } .product-details ul:last-child { margin-bottom: 0; } .product-details p + ul { padding-top: 0; } .product-details li { list-style-type: initial; line-height: 1.65em; } .product-details h1, .product-details h2, .product-details h3, .product-details h4, .product-details h5, .product-details h6, .product-details p { margin-bottom: 15px; } .product-details .ez-row.play-icon-overlay { padding: 0; } .product-details { /*background: #f4fafc;*/ background: #eaf5f8; } .product-details .reflection .gradient-fade { background-image: url('/wp-content/themes/seed-child-jenrey/images/reflect-grad-fogblue.png') } .product-details .quote-cta-row { position: relative; padding: 0; } .product-details .video-row .quote-cta-row { text-align: center; } .product-details .video-row .quote-cta { position: absolute; padding: 0; top: -40px; } .product-details .alignright { float: right; } .product-details img.alignleft, .product-details img.alignright{ display: inline-block; } .product-details .secondary-col .ez-row.quote-cta-row:first-child { border-bottom: 1px solid #c7dade; padding-bottom: 60px; } .product-details .secondary-col .ez-row.quote-cta-row:first-child .quote-cta { padding: 15px 0 0; } .product-details .brick-inner { box-shadow: 0 0 20px rgba(0,0,0,0.05); cursor: pointer; } .product-details .hover span { line-height: 1.4em } .product-details .primary-col iframe { max-width: 100%; width: 100%; } .product-details .primary-col > .ez-row { table-layout: fixed; } .secondary-details > p + .cta { width: 100%; text-align: center; } .secondary-details > p + .cta > .hover-wrap { display: inline-block; } .quote-cta .cta > * { margin: 0; } .partner-logo { margin: 40px 0 0; display: inline-block; } #basic-slider-popup .popup-container { width: 800px; } /* PRODUCT SPECIFIC STYLING */ /* ---------------------------------------------- */ .prod-cj1 img { position: absolute; bottom: 0; left: -6px; } .prod-cj1 { height: 300px; display: inline-block; max-width: 480px; width: 100%; } .ECO-2T-SA img { position: absolute; bottom: 0; } .ECO-2T-SA { height: 400px; margin-bottom: -90px; display: inline-block; max-width: 400px; width: 100%; } .ECO-1T-SA img { position: absolute; bottom: 0; } .ECO-1T-SA { height: 420px; margin-bottom: -60px; display: inline-block; max-width: 450px; width: 100%; } .BRA-RF-3Tplus img { position: absolute; bottom: 0; left: 1%; } .BRA-RF-3Tplus { height: 175px; } .petainer-keg { } .petainer-keg img { display: inline-block; width: 95%; height: auto; margin-bottom: -20px; } .petainer-cooler { } .petainer-cooler img { display: inline-block; width: 90%; height: auto; margin-bottom: -50px; } .brite-tanks img { position: absolute; bottom: -50px; left: 24px; } .brite-tanks { height: 300px; /* display: inline-block; */ max-width: 350px; width: 100%; margin: auto; } .fermentation-tanks img { position: absolute; bottom: -100px; left: 70px; } .fermentation-tanks { height: 300px; display: inline-block; max-width: 480px; width: 100%; } .quicktap img { margin-bottom: -9%; } .quicktap { } .e6pr img { position: absolute; top: -300px; width: 130%; max-width: 130%; left: -30%; } .e6pr-2 img { position: absolute; top: -360px; width: 85%; left: 13%; } .hand-sanitizer img { position: absolute; bottom: 0; } .hand-sanitizer { height: 370px; margin-bottom: -60px; display: inline-block; max-width: 400px; width: 100%; left: 10%; } .can-warmer img { display: inline-block; width: 100%; height: auto; margin-bottom: 20px; /*margin-top: -70px;*/ } .can-warmer { } .kegs img { position: absolute; bottom: 0; left: 1%; } .kegs { height: 145px; margin-bottom: 60px; max-width: 900px; display: inline-block; width: 100%; } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1500px) { } @media only screen and (max-width:1160px) { .e6pr img { top: -250px; } .product-details .layout-col > .ez-row { padding: 45px; } } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { .product-banner { height: 200px; } .product-intro h1, .product-intro h2, .product-intro h3, .product-intro h4, .product-intro h5, .product-intro h6, .product-intro p { margin-bottom: 5px; } .intro-text { /*padding-right: 30px;*/ } /* PRODUCT SPECIFIC STYLING */ .ECO-2T-SA img { position: absolute; bottom: 0; } .ECO-2T-SA { height: 480px; margin-bottom: -60px; max-width: 380px; width: 100%; } .ECO-1T-SA img { position: absolute; bottom: 0; } .ECO-1T-SA { height: 490px; margin-bottom: -40px; max-width: 400px; width: 100%; } .brite-tanks img { max-width: 90%; bottom: -50px; left: 44px; } .fermentation-tanks img { max-width: 90%; bottom: -80px; left: 70px; } .fermentation-tanks { max-width: 350px; } .e6pr img { top: -200px; } .e6pr-2 img { top: -280px; width: 80%; left: 20%; } .hand-sanitizer img { /*position: absolute;*/ /*bottom: 0;*/ } .hand-sanitizer { height: 370px; /*margin-bottom: -60px;*/ /*display: inline-block;*/ max-width: 320px; /*width: 100%;*/ /*left: 10%;*/ } .kegs { height: 0; padding-top: 30%; } } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { .product-banner { height: 150px; } .product-details .layout-col > .ez-row { padding: 30px; } /* PRODUCT SPECIFIC STYLING */ .ECO-2T-SA img { position: absolute; bottom: 0; } .ECO-2T-SA { max-width: 350px; } .ECO-1T-SA img { position: absolute; bottom: 0; } .ECO-1T-SA { max-width: 350px; margin-bottom: -40px; } .petainer-keg img { width: 95%; } .brite-tanks img { max-width: 80%; bottom: -40px; left: 54px; } .fermentation-tanks img { bottom: -50px; } .fermentation-tanks { max-width: 280px; } .e6pr-2 img { position: absolute; width: 90%; left: 16%; } } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { .product-banner { height: 140px; } .showcase-half { display: none; } .showcase-full { display: table; } .product-intro .intro-text { padding-left: 0; padding-right: 0; text-align: center; display: inline-block; } .product-intro { text-align: center; } .product-details .quote-cta-row { padding: 0 0 60px; } .product-details .container .layout-col { width: 100%; border-right: none; margin-right: 0; } .product-details .layout-col > .ez-row { padding: 30px 0; } .product-details .layout-col > .ez-row.video-row { padding: 0 20%; } .product-details .layout-col > .ez-row.quote-cta-row:first-child { margin-bottom: 40px; } #photo-gallery .image-wrapper { width: 25%; } .quote-cta-row.mobile-show.ez-row, .quote-cta-row.mobile-show .quote-cta { padding: 0; } .product-details .layout-col > .ez-row.video-row > .relative-pos:last-child { margin-bottom: 0; } /* PRODUCT SPECIFIC STYLING */ .prod-cj1 img { position: absolute; /*display: inline-block;*/ bottom: 0; max-height: 340px; } .prod-cj1 { display: inline-block; text-align: center; height: 220px; max-width: 300px; width: 100%; } .ECO-2T-SA img { position: absolute; bottom: 0; max-height: 340px; } .ECO-2T-SA { display: inline-block; text-align: center; height: 240px; margin-bottom: 0; max-width: 220px; width: 100%; } .ECO-1T-SA img { position: absolute; bottom: 0; max-height: 340px; } .ECO-1T-SA { text-align: center; height: 250px; display: inline-block; margin-bottom: 0; max-width: 220px; width: 100%; } .petainer-keg { text-align: center; max-height: 340px; } .petainer-keg img { margin-bottom: 0px; max-width: 300px; } .petainer-cooler { text-align: center; max-height: 340px; } .petainer-cooler img { margin-bottom: 0px; max-width: 300px; } .brite-tanks img { position: absolute; bottom: 20px; max-height: 370px; left: 20px; } .brite-tanks { display: inline-block; text-align: center; height: 240px; margin-bottom: 0; max-width: 220px; width: 100%; } .fermentation-tanks img { position: absolute; bottom: 0; max-height: 600px; left: 20px; } .fermentation-tanks { display: inline-block; text-align: center; height: 320px; margin-bottom: 20px; max-width: 260px; width: 100%; } .quicktap img { margin-bottom: 0; } .e6pr-2 { padding-top: 240px; } .e6pr-2 img { position: absolute; top: -110px; width: 100%; left: 30%; left: calc(50% - 120px); max-width: 290px; } .hand-sanitizer img { /*position: absolute;*/ /*bottom: 0;*/ } .hand-sanitizer { height: 370px; margin-bottom: -10px; /*display: inline-block;*/ max-width: 280px; width: 100%; left: unset; } .can-warmer img { margin-bottom: 50px; margin-top: -70px; } .can-warmer { } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ .product-details .layout-col > .ez-row.video-row { padding: 0 5%; } #photo-gallery .image-wrapper { width: 33.33%; } /* PRODUCT SPECIFIC STYLING */ .BRA-RF-3Tplus img { max-width: 120%; margin-left: -10%; } .BRA-RF-3Tplus { height: 105px; margin-bottom: 40px; } .fermentation-tanks { height: 180px; max-width: 190px; } .kegs { padding-top: 16%; } .kegs { margin-bottom: 30px; } } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } /* common ---------------------------------------------- */ #blog-banner { background: url('/wp-content/themes/seed-child-jenrey/images/jenrey-blog-banner.jpg'); background-size: cover; background-position: center 30%; } #blog-banner .static-hero-content { padding-top: 60px; padding-bottom: 170px; } /* SINGLE POST TEMPLATE ---------------------------------------------- */ .the-post { background: white; margin-top: -180px; margin-bottom: 60px; max-width:650px; box-shadow: 0 0 60px rgba(0,0,0,0.1); table-layout: fixed; } .the-post .post-inner { padding: 30px; table-layout: fixed; } .the-post .post-inner > h1:first-child { margin-bottom: 5px; font-size: 28px; line-height: 1.4em; } .the-post .post-inner > .date { /*margin-bottom: 30px;*/ text-transform: uppercase; font-size: 0.85em; color: #bbb; font-weight: 600; } .the-post .post-inner > * { margin-bottom: 20px; } .the-post .post-inner > *:last-child { margin-bottom: 0; } .the-post iframe { width: 100%; /*height: auto;*/ } .the-post > img:first-child { border-bottom: 1px solid #eee; } .single-post .global-inner { background: #fdfcfc; } .single-post #main article > .ez-row { display: block; } /* BLOG FEED TEMPLATE --------------------------------------------- */ .the-feed { margin-top: -180px; margin-bottom: 30px; } .the-feed-post { padding: 15px; display: inline-table; } .the-feed-post-inner { background: white; box-shadow: 0 0 60px rgba(0,0,0,0.1); /*table-layout: fixed;*/ } .the-feed-post .post-inner { padding: 30px; } .the-feed-post a img:first-child { border-bottom: 1px solid #eee; } .the-feed-post a .date { text-transform: uppercase; font-size: 0.85em; color: #bbb; font-weight: 600; } .the-feed-post a .excerpt { color: #6b6b6b; margin-top: 10px; line-height: 1.85em; font-weight: 400; font-size: 16px; } .the-feed-post a { display: block; position: relative; } /* Make first post double the width */ .brick-sizer { width: 33.33%; } /* required for masonry with varying widths */ body:not(.paged) .the-feed-post:first-of-type { width: 66.6%; } body:not(.paged) .the-feed-post:first-of-type .post-title { font-size: 1.5em; line-height: 1.3em; } #blog-page-instagram #sb_instagram .sb_instagram_header a { display: inline-block; float: none; } #blog-page-instagram { padding: 110px 45px 90px; /*background: rgba(0,26,38,0.75);*/ background: #eaf5f8; } #blog-page-instagram .sb_instagram_header { /*margin-left: auto;*/ /*margin-right: auto;*/ max-width: 40em; /*float: none;*/ text-align: left; } /* blog pagination * @link http://www.wpbeginner.com/wp-themes/how-to-add-numeric-pagination-in-your-wordpress-theme/ ---------------------------------------------*/ .ez-row.content-row.blog-pagination { padding-bottom: 120px; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { color: #fff; text-decoration:none; } .navigation li { display: inline; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { border: 1px solid #1f9ed9; border-radius: 10px; background: none; color: #1f9ed9; padding: 13px 21px; } .navigation li a:hover { background-color: rgba(0,26,38,0.25); } .navigation li.active a { background-color: #1f9ed9; color: white; } .blog:not(.paged) #blog-feed .ez-feed-item:first-of-type { width: 66.66%; } .blog:not(.paged) #blog-feed .ez-feed-item:first-of-type .efi-heading { font-size: 36px; line-height: 1.45em; } /* MQ0: Desktop (Laptop) */ /* ================================================== */ @media only screen and (max-width:1160px) { } /* MQ1: Tablet (Landscape) */ /* ================================================== */ @media only screen and (max-width:1025px) { .the-feed-post { padding: 10px; } .the-post .ez-row.post-inner, .the-feed-post .post-inner { padding: 20px; } } /* MQ2: Tablet (Portrait) */ /* ================================================== */ @media only screen and (min-width: 767px) and (max-width: 959px) { } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { #blog-banner .static-hero-content { padding-top: 50px; padding-bottom: 160px; } .the-feed .the-feed-post, body:not(.paged) .the-feed-post:first-child{ width: 100%; } .the-post, .the-feed { /*max-width: 480px;*/ } .the-post .post-inner > h1:first-child, .the-feed-post:first-child .post-title { font-size: 21px; line-height: 28px; } /*.the-post .ez-row.post-inner,*/ .single-post-row.ez-row.content-row, .feed-row.ez-row.content-row { padding-left: 15px; padding-right: 15px; } .popup-header .header-close { width: 60px; } .popup-header .header-wrap { display: table; width: 100%; overflow: hidden; white-space: nowrap; table-layout: fixed; position: relative; } .popup-header .header-wrap:after { position: absolute; width: 60px; content: ""; display: inline-block; height: 30px; right: 0; background: linear-gradient(to right, rgba(33, 112, 150,0), rgba(33, 112, 150,1)); } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { padding: 5px 8px; } .blog-pagination.ez-row.content-row, .ez-col.content-row { padding: 0 15px 80px; } #blog-page-instagram #sb_instagram #sbi_images .sbi_item { width: 25%; } /* BLOG Feed */ .blog:not(.paged) #blog-feed .ez-feed-item:first-of-type { width: 100%; } .blog:not(.paged) #blog-feed .ez-feed-item:first-of-type .efi-heading { font-size: 24px; } } /* MQ4: Mobile (Portrait) */ /* ================================================== */ @media only screen and (max-width: 479px){ .single-post-row.ez-row.content-row, .feed-row.ez-row.content-row { padding-left: 10px; padding-right: 10px; } } /* MQ4: Mobile (iphone <= 4) */ /* ================================================== */ @media only screen and (max-height: 460px){ } .popup-vid-trig { display: inline-block; padding: 0 2.5%; } #popup-featured-product .popup-container { width: 800px; opacity: 1; } #popup-featured-product > .ez-row > .ez-col { padding: 30px 0; } #popup-featured-product .popup-content { padding: 0; } #popup-featured-product .text-col { padding-left: 30px; } #popup-featured-product input[type="checkbox"] { display: inline-block; width: auto; } #popup-featured-product .popup-content > .ez-container > .ez-row { /*text-align: left;*/ /*height: 500px;*/ max-height: 90vh; display: block; overflow-y: auto; overflow-x: hidden; padding: 30px; } .product-image img { width:70%; display: inline-block; } /* MQ3: Mobile (Landscape) */ /* ================================================== */ @media only screen and (max-width: 767px) { #popup-featured-product .popup-content > .ez-container > .ez-row { padding: 15px 15px 45px 15px; max-height: 80vh; } #popup-featured-product .popup-content { padding: 0; } .product-image img { max-width: 200px; } #popup-featured-product .text-col { padding-left: 0; } } @media only screen and (max-width: 480px) { /*#popup-featured-product .popup-content > .ez-container > .ez-row {*/ /*!*text-align: left;*!*/ /*!*height: 500px;*!*/ /*max-height: 80vh;*/ /*}*/ } .icon--check { display: inline-block; width: 90px; height: 90px; } .icon--check:before { color: #1f9ed9; font-family: 'themify'; /*content: "\e64c";*/ content: "\e64d"; font-size: 70px; line-height: 90px; position: relative; top: 5px; opacity: 0.7; } .bg-fogblue { background: #eaf5f8; } .bg-fogblue .reflection .gradient-fade { background-image: url(/wp-content/themes/seed-child-jenrey/images/reflect-grad-fogblue.png); } .embed-container { position: relative; /*padding-bottom: 56.25%;*/ padding-bottom: 950px; height: 0; overflow: hidden; /*max-width: 100%;*/ /*max-height: 1000px;*/ } @media only screen and (max-width: 479px) { /*.mob-portrait-col {*/ /* width: 100%!important;*/ /*}*/ .ez-col.portrait-col, .ez-col.mob-portrait-col { display: table-cell; /* width: 100%!important;*/ } } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 767px) { /*.ez-col.width-phi-sml.mobile-col {*/ /* display: table;*/ /* width: 100%!important;*/ /*}*/ .ez-col.mobile-col { display: table; width: 100%!important; } }