/* --------------------------------------------------
Table of Contents
-----------------------------------------------------
:: Browser Resets
:: Main Structure
:: Sub Structure
:: Universal Classes
:: Universal Facebook Styles
*/
/* --------------------------------------------------
:: Browser Resets
-------------------------------------------------- */
body {
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Google Fonts - for example
- will render proper sizes in all browsers with this fix
(no matter what color - Firefox traditionally renders bolder for white color text) */
margin: 0;
padding: 0;
position: relative;
/* FONT FAMILY */
font-family: "Open Sans", sans-serif;
font-size:1.1em;
line-height:1.375em;
color:;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
body.lock {overflow-y:hidden;}
/* Headings */
h1, h2, h3, h4, h5, h6 {margin:0; font-family: "Roboto", Helvetica, Arial, sans-serif; color: #222;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #222; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
h1 {font-size: 2em; line-height: 1.25em; margin-bottom:.5em;}
h2 {font-size:1.625em; line-height:1.15384615em; margin-bottom:.66em;}
h3 {font-size:1.375em; line-height:1.13636364em; margin-bottom:1em;}
h4 {font-size:1.125em; line-height:1.11111111em; margin-bottom:1.14em;}
h5 {font-size:1em; line-height:1.11111111em;}
h6 {font-size:1em; line-height:1.11111111em;}
@media (min-width: 43.75em) {
h1 {font-size: 2.5em; line-height: 1.125;}
h2 {font-size: 2em; line-height: 1.25;}
h3 {font-size: 1.5em; line-height: 1.25;}
h4 {line-height: 1.22222222;}
}
@media (min-width: 56.25em) {
h1 {font-size: 3em; line-height: 1.05;}
h2 {font-size: 2.25em; line-height: 1.25;}
h3 {font-size: 1.75em; line-height: 1.25;}
}
/* Heading Siblings - (when one heading follows another) */
h1 + h2 {} /* styles for the h2 following an h1 */
h2 + h3 {} /* styles for the h3 following an h2 */
h3 + h4 {} /* etc */
h4 + h5 {}
h5 + h6 {}
/* p tag styles directly after a heading */
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {}
/* Elements */
p {margin:0 0 1.375em;}
a {}
a:visited {}
a:hover {}
a:focus {}
a:active {}
ul, ol {}
li {}
em, i {font-style: italic;}
strong, b {font-weight: 700;}
hr {border: 0; border-bottom: 1px solid #ccc; clear: both; display:block; height: 0; margin: 15px 0;}
small {font-size: 70%;}
img {display:inline-block; vertical-align:middle; max-width:100%; height:auto; -ms-interpolation-mode:bicubic}
textarea {height:auto; min-height:50px;}
select {box-sizing: border-box; width:100%;}
pre {overflow:auto;}
blockquote {border-left: 4px solid #ccc; padding-left: 40px; margin-left: 20px;}
/* Buttons */
button {padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:5px;background:transparent;line-height:1}
[data-whatinput='mouse'] button {outline:0}
a.button, p.button a, span.button a, input.button {
font-weight:800;
display:inline-block;
padding:10px 30px;
text-align:center;
font-size:20px;
text-decoration:none;
margin-bottom:15px;
border:0;
box-shadow:none;
transition: background .3s ease; -webkit-transition:background .3s ease;
cursor:pointer;
background:#E10772;
color:#fff;
}
a.button:hover, p.button a:hover, span.button a:hover, input.button:hover {background:#B00057;}
/* Forms */
/* basic input styles */
[type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea
{display:block;width:100%;height:2.2rem;margin:0 0 15px;padding:5px;font-family:inherit;border:1px solid #cacaca;background-color:#fff;color:#4b4b4e;transition:border .2s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media only screen and (max-width: 640px) {
[type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea
{height: 3rem;}
}
textarea{max-width:100%}
textarea[rows]{height:auto}
[type='text']:focus,[type='password']:focus,[type='date']:focus,[type='datetime']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='week']:focus,[type='email']:focus,[type='number']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='url']:focus,[type='color']:focus,textarea:focus{outline:none;border:1px solid #8a8a8a;background-color:#fdfdfd}
/* placeholder text styles - must stay separate */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b0acac}
input::-moz-placeholder,textarea::-moz-placeholder{color:#b0acac}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b0acac}
input::placeholder,textarea::placeholder{color:#b0acac}
/* Readonly Text Styles */
input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e8ebf3;cursor:not-allowed}
input:disabled:focus,input[readonly]:focus,textarea:disabled:focus,textarea[readonly]:focus{background-color:#e8ebf3;border:1px solid #cacaca}
[type='file'],[type='checkbox'],[type='radio']{margin:0 0 15px}
[type='checkbox'] + label,[type='radio'] + label{display:inline-block;vertical-align:baseline;margin-left:5px;margin-right:15px;margin-bottom:0}
[type='checkbox'] + label[for],[type='radio'] + label[for]{cursor:pointer}
label > [type='checkbox'],label > [type='radio']{margin-right:5px}
[type='file']{width:100%}
label{display:block;margin:0}
select{height:34px;margin:0 0 15px;padding:5px;font-family:inherit;border:1px solid #cacaca;border-radius:0;background-color:#fff;color:#4b4b4e;background-image:url("data:image/svg+xml;utf8,");background-origin:content-box;background-position:right -1rem center;background-repeat:no-repeat;background-size:9px 6px;padding-right:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media screen and (min-width: 0\0) {
select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)}
}
select:focus{outline:none;border:1px solid #8a8a8a;background-color:#fdfdfd;transition:border .2s ease-out}
select:disabled{background-color:#fdfdfd;cursor:not-allowed}
select::-ms-expand{display:none}
select[multiple]{height:auto;background-image:none}
input[type="checkbox"], input[type="radio"] {width: auto;}
/* Recaptcha styling */
.simpleAntiSpam div{margin:6px auto!important}
.g-recaptcha div{margin:0 auto!important}
/* Date picker */
#ui-datepicker-div {display:none;}
.ui-datepicker{background:#fff;border:1px solid #cacaca;padding:15px;margin:10px 20px;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);}
.ui-datepicker-header{text-align:center;font-size:16px;font-weight:800}
.ui-datepicker-prev{float:left;font-size:13px;text-transform:uppercase}
.ui-datepicker-next{float:right;font-size:13px;text-transform:uppercase}
.ui-datepicker-title{clear:both}
.ui-datepicker-calendar{min-width:200px}
.ui-datepicker-calendar th{width:14.2%;font-weight:600}
.ui-datepicker-calendar td{vertical-align:middle;text-align:center}
.ui-datepicker-calendar td a{padding:2px}
/* Tables */
table {width:100%;}
caption, th, td {}
@media only screen and (max-width: 100%) and (min-width: 768px) {
table tbody tr td {padding:2% 0;}
/* remember to define focus styles! */
}
/* Sticky Classes - Foundation - DELETE IF NOT USING */
/*
.sticky-container{position:relative}
.sticky{position:relative;z-index:0;transform:translate3d(0,0,0)}
.sticky.is-stuck{position:fixed;z-index:5}
.sticky.is-stuck.is-at-top{top:0}
.sticky.is-stuck.is-at-bottom{bottom:0}
.sticky.is-anchored{position:relative;right:auto;left:auto}
.sticky.is-anchored.is-at-bottom{bottom:0}
*/
/* Custom Sticky Classes - DELETE IF NOT USING */
.sticky-container {transition: all 0.4s ease;}
.sticky-container.stuck {position:fixed; width:100%; z-index: 1003;}
.logo-wrapper img {width:150px; transition: all 0.4s ease;}
.stuck .logo-wrapper img {width:50px;}
/* --------------------------------------------------
:: Menu Structure
-------------------------------------------------- */
/* Menu structure */
#header {background:#fff; width:100%; z-index:1000; padding: 30px 0; border-bottom: 1px solid #eee;}
#header.is-at-bottom {top:0 !important; bottom:auto !important;}
ul.main_menu {margin:0; padding:0; list-style-type:none;}
ul.main_menu > li {display:inline-block; position:relative;}
ul.main_menu li a {color: #303030; padding: 15px; font-size: 16px; text-decoration:none;}
ul.main_menu li a:hover {color: #1670df;}
ul.main_menu li ul {position:absolute; margin:0; padding:0; list-style-type:none; display:none;}
ul.main_menu li ul {}
/* Custom Menu Styles */
header {}
ul.main_menu li ul {background:#fff; width:200px;}
ul.main_menu > li > a {} /* styles for the top level links only */
ul.main_menu li ul li a {} /* styles for the drop down level links */
ul.main_menu a {}
/* Mobile Menu Styles -
referance mobile_menu.css and grab the associated styles for what side you want the menu on */
/* Functionality ***** REPLACE THESE ***********/
.cbp-spmenu {
position: fixed;
right: -240px;
width: 240px;
height: 100%;
top: 0;
z-index: 1000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.menuOpen .cbp-spmenu {right:0;}
.cbp-spmenu-push {
overflow-x: hidden;
position: relative;
right: 0;
left:0;
}
.cbp-spmenu-push.menuOpen {right:240px; left:-240px; overflow-y:hidden;}
/*END REPLACE SECTION */
/*Custom Menu styles */
.cbp-spmenu {background:#eee;}
.cbp-spmenu .menu-container {overflow-y:scroll; padding:10px;}
.cbp-spmenu .close-container {background:#eee; border-bottom:1px solid #ddd;}
.mobile_menu {margin:0; list-style-type:none; padding:0;}
.mobile_menu a {text-decoration:none; display:block; width:100%; color: #303030;}
.mobile_menu > li > a {font-size:18px; padding:7px 15px; background:#eee;}
.mobile_menu ul a {font-size:14px; padding:5px 15px 5px 25px; background:#ddd;}
.mobile_menu ul.sub ul.sub a{background:#ccc;}
.mobile_menu .top > a {display:inline-block; width:80%; padding-right:0;}
.mobile_menu a.toggleSub {width:20%; text-align:center; padding-left:0; padding-right:0; background:#e3e3e3;}
.mobile_menu a.toggleSub.clicked {background:#ddd;}
.mobile_menu ul.sub a.toggleSub {background:#d5d5d5;}
.mobile_menu ul.sub a.toggleSub.clicked {background:#ccc;}
.mobile_menu li {border-bottom:1px solid #d1d1d1;}
.mobile_menu > li.top li:first-child {}
.mobile_menu li ul {list-style-type:none; margin:0; padding:0;}
.mobile_menu ul.sub {display:none;}
.mobile_menu .menuItemHighlight > ul.sub {display:block;}
.cbp-spmenu-push.menuOpen #mobile-overlay-menu-open {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.25); z-index: 1000;} /* overlay - but not over header or X close button */
/* Menu Hamburger styles */
.showMobile {
position: relative;
height: 27px;
width: 35px;
cursor: pointer;
transition: opacity .25s ease;
float:right;
display:none;
}
.cbp-spmenu .showMobile {margin:15px;}
.showMobile:hover {}
.showMobile.active .top {transform: translateY(11px) translateX(0) rotate(45deg);}
.showMobile.active .middle {opacity: 0;}
.showMobile.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg);}
.showMobile span {
background: #303030;
border: none;
height: 4px;
width: 100%;
position: absolute;
top: 0;
left: 0;
transition: all .35s ease;
cursor: pointer;
}
.showMobile span:nth-of-type(2) {top: 11px;}
.showMobile span:nth-of-type(3) {top: 22px;}
/* --------------------------------------------------
:: SUB PAGES
-------------------------------------------------- */
.sub.page {padding-bottom: 150px;}
/* --------------------------------------------------
:: ARTICLES
-------------------------------------------------- */
.article-item {padding: 50px 0;}
.caption {margin: 10px 0 60px;}
.caption p {font-size: 14px; line-height: 1.2; color: #333; font-style: italic; margin: 0;}
/* --------------------------------------------------
:: FOOTER
-------------------------------------------------- */
#footer {color: #fff; border-top: 1px solid #eee; padding: 70px 0 10px; background: #303030;}
#footer h5, #footer a {color: #fff;}
.copyright {padding-top: 40px; border-top: 1px solid #000; margin-top: 50px; text-align: center; color: #999; font-size: 14px;}
/* --------------------------------------------------
:: Universal Classes
-------------------------------------------------- */
/* Alignment Classes */
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.clear {clear: both;}
.imgleft {float: left; padding: 0 15px 15px 0;}
.imgright {float: right; padding: 0 0 15px 15px;}
.imgcenter {display: inline-block; margin: auto;}
/* Miscellaneous Classes */
.formtextRequired {font-weight:bold;}
.formtextRequired:before {content:"*";}
.row.full-width, .columns.full-width {margin: 0!important; max-width: none!important; padding: 0!important; width: 100%!important;}
.hide { display: none; }
.hideclear { clear:both; height:0; overflow:hidden; visibility:hidden; }
/* Pagination Classes */
.prevnextCurrent, .prevnextLink, .prevnextWindow { display:inline-block; line-height:0; padding:15px 20px; margin:0 4px; text-align:center;}
.prevnextCurrent:hover, .prevnextLink:hover, .prevnextWindow:hover {}
/* --------------------------------------------------
:: Other Miscellaneous
-------------------------------------------------- */
/* Google Maps & Locations Directory Classes */
#googlemap img, object, embed, .GMapEZ img, #map_canvas embed, #map_canvas img, #map_canvas object,
.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object
{max-width: none !important;}
/* Removes random added height from Google Remarketing Tags - if tags are on the site */
iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left;}
/* responsive video wrapper */
.responsive-embed,.flex-video{position:relative;height:0;margin-bottom:1rem;padding-bottom:75%;overflow:hidden}
.responsive-embed iframe,.responsive-embed object,.responsive-embed embed,.responsive-embed video,.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}
.responsive-embed.widescreen,.flex-video.widescreen{padding-bottom:56.25%}
/* ----------------------
FLEXSLIDER CSS - Delete if not using.
------------------------ */
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav { list-style: none;}
/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
font-family: 'flexslider-icon';
src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot');
src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
url('graphics/extras/flexslider/fonts/flexslider-icon.woff') format('woff'),
url('graphics/extras/flexslider/fonts/flexslider-icon.ttf') format('truetype'),
url('graphics/extras/flexslider/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {background: #fff; position:relative; left:0; width:100%; zoom: 1; overflow: hidden;}
.flexslider .slides {zoom: 1; margin: 0; padding: 0; list-style: none;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {left:0; display: block; max-width: 100%; width: 100%; height: auto;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
.flexslider .slides li {height:600px;}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {display: block; width: 16px; height: 23px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255,255,255,0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav .flex-prev {left: -50px; opacity: 0.7;}
.flex-direction-nav .flex-next {opacity: 0.7; right: -50px; text-align: right;}
.flexslider:hover .flex-prev {left: 20px;}
.flexslider:hover .flex-next {right: 20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default;}
.flex-direction-nav a:before {font-family: "flexslider-icon"; font-size: 26px; display: inline-block; content: '\f001';}
.flex-direction-nav a.flex-next:before {content: '\f002';}
/* Control Nav */
.flex-control-nav {position: absolute; bottom: 20px; text-align: center; z-index:100; padding:0; margin:0;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging {width:100%;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; background: rgba(255,255,255,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); box-shadow: inset 0 0 1px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover {background: #53524e; background: rgba(83,82,78,.5);}
.flex-control-paging li a.flex-active {background: #53524e; background: rgba(83,82,78,.5); cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 20px;}
.flex-direction-nav .flex-next { opacity: 1; right: 20px;}
.flexslider .slides li {height:300px;}
}
/* ----------------------END FLEXSLIDER CSS------------------------ */
/* Popup Box */
.modal {overflow:scroll; padding-bottom:40px;}
.modal-bg, .modal {
z-index: 2;
opacity: 1;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: opacity 250ms ease-in-out;
}
.modal-bg {background: rgba(0, 0, 0, .5);}
.modal.close .modal-bg, .modal.close {opacity:0;}
.modal.slide, .modal.slide .modal-bg {top:auto; bottom:auto;}
.modal .content {
top: 200px;
left: calc(50% - 320px);
max-width: 650px;
width:100%;
background: white;
padding: 30px;
position: relative;
color: black;
z-index:3;
transition: transform 250ms ease-in-out;
}
.modal.close .content {transform: translate(0%, 0%) scale(.75);}
.modal .close-modal {position:absolute; right:0; top:0; padding:7px; line-height:1; text-align:center; background:rgba(200,200,200,.5); height:30px; width:30px;}
.modal .close-modal:hover {cursor:pointer; background:rgba(200,200,200,1);}
@media only screen and (max-width: 690px) {
.modal .content {left:0; max-width:100%;}
.modal {padding:20px;}
}
/* Alert Bar */
.alert-bar {background:#000;color:#fff; padding:7px 0; font-weight:700; position:relative;}
.alert-bar img {float:left; margin-right:5px; height:15px; width:auto; transition:all ease .3s;}
.alert-bar p {margin:0; line-height:1.2; font-size:15px; transition:all ease .3s; padding-right:25px;}
.alert-bar a {color:#fff; font-style:italic;}
.alert-bar .close-alert {position:absolute; right:15px; top:0; padding:7px; line-height:1; height:100%;}
.alert-bar .close-alert:hover {cursor:pointer;}
.alert-bar.red {background:#ed1c24;}
.alert-bar.orange {background:#f98d2a;}
.alert-bar.yellow {background:#ffcc00; color:#222;}
.alert-bar.yellow a {color:#222;}
.stuck .alert-bar p {font-size:14px;}
.stuck .alert-bar img {height:13px;}
/* Countdown Timer */
#countdown-bar {display: none;} /* Cookies & Close panel now show/hide as needed via JS - this is CSS default to get that to function */
#countdown-wrapper {width: 440px; margin: auto; max-width: 100%;}
.countdown-bar {padding-bottom:20px; color: #fff; background: #000; background: rgba(0,0,0,.85); z-index: 100; position: fixed; bottom: 0; width: 100%;}
.countdown-timer h2 {line-height: 1; text-align: right; padding: 10px 15px 15px 0; margin:0; border-right: 1px solid #666; color: #fff;}
.countdown-box {border-radius:3px; -webkit-border-radius:3px;background:#eaeaea; padding: 10px; text-align: center; max-width: 90px; color: #fff; font-weight:700; line-height: 1; margin: 10px 5px; font-size: 12px;}
.countdown-box span {display: block; color: #fff; font-size: 38px; font-weight: bold; margin-bottom: 3px;}
.countdown-text {}
.countdown-text p {font-size: 14px; line-height: 1.1; margin:0;}
.countdown-text a {font-weight: 700; color:#77cae8; font-style:italic;}
.countdown-text a:hover {text-decoration:none; border-bottom:1px solid #77cae8;}
#close-cd-bar {text-align: right; font-size: 12px; margin: 5px 0 2px;}
#close-cd-bar a {color: #fff; text-decoration: none;}
#close-cd-bar a:hover {text-decoration: underline;}
#close-cd-bar a strong {font-size: 14px;}
.countdown-expiry h2.default {margin:0; color:#fff; text-align:center; font-style:italic; color:#f4d240;}
.countdown-expiry p {margin:0;font-size: 16px; line-height: 1.2;}
.countdown-expiry .link {margin:0;}
.countdown-expiry .link a {font-weight:700; font-style:italic; color:#f4d240;}
@media only screen and (max-width: 1024px) {
#countdown-bar .shrink.no-text {width:100%;}
.countdown-timer .no-text h2 {border:none; text-align:center; padding:0;}
}
@media only screen and (max-width: 640px) {
#countdown-bar .shrink {width:100%;}
.countdown-timer h2 {border:none; text-align:center; padding:0 0 10px;}
.countdown-text {text-align:center;}
.countdown-box {max-width: 65px;}
.countdown-box span {font-size:28px;}
#countdown-wrapper {padding-top:15px; width:350px;}
}
/*Silent Salesman Styles */
.corner-box {position:fixed; bottom:10px; right:15px; z-index:500; opacity:0; display:none;}
.corner-box.box-left {right:auto; left:15px;}
.corner-box .header {padding:10px 15px; transition: all .3s ease;}
.corner-box .header img {width:20px; margin:-2px 3px 0 0;}
.corner-box .header img.no-title {margin:-2px 0 0;}
.corner-box .container {background:#8c8c8c; border:2px solid #fff; border-radius:25px; -webkit-border-radius:25px; transition: all .3s ease;}
.corner-box .header:hover {cursor:pointer;}
.corner-box .header p {margin:0; color:#fff; font-size:16px; font-family:'Cachet Bold', Arial, Helvetica, sans-serif; display:inline-block;}
.corner-box .content {display:none; width:340px; max-height:445px; overflow-y:auto; }
.corner-box .content p {color:#777;}
.corner-box .wrapper {font-size:14px; background:#fff; margin:0 10px 10px; padding:10px; border-radius:6px; -webkit-border-radius:6px}
.corner-box .wrapper p {font-size:14px; margin:0 auto 15px;}
.corner-box .wrapper .button {margin:0 auto; display:block;}
.corner-box.open .header {border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; }
.corner-box.open .header:after {content:'\25bc'; position:absolute; right:10px; color:#fff;}
.corner-box.open .content {border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px;}
.corner-box.open .container {border-radius:15px; -webkit-border-radius:15px;}
@media only screen and (max-width: 370px) {
.corner-box .content {width:100%;}
.corner-box.open {right:15px; left:15px;}
}
@media only screen and (max-height: 660px) {
.corner-box .content {max-height:320px;}
}
@media only screen and (max-height: 530px) {
.corner-box .content {max-height:220px;}
}
@media only screen and (max-height: 430px) {
.corner-box .content {max-height:180px;}
}
@media only screen and (max-height: 360px) {
.corner-box .content {max-height:120px;}
}
/* --------------------------------------------------
:: Media Query Fixes
Foundation classes & their media query sizes:
.small- max-width 640px
.medium- min-width 641px
.large- min-width 1025px
.xlarge- min-width 1441px
.xxlarge- min-width 1921px
--------------------------------------------------- */
/* Media Queries Large / Desktop & up */
@media only screen and (min-width: 1025px) {
}
/* Media Queries Medium-Large / Between Tablet & Desktop */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
}
/* Media Queries Medium / Tablet & up */
@media only screen and (min-width: 641px) {
}
/* Media Queries Medium & Lower / Mid-tablet, phones & below */
@media only screen and (max-width: 767px) {
.showMobile {display:block;}
.main_menu {display:none;}
}
/* Media Queries Small / Mobile */
@media only screen and (max-width: 640px) {
form table {width:100%; display:block;}
form table tbody {display:block; width:100%;}
form table tr {display:block; width:100%;}
form td {display: block;}
form input, form textarea, form select {width: 100%;}
}
/* Media Queries Extra Small / Phone */
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 319px) {
}
/* --------------------------------------------------
:: Print Styles Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
-------------------------------------------------- */
.print-only { display: none !important; }
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
p a, p a:visited { color: #444 !important; text-decoration: underline; }
p a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
.hide-on-print { display: none !important; }
.print-only { display: block !important; }
}
/* Coming Soon */
#coming-soon {/* background: #F7F7F6;*/ text-align: center; padding-top: 40px; padding-bottom: 10%;}
#form {max-width: 100%; /*width: 400px;*/ margin: 50px auto 0;}
#form form {text-align: left;}
form input[type=submit] {background: #E10772;}
form input[type=submit]:hover {background: #B00057;}
/*
.freedom_imprint_wrapper {margin-top: 200px;}
*/
.main-content {margin-top: 100px;}
#back-to-home {display: block; margin: 10px;}
/* ModuleBegin::membership */
#formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:315px; }
.memberLoginBox { margin: 0 auto; }
.memberLoginBox td { padding: 2px; }
.membershipModule .search {}
.membershipModule .companyInfo { margin: 1em 0; }
.membershipModule .companyInfo .name {}
.membershipModule .companyInfo .jobTitle {}
.membershipModule .address { margin: 1em 0; }
.membershipModule .contactInfo { margin: 1em 0; }
.membershipModule .contactInfo .phone {}
.membershipModule .contactInfo .email {}
.membershipModule .contactInfo .website {}
.membershipModule .thumbnail { float:left; margin-right: 20px;}
/* ----- Membership Lister ----- */
.membershipModule.moduleLister {}
/* ---- Membership Detail ----- */
.membershipModule.moduleDetail {}
/* ----- My Account ---- */
.membershipModule.myAccount {}
.membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.membershipModule.myAccount .block { padding: 10px; float: left; width: 250px; height: 150px; }
.membershipModule.myAccount .block.membership { float: none; width: auto; height: auto; background-color: #eee; }
.membershipModule.myAccount .block.membership ul { list-style: none; padding: 0; }
@media (min-width: 45em) {
.membershipModule.myAccount .block.membership li { display: inline; margin: 0 .5em; }
}
/* ----- My Account - Dispatch ( System Forms ) ---- */
.myaccountHeading { font-size: 2em; font-weight: bold }
.myaccountMessage {}
.myaccountDetail table { color: #444;}
.myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding: 5px 0; }
.myaccountDetail .formtextRequired label { font-weight: bold };
.myaccountLister {}
.myaccountListerBack {}
/* ModuleEnd::membership */
/* Portfolio */
.features-list {width:90%; margin: auto;}
.features-list p {
font-size: 17px;
margin-bottom: 24px;
position: relative;
line-height: 1.2;
padding-left: 28px;
}
.features-list p::before {
display: block;
height: 20px;
width: 20px;
position: absolute;
left: 0;
top: calc(50% - 10px);
background-size: 20px 20px;
margin-right: 10px;
content: '';
background-image: url('data:image/svg+xml,');
}
/* Discord Clyde */
.clyde-circle {
background: #313338;
width: 48px;
height: 48px;
text-align: center;
border-radius: 30px;
position: relative;
transition: all 300ms ease;
overflow: hidden;
}
.clyde-circle svg {
position: absolute;
top: calc(50% - 10px);
left: calc(50% - 14px);
color: #CACCCE;
transition: color 300ms ease;
}
.clyde-circle:hover {background: #5865F2; border-radius: 14px; overflow: visible;}
.clyde-circle:hover svg {color: #fff;}
.clyde-circle .hover-tooltip {
visibility: none;
opacity: 0%;
width: 200px;
font-size: 15px;
background-color: #111214;
color: #DBDEE1;
text-align: center;
border-radius: 4px;
padding: 5px 0;
position: absolute;
z-index: 1;
top: 6px;
left: 80%;
transition: all 300ms ease;
}
.clyde-circle .hover-tooltip::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent black transparent transparent;
transition: all 300ms ease;
}
.clyde-circle:hover .hover-tooltip {visibility: visible; opacity: 100%; left: 130%; transition: all 300ms ease;}
#portfolio-detail iframe {max-width: 100%;}