/* ****************************************************************************** ********************************************************************************* This file contains all the neccessary variables that control standard elements in the pages. This is also the file that loads all of the other themed CSS styleshets into just this one in each of themed templates. ********************************************************************************* ****************************************************************************** */ /* ****************************************************************************** ********************************************************************************* The intention of this file is to reset most of the different browser, built-in CSS styles, so that it is an empty canvas for the themed specific stylesheets. ********************************************************************************* ****************************************************************************** */ *, *:before, *:after { box-sizing: border-box; } /* ****************************************************************************** ********************************************************************************* The intention of this file is to makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing. ********************************************************************************* ****************************************************************************** */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: hidden; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Custom */ img.scale-with-grid,#Content img{max-width:100%;height:auto} .google-map img{max-width:none!important} iframe{max-width:100%} /* Buttons */ a.tp-button{background:none;font-family:inherit!important;height:auto!important;line-height:inherit!important;border-radius:0;letter-spacing:0!important;text-shadow:0 0 0!important;box-shadow:0 0 0!important;font-weight:400!important;border-width:1px!important} a.button_js{padding:0} a.button.button_large,a.tp-button.button_large,button.button_large,input[type="submit"].button_large,input[type="reset"].button_large,input[type="button"].button_large{font-size:110%;line-height:110%} a.button .button_label{display:block;float:left;position:relative;z-index:2} a.button .button_icon{display:block;float:left;background-color:rgba(0,0,0,.05)} a.button .button_icon i{color:rgba(0,0,0,.5)} a.button.button_dark .button_icon{background-color:rgba(255,255,255,.1)} a.button.button_dark .button_icon i{color:rgba(255,255,255,.5)} a.button.button_left .button_icon,a.tp-button.button_left .button_icon{float:left} a.button.button_right .button_icon,a.tp-button.button_right .button_icon{float:right} a.button .button_label{padding:11px 20px} a.button .button_icon{padding:11px 12px} a.button_large .button_label{padding:15px 30px} a.button_large .button_icon{padding:15px 13px} a.action_button{display:block;padding:11px 20px;line-height:21px;float:left;position:relative;box-sizing:border-box;border-radius:5px;overflow:hidden} a.action_button:hover{text-decoration:none} /* Buttons sizes */ a.button.button_size_1 .button_label{padding:10px 17px} a.button.button_size_1 .button_icon{padding:10px 10px} a.button.button_size_1, a.tp-button.button_size_1, button.button_size_1, input[type="submit"].button_size_1, input[type="reset"].button_size_1, input[type="button"].button_size_1{font-size:95%;line-height:95%} a.button.button_size_3 .button_label{padding:15px 30px} a.button.button_size_3 .button_icon{padding:15px 13px} a.button.button_size_3, a.tp-button.button_size_3, button.button_size_3, input[type="submit"].button_size_3, input[type="reset"].button_size_3, input[type="button"].button_size_3{font-size:110%;line-height:110%} a.button.button_size_4 .button_label{padding:18px 33px} a.button.button_size_4 .button_icon{padding:18px 16px} a.button.button_size_4, a.tp-button.button_size_4, button.button_size_4, input[type="submit"].button_size_4, input[type="reset"].button_size_4, input[type="button"].button_size_4{font-size:120%;line-height:120%} /* Button full-width */ a.button.button_full_width, button.button_full_width, input[type="submit"].button_full_width, input[type="reset"].button_full_width, input[type="button"].button_full_width{width:100%;box-sizing:border-box;text-align:center} a.button.button_full_width .button_icon{display:inline-block;float:none;background:none} a.button.button_full_width .button_label{display:inline-block;float:none} a.button_left.button_full_width .button_label{padding-left:0} a.button_right.button_full_width .button_label{padding-right:0} /* Buttons | Stroke */ /* Buttons | Flat */ .button-flat a.button,.button-flat:not(.header-plain) a.action_button,.button-flat a.tp-button,.button-flat button, .button-flat input[type="submit"],.button-flat input[type="reset"],.button-flat input[type="button"]{background-image:none;border-width:0;border-style:solid;border-radius:0;box-shadow:inset 0 0 0 0;-webkit-appearance:none} .button-flat a.button .button_icon{background:none} .button-flat a.button .button_icon i{color:inherit} .button-flat a.button_left.button .button_label,.button-flat a.button_left.button_large .button_label{padding-left:0} .button-flat a.button_right.button .button_label,.button-flat a.button_right.button_large .button_label{padding-right:0} .button-flat a.button_left.button_large .button_icon{padding-left:27px} .button-flat a.button_right.button_large .button_icon{padding-right:27px} /* Buttons | Round */ .button-round a.button,.button-round:not(.header-plain) a.action_button,.button-round a.tp-button,.button-round button, .button-round input[type="submit"],.button-round input[type="reset"],.button-round input[type="button"]{background-image:none;border-radius:50px;border-width:0;box-shadow:unset;-webkit-appearance:none} .button-round a.button{padding-left:15px;padding-right:15px} .button-round:not(.header-plain) a.action_button,.button-round a.tp-button,.button-round button, .button-round input[type="submit"],.button-round input[type="reset"],.button-round input[type="button"]{padding-left:35px;padding-right:35px} .button-round a.button .button_icon{background:none} .button-round a.button .button_icon i{color:inherit} .button-round a.button_left.button .button_label,.button-round a.button_left.button_large .button_label{padding-left:0} .button-round a.button_right.button .button_label,.button-round a.button_right.button_large .button_label{padding-right:0} .button-round a.button_left.button_large .button_icon{padding-left:27px} .button-round a.button_right.button_large .button_icon{padding-right:27px} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} /* Buttons | Colors */ /* Red */ a.button.button_red,a.tp-button.red{background-color:#e7432b;color:#fff} .button-stroke a.button.button_red,.button-stroke a.button.button_red .button_icon i,.button-stroke a.tp-button.red{color:#e7432b;border-color:#e7432b} .button-stroke a:hover.button.button_red,.button-stroke a:hover.tp-button.red{background-color:#e7432b!important;color:#fff} /* Blue */ a.button.button_blue,a.tp-button.blue{background-color:#2e96db;color:#fff} .button-stroke a.button.button_blue,.button-stroke a.button.button_blue .button_icon i,.button-stroke a.tp-button.blue{color:#2e96db;border-color:#2e96db} .button-stroke a:hover.button.button_blue,.button-stroke a:hover.tp-button.blue{background-color:#2e96db!important;color:#fff} /* Turquoise */ a.button.button_turquoise,a.tp-button.turquoise{background-color:#22e387;color:#fff} .button-stroke a.button.button_turquoise,.button-stroke a.button.button_turquoise .button_icon i,.button-stroke a.tp-button.turquoise{color:#22e387;border-color:#22e387} .button-stroke a:hover.button.button_turquoise,.button-stroke a:hover.tp-button.turquoise{background-color:#22e387!important;color:#fff} /* Yellow */ a.button.button_yellow,a.tp-button.yellow{background-color:#face43;color:#fff} .button-stroke a.button.button_yellow,.button-stroke a.button.button_yellow .button_icon i,.button-stroke a.tp-button.yellow{color:#face43;border-color:#face43} .button-stroke a:hover.button.button_yellow,.button-stroke a:hover.tp-button.yellow{background-color:#face43!important;color:#fff} /* Grey */ a.button.button_grey,a.tp-button.grey{background-color:#8f8f8f;color:#fff} .button-stroke a.button.button_grey,.button-stroke a.button.button_grey .button_icon i,.button-stroke a.tp-button.grey{color:#8f8f8f;border-color:#8f8f8f} .button-stroke a:hover.button.button_grey,.button-stroke a:hover.tp-button.grey{background-color:#8f8f8f!important;color:#fff} /* Navy */ a.button.button_navy,a.tp-button.navy{background-color:#3b5982;color:#fff} .button-stroke a.button.button_navy,.button-stroke a.button.button_navy .button_icon i,.button-stroke a.tp-button.navy{color:#3b5982;border-color:#3b5982} .button-stroke a:hover.button.button_navy,.button-stroke a:hover.tp-button.navy{background-color:#3b5982!important;color:#fff} /* Orange */ a.button.button_orange,a.tp-button.orange{background-color:#ff8125;color:#fff} .button-stroke a.button.button_orange,.button-stroke a.button.button_orange .button_icon i,.button-stroke a.tp-button.orange{color:#ff8125;border-color:#ff8125} .button-stroke a:hover.button.button_orange,.button-stroke a:hover.tp-button.orange{background-color:#ff8125!important;color:#fff} /* Green */ a.button.button_green,a.tp-button.green{background-color:#88be4c;color:#fff} .button-stroke a.button.button_green,.button-stroke a.button.button_green .button_icon i,.button-stroke a.tp-button.green{color:#88be4c;border-color:#88be4c} .button-stroke a:hover.button.button_green,.button-stroke a:hover.tp-button.green{background-color:#88be4c!important;color:#fff} /* Darkgrey */ a.tp-button.darkgrey{background-color:transparent;color:#545454!important;border-color:#545454} a:hover.tp-button.darkgrey{background-color:#545454;color:#fff!important} /* Lightgrey */ a.tp-button.lightgrey{background-color:transparent;color:#fff;border-color:#fff} a:hover.tp-button.lightgrey{background-color:#fff;color:#545454!important} /* Icons */ [class^="icon-"]:before,[class*=" icon-"]:before{font-family:"mfn-icons";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:none!important;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em} .icon-acrobat:before{content:'\e800'}.icon-address:before{content:'\e801'}.icon-adjust:before{content:'\e802'}.icon-aim:before{content:'\e803'}.icon-air:before{content:'\e804'}.icon-alert:before{content:'\e805'}.icon-amazon:before{content:'\e806'}.icon-android:before{content:'\e807'}.icon-angellist:before{content:'\e808'} .icon-appnet:before{content:'\e809'}.icon-appstore:before{content:'\e80a'}.icon-archive:before{content:'\e80b'}.icon-arrow-combo:before{content:'\e80c'}.icon-arrows-ccw:before{content:'\e80d'}.icon-attach:before{content:'\e80e'}.icon-attach-line:before{content:'\e80f'}.icon-attention:before{content:'\e810'}.icon-back:before{content:'\e811'} .icon-back-in-time:before{content:'\e812'}.icon-bag:before{content:'\e813'}.icon-basket:before{content:'\e814'}.icon-battery:before{content:'\e815'}.icon-beaker-line:before{content:'\e816'}.icon-bell:before{content:'\e817'}.icon-bitbucket:before{content:'\e818'}.icon-bitcoin:before{content:'\e819'}.icon-block:before{content:'\e81a'} .icon-blogger:before{content:'\e81b'}.icon-book:before{content:'\e81c'}.icon-book-open:before{content:'\e81d'}.icon-bookmark:before{content:'\e81e'}.icon-bookmarks:before{content:'\e81f'}.icon-box:before{content:'\e820'}.icon-briefcase:before{content:'\e821'}.icon-brush:before{content:'\e822'}.icon-bucket:before{content:'\e823'} .icon-buffer:before{content:'\e824'}.icon-calendar:before{content:'\e825'}.icon-calendar-line:before{content:'\e826'}.icon-call:before{content:'\e827'}.icon-camera:before{content:'\e828'}.icon-camera-line:before{content:'\e829'}.icon-cancel:before{content:'\e82a'}.icon-cancel-circled:before{content:'\e82b'}.icon-cancel-squared:before{content:'\e82c'} .icon-cart:before{content:'\e82d'}.icon-cc:before{content:'\e82e'}.icon-cc-by:before{content:'\e82f'}.icon-cc-nc:before{content:'\e830'}.icon-cc-nc-eu:before{content:'\e831'}.icon-cc-nc-jp:before{content:'\e832'}.icon-cc-nd:before{content:'\e833'}.icon-cc-pd:before{content:'\e834'}.icon-cc-remix:before{content:'\e835'} .icon-cc-sa:before{content:'\e836'}.icon-cc-share:before{content:'\e837'}.icon-cc-zero:before{content:'\e838'}.icon-ccw:before{content:'\e839'}.icon-cd:before{content:'\e83a'}.icon-cd-line:before{content:'\e83b'}.icon-chart-area:before{content:'\e83c'}.icon-chart-bar:before{content:'\e83d'}.icon-chart-line:before{content:'\e83e'} .icon-chart-pie:before{content:'\e83f'}.icon-chat:before{content:'\e840'}.icon-check:before{content:'\e841'}.icon-clipboard:before{content:'\e842'}.icon-clock:before{content:'\e843'}.icon-clock-line:before{content:'\e844'}.icon-cloud:before{content:'\e845'}.icon-cloud-line:before{content:'\e846'}.icon-cloud-thunder:before{content:'\e847'} .icon-cloudapp:before{content:'\e848'}.icon-code:before{content:'\e849'}.icon-cog:before{content:'\e84a'}.icon-cog-line:before{content:'\e84b'}.icon-comment-fa:before{content:'\e84c'}.icon-comment-line:before{content:'\e84d'}.icon-compass:before{content:'\e84e'}.icon-credit-card:before{content:'\e84f'}.icon-cup:before{content:'\e850'} .icon-cup-line:before{content:'\e851'}.icon-cw:before{content:'\e852'}.icon-database-line:before{content:'\e853'}.icon-delicious:before{content:'\e854'}.icon-desktop-line:before{content:'\e855'}.icon-diamond-line:before{content:'\e856'}.icon-digg:before{content:'\e857'}.icon-direction:before{content:'\e858'}.icon-disqus:before{content:'\e859'} .icon-doc:before{content:'\e85a'}.icon-doc-landscape:before{content:'\e85b'}.icon-doc-line:before{content:'\e85c'}.icon-doc-text:before{content:'\e85d'}.icon-doc-text-inv:before{content:'\e85e'}.icon-docs:before{content:'\e85f'}.icon-dot:before{content:'\e860'}.icon-dot-2:before{content:'\e861'}.icon-dot-3:before{content:'\e862'} .icon-down:before{content:'\e863'}.icon-down-bold:before{content:'\e864'}.icon-down-circled:before{content:'\e865'}.icon-down-dir:before{content:'\e866'}.icon-down-open:before{content:'\e867'}.icon-down-open-big:before{content:'\e868'}.icon-down-open-mini:before{content:'\e869'}.icon-down-thin:before{content:'\e86a'}.icon-download:before{content:'\e86b'} .icon-drive:before{content:'\e86c'}.icon-droplet:before{content:'\e86d'}.icon-drupal:before{content:'\e86e'}.icon-duckduckgo:before{content:'\e86f'}.icon-dwolla:before{content:'\e870'}.icon-ebay:before{content:'\e871'}.icon-email:before{content:'\e872'}.icon-erase:before{content:'\e873'}.icon-eventasaurus:before{content:'\e874'} .icon-eventbrite:before{content:'\e875'}.icon-eventful:before{content:'\e876'}.icon-export:before{content:'\e877'}.icon-eye:before{content:'\e878'}.icon-eye-line:before{content:'\e879'}.icon-fast-backward:before{content:'\e87a'}.icon-fast-forward:before{content:'\e87b'}.icon-feather:before{content:'\e87c'}.icon-fire-line:before{content:'\e87d'} .icon-fivehundredpx:before{content:'\e87e'}.icon-flag:before{content:'\e87f'}.icon-flash:before{content:'\e880'}.icon-flashlight:before{content:'\e881'}.icon-flight:before{content:'\e882'}.icon-floppy:before{content:'\e883'}.icon-flow-branch:before{content:'\e884'}.icon-flow-cascade:before{content:'\e885'}.icon-flow-line:before{content:'\e886'} .icon-flow-parallel:before{content:'\e887'}.icon-flow-tree:before{content:'\e888'}.icon-folder:before{content:'\e889'}.icon-food-line:before{content:'\e88a'}.icon-forrst:before{content:'\e88b'}.icon-forward:before{content:'\e88c'}.icon-gauge:before{content:'\e88d'}.icon-globe:before{content:'\e88e'}.icon-globe-line:before{content:'\e88f'} .icon-gmail:before{content:'\e890'}.icon-googleplay:before{content:'\e891'}.icon-gowalla:before{content:'\e892'}.icon-graduation-cap:before{content:'\e893'}.icon-graduation-cap-line:before{content:'\e894'}.icon-grooveshark:before{content:'\e895'}.icon-guest:before{content:'\e896'}.icon-hackernews:before{content:'\e897'}.icon-heart-empty-fa:before{content:'\e898'} .icon-heart-fa:before{content:'\e899'}.icon-heart-line:before{content:'\e89a'}.icon-help:before{content:'\e89b'}.icon-help-circled:before{content:'\e89c'}.icon-home:before{content:'\e89d'}.icon-hourglass:before{content:'\e89e'}.icon-html5:before{content:'\e89f'}.icon-ie:before{content:'\e8a0'}.icon-inbox:before{content:'\e8a1'} .icon-inbox-line:before{content:'\e8a2'}.icon-infinity:before{content:'\e8a3'}.icon-info:before{content:'\e8a4'}.icon-info-circled:before{content:'\e8a5'}.icon-install:before{content:'\e8a6'}.icon-instapaper:before{content:'\e8a7'}.icon-intensedebate:before{content:'\e8a8'}.icon-itunes:before{content:'\e8a9'}.icon-key:before{content:'\e8aa'} .icon-key-line:before{content:'\e8ab'}.icon-keyboard:before{content:'\e8ac'}.icon-klout:before{content:'\e8ad'}.icon-lamp:before{content:'\e8ae'}.icon-language:before{content:'\e8af'}.icon-lanyrd:before{content:'\e8b0'}.icon-layout:before{content:'\e8b1'}.icon-leaf:before{content:'\e8b2'}.icon-left:before{content:'\e8b3'} .icon-left-bold:before{content:'\e8b4'}.icon-left-circled:before{content:'\e8b5'}.icon-left-dir:before{content:'\e8b6'}.icon-left-open:before{content:'\e8b7'}.icon-left-open-big:before{content:'\e8b8'}.icon-left-open-mini:before{content:'\e8b9'}.icon-left-thin:before{content:'\e8ba'}.icon-lego:before{content:'\e8bb'}.icon-level-down:before{content:'\e8bc'} .icon-level-up:before{content:'\e8bd'}.icon-lifebuoy:before{content:'\e8be'}.icon-light-down:before{content:'\e8bf'}.icon-light-up:before{content:'\e8c0'}.icon-lightbulb-line:before{content:'\e8c1'}.icon-link:before{content:'\e8c2'}.icon-list:before{content:'\e8c3'}.icon-list-add:before{content:'\e8c4'}.icon-lkdto:before{content:'\e8c5'} .icon-location:before{content:'\e8c6'}.icon-location-line:before{content:'\e8c7'}.icon-lock:before{content:'\e8c8'}.icon-lock-line:before{content:'\e8c9'}.icon-lock-open:before{content:'\e8ca'}.icon-login:before{content:'\e8cb'}.icon-logout:before{content:'\e8cc'}.icon-loop:before{content:'\e8cd'}.icon-macstore:before{content:'\e8ce'} .icon-magnet:before{content:'\e8cf'}.icon-mail:before{content:'\e8d0'}.icon-mail-line:before{content:'\e8d1'}.icon-map:before{content:'\e8d2'}.icon-meetup:before{content:'\e8d3'}.icon-megaphone:before{content:'\e8d4'}.icon-megaphone-line:before{content:'\e8d5'}.icon-menu:before{content:'\e8d6'}.icon-mic:before{content:'\e8d7'} .icon-minus:before{content:'\e8d8'}.icon-minus-circled:before{content:'\e8d9'}.icon-minus-squared:before{content:'\e8da'}.icon-mobile:before{content:'\e8db'}.icon-mobile-line:before{content:'\e8dc'}.icon-money-line:before{content:'\e8dd'}.icon-monitor:before{content:'\e8de'}.icon-moon:before{content:'\e8df'}.icon-mouse:before{content:'\e8e0'} .icon-music:before{content:'\e8e1'}.icon-music-line:before{content:'\e8e2'}.icon-mute:before{content:'\e8e3'}.icon-myspace:before{content:'\e8e4'}.icon-network:before{content:'\e8e5'}.icon-newspaper:before{content:'\e8e6'}.icon-ninetyninedesigns:before{content:'\e8e7'}.icon-note:before{content:'\e8e8'}.icon-note-beamed:before{content:'\e8e9'} .icon-note-line:before{content:'\e8ea'}.icon-openid:before{content:'\e8eb'}.icon-opentable:before{content:'\e8ec'}.icon-palette:before{content:'\e8ed'}.icon-paper-plane:before{content:'\e8ee'}.icon-paper-plane-line:before{content:'\e8ef'}.icon-params-line:before{content:'\e8f0'}.icon-pause:before{content:'\e8f1'}.icon-pencil:before{content:'\e8f2'} .icon-pencil-line:before{content:'\e8f3'}.icon-phone:before{content:'\e8f4'}.icon-photo-line:before{content:'\e8f5'}.icon-picture:before{content:'\e8f6'}.icon-pinboard:before{content:'\e8f7'}.icon-plancast:before{content:'\e8f8'}.icon-play:before{content:'\e8f9'}.icon-plurk:before{content:'\e8fa'}.icon-plus:before{content:'\e8fb'} .icon-plus-circled:before{content:'\e8fc'}.icon-plus-squared:before{content:'\e8fd'}.icon-pocket:before{content:'\e8fe'}.icon-podcast:before{content:'\e8ff'}.icon-popup:before{content:'\e900'}.icon-posterous:before{content:'\e901'}.icon-print:before{content:'\e902'}.icon-progress-0:before{content:'\e903'}.icon-progress-1:before{content:'\e904'} .icon-progress-2:before{content:'\e905'}.icon-progress-3:before{content:'\e906'}.icon-publish:before{content:'\e907'}.icon-quora:before{content:'\e908'}.icon-quote:before{content:'\e909'}.icon-record:before{content:'\e90a'}.icon-reddit:before{content:'\e90b'}.icon-reply:before{content:'\e90c'}.icon-reply-all:before{content:'\e90d'} .icon-resize-full:before{content:'\e90e'}.icon-resize-small:before{content:'\e90f'}.icon-retweet:before{content:'\e910'}.icon-right:before{content:'\e911'}.icon-right-bold:before{content:'\e912'}.icon-right-circled:before{content:'\e913'}.icon-right-dir:before{content:'\e914'}.icon-right-open:before{content:'\e915'}.icon-right-open-big:before{content:'\e916'} .icon-right-open-mini:before{content:'\e917'}.icon-right-thin:before{content:'\e918'}.icon-rocket:before{content:'\e919'}.icon-rss:before{content:'\e91a'}.icon-search:before{content:'\e91b'}.icon-search-line:before{content:'\e91c'}.icon-share:before{content:'\e91d'}.icon-shareable:before{content:'\e91e'}.icon-shop-line:before{content:'\e91f'} .icon-shuffle:before{content:'\e920'}.icon-signal:before{content:'\e921'}.icon-smashmag:before{content:'\e922'}.icon-songkick:before{content:'\e923'}.icon-sound:before{content:'\e924'}.icon-sound-line:before{content:'\e925'}.icon-stackoverflow:before{content:'\e926'}.icon-star:before{content:'\e927'}.icon-star-empty:before{content:'\e928'} .icon-star-line:before{content:'\e929'}.icon-statusnet:before{content:'\e92a'}.icon-stop:before{content:'\e92b'}.icon-suitcase:before{content:'\e92c'}.icon-switch:before{content:'\e92d'}.icon-t-shirt-line:before{content:'\e92e'}.icon-tag:before{content:'\e92f'}.icon-tag-line:before{content:'\e930'}.icon-tape:before{content:'\e931'} .icon-target:before{content:'\e932'}.icon-thermometer:before{content:'\e933'}.icon-thumbs-up:before{content:'\e934'}.icon-thumbs-down:before{content:'\e935'}.icon-thumbs-up-line:before{content:'\e936'}.icon-ticket:before{content:'\e937'}.icon-to-end:before{content:'\e938'}.icon-to-start:before{content:'\e939'}.icon-tools:before{content:'\e93a'} .icon-traffic-cone:before{content:'\e93b'}.icon-trash:before{content:'\e93c'}.icon-trash-line:before{content:'\e93d'}.icon-trophy:before{content:'\e93e'}.icon-truck-line:before{content:'\e93f'}.icon-tv-line:before{content:'\e940'}.icon-up:before{content:'\e941'}.icon-up-bold:before{content:'\e942'}.icon-up-circled:before{content:'\e943'} .icon-up-dir:before{content:'\e944'}.icon-up-open:before{content:'\e945'}.icon-up-open-big:before{content:'\e946'}.icon-up-open-mini:before{content:'\e947'}.icon-up-thin:before{content:'\e948'}.icon-upload:before{content:'\e949'}.icon-upload-cloud:before{content:'\e94a'}.icon-user:before{content:'\e94b'}.icon-user-add:before{content:'\e94c'} .icon-user-line:before{content:'\e94d'}.icon-users:before{content:'\e94e'}.icon-vcard:before{content:'\e94f'}.icon-viadeo:before{content:'\e950'}.icon-video:before{content:'\e951'}.icon-videocam-line:before{content:'\e952'}.icon-vk:before{content:'\e953'}.icon-volume:before{content:'\e954'}.icon-w3c:before{content:'\e955'} .icon-wallet-line:before{content:'\e956'}.icon-water:before{content:'\e957'}.icon-weibo:before{content:'\e958'}.icon-wikipedia:before{content:'\e959'}.icon-window:before{content:'\e95a'}.icon-wordpress:before{content:'\e95b'}.icon-xing:before{content:'\e95c'}.icon-yahoo:before{content:'\e95d'}.icon-yelp:before{content:'\e95e'} .icon-youtube:before{content:'\e95f'}.icon-menu-fine:before{content:'\e960'}.icon-bag-fine:before{content:'\e961'}.icon-search-fine:before{content:'\e962'}.icon-cancel-fine:before{content:'\e963'}.icon-plus-fine:before{content:'\e964'}.icon-minus-fine:before{content:'\e965'}.icon-gplus-circled:before{content:'\f059'}.icon-github-circled:before{content:'\f09b'} .icon-gplus:before{content:'\f0d5'}.icon-comment-empty-fa:before{content:'\f0e5'}.icon-instagram:before{content:'\f16d'}.icon-tumblr:before{content:'\f173'}.icon-windows:before{content:'\f17a'}.icon-foursquare:before{content:'\f180'}.icon-google:before{content:'\f1a0'}.icon-behance:before{content:'\f1b4'}.icon-steam:before{content:'\f1b6'} .icon-spotify:before{content:'\f1bc'}.icon-database:before{content:'\f1c0'}.icon-qq:before{content:'\f1d6'}.icon-paypal:before{content:'\f1ed'}.icon-stripe:before{content:'\f1f5'}.icon-whatsapp:before{content:'\f232'}.icon-medium:before{content:'\f23a'}.icon-tripadvisor:before{content:'\f262'}.icon-chrome:before{content:'\f268'}.icon-scribd:before{content:'\f28a'} .icon-github:before{content:'\f300'}.icon-flickr:before{content:'\f303'}.icon-flickr-circled:before{content:'\f304'}.icon-vimeo:before{content:'\f306'}.icon-vimeo-circled:before{content:'\f307'}.icon-twitter:before{content:'\f309'}.icon-twitter-circled:before{content:'\f30a'}.icon-facebook:before{content:'\f30c'}.icon-facebook-circled:before{content:'\f30d'} .icon-facebook-squared:before{content:'\f30e'}.icon-pinterest:before{content:'\f312'}.icon-pinterest-circled:before{content:'\f313'}.icon-tumblr-circled:before{content:'\f316'}.icon-linkedin:before{content:'\f318'}.icon-linkedin-circled:before{content:'\f319'}.icon-dribbble:before{content:'\f31b'}.icon-dribbble-circled:before{content:'\f31c'}.icon-stumbleupon:before{content:'\f31e'} .icon-stumbleupon-circled:before{content:'\f31f'}.icon-lastfm:before{content:'\f321'}.icon-lastfm-circled:before{content:'\f322'}.icon-rdio:before{content:'\f324'}.icon-rdio-circled:before{content:'\f325'}.icon-spotify-circled:before{content:'\f328'}.icon-dropbox:before{content:'\f330'}.icon-evernote:before{content:'\f333'}.icon-flattr:before{content:'\f336'} .icon-skype:before{content:'\f339'}.icon-skype-circled:before{content:'\f33a'}.icon-renren:before{content:'\f33c'}.icon-sina-weibo:before{content:'\f33f'}.icon-picasa:before{content:'\f345'}.icon-soundcloud:before{content:'\f348'}.icon-mixi:before{content:'\f34b'}.icon-google-circles:before{content:'\f351'}.icon-vkontakte:before{content:'\f354'} .icon-smashing:before{content:'\f357'}.icon-db-shape:before{content:'\f600'}.icon-sweden:before{content:'\f601'}.icon-logo-db:before{content:'\f603'}.icon-houzz:before{content:'\f27c'}.icon-snapchat:before{content:'\f2ac'} /* bbPress */ .bbpress #Subheader .title{width:60%} .bbpress #Subheader ul.breadcrumbs{width:40%} .bbpress #Subheader ul.breadcrumbs .bbp-breadcrumb-current{margin:0} .bbpress #bbpress-forums div.bbp-search-form{float:none;width:100%;margin-bottom:20px} .bbpress #bbpress-forums #subscription-toggle{color:#ffffff} .bbpress #bbpress-forums #bbp-search-form #bbp_search{width:100%;margin:0} .bbpress #bbpress-forums div.bbp-topic-tags{clear:both;margin-bottom:20px} .bbpress #bbpress-forums div.bbp-topic-tags p{margin:0} .bbpress .widget_display_search .screen-reader-text{display:none} .bbpress .widget_display_search #bbp_search{margin:0} .bbpress .bbp_widget_login .bbp-logged-in h4{font-size:14px;font-weight:400} .bbpress .bbp_widget_login .bbp-logged-in a.button{margin:0} .bbpress .widget_display_views ul,.bbpress .widget_display_forums ul{list-style-type:square;padding:0 0 0 30px} .bbpress .widget_display_views ul li a,.bbpress .widget_display_forums ul li a{display:block;padding:4px 0 7px 4px} /* BuddyPress */ #buddypress{margin-bottom:40px} #buddypress #whats-new-options{height:auto!important;overflow:visible!important} #buddypress div.dir-search{margin:0} #buddypress #search-members-form > *{float:left} #buddypress div.dir-search input[type="text"],#buddypress li.groups-members-search input[type="text"]{padding:2px 3px;font-size:100%;margin-right:5px;font-weight:400} #buddypress div#subnav.item-list-tabs ul li > *{float:left} #buddypress div#subnav.item-list-tabs ul li label{margin:10px 5px 0 0;font-weight:400} #buddypress div#item-header div#item-meta{font-size:100%} #buddypress #message-recipients .highlight { background:none; color:inherit;} #buddypress #message-recipients .button { display:inline;} /* Contact Form 7 */ .wpcf7::after{clear:both;content:"";display:block} .wpcf7-form .column{margin-bottom:10px} .wpcf7-mail-sent-ok{border:none!important;margin:25px 0 0!important;padding:7px!important;background:#7DCC68!important;color:#fff;text-align:center;float:left;width:98%;box-sizing:border-box;margin:0 1%!important;} .wpcf7-mail-sent-ng{border:none!important;margin:25px 0 0!important;padding:7px!important;background:#fb5455!important;color:#fff;text-align:center;float:left;width:98%;box-sizing:border-box;margin:0 1%!important;} .cf7p-message .wpcf7-validation-errors{border:none!important;margin:25px 0 0!important;padding:7px!important;background:#fb5455!important;color:#fff;text-align:center;float:left;width:98%;box-sizing:border-box;margin:0 1%!important;} .wpcf7-captchar{margin-bottom:0} span.wpcf7-form-control-wrap{width:100%;position:relative!important;display:inline-block;margin-bottom:3px} span.wpcf7-form-control-wrap .wpcf7-date,span.wpcf7-form-control-wrap .wpcf7-quiz,span.wpcf7-form-control-wrap .wpcf7-number,span.wpcf7-form-control-wrap .wpcf7-select,span.wpcf7-form-control-wrap .wpcf7-text,span.wpcf7-form-control-wrap .wpcf7-textarea{width:100%;box-sizing:border-box;margin-bottom:0} .wpcf7-submit{font-size:inherit;margin-bottom:0!important} /* Contact Form 7 | Popup */ #popup_contact{position:fixed;right:20px;bottom:20px;z-index:9001} #popup_contact > a.button{width:42px;height:42px;line-height:42px;font-size:20px;margin:0;text-align:center;color:rgba(0,0,0,.5);background:#f7f7f7;position:absolute;bottom:0;right:0} #popup_contact > a.button:hover{text-decoration:none} #popup_contact .popup_contact_wrapper{width:250px;padding:20px;background:#fbfbfb;position:absolute;bottom:65px;right:0;display:none} #popup_contact.focus .popup_contact_wrapper{display:block} #popup_contact .popup_contact_wrapper span.arrow{position:absolute;right:15px;bottom:-8px;margin:0 auto;width:0;height:0;display:block;border-top:8px solid #fbfbfb;border-right:8px solid transparent;border-left:8px solid transparent} #popup_contact .popup_contact_wrapper form input[type="text"],#popup_contact .popup_contact_wrapper form input[type="email"],#popup_contact .popup_contact_wrapper form textarea{background:#fff;margin-bottom:10px} #popup_contact .popup_contact_wrapper form textarea{resize:vertical;min-height:100px} #popup_contact .popup_contact_wrapper form input[type="submit"]{margin:0;float:right} #popup_contact .wpcf7-form.invalid > p:after{display:block} #popup_contact .wpcf7-form-control-wrap{display:inline-block;margin-right:0;width:100%} #popup_contact div.wpcf7 img.ajax-loader{margin-top:10px} /* Easy Digital Downloads */ .edd_downloads_list .edd_download_inner{background:#fff;margin:0 4% 20px;padding:0 15px 20px} .edd_downloads_list .edd_download_inner .edd_download_image{margin:0 -15px} .edd_downloads_list .edd_download_inner .edd_download_title{padding-top:15px} .edd_downloads_list .edd_download_inner .edd_download_buy_button .edd_purchase_submit_wrapper{text-align:right} .edd_downloads_list .edd_download_inner .edd_download_buy_button .edd_purchase_submit_wrapper .edd-cart-added-alert{position:static;margin-top:15px} .edd_downloads_list .edd_download_inner .edd_download_buy_button a.button{margin:0} .edd_download_image{border-style:solid;border-width:8px;box-sizing:border-box;display:block;line-height:0;max-width:calc(100% + 30px);position:relative} .edd_download_image:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0} #edd_checkout_cart th,#edd_checkout_cart td{text-align:left;border-width:1px;border-style:solid;border-color:inherit;padding:10px} #edd_checkout_cart .edd_cart_header_row th{font-weight:700;background:#f9f9f9;box-shadow:inset 0px 4px 3px -2px rgba(0,0,0,.04);padding:10px} #edd_checkout_cart .edd_cart_tax_row th,#edd_checkout_cart .edd_cart_discount_row th{background:inherit} #edd_checkout_cart tr:hover td a{color:inherit} table#edd_purchase_receipt,table#edd_purchase_receipt_products{margin-bottom:40px} #edd_checkout_form_wrap label,#edd_checkout_form_wrap span.edd-description{font-size:100%} #edd_checkout_form_wrap span.edd-description{margin-bottom:10px} #edd_checkout_form_wrap input[type="text"],#edd_checkout_form_wrap input[type="email"],#edd_checkout_form_wrap input[type="password"],#edd_checkout_form_wrap textarea{padding:10px} .edd-submit,#edd-purchase-button,input[type="submit"].edd-submit{padding:11px 20px;font-size:100%;font-weight:400;border:inherit} #edd_checkout_form_wrap #edd-login-account-wrap,#edd_checkout_form_wrap #edd-new-account-wrap,#edd_checkout_form_wrap #edd_final_total_wrap,#edd_checkout_form_wrap #edd_show_discount,#edd_checkout_form_wrap .edd-cart-adjustment{background:#fafafa none repeat scroll 0 0;color:#444;padding:14px 20px} /* Gravity Forms */ .gform_wrapper label{font-weight:400;margin:.188em 0 .75em} .gform_wrapper .top_label .gfield_label{font-weight:700} .gform_wrapper input,.gform_wrapper select{margin:0} .gform_wrapper input[type="checkbox"],.gform_wrapper input[type="radio"]{margin-left:3px} .gform_wrapper div.validation_error{border:none!important;border-radius:5px;margin-bottom:30px;padding:20px!important;box-sizing:border-box;background:#fb5455;color:#fff!important;font-weight:400!important;font-size:inherit!important} .gform_wrapper li.gfield.gfield_error,.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{border:none!important} .gform_confirmation_wrapper .gform_confirmation_message{border-radius:5px;margin-bottom:30px;padding:20px;background:#80B736;color:#fff} table.gsurvey-likert td input{position:static} table.gsurvey-likert td.gsurvey-likert-choice{background-image:unset} /* Mailchimp */ #mc_embed_signup .clear{height:auto;overflow:visible;visibility:visible} .mc4wp-form p > input{float:left;margin:0 3px} /* Magnific Popup */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:9042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:9043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle} .mfp-align-top .mfp-container:before{display:none} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:9045} .-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto} .mfp-ajax-cur{cursor:progress} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in} .mfp-auto-cursor .mfp-content{cursor:auto} .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:none!important} .mfp-loading.mfp-figure{display:none} .mfp-hide{display:none!important} .mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:9044} .mfp-preloader a{color:#CCC} .mfp-preloader a:hover{color:#FFF} .mfp-s-ready .mfp-preloader{display:none} .mfp-s-error .mfp-content{display:none} button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:9046;box-shadow:none;touch-action:manipulation} button::-moz-focus-inner{padding:0;border:0} .mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace} .mfp-close:hover,.mfp-close:focus{opacity:1} .mfp-close:active{top:1px} .mfp-close-btn-in .mfp-close{color:#333} .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%} .mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap} .mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent} .mfp-arrow:active{margin-top:-54px} .mfp-arrow:hover,.mfp-arrow:focus{opacity:1} .mfp-arrow:before,.mfp-arrow:after{content:''!important;display:block!important;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;background:none} .mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px} .mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7} .mfp-arrow-left{left:0} .mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px} .mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F} .mfp-arrow-right{right:0} .mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px} .mfp-arrow-right:before{border-left:27px solid #3F3F3F} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px} .mfp-iframe-holder .mfp-close{top:-40px} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000} img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto} .mfp-figure{line-height:0} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444} .mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px} .mfp-figure figure{margin:0} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto} .mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px} .mfp-image-holder .mfp-content{max-width:100%} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer} .mfp-wrap button:after{width:0!important;height:0!important;background:none!important} .button-flat .mfp-arrow:after, .button-round .mfp-arrow:after{top:8px;opacity:1} .button-stroke .mfp-close{color:#fff!important} .button-stroke .mfp-close:hover{background:none!important} .button-stroke .mfp-arrow:hover{background:none!important} .mfp-inline{display:block!important;position:relative;background:#FFF;padding:25px 30px;width:auto;max-width:500px;margin:20px auto;} .mfp-inline p:nth-last-child(2){margin-bottom:0;} .button-stroke .mfp-inline .mfp-close{color:#333!important} @media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0} .mfp-img-mobile img.mfp-img{padding:0} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box} .mfp-img-mobile .mfp-bottom-bar:empty{padding:0} .mfp-img-mobile .mfp-counter{right:5px;top:3px} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0} } @media all and (max-width: 900px) { .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)} .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%} .mfp-container{padding-left:6px;padding-right:6px} } /* Slick Slider */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px;outline:none} [dir='rtl'] .slick-slide{float:right!important} .slick-slide img{display:block;margin-left:auto;margin-right:auto;} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} /* Slider Pro */ #Content .slider-pro img.sp-image{max-width:none} /* The Events Callendar */ .tribe-events-page-template #Subheader .title{width:60%} .tribe-events-page-template #Subheader ul.breadcrumbs{width:40%} .tribe-events-list .tribe-events-event-image + div.tribe-events-content{padding-right:0!important;} #tribe-bar-views .tribe-bar-views-list{z-index:29} #tribe-bar-form input[type="text"]{font-weight:400} h2.tribe-events-page-title,#tribe-geo-results h2.tribe-events-page-title{font-weight:400} .tribe-events-list-separator-month{font-weight:400} #tribe-events-content .tribe-events-tooltip h4{font-weight:400} .tribe-events-meta-group .tribe-events-single-section-title{font-weight:400} .events-list .tribe-events-loop,.tribe-events-day .tribe-events-loop,.single-tribe_venue .tribe-events-loop,.single-tribe_organizer .tribe-events-loop{max-width:100%} a.tribe-events-ical{margin-top:0} .tribe-events-cal-links a.tribe-events-gcal{margin-top:0} .single-tribe_events #tribe-events-content .tribe-events-event-meta dt{clear:left;font-weight:700;line-height:inherit} .single-tribe_events #tribe-events-content .tribe-events-event-meta dd{float:inherit;line-height:inherit;list-style:none outside none;margin:0 0 0 110px;padding:10px 0} .single-tribe_events #tribe-events-content .tribe-events-event-meta dd:after{display:none} .tribe-events-back{padding:15px 10px;margin-bottom:20px;box-sizing:border-box;overflow:hidden} ul.tribe-events-sub-nav a,.tribe-events-back a{font-size:14px;font-weight:400} .tribe-events-event-image{border:8px solid #f8f8f8;box-sizing:border-box;display:block;line-height:0} .tribe-events-list-widget ol{padding:10px 0 0 30px} .tribe-events-list-widget ol li{margin-bottom:20px;list-style-type:square;padding-left:4px} .tribe-events-list-widget ol li:before{display:none} .tribe-events-list-widget ol li h4{font-size:16px;line-height:20px;margin-bottom:5px} .tribe-events-list-widget ol li .duration{font-weight:400;color:rgba(0,0,0,.4)} .tribe-events-list-widget p.tribe-events-widget-link{margin-left:30px;padding-top:8px;border-top:1px solid rgba(0,0,0,0.08)} .tribe-events-list-widget p.tribe-events-widget-link a{font-weight:400;font-size:13px} .tribe-events-list-separator-month span{background:#fcfcfc} .tribe-events-event-meta,.tribe-events-promo{color:#a8a8a8} .tribe-events-calendar thead th{color:#444;border-color:rgba(0,0,0,0.08)} /* UI Datepicker */ .ui-datepicker .ui-datepicker-title select{padding:inherit;width:auto;display:inline-block;margin:auto;-webkit-appearance:menulist} .ui-datepicker .ui-datepicker-calendar .ui-state-highlight{margin:-1px} .ui-datepicker .ui-datepicker-calendar .ui-state-default{box-shadow:0 0 0 0 rgba(0,0,0,.0)} .ui-datepicker table tr{border:0!important} .ui-datepicker table tr td{border-width:0 1px 1px 0 !important;border-style:solid;border-color:#DEDEDE;padding:1px} .ui-datepicker table td a,.ui-datepicker table td span{width:auto!important;display:block!important} .ui-datepicker table tr:first-child td{background:inherit!important} .ui-datepicker table tr:hover td{background:inherit!important;color:inherit!important} .ui-datepicker table tr:hover td a{color:inherit!important} .ui-datepicker table tr:nth-child(2n) td{background:inherit!important} /* Visual Composer | Frontend Editor */ .wpb_wrapper > div{margin-bottom:35px} .wpb_wrapper.ui-sortable .vc_call_to_action{background:none;border:none;padding:0} .vc_images_carousel{width:auto!important} .vc-hoverbox-block{-webkit-backface-visibility:hidden} .wpb_wrapper .portfolio_group{font-size:inherit!important;line-height:inherit!important;color:inherit!important} .wpb_wrapper .portfolio_group.flat .portfolio-item,.wpb_wrapper .portfolio_group.masonry-flat .portfolio-item{margin-bottom:0} .wpb_wrapper .portfolio_group .portfolio-item .image_frame{margin-bottom:0} .wpb_wrapper .wpcf7-form{display:inline-block;width:100%} /* Grid 1240px */ /* #wpadminbar ~ div:nth-last-child(2){height:auto!important} */ #Wrapper{max-width:1240px;margin:0 auto;overflow:hidden} .layout-boxed{padding:25px 0} .layout-boxed.boxed-no-margin{padding:0} .layout-boxed #Wrapper{box-shadow:0 0 15px rgba(0,0,0,.06)} .layout-full-width{padding:0} .layout-full-width #Wrapper{max-width:100%!important;width:100%!important;margin:0!important} #Content{width:100%;padding-top:30px} #Content.no-padding,.template-slider #Content,.with_aside #Content{padding-top:0} .with_aside .sections_group{padding-top:30px} .section{position:relative} .section_wrapper,.container{max-width:1220px;margin:0 auto;position:relative} .section.full-width > .section_wrapper{max-width:100%!important;padding-left:0!important;padding-right:0!important} .section_wrapper:after,.container:after{clear:both;content:" ";display:block;height:0;visibility:hidden} .mcb-wrap{float:left;position:relative;z-index:1;box-sizing:border-box} .mcb-wrap.move-up{z-index:28} .mcb-wrap.divider{width:100%;height:0!important} .column,.columns{float:left;margin:0 1% 40px} .the_content_wrapper{margin:0 1%} .column_content .the_content_wrapper{margin:0} .sidebar,.widget-area{box-sizing:border-box} /* Wrap | Equal Height */ .equal-height-wrap .mcb-wrap .mcb-wrap-inner{position:relative;float:left;width:100%} .equal-height-wrap .mcb-wrap.valign-middle .mcb-wrap-inner{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .equal-height-wrap .mcb-wrap.valign-bottom .mcb-wrap-inner{top:100%;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)} /* Sizes */ /* .mcb-wrap */ .one-sixth.mcb-wrap { width: 16.666%; } /* 1/6 */ .one-fifth.mcb-wrap { width: 20%; } /* 1/5 */ .one-fourth.mcb-wrap { width: 25%; } /* 1/4 */ .one-third.mcb-wrap { width: 33.333%; } /* 1/3 */ .two-fifth.mcb-wrap { width: 40%; } /* 2/5 */ .one-second.mcb-wrap { width: 50%; } /* 1/2 */ .three-fifth.mcb-wrap { width: 60%; } /* 3/5 */ .two-third.mcb-wrap { width: 66.666%; } /* 2/3 */ .three-fourth.mcb-wrap { width: 75%; } /* 3/4 */ .four-fifth.mcb-wrap { width: 80%; } /* 4/5 */ .five-sixth.mcb-wrap { width: 83.333%; } /* 5/6 */ .one.mcb-wrap { width: 100%; } /* 1/1 */ /* .column */ .one-sixth.column { width: 14.666%; } /* 1/6 */ .one-fifth.column { width: 18%; } /* 1/5 */ .one-fourth.column, .four.columns { width: 23%; } /* 1/4 */ .one-third.column { width: 31.333%; } /* 1/3 */ .two-fifth.column { width: 38%; } /* 2/5 */ .one-second.column { width: 48%; } /* 1/2 */ .three-fifth.column { width: 58%; } /* 3/5 */ .two-third.column { width: 64.666%; } /* 2/3 */ .three-fourth.column { width: 73%; } /* 3/4 */ .four-fifth.column { width: 78%; } /* 4/5 */ .five-sixth.column { width: 81.333%; } /* 5/6 */ .one.column { width: 98%; } /* 1/1 */ .section.full-width > .one.column, .section.full-width > .section_wrapper > .one.column, .section.full-width .one.wrap .one.column{width:100%;margin:0} /* .Sidebar | .with_aside */ .with_aside .content_wrapper{max-width:1240px;margin:0 auto} .with_aside .sections_group{width:75%;float:left} .with_aside .section_wrapper{max-width:98%;max-width:calc(100% - 20px)} .with_aside .four.columns{float:right;margin:0} .aside_left .sections_group{float:right} .aside_left .four.columns{float:left} /* Sidebar - Both | .aside_both */ .aside_both .sections_group{width:60%;margin-left:20%} .aside_both .sidebar.columns{width:18%} .aside_both .sidebar-1{float:left!important;margin-left:-79%} /* Column */ /* Column | Margin - Horizontal */ .no-margin-h .column { margin-left:0; margin-right:0; } .no-margin-h .one-sixth.column { width: 16.666%; } /* 1/6 */ .no-margin-h .one-fifth.column { width: 20%; } /* 1/5 */ .no-margin-h .one-fourth.column { width: 25%; } /* 1/4 */ .no-margin-h .one-third.column { width: 33.333%; } /* 1/3 */ .no-margin-h .two-fifth.column { width: 40%; } /* 2/5 */ .no-margin-h .one-second.column { width: 50%; } /* 1/2 */ .no-margin-h .three-fifth.column { width: 60%; } /* 3/5 */ .no-margin-h .two-third.column { width: 66.666%; } /* 2/3 */ .no-margin-h .three-fourth.column { width: 75%; } /* 3/4 */ .no-margin-h .four-fifth.column { width: 80%; } /* 4/5 */ .no-margin-h .five-sixth.column { width: 83.333%; } /* 5/6 */ .no-margin-h .one.column { width: 100%; } /* 1/1 */ /* Column | Margin - Bottom */ /* set in section options */ .column.column_divider {margin-bottom:0!important;height:auto!important} .column-margin-0px .column { margin-bottom: 0 !important;} .column-margin-10px .column { margin-bottom: 10px !important;} .column-margin-20px .column { margin-bottom: 20px !important;} .column-margin-30px .column { margin-bottom: 30px !important;} .column-margin-40px .column { margin-bottom: 40px !important;} .column-margin-50px .column { margin-bottom: 50px !important;} /* set in item options */ .column-margin-0px.column { margin-bottom: 0 !important;} .column-margin-10px.column { margin-bottom: 10px !important;} .column-margin-20px.column { margin-bottom: 20px !important;} .column-margin-30px.column { margin-bottom: 30px !important;} .column-margin-40px.column { margin-bottom: 40px !important;} .column-margin-50px.column { margin-bottom: 50px !important;} /* Column | Equal Height */ .equal-height .column .column_attr{height:100%;box-sizing:border-box} /* Column | Align */ .column_attr.align_left{text-align:left} .column_attr.align_right{text-align:right} .column_attr.align_center{text-align:center} .column_attr.align_justify{text-align:justify} /* Extra Content */ .extra_content .the_content_wrapper{margin:0 1%} .extra_content .has_content .the_content_wrapper,.extra_content .category_description .the_content_wrapper{margin-bottom:40px} /* Clearing */ .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden} .clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0} .clearfix:after{clear:both} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} ul.timeline_items, .icon_box a .desc, .icon_box a:hover .desc, .feature_list ul li a, .list_item a, .list_item a:hover,.widget_recent_entries ul li a, .flat_box a, .flat_box a:hover, .story_box .desc, .content_slider.carouselul li a .title,.content_slider.flat.description ul li .desc, .content_slider.flat.description ul li a .desc, .post-nav.minimal a i { color: #626262; } .post-nav.minimal a svg { fill: #626262; } .themecolor, .opening_hours .opening_hours_wrapper li span, .fancy_heading_icon .icon_top,.fancy_heading_arrows .icon-right-dir, .fancy_heading_arrows .icon-left-dir, .fancy_heading_line .title,.button-love a.mfn-love, .format-link .post-title .icon-link, .pager-single > span, .pager-single a:hover,.widget_meta ul, .widget_pages ul, .widget_rss ul, .widget_mfn_recent_comments ul li:after, .widget_archive ul,.widget_recent_comments ul li:after, .widget_nav_menu ul, .woocommerce ul.products li.product .price, .shop_slider .shop_slider_ul li .item_wrapper .price,.woocommerce-page ul.products li.product .price, .widget_price_filter .price_label .from, .widget_price_filter .price_label .to,.woocommerce ul.product_list_widget li .quantity .amount, .woocommerce .product div.entry-summary .price, .woocommerce .star-rating span,#Error_404 .error_pic i, .style-simple #Filters .filters_wrapper ul li a:hover, .style-simple #Filters .filters_wrapper ul li.current-cat a,.style-simple .quick_fact .title { color: #0095eb; } .themebg,#comments .commentlist > li .reply a.comment-reply-link,#Filters .filters_wrapper ul li a:hover,#Filters .filters_wrapper ul li.current-cat a,.fixed-nav .arrow,.offer_thumb .slider_pagination a:before,.offer_thumb .slider_pagination a.selected:after,.pager .pages a:hover,.pager .pages a.active,.pager .pages span.page-numbers.current,.pager-single span:after,.portfolio_group.exposure .portfolio-item .desc-inner .line,.Recent_posts ul li .desc:after,.Recent_posts ul li .photo .c,.slider_pagination a.selected,.slider_pagination .slick-active a,.slider_pagination a.selected:after,.slider_pagination .slick-active a:after,.testimonials_slider .slider_images,.testimonials_slider .slider_images a:after,.testimonials_slider .slider_images:before,#Top_bar a#header_cart span,.widget_categories ul,.widget_mfn_menu ul li a:hover,.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a,.widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a,.widget_product_categories ul,.widget_recent_entries ul li:after,.woocommerce-account table.my_account_orders .order-number a,.woocommerce-MyAccount-navigation ul li.is-active a,.style-simple .accordion .question:after,.style-simple .faq .question:after,.style-simple .icon_box .desc_wrapper .title:before,.style-simple #Filters .filters_wrapper ul li a:after,.style-simple .article_box .desc_wrapper p:after,.style-simple .sliding_box .desc_wrapper:after,.style-simple .trailer_box:hover .desc,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet.selected:after,.tparrows.default,.tp-bullets.tp-thumbs .bullet.selected:after { background-color: #0095eb; } .Latest_news ul li .photo, .Recent_posts.blog_news ul li .photo, .style-simple .opening_hours .opening_hours_wrapper li label,.style-simple .timeline_items li:hover h3, .style-simple .timeline_items li:nth-child(even):hover h3,.style-simple .timeline_items li:hover .desc, .style-simple .timeline_items li:nth-child(even):hover,.style-simple .offer_thumb .slider_pagination a.selected { border-color: #0095eb; } *::-moz-selection { background-color: #0095eb; color: white; } *::selection { background-color: #0095eb; color: white; } .blockquote p.author span, .counter .desc_wrapper .title, .article_box .desc_wrapper p, .team .desc_wrapper p.subtitle,.pricing-box .plan-header p.subtitle, .pricing-box .plan-header .price sup.period, .chart_box p, .fancy_heading .inside,.fancy_heading_line .slogan, .post-meta, .post-meta a, .post-footer, .post-footer a span.label, .pager .pages a, .button-love a .label,.pager-single a, #comments .commentlist > li .comment-author .says, .fixed-nav .desc .date, .filters_buttons li.label, .Recent_posts ul li a .desc .date,.widget_recent_entries ul li .post-date, .tp_recent_tweets .twitter_time, .widget_price_filter .price_label, .shop-filters .woocommerce-result-count,.woocommerce ul.product_list_widget li .quantity, .widget_shopping_cart ul.product_list_widget li dl, .product_meta .posted_in,.woocommerce .shop_table .product-name .variation > dd, .shipping-calculator-button:after,.shop_slider .shop_slider_ul li .item_wrapper .price del,.testimonials_slider .testimonials_slider_ul li .author span, .testimonials_slider .testimonials_slider_ul li .author span a, .Latest_news ul li .desc_footer,.share-simple-wrapper .icons a { color: #a8a8a8; } h1, h1 a, h1 a:hover, .text-logo #logo { color: #161922; } h2, h2 a, h2 a:hover { color: #161922; } h3, h3 a, h3 a:hover { color: #161922; } h4, h4 a, h4 a:hover, .style-simple .sliding_box .desc_wrapper h4 { color: #161922; } h5, h5 a, h5 a:hover { color: #161922; } h6, h6 a, h6 a:hover,a.content_link .title { color: #161922; } .dropcap, .highlight:not(.highlight_image) { background-color: #0095eb; } a.button, a.tp-button { background-color: #f7f7f7; color: #747474; } .button-stroke a.button, .button-stroke a.button .button_icon i, .button-stroke a.tp-button { border-color: #f7f7f7; color: #747474; } .button-stroke a:hover.button, .button-stroke a:hover.tp-button { background-color: #f7f7f7 !important; color: #fff; } .button-stroke a.button.button_theme,.button-stroke a.button.button_theme .button_icon i, .button-stroke a.tp-button.button_theme,.button-stroke button, .button-stroke input[type="submit"], .button-stroke input[type="reset"], .button-stroke input[type="button"] { border-color: #0095eb; color: #0095eb !important; } .button-stroke a.button.button_theme:hover, .button-stroke a.tp-button.button_theme:hover,.button-stroke button:hover, .button-stroke input[type="submit"]:hover, .button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover { background-color: #0095eb !important; color: #ffffff !important; } a.mfn-link { color: #656B6F; } a.mfn-link-2 span, a:hover.mfn-link-2 span:before, a.hover.mfn-link-2 span:before, a.mfn-link-5 span, a.mfn-link-8:after, a.mfn-link-8:before { background: #0095eb; } a:hover.mfn-link { color: #0095eb; } a.mfn-link-2 span:before, a:hover.mfn-link-4:before, a:hover.mfn-link-4:after, a.hover.mfn-link-4:before, a.hover.mfn-link-4:after, a.mfn-link-5:before, a.mfn-link-7:after, a.mfn-link-7:before { background: #007cc3; } a.mfn-link-6:before { border-bottom-color: #007cc3; } .woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover { background-color: #0095eb; color: #fff; } .woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover { background-color: #0095eb; color: #fff; } .woocommerce #respond input#submit.disabled,.woocommerce #respond input#submit:disabled,.woocommerce #respond input#submit[disabled]:disabled,.woocommerce a.button.disabled,.woocommerce a.button:disabled,.woocommerce a.button[disabled]:disabled,.woocommerce button.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button[disabled]:disabled,.woocommerce input.button.disabled,.woocommerce input.button:disabled,.woocommerce input.button[disabled]:disabled { background-color: #0095eb; color: #fff; } .woocommerce #respond input#submit.disabled:hover,.woocommerce #respond input#submit:disabled:hover,.woocommerce #respond input#submit[disabled]:disabled:hover,.woocommerce a.button.disabled:hover,.woocommerce a.button:disabled:hover,.woocommerce a.button[disabled]:disabled:hover,.woocommerce button.button.disabled:hover,.woocommerce button.button:disabled:hover,.woocommerce button.button[disabled]:disabled:hover,.woocommerce input.button.disabled:hover,.woocommerce input.button:disabled:hover,.woocommerce input.button[disabled]:disabled:hover { background-color: #0095eb; color: #fff; } .button-stroke.woocommerce-page #respond input#submit,.button-stroke.woocommerce-page a.button,.button-stroke.woocommerce-page button.button,.button-stroke.woocommerce-page input.button { border: 2px solid #0095eb !important; color: #0095eb !important; } .button-stroke.woocommerce-page #respond input#submit:hover,.button-stroke.woocommerce-page a.button:hover,.button-stroke.woocommerce-page button.button:hover,.button-stroke.woocommerce-page input.button:hover { background-color: #0095eb !important; color: #fff !important; } .column_column ul, .column_column ol, .the_content_wrapper ul, .the_content_wrapper ol { color: #737E86; } .hr_color, .hr_color hr, .hr_dots span { color: #0095eb; background: #0095eb; } .hr_zigzag i { color: #0095eb; } .highlight-left:after,.highlight-right:after { background: #0095eb; } @media only screen and (max-width: 767px) { .highlight-left .wrap:first-child,.highlight-right .wrap:last-child { background: #0095eb; } } a.action_button { background-color: #f7f7f7; color: #747474; } .button-stroke a.action_button { border-color: #f7f7f7; } .button-stroke a.action_button:hover { background-color: #f7f7f7!important; } blockquote, blockquote a, blockquote a:hover { color: #444444; } .image_frame .image_wrapper .image_links,.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { background: rgba(0,149,235,0.8); } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after,.masonry.tiles .post-item.no-img,.masonry.tiles .post-item.format-quote,.blog-teaser li .desc-wrapper .desc .post-title:after,.blog-teaser li.no-img,.blog-teaser li.format-quote { background: #0095eb; } .image_frame .image_wrapper .image_links a { color: #ffffff; } .image_frame .image_wrapper .image_links a:hover { background: #ffffff; color: #0095eb; } .image_frame { border-color: #f8f8f8; } .image_frame .image_wrapper .mask::after { background: rgba(255,255,255,0.4); } .sliding_box .desc_wrapper { background: #0095eb; } .sliding_box .desc_wrapper:after { border-bottom-color: #0095eb; } .counter .icon_wrapper i { color: #0095eb; } .quick_fact .number-wrapper { color: #0095eb; } .progress_bars .bars_list li .bar .progress { background-color: #0095eb; } a:hover.icon_bar { color: #0095eb !important; } a.content_link, a:hover.content_link { color: #0095eb; } a.content_link:before { border-bottom-color: #0095eb; } a.content_link:after { border-color: #0095eb; } .get_in_touch, .infobox { background-color: #0095eb; } .google-map-contact-wrapper .get_in_touch:after { border-top-color: #0095eb; } .timeline_items li h3:before,.timeline_items:after,.timeline .post-item:before { border-color: #0095eb; } .how_it_works .image .number { background: #0095eb; } .trailer_box .desc .subtitle,.trailer_box.plain .desc .line { background-color: #0095eb; } .trailer_box.plain .desc .subtitle { color: #0095eb; } .icon_box .icon_wrapper, .icon_box a .icon_wrapper,.style-simple .icon_box:hover .icon_wrapper { color: #0095eb; } .icon_box:hover .icon_wrapper:before,.icon_box a:hover .icon_wrapper:before { background-color: #0095eb; } ul.clients.clients_tiles li .client_wrapper:hover:before { background: #0095eb; } ul.clients.clients_tiles li .client_wrapper:after { border-bottom-color: #0095eb; } .list_item.lists_1 .list_left { background-color: #0095eb; } .list_item .list_left { color: #0095eb; } .feature_list ul li .icon i { color: #0095eb; } .feature_list ul li:hover,.feature_list ul li:hover a { background: #0095eb; } .ui-tabs .ui-tabs-nav li.ui-state-active a,.accordion .question.active .title > .acc-icon-plus,.accordion .question.active .title > .acc-icon-minus,.faq .question.active .title > .acc-icon-plus,.faq .question.active .title,.accordion .question.active .title { color: #0095eb; } .ui-tabs .ui-tabs-nav li.ui-state-active a:after { background: #0095eb; } body.table-hover:not(.woocommerce-page) table tr:hover td { background: #0095eb; } .pricing-box .plan-header .price sup.currency,.pricing-box .plan-header .price > span { color: #0095eb; } .pricing-box .plan-inside ul li .yes { background: #0095eb; } .pricing-box-box.pricing-box-featured { background: #0095eb; } .woocommerce span.onsale, .shop_slider .shop_slider_ul li .item_wrapper span.onsale { border-top-color: #0095eb !important; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { border-color: #0095eb !important; } #Wrapper,#Content { background-color: #FCFCFC; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-family: "Roboto", Arial, Tahoma, sans-serif; } #Subheader .title { font-family: "Lora", Arial, Tahoma, sans-serif; } h1, h2, h3, h4, .text-logo #logo { font-family: "Roboto", Arial, Tahoma, sans-serif; } h5, h6 { font-family: "Roboto", Arial, Tahoma, sans-serif; } blockquote { font-family: "Roboto", Arial, Tahoma, sans-serif; } .chart_box .chart .num, .counter .desc_wrapper .number-wrapper, .how_it_works .image .number,.pricing-box .plan-header .price, .quick_fact .number-wrapper, .woocommerce .product div.entry-summary .price { font-family: "Roboto", Arial, Tahoma, sans-serif; } body { font-size: 14px; line-height: 25px; font-weight: 400; letter-spacing: 0px; } .big { font-size: 16px; line-height: 28px; font-weight: 400; letter-spacing: 0px; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-size: 15px; font-weight: 400; letter-spacing: 0px; } #overlay-menu ul li a { line-height: 22.5px; } #Subheader .title { font-size: 30px; line-height: 35px; font-weight: 400; letter-spacing: 1px; font-style: italic; } h1, .text-logo #logo { font-size: 48px; line-height: 50px; font-weight: 400; letter-spacing: 0px; } h2 { font-size: 30px; line-height: 34px; font-weight: 300; letter-spacing: 0px; } h3 { font-size: 25px; line-height: 29px; font-weight: 300; letter-spacing: 0px; } h4 { font-size: 21px; line-height: 25px; font-weight: 500; letter-spacing: 0px; } h5 { font-size: 15px; line-height: 25px; font-weight: 700; letter-spacing: 0px; } h6 { font-size: 14px; line-height: 25px; font-weight: 400; letter-spacing: 0px; } #Intro .intro-title { font-size: 70px; line-height: 70px; font-weight: 400; letter-spacing: 0px; } @media only screen and (min-width: 768px) and (max-width: 959px) { body { font-size: 13px; line-height: 21px; letter-spacing: 0px; } .big { font-size: 14px; line-height: 24px; letter-spacing: 0px; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-size: 13px; letter-spacing: 0px; } #overlay-menu ul li a { line-height: 19.5px; letter-spacing: 0px; } #Subheader .title { font-size: 26px; line-height: 30px; letter-spacing: 1px; } h1, .text-logo #logo { font-size: 41px; line-height: 43px; letter-spacing: 0px; } h2 { font-size: 26px; line-height: 29px; letter-spacing: 0px; } h3 { font-size: 21px; line-height: 25px; letter-spacing: 0px; } h4 { font-size: 18px; line-height: 21px; letter-spacing: 0px; } h5 { font-size: 13px; line-height: 21px; letter-spacing: 0px; } h6 { font-size: 13px; line-height: 21px; letter-spacing: 0px; } #Intro .intro-title { font-size: 60px; line-height: 60px; letter-spacing: 0px; } blockquote { font-size: 15px; } .chart_box .chart .num { font-size: 45px; line-height: 45px; } .counter .desc_wrapper .number-wrapper { font-size: 45px; line-height: 45px; } .counter .desc_wrapper .title { font-size: 14px; line-height: 18px; } .faq .question .title { font-size: 14px; } .fancy_heading .title { font-size: 38px; line-height: 38px; } .offer .offer_li .desc_wrapper .title h3 { font-size: 32px; line-height: 32px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { font-size: 32px; line-height: 32px; } .pricing-box .plan-header h2 { font-size: 27px; line-height: 27px; } .pricing-box .plan-header .price > span { font-size: 40px; line-height: 40px; } .pricing-box .plan-header .price sup.currency { font-size: 18px; line-height: 18px; } .pricing-box .plan-header .price sup.period { font-size: 14px; line-height: 14px; } .quick_fact .number { font-size: 80px; line-height: 80px; } .trailer_box .desc h2 { font-size: 27px; line-height: 27px; } .widget > h3 { font-size: 17px; line-height: 20px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { body { font-size: 13px; line-height: 19px; letter-spacing: 0px; } .big { font-size: 13px; line-height: 21px; letter-spacing: 0px; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-size: 13px; letter-spacing: 0px; } #overlay-menu ul li a { line-height: 19.5px; letter-spacing: 0px; } #Subheader .title { font-size: 23px; line-height: 26px; letter-spacing: 1px; } h1, .text-logo #logo { font-size: 36px; line-height: 38px; letter-spacing: 0px; } h2 { font-size: 23px; line-height: 26px; letter-spacing: 0px; } h3 { font-size: 19px; line-height: 22px; letter-spacing: 0px; } h4 { font-size: 16px; line-height: 19px; letter-spacing: 0px; } h5 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } h6 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } #Intro .intro-title { font-size: 53px; line-height: 53px; letter-spacing: 0px; } blockquote { font-size: 14px; } .chart_box .chart .num { font-size: 40px; line-height: 40px; } .counter .desc_wrapper .number-wrapper { font-size: 40px; line-height: 40px; } .counter .desc_wrapper .title { font-size: 13px; line-height: 16px; } .faq .question .title { font-size: 13px; } .fancy_heading .title { font-size: 34px; line-height: 34px; } .offer .offer_li .desc_wrapper .title h3 { font-size: 28px; line-height: 28px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { font-size: 28px; line-height: 28px; } .pricing-box .plan-header h2 { font-size: 24px; line-height: 24px; } .pricing-box .plan-header .price > span { font-size: 34px; line-height: 34px; } .pricing-box .plan-header .price sup.currency { font-size: 16px; line-height: 16px; } .pricing-box .plan-header .price sup.period { font-size: 13px; line-height: 13px; } .quick_fact .number { font-size: 70px; line-height: 70px; } .trailer_box .desc h2 { font-size: 24px; line-height: 24px; } .widget > h3 { font-size: 16px; line-height: 19px; } } @media only screen and (max-width: 479px) { body { font-size: 13px; line-height: 19px; letter-spacing: 0px; } .big { font-size: 13px; line-height: 19px; letter-spacing: 0px; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-size: 13px; letter-spacing: 0px; } #overlay-menu ul li a { line-height: 19.5px; letter-spacing: 0px; } #Subheader .title { font-size: 18px; line-height: 21px; letter-spacing: 1px; } h1, .text-logo #logo { font-size: 29px; line-height: 30px; letter-spacing: 0px; } h2 { font-size: 18px; line-height: 20px; letter-spacing: 0px; } h3 { font-size: 15px; line-height: 19px; letter-spacing: 0px; } h4 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } h5 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } h6 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } #Intro .intro-title { font-size: 42px; line-height: 42px; letter-spacing: 0px; } blockquote { font-size: 13px; } .chart_box .chart .num { font-size: 35px; line-height: 35px; } .counter .desc_wrapper .number-wrapper { font-size: 35px; line-height: 35px; } .counter .desc_wrapper .title { font-size: 13px; line-height: 26px; } .faq .question .title { font-size: 13px; } .fancy_heading .title { font-size: 30px; line-height: 30px; } .offer .offer_li .desc_wrapper .title h3 { font-size: 26px; line-height: 26px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { font-size: 26px; line-height: 26px; } .pricing-box .plan-header h2 { font-size: 21px; line-height: 21px; } .pricing-box .plan-header .price > span { font-size: 32px; line-height: 32px; } .pricing-box .plan-header .price sup.currency { font-size: 14px; line-height: 14px; } .pricing-box .plan-header .price sup.period { font-size: 13px; line-height: 13px; } .quick_fact .number { font-size: 60px; line-height: 60px; } .trailer_box .desc h2 { font-size: 21px; line-height: 21px; } .widget > h3 { font-size: 15px; line-height: 18px; } } .with_aside .sidebar.columns { width: 23%; } .with_aside .sections_group { width: 77%; } .aside_both .sidebar.columns { width: 18%; } .aside_both .sidebar.sidebar-1 { margin-left: -82%; } .aside_both .sections_group { width: 64%; margin-left: 18%; } @media only screen and (min-width: 1240px) { #Wrapper, .with_aside .content_wrapper { max-width: 1240px; } .section_wrapper, .container { max-width: 1220px; } .layout-boxed.header-boxed #Top_bar.is-sticky { max-width: 1240px; } } #Top_bar #logo,.header-fixed #Top_bar #logo,.header-plain #Top_bar #logo,.header-transparent #Top_bar #logo { height: 60px; line-height: 60px; padding: 15px 0; } .logo-overflow #Top_bar:not(.is-sticky) .logo { height: 90px; } #Top_bar .menu > li > a { padding: 15px 0; } .menu-highlight:not(.header-creative) #Top_bar .menu > li > a { margin: 20px 0; } .header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description) { line-height: 90px; } .header-fixed #Top_bar .menu > li > a { padding: 30px 0; } #Top_bar .top_bar_right,.header-plain #Top_bar .top_bar_right { height: 90px; } #Top_bar .top_bar_right_wrapper { top: 25px; } .header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button,.header-plain #Top_bar .wpml-languages,.header-plain #Top_bar a.action_button { line-height: 90px; } @media only screen and (max-width: 767px) { #Top_bar a.responsive-menu-toggle { top: 40px; } .mobile-header-mini #Top_bar #logo { height: 50px!important; line-height: 50px!important; margin: 5px 0; } } .twentytwenty-before-label::before { content: "Before"; } .twentytwenty-after-label::before { content: "After"; } #Side_slide { right: -250px; width: 250px; } #Side_slide.left { left: -250px; } .blog-teaser li .desc-wrapper .desc { background-position-y: -1px; } form input.display-none { display: none!important } #Footer .widgets_wrapper { padding: 70px 0 } /* ROHNER SPRAY BOOTHS Last Updated: 7/6/2020 */ a:hover { text-decoration: none; } #Top_bar .menu > li > a span:not(.description) /* TOP NAV CTAS */ a.quote-cta { background-color: #ffcd34; display: inline-block; padding: 8px 32px; font-weight: bold; border-radius: 4px; color: white; margin-right: 8px; } a.phone-cta { background-color: transparent; display: inline-block; padding: 8px 16px; border-radius: 4px; font-weight: bold; color: #ffcd34; border: solid 2px #ffcd34; /*color: #1a4366;*/ } .fancy_heading.fancy_heading_icon h2.title, #Side_slide #menu ul li.current-menu-item > a, #Side_slide #menu ul li.current_page_item > a, #Side_slide #menu ul li.current-menu-parent > a, #Side_slide #menu ul li.current-page-parent > a, #Side_slide #menu ul li.current-menu-ancestor > a, #Side_slide #menu ul li.current-page-ancestor > a, #Side_slide #menu ul li.current_page_ancestor > a, #Side_slide #menu ul li.hover > a, #Side_slide #menu ul li:hover > a, #Side_slide #menu ul li a { font-family: "Roboto Condensed", Helvetica, sans-serif !important; } @media only screen and (min-width: 1260px) { #Top_bar.is-sticky .secondary_menu_wrapper, #Top_bar.is-sticky .banner_wrapper { display: inline-block !important; margin-top: 17px !important; } } /*Top Nav*/ #Top_bar .menu > li > a span:not(.description) { text-transform: uppercase; font-size: 18px; font-weight: 500; padding: 0 13px; margin-top: 7px; } @media (min-width: 1270px) { #Top_bar .menu > li > a span:not(.description) { padding: 0 15px; } } @media (min-width: 1350px) { #Top_bar .menu > li > a span:not(.description) { padding: 0 20px; } } @media (min-width: 1461px) { #Top_bar .menu > li > a span:not(.description) { padding: 0 25px; } } @media (min-width: 1461px) { #Top_bar .menu > li > a span:not(.description) { padding: 0 30px; } } #Top_bar #logo { height: 75px !important } #Top_bar.is-sticky #logo img.logo-sticky { max-height: 75px !important; } div#Top_bar.is-sticky { min-height: 85px !important; } @media (min-width: 1260px) { #Top_bar .menu_wrapper { float: right !important; margin-right: 0; width: 83%; } } @media (min-width: 1375px) { #Top_bar .menu_wrapper { width: 86%; } } @media (min-width: 1478px) { #Top_bar .menu_wrapper { width: 87%; } } /*Bold Fancy Headings*/ .banner_wrapper .button { user-select: none; color: white; font-weight: 600; text-transform: uppercase; font-size: 17px; letter-spacing: 0.5px; padding: 0 17px; } .rev-btn, .rev-btn:visited { letter-spacing: 0.5px !important; font-weight: 600 !important; } .fancy_heading .title { font-weight: 500; color: #0a466b; } /*Add CTA to sticky*/ #Top_bar .banner_wrapper a.quote-cta { border: 2px solid transparent; } .banner_wrapper a.button { margin-bottom: 0; } @media (max-width: 767px) { #Top_bar .banner_wrapper { width: 100%; text-align: center; } } @media (min-width: 1260px) { #Top_bar .banner_wrapper { display: inline-block; float: right; margin-top: 26px; } } /*Resize Sticky Nav to allow Banner CTAs*/ ​ div#Top_bar.is-sticky { min-height: 70px; } ​ div#Top_bar.is-sticky .top_bar_left.clearfix { padding-top: 3px; } /* MOBILE MENU */ #Top_bar a.responsive-menu-toggle i { font-size: 30px; line-height: 34px; color: white; } #Side_slide #menu ul li a { display: block; padding: 11px 5px 10px 20px; margin-right: 50px; text-decoration: none; line-height: initial; font-size: 19px; letter-spacing: 0.3px; font-family: "Roboto Condensed", Helvetica, sans-serif !important; text-transform: uppercase; } @media only screen and (max-width: 767px) { #Top_bar a.responsive-menu-toggle { right: 20px; } } /*Our Products Grid*/ ​ .product-hover-box div:not(.hoverBox) { min-height: 350px; position: relative; } .product-hover-box { margin-bottom: 0; } .product-hover-box div.hoverBox { position: absolute; top: 99px; right: 0; left: 0; z-index: 9999; } .product-hover-box div.hoverBox p { color: #fff; font-size: 32px; text-transform: uppercase; line-height: 1.3; font-weight: 500; text-shadow: 2px 2px 0 #000; } a.product-btn { border: 1px solid #ffcd34; border-radius: 4px; padding: 8px 20px; color: #ffcd34; font-weight: 900; font-size: 16px; transition: all 0.3s ease; } a.product-btn:hover { background-color: #ffcd34; color: #0a466b; text-decoration: none; } /*Hover effect*/ .project { min-height: 350px; transition: all 1.25s ease; /*background-position: 100% !important;*/ position: relative; height: 0; transition-timing-function: cubic-bezier(0.57, -0.02, 0.38, 0.92); background-repeat: no-repeat; } .project:hover { background-position: 100% !important; } .product-hover-box div.hoverBox:hover a { text-decoration: none !important; } .project > .project-overlay { background: rgba(26, 67, 102, 0.5); } .project:hover > .project-overlay { background: rgba(0, 0, 0, 0.5); } a.product-btn:hover > .project-overlay { background: rgba(0, 0, 0, 0.5); } .project-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; transition: all 0.5s ease; } /*Tile Icons*/ div#industries .iconColumns.vert-icons { columns: 1; } @media (min-width: 367px) { div#industries .iconColumns.vert-icons { columns: 2; } } @media (max-width: 366px) { .column.mcb-column.mcb-item-l29u1e7ty.one-second.column_column { margin-bottom: 0; } } @media (max-width: 419px) { div#industries .iconColumns.vert-icons:first-of-type { margin-top: 25px; } } @media screen and (max-width: 366px) and (min-width:295px) { .iconColumns.vert-icons h4 { /* bottom: -75px; */ /* min-height: 0; */ margin-bottom: 16px; } .vert-icons .iconWrap { background-size: 65%; min-height: 130px !important; } } @media (min-width: 367px) { div#industries .iconColumns.vert-icons { columns: 2; } .vert-icons .iconWrap { background-size: 100%; } } @media (min-width: 425px) { .vert-icons .iconWrap { background-size: auto; } } .iconColumns { text-align: center; } .iconColumns h4 { text-transform: uppercase; } /* BLUE CTA */ #blue-cta p { color: white; font-size: 24px; line-height: initial; } a.yellow-btn { background-color: rgb(255, 205, 52); line-height: 49px; font-weight: 600; font-size: 18px; margin: 0px; border: 2px solid transparent; border-radius: 3px; padding: 16px 39px; color: rgb(255, 255, 255); user-select: none; transition: all 0.3s ease; letter-spacing: 0.5px; text-transform: uppercase; } a.yellow-btn:hover { background-color: transparent; border: 2px solid rgb(255, 205, 52); color: rgb(255, 205, 52); text-decoration: none; } a.blue-btn { background-color: #0a466b; line-height: 49px; font-weight: 600; font-size: 18px; margin: 0px; border: 2px solid transparent; border-radius: 3px; padding: 16px 39px; color: rgb(255, 255, 255); user-select: none; transition: all 0.3s ease; letter-spacing: 0.5px; text-transform: uppercase; } @media (min-width: 373px) { a.blue-btn { padding: 16px 20px !important; } } a.blue-btn:hover { background-color: transparent; border: 2px solid #0a466b; color: #0a466b; text-decoration: none; } ​ /* TESTIMONIALS */ .testimonial-section { min-height: 430px; margin-top: 0; padding-top: 20px; } .testimonial-section { min-height: 430px; margin-top: 0; padding-top: 20px; } .testimonials_slider .bq_wrapper blockquote { color: white; margin-bottom: 16px !important; background: transparent !important; font-size: 23px; } @media (min-width: 1024px) { .testimonials_slider .bq_wrapper blockquote { min-height: 155px !important; } } .testimonials_slider:before, .testimonials_slider:after { position: absolute; top: 0; } /*mobile testimonial images*/ @media (min-width: 470px) { .testimonials_slider:before { left: -165px; } .testimonials_slider:after { right: -155px; } } @media (min-width: 600px) { .testimonials_slider:before { left: -170px; } .testimonials_slider:after { right: -185px; } } @media (min-width: 768px) { .testimonials_slider:after { right: -75px; } } @media (min-width: 960px) { .testimonials_slider:after { right: 0; } } .testimonials_slider .testimonials_slider_ul li .hr_dots, .testimonials_slider .testimonials_slider_ul li .author span:not(.company) { display: none !important; } .hr_dots span { color: #004065 !important; background: transparent !important; } .testimonials_slider .testimonials_slider_ul li .author h5, .testimonials_slider_ul li .author span { color: white !important; display: inline-block; font-size: 16px; /* margin-right: 4px; */ } .testimonials_slider .testimonials_slider_ul li .author h5, .testimonials_slider .testimonials_slider_ul li .author span { font-size: 23px; line-height: 1; } .testimonials_slider .testimonials_slider_ul li .author h5 { margin-bottom: 12px; } @media (min-width: 768px) { .testimonials_slider .testimonials_slider_ul li .author h5 { margin-bottom: 2px; } } .testimonials_slider .testimonials_slider_ul li .bq_wrapper { background: rgba(0,0,0,0.02); margin-bottom: 20px; } .testimonials_slider .testimonials_slider_ul li .bq_wrapper { padding: 0; } @media (max-width: 767px) { .testimonials_slider .testimonials_slider_ul li { padding: 0; } } @media (min-width: 768px) { .testimonials_slider .testimonials_slider_ul li .bq_wrapper { padding: 30px 40px 30px; } } /*Remove Quote icon from testimonials*/ blockquote:after { display: none; } /*Responsive Button Fix*/ @media (max-width: 420px) { .requestQuote a.yellow-btn { max-width: 80% !important; } } @media (max-width: 767px) { .requestQuote a.yellow-btn { padding: 0; display: block; text-align: center; max-width: 50%; margin: 0 auto; } } @media (min-width: 768px) { .requestQuote a.yellow-btn { padding: 15px; } } @media (min-width: 960px) { .requestQuote a.yellow-btn { padding: 16px 39px; } } /*Industries Hover Effect*/ .iconWrap { background-position: center top; min-height: 185px; background-repeat: no-repeat; transition: all 0.3s ease; } .iconColumns h4 { position: relative; /* bottom: -135px; */ min-height: 50px; color: #0a466b; } /*Hover End*/ /*Gallery*/ .homeGallery { background-position: center center; background-repeat: no-repeat; min-height: 557px; transition: all 0.3s ease; background-size: contain; } @media (min-width: 768px) { .homeGallery { background-size: auto; } } @media (max-width: 767px) { .homeGallery { /*min-height: 350px;*/ min-height: 288px; } } /* CONTACT US */ #contact { margin-top: -2px; } #contact h2 { color: white; user-select: none; margin-bottom: 32px; } #contact .wpcf7-submit:hover { background-color: transparent; color: rgb(255, 205, 52); } #contact a.blue-btn { padding: 14px 39px !important; margin-right: 10px; transition: all 0.3s ease; } .mobileOnly { display: inherit; } div#contact form { margin-bottom: 23px; } #contact .mobileOnly .wpcf7-submit, #contact .mobileOnly a.blue-btn { display: block; line-height: 1; margin: 0 auto !important; } .desktop-submit { display: none; } @media (min-width: 768px) { .mobileOnly { display: none; } .desktop-submit { display: inherit; } div#contact form { margin-bottom: 0; } } @media (min-width: 768px) { #contact a.blue-btn { margin-right: 10px; } } #contact a.blue-btn:hover { color: #fff; } /**/ @media only screen and (min-width: 767px) { .form-grid-50 { width: 48%; float: left; margin-right: 2%; } .form-grid-50 input, .form-grid-50 select { margin-bottom: 20px !important; line-height: 1.5 !important; } } .form-grid-50 p { margin-bottom: 0 !important; } .form-grid-100 { width: 100%; text-align: center; display: inline-block; } div#contact span.wpcf7-form-control-wrap input, div#contact span.wpcf7-form-control-wrap textarea, div#contact span.wpcf7-form-control-wrap select { background: rgba(255, 255, 255, 0.6); border: none; color: black; } div#contact span.wpcf7-form-control-wrap input::placeholder, div#contact span.wpcf7-form-control-wrap textarea::placeholder, div#contact span.wpcf7-form-control-wrap select::placeholder { color: black !important; } input.wpcf7-form-control.wpcf7-submit:focus { border: none; outline: none; } /*Contact Us Form*/ div#wpcf7-f698-p338-o1 .wpcf7-submit { min-width: 250px; } @media (min-width: 768px) { .contact-us-form textarea { min-height: 361px; } } /*Blurbs*/ .contact-info-column a, .contact-info-column p { color: #0a466b !important; font-size: 19px !important; line-height: 1.4; } .ct-lt-col { float: left; margin: 0px 13px 0 0; } .ct-rt-col.singleRow { margin-top: 14px; } @media (min-width: 350px) { .contact-info-column a, .contact-info-column p { font-size: 21px !important; } } @media (min-width: 768px) { .ct-rt-col.singleRow { margin-top: 0; } } @media (min-width: 960px) { .ct-rt-col.singleRow { margin-top: 17px; } } @media (min-width: 1240px) { .contact-info-column a, .contact-info-column p { font-size: 28px !important; } .ct-lt-col { float: left; margin: 10px 20px 0 0; } .ct-rt-col.singleRow { margin-top: 20px; } } .contact-info-column a:hover { text-decoration: none; } .contact-map iframe { border: 5px solid #0a466b !important; } /*Internal Page Template Begin*/ .blue-industries-internal p.wp-caption-text { background-color: #0a466b; color: #fff; font-size: 18px; } .application-img-wrap { text-align: center; background: #ffcd34; padding-top: 4px; } .application-img-wrap p { color: #fff; font-size: 18px; font-weight: 600; padding-bottom: 5px; text-transform: uppercase; } .applications-container p { font-size: 18px; } ul.content-list li { list-style-type: none; color: #626262; font-size: 16px; } ul.content-list li::before { content: "•"; color: #ffcd34; display: inline-block; font-weight: 900; font-size: 25px; width: 1em; margin-left: -1em; text-align: center; position: relative; top: 4px; } h4.sm-title { color: #0a466b; font-weight: 500; } .column_attr.clearfix p { font-size: 16px; color: #333; } .button-section a.blue-btn, .button-section a.yellow-btn { margin: 0 10px; } .button-section a.yellow-btn { display: none; } @media (min-width: 768px) { .interior-content div { max-width: 90% !important; } .button-section a.yellow-btn { display: inline; } } .industry-options { background-image: linear-gradient(45deg, transparent 50%, #5b5b5b 50%), linear-gradient(135deg, #5b5b5b 50%, transparent 50%), linear-gradient(to right, #cecece00, #cecece00) !important; background-position: calc(100% - 25px) calc(1em + 5px), calc(100% - 20px) calc(1em + 5px), 100% 0 !important; background-size: 5px 5px, 5px 5px, 3.3em 3.5em !important; background-repeat: no-repeat !important; /* -webkit-appearance: auto; -moz-appearance: auto; */ } div#contact span.wpcf7-form-control-wrap select { line-height: 1.5 !important; } /*End Template*/ /*Custom Table style*/ table.rohner-data-table td { background-color: transparent; border: 2px solid #0a466b; box-shadow: none; text-align: left; color: #626262; font-family: "Roboto", Arial, Tahoma, sans-serif; } .footable_parent table.foo-table.vertical_centered tbody>tr>td, .footable_parent table.foo-table.vertical_centered thead>tr>th { color: #333; font-family: "Roboto", Arial, Tahoma, sans-serif; } @media (min-width: 768px) { .footable_parent table.foo-table.vertical_centered tbody>tr>td, .footable_parent table.foo-table.vertical_centered thead>tr>th { font-size: 16px; } } table.rohner-data-table th { background-color: transparent; box-shadow: none; border: none; text-align: left; color: #626262; } td.dot { color: #ffcd34 !important; font-size: 55px; text-align: center !important; } /*End Table*/ /*Edit Lower Table*/ .ninja_table_wrapper h3.table_title, tr.footable-filtering { display: none !important; } /*Font Awesome chevrons for sliders*/ .internal-slider .slick-prev:before, .internal-slider .slick-next:before, .lower-int-gallery .slick-prev:before, .lower-int-gallery .slick-next:before { color: #0a466b; } .internal-slider .slick-prev:before, .internal-slider .slick-next:before, .lower-int-gallery .slick-prev:before, .lower-int-gallery .slick-next:before { font-size: 40px; } .internal-slider .slick-prev, .internal-slider .slick-next, .lower-int-gallery .slick-prev, .lower-int-gallery .slick-next { height: 50px; width: 30px; } .internal-slider .slick-next, .lower-int-gallery .slick-next { right: -45px; } .internal-slider .slick-prev, .lower-int-gallery .slick-prev { left: -35px; } .internal-slider .slick-next:before, .lower-int-gallery .slick-next:before { font-family: 'FontAwesome'; content: '\f054'; } .internal-slider .slick-prev:before, .lower-int-gallery .slick-prev:before { font-family: 'FontAwesome'; content: '\f053'; } .internal-slider button.slick-arrow, .lower-int-gallery button.slick-arrow { box-shadow: none !important; } .internal-slider div img { min-width: 100%; } .lower-int-gallery div img { min-width: 95%; } /*Slider navigation styles*/ .slider-nav { margin-top: 30px !important; } .nav-img-wrp { margin: 0 11px; } /*Responsive*/ /*Hide Table on sm viewport*/ @media (max-width: 395px) { #data-table { display: none; } } @media (max-width: 450px) { .application-img-wrap img { max-width: 97% !important; } } @media (max-width: 767px) { .button-section a.blue-btn { display: block; text-align: center; margin-bottom: 10px; } .application-img-wrap { max-width: 383px; margin: 0 auto; } } @media screen and (max-width: 1239px) and (min-width:768px) { .application-img-wrap img { max-width: 95% !important; } } .application-img-wrap img { transition: all 0.3s ease; } .application-img-wrap img:hover { opacity: 0.6; } /*Fancy Heading*/ .int-fancy .fancy_heading h2.title { color: #fff; text-shadow: 2px 2px 0 #000; text-transform: uppercase; } #int-fancy { background-position: 50% -2px !important; } .horz-icons.iconColumns .iconWrap { min-height: 190px; } .horz-icons.iconColumns h4 { font-size: 18px; font-weight: 400; color: #fff; text-transform: capitalize !important; } .horz-icons .iconContainer:hover h4 { color: rgb(255, 205, 52); } .horz-icons.iconColumns .iconWrap { min-height: 145px; } /* } */ @media screen and (max-width: 959px) and (min-width:768px) { .horz-icons.iconColumns h4 { font-size: 17px; } } @media screen and (max-width: 767px) and (min-width:420px) { .horz-icons.iconColumns h4 { font-size: 17px; } .section_wrapper .horz-icons .column.column_placeholder { display: none; } .horz-icons.iconColumns .iconWrap { background-size: 70%; } .horz-icons.iconColumns .iconWrap { min-height: 155px; } } @media screen and (max-width: 767px) and (min-width:500px) { .applications-container p { max-width: 65%; } } @media (max-width: 767px) { .application-img-wrap p { margin-top: 0; max-width: 100%; } .applications-container p { margin: 15px auto 0; } } @media (max-width: 419px) { /* .horz-icons.iconColumns h4 { bottom: -56px; }*/.horz-icons.iconColumns .iconWrap { background-size: 100% !important; min-height: 110px; } } @media (max-width: 360px) { .horz-icons.iconColumns h4 { /* bottom: -90px; */ } } /*Parent Page Categories Grid*/ ​ .product-hover-box.child-page-grid div:not(.hoverBox) { min-height: 350px; position: relative; } .product-hover-box.child-page-grid { margin-bottom: 0; } .product-hover-box.child-page-grid div.hoverBox { position: absolute; top: 133px; right: 0; left: 0; z-index: 9999; } .product-hover-box.child-page-grid div.hoverBox.oneLine { top: 170px !important; } @media (min-width: 768px) { .product-hover-box.child-page-grid div.hoverBox { top: 133px; } .product-hover-box.child-page-grid div.hoverBox.oneLine { top: 163px !important } } @media (min-width: 960px) { .product-hover-box.child-page-grid div.hoverBox { top: 133px; } } @media (min-width: 1240px) { .product-hover-box.child-page-grid div.hoverBox { top: 133px; } .product-hover-box.child-page-grid div.hoverBox.oneLine { top: 210px !important; } } /*add third line*/ @media (min-width: 768px) { .hoverBox.xl { top: 115px !important; } } div.hoverBox p { max-width: 85%; margin: 0 auto; } /**/ .product-hover-box.child-page-grid div.hoverBox p { color: #fff; font-size: 32px; text-transform: uppercase; line-height: 1.3; font-weight: 500; text-shadow: 2px 2px 0 #000; } .child-page-grid a.product-btn { border: 1px solid #ffcd34; border-radius: 4px; padding: 8px 20px; color: #ffcd34; font-weight: 900; font-size: 16px; transition: all 0.3s ease; } .child-page-grid a.product-btn:hover { background-color: #ffcd34; color: #0a466b; text-decoration: none; } /*Hover effect*/ .child-page-grid .project { min-height: 350px; transition: all 1.25s ease; /*background-position: 100% !important;*/ position: relative; height: 0; transition-timing-function: cubic-bezier(0.57, -0.02, 0.38, 0.92); background-repeat: no-repeat; background-color: #0a466b; } .child-page-grid .project:hover { background-position: 100% !important; } .product-hover-box.child-page-grid div.hoverBox:hover a { text-decoration: none !important; } .child-page-grid .project > .project-overlay { background: rgba(26, 67, 102, 0.5); } .child-page-grid .project > .project-overlay.darker { background: rgba(26, 67, 102, 0.6); } .child-page-grid .project:hover > .project-overlay { background: rgba(0, 0, 0, 0.4); } .child-page-grid a.product-btn:hover > .project-overlay { background: rgba(0, 0, 0, 0.4); } .child-page-grid .project-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; transition: all 0.5s ease; } .category-Content { width: 100%; text-align: center; } /*End Parent Page Categories Grid*/ /*Sub-Nav styles*/ #Top_bar .sub-menu > li { background-color: #0a466b; border-bottom: 1px solid rgba(255,255,255,0.2); } #Top_bar .sub-menu > li a { color: #fff; } #Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a { color: #ffcd34; } /*End*/ /* CONTACT US PAGE */ ul.contact-li { margin-left: 0; } ul.contact-li li { margin-bottom: 0; } div#wpcf7-f350-p338-o1 { background: #efefef; border: 1px solid #333; border-radius: 5px; padding: 20px; max-width: 550px; } div#wpcf7-f350-p338-o1 .wpcf7-form-control-wrap input, div#wpcf7-f350-p338-o1 .wpcf7-form-control-wrap select, div#wpcf7-f350-p338-o1 .wpcf7-form-control-wrap textarea { border: solid 1px #000; } div#wpcf7-f350-p338-o1 .wpcf7-submit { background-color: white !important; border: solid 2px #336A98 !important; color: #336A98 !important; font-weight: bold; } /* NINJATABLES */ .ninja_table_pro { max-width: 921px !important; margin: 0 auto !important; font-family: 'Tahoma'; } .ninja_table_pro { max-width: 1162px !important; } .ninja_table_pro th { background: none !important; box-shadow: none !important; border: none !important; } .ninja_table_pro td { border: none !important; } .ninja_table_pro thead { border-bottom: solid 3px #000 !important; } /*Override default*/ @media only screen and (max-width: 479px) { h4 { font-size: 16px; } } /*Featured Products section*/ .featuredProduct-section .featured-prd-wrap h4 { color: #0a466b; margin: 15px auto 25px; } .featuredProduct-section .child-page-grid .project { background-size: 103% !important; } .featuredProduct-section .child-page-grid .project > .project-overlay { background: rgba(26, 67, 102, 0.0); } .featuredProduct-section .child-page-grid .project:hover > .project-overlay, .featuredProduct-section .child-page-grid a.product-btn:hover > .project-overlay { /* background: rgba(255, 205, 52, 0.4) !important; */ background: rgba(26, 67, 102, 0.4) !important; } .featuredProduct-section .child-page-grid .project { min-height: 175px; } @media (min-width: 550px) { .featuredProduct-section .child-page-grid .project { min-height: 340px; } } @media (min-width: 768px) { .featuredProduct-section .child-page-grid .project { min-height: 155px; } } @media (min-width: 960px) { .featuredProduct-section .child-page-grid .project { min-height: 200px; } } @media (min-width: 1240px) { .featuredProduct-section .child-page-grid .project { min-height: 270px; } } /* End Featured Products section*/ /*2 column grandparent pages*/ @media (min-width: 1240px) { .top-level div.hoverBox p { font-size: 36px; } .top-level .project { min-height: 450px; } } /*end 2 col*/ /*Get a Quote Form*/ .get-a-quote-form .wpcf7 { background-color: #f2f2f2; border: 2px solid #0a466b; padding: 30px 30px 0; } .get-a-quote-form input, .get-a-quote-form textarea, .get-a-quote-form select { border: 1px solid #0a466b !important; } .splitInfo label { min-width: 31.4%; margin-bottom: 16px; } .phoneLabels input { margin-bottom: 10px !important; } .get-a-quote-form span { font-size: 16px; color: #000; } .get-a-quote-form span.wpcf7-form-control-wrap { padding-left: 15px; } /*Fix input widths*/ .get-a-quote-form span.inputTitle { min-width: 90px !important; display: inline-block; } .get-a-quote-form span { padding-left: 0 !important; } @media (min-width: 960px) { .get-a-quote-form span.wpcf7-form-control-wrap.your-address, .get-a-quote-form span.wpcf7-form-control-wrap.your-first-name, .get-a-quote-form span.wpcf7-form-control-wrap.your-last-name, .get-a-quote-form span.wpcf7-form-control-wrap.your-company, .get-a-quote-form span.wpcf7-form-control-wrap.your-email, .get-a-quote-form span.wpcf7-form-control-wrap.multiple, span.wpcf7-form-control-wrap { width: 100% !important; } } @media (min-width: 1240px) { .get-a-quote-form span.wpcf7-form-control-wrap.your-address, .get-a-quote-form span.wpcf7-form-control-wrap.your-first-name, .get-a-quote-form span.wpcf7-form-control-wrap.your-last-name, .get-a-quote-form span.wpcf7-form-control-wrap.your-company, .get-a-quote-form span.wpcf7-form-control-wrap.your-email, .get-a-quote-form span.wpcf7-form-control-wrap.multiple { width: 90.7% !important; } .get-a-quote-form span.wpcf7-form-control-wrap.your-question-3, .get-a-quote-form span.wpcf7-form-control-wrap.your-question-2, .get-a-quote-form span.wpcf7-form-control-wrap.your-question-1 { padding-left: 0 !important; } .phoneLabels label { width: 50%; float: left; } .splitInfo label { float: left; min-width: 31.4%; margin-bottom: 16px; } .get-a-quote-form span.wpcf7-form-control-wrap.your-state, .get-a-quote-form span.wpcf7-form-control-wrap.your-zip, .get-a-quote-form span.wpcf7-form-control-wrap.your-cell-phone { padding-left: 15px !important; } .get-a-quote-form span.wpcf7-form-control-wrap { width: 84% !important; } .get-a-quote-form span.wpcf7-form-control-wrap.your-phone { width: 79% !important; } .get-a-quote-form span.wpcf7-form-control-wrap.your-city { width: 71.7% !important; } .get-a-quote-form span.wpcf7-form-control-wrap.your-zip { width: 89.3% !important; } .get-a-quote-form span.wpcf7-form-control-wrap.your-cell-phone { width: 81% !important; } .get-a-quote-form span.wpcf7-form-control-wrap.your-state { width: 82% !important; } .get-a-quote-form span.wpcf7-form-control-wrap.your-question-3, .get-a-quote-form span.wpcf7-form-control-wrap.your-question-2, .get-a-quote-form span.wpcf7-form-control-wrap.your-question-1 { width: 99.8% !important; } } .get-a-quote-form div#wpcf7-f702-p703-o1 .wpcf7-submit { display: block !important; margin: 0 auto !important; border: 2px solid rgba(255, 205, 52, 1) !important; transition: all 0.3s ease; } .get-a-quote-form div#wpcf7-f702-p703-o1 .wpcf7-submit:hover { background-color: rgba(255, 205, 52, 0.5) !important; border: 2px solid rgba(255, 205, 52, 0.5) !important; color: #0a466b; } @media (min-width: 450px) { .get-a-quote-form div#wpcf7-f702-p703-o1 .wpcf7-submit { min-width: 300px; } } /**/ /*Uniform Parallax Fix*/ .section[data-parallax="3d"] { overflow: hidden; max-width: 1920px; margin: 0 auto; } /*Resources page*/ /*Partners Page imported styles*/ .partnersBtn { background-color: #0a466b; color: #fff; font-size: 19px; font-weight: 500; padding: 12px 0; border: 2px solid #0a466b; border-radius: 5px; transition: all 0.3s ease; } @media (max-width: 767px) { .partnersBtn { display: block; margin: 16px auto; padding-left: 16px; } } @media (min-width: 767px) { .partnersBtn { width: 100% !important; display: inline-block; text-align: center; max-width: 17.9%; margin: 8px; } } .partnersBtn:hover { background-color: transparent; color: #0a466b; text-decoration: none; } .partners-container body { padding: 0 1em 1em; } .partners-container h1 { margin: 0; line-height: 2; text-align: center; } .partners-container h2 { margin: 0 0 .5em; font-weight: normal; } .partners-container input { position: absolute; opacity: 0; z-index: -1; } /* .partners-container.row { display:flex; .col { flex:1; &:last-child { margin-left: 1em; } } } */ @media screen and (max-width: 424px) and (min-width:420px) { .vert-icons.iconColumns h4 { bottom: -80px !important; } .vert-icons { min-height: 128px !important; } } /* Accordion styles */ .accordion-container { position: relative; /* max-width: 500px; */ height: auto; margin: 10px auto; } .accordion-container > h2 { text-align: center; color: #fff; padding-bottom: 5px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .accordion-container .set { position: relative; width: 100%; height: auto; background-color: #0a466b; text-align: left; font-size: 20px; border: 2px solid #fff; border-radius: 10px; } .accordion-container .set.active { background-color: transparent !important; } .accordion-container .set > a { display: block; padding: 20px 25px; text-decoration: none; color: #fff; font-weight: 600; /* border-bottom: 1px solid #ddd; */ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .accordion-container .set > a i { float: right; margin-top: 2px; } .accordion-container .set > a.active { background-color: #ffcd34; color: #fff; } .accordion-container .content { background-color: #fff; border: 1px solid #ddd; display: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 15px; } .accordion-container .content p { padding: 10px 15px; margin: 0; color: #333; } .locationFeed { display: none; } .locationFeed.active { display: inherit; } /*End imported styles*/ .accordion-container .set .content { background-position: 97% 5%; background-size: auto; background-repeat: no-repeat; } @media (min-width: 650px) { } @media (max-width: 767px) { a.safety-manual-brochure { display: block; padding: 0 !important; text-align: center; margin-top: 20px; } } /**/ /*Blog*/ .post-desc h2.entry-title { font-family: "Roboto", Arial, Tahoma, sans-serif; text-transform: uppercase; font-size: 21px; letter-spacing: 0; font-weight: 500; line-height: 25px; padding-top: 5px; } div#Filters ul li a, .post-desc .post-links a { color: #0a466b; } .grid .post-photo-wrapper { border: 2px solid; border-bottom: none; border-left-color: #0a466b; border-right-color: #ffcd34; border-top-color: #0a466b; } .post-desc { border: 2px solid; border-top: none; border-left-color: #0a466b; border-right-color: #ffcd34; border-bottom-color: #ffcd34; } .post-footer { background: transparent !important; } .image_frame .image_wrapper .image_links, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { background-color: #0a466b !important; } .image_frame .image_wrapper .image_links a:hover i, .image_frame .image_wrapper .image_links a:hover { color: #0a466b !important; } /* .post-footer { border: 2px solid; border-left-color: #0a466b; border-right-color: #ffcd34; border-bottom-color: #ffcd34; border-top-color: #0a466b; background-color: #fff; } .grid .post-photo-wrapper { border: 2px solid #0a466b; } */ body.single-post div#Subheader { display: none; } body.single-post div#int-fancy { margin-bottom: 35px; } /*Hover.css*/ /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } [class^="hvr-"] { cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /**/ /*Privacy Policy*/ .policy-content ul li { font-size: 16px; color: #333; } /**/ /*update banner btn hover*/ a.button.button_size_2.button_js { transition: all 0.3s ease; background-color: #ffcd34 !important; border: 2px solid #ffcd34; color: white; font-weight: 600; text-transform: uppercase; font-size: 17px; letter-spacing: 0.5px; padding: 0 18px; box-shadow: none; } /*Hot fix*/ @media screen and (min-width: 1260px) and (max-width:1295px) { a.button.button_size_2.button_js span.button_label, a.button.button_size_2.phone-cta span.button_label { padding: 11px 12px; } } /**/ div#Top_bar .banner_wrapper a.button.button_size_2.button_js:hover { background-color: transparent !important; color: #ffcd34!important; } a.button.button_size_2.phone-cta { transition: all 0.3s ease; color: #ffcd34; font-weight: 600; text-transform: uppercase; font-size: 17px; letter-spacing: 0.5px; padding: 0 18px; box-shadow: none; } a.button.button_size_2.phone-cta:hover { background-color: #ffcd34 !important; color: #fff !important; } /*Fix safari mobile*/ @media (max-width: 419px) { .section_wrapper .horz-icons .column { margin: 0 !important; } } .hide-industry-img { opacity: 0; } @media (max-width: 960px) { #mobile-industries .iconContainer { /* outline: solid 1px red; */ width: 48%; float: left; margin: 0 1%; } /* .iconWrap { background-size: 100%; } */ } @media (min-width: 960px) { .horz-icons.iconColumns.six .iconWrap { background-size: 100%; } } @media (min-width: 1240px) { .horz-icons.iconColumns h4 { margin-top: 16px; } } @media only screen and (max-width: 767px) { #industries .homeGallery { margin-bottom: 0; } } /* > 1240 ------------------------------------------------------------------------------------------------------------- > 1240 */ @media only screen and (min-width: 1240px) { .layout-boxed{padding:25px} .layout-boxed.boxed-no-margin{padding:0;} #Top_bar.loading{display:none} .hover_color:hover .hover_color_bg,.hover_color.hover .hover_color_bg{background-color:inherit!important;border-color:inherit!important} } /* #Header Creative always Open 1240 - 1489 ----------------------------------------- #Header Creative always Open 1240 - 1489 */ /* < 1240 ------------------------------------------------------------------------------------------------------------- < 1240 */ @media only screen and (max-width: 1239px) { /* iOS phone number linking */ a[href^=tel]{color:inherit;text-decoration:none} /* Hover Effect */ .no-hover-tablet a.button:after,.no-hover-tablet a.tp-button:after,.no-hover-tablet button:after,.no-hover-tablet input:after{display:none} .no-hover-tablet .image_frame .image_wrapper img{top:0!important} .no-hover-tablet .image_frame:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:0!important} .no-hover-tablet .image_frame .image_wrapper .mask,.no-hover-tablet .image_frame .image_wrapper .image_links{display:none!important} .no-hover-tablet .Recent_posts ul li .desc:after{display:none} .no-hover-tablet .Recent_posts ul li a:hover h6,.no-hover-tablet .Recent_posts ul li a:hover .desc .date{color:inherit!important} body:not(.no-hover-tablet) .hover_color:hover .hover_color_bg, body:not(.no-hover-tablet) .hover_color.hover .hover_color_bg{background-color:inherit!important;border-color:inherit!important} /* Portfolio masonry hover */ .with_aside .portfolio_group.masonry-hover .portfolio-item:not(.no-thumbnail) .masonry-hover-wrapper .hover-desc .desc-inner .desc-wrappper{display:none} /* Section Background Image */ .no-section-bg-tablet .section{background-image:none!important} /* Google maps */ .section.full-width .wrap.one .column_map.one .google-map-contact-wrapper{left:auto;right:50px;} } /* #Desktop 960 - 1239 ---------------------------------------------------------------------------------- #Desktop 960 - 1239 */ @media only screen and (min-width: 960px) and (max-width: 1239px) { body {min-width:0; } #Wrapper {max-width:960px;} .section_wrapper, .container, .with_aside .content_wrapper {max-width:940px;} /* -------------------- */ /* Top bar width */ #Top_bar .top_bar_left{width:729px} /* Blog | Columns | Grid, Masonry */ .posts_group.grid.col-5 .post-item,.posts_group.masonry.col-5 .post-item,.posts_group.grid.col-6 .post-item,.posts_group.masonry.col-6 .post-item{width:22.99%} .posts_group.grid.col-5 .post-item:nth-child(5n+1){clear:none} .posts_group.grid.col-6 .post-item:nth-child(6n+1){clear:none} .posts_group.grid.col-5 .post-item:nth-child(4n+1){clear:both} .posts_group.grid.col-6 .post-item:nth-child(4n+1){clear:both} /* Latest News */ .column.one-fourth .Latest_news ul .desc .date i{display:none} .column.one-second .Latest_news.featured ul .desc .date i{display:none} .wrap.two-third .column.three-fifth .Latest_news.featured ul,.wrap.two-third .column.one-second .Latest_news.featured ul,.wrap.three-fifth .column.three-fifth .Latest_news.featured ul,.wrap.three-fifth .column.one-second .Latest_news.featured ul,.wrap.one-second .column.three-fourth .Latest_news.featured ul{width:100%} .wrap.two-fifth .Latest_news.featured ul,.wrap.one-third .Latest_news.featured ul,.wrap.one-fourth .Latest_news.featured ul{width:100%} /* Blog Teaser */ .blog-teaser li:not(:first-child) .desc-wrapper .desc{padding:70px 20px 25px;} .column.two-third .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta, .column.three-fifth .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta{display:none;} .wrap.two-third .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta, .wrap.three-fifth .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta{display:none;} /* Portfolio | List */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper{width:921px} /* Portfolio | Columns | Grid, Masonry, Masonry Hover */ .portfolio_group.grid.col-5 .portfolio-item, .portfolio_group.masonry.col-5 .portfolio-item, .portfolio_group.masonry-hover.col-5 .portfolio-item, .portfolio_group.masonry-minimal.col-5 .portfolio-item, .portfolio_group.grid.col-6 .portfolio-item, .portfolio_group.masonry.col-6 .portfolio-item, .portfolio_group.masonry-hover.col-6 .portfolio-item, .portfolio_group.masonry-minimal.col-6 .portfolio-item{width:22.99%} /* Portfolio | Columns | Flat */ .portfolio_group.flat.col-5 .portfolio-item, .portfolio_group.flat.col-6 .portfolio-item{width:24.99%} /* Error 404 */ #Error_404 .error_pic i{font-size:220px;line-height:260px} #Error_404 .error_desk{padding-top:40px} /* Button */ a.button.kill_the_icon .button_icon{padding-left:10px;padding-right:10px;} a.button.kill_the_icon .button_label{padding-left:15px;padding-right:15px;} /* Offer slider */ .offer .offer_li .desc_wrapper{width:436px;width:calc(50% - 42px)} /* Recent posts */ .Recent_posts ul li .desc{margin-right:60px} .Recent_posts ul li .photo{width:60px;height:60px} .Recent_posts ul li .photo .c{width:20px;height:20px;line-height:20px;bottom:5px;right:-8px} .Recent_posts ul li.format-link .photo:after {width: 60px; height: 60px; line-height: 60px; font-size: 30px; } .Recent_posts ul li.format-quote .photo:after { width: 60px; height: 60px; line-height: 60px; font-size: 30px; } /* Zoom Box */ .zoom_box .desc .desc_txt{font-size:22px;line-height:26px} } /* #Desktop > 960 -------------------------------------------------------------------------------------------- #Desktop > 960 */ @media only screen and (min-width: 960px) { .hide-desktop{display:none!important} } /* #Tablet (Landscape) 768 - 959 --------------------------------------------------------------- #Tablet (Landscape) 768 - 959 */ @media only screen and (min-width: 768px) and (max-width: 959px) { body {min-width:0;} #Wrapper {max-width:728px;} .section_wrapper, .container, .with_aside .content_wrapper {max-width:708px;} .mcb-wrap[data-tablet="no-up"] {margin-top:0!important} /* -------------------- */ .hide-tablet{display:none!important} /* Header magazine */ .header-magazine #Top_bar .banner_wrapper{width:300px;top:27px} /* Top bar width */ #Top_bar .top_bar_left{width:501px} /* .footer-sliding */ .footer-fixed #Content,.footer-sliding #Content{margin-bottom:0!important} .footer-fixed #Footer,.footer-sliding #Footer{position:static} /* Subheader */ #Subheader .title{width:100%} #Subheader ul.breadcrumbs{display:none} /* Filters */ #Filters .filters_wrapper ul li{width:24%;margin:.5%} /* Blog */ .with_aside .classic .post-meta .author-date .author .label{display:none} .with_aside .classic .post-meta .category{display:none} /* Grid, Masonry */ .grid .post-item,.masonry .post-item{width:47.9%} /* Timeline */ .timeline .post-photo-wrapper{width:100%;float:none} .timeline .post-desc-wrapper{width:100%;float:none} /* Photo 2 */ .photo2 .post-item{margin-bottom:20px} .photo2 .post .post-desc-wrapper{width:85%;top:-55px;padding:25px 35px} .photo2 .post.no-img .button-love{right:11%;right:calc(7.5% + 25px)} .photo2.col-2 .post-item{margin-bottom:40px} .photo2.col-2 .post-desc-wrapper{width:100%;top:0} .photo2.col-2 .post.no-img .button-love{right:25px} .photo2.col-3 .button-love{top:15px;right:15px} .photo2.col-3 .post-item{width:31.33%; margin:0 1% 40px} .photo2.col-3 .post-desc-wrapper{width:100%;top:0;padding:20px 25px} .photo2.col-3 .post.no-img .button-love{top:15px;right:15px} /* Blog | Columns | Grid, Masonry */ .posts_group.grid.col-4 .post-item,.posts_group.masonry.col-4 .post-item,.posts_group.grid.col-5 .post-item,.posts_group.masonry.col-5 .post-item,.posts_group.grid.col-6 .post-item,.posts_group.masonry.col-6 .post-item{width:31.33%} .posts_group.grid.col-4 .post-item:nth-child(4n+1){clear:none} .posts_group.grid.col-5 .post-item:nth-child(5n+1){clear:none} .posts_group.grid.col-6 .post-item:nth-child(6n+1){clear:none} .posts_group.grid.col-4 .post-item:nth-child(3n+1){clear:both} .posts_group.grid.col-5 .post-item:nth-child(3n+1){clear:both} .posts_group.grid.col-6 .post-item:nth-child(3n+1){clear:both} /* Blog | Columns | Masonry tiles */ .posts_group.masonry.tiles.col-4 .post-item,.posts_group.masonry.tiles.col-5 .post-item,.posts_group.masonry.tiles.col-6 .post-item{width:49.9%} .posts_group.masonry.margin.col-4 .post-item,.posts_group.masonry.margin.col-5 .post-item,.posts_group.masonry.margin.col-6 .post-item{width:48.9%} /* Latest News */ .column.one-third .Latest_news ul .desc .date i{display:none} .column.one-second .Latest_news.featured ul{width:100%} .column.one-third .Latest_news.featured ul .desc .date i,.column.one-fourth .Latest_news.featured ul .desc .date i{display:none} .wrap.five-sixth .column.three-fifth .Latest_news.featured ul,.wrap.four-fifth .column.three-fifth .Latest_news.featured ul,.wrap.three-fourth .column.three-fifth .Latest_news.featured ul,.wrap.two-third .column.three-fifth .Latest_news.featured ul,.wrap.two-third .column.one-second .Latest_news.featured ul,.wrap.two-third .column.three-fourth .Latest_news.featured ul,.wrap.three-fifth .column.three-fifth .Latest_news.featured ul,.wrap.three-fifth .column.one-second .Latest_news.featured ul,.wrap.three-fifth .column.three-fourth .Latest_news.featured ul{width:100%} .wrap.one-second .Latest_news.featured ul,.wrap.two-fifth .Latest_news.featured ul,.wrap.one-third .Latest_news.featured ul,.wrap.one-fourth .Latest_news.featured ul{width:100%} /* Blog Teaser */ .blog-teaser li .desc-wrapper .desc{padding:70px 25px 25px;} .blog-teaser li:not(:first-child) .desc-wrapper .desc{padding:70px 20px 20px;} .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta{display:none;} .column.three-fifth .blog-teaser li .desc-wrapper .desc .post-meta .comments{display:none;} .wrap.three-fifth .blog-teaser li .desc-wrapper .desc .post-meta .comments{display:none;} /* Recent posts */ .Recent_posts ul li .desc{margin-right:40px} .Recent_posts ul li .photo{width:40px;height:40px} .Recent_posts ul li.format-link .photo{background-size:40% auto} .Recent_posts ul li .photo .c{width:20px;height:20px;line-height:20px;bottom:5px;right:-8px} .Recent_posts ul li.format-link .photo:after {width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .Recent_posts ul li.format-quote .photo:after { width: 40px; height: 40px; line-height: 40px; font-size: 20px; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper{width:694px} /* Grid, Masonry, Masonry Hover */ .portfolio_group.grid.col-4 .portfolio-item,.portfolio_group.masonry.col-4 .portfolio-item,.portfolio_group.masonry-hover.col-4 .portfolio-item,.portfolio_group.masonry-minimal.col-4 .portfolio-item,.portfolio_group.grid.col-5 .portfolio-item,.portfolio_group.masonry.col-5 .portfolio-item,.portfolio_group.masonry-hover.col-5 .portfolio-item,.portfolio_group.masonry-minimal.col-5 .portfolio-item,.portfolio_group.grid.col-6 .portfolio-item,.portfolio_group.masonry.col-6 .portfolio-item,.portfolio_group.masonry-hover.col-6 .portfolio-item,.portfolio_group.masonry-minimal.col-6 .portfolio-item{width:31.33%} /* Flat */ .portfolio_group.flat.col-4 .portfolio-item,.portfolio_group.flat.col-5 .portfolio-item,.portfolio_group.flat.col-6 .portfolio-item{width:33.33%} /* Tabs */ .tabs_vertical.ui-tabs .ui-tabs-nav{width:33%!important} .tabs_vertical.ui-tabs .ui-tabs-panel{width:66.7%!important} /* Counter */ .one-fourth .counter.counter_horizontal,.one-fifth .counter.counter_horizontal,.one-sixth .counter.counter_horizontal{text-align:center} .one-fourth .counter.counter_horizontal .icon_wrapper,.one-fifth .counter.counter_horizontal .icon_wrapper,.one-sixth .counter.counter_horizontal .icon_wrapper{position:static;margin:0 auto;margin-bottom:15px} .one-fourth .counter.counter_horizontal .desc_wrapper,.one-fifth .counter.counter_horizontal .desc_wrapper,.one-sixth .counter.counter_horizontal .desc_wrapper{padding-left:0} /* Article box */ .one-third .article_box .photo_wrapper{width:100%;float:none;text-align:center} .one-third .article_box .desc_wrapper{width:100%;min-height:auto;float:none} /* Pricing table */ .pricing-box .plan-header h2{word-wrap:break-word} .pricing-box .plan-header .price sup.period{position:static;top:0;display:block} /* Infobox */ .infobox{padding-left:20px;word-wrap:break-word} .infobox ul li{padding-left:0;padding-right:0} .infobox ul li:before{display:none} .style-simple .infobox ul li{padding-left:0} /* Portfolio photo */ .portfolio-photo .portfolio-item .portfolio-details:hover .details{opacity:1} .portfolio-photo .portfolio-item .portfolio-details .more{display:none} /* Get in touch */ .get_in_touch{padding-left:20px;word-wrap:break-word} .get_in_touch ul li{padding-left:0;padding-right:0} .get_in_touch ul li .icon{display:none} /* Hover color */ .hover_color{word-wrap:break-word} /* How it works */ .how_it_works .image{width:116px;height:116px;line-height:114px} .how_it_works .image img{max-width:66px!important;max-height:66px!important} .how_it_works .image .number{bottom:0;right:0} .how_it_works.has_border:after{top:60px} .how_it_works.fill .image img{border-radius:100%;max-width:116px!important;max-height:116px!important;} /* Opening Hours */ .opening_hours{padding-left:20px;word-wrap:break-word} .opening_hours .opening_hours_wrapper li span{font-size:16px;line-height:16px} /* Icon box */ .icon_box.icon_position_left{min-height:auto;padding-left:0;padding-right:0} .icon_box.icon_position_left .icon_wrapper{position:static;margin-bottom:15px} .icon_box.icon_position_left .desc_wrapper{text-align:center;padding-top:0} .icon_box.icon_position_left .image_wrapper{position:static;left:0;margin-bottom:15px;width:auto;height:auto} /* Flat box */ .flat_box .photo_wrapper .icon{width:50px} .flat_box .photo_wrapper .icon i{height:40px;line-height:40px;font-size:30px;margin-top:-20px} .flat_box a:hover .photo_wrapper .icon{-webkit-transform:translateX(-50px);transform:translateX(-50px)} .flat_box .desc_wrapper{margin:0} .rtl .flat_box a:hover .photo_wrapper .icon{-webkit-transform:translateX(50px);transform:translateX(50px)} /* Offer thumb */ .offer_thumb_ul li.offer_thumb_li .image_wrapper{width:100%;float:none} .offer_thumb_ul li.offer_thumb_li .desc_wrapper{width:100%;float:none} .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper{width:100%} .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper{margin-right:0;width:100%} /* Trailer box */ .trailer_box .desc h2{font-size:22px;line-height:22px} /* Offer slider */ .offer .offer_li .desc_wrapper{width:324px;width:calc(50% - 42px)} /* Error 404 */ #Error_404{position:static;padding-top:50px;margin-top:0} #Error_404 .error_pic{width:100%;float:none} #Error_404 .error_pic i{font-size:260px;line-height:260px} #Error_404 .error_desk{width:100%;float:none;padding-top:20px;text-align:center} /* Buttons */ a.kill_the_icon .button_icon,.widget-area a.button .button_icon{display:none} .button-stroke a.button_left.button.kill_the_icon .button_label{padding-left:20px} .button-stroke a.button_left.button_large.kill_the_icon .button_label{padding-left:30px} .button-stroke a.button_right.button.kill_the_icon .button_label{padding-right:20px} .button-stroke a.button_right.button_large.kill_the_icon .button_label{padding-right:30px} .button-flat a.button_left.button.kill_the_icon .button_label{padding-left:20px} .button-flat a.button_left.button_large.kill_the_icon .button_label{padding-left:30px} .button-flat a.button_right.button.kill_the_icon .button_label{padding-right:20px} .button-flat a.button_right.button_large.kill_the_icon .button_label{padding-right:30px} .button-round a.button_left.button.kill_the_icon .button_label{padding-left:20px} .button-round a.button_left.button_large.kill_the_icon .button_label{padding-left:30px} .button-round a.button_right.button.kill_the_icon .button_label{padding-right:20px} .button-round a.button_right.button_large.kill_the_icon .button_label{padding-right:30px} /* Zoom Box */ .zoom_box .desc .desc_txt{font-size:18px;line-height:22px} /* Trailer box */ .trailer_box.horizontal .desc{padding-bottom:15px} .trailer_box.horizontal .desc h2{font-size:21px;line-height:21px} .trailer_box.horizontal .desc .subtitle{margin-bottom:5px} /* Easy Digital Downloads */ .edd_downloads_list .edd_download{width:50%!important} .edd_downloads_list .edd_download:nth-child(5n+3){clear:both} .edd_downloads_list .edd_download .edd_download_inner{margin:0 5% 20px} } /* #Desktop & Tablet (Landscape) > 768 --------------------------------------------------- #Desktop & Tablet (Landscape) > 768 */ @media only screen and (min-width: 768px) { .section.full-width-ex-mobile > .section_wrapper{max-width:100%!important} .section.full-width-ex-mobile > .one.column,.section.full-width-ex-mobile > .section_wrapper > .one.column,.section.full-width-ex-mobile .one.wrap .one.column{width:100%;margin:0} /* Transparent ---------- */ .tr-menu #Top_bar .wpml-languages a.active,.tr-menu #Top_bar .wpml-languages ul.wpml-lang-dropdown{background-color:transparent} /* Header | Placeholder */ .header-creative .header_placeholder, .header-empty .header_placeholder, .header-fixed .header_placeholder, .header-modern .header_placeholder, .header-semi .header_placeholder, .header-simple .header_placeholder, .header-transparent .header_placeholder{height:0!important} .tr-menu .header_placeholder{height:0!important} /* Header | Classic */ .tr-menu.header-classic #Top_bar{position:absolute} .tr-menu.header-classic #Top_bar:not(.is-sticky){top:0!important;background-color:transparent!important} .tr-menu.header-classic.ab-show #Top_bar:not(.is-sticky){top:45px!important} .tr-menu.header-classic.minimalist-header:not(.template-slider) #Header{min-height:135px} /* Header | Creative */ .tr-menu.header-creative #Header_creative{transition:left .5s ease-in-out, right .5s ease-in-out, background-color .5s ease-in-out} .tr-menu.header-creative #Header_creative:not(.active){background-color:transparent} /* Header | Plain */ .tr-menu.header-plain #Top_bar{position:absolute} .tr-menu.header-plain #Top_bar:not(.is-sticky){top:0!important;background-color:transparent!important} .tr-menu.header-plain.ab-show #Top_bar:not(.is-sticky){top:45px!important} .tr-menu.header-plain.minimalist-header:not(.template-slider) #Header{min-height:125px} .header-plain #Top_bar,.header-plain #Top_bar .menu > li > a span:not(.description), .header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button,.header-plain #Top_bar .wpml-languages,.header-plain #Top_bar a.action_button{border-color:rgba(255,255,255,.1)} /* Header | Split */ .tr-menu.header-split #Top_bar{position:absolute} .tr-menu.header-split #Top_bar:not(.is-sticky){top:0!important;background-color:transparent!important} .tr-menu.header-split.ab-show #Top_bar:not(.is-sticky){top:45px!important} .tr-menu.header-split.minimalist-header:not(.template-slider) #Header{min-height:135px} /* Header | Semitransparent */ .header-semi #Top_bar:not(.is-sticky){position:absolute;background-color:rgba(255,255,255,0.8)} .header-semi.ab-show #Top_bar:not(.is-sticky){top:45px!important} .header-semi.ab-hide #Top_bar:not(.is-sticky){top:0!important} /* Header | Stack */ .tr-menu.header-stack #Top_bar{position:absolute} .tr-menu.header-stack #Top_bar:not(.is-sticky){top:0!important;background-color:transparent!important} .tr-menu.header-stack.ab-show #Top_bar:not(.is-sticky){top:45px!important} .tr-menu.header-stack.minimalist-header:not(.template-slider) #Header{min-height:196px} /* Contact Form 7 -------------------------------------------------------------------- */ .section.full-width:not(.no-margin-h) .wrap .wpcf7-form .one.column{width:98%;margin-left:1%;margin-right:1%} } /* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------- #Tablet (Portrait) & Mobile < 768 */ @media only screen and (max-width: 767px) { body {min-width:0;} #Wrapper {max-width:90%;max-width:calc(100% - 67px);} .section_wrapper .mcb-wrap, .section_wrapper .column, .container .column, .sections_group, .four.columns {margin:0;width:100%!important;clear:both;} .aside_both .sections_group {margin:0 auto!important;} .section_wrapper, .container, /* .four.columns .widget-area { padding-left:33px!important;padding-right:33px!important} */ .left-sidebar .items_group, .right-sidebar .items_group, .with_aside .content_wrapper {max-width:100%;} .section_wrapper .column {margin:0 0 20px;height:auto!important;} .four.columns {margin:auto 0!important;} .mcb-wrap[data-mobile="no-up"] {margin-top:0!important} /* -------------------- */ /* Column | Align */ .column_attr.mobile_align_left{text-align:left} .column_attr.mobile_align_right{text-align:right} .column_attr.mobile_align_center{text-align:center} .column_attr.mobile_align_justify{text-align:justify} .boxed2fw{padding:0!important} .boxed2fw #Wrapper{margin:0!important;max-width:100%!important;width:100%!important} .column_placeholder > .placeholder{height:0} /* Sections */ .section{background-attachment:scroll!important;height:auto!important} .highlight-left .section_wrapper,.highlight-right .section_wrapper{max-width:100%!important;padding:0!important} .highlight-left .section_wrapper .wrap,.highlight-right .section_wrapper .wrap{padding:0 33px} .highlight-left.full-screen > .section_wrapper,.highlight-right.full-screen > .section_wrapper{padding:0!important} .equal-height-wrap .mcb-wrap{height:auto!important} .equal-height-wrap .mcb-wrap .mcb-wrap-inner{top:0!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important} .section.has-navi .section-nav.prev{top:10px} .section.has-navi .section-nav.next{bottom:10px} /* .hide-mobile{display:none!important} */ .hide-mobile{display:block!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important} .section_wrapper .column.hide-mobile{height:0!important} /* Sidebar */ .widget-area{min-height:0!important;margin:30px auto!important;border:0!important;box-sizing:content-box;} .widget-area:after,.widget-area:before{display:none} .widget:after{width:100%} /* Header | Placeholder */ .mobile-tr-header .header_placeholder, body:not(.mobile-sticky) .header_placeholder{height:0!important} /* Portfolio --------------- */ .portfolio_group .portfolio-item{width:100%!important;margin:0 0 20px!important;float:none} .section.full-width .portfolio_group .portfolio-item{width:100%!important} .portfolio_group .portfolio-item .list_style_header{padding-right:0;min-height:inherit} .portfolio_group .portfolio-item .list_style_header h3{margin:0} .portfolio_group .portfolio-item .list_style_header .links_wrapper{display:none} .portfolio_group .portfolio-item .desc .desc-wrapper{margin-right:0} .portfolio_group .portfolio-item .desc .details-wrapper{float:none;width:100%;padding-left:0;border-left-width:0;border-bottom-width:1px;padding-bottom:15px;margin-bottom:15px} .portfolio_group.list .portfolio-item .desc{padding-top:10px} .portfolio_group.list .portfolio-item .portfolio-item-fw-bg{background-image:none!important;padding-bottom:0} /* Project decription */ .project-description li,.project-description li.one-third{width:100%;border-width:0 0 1px} .project-description li:last-child{border-bottom:0} /* Portfolio | Exposure */ .portfolio_group.exposure .portfolio-item{margin:0!important;overflow:hidden} .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper{display:none} .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner{padding:0} .portfolio_group.exposure .portfolio-item .details-wrapper{display:none} .portfolio_group.exposure .portfolio-item .image-wrapper{margin:0 -100px} .full-width .portfolio_group.exposure .portfolio-item .desc-inner{top:30px} /* Portfolio | Flat */ .portfolio_group.flat .portfolio-item{margin-bottom:0!important} /* Portfolio | Grid */ ul.portfolio_grid li{width:100%!important;float:left} /* Portfolio | Masonry Flat */ .portfolio_group.masonry-flat .portfolio-item{width:49.9%!important;margin:0!important} .portfolio_group.masonry-flat .portfolio-item.wide{width:99.8%!important} .portfolio_group.masonry-flat .portfolio-item.tall .portfolio-item-fill{padding-bottom:calc(156% - 1px)} /* Portfolio | Photo */ .portfolio-photo .portfolio-item .portfolio-details .details{display:none} .portfolio-photo .portfolio-item .portfolio-details .more{opacity:1} /* Shortcodes --------------- */ /* Blog Teaser */ .blog-teaser li{width:100%!important} .blog-teaser li:not(:first-child){margin-top:10px} .blog-teaser.margin-no li{margin-top:0} /* Call to action */ .call_to_action .call_left,.call_to_action .call_center,.call_to_action .call_right{display:block;width:100%} .call_to_action .call_left{margin-bottom:20px} .call_to_action .call_center{margin-bottom:20px} .call_to_action .call_right{margin-bottom:0;text-align:center} /* Clients */ ul.clients:not(.clients_slider_ul) li{width:50%!important} /* Content slider */ .content_slider{padding:0!important;margin:0 0 50px} .content_slider .slider_pagination{padding:0 20%;box-sizing:border-box;} .content_slider a.button{top:auto!important;bottom:-60px;} .content_slider a.slider_prev{left:0!important} .content_slider a.slider_next{right:0!important} .content_slider a.button .button_icon{padding:7px 9px} .content_slider.flat a.button,.content_slider.carousel a.button{bottom:-50px} .content_slider.flat a.button .button_icon{font-size:30px} .content_slider.center{margin-bottom:0} .content_slider.center a.button{display:none!important} /* Divider */ .hr_full hr,.aside_left .hr_full hr,.aside_right .hr_full hr{position:absolute;left:-1000px;top:0;width:3000px} /* Fancy headings */ .fancy_heading h2{font-size:30px;line-height:30px} /* Features lists */ .feature_list ul li{width:100%!important;float:none;border-bottom:1px solid rgba(0,0,0,0.08)} .feature_list hr{display:none} /* Flat Box */ .flat_box .desc_wrapper{margin:0} /* Google maps */ .google-map-contact-wrapper{position:static;margin-left:0!important;} .google-map-contact-wrapper .get_in_touch{float:none;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .google-map-contact-wrapper .get_in_touch:after{display:none;} /* How it works */ .how_it_works .image,.with_aside .how_it_works .image{width:196px;height:196px;line-height:194px} .how_it_works .image img{max-width:116px!important;max-height:116px!important} .how_it_works .image .number,.with_aside .how_it_works .image .number{bottom:10px;right:10px} .how_it_works.has_border:after{display:none} .with_aside .how_it_works .image img{max-width:116px!important;max-height:116px!important} .with_aside .how_it_works.fill .image img{max-width:196px!important;max-height:196px!important} /* Offer slider */ .offer .offer_li .image_wrapper{width:100%;float:none;margin-bottom:15px;overflow:hidden} .offer .offer_li .desc_wrapper{width:90%;width:calc(100% - 67px)!important;margin:0 auto;float:none;clear:both} .offer .offer_li .desc_wrapper .title{padding-right:0;margin-bottom:15px} .offer .offer_li .desc_wrapper .title h3{margin-bottom:15px;font-size:27px;line-height:27px} .offer .offer_li .desc_wrapper .title a.button{position:relative} .offer a.slider_prev{left:20px;top:20px;margin:0} .offer .slider_pagination{left:20px;top:65px;margin:0} .offer a.slider_next{left:20px;top:111px;margin:0} .button-stroke .offer a.slider_prev{margin-top:-8px} .button-stroke .offer a.slider_next{margin-top:6px} /* Icon box */ .icon_box.has_border:after{display:none} /* Image Frame */ .image_frame{margin-top:0!important} /* Offer thumb */ .offer_thumb{padding-left:0} .offer_thumb_ul li.offer_thumb_li{padding-left:0} .offer_thumb_ul li.offer_thumb_li .image_wrapper{width:100%;float:none} .offer_thumb_ul li.offer_thumb_li .desc_wrapper{width:100%;float:none} .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title{padding-right:0} .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{margin-bottom:15px} .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title a.button{position:relative} .offer_thumb .slider_pagination{margin-top:20px;line-height:inherit} /* Offer thumb bottom */ .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper{width:100%} .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper{margin-right:0;width:100%} /* Pricing table */ .pricing-box-label .plan-header,.pricing-box-label .plan-footer{display:none} .pricing-box-label ul li{text-align:center!important} /* Promo box */ .promo_box.has_border:after{display:none} .promo_box_wrapper{overflow:visible} .promo_box_wrapper .photo_wrapper{width:100%;float:none;line-height:0;margin-bottom:15px} .promo_box_wrapper .desc_wrapper{width:100%;margin:0!important;float:none;padding-top:0} /* Story Box */ .story_box{padding:0 11%!important} .story_box .desc_wrapper{margin-right:0!important} /* Table */ .table-responsive table{overflow-x:auto;display:block} .table-responsive table a.kill_the_icon .button_icon{display:none} /* Tabs */ .ui-tabs .ui-tabs-nav{background:none} .ui-tabs .ui-tabs-nav li{float:none!important;width:100%!important;border-width:0 0 1px} .ui-tabs .ui-tabs-nav li:last-child{border-bottom:0} .ui-tabs .ui-tabs-nav li a{text-align:center;background:#f9f9f9;box-shadow:inset 0px 4px 3px -2px rgba(0,0,0,.04);} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-active a{background-image:none} .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,.ui-tabs .ui-tabs-nav li.ui-state-active:after{display:none} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.ui-tabs .ui-tabs-nav li.ui-state-active a:after{display:none} /* Tabs: simple-style */ .style-simple .ui-tabs .ui-tabs-nav li a{background-image:none} .style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after{display:block} /* Tabs vertical: simple-style */ .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a{text-align:center;padding-right:20px} .style-simple .tabs_vertical.ui-tabs .ui-tabs-panel{border-width:1px 0 0!important} .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after{display:block;width:100%;height:2px;left:0;top:auto;bottom:0;right:auto} /* Testimonials list */ .testimonials_list .item{margin-bottom:30px} .testimonials_list .item .photo{width:100%;float:none;margin-bottom:10px} .testimonials_list .item .desc{width:100%;float:none;margin-bottom:0} /* Timeline */ .timeline_items{background-position:91px top} .timeline_items > li{padding:0 0 25px 150px !important;background:url(../images/timeline_right.png) no-repeat!important;background-position:50px top!important;width:auto} .timeline_items > li h3 span{left:0!important;right:auto} .timeline_items > li h3, .timeline_items > li:nth-child(even) h3{text-align:left} .timeline_items > li h3:before{left:93px} .timeline_items > li .desc, .timeline_items > li:nth-child(even) .desc{text-align:left} .timeline_items > li .desc:before{display:none} .timeline_items:after{left:93px} /* Trailer box */ .trailer_box.horizontal .desc{padding-bottom:40px} .trailer_box.horizontal:hover .desc h2{bottom:20px} .trailer_box.horizontal:hover .desc .subtitle{bottom:20px} /* General -------------------- */ /* Error 404 */ #Error_404{position:static;padding-top:20px;margin-top:0} #Error_404 .error_pic{width:100%;float:none} #Error_404 .error_pic i{font-size:160px;line-height:160px} #Error_404 .error_desk{width:100%;float:none;padding-top:20px;text-align:center} #Error_404 .error_desk h2{font-size:30px;line-height:30px} #Error_404 .error_desk h4{font-size:19px;line-height:25px} #Error_404 .error_desk p .check{line-height:22px;font-size:16px;margin-bottom:15px;display:block} /* Filters */ #Filters .filters_wrapper ul li{width:49%;margin:.5%} /* Fixed nav */ .fixed-nav{display:none!important} /* Popup contact */ #popup_contact{display:none} /* Search Results */ .search-not-found .snf-pic{width:100%;float:none} .search-not-found .snf-pic i{font-size:260px;line-height:260px} .search-not-found .snf-desc{width:100%;float:none;padding-top:20px;text-align:center} /* Video */ /* In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */ .content_video.iframe{position:relative;padding-bottom:56.25%;height:0;overflow:hidden} .content_video.iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%} /* WordPress Admin Bar */ .admin-bar #wpadminbar{z-index:9999!important;position:fixed} /* Plugins --------------- */ /* bbPress */ .bbpress ul{font-size:13px} .bbpress li.bbp-forum-info,.bbpress li.bbp-topic-title{width:44%} .bbpress li.bbp-forum-topic-count,.bbpress li.bbp-topic-voice-count,.bbpress li.bbp-forum-reply-count,.bbpress li.bbp-topic-reply-count{width:15%} .bbpress .bbp-body li.bbp-forum-freshness,.bbpress .bbp-body li.bbp-topic-freshness{line-height:16px;font-size:11px} /* Easy Digital Downloads */ .edd_downloads_list .edd_download{width:100%!important} .edd_downloads_list .edd_download .edd_download_inner{margin:0 8% 20px} /* Pretty Photo Popup */ /* Tiny popup on mobile | fix */ .pp_pic_holder{width:90%!important;left:5%!important;overflow:hidden} .pp_content{width:98%!important;height:auto!important} .pp_fade{width:100%!important;height:100%!important} a.pp_expand,a.pp_contract,.pp_hoverContainer,.pp_gallery{display:none!important} #pp_full_res img{width:100%!important;height:auto!important} .pp_details{width:100%!important;position:static!important;min-height:25px} .pp_details a.pp_close{top:auto;right:25px} /* Theme Options size | fix */ div.pp_pic_holder,div.pp_content,div.pp_details{max-width:100%} div.pp_content{overflow:auto} } /* #Tablet (Portrait) & Mobile (Landscape) 480 - 768 ----------------------- #Tablet (Portrait) & Mobile (Landscape) 480 - 768 */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Respond */ #respond .comment-form-author{width:100%;margin-right:0;float:none} #respond .comment-form-email{width:100%;margin-right:0;float:none} #respond .comment-form-url{width:100%;float:none} #respond input[type="text"],#respond input[type="password"],#respond input[type="email"],#respond select{width:100%} #respond .comment-form-comment textarea{width:100%} #respond .required{right:15px} #comments .commentlist > li .comment-body{margin-left:90px;padding:10px} #comments .commentlist > li .photo{left:-90px} #comments .commentlist > li .children{margin-left:0;padding-left:10px} #comments .commentlist > li .reply{right:10px;top:10px} #comments .commentlist > li .comment-meta a.comment-edit-link{padding-right:45px} .rtl #comments .commentlist > li .comment-body{margin-left:0;margin-right:90px} .rtl #comments .commentlist > li .photo{left:auto;right:-90px} .rtl #comments .commentlist > li .children{margin-right:0;padding-left:0;padding-right:10px} .rtl #comments .commentlist > li .reply{left:10px;right:auto} .rtl #comments .commentlist > li .comment-meta a.comment-edit-link{padding-left:45px;padding-right:0} /* Zoom Box */ .zoom_box .desc .desc_txt{font-size:18px;line-height:22px} /* Gallery */ #Content .gallery:not(.gallery-columns-1) .gallery-item{width:50%;clear:none} #Content .gallery:not(.gallery-columns-1) .gallery-item:nth-of-type(2n+1){clear:both} /* Latest News */ .Latest_news.featured ul{width:49%!important} } /* #Mobile (Portrait) < 480 ------------------------------------------------------------------------- #Mobile (Portrait) < 480 */ @media only screen and (min-width: 448px) and (max-width: 500px) { .blog_slider a.kill_the_icon .button_icon{display:none;} } @media only screen and (max-width: 479px) { #Top_bar a.action_button{margin-right:0} /* Post nav */ .post-nav{padding:10px 10px 4px} /* Portfolio Masonry Flat */ .portfolio_group.masonry-flat .portfolio-item,.portfolio_group.masonry-flat .portfolio-item.wide{width:100%!important} /* Latest News */ .Latest_news.featured ul{width:100%!important} /* Filters */ #Filters .filters_buttons li{margin-right:10px} #Filters .filters_buttons li.label{display:none} #Filters .filters_buttons li i.icon-docs,#Filters .filters_buttons li i.icon-tag{display:none} /* Team */ .team.team_horizontal .image_frame{width:100%;margin:0 0 15px;float:none} .team.team_horizontal .desc_wrapper{width:100%;float:none} /* Timeline */ .timeline_items{background-position:21px top} .timeline_items > li{padding:0 0 25px 80px !important;background-position:-20px top!important} .timeline_items > li h3 span{display:table;position:relative;margin-bottom:20px;clear:both} .timeline_items > li h3:before{left:24px} .timeline_items:after{left:23px} /* Testimonials slider */ .testimonials_slider a.slider_prev{display:none!important} .testimonials_slider a.slider_next{display:none!important} .testimonials_slider .testimonials_slider_ul li{padding:0} /* Respond */ #respond .comment-form-author{width:99%;margin-right:0;float:none} #respond .comment-form-email{width:99%;margin-right:0;float:none} #respond .comment-form-url{width:99%;float:none} #respond input[type="text"],#respond input[type="password"],#respond input[type="email"],#respond select{width:100%} #respond .comment-form-comment textarea{width:100%} #respond .required{right:11px} #comments .commentlist > li .comment-body{margin-left:55px;padding:10px} #comments .commentlist > li .photo{width:32px;height:32px;left:-55px} #comments .commentlist > li .children{margin-left:0;padding-left:10px} #comments .commentlist > li .reply{right:10px;top:10px} #comments .commentlist > li .comment-meta a.comment-edit-link{padding-right:0;position:static;float:none} .rtl #comments .commentlist > li .comment-body{margin-left:0;margin-right:55px} .rtl #comments .commentlist > li .photo{left:auto;right:-55px} .rtl #comments .commentlist > li .children{margin-right:0;padding-left:0;padding-right:10px} .rtl #comments .commentlist > li .reply{left:10px;right:auto} .rtl #comments .commentlist > li .comment-meta a.comment-edit-link{padding:0} /* Zoom Box */ .zoom_box .desc .desc_img img{max-height:60px;width:auto} .zoom_box .desc .desc_txt{font-size:14px;line-height:17px} /* Feature box */ .feature_box .feature_box_wrapper{display:block} .feature_box .feature_box_wrapper .photo_wrapper,.feature_box .feature_box_wrapper .desc_wrapper{display:block;width:100%;padding:0} .feature_box .feature_box_wrapper .photo_wrapper{margin-bottom:15px;text-align:center} .feature_box .feature_box_wrapper .photo_wrapper a{display:inline-block} /* Gallery */ #Content .gallery .gallery-item{width:100%} /* bbpress */ .bbpress #bbpress-forums p.bbp-topic-meta,.bbpress #bbpress-forums p.bbp-topic-meta{display:none} /* Easy Digital Downloads */ .edd_downloads_list .edd_download{width:100%!important} .edd_downloads_list .edd_download .edd_download_inner{margin:0 0 20px} } /* Retina | iPad ----------------------------------------------------------------------------------------------- Retina | iPad */ @media only screen and (max-device-width: 1024px){ html.ios, .ios .section.bg-cover{background-attachment:scroll!important} } /* ****************************************************************************** ********************************************************************************* This file contains all the neccessary styles to control how your Drag and Drop (DND) sections look when editing content in the page editor. ********************************************************************************* ****************************************************************************** */ .banner-area .dnd-section { padding: 0; } .dnd-section > .row-fluid { max-width: 1200px; margin-left: auto; margin-right: auto; } /* ****************************************************************************** ********************************************************************************* This file contains all the neccessary styles to control how your fonts apppear throughout your site. ********************************************************************************* ****************************************************************************** */ @font-face { font-family: "mfn-icons"; src: url("https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/RohnerSprayBooths_January2021/fonts/mfn-icons.eot") format("embedded-opentype"), url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/fonts/mfn-icons.woff) format("woff"), url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/fonts/mfn-icons.ttf) format("truetype"), url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/fonts/mfn-icons.svg) format("svg"); font-style: normal; font-weight: 400; } @font-face { font-family: ninja-tables-icons; src: local("ninja-tables-icons"), url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/fonts/ninja-tables.woff2) format("woff2"), url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/fonts/ninja-tables.woff) format("woff"), url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/fonts/ninja-tables.ttf) format("truetype"), url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/RohnerSprayBooths_January2021/fonts/ninja-tables.eot), url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/RohnerSprayBooths_January2021/fonts/ninja-tables.eot) format("embedded-opentype"), url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/fonts/ninja-tables.svg) format("svg"); font-weight: 400; font-style: normal } html { background-color: #FCFCFC; } body { font-family: Lato, serif; font-size: 1rem; color: #494a52; line-height: 1.78571428571; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } p { margin: 0 0 15px; line-height: 1.5625; } /* Anchor Links */ a { color: #0270E0; text-decoration: none; outline: 0; } a:hover, a:focus { text-decoration: none; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 0; margin-bottom: 15px; line-height: 1.2; font-weight: 700; font-family: Merriweather, serif; color: #494a52; word-break: break-word; } h1 { font-size: 2.1rem; line-height: 1.04166666667; } h2 { font-size: 1.6rem; line-height: 1.13333333333; } h3 { font-size: 1.25rem; line-height: 1.16; } h4 { font-size: 1.175rem; line-height: 1.19047619048; } h5 { font-size: 1rem; line-height: 1.66666666667; } h6 { font-size: .9rem; line-height: 1.78571428571; } strong { font-weight: 700; } code { vertical-align: bottom; } ul, ol { margin-top: 1.5rem; margin-bottom: 1.5rem; } ul li, ol li {} ul ul, ol ul, ul ol, ol ol { margin-top: 0; margin-bottom: 0; } blockquote { margin-top: 1.5rem; margin-bottom: 1.5rem; border-left: 2px solid #A9A9A9; padding-left: 15px; } /* Horizontal Rules */ hr { display: block; border: none; outline: none; height: 1px; width: 100%; margin: 0 auto 15px; clear: both; background-color: rgba(0,0,0,.08); color: rgba(0,0,0,.08); } /* TODO */ small { } /* TODO */ mark { } sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } .disable-focus-styles :focus { outline: none; } *::selection { background-color: #0095eb; color: white; } ::selection { color: #fff; } .content-wrapper, .page-center { margin: 0 auto; } @media (max-width: 959px) { body { line-height: 1.61538461538; } p { line-height: 1.3125; } body { min-width: 0; } } @media (max-width: 767px) { body { line-height: 1.46153846154; } p { line-height: 1.1875; } .dnd-section > .row-fluid, .content-wrapper, .page-center { padding-left: 33px; padding-right: 33px; } } /* ****************************************************************************** ********************************************************************************* This file contains all the neccessary styles to control how your forms looks throughout your site. Styles for form fields, buttons, inputs, etc. ********************************************************************************* ****************************************************************************** */ /* FORM BACKGROUND STYLE CLASS */ .hs_cos_wrapper_type_form, .hs_cos_wrapper_type_blog_subscribe, .hs_cos_wrapper_type_google_search, .hs_cos_wrapper_type_email_simple_subscription form, .hs_cos_wrapper_type_password_prompt, .blog-comments .post-footer { display: block; background-color: #efefef; padding: 14px; border: solid 1px black; border-radius: 4px; max-width: 680px; } form { max-width: 100%; font-family: Lato, sans-serif; } .hs-button { margin: 0; cursor: pointer; display: inline-block; font-weight: 700; line-height: 12px; position: relative; text-align: center; border: 1px solid #ff7a59; border-radius: 3px; font-size: 14px; padding: 12px 24px; background: #194266; border-color: #194266; color: #ffffff; font-family: Roboto; } .hs-button:hover, .hs-button:focus {} .hs-button:active { background-color: #71727a; border-color: #71727a; } .form-title { font-family: "Roboto Condensed", Helvetica, sans-serif; font-size: 30px; line-height: 34px; font-weight: 700; } .hs-form label { display: block; float: none; width: auto; text-align: left; line-height: 20px; padding-top: 0; margin-bottom: 4px; font-family: Roboto; font-size: 15px; color: #33475b; } .hs-error-msgs label { color: #f2545b !important; padding-left: 5px !important; } .hs_error_rollup .hs-error-msgs label { font-size: 14px; } .hs-input, input[type="password"] { display: inline-block; width: 100%; max-width: 500px; height: 40px; padding: 9px 10px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 16px; font-weight: 400; line-height: 22px; color: #33475b; border: 1px solid #cbd6e2; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .hs-input[type=checkbox], .hs-input[type=radio] { cursor: pointer; width: auto; height: auto; padding: 0; margin: 3px 5px 3px 0px; line-height: normal; border: none; } .hs-input[type=file] { background-color: #fff; padding: initial; border: initial; line-height: initial; box-shadow: none; } .hs-input:-moz-placeholder { color: #bfbfbf; } .hs-input::-webkit-input-placeholder { color: #bfbfbf; } .hs-input input, .hs-input textarea { transition: border 0.2s linear; } .hs-input:focus, input[type="password"]:focus { outline: none; border-color: rgba(82, 168, 236, 0.8); } textarea.hs-input { height: auto; } select[multiple].hs-input { height: inherit; } /* Force single column fields to full width inside of fieldsets */ fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) { width: 100% !important; } input.hs-input.error, div.field.error input, div.field.error textarea, div.field.error .chzn-choices, textarea.hs-input.error, select.hs-input.error { border-color: #c87872; } input.hs-input.error:focus, div.field.error input:focus, div.field.error textarea:focus, div.field.error .chzn-choices:focus, textarea.hs-input.error:focus, select.hs-input.error:focus { border-color: #c87872; } .inputs-list { margin: 0 0 5px; width: 100%; padding-left: 0; } .inputs-list > li { display: block; padding: 0; width: 100%; padding-top: 0; } .inputs-list label { display: block; float: none; width: auto; padding: 0; line-height: 18px; text-align: left; white-space: normal; font-weight: normal; } .inputs-list:first-child { padding-top: 6px; } .inputs-list > li + li { padding-top: 2px; } .inputs-list label > input, .inputs-list label > span { vertical-align: middle; } ul.no-list { list-style: none; } .field { margin-bottom: 18px; } .hs-field-desc { color: #7c98b6; margin: 0px 0px 6px; font-size: 14px; } .hs-form-required { color: red; } .hs_cos_wrapper_type_google_search .hs-input { margin-bottom: 18px; } .hs-richtext { margin-bottom: 3px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; line-height: 24px; font-size: 14px; color: #33475b; } .hs-richtext p { margin-block-start: 1em; margin-block-end: 1em; font-size: 14px; line-height: 24px; } .hs-richtext hr { text-align: left; margin-left: 0; width: 91%; } .grecaptcha-badge { margin: 0 auto; } .email-correction, .email-validation { padding-top: 3px; font-size: 12px; } .email-correction a, .email-validation a { cursor: pointer; } @media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) { .email-correction form .form-columns-2 .hs-form-field, .email-correction form .form-columns-3 .hs-form-field, .email-validation form .form-columns-2 .hs-form-field, .email-validation form .form-columns-3 .hs-form-field { float: none; width: 100%; } .email-correction form .form-columns-2 .hs-form-field .hs-input, .email-correction form .form-columns-3 .hs-form-field .hs-input, .email-validation form .form-columns-2 .hs-form-field .hs-input, .email-validation form .form-columns-3 .hs-form-field .hs-input { width: 90%; } .email-correction form .form-columns-2 .hs-form-field input[type=checkbox], .email-correction form .form-columns-2 .hs-form-field input[type=radio], .email-correction form .form-columns-3 .hs-form-field input[type=checkbox], .email-correction form .form-columns-3 .hs-form-field input[type=radio], .email-validation form .form-columns-2 .hs-form-field input[type=checkbox], .email-validation form .form-columns-2 .hs-form-field input[type=radio], .email-validation form .form-columns-3 .hs-form-field input[type=checkbox], .email-validation form .form-columns-3 .hs-form-field input[type=radio] { width: 24px; } } .hs-button, .hs-form-field input[type=text], .hs-form-field input[type=email], .hs-form-field input[type=phone], .hs-form-field input[type=number], .hs-form-field input[type=tel], .hs-form-field input[type=date], .hs-form-field textarea { -webkit-appearance: none; -moz-appearance: none; } .hs-default-font-element, .hs-main-font-element { font-family: Lato, serif; } @media (max-width: 959px) { .hs_cos_wrapper_type_form, .hs_cos_wrapper_type_blog_subscribe, .hs_cos_wrapper_type_google_search, .hs_cos_wrapper_type_email_simple_subscription form, .hs_cos_wrapper_type_password_prompt { padding: 13px; } } /* ****************************************************************************** ********************************************************************************* This file contains all the neccessary styles to control how your menu items appear, including the link and hover effects. ********************************************************************************* ****************************************************************************** */ .hs-menu-wrapper ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; } /* ****************************************************************************** ********************************************************************************* This file contains all the neccessary styles to control how your tables look throughout your site. ********************************************************************************* ****************************************************************************** */ table { margin-bottom: 1rem; border: 1px solid #dee2e6; } th, td { padding: 0.75rem; vertical-align: top; border: 1px solid #dee2e6; } thead th, thead td { color: #fff; background-color: #343a40; border-color: #454d55; border-bottom-width: 2px; } thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } tbody + tbody { border-top: 2px solid #dee2e6; } /* ****************************************************************************** ********************************************************************************* This file contains all the neccessary styles to control how your landing pages look if there is anything specific to your landing pages. ********************************************************************************* ****************************************************************************** */ /* ****************************************************************************** ********************************************************************************* This file contains all the neccessary styles to control how your landing pages look if there is anything specific to your landing pages. ********************************************************************************* ****************************************************************************** */ .banner-area .dnd-section > .row-fluid { padding: 0; } .two-column-grp1 .dnd-section > .row-fluid > .span12 { margin: 0 1% 40px; width: 98%; } .two-column-grp1 .dnd-section > .row-fluid > .span6 { justify-content: initial !important; width: 48%; margin: 0 1% 40px; } .two-column-grp1 form .hs-input { width: 90%; } .two-column-grp1 form .actions { padding: 10px 0 17px; } .two-column-grp1 form select { color: #bfbfbf; } .two-column-grp1 form select:focus { color: #33475b; } .two-column-grp1 .widget-type-rich_text ul { padding: 0; list-style: disc outside; margin: 0 0 15px 30px; } .two-column-grp1 .widget-type-rich_text ul li { margin-bottom: 10px; } .two-column-grp1 .widget-type-linked_image img { max-width: 100%; height: auto; margin: 16px auto 0; display: block; } .booth-controls-grp1 .dnd-section > .row-fluid .span6 { justify-content: initial !important; margin: 0 1% 40px; width: 48%; } .booth-controls-grp1 .span6:first-child .widget-type-rich_text { max-width: 90%; } .booth-controls-grp1 .widget-type-rich_text ul { padding: 0; list-style: disc outside; margin: 0 0 15px 30px; color: #737E86; } .booth-controls-grp1 .widget-type-rich_text ul li { list-style-type: none; color: #626262; font-size: 16px; margin-bottom: 10px; line-height: 25px; } .booth-controls-grp1 .widget-type-rich_text ul li:before { content: "•"; color: #ffcd34; display: inline-block; font-weight: 900; font-size: 25px; width: 1em; margin-left: -1em; text-align: center; position: relative; top: 4px; } .booth-controls-grp3 .dnd-column > .dnd-row { margin: 0 1% 40px; width: 98%; } .booth-controls-grp3 .widget-type-rich_text { margin: 0 1% 40px; width: 98%; float: left; } .booth-controls-grp3 .hs_cos_wrapper_type_rich_text { display: block; clear: both; } .booth-controls-grp3 .widget-type-rich_text span[rel="cta"] { display: block; text-align: center; padding-bottom: 35px; } .booth-controls-grp3 .widget-type-header h4 { color: #0a466b; font-weight: 500; } BODY .fancybox-container{z-index:200000} BODY .fancybox-is-open .fancybox-bg{opacity:0.87} BODY .fancybox-bg {background-color:#0f0f11} BODY .fancybox-thumbs {background-color:#ffffff} body.fancybox-active { overflow: visible !important; } .booth-controls-grp1 { overflow: hidden; } .booth-controls-grp2 .row-fluid [class*="span"] { min-height: 0; } .two-column-grp1 form { -webkit-font-smoothing: auto; } .two-column-grp1 form .hs-button{ -webkit-font-smoothing: antialiased; } .booth-controls-grp1 .widget-type-rich_text p strong a { color: #0095eb; } .booth-controls-grp1 .widget-type-rich_text p strong a:hover { color: #007cc3; } .booth-controls-grp3 .span6 { width: 48%; margin: 0 1% 40px !important; } #Error_404 { overflow: hidden; position: absolute; top: 50%; margin-top: -150px; left: 30px; } #Error_404 .column_one { margin: 0 1% 40px; width: 98%; } #Error_404 .error_pic { width: 30%; float: left; text-align: center; } #Error_404 .error_pic i { color: #0095eb; font-size: 250px; line-height: 250px; } #Error_404 .error_desk { width: 70%; float: left; padding-top: 40px; } #Error_404 .error_desk h2 { font-size: 45px; line-height: 45px; } #Error_404 .error_desk h4 { font-size: 26px; line-height: 30px; } #Error_404 .error_desk p .check { line-height: 45px; font-size: 16px; } #Error_404 .error_desk p .button { padding: 11px 20px; cursor: pointer; border: 0; border-radius: 5px; position: relative; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(0,0,0,.03), inset 0px 4px 3px -2px rgba(0,0,0,.07); margin: 0; display: inline; margin-left: 20px; background-color: #f7f7f7; color: #747474; font-size: 14px; } #Error_404 .error_desk p .button:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: rgba(0,0,0,.05); z-index: 1; transition: all .3s; } #Error_404 .error_desk p .button:hover:after { width: 100%; } .error-wrapper { width: 100%; height: 100vh; } .two-column-grp1 form .hs-richtext p strong { font-weight: 500; -webkit-font-smoothing: antialiased; } .cfs_row2_lft .hs-menu-wrapper ul li a i { margin-left: 8px !important; font-size: 2em; } .slick-arrow:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: rgba(0,0,0,.05); z-index: 1; transition: all .3s; } .map-wrapper .ct-lt-col i { position: relative; top: -15px; color: #0a466b; } .contact-pg .bottom-pane-module { padding-top: 40px; } .contact-grp1 .dnd-section .span4 { width: 31.333%; float: left; margin: 0 1% 40px; } .contact-grp1 .widget-type-rich_text { width: 98%; margin: 0 1% 40px; } .fa-envelope-o:before { content: "\f003"; } .aerospace-grp1 .dnd-section .span6 { width: 48%; margin: 0 1% 40px; } .aerospace-grp1 .widget-type-rich_text .hs-cta-wrapper { max-width: 90%; display: block; margin-top: 45px; } .aerospace-grp1 { overflow: hidden; } .privacy-grp1 .dnd-section { padding-top: 40px; padding-bottom: 35px; } .privacy-grp1 .widget-type-rich_text { padding: 0 1%; margin-bottom: 40px; } .privacy-grp1 .widget-type-rich_text ul, .the_content_wrapper ul { list-style: disc outside; margin: 0 0 15px 30px; padding: 0; } .privacy-grp1 .widget-type-rich_text ul li { font-size: 16px; line-height: 25px; margin-bottom: 10px; } .the_content_wrapper ul li { line-height: 25px; margin-bottom: 10px; } .mcb-section { position: relative; overflow: hidden; max-width: 1920px; margin: 0 auto; } .mcb-section .widget-type-linked_image, .mcb-section .hs_cos_wrapper_type_linked_image { position: absolute; width: 100%; height: 100%; } .mcb-section .mfn-parallax, .mcb-section .hs-image-widget { position: absolute; left: 0; top: 0; max-width: none!important; transition: opacity .2s; } .privacy-grp1 { position: relative; } #Filters .filters_wrapper ul li.close a:hover { background: #545454; } #Footer .fa-facebook-f:before { content: "\f09a"; } .slick-slide { outline: none; } .home_row2 .widget-type-rich_text > *, blockquote { color: #ffffff; } .home_row2 .widget-type-rich_text h1, .home_row2 .widget-type-rich_text h2, .home_row2 .widget-type-rich_text h3, .home_row2 .widget-type-rich_text h4, .home_row2 .widget-type-rich_text h5, .home_row2 .widget-type-rich_text h6 { color: inherit; } .home_row2 .widget-type-rich_text ul { clear: both; } .cfs_row2_ryt .widget-type-rich_text a { color: #0095eb; } .cfs_row2_ryt .widget-type-rich_text a:hover { color: #007cc3; } .booth-controls-grp4 { overflow-x: hidden; } .booth-controls-grp1 .widget-type-rich_text p a:not(.cta_button), .booth-controls-grp3 .widget-type-rich_text p a { color: #0095eb; } .booth-controls-grp1 .widget-type-rich_text p a:not(.cta_button):hover, .booth-controls-grp3 .widget-type-rich_text p a:hover { color: #007cc3; } @media (max-width: 1290px) and (min-width: 1240px) { .lower-int-gallery.slick-initialized.slick-slider { max-width: 96%; margin: 0 auto; } .hs-internal-wrap { max-width: 95%; margin: 0 auto; } .internal-slider .slick-next { right: -40px; } } @media (max-width: 1010px) and (min-width: 960px) { .lower-int-gallery.slick-initialized.slick-slider { max-width: 95%; margin: 0 auto; } .hs-internal-wrap { max-width: 92%; margin: 0 auto; } .internal-slider .slick-next { right: -40px; } } @media (max-width: 1239px) { #Error_404 .error_pic i { font-size: 220px; line-height: 260px; } } @media (max-width: 959px) { .form-title { font-size: 26px; line-height: 29px; } #Error_404 { position: static; padding-top: 50px; margin-top: 0; } #Error_404 .error_pic { width: 100%; float: none; } #Error_404 .error_pic i { font-size: 260px; line-height: 260px; } #Error_404 .error_desk { width: 100%; float: none; padding-top: 20px; text-align: center; } #Error_404 .error_desk p .button { font-size: 13px; } .privacy-grp1 .widget-type-rich_text ul li, .the_content_wrapper ul li, .booth-controls-grp1 .widget-type-rich_text ul li { line-height: 21px; } } @media (max-width: 959px) and (min-width: 768px) { .two-column-grp1 form .form-columns-2 > div { width: 100% !important; } .two-column-grp1 form .form-columns-2 > div .hs-input { width: 100%; } .booth-controls-grp1 .widget-type-rich_text ul li { line-height: 21px; } } @media (max-width: 767px) { .industries-grp1 .dnd-section > .row-fluid, .industries-grp2 .dnd-section > .row-fluid, .booth-controls-grp1 .dnd-section > .row-fluid, .booth-controls-grp2 .dnd-section > .row-fluid, .booth-controls-grp4 .dnd-section > .row-fluid, .booth-controls-grp5 .dnd-section > .row-fluid { padding: 0; } .two-column-grp1 .dnd-section > .row-fluid > .span6, .two-column-grp1 .dnd-section > .row-fluid > .span12, .booth-controls-grp1 .dnd-section>.row-fluid .span6, .booth-controls-grp3 .widget-type-rich_text, .booth-controls-grp3 .dnd-column>.dnd-row { margin: 0 0 20px; width: 100%; } .booth-controls-grp1 .span6:first-child .widget-type-rich_text { max-width: 100%; } .booth-controls-grp1 .dnd-section .span6 { padding-left: 33px; padding-right: 33px; } .form-title { font-size: 23px; line-height: 26px; } .booth-controls-grp1 .widget-type-rich_text ul li { line-height: 19px; } .specifications-module .column_attr h4 { font-size: 16px; line-height: 19px; letter-spacing: 0px; } .booth-controls-grp3 .widget-type-header h4 { float: left; } .two-column-grp1 form .hs-input { width: 100%; } .booth-controls-grp3 .span6 { width: 100%; margin: 0 0 20px !important; } #Error_404 { position: static; padding-top: 20px; margin-top: 0; } #Error_404 .column_one { margin: 0; width: 100%; } #Error_404 .error_pic { width: 100%; float: none; } #Error_404 .error_pic i { font-size: 160px; line-height: 160px; } #Error_404 .error_desk { width: 100%; float: none; padding-top: 20px; text-align: center; } #Error_404 .error_desk h2 { font-size: 30px; line-height: 30px; } #Error_404 .error_desk h4 { font-size: 19px; line-height: 25px; } #Error_404 .error_desk p .check { line-height: 22px; font-size: 16px; margin-bottom: 15px; display: block; } .contact-grp1 .widget-type-rich_text, .contact-grp1 .dnd-section .span4, .aerospace-grp1 .dnd-section .span6 { width: 100%; margin: 0 0 20px; } .contact-grp2 .dnd-section > .row-fluid, .aerospace-grp2 .dnd-section > .row-fluid, .privacy-grp2 .dnd-section > .row-fluid, .privacy-grp1 .widget-type-rich_text { padding: 0; } .privacy-grp1 .widget-type-rich_text { margin-bottom: 20px; } .aerospace-grp1 .widget-type-rich_text .hs-cta-wrapper { max-width: 100%; } .privacy-grp1 .widget-type-rich_text ul li, .the_content_wrapper ul li, .booth-controls-grp1 .widget-type-rich_text ul li { line-height: 19px; } .migration .span4 { margin-bottom: 20px; } } @media (max-width: 479px) { .form-title { font-size: 18px; line-height: 20px; } .two-column-grp1 form .form-columns-2 > div { width: 100% !important; } .two-column-grp1 form .form-columns-2 > div .hs-input { width: 100% !important; } } @media (min-width: 760px) { .cfs_row2_lft .hs-menu-wrapper ul li a i { top: 7px; position: absolute; } } @media (min-width: 768px) { .aerospace-grp1 .widget-type-rich_text { max-width: 90%; } .slick-arrow:hover:after { width: 100%; } } /* custom css */ .nopd .dnd-section { padding: 0; } .nopd .dnd-section>.row-fluid { max-width: 100%; padding: 0; } figure { margin: 0; padding: 0; display: block; } .home_row2 .widget-type-rich_text p { color: white; font-size: 24px; line-height: initial; width: 64.666%; margin: 0 1% 15px; float: left; } .home_row2 .hs-cta-wrapper { width: 31.333%; margin: 0 1%; display: inline-block; padding: 35px 0 0; } .fancy_heading .title { text-align: center; } .thnk_row1 .widget-type-rich_text { text-align: center; } .thnk_row1 .widget-type-rich_text p { margin-bottom: 20px !important; } .thnk_row1 .widget-type-rich_text p a:hover { color: #007cc3; } .thnk_row1 .widget-type-rich_text p a { color: #0095eb; } .mcb-section.bg-cover, .mcb-wrap.bg-cover, .column_attr.bg-cover { background-size: cover; } .contact-grp1 .span6 { width: 31.333%; margin: 0 1% 40px !important; } .bottom-pane-module form .hs-input { width: 100% !important; } .nopd .mcb-section { max-width: 100%; } .tab_wrap_form_inr { background-image: url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/images/box_shadow.png); } .full_pg .dnd-section>.row-fluid > div { width: 98%; margin: 0 1% 0; } .cfs_row1 .dnd-section { padding-top: 35px; } .cfs_row1 .dnd-section { padding-top: 35px; padding-bottom: 0; } .cfs_row2 .dnd-section { padding: 0; } .cfs_row1 img { display: block; max-width: 100%; } .cfs_row1 .dnd-section>.row-fluid > div { width: 98%; margin: 0 1% 40px; } .cfs_row2_lft { padding: 0 20px 25px 30px; background-repeat: no-repeat; background-position: right bottom; } .cfs_row2_lft .widget-type-header h3 { color: #336A98; font-size: 25px; line-height: 29px; letter-spacing: 0px; font-weight: 700; } .cfs_row2_ryt .widget-type-rich_text ul li a:hover { color: #007cc3; } .cfs_row2_ryt .widget-type-rich_text ul li a { color: #0095eb; } .cfs_row2_ryt .widget-type-rich_text ul li { margin-bottom: 10px; } .cfs_row2_ryt .widget-type-rich_text ul { list-style: disc outside; margin: 0 0 15px 30px; padding: 0; } .cfs_row2_lft .hs-menu-wrapper ul li:hover a { color: #336A98; } .cfs_row2_lft .hs-menu-wrapper ul li:hover { background: white; } .cfs_row2_lft .hs-menu-wrapper ul li a { color: #fff; } .cfs_row2_lft .hs-menu-wrapper ul li { margin: 0; list-style: none; position: relative; padding: 13px 0 13px 50px; background: #336A98; line-height: normal; } .cfs_row2_lft .hs-menu-wrapper ul { display: block; } .tab_wrap .tab_wrap_tab ul { background-image: url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/images/bg_panel.png); } @media only screen and (max-width: 959px) and (min-width: 768px){ .cfs_row2_lft { padding-left: 20px; } .cfs_row2_lft .widget-type-header h3 { font-size: 21px; line-height: 25px; letter-spacing: 0px; } .cfs_row2_lft .hs-menu-wrapper ul li { padding-left: 0; padding-right: 0; } } @media (max-width: 1024px) and (min-width: 760px){ .cfs_row2_lft .hs-menu-wrapper ul li a { margin-left: 16px; } } @media (min-width: 470px){ .testimonials_slider:before { content: url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/images/TestimonialLeftQuoteMark.png); } } @media (min-width: 768px){ .testimonials_slider:after { content: url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/images/TestimonialRightQuoteMark.png); } } @media(min-width:960px){ .fancy_heading .title { font-size: 42px; line-height: 42px; } } @media(max-width:959px){ .home_row2 a.yellow-btn { padding: 15px; } } @media(max-width:767px){ .home_row2 .widget-type-rich_text p { width: 100%; margin: 0 0 15px; float: none; } .home_row2 .hs-cta-wrapper { width: 100%; margin: 0; display: block; padding: 35px 0 0; text-align: center; } .home_row2 a.yellow-btn { max-width: 80%; padding: 0; display: block; text-align: center; max-width: 50%; margin: 0 auto; } .contact-grp1 .span6 { margin: 0px 0 20px !important; width: 100%; } .contact-grp1 .span6:first-child { padding-top: 20px; } .full_pg .dnd-section>.row-fluid > div { width: 100%; margin: 0; padding: 0 33px; } .cfs_row1 .dnd-section>.row-fluid>div { width: 100%; margin: 0 0 20px; } .cfs_row2 .one-second.column { width: 100%; margin: 0 0 20px; float: none; } .cfs_row2_lft .widget-type-header h3 { font-size: 19px; line-height: 22px; letter-spacing: 0px; } .cfs_row2_lft .hs-menu-wrapper ul { margin-top: 9px; } } @media(max-width:479px){ .thnk_row1 .widget-type-rich_text h5 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } .cfs_row2_lft .widget-type-header h3 { font-size: 15px; line-height: 19px; letter-spacing: 0px; } .cfs_row2_lft .hs-menu-wrapper ul { margin-top: 6px; } } @media(max-width:420px){ .home_row2 a.yellow-btn { max-width: 80%; } } /* ****************************************************************************** ********************************************************************************* This file contains all the neccessary styles to control how your headers look when it comes to the logo, search field, language switcher and navigation. You will also find the mobile menu styles below. ********************************************************************************* ****************************************************************************** */ #Header { position: relative; font-size: 16px; line-height: 25px; } .header_placeholder { height: 0; } #Header #Top_bar { position: static; left: 0; top: -61px; width: 100%; z-index: 30; background-color: #0a466b; transition: all 0.3s ease; } #Top_bar .page-center { max-width: 100%; position: relative; padding: 0; } #Top_bar .column_one { float: left; margin: 0 1% 40px; width: 98%; margin-bottom: 0; } #Top_bar .column_one .top_bar_left { position: relative; float: left; background-color: transparent; width: 100%; } #Top_bar .column_one .top_bar_left .hs-logo { float: left; margin: 0 30px 0 20px; } #Top_bar .column_one .top_bar_left .hs-logo a { display: block; line-height: 60px; padding: 15px 0; height: 75px; box-sizing: content-box; } #Top_bar .column_one .top_bar_left .hs-logo a img { max-width: 100%; height: auto; vertical-align: middle; max-height: 100%; width: auto !important; } #Top_bar .column_one .top_bar_left .menu_wrapper { z-index: 201; float: right; margin-right: 0; width: 87%; } #Header #Top_bar:after { content: ''; display: table; clear: both; } .menu_wrapper .right_menu { display: inline-block; float: right; margin-top: 26px; } .menu_wrapper .right_menu a:first-child { display: inline-block; cursor: pointer; margin-right: 7px; border-radius: 5px; position: relative; overflow: hidden; user-select: none; transition: all 0.3s ease; background-color: #ffcd34; border: 2px solid #ffcd34; color: white; font-weight: 600; text-transform: uppercase; font-size: 17px; letter-spacing: 0.5px; padding: 0 18px; box-shadow: none; } .menu_wrapper .right_menu a:first-child span { display: block; float: left; position: relative; z-index: 2; padding: 11px 20px; } .menu_wrapper .right_menu a:first-child:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: rgba(0,0,0,.05); z-index: 1; transition: all .3s; } .menu_wrapper .right_menu a:first-child:hover { background-color: transparent; color: #ffcd34; } .menu_wrapper .right_menu a:first-child:hover:after { width: 100%; } .menu_wrapper .right_menu a:last-child { cursor: pointer; margin-right: 7px; position: relative; overflow: hidden; background-color: transparent; display: inline-block; border: solid 2px #ffcd34; border-radius: 4px; user-select: none; transition: all 0.3s ease; color: #ffcd34; font-weight: 600; text-transform: uppercase; font-size: 17px; letter-spacing: 0.5px; padding: 0 18px; box-shadow: none; } .menu_wrapper .right_menu a:last-child span { display: block; float: left; position: relative; z-index: 2; padding: 11px 20px; } .menu_wrapper .right_menu a:last-child:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: rgba(0,0,0,.05); z-index: 1; transition: all .3s; } .menu_wrapper .right_menu a:last-child:hover { background-color: #ffcd34; color: #fff; } .menu_wrapper .right_menu a:last-child:hover:after { width: 100%; } .menu_wrapper .custom-menu-primary { background-color: #0a466b; display: inline-block; } .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul > li { position: relative; display: block; float: left; } .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > a { font-family: "Roboto", Arial, Tahoma, sans-serif; font-size: 15px; display: block; line-height: 60px; position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #ffffff; padding: 15px 0; } .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > a > span { border: 0; border-color: rgba(0,0,0,.05); display: block; line-height: 60px; white-space: nowrap; border-right-width: 1px; border-style: solid; text-transform: uppercase; font-size: 18px; font-weight: 500; margin-top: 7px; padding: 0 30px; } .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > a > span { border: none; } .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a { color: #ffcd34; } .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul ul { position: absolute; left: 0; top: 100%; z-index: 205; margin: 0; display: none; box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.03); -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.03); background-color: #F2F2F2; } .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul li:hover > ul { display: block; } .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul ul li { background-color: #0a466b; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0; width: 200px; position: relative; font-weight: 400; } .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul ul li a { padding: 10px 20px; display: block; border-bottom: 1px solid rgba(0,0,0,0.05); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #ffffff; font-size: 14px; line-height: 25px; } .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul ul li:hover > a { color: #ffcd34; text-decoration: none; background: rgba(0,0,0,.06); } .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul ul li a .menu-arrow { position: absolute; right: 7px; top: 11px; font-size: 12px; color: rgba(0,0,0,0.35); } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none!important; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; } .icon-right-open:before { content: '\e915'; } .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul ul ul { left: 200px; top: 0; } .scrolled .header_placeholder { height: 105px; } .scrolled #Header #Top_bar { position: fixed!important; width: 100%; left: 0; top: 0; height: 60px; z-index: 701; background: =; opacity: .97; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); min-height: 85px; } .scrolled #Top_bar .column_one .top_bar_left .hs-logo a { padding: 5px 0; } .scrolled .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > a > span { line-height: 30px; } .scrolled .menu_wrapper .right_menu { margin-top: 17px; } .responsive-menu-toggle { display: none; } @media (max-width: 1460px) { .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > a > span { padding: 0 20px; } } @media (max-width: 1477px) { #Top_bar .column_one .top_bar_left .menu_wrapper { width: 86%; } } @media (max-width: 1374px) { #Top_bar .column_one .top_bar_left .menu_wrapper { width: 83%; } } @media (max-width: 1349px) { .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > a > span { padding: 0 15px; } } @media (max-width: 1295px) { .menu_wrapper .right_menu a:first-child span { padding: 11px 12px; } .menu_wrapper .right_menu a:last-child span { padding: 11px 12px; } } @media (max-width: 1269px) { .menu_wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > a > span { padding: 0 13px; } } @media (max-width: 1259px) { .menu_wrapper .right_menu { display: none; } #Top_bar .column_one .top_bar_left .menu_wrapper { width: auto; } #Top_bar .column_one .top_bar_left .menu_wrapper { width: auto; float: left; } } @media (max-width: 1239px) { .scrolled .header_placeholder { height: 0; } .scrolled #Header #Top_bar { position: static !important; } .menu_wrapper .custom-menu-primary { display: none; } .responsive-menu-toggle { display: block; position: absolute; right: 20px; top: 50%; margin-top: -17px; width: 34px; height: 34px; text-align: center; border-radius: 3px; z-index: 200; } .responsive-menu-toggle i { font-size: 30px; line-height: 34px; color: white; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none!important; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; } .icon-menu-fine:before { content: '\e960'; } #body_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 120%; background: rgba(0,0,0,.6); z-index: 9002; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .mobile-menu-wrapper { display: block; position: fixed; top: 0px; max-width: 100%; height: 100%; overflow: auto; border-bottom-width: 0; border-bottom-style: solid; z-index: 100000; background-color: #191919; border-color: #191919; width: 250px; right: -250px; transition: all 0.3s ease; } .mobile-open .mobile-menu-wrapper { right: 0; } .mobile-open #body_overlay { opacity: 1; visibility: visible; } body { position: relative; left: 0; transition: all 0.3s ease; } body.mobile-open { left: -125px; } .close-wrapper { height: 60px; } .close-wrapper .close { height: 34px; width: 34px; display: block; float: right; margin: 13px 13px 0 0; color: #A6A6A6; } .close-wrapper .close i { font-size: 22px; line-height: 34px; } .close-wrapper .close:hover { color: #FFFFFF; } .mobile-menu { display: block; margin-bottom: 20px; } .mobile-menu .hs-menu-wrapper > ul { display: block; } .mobile-menu .hs-menu-wrapper > ul > li { width: 100%; position: relative; border-top: 1px solid rgba(255,255,255,.03); } .mobile-menu .hs-menu-wrapper > ul > li:last-child { border-bottom: 1px solid rgba(255,255,255,.03); } .mobile-menu .hs-menu-wrapper > ul > li > a { display: block; padding: 11px 5px 10px 20px; margin-right: 50px; text-decoration: none; line-height: initial; font-size: 19px; letter-spacing: 0.3px; font-family: "Roboto Condensed", Helvetica, sans-serif !important; text-transform: uppercase; color: #A6A6A6; } .child-trigger { display: block; position: absolute; right: 5px; top: 0; width: 40px; height: 40px; line-height: 40px; font-size: 22px; font-weight: 100; text-align: center; cursor: pointer; opacity: 0.5; color: #A6A6A6; } .child-trigger:after { content: "+"; } .mobile-menu .hs-menu-wrapper > ul ul { display: none; background: rgba(255,255,255,.025); } .mobile-menu .hs-menu-wrapper > ul li:hover > a { color: #FFFFFF; } .mobile-menu .hs-menu-wrapper > ul li.child-open > a { color: #FFFFFF; } .child-open > .child-trigger { color: #FFFFFF; opacity: 1; } .child-open > .child-trigger:after { content: "-"; } .mobile-menu .hs-menu-wrapper > ul li.child-open > ul { display: block; } .mobile-menu .hs-menu-wrapper > ul ul li { width: 100%; position: relative; border-top: 1px solid rgba(255,255,255,.03); } .mobile-menu .hs-menu-wrapper > ul ul li a { display: block; padding: 11px 5px 10px 20px; margin-right: 50px; text-decoration: none; line-height: initial; font-size: 19px; letter-spacing: 0.3px; font-family: "Roboto Condensed", Helvetica, sans-serif !important; text-transform: uppercase; padding-left: 35px; color: #A6A6A6; } .mobile-menu .hs-menu-wrapper > ul ul ul li a { padding-left: 50px; } } @media (max-width: 767px) { #Top_bar .column_one { width: 100%; margin: 0; clear: both; } #Top_bar .column_one .top_bar_left .hs-logo { position: static; float: left; width: 100%; text-align: center; margin: 0; } #Top_bar .column_one .top_bar_left .hs-logo a { padding: 0!important; margin: 10px 50px; } .responsive-menu-toggle { top: 40px; } } @media (min-width: 1240px) { .mobile-menu-wrapper, #body_overlay { display: none; } } /* ****************************************************************************** ********************************************************************************* This file contains all the neccessary styles to control how your footer looks when it comes to spacing and other general styles. ********************************************************************************* ****************************************************************************** */ #Footer { background-color: #0a466b; font-size: 14px; line-height: 25px; } #Footer, #Footer ul li a { color: #cccccc; } #Footer .footer_copy { text-align: center; } #Footer .footer_copy .column_one { float: left; margin: 0 1% 40px; width: 98%; margin-bottom: 20px; padding-top: 30px; min-height: 33px; } #Footer .footer_copy .column_one .copyright { color: white; font-weight: bold; user-select: none; margin: 0 0 10px; } #Footer .widgets_wrapper { padding: 70px 0; } #Footer .widgets_wrapper .hs-col3 { float: left; margin: 0 1% 40px; width: 23%; margin-bottom: 0; } #Footer .widgets_wrapper .hs-col3 .aside { padding: 15px 0; position: relative; } #Footer .widgets_wrapper .hs-col3 .aside.btn a { color: #ffcd34 !important; border: solid 1px; border-radius: 4px; padding: 6px 32px; font-size: 26px; font-weight: bold; } #Footer .widgets_wrapper .hs-col3 .aside ul { list-style: none; margin: 0; padding: 0; } #Footer .widgets_wrapper .hs-col3 .aside ul li { margin-bottom: 8px; font-weight: bold; color: white; display: block; width: 100%; } #Footer .widgets_wrapper .hs-col3 .aside ul li a { font-weight: bold; color: white; font-size: 17px; line-height: 1.5; } #Footer .widgets_wrapper .hs-col3 .aside ul li a:hover { color: #ffcd34; } #Footer .widgets_wrapper .hs-col3 .aside h5 { color: #ffffff; font-size: 17px; line-height: 25px; font-family: "Roboto Condensed", Helvetica, sans-serif; } #Footer .widgets_wrapper .hs-col3 .aside.contact_us ul li { padding-left: 36px; margin-bottom: 12px; font-family: "Roboto Condensed", Helvetica, sans-serif; } #Footer .widgets_wrapper .hs-col3 .aside.contact_us ul li img { position: absolute; left: 0; } #Footer .widgets_wrapper .hs-col3:nth-child(2) .aside ul li { font-family: "Roboto Condensed", Helvetica, sans-serif; } #Footer .widgets_wrapper .hs-col3 .aside p { font-weight: bold; color: white; font-size: 17px; line-height: 1.5; font-family: "Roboto Condensed", Helvetica, sans-serif; } #Footer .widgets_wrapper .hs-col3 .aside .social-icons { margin-top: 16px; } #Footer .widgets_wrapper .hs-col3 .aside .social-icons li { font-weight: bold; color: white; } #Footer .widgets_wrapper .hs-col3 .aside .social-icons li a { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: left; margin-right: 16px; text-align: center; font-weight: bold; color: white; font-size: 17px; line-height: 1.5; } #Footer .widgets_wrapper .hs-col3 .aside .social-icons li a i { border: 1px solid #ffcd32; padding: 6px; margin-bottom: 10px; } #Footer .widgets_wrapper .hs-col3 .aside .social-icons li a:hover { color: #ffcd34; -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @media (max-width: 1239px) { #Footer .widgets_wrapper .hs-col3 .aside.btn a { font-size: 14px; } #Footer .widgets_wrapper .hs-col3 .aside ul li a { font-size: 14px; } } @media (max-width: 959px) { #Footer { font-size: 13px; line-height: 21px; } #Footer .widgets_wrapper .hs-col3 .aside.btn a { font-size: 13px; } #Footer .widgets_wrapper .hs-col3 .aside ul li a { font-size: 13px; } #Footer .widgets_wrapper .hs-col3 .aside h5 { line-height: 21px; } #Footer .widgets_wrapper .hs-col3 .aside .social-icons li a i { font-size: 26px; } } @media (max-width: 767px) { #Footer { line-height: 19px; } #Footer .widgets_wrapper .hs-col3 { width: 100%; margin: 0; } #Footer .widgets_wrapper .hs-col3 .aside .social-icons li a i { font-size: 36px; } #Footer .widgets_wrapper .hs-col3 .aside ul { line-height: 0; } #Footer .widgets_wrapper .hs-col3 .aside ul li a { font-size: 18px; line-height: 19px; } #Footer .widgets_wrapper .hs-col3 .aside.btn a { font-size: 18px; } #Footer .widgets_wrapper .hs-col3 .aside h5 { line-height: 19px; } } /* ****************************************************************************** ********************************************************************************* This file contains all the neccessary styles for your blog. The styles included are for the listing and post templates, featured images and pagination. Also for the post meta infromation like tags, author and published date ********************************************************************************* ****************************************************************************** */ /* TODO: Find a better place for this */ .content-wrapper { max-width: 1240px; padding: 0 20px; margin: 0 auto; } .blog-banner { padding-top: 40px; padding-bottom: 30px; background-repeat: no-repeat; background-position: 50% -2px; position: relative; text-align: center; margin-bottom: 35px; } .blog-banner h2 { font-size: 42px; line-height: 1; font-weight: 500; color: #fff; text-shadow: 2px 2px 0 #000; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } #Filters { margin-bottom: 30px; } .blog_column { float: left; margin: 0 1% 40px; } .one.blog_column { width: 98%; } #Filters .filters_wrapper { display: none; margin-top: 20px; } .section-filters ul { list-style: none; margin: 0; padding: 0; } #Filters .filters_buttons { padding: 15px; margin: 0; font-size: 100%; background-image: url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/images/stripes_5_b.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } #Filters .filters_buttons li { color: #a8a8a8; float: left; margin: 0 15px 0 0; list-style: none; } div#Filters ul li a, .post-desc .post-links a { color: #0a466b; } #Filters .filters_buttons li.categories i, #Filters .filters_buttons li.tags i { margin-right: 3px; } .icon-docs:before { content: '\e85f'; } .icon-down-dir:before { content: '\e866'; } .icon-tag:before { content: '\e92f'; } .icon-user:before { content: '\e94b'; } .icon-cancel:before { content: '\e82a'; } #Filters .filters_buttons li.reset { float: right; margin-right: 0; } #Filters .filters_wrapper ul { display: none; overflow: hidden; margin: 0; } #Filters .filters_wrapper ul li { display: inline-block; width: 18.9%; margin: .5%; list-style: none; } #Filters .filters_wrapper ul li.close { width: auto!important; } #Filters .filters_wrapper li.reset-inner { display: none; } #Filters .filters_wrapper ul li a { display: block; padding: 7px 10px; background: #fff; border: 1px solid #F7F7F7; color: #858585; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a { text-decoration: none; color: #fff; background-color: #0095eb; } #Filters .filters_wrapper ul li.close a { text-align: center; width: 38px; padding: 7px 0; background: #8B8B8B; border: 1px solid #F7F7F7!important; color: #fff; box-sizing: unset; } .icon-cancel:before { content: '\e82a'; } .post-item { margin-bottom: 40px; position: relative; float: left; width: 100%; } .grid .post-item { width: 31.33%; margin: 0 1% 20px; background: #fff!important; } .grid .post-item:nth-child(3n+1) { clear: both; } img { max-width: 100%; } .image_frame .image_wrapper { position: relative; overflow: hidden; } .image_frame .image_wrapper, .wp-caption img, .icon_box .icon_wrapper:before { border-color: #e2e2e2; } .image_frame, .wp-caption { display: block; margin: 0; border-width: 8px; border-style: solid; max-width: 100%; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .grid .post-photo-wrapper { width: 100%; float: none; } .grid .post-photo-wrapper { border: 2px solid; border-bottom: none; border-left-color: #0a466b; border-right-color: #ffcd34; border-top-color: #0a466b; } .image_frame .image_wrapper .mask { position: absolute; left: 0; width: 100%; height: 100%; z-index: 2; } .image_frame .image_wrapper .mask, .edd_download_image:after { -webkit-box-shadow: inset 0 0 5px 2px rgba(0,0,0,.07); box-shadow: inset 0 0 5px 2px rgba(0,0,0,.07); } .image_frame .image_wrapper .mask:after { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 100%; z-index: 3; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: rgba(255,255,255,0.4); } .image_frame:hover .image_wrapper .mask:after, .image_frame.hover .image_wrapper .mask:after { opacity: 1; } .image_wrapper img { transition: all .3s ease-in-out; position: relative; top: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); margin-bottom: -15px!important; max-width: 100%; width: 100%; height: auto; } .image_frame:hover .image_wrapper img { top: -15px; } .image_frame .image_wrapper .image_links { width: 100%; height: 60px; position: absolute; left: 0; bottom: -60px; z-index: 4; overflow: hidden; transition: all .3s ease-in-out; background-color: #0a466b; } .image_frame:hover .image_wrapper .image_links { bottom: 0; } .image_frame .image_wrapper .image_links.double a { font-size: 25px; line-height: 60px; text-align: center; width: 50%; display: block; float: left; transition: all .1s ease-in-out; color: #ffffff; } .image_frame .image_wrapper .image_links a:hover { background: #ffffff; color: #0a466b; } .image_frame .image_wrapper .image_links.double a:first-child { -webkit-box-shadow: inset -1px 0 0 0 rgba(255,255,255,.2); box-shadow: inset -1px 0 0 0 rgba(255,255,255,.2); } .icon-search:before { content: '\e91b'; } .icon-link:before { content: '\e8c2'; } .grid .post-desc-wrapper { width: 100%; float: none; } .post-desc { padding: 15px 0 0 20px; border: 2px solid; border-top: none; border-left-color: #0a466b; border-right-color: #ffcd34; border-bottom-color: #ffcd34; } .grid .post-desc-wrapper .post-desc { padding: 20px 20px 0; } .post-meta { margin-bottom: 8px; color: #a8a8a8; } .post-meta .author-date { float: left; } .post-meta .category { float: right; position: relative; } .icon-user:before { content: '\e94b'; } .post-meta .author-date a { border-bottom: 1px dotted #a8a8a8; text-decoration: none; color: #a8a8a8; } .icon-clock:before { content: '\e843'; } .post-desc h2.entry-title { font-family: "Roboto Condensed", Helvetica, sans-serif; text-transform: uppercase; font-size: 21px; letter-spacing: 0; font-weight: 500; line-height: 25px; padding-top: 5px; } .post-desc h2.entry-title a, .post-desc h2.entry-title a:hover { color: #161922; } .post-excerpt { margin-bottom: 15px; color: #626262; } .post-footer { background: transparent; padding: 7px 15px; overflow: hidden; line-height: 30px; color: #a8a8a8; } .grid .post-footer { margin: 0 -20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post-footer .post-links { float: right; border-left: 1px solid rgba(0,0,0,.08); padding-left: 10px; } .icon-doc-text:before { content: '\e85d'; } .post-desc .post-links a { color: #0a466b; } .pager_wrapper { margin-bottom: 0; } .pager { text-align: center; } .pager .pages { display: inline-block; margin: 20px 30px 0; padding: 4px 3px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f8f8f8; background-image: url(https://4252220.fs1.hubspotusercontent-na1.net/hubfs/4252220/raw_assets/public/RohnerSprayBooths_January2021/images/stripes_3_b.png); } .pager a.next_page, .pager a.prev_page { display: inline-block; line-height: 43px; color: #0095eb; } .pager a.next_page:hover, .pager a.prev_page:hover { color: #007cc3; } .icon-right-open:before { content: '\e915'; } .icon-left-open:before { content: '\e8b7'; } .pager .pages a { display: inline-block; margin: 0 1px; width: 35px; height: 35px; line-height: 35px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; transition: all .3s ease-in-out; color: #a8a8a8; } .pager .pages a:hover, .pager .pages a.active { color: #fff; text-decoration: none; background-color: #0095eb; } .post-meta .category .cat-btn { cursor: pointer; } .post-meta .category .cat-wrapper { position: absolute; right: 0; top: 100%; display: none; z-index: 21; } .post-meta .category:hover .cat-wrapper { display: block; } .post-meta .category .cat-wrapper ul { list-style: none; margin: 0; padding: 0; padding: 7px; min-width: 70px; box-sizing: unset; background: #F9F9F9; } .post-meta .category .cat-wrapper ul li { border-bottom: 1px solid rgba(0,0,0,0.05); } .post-meta .category .cat-wrapper ul li:last-child { border-bottom: 0; } .post-meta .category .cat-wrapper ul li a { display: block; text-align: center; padding: 1px 5px; color: #8B8B8B; } .post-meta .category .cat-wrapper ul li a:hover { text-decoration: none; color: #5F5F5F; background: rgba(255,255,255,0.8); } .post-meta .category.mata-tags { margin-right: 10px; } .post-header { margin-bottom: 20px; } .section-post-header .image_frame { max-width: calc(100% - 130px); display: inline-block; } .section-post-header .single-photo-wrapper { text-align: center; } .the_content_wrapper { color: #626262; } .the_content_wrapper p { font-size: inherit; } .share-simple-wrapper { border-top: 1px solid rgba(0,0,0,.08); padding: 15px 0; text-align: left; } .share-simple-wrapper .share-label { margin-right: 10px; } .share-simple-wrapper .icons { display: inline; } .share-simple-wrapper .icons a { text-decoration: none; padding: 0 5px; color: #a8a8a8; } .share-simple-wrapper .icons .facebook:hover { color: #3B5998; } .share-simple-wrapper .icons .twitter:hover { color: #1DA1F2; } .share-simple-wrapper .icons .linkedin:hover { color: #0077B5; } .share-simple-wrapper .icons .pinterest:hover { color: #BD081B; } .section-post-related .section-related-adjustment { border-top: 1px solid rgba(0,0,0,.08); padding-top: 20px; } .section-post-related .post-item { float: left; margin: 0 1% 40px; position: relative; width: 31.333%; } .section-post-related .post-item:nth-child(3n+1) { clear: both; } .section-post-related .post-item .date_label { font-size: 12px; line-height: 18px; display: inline-block; border-radius: 4px; color: #a8a8a8; left: 0; top: 30px; z-index: 20; margin-bottom: 5px; position: static; padding: 0; background-color: transparent; background-image: none; } .section-post-related .post-item hr { color: #0095eb; background: #0095eb; margin-left: 30px; width: 40%; display: none; } .section-related-adjustment .image_frame { margin-bottom: 15px; } .post-item .button { color: #747474; } .fa-map-marker:before { content: "\f041"; } .comment-date { display: block !important; } .grecaptcha-badge { margin: 0 !important; } .blog-comments { margin-bottom: 50px; } .blog-comments .hs-input { max-width: 100%; } .blog-comments .post-footer { max-width: 767px; } .post-item .button { display: inline-block; cursor: pointer; margin-right: 7px; border: 0; border-radius: 5px; position: relative; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(0,0,0,.03), inset 0px 4px 3px -2px rgba(0,0,0,.07); color: #747474; } .h_banner_cnt > * { color: #fff; } @media (max-width: 959px) { .blog-banner h2 { font-size: 38px; } } @media (max-width: 767px) { .blog-banner h2 { font-size: 34px; } .grid .post-item { width: 100%; margin: 0 0 20px; } .blog_column { margin: 0 0 20px; width: 100%!important; clear: both; } .blog-grp { line-height: 19px; } #Filters .filters_wrapper ul li { width: 49%; margin: .5%; } .section-post-header .image_frame { max-width: 100%; } .post-header .post-meta .category { display: none; } .section-post-related .post-item { width: 100%; margin: 0 0 20px; } .post-item .button { margin-bottom: 0; } } @media (max-width: 479px) { .blog-banner h2 { font-size: 30px; } #Filters .filters_buttons li.label { display: none; } #Filters .filters_wrapper ul li { width: 99%; } #Filters .filters_buttons li.reset { width: 100%; margin-top: 10px; } } @media (min-width: 768px) { .post-item .button:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: rgba(0,0,0,.05); z-index: 1; transition: all .3s; } .post-item .button:hover:after { width: 100%; } } @media (max-width: 479px) { .hs_recaptcha.hs-recaptcha.field.hs-form-field { overflow: hidden; overflow-x: auto; } } /* ****************************************************************************** ********************************************************************************* This file contains all the neccessary styles to control how your system pages look. These pages include the error pages (404 and 500), password protected content and search listing results. ********************************************************************************* ****************************************************************************** */ .error-page { padding: 10rem 0; text-align: center; position: relative; } .error-page:before { content: attr(data-error); position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: Lato, sans-serif; font-size: 40vw; font-weight: bold; color: #d5d5d5; z-index: -1; } @media screen and (min-width: 1100px) { .error-page:before { font-size: 20rem; } } .error-page_heading { margin-bottom: 1rem; } .systems-page { padding: 40px 0; } .systems-page .success { display: inline-block; margin: 2rem 0; background-color: #CDE3CC; border: 1.5px solid #4F7D24; border-radius: 6px; color: #4F7D24; padding: .1rem .75rem; } .hs-search-results { margin-top: 2rem; } ul.hs-search-results__listing li { margin-bottom: 2rem; } .hs-search-results__title { font-family: Merriweather, serif; font-size: 1.25rem; color: #494a52; text-decoration: underline; margin-bottom: .25rem; } .hs-search-results__title:hover { text-decoration: none; } .hs-search-results__description { padding-top: .5rem; } .hs-search-highlight { font-weight: bold; } .hs-search-results__pagination a { color: #494a52; } .email-prefs .item.disabled { opacity: 0.6; cursor: not-allowed; } .email-prefs .item.disabled input:disabled { cursor: not-allowed; } #email-prefs-form .hs-input, .form-container, #hs_cos_wrapper_password_prompt { width: 100% !important; max-width: 650px; } .form-container { display: block; background-color: #efefef; padding: 14px; border: solid 1px black; border-radius: 4px; } .form-container label { display: block; } .form-container label + a { display: block; } .form-container { margin-bottom: 10px; } .form-container .hs-form-field { margin-bottom: 14px; } .form-container .hs-form-field .hs-input[type=checkbox] { display: inline; } .form-container #hs_login_reset { margin-bottom: 10px; display: inline-block; } ul.no-list.hs-error-msgs { padding-left: 0; } #hs-pwd-widget-password { height: 46px !important; margin-bottom: 15px; margin-top: 0 !important; display: block; max-width: 650px; } #hs-search-module .hs-input { margin-bottom: 15px; } .grecaptcha-badge { margin: 0; } @media (max-width: 767px) { #email-prefs-form .hs-input, .form-container, #hs_cos_wrapper_password_prompt { max-width: 100%; } } @media (min-width: 768px) { .body-container-wrapper.test-pg { padding-left: 15px; padding-right: 15px; } }