/* Theme Name: NC REALTORS Theme URI: http://www.ncrealtors.org/ Description: Custom theme for NC REALTORS designed by Frankie's Folio. Version: 1.0 Author: Frankie's Folio Author URI: http://www.frankiesfolio.com/ */ @import url('https://fonts.googleapis.com/css?family=Karla:700'); @font-face { font-family: 'robotolight'; src: url('webfonts/Roboto-Light-webfont.eot'); src: url('webfonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Roboto-Light-webfont.woff') format('woff'), url('webfonts/Roboto-Light-webfont.ttf') format('truetype'), url('webfonts/Roboto-Light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoregular'; src: url('webfonts/Roboto-Regular-webfont.eot'); src: url('webfonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Roboto-Regular-webfont.woff') format('woff'), url('webfonts/Roboto-Regular-webfont.ttf') format('truetype'), url('webfonts/Roboto-Regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold'; src: url('webfonts/Roboto-Bold-webfont.eot'); src: url('webfonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Roboto-Bold-webfont.woff') format('woff'), url('webfonts/Roboto-Bold-webfont.ttf') format('truetype'), url('webfonts/Roboto-Bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas-neue Regular'; font-style: normal; font-weight: normal; src: local('bebas-neue Regular'), url('webfonts/BebasNeueRegular.woff') format('woff'); } /* basic */ html { height: 100%; margin:0px; padding:0px;} body { font-family: 'robotolight', sans-serif; font-size: 18px; font-weight:300; line-height: 30px; color:#000; margin:0px; padding:0px; height: 100%; background:#fff; min-width:320px; -webkit-text-size-adjust: 100%;} a, a:visited { font-weight:normal; color: #0876ab; background:none; text-decoration:none;} a:hover { text-decoration:none; } a img { border:0; } a.white {color:#fff} input, select, textarea { font-family: 'robotolight', sans-serif; font-size: 18px; color: #666; outline:none; margin-top:2px;} strong {font-family: 'robotobold', sans-serif; font-weight:normal;} p { margin:0px 0px 20px 0px; } hr {border: 0; color: #ccc; background-color: #ccc; height: 1px; width: 100%; text-align: left; margin:30px 0px 30px 0px;clear:left} blockquote { padding-left: 40px; padding-right: 0px; margin:20px 15px 20px 0px; color:#000; } blockquote:before, blockquote:after { color: #999999; font-size: 60px; font-family:Georgia, "Times New Roman", Times, serif; } blockquote:before { float:left; content: '\201C'; margin-left: -40px; padding-top:15px; padding-right:15px; } blockquote:after { float:right; content: '\201D'; margin-top: 16px; margin-right:0px; } ::-webkit-input-placeholder { /* WebKit browsers */ font-size: 18px; color: #666; line-height:18px; padding-top:2px; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 18px; color: #666; line-height:18px; opacity: 1; padding-top:2px;} ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 18px; color: #666; line-height:18px; opacity: 1; padding-top:2px;} :-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 18px; color: #666; line-height:18px; padding-top:2px; } sup {font-size:100%; line-height: 0; position: relative; vertical-align: baseline;} h1, h2, h3, h4, h5, h6 {line-height:normal; margin:0px 0px 0px 0px; } h1 { clear:left; font-family: 'bebas-neue', sans-serif; font-size: 44px; line-height:44px; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:normal; letter-spacing:.05em } h2 { font-family: 'robotoregular', sans-serif; font-weight: normal; font-size: 24px; line-height:36px; color: #000; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } h3 { font-family: 'bebas-neue', Arial, Helvetica, sans-serif; letter-spacing:2px; font-weight: normal; font-size:24px; line-height:40px; color: #000; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } h4 { font-family: 'robotobold', sans-serif; font-weight: normal; font-size:16px; line-height:30px; color: #666666; text-transform:uppercase; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } h5, h6 { font-family: 'robotolight', sans-serif; font-weight: normal; font-size:20px; line-height:30px; color: #000; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } @media only screen and (max-width :1023px) { h1 { font-size:30px; line-height:30px; } h2 { font-size:24px; line-height:36px; padding:0px 0px 20px 0px;} h3 { font-size:22px; line-height:34px; } } @media only screen and (max-width :768px) { h2 { font-size:30px; line-height:40px;} blockquote {font-size:20px; line-height:30px;} } @media only screen and (max-width :479px) { } /* ------------------------------------------ SITE WRAP -------------------------------------------------------------- */ #wrap {width:100%; min-height:70%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#fff; } .container {max-width:1120px; width:100%; margin: 0px auto 0px auto; padding:0px 0px 50px 0px; font-family: 'robotolight', sans-serif; font-size: 18px; font-weight:normal; line-height: 32px; } .mobile-wrap {margin:0px auto} .mobile-wrap-page {margin:0px auto} .mobile-banner-image {display:none; width:100%; height:auto} @media only screen and (max-width :1180px) { .mobile-wrap-page {max-width:967px;} .home-events .mobile-wrap {margin:0px 30px} } @media only screen and (max-width :1024px) { #header .mobile-wrap {margin:0px 0px} .mobile-wrap {margin:0px 30px} .mobile-wrap-page {margin:0px 30px} } @media only screen and (max-width :1023px) { #header .mobile-wrap {margin:0px 30px} } @media only screen and (max-width :768px) { .container { font-family: 'robotoregular', sans-serif; font-size: 16px !important; line-height: 26px; } .mobile-wrap {margin:0px 20px} .mobile-wrap-page {margin:0px 20px} #header .mobile-wrap {margin:0px 20px} } @media only screen and (max-width :640px) { .mobile-banner-image {display:block; } .mobile-banner-image img {width:100%; height:auto} } @media only screen and (max-width :414px) { .pageWrap{margin-top:-27px} } /* ------------------------------------------ HEADER -------------------------------------------------------------- */ #header-wrap { height:83px; width:100%; } #header { max-width:1120px; margin:0px auto; padding:0px;} #header-logo { position:relative; z-index:2; float:left; padding:0px; width:131px; height:131px; margin:0px 0px 0px 0px; background:#0876ab url(images/logo-nc-realtors.png) no-repeat } #header-logo a { float:left; width:131px; height:131px; } .header-right {float:right; width:932px} h2.account-pop {margin:0px 0px 20px 20px; padding-bottom:20px; border-bottom:#ccc 1px solid} /* notifications */ .notifications-wrap {position:relative; z-index:10000; float:left; width:100%; background:#0876ab; color:#fff} .notifications-wrap h3 {color:#fff; padding-bottom:10px} .notifications-wrap p, .notfications-wrap a {color:#fff} .notifications-wrap .container {padding: 0px 0px 0px 0px} ul#alerts {padding:0px; margin:0px; width:90%} ul#alerts li {padding:30px 0px 0px 0px; margin:30px 0px 0px 0px; border-top:#fff 1px solid; list-style-type:none} ul#alerts li:first-child {padding:0px 0px 0px 0px;border-top:0px} ul#alerts li:last-child {padding:30px 0px 0px 0px;} .notification-count {cursor:pointer} li.profile-pic .zero {display:none;} li.profile-pic .notification-count {display:none;} .dismiss {float:right; font-family: 'bebas-neue', Arial, Helvetica, sans-serif; font-size:26px; font-weight:normal; color:#fff; background:url(images/close-arrow-toggle.png) right no-repeat; padding-right:30px; margin:8px 0px 0px 0px; display:block; line-height:21px; cursor:pointer} /* top nav */ .tagline {float:left; margin-top:49px; padding-top:0px; font-size:20px;line-height:0px} .tagline p {line-height:0px; margin:0px;} .quicklinks {float:right; margin-top:22px} .quicklinks ul {margin:0px 0px 0px 0px; padding:0px} .quicklinks li {margin:0px; padding:12px 20px 20px 15px; display:inline-block; border-right:#c9c9c8 1px solid; font-size:20px;color:#999;text-transform:lowercase} .quicklinks li:last-child {border-right:0px; padding-right:0px} .quicklinks li a {color:#999; } .quicklinks li.signIn {border-right:0px; padding-right:0px} .quicklinks li.signIn a {color:#000; font-family: 'robotoregular', sans-serif; } .quicklinks li.mobile-menu-open {display:none; padding:11px 16px 11px 16px; line-height:0px} .quicklinks li a:hover {color:#000} .quicklinks li img {float:right; margin:-3px 0px 0px 0px; padding:0px 0px 0px 15px; line-height:26px;} .profile { float:left;margin-top:15px; padding-top:0px; font-size:20px;line-height:0px; color:#999999; } .profile ul {display:table; margin:0px; padding:0px; } .profile li {display:table-cell; list-style-typ:none; vertical-align:middle; margin:0px; padding:0px; line-height:0px } .profile li.name {} .profile li.profile-pic {padding:0px 10px;} .profile li.notification-text {color:#000; padding-top:4px;text-transform:uppercase; font-size:16px; font-family: 'robotoregular', sans-serif;} .quicklinks-member {float:right; margin-top:22px} .quicklinks-member ul {margin:0px 0px 0px 0px; padding:0px} .quicklinks-member li {margin:0px; padding:0px 0px 0px 3px; display:inline-block; font-size:20px;color:#999;text-transform:lowercase} .quicklinks-member li.search {padding:12px 20px 20px 15px;border-right:#c9c9c8 1px solid;} .quicklinks-member li.ql-text {padding:12px 0px 20px 15px;} .quicklinks-member li a {color:#999; } .quicklinks-member li.mobile-menu-open {display:none; padding:11px 16px 11px 16px; line-height:0px} .quicklinks-member li a:hover {color:#000} .quicklinks-member li img {margin-bottom:-10px; padding-top:0px} /* search */ #slideSearch {margin:0px 0px 0px 0px; padding:0px 10px 0px 0px; background:url(images/search-btn-toggle.png) center right no-repeat; cursor:pointer;font-size:20px; width:80px} .slideTogglebox{ display:none; position:absolute; z-index:1; width:100%; top:0px; height:84px; background:#f1f2f2; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} .clear{ clear:both; } .search-container {width:90%; max-width:1120px; height:84px; text-align:right; margin:20px auto 0px auto; padding:13px 0px 0px 0px;} #search-form { width:736px; float: left; margin:0px 0px 0px 188px; padding:0px 0px 0px 0px; border-right:none; } #search-form #searchinput { float:left; height:33px; width:90%; border:none; background:none; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px; font-family: 'robotoregular', sans-serif; font-size: 18px; color: #999; line-height:18px;} #search-form #searchsubmit { float:right; margin: 8px 0px 0px 3px; padding: 0px 0px 0px 0px; } .search-close {float:right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor:pointer} ul.results { margin:0px 0px 20px 0px; padding: 0px 0px 20px 0px;} ul.results li { display:block; width:100%; margin:0px 0px 0px 0px; padding: 12px 0px 12px 0px; list-style-type:none; border-bottom:#ccc 1px solid} ul.results li:before { font-family: 'Karla', sans-serif;content: '>';font-weight:700; color:#000} ul.results li a {padding-left: 15px; line-height:24px; font-family: 'robotoregular', sans-serif;color:#000 } input#search-results-form {width:80%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #E2E1E1 !important;background-color:#E2E1E1 !important; margin-bottom:10px; padding:8px 50px 9px 20px} input#search-btn {-webkit-appearance: none; float:left; margin:10px 0px 30px 0px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:4px; font-family: 'robotobold', sans-serif; color:#fff; text-transform:uppercase; background:#000; padding:10px 15px 11px 15px; text-decoration:none; font-size:15px; border:none; cursor:pointer; text-align:center; letter-spacing:1px;} input#search-btn:hover {background:#00aeef;text-decoration:none;} /* mobile search */ .cbp-spmenu #search-mobile { float:left; margin:64px 0px 20px 0px; width:100%; } .cbp-spmenu .search-mobile-input { float:left; height:33px; width:100%; border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px; font-family: 'robotoregular', sans-serif; font-size: 18px; line-height:0px;background:#333436; border:#333436 1px solid; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px;} .cbp-spmenu .search-mobile-input input {background:none; border:0px; width:100; padding:5px 0px 0px 10px; color: #ccc; } .cbp-spmenu #searchsubmit { float:right; margin: 0px 0px 0px 0px; padding: 10px 10px 0px 10px; width:15px; height:15px} /* main nav */ #menu {float:left; width:932px;margin:-3px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:normal; border-top:#c9c9c8 1px solid } #menu ul {float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none; line-height:normal; } #menu li {margin:0px 18px 0px 0px; padding:0px 0px 0px 0px; display:inline-block; list-style-type:none; line-height:normal; cursor:pointer; min-width:150px; text-align:center;} #menu li:last-child { margin-right: 0px;} #menu li a {font-family: 'bebas-neue', Arial, Helvetica, sans-serif; color:#cbcbcb; font-size:20px; margin:0px 0px 0px 0px; padding:22px 16px 18px 16px; text-transform:uppercase; display: block;letter-spacing:2px;border-bottom:#cbcbcb 7px solid; } .home #menu li.red a, #red #menu li.current-menu-item a, #red #menu li.current-menu-item a:hover {color:#000; border-bottom:#ed1c24 7px solid; } .home #menu li.orange a, #orange #menu li.current-menu-item a, #orange #menu li.current-menu-item a:hover {color:#000; border-bottom:#f26522 7px solid; } .home #menu li.yellow a, #yellow #menu li.current-menu-item a, #yellow #menu li.current-menu-item a:hover {color:#000; border-bottom:#ffde16 7px solid; } .home #menu li.green a, #green #menu li.current-menu-item a, #green #menu li.current-menu-item a:hover {color:#000; border-bottom:#8cc63f 7px solid; } .home #menu li.blue a, #blue #menu li.current-menu-item a, #blue #menu li.current-menu-item a:hover {color:#000; border-bottom:#00aeef 7px solid; } #menu li.red a:hover, #menu li.red.current-page-ancestor a {text-decoration:none; color:#000; border-bottom:#ed1c24 7px solid;} #menu li.orange a:hover, #menu li.orange.current-page-ancestor a {text-decoration:none; color:#000; border-bottom:#f26522 7px solid;} #menu li.yellow a:hover, #menu li.yellow.current-page-ancestor a {text-decoration:none; color:#000; border-bottom:#ffde16 7px solid;} #menu li.green a:hover, #menu li.green.current-page-ancestor a {text-decoration:none; color:#000; border-bottom:#8cc63f 7px solid;} #menu li.blue a:hover, #menu li.blue.current-page-ancestor a {text-decoration:none; color:#000; border-bottom:#00aeef 7px solid;} #menu li a:hover {text-decoration:none; color:#000; border-bottom:#000 7px solid;} .logged-in #menu {margin:-1px 0px 0px 0px;} .profile-pic img {float:left; width:36px; height:auto; -moz-border-radius: 50%; -webkit-border-radius:50%; -khtml-border-radius: 50%; border-radius: 50%; margin:0px; image-rendering: -webkit-optimize-contrast;} /* menu button animation */ #slidetoggle {margin:0px 0px 0px 0px; float:right; background:#000; padding:0px; font-family: 'bebas-neue', Arial, Helvetica, sans-serif; color:#fff; font-size:20px; line-height:30px;} .menu-title {padding:0px 14px 0px 0px; letter-spacing:1px; line-height:0px} .tcon { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 22px; transition: 0.8s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 27px; background: transparent; outline: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; } .tcon > * { display: block; } .tcon:hover, .tcon:focus { outline: none; } .tcon::-moz-focus-inner { border: 0; } .tcon-menu__lines { display: inline-block; height: 4px; width: 27px; border-radius: 0px; transition: 0.8s; background: white; position: relative; } .tcon-menu__lines::before, .tcon-menu__lines::after { display: inline-block; height: 4px; width: 27px; border-radius: 0px; transition: 0.8s; background: white; content: ''; position: absolute; left: 0; -webkit-transform-origin: 2.85714px center; transform-origin: 2.85714px center; width: 100%; } .tcon-menu__lines::before { top: 8px; } .tcon-menu__lines::after { top: -8px; } .tcon-transform .tcon-menu__lines { -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } .tcon-menu--xcross { width: auto; } .tcon-menu--xcross.tcon-transform .tcon-menu__lines { background: transparent; } .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 27px; } .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .tcon-visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* ------------------------------------------ HEADER RESPONSIVE STYLES -------------------------------------------------------------- */ /* > 1180 */ @media only screen and (max-width :1180px) { #header {max-width:967px; } .header-right {float:left;width:806px; margin-left:30px} #menu { float:left;width:806px;} #menu li {min-width:0px; } #menu li a {font-size:18px; margin:0px 0px 0px 0px; padding:22px 11px 18px 11px; } li.ql-text {display:none} .search-results .container {max-width:967px; width:100%;padding-left:0px } } /* > 1024 */ @media only screen and (max-width :1023px) { #header-wrap { height:110px;position:relative; z-index:999} #header {max-width:1023px;width:100%; float:left; background:transparent url(images/hdr-tablet-bg.gif) repeat-x} #header-logo { width:100px; height:110px; background:#0876ab url(images/tablet-logo.gif) no-repeat } #header-logo a { float:left; width:100px; height:110px; } .header-right {width:100%; margin-left:0px; margin-right:-150px} .logged-in .header-right { width:100%; margin-right:-110px} .tagline {margin-left:30px;} .quicklinks {margin-right:100px} .quicklinks-member {float:right; margin-right:100px} .quicklinks li {display:none; line-height:0px;} .quicklinks li.signIn {float:left; display:inline-block; line-height:0px; margin-top:15px} .quicklinks li.signIn img {padding:0px; margin:-16px 0px 0px 10px; line-height:0px;} .quicklinks li.mobile-menu-open, .quicklinks-member li.mobile-menu-open {display:inline-block; background:#000; margin:6px 0px 0px 15px; line-height:0px;} #menu {display:none} li.name {display:none} li.search {display:none} .quicklinks-member li img {margin-bottom:6px; padding-top:0px} .profile { margin-top:10px; } .profile li.profile-pic {padding:0px 10px 0px 30px; } } /* greater than > 1023 */ @media only screen and (min-width :1023px) { .cbp-spmenu {display:none;} .tcon {display:none;} a#toggle-sub { display:none;} .address-768 {display:none;} } @media only screen and (max-width :800px) { li.notification-text {display:none} } @media only screen and (max-width :767px) { li.profile-pic .notification-count {display:block; position:relative; z-index:9; display:block; font-size:12px;line-height:12px;text-align:center; padding:5px; background: #0876ab;-moz-border-radius: 50%; -webkit-border-radius:50%; -khtml-border-radius: 50%; border-radius: 50%; width:12px; height:12px; color:#fff;font-family: 'robotobold', sans-serif; margin-left:18px;margin-bottom:5px} li.profile-pic .zero {display:block; position:relative; z-index:9; display:block; font-size:0px;line-height:0px;text-align:center; padding:5px; background: transparent;-moz-border-radius: 50%; -webkit-border-radius:50%; -khtml-border-radius: 50%; border-radius: 50%; width:12px; height:12px; color:#fff;font-family: 'robotobold', sans-serif; margin-left:18px;margin-bottom:5px} .profile-pic img {position:absolute; z-index:8; } .quicklinks-member li { padding:0px 0px 0px 3px;} .dismiss span {display:none} .dismiss {width:21px; height:21px; margin-top:34px} } @media only screen and (max-width :700px) { .menu-title {display:none} } @media only screen and (max-width :639px) { .tagline {display:none; } #header-wrap { height:83px;} #header {background:#fff; background-image:none; border-bottom:#c9c9c8 1px solid} #header-logo { width:62px; height:67px; background:#0876ab url(images/tablet-logo.gif); background-position:50% 50%; background-size:cover; margin:8px 0px } #header-logo a { width:62px; height:67px; } .header-right {float:right; width:auto; margin-left:0px; margin-right:0px} .logged-in .header-right { float:right; width:auto; margin-left:0px; margin-right:0px; margin-top:10px} .profile {margin-top:0px} .profile li.profile-pic {padding:0px 0px 0px 0px; } .quicklinks {margin-right:0px} .quicklinks-member {float:right; margin:14px 0px 0px 0px} .quicklinks-member li img {opacity:.30; margin-bottom:0px} .quicklinks-member li:hover img {opacity:1} .quicklinks li.signIn {margin-top:5px} .quicklinks li.mobile-menu-open {margin:0px 0px 0px 7px; padding:8px} .quicklinks-member li.mobile-menu-open {margin:0px 0px 0px 3px; padding:8px} .quicklinks-member li.contact-now {display:none} } @media only screen and (max-width :430px) { .quicklinks-member li { padding:0px 0px 0px 0px;} } @media only screen and (max-width :415px) { .logged-in #header-logo { width:42px; height:47px; background:#0876ab url(images/tablet-logo.gif); background-position:50% 50%; background-size:cover; margin:8px 0px 0px 0px } .logged-in #header-logo a { width:42px; height:47px; } .logged-in .header-right { margin:0px 0px 0px 10px; } .quicklinks-member li { padding:0px 0px 0px 0px;} } @media only screen and (max-width :414px) { .quicklinks-member li:nth-of-type(6){display:none} } /* ------------------------------------------ CONTENT LAYOUT -------------------------------------------------------------- */ .pageWrap {float:left; width:100%; min-height:72% } .pageWrap .container {max-width:1120px; width:100%; margin:0px auto 0px auto; padding:40px 0px 80px 0px; } .page-template-page-utilities .container {max-width:932px; width:100%; margin:0px auto 0px auto; padding:40px 0px 80px 188px; } /* banner image */ .banner {float:left; width:100%; height:563px; margin:30px 0px 40px 0px;background:#8cc63f } .banner .container {padding:0px 0px 0px 0px;max-width:1120px;background:#fff} .banner-diagonal{ position:absolute; z-index:1; width:400px; height:563px; margin-left:199px; -webkit-backface-visibility: hidden;-ms-backface-visibility: hidden; -moz-backface-visibility: hidden;backface-visibility: hidden;outline: 1px solid transparent; } .bannerText {position:absolute; z-index:2; width:1120px; height:563px;background:url(images/banner-bg.png) right repeat-y; border-right:50px #fff solid} .callOut {position:absolute; bottom:80px; right:0px; min-width:200px; max-width:560px; min-height:100px;padding:25px 30px 30px 30px; color: #ffffff; } .callOut.red {background:#ed1c24 !important} .callOut.orange {background:#f26522 !important} .callOut.yellow {background:#ffde16 !important} .callOut.green {background:#8cc63f !important} .callOut.blue {background:#00aeef !important} h1.cOhdr a {background:url(images/h2-arrow.png) bottom right no-repeat; color:#fff; padding-right:36px} p.cOtext {color:#fff; margin:0px; font-family: 'robotoregular', sans-serif; line-height:26px;} img.banner-image {margin:40px 0px 0px 0px; max-width:1120px; height:auto} .callOut-mobile {display:none; float:left; width:100%;color: #ffffff;} .callOut-mobile.red {background:#ed1c24 !important} .callOut-mobile.orange {background:#f26522 !important} .callOut-mobile.yellow {background:#ffde16 !important} .callOut-mobile.green {background:#8cc63f !important} .callOut-mobile.blue {background:#00aeef !important} #red .banner, #red .callOut, #red .callOut-mobile {background:#ed1c24} #red .banner-diagonal { background: linear-gradient(to right bottom, #ed1c24 50%, #fff 50%);} #orange .banner, #orange .callOut, #orange .callOut-mobile{background:#f26522} #orange .banner-diagonal { background: linear-gradient(to right bottom, #f26522 50%, #fff 50%);} #yellow .banner, #yellow .callOut, #yellow .callOut-mobile {background:#ffde16} #yellow .banner-diagonal { background: linear-gradient(to right bottom, #ffde16 50%, #fff 50%);} #green .banner, #green .callOut, #green .callOut-mobile {background:#8cc63f} #green .banner-diagonal { background: linear-gradient(to right bottom, #8cc63f 50%, #fff 50%);} #blue .banner, #blue .callOut, #blue .callOut-mobile {background:#00aeef} #blue .banner-diagonal { background: linear-gradient(to right bottom, #00aeef 50%, #fff 50%);} #pink .banner, #pink .callOut, #pink .callOut-mobile {background:#ec008c} #pink .banner-diagonal { background: linear-gradient(to right bottom, #ec008c 50%, #fff 50%);} .title-banner {width:100%; margin-top:30px } .title-banner .container {padding:0px} .title-banner h1 {margin:0px; font-size:40px; line-height:78px; letter-spacing:1px; color:#000 } #red .title-banner { background-color:#ed1c24} #orange .title-banner { background-color:#f26522} #yellow .title-banner { background-color:#ffde16} #green .title-banner { background-color:#8cc63f} #blue .title-banner { background-color:#00aeef} #pink .title-banner, .single-sponsors .title-banner { background-color:#ec008c} .parent-pageid-20 .title-banner { background-color:#ffde16 !important} .search-results .title-banner { background-color:#00aeef !important} .mobile-icon {height:75px; margin-bottom:-23px;} .third-tier-mobile {display:none; float:left; width:100%; margin:30px 0px 30px 0px; padding:0px 0px 0px 0px; line-height:normal; } .third-tier-mobile ul {width:100%; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline; list-style-type:none; line-height:normal; } .third-tier-mobile li {float:left; background:#000 url(images/tier-drop.png) top right no-repeat; border:#000 1px solid; width:100%; margin:0px 0px 0px 0px; padding:10px 0px 11px 0px; position:relative; display:inline; list-style-type:none; line-height:normal; font-family: 'Roboto', sans-serif; font-weight: normal; font-size:18px; color: #fff; line-height:auto; cursor:pointer} .tierDrop {padding-left:20px; font-size:18px} .third-tier-mobile li:hover {} .third-tier-mobile ul li ul { position: absolute; width:100%; top: 40px; left: 0; display: none; opacity: 0; visibility: hidden; margin:0px 0px 0px -1px; z-index:8; background:#fff; border:#000 1px solid; padding:15px 0px 23px 0px;} .third-tier-mobile ul li ul li { float:left; color: #000; line-height:25px; width:100%; border:0px !important; margin:0px 20px 0px 0px; padding:8px 20px 0px 20px; background:none; } .third-tier-mobile ul li ul li:last-child { border:0px; } .third-tier-mobile ul li ul li:hover { } .third-tier-mobile ul li:hover ul { display: block; opacity: 1; visibility: visible;} .third-tier-mobile ul li ul a {font-family: 'robotolight', sans-serif; weight:400; background-image:none; text-transform:none; color:#000; font-size:18px; text-decoration:none } .third-tier-mobile ul li ul a:hover {color:#0876ab } .third-tier-mobile ul li ul a.filter-active { border-bottom:0px; } @media only screen and (max-width :1024px) and (min-width :1024px) { .banner { width:1024px; overflow:hidden } img.banner-image {width:1024px;} .banner .container {padding:0px 0px 0px 0px;} .bannerText {width:1024px; height:515px;border-right:0px} } @media only screen and (max-width :1023px) { .title-banner {background-repeat:no-repeat; margin-top:-27px; padding-top:50px} .banner {float:left; width:100%; height:auto; margin:-25px 0px 30px 0px;background:transparent !important } .banner .container {padding:0px 0px 0px 0px;} .banner-diagonal{ display:none;width:0px; height:0px; margin-left:0px; } .bannerText { position:relative; width:100%; height:auto;background:none; border-right:0px; } .third-tier-mobile {display:block;} img.banner-image {margin:0px 0px 0px 0px; width:100%; height:auto; } .callOut {bottom:0px; right:0px; min-height:10px; max-width:460px; padding:25px 30px 30px 30px; color: #ffffff; } h1.cOhdr a {background:url(images/h2-arrow.png) center right no-repeat; } p.cOtext {font-size:15px;line-height:23px; } } @media only screen and (max-width :767px) { .banner { width:100%; overflow:hidden; margin-top:-27px } .bannerText {position:static;} .callOut {display:none } .callOut-mobile {display:block; padding:25px 0px 30px 0px;} } @media only screen and (max-width :640px) { .title-banner {margin-top:0px; padding-top:0px; min-height:78px} .banner { width:100%; overflow:hidden; margin-top:0px } .title-banner h1 {font-size:30px; } } @media only screen and (max-width :415px) { .banner { width:100%; overflow:hidden; margin-top:0px } .title-banner h1.add-padd {padding-top:25px } } /* ------------------------------------------ CENTERS -------------------------------------------------------------- */ .centersWrap {width:100%; max-width:1120px; margin:0px auto 0px auto; padding:0px; overflow:hidden} ul.centers-adjust {float:left; width:100%; margin:0px; padding:0px } li.birdwire {position:relative; float:left;display:inline; width: 31.2%; margin:0 3.2% 3.2% 0; padding:0px; list-style-type:none; } li.birdwire a {color:#fff} li.birdwire:nth-of-type(3n) { margin-right:0px} .two-col-grid li.birdwire { width: 48.4%; margin:0 3.2% 3.2% 0;} .two-col-grid li.birdwire:nth-of-type(2n) { margin-right:0px} .two-col-grid li.birdwire:nth-of-type(3n) { margin-right:3.2%} .birdwire img {width:100%; height:auto; margin:0px; padding:0px; image-rendering: -webkit-optimize-contrast;} .page-icon {position:absolute; width:100%; height:70%; z-index:3; opacity:0} .two-col-grid .page-icon {position:absolute; width:100%; height:78%; z-index:3; opacity:0} li.birdwire .collapseomatic { float:left; -webkit-appearance: none; margin:0px 0px 0px 0px; color:#fff; font-weight:700;text-transform:uppercase; padding:0px; text-decoration:none; font-size:0px; line-height:0px; border:none; cursor:pointer; text-align:center;background:#000} .grid-button {float:left; width:100%;margin:0px; padding:0px; font-family: 'bebas-neue', Arial, Helvetica, sans-serif; font-weight:normal; font-size:36px; line-height:60px; background:#ed1c24; color:#fff; cursor:pointer;} .grid-button.red {background:#ed1c24} .grid-button.orange {background:#f26522} .grid-button.yellow {background:#ffde16} .grid-button.green {background:#8cc63f} .grid-button.blue {background:#00aeef} .grid-button.pink {background:#ec008c} .collapseomatic_excerpt, .collapseomatic_content { display:none; clear:left; margin:0px; padding: 0px; width:100%; background:url(images/bg-flex.gif)} .hideInProd{ display: none !important;} .colomat-close .featured-image {position:absolute; z-index:2; width:100%; height:100%; background:url(images/bg-center.png) } .colomat-close .page-icon {opacity:1 } .colomat-close .grid-button {position:relative; bottom:0px; z-index:4; height:82px; background-image:url(images/bg-grid-button-active.png); background-position:bottom; background-repeat:repeat-x} .page-id-18 .colomat-close .featured-image {background-image:none; background-position:bottom; background-repeat:repeat-x} a.colomat-close:focus {outline: 0;} .col-grid-mobile {display:none} .toggle-title-wrap {float:left; width:100%; margin:40px 0px 30px 0px; } .toggle-title {float:left; background:#000; min-width: 31.2%; height:70px; } .toggle-close {float:right; background:#000; width: 163px; height:70px; } .toggle-close a {float:right; font-family: 'bebas-neue', Arial, Helvetica, sans-serif; font-size:30px; font-weight:normal; color:#fff; background:url(images/close-arrow-toggle.png) right no-repeat; padding-right:30px; margin-right:40px; display:block; line-height:70px } .toggle-title h1 {color:#fff; font-size:40px; line-height:70px; margin:0px; padding:0px 40px;} .toggle-content {margin:0px 40px 40px 40px; } .toggle-padding {float:left; width:100%; height:40px; } img.toggle-icon {float:left; margin:0px 30px 30px 0px; width:119px; height:auto; image-rendering: -webkit-optimize-contrast; } .page-child img.toggle-icon {display:none} @media only screen and (max-width :1180px) { .mobile-wrap-center{ margin:0px 30px } .page-template-page-utilities .container {max-width:967px; width:100%;padding-left:0px } li.birdwire { font-size:0px; line-height:0px;} } @media only screen and (max-width :1024px) { .birdwire img {image-rendering: auto;} img.toggle-icon {image-rendering: auto;} } @media only screen and (max-width :1023px) { .three-col-grid .page-icon {height:63%} } @media only screen and (max-width :768px) { li.birdwire {width: 100%; margin:0px 0px 30px 0px; font-size:0px; line-height:0px} li.birdwire:nth-of-type(2n) { margin-right:0px} li.birdwire:nth-of-type(3n) { margin-right:0px} .centersWrap {display:none} .col-grid-mobile {display:block} .col-grid-mobile .grid-button {color:#fff; display:block; text-align:center} } @media only screen and (max-width :640px) { .mobile-wrap-center{ margin:0px 20px } } /* ------------------------------------------ I WANT TO... -------------------------------------------------------------- */ ul.actions {padding:0px; margin:0px; } li.action-box {position:relative; float:left; width: 31%; margin:0 3.2% 3.2% 0; padding:0px; list-style-type:none;border:#ffde16 1px solid; min-height:245px; cursor:pointer } li.action-box:nth-of-type(3n) { margin-right:0px} .action-hdr {font-family: 'bebas-neue', Arial, Helvetica, sans-serif; font-size:26px; color:#000; border-bottom:#ffde16 1px solid; width:100%; padding:0px 0px; } .action-hdr a {color:#000; background:url(images/action-hdr-bg.png) right no-repeat; display:block; padding:15px 20px 15px 24px;} li.action-box span {background:url(images/action-hdr-bg.png) right no-repeat; display:block; padding:15px 20px 15px 24px; } li.action-box p {text-align:left; text-transform:none; font-size:18px; line-height:30px; padding:20px 20px 20px 24px} li.action-box.colomat-close {background:#ffde16 } li.action-box.colomat-close.action-hdr {border-bottom:#ffffff 1px solid; } li.action-box.colomat-close.action-hdr span {background:none !important; } @media only screen and (max-width :1080px) { li.action-box {margin:0 3% 3% 0; } } @media only screen and (max-width :1203px) { li.action-box .collapseomatic, .action-hdr { font-size:22px} li.action-box p {font-size:16px; line-height:26px; } } @media only screen and (max-width :905px) { .action-hdr {background:none} } @media only screen and (max-width :905px) { .action-hdr {font-size:26px;background:url(images/action-hdr-bg.png) right no-repeat} li.action-box {position:relative; float:left; width: 100%; margin:0px 0px 20px 0px; border:#ffde16 1px solid; min-height:10px } li.action-box p {font-size:18px; line-height:30px; } } /* ------------------------------------------ FLEXIBLE CONTENT -------------------------------------------------------------- */ .flex_content {padding:0px 0px 40px 0px; margin:0px auto 0px auto; } .flex_content h2 { font-family: 'robotoregular', sans-serif; font-size:24px; line-height:30px; color: #000000; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .flex_content a {font-family: 'robotoregular', sans-serif;text-decoration:underline;} .flex_content a:hover {text-decoration:underline;} .flex_content ul { margin:0px 0px 20px 0px; padding: 0px 0px 0px 0px; } .flex_content ul li { margin:0px 0px 8px 0px; padding: 0px 0px 0px 20px; list-style-type:none; background:url(images/bullet.png) top left no-repeat;} .flex_content ul li ul li { margin:0px 0px 8px 0px; padding: 0px 0px 0px 20px; list-style-type:none; background:url(images/bullet-dash.png) top left no-repeat;} .flex_content ol { margin:0px 0px 15px 24px; padding: 0px 0px 0px 0px; } .flex_content ol li { margin:0px 0px 5px 0px; padding: 0px 0px 5px 0px; } a.ncreal-btn {-webkit-appearance: none; float:left; margin:10px 0px 30px 0px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:4px; font-family: 'robotobold', sans-serif; color:#fff; text-transform:uppercase; background:#000; padding:5px 15px 5px 15px; text-decoration:none; font-size:15px; border:none; cursor:pointer; text-align:center; letter-spacing:1px;} a.ncreal-btn:hover {background:#00aeef;text-decoration:none;} a.ncreal-btn:after { font-family: 'Karla', sans-serif; content: '>'; font-weight:700; padding-left: 15px; } .flex_content ul.twoCol-list { margin:0px 0px 20px 0px; padding: 0px 0px 0px 0px; } .flex_content ul.twoCol-list li { display:inline; width:46%; margin:0px 0px 0px 0px; padding: 0px 0px 8px 20px; list-style-type:none; } .flex_content ul.twoCol-list ol { margin:0px 0px 15px 24px; padding: 0px 0px 0px 0px; } .flex_content ul.twoCol-list ol li { margin:0px 0px 5px 0px; padding: 0px 0px 5px 0px; } .flex_content .contacts ul.twoCol-list { margin:0px 0px 20px 0px; padding: 0px 0px 0px 0px; } .flex_content .contacts ul.twoCol-list li { display:inline; margin:0px 0px 0px 0px; padding: 40px 0px 20px 0px; list-style-type:none; background-image:none; border-bottom:#ccc 1px solid } .flex_content .contacts ul.twoCol-list li:last-of-type {border-bottom:0px} .collapseomatic.subtoggle { font-family: 'robotolight', sans-serif;float:left;text-align:left; color:#000; display:block;padding: 20px 0px 20px 30px; margin: 0px 0px 0px 0px; cursor: pointer; border-top:#ccc 1px solid; background:url(images/subtoggle-arrow.svg) center left no-repeat; background-size: 16px 16px;clear:left; width:97%} .collapseomatic.subtoggle.colomat-close {} .collapseomatic_content.none.subcontent {padding:0px 0px 0px 30px !important; width:97%} .contacts {float:left; width:100%; } img.headshot {max-width:176px; margin:0px 20px 10px 0px; float:left;image-rendering: -webkit-optimize-contrast;} p.help-with {margin:20px 0px} li span.comma {padding:0px; margin:0px} @media only screen and (max-width :1024px) { img.headshot {max-width:150px;image-rendering: auto } .flex_content .contacts ul.twoCol-list li { width:47% !important; } } @media only screen and (max-width :1007px) { .flex_content .contacts ul.twoCol-list li {font-size:16px; line-height:26px} .collapseomatic.subtoggle, .collapseomatic_content.none.subcontent {width:90%} } @media only screen and (max-width :874px) { .flex_content .contacts ul.twoCol-list li { display:inline; width:100% !important; } } @media only screen and (max-width :767px) { .flex_content h2 { font-size:20px; line-height:30px; } } @media only screen and (max-width :415px) { img.headshot {max-width:100px; } } /* toggle triggers and wrap */ h5.trigger { font-family: 'robotoregular', sans-serif; text-align:left; color:#000; display:block; padding: 20px 0px 20px 50px; margin: 0px 0px 0px 0px; cursor: pointer; border-top:#ccc 1px solid; background:url(images/toggle-open.png) center left no-repeat; clear:left} h5.trigger a { color: #000; text-decoration: none; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; min-height:26px; } h5.trigger a:hover {text-decoration:none; } h5.trigger.colomat-close { font-family: 'robotobold', sans-serif !important;text-decoration: none; display:block; margin: 0px 0px 0px 0px; background:url(images/toggle-close.png) center left no-repeat} h5.trigger.colomat-close a {font-family: 'robotobold', sans-serif !important;} img.members-only{float:right; margin:-4px 0px 0px 0px; padding:0px; opacity:.4} h6.trigger { font-family: 'robotoregular', sans-serif;float:left;text-align:left; color:#000; display:block;padding: 20px 0px 20px 50px; margin: 0px 0px 0px 0px; cursor: pointer; border-top:#ccc 1px solid; background:url(images/toggle-open.png) center left no-repeat; clear:left; } h6.trigger a { float:left;color: #000; text-decoration: none; padding:0px 0px 0px 50px; margin: 0px 0px 0px 0px; min-height:26px; width:90% } h6.trigger a:hover {text-decoration:none; } h6.trigger.colomat-close { font-family: 'robotobold', sans-serif !important; text-decoration: none; display:block; margin: 0px 0px 0px 0px; background:url(images/toggle-close.png) center left no-repeat} h6.trigger.colomat-close a {font-family: 'robotobold', sans-serif !important;} img.members-only{float:right; margin:-4px 0px 0px 0px; padding:0px 0px 0px 0px; opacity:.4} .toggle_container {padding:20px 0px 40px 0px} .toggle_container h2:first-of-type {margin-top:20px } .toggle_container h3 {color:#000; } .toggle_container img.banner-image {margin:0px 0px 30px 0px; } .collapseomatic_content .toggle_container img.banner-image {margin:0px 0px 30px 0px; max-width:1040px !important} @media only screen and (max-width :640px) { h5.trigger, h6.trigger {font-size:18px; line-height:24px} img.members-only{float:none;width:20px; height:20px; padding-left:10px; margin:0px 0px -2px 0px;line-height:24px} } /* multiple videos */ /* global slider */ .bx-wrapper { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; *zoom: 1; z-index:1; width:100%; list-style-type:none; } .bx-wrapper ul { margin:0px; padding:0px 0px 0px 0px; list-style-type:none; } .bx-wrapper li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%; list-style-type:none;} .bx-wrapper li img {width:100%; height:auto} .bx-wrapper #headline-slider li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-right:#ccc 1px solid; list-style-type:none; } .bx-wrapper #logo-slider li {height:90px; border:0; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { left: 0px; width: 100%; height:100% } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { margin:0px 0px 0px 0px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding: 0px 0px 50px 0px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { border: #ccc 2px solid; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 5px; outline: 0; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ff5200; transition: all 0.8s ease 0s; border: #ff5200 2px solid; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 0px; background:#000 url(images/arrow-prev.png) no-repeat center; height: 100%; } .bx-wrapper .bx-next { right: 0px; background:#000 url(images/arrow-next.png) no-repeat center; height: 100%; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 45%; margin-top: 0px; outline: 0; width: 61px; height: 61px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a:hover {border:0} .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /*image slider */ .image-slider {width:100%; margin:0px auto } .image-slider li {max-width: 1120px; width: 100% !important; background-image:none !important; list-style-type:none; margin:0px ; padding:0px !important; } .image-slider li img {max-width: 1120px; width: 100% !important; height:auto; } /* testimonial slider */ .testimonials-wrap {border-top:#ccc 1px solid; } ul.testimonials {float:left; margin:0px; padding:0px; width:980px} ul.testimonials li {float:left; display:inline; width:560px !important;margin:0px; padding:0px; background-image:none;} .quote { float:left;padding:0px 30px 0px 30px} .attribution {float:left; font-size:16px; line-height:23px; margin-left:40px} h3.tHdr {color:#000; margin:30px 0px 0px 0px} .testimonials-wrap .bx-wrapper .bx-prev {left: -61px;} .testimonials-wrap .bx-wrapper .bx-next {right: -61px;} .collapseomatic_content .testimonials-wrap .bx-wrapper .bx-prev {left: -40px;} .collapseomatic_content .testimonials-wrap .bx-wrapper .bx-next {right: -40px;} .collapseomatic_content ul.testimonials { width:900px} .collapseomatic_content ul.testimonials li {width:510px !important } .testimonials-wrap-mobile { display:none; } .testimonials-wrap-mobile blockquote {font-size:18px !important; line-height:30px !important;} .testimonials-wrap-mobile li {float:left; width:100%; border-bottom:#ccc 1px solid; background-image:none !important; margin:0px 0px 10px 0px !important; padding:0px 0px 30px 0px !important} .testimonials-wrap-mobile li .quote {padding-left:0px} /* gallery slider */ .gallery-wrap {border-top:#ccc 1px solid; margin:50px 0px; padding-top:50px;} .gallery-wrap li { padding:0px !important; list-style-type:none; background-image: none !important; margin:0px !important} /* two column */ .twoCol {float:left;width:100%} .left-column {float:left; width:47%; } .right-column {float:right; width:47%} /* NC REEF */ .page-id-6763 .gallery-wrap {float:left; width:100%; border-top:#ccc 1px solid; margin:0px; padding-top:50px;} .pageWrap.ncreef .banner {background:#ed1c24} .pageWrap.ncreef .banner-diagonal { background: linear-gradient(to right bottom, #ed1c24 50%, #fff 50%);} h3.ncreef {background:#ed1c24 !important; color:#fff !important; margin-bottom:20px !important} .ncreef-post #menu li.menu-item-129 a {border-bottom:#ed1c24 7px solid; color:#000 } @media only screen and (max-width :1180px) { ul.testimonials li, .collapseomatic_content ul.testimonials li {width:850px !important; padding-left:60px } .testimonials-wrap .bx-wrapper .bx-prev {left: 0px;} .testimonials-wrap .bx-wrapper .bx-next {right: 0px;} ul.twoCol-list li { width:45%; } } @media only screen and (max-width :1024px) { ul.testimonials li, .collapseomatic_content ul.testimonials li {width:780px !important; padding-left:60px } } @media only screen and (max-width :1035px) { ul.twoCol-list li { width:43% !important; } } @media only screen and (max-width :1020px) { ul.testimonials li, .collapseomatic_content ul.testimonials li { padding-left:30px } } @media only screen and (max-width :958px) { .testimonials-wrap { display:none; } .testimonials-wrap-mobile { display:block; } } @media only screen and (max-width :875px) { .left-column {float:left; width:100%; margin-right:0px} .left-column ul {margin-bottom:0px;} .right-column {float:right; width:100%; margin-top:20px} .right-column ul {margin-top:-20px;} ul.twoCol-list li { width:100% !important} } @media only screen and (max-width :800px) { .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; } .bx-wrapper .bx-prev { background-color:#000; background-image: url(images/arrow-prev.png) no-repeat center; background-size:cover; background-position:50% 50%} .bx-wrapper .bx-next { background-color:#000; background-image: url(images/arrow-next.png) no-repeat center; background-size:cover; background-position:50% 50%} } @media only screen and (max-width :480px) { .page-id-6763 table {float:left; width:100%; padding-top:30px} .page-id-6763 table.rr-hdr td h3 {line-height:normal} .page-id-6763 table.rr-hdr td {display:block; width:100%; margin-bottom:10px} .page-id-6763 table.rr-hdr td a.view-all {float:left; margin:0px 0px 20px 0px} } /* ------------------------------------------ HOMEPAGE -------------------------------------------------------------- */ /*home slider */ .home ul {padding:0px; margin:0px;} .home ul li {list-style-type:none} .homeSliderWrap {float:left; width:100%; margin-top:30px;background:url(images/bx_loader.gif) top center no-repeat } .slider-overlay {position:absolute; width:100%; height:100%; background:url(images/slider-overlay.png) top left no-repeat; z-index:2} .slider-overlay.red { background:url(images/slider-overlay-red.png) top left no-repeat;} .slider-overlay.orange { background:url(images/slider-overlay-orange.png) top left no-repeat;} .slider-overlay.yellow { background:url(images/slider-overlay-yellow.png) top left no-repeat;} .slider-overlay.green { background:url(images/slider-overlay-green.png) top left no-repeat;} .homeSliderWrap .banner {height:auto; margin:0px; background:#00aeef !important; width:100%; } .homeSliderWrap .bannerText {background-image:none; border-right:0px; height:100%; bottom:0px} .homeSliderWrap img.banner-image{ margin-top:0px} /*home featured videos */ .home-green { float:left; position:relative; width:100%; min-height:500px; -webkit-backface-visibility: hidden;-ms-backface-visibility: hidden; -moz-backface-visibility: hidden;backface-visibility: hidden;outline: 1px solid transparent; background: linear-gradient(to right bottom, #8cc63f 50%, #85bc3c 50%);} .promo-hdr {float:left; font-family: 'bebas-neue', Arial, Helvetica, sans-serif; color:#fff; letter-spacing:2px; font-size:30px; padding:50px 0px; } ul.promoSlider {float:left; width:100%} .promoSlider li {float:left; display:inline; width:540px !important; margin:0px 40px 0px 0px; padding:0px; background-image:none;} .home-green .bx-wrapper .bx-prev {left: -61px;background-color:transparent; top:40%;} .home-green .bx-wrapper .bx-next {right: -61px;background-color:transparent; top:40%;} .the-video {float:left; width:100%; height:100%} .video-image {float:left; width:100%; height:100%;} .play-icon {float:left; width:100%; height:100%; background:url(images/icon-play.png) center no-repeat} .the-info {font-size:20px; line-height:30px; float:left; width:100%; margin:30px 0px; } .the-info a {color:#fff} .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom:30px } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*home news */ .home-news {float:left; width:100%; min-height:300px; position:relative} table.home-news-hdr {margin-top:50px; width:100%; border-collapse:collapse; border-spacing:0; padding:0px; } table.home-news-hdr td.orangeBg {background:#f26522; height:50px; padding:0px;} table.home-news-hdr td.main {width:1120px; background:transparent;height:50px; padding:0px; } table.home-news-hdr td.whiteBg { border:0px;padding:0px;} .news-hdr {float:left; font-family: 'bebas-neue', Arial, Helvetica, sans-serif; color:#fff; letter-spacing:2px; font-size:30px; line-height:50px; background:#f26522; width:31.2%} .news-hdr a {color:#fff; background:url(images/h2-arrow.png) right no-repeat; padding-right:46px} .news-press {float:left; width:100%; margin:50px 0px} .news-press ul {padding:0px; margin:0px;} .news-press ul li {float:left; background:url(images/home-news-bg.png);width: 31.2%; margin:0 3.2% 3.2% 0; list-style-type:none;} .news-press ul li:nth-of-type(5n) { margin-right:0px} .item { float:left;padding:30px 30px 30px 30px } .here h3, .mobile-recent h2 {font-family: 'robotoregular', Arial, Helvetica, sans-serif; font-size:24px; line-height:120%;color:#000; letter-spacing:normal} .here h3 a, .mobile-recent h2 a {color:#000;} .news-press h3 a:hover {color:#f26522} a.read-more { float:left; background:#f26522; height:40px; padding:0px 30px; font-family: 'bebas-neue', Arial, Helvetica, sans-serif; font-size:22px; line-height:40px; color:#fff; letter-spacing:1px} a.read-more:hover { background:#000; } li.mobile-recent {display:none; border-bottom:#ccc 1px solid; } .photo-credit {position:absolute; bottom:30px;left:30px;color:#fff} .photo-credit span{ background:url(images/photo-credit.png); padding:8px 20px; font-size:15px; line-height:25px} /*home events */ .events-feature {float:left; width:100%; } .events-feature table.home-news-hdr td.orangeBg {background:#00aeef;} .events-feature .news-hdr {background:#00aeef;} .events-feature img {width:100%; height:auto; image-rendering: -webkit-optimize-contrast;} .event-items {float:left; width:100%; margin:50px 0px} .event-items ul {padding:0px; margin:0px;} .event-items ul li {float:left; background:#fff;width: 31.2%; margin:0 3.2% 3.2% 0; list-style-type:none;} .event-items ul li:last-child { margin-right:0px} .event-items p {margin:30px 0px; } .event-items p a {font-size:20px; line-height:30px; color:#000} .events-feature a.read-more {background:#00aeef;padding:0px 20px} td.time {text-align:left;color:#666;padding-left:20px} .calendar-link {float:right;margin-top:-37px; height:32px;} a.calIcon {font-family: 'robotobold', sans-serif; color:#00aeef; text-transform:lowercase; background:url(images/calendar-icon.gif) right no-repeat; padding:10px 42px 10px 0px} /*home responsive styles */ .mobile-hdr {display:none; float:left; font-family: 'bebas-neue', Arial, Helvetica, sans-serif; color:#fff; letter-spacing:2px; font-size:30px; line-height:50px; background:#f26522; margin:30px auto; width:100%; text-align:center} .mobile-hdr a {color:#fff; display:block} .events-feature .mobile-hdr {background:#00aeef;} @media only screen and (max-width :1180px) { .news-feature .container {max-width:967px} .events-feature .container {max-width:967px} table.home-news-hdr td.main {width:967px; } .news-hdr {width:31%} .news-press ul li { width: 31%;} .event-items ul li {width: 31%;} .home-green .container {max-width:967px} .promoSlider li {width:463px !important; } } @media only screen and (max-width :1090px) { .home-green .bx-wrapper .bx-prev {left: 0px;background-color:#8cc63f} .home-green .bx-wrapper .bx-next {right: 0px;background-color:#8cc63f} } @media only screen and (max-width :1024px) { .events-feature img {image-rendering: auto;} } @media only screen and (max-width :1023px) { td.whiteBg { display:none} td.orangeBg { display:none; } table.home-news-hdr td.main {width:50%; } .news-press {max-width:1120px} .news-hdr {width: 48.4%;} .news-hdr a {padding-left:30px;} .news-press h3, .mobile-recent h2 {font-size:30px; line-height:120%} .news-press h3 a, .mobile-recent h2 a {color:#000} .news-press ul li { width: 48.4%; margin:0 3.2% 3.2% 0;} .news-press ul li:nth-of-type(3n) { margin-right:0px} .news-press ul li:nth-of-type(5n) { display:none} .event-items ul li { width: 48.4%; margin:0 3.2% 3.2% 0;} .event-items ul li:nth-of-type(2n) { margin-right:0px} .event-items ul li:last-child { display:none} td.time {padding-left:20px; font-size:16px} .calendar-link {margin-right:30px} .promoSlider li {width:400px !important; } } @media only screen and (max-width :800px) { .promoSlider li {width:334px !important; } } @media only screen and (max-width :1500px) { .home .callOut {bottom:40px} } @media only screen and (max-width :1325px) { .slider-overlay {background:url(images/slider-overlay-1024.png) top left no-repeat; } .slider-overlay.red { background:url(images/slider-overlay-1024-red.png) top left no-repeat;} .slider-overlay.orange { background:url(images/slider-overlay-1024-orange.png) top left no-repeat;} .slider-overlay.yellow { background:url(images/slider-overlay-yellow-1024.png) top left no-repeat;} .slider-overlay.green { background:url(images/slider-overlay-1024-green.png) top left no-repeat;} .homeSliderWrap .bx-wrapper .bx-prev {background-color:transparent} .homeSliderWrap .bx-wrapper .bx-next {background-color:transparent} } @media only screen and (max-width :1180px) { .home .bannerText { position:absolute; width:100% } .home .callOut {bottom:20px; right:120px;max-width:400px; padding:25px 30px 30px 30px; } .home-title-events {padding-left:30px} } @media only screen and (max-width :1023px) { .homeSliderWrap {margin-top:-27px} .home .bannerText { position:absolute; } .home .callOut {bottom:20px; right:60px; min-height:10px; max-width:360px; padding:25px 30px 30px 30px; color: #ffffff; } } @media only screen and (max-width :768px) { .promoSlider li {width:354px !important; } .photo-credit {bottom:20px;left:20px;} } @media only screen and (max-width :767px) { .homeSliderWrap {margin-top:-27px} .slider-overlay {display:none; } .home .banner { width:100%; overflow:hidden; } .home .bannerText {position:relative;} .home .callOut {display:none } .home .callOut-mobile {display:block; padding:25px 0px 30px 0px;} .homeSliderWrap .bx-wrapper .bx-prev {background-color:#000} .homeSliderWrap .bx-wrapper .bx-next {background-color:#000} .event-items p a {font-family: 'robotoregular', sans-serif;} } @media only screen and (max-width :640px) { .homeSliderWrap {margin-top:0px} .home .banner { width:100%; overflow:hidden; margin-top:0px } .calendar-link {margin-right:20px} .promoSlider li {width:600px !important; } .home-green .bx-wrapper .bx-prev {top:45%} .home-green .bx-wrapper .bx-next {top:45%} } @media only screen and (max-width :639px) { .home-news {background-image:none !important} table.home-news-hdr {display:none} .news-press {float:left; width:100%; margin:0px 0px 50px 0px} .news-press li.recent-news {display:none} li.mobile-recent {display:block; width:100% !important; padding-bottom:40px !important; margin-bottom:40px !important;} .news-press ul li:last-child {display:block; border-bottom:0px; padding-bottom:0px !important; margin-bottom:0px !important;} .event-items {float:left; width:100%; margin:0px 0px 50px 0px} .event-items ul li {width: 100%;border-bottom:#ccc 1px solid;padding-bottom:40px; margin-bottom:40px;} .event-items ul li:last-child { display:block; border-bottom:0px;padding-bottom:0px; margin-bottom:0px; } .mobile-hdr {display:block;} .calendar-link {display:none} .photo-credit {display:none} } @media only screen and (max-width :480px) { .homeSliderWrap .bx-wrapper .bx-prev {top:25%} .homeSliderWrap .bx-wrapper .bx-next {top:25%; } .promoSlider li {width:440px !important; } } @media only screen and (max-width :415px) { .promoSlider li {width:415px !important; } } @media only screen and (max-width :320px) { .promoSlider li {width:280px !important; } } /* ------------------------------------------ SPONSORS/PARTNERS -------------------------------------------------------------- */ /* -------- partners ---------*/ .partners-wrap {width:100%; border-top:#ccc 1px solid; margin-top:40px; padding-top:20px} ul.partners {margin:0px; padding:0px;} ul.partners li {display:inline-block; padding:0px; background-image:none; width: 31%; margin:0 3% 3% 0;image-rendering: -webkit-optimize-contrast; background:#fff} ul.partners li:nth-of-type(3n) { margin-right:0px} ul.partners li img {image-rendering: -webkit-optimize-contrast;} .single-sponsors img.toggle-icon {display:none} .fancybox-content { min-width:708px; max-width:708px; background:url(images/bg-partners.gif) repeat-x} .page-id-16 .fancybox-content, .fancybox-content.no-bg { background-image:none} table.partner-header {height:286px; width:100%; vertical-align:bottom} td.partner-name {vertical-align:bottom; } td.partner-name h1 {font-family: 'robotolight', sans-serif; font-size:36px; line-height:44px; letter-spacing:normal;padding:0px 20px 0px 0px} .group-type {font-family: 'bebas-neue', Arial, Helvetica, sans-serif; font-size:24px; line-height:36px; color:#999; padding:0px 20px 23px 0px} td.partner-logo {width:375px} a.scrollto {outline:none; focus:none; cursor:text} .partner-info {float:left; width:100%;margin-top:40px;} .fancybox-content ul.twoCol-list li { display:inline; width:42%; margin:0px 0px 0px 0px; padding: 0px 0px 8px 20px; list-style-type:none; } /* -------- sponsors ---------*/ table.sponsor-wrap {float:left; margin-bottom:20px; width:100%; border-collapse:collapse; border-spacing:0; text-align:left;} h3.sponsor-level {margin:40px 0px; padding-top:20px; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; } .sponsors-wrap {width:100%; margin-top:40px; padding-top:20px} ul.sponsors {margin:0px; padding:0px;} .sponsor-hdr {width:140px;color:#fff; text-align:center;font-family: 'bebas-neue', Arial, Helvetica, sans-serif; font-size:24px; line-height:36px;vertical-align:top } .sponsor-hdr span { background:#ffde16; display:block; } ul.sponsors li {display:inline-block; padding:0px; background-image:none; margin:0 0 18px 18px;image-rendering: -webkit-optimize-contrast; background:#fff} ul.sponsors li img {width:202px; image-rendering: -webkit-optimize-contrast; } img.diamond {margin:0px 0px 20px 18px; max-width:426px; image-rendering: -webkit-optimize-contrast; } ul.silver {margin:0px 0px 0px 20px; padding:0px} ul.silver li {display:inline-block; background-image:none; border-right:#ffde16 1px solid; line-height:14px; margin:0px 10px 0px 0px; padding:0px 10px 0px 0px} ul.silver li:last-child {border-right:0px} ul.silver li a {font-family: 'robotolight', sans-serif;color:#000; text-decoration:none} .page-id-74 ul.sponsors li img, .page-id-74 img.diamond {border:#ccc 1px solid} @media only screen and (max-width :955px) { ul.partners li {image-rendering:auto;} } @media only screen and (max-width :955px) { ul.partners li {display:inline-block; padding:0px; background-image:none; width: 48%; margin:0 3% 3% 0;} ul.partners li:nth-of-type(2n) { margin-right:0px} ul.partners li:nth-of-type(3n) { margin:0 3% 3% 0;} ul.partners li img {image-rendering:auto;} } @media only screen and (max-width :767px) { .fancybox-content { min-width:10px; max-width:none; width:80%; background-image:none; } table.partner-header {height:auto; border-bottom:#ccc 1px solid} td.partner-logo {width:50%} td.partner-name h1 {font-size:30px; line-height:40px; } .group-type {font-size:20px; line-height:30px; color:#999; } .fancybox-content ul.twoCol-list li { display:inline; width:100%; margin:0px 0px 0px 0px; padding: 0px 0px 8px 20px; list-style-type:none; } table.sponsor-wrap td { display:block; width:100% } .sponsor-hdr {text-align:left; padding-bottom:25px} .sponsor-hdr span { background:#ffde16; display:inline; width:140px; padding: 10px 20px} img.diamond {margin-left:0px} ul.sponsors li{margin-left:0px; margin-right:20px} } @media only screen and (max-width :620px) { table.partner-header td {display:block; width:100%} td.partner-name {display:none !important} td.partner-logo {width:100%} td.partner-logo img {max-width:375px} } @media only screen and (max-width :515px) { ul.sponsors li{margin-right:0px} img.diamond, ul.sponsors li img {width:100%;} ul.silver li {display:block; border-right:0px; line-height:24px; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px} } @media only screen and (max-width :495px) { ul.partners li {width: 45%; } } @media only screen and (max-width :415px) { ul.partners li {width: 100% !important; margin:0px 0px 20px 0px !important;} } /* ------------------------------------------ ADVOCATE -------------------------------------------------------------- */ .issues-grid { border-top:#ccc 1px solid; padding:30px 0px 0px 0px; margin:30px 0px 0px 0px} .issues-grid li {position:relative; float:left;display:inline-block; width: 31.2%; margin:0 3.2% 3.2% 0; padding:0px; list-style-type:none; } .issues-grid li:nth-of-type(3n) { margin-right:0px} .issues-grid li img {margin-bottom:20px} .issues-grid p {font-family: 'robotoregular', sans-serif;color:#000; line-height:24px; margin-bottom:0px; text-decoration:none; } .issues-grid a {text-decoration:none; color:#000; cursor:pointer } .issues-hdr-img {margin:-20px 0px 40px 0px;image-rendering: -webkit-optimize-contrast;} h1.issues-hdr {border-bottom:#ccc 1px solid; margin:0px 0px 40px 0px; padding:0px 0px 40px 0px; } @media only screen and (max-width :1024px) { .issues-hdr-img {image-rendering: auto;} } @media only screen and (max-width :1023px) { .issues-grid {float:left; width:100%; margin:10px 0px 30px 0px; padding-top:30px} .issues-grid li {width: 48%; margin:0 3% 3% 0;image-rendering:auto;} .issues-grid li:nth-of-type(2n) { margin-right:0px} .issues-grid li:nth-of-type(3) { margin:0 3% 3% 0;} } /* ------------------------------------------ INFORMATION CENTER -------------------------------------------------------------- */ .all-benefit-icons {float:left; width:100%; margin-top:40px;padding-top:40px; border-top:#ccc 1px solid } .the-icons {float:left; width:auto; } .benefit-wrap {float:left; margin:0px 12px; width:96px;} .benefit-height {float:left; height:102px} .benefit {width:88px; height:88px; background-size:88px; transition:all .2s ease-in-out; -webkit-font-smoothing: antialiased;} .benefit:hover {width:96px; height:96px; background-size:96px; } .benefit a {float:left; width:96px; height:96px} .benefit-title {width:100%; text-align:center; font-family: 'robotobold', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; font-size:16px; margin-bottom:21px; } .benefit-title a {font-family: 'robotobold', Arial, Helvetica, sans-serif; color:#000;text-decoration:none} .benefit-title a:hover {text-decoration:none} /* ------------------------------------------ RESOURCES -------------------------------------------------------------- */ /******* recent posts widget ********/ table.rr-hdr {border-bottom:#ccc 1px solid;border-top:#ccc 1px solid;width:100%; } table.rr-hdr h3 {margin:0px; padding:15px 0px;} ul.recent-resources {margin:30px 0px 0px 0px; padding:0px; } ul.recent-resources li {position:relative; float:left;display:inline-block; width: 31.1%; margin:0 3.2% 3.2% 0; padding:0px; background-image:none; list-style-type:none; image-rendering: -webkit-optimize-contrast;} ul.recent-resources li:nth-of-type(3n) { margin-right:0px} ul.recent-resources li p {margin:20px 0px 0px 0px; font-family: 'robotoregular', sans-serif; line-height:24px} ul.recent-resources li a {color:#000; text-decoration:none} a.view-all {float:right;-webkit-appearance: none; margin:18px 0px 18px 0px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:4px; font-family: 'robotobold', sans-serif; color:#fff; text-transform:uppercase; padding:5px 15px 5px 15px; text-decoration:none; font-size:15px; border:none; cursor:pointer; text-align:center; letter-spacing:1px;background:#000;} a.view-all:hover {background:#00aeef;text-decoration:none;} a.view-all:after { font-family: 'Karla', sans-serif;content: '>';font-weight:700; padding-left: 15px;} .feature-thumb {float:left; width:100%; height:200px; overflow:hidden; margin-bottom:20px;background-size:cover !important; background-position:50% 50% !important} .feature-thumb-insight {float:left; width:100%; height:422px; overflow:hidden; margin-bottom:20px;background-size:cover !important; background-position:50% 50% !important} .source {font-size:13px; line-height:20px} #yellow a.view-all {background:#ffde16; } #yellow a.view-all:hover {background:#000; } /******* archive ********/ .category .title-banner {background:#ffde16} .category #menu li.menu-item-132 a {border-bottom:#ffde16 7px solid; color:#000 } .category table.rr-hdr {margin-top:00px} .category table.rr-hdr h3 {line-height:60px } .category ul.twoCol-list { margin:25px 0px 20px 0px; padding: 0px 0px 0px 0px;} .category ul.twoCol-list li { display:inline; width:46%; margin:0px 0px 0px 0px; padding: 0px 0px 12px 0px; list-style-type:none; } .category ul.twoCol-list li:before { font-family: 'Karla', sans-serif;content: '>';font-weight:700; color:#000} .category ul.twoCol-list li a {padding-left: 15px; line-height:24px; font-family: 'robotoregular', sans-serif;color:#999 } .category ul.twoCol-list li a:hover {color:#000;} .category-market-statistics .c1 {margin-bottom:50px} .category-market-statistics p {margin-bottom:0px} .category-market-statistics .flex_content {padding-bottom:0px} .category-market-statistics br {display:none} .market-statistics-wrap {float:left; width:100%; margin:-20px 0px 50px 0px} .market-statistics-wrap a {margin-bottom:10px} /******* single post ********/ .single-post-wrap {width:100%; margin:0px auto} .single-post #menu li.menu-item-132 a {border-bottom:#ffde16 7px solid; color:#000 } .single-post .title-banner {background:#ffde16} .single-post .banner {background:#ffde16} .single-post .banner-diagonal { background: linear-gradient(to right bottom, #ffde16 50%, #fff 50%);} .c1 {float:left; width:706px} .c2 {float:right; width:318px; margin:0px; padding:0px; } .hdr-wrap {float:left; width:100%; padding-bottom: 30px} .related-posts h3 {float:left; width:200px; background:#ffde16; color:#000; padding:10px 0px 10px 18px; margin:0px; font-size:20px; line-height:20px} .related-posts ul {float:left; width:100%; padding:0px; margin:0px 0px 10px 0px} .related-posts li {display:block; margin:0px 0px 0px 18px; background:url(images/c2-link.png) left top no-repeat; line-height:24px; padding:10px 0px 10px 22px; border-top:#ccc 1px solid;} .related-posts li:first-child {border-top:0px} .related-posts li a {color:#000; padding:0px 0px 0px 0px; } .related-posts li a:hover {color:#999; } .more-cats h3 {float:left; width:200px; background:#ffde16; color:#000; padding:10px 0px 10px 18px; margin:0px; font-size:20px; line-height:20px} .more-cats ul {float:left; width:100%; padding:0px; margin:0px 0px 20px 0px} .more-cats li {display:block; margin:0px 0px 0px 18px; background:url(images/c2-link.png) left top no-repeat; line-height:24px; padding:10px 0px 10px 22px; border-top:#ccc 1px solid;} .more-cats li:first-child {border-top:0px} .more-cats li a {color:#000; padding:0px 0px 0px 0px; } .more-cats li a:hover {color:#999; } .more-cats li.members-only {display:none} .issuuembed div {position: relative; padding-bottom: 56.25%; height: 0 !important; overflow: hidden; } .issuuembed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width :1180px) { .single-post-wrap {max-width:967px; margin:0px auto} .c1 {float:left; width:676px} .c2 {float:right; width:260px; } .related-posts li, .related-posts li {font-size:16px} } @media only screen and (max-width :1024px) { ul.recent-resources li {image-rendering: auto;} } @media only screen and (max-width :1023px) { .c1 {float:left; width:100%} .c2 {float:right; padding-top:40px;width:100%; background:url(images/bg-flex.gif)} .related-posts {float:left; width:47%} .more-cats {float:right; width:47%} ul.recent-resources li {display:inline-block; padding:0px; background-image:none; width: 48%; margin:0 3% 3% 0;image-rendering:auto;} ul.recent-resources li:nth-of-type(2n) { margin-right:0px} ul.recent-resources li:nth-of-type(3n) { margin-right:3%} } @media only screen and (max-width :767px) { .c1 {float:left; width:100%} .c2 {float:left; padding:40px 0px;width:100%; background:url(images/bg-flex.gif)} .related-posts {float:left; width:100%} .more-cats {float:right; width:100%; } ul.recent-resources li {width: 100%; margin:0 0 20px 0;} ul.recent-resources li:nth-of-type(2n) { margin-right:0px} ul.recent-resources li:nth-of-type(3n) { margin-right:0} } /* ------------------------------------------ CALENDAR OF EVENTS -------------------------------------------------------------- */ .parent-pageid-585 #menu li.menu-item-130 a {border-bottom:#00aeef 7px solid; color:#000 } table.events-hdr {margin-top:30px; width:100%; border-collapse:collapse; border-spacing:0; padding:0px; } table.events-hdr td.leftBg{background:#00aeef; height:50px; padding:0px;} table.events-hdr td.main {width:1120px; background: linear-gradient(to right bottom, #00aeef 50%, #00a0dc 50%);vertical-align:top } table.events-hdr td.rightBg{background:#00a0dc; height:50px; padding:0px;} table.events-hdr td.main h1 {font-family: 'robotoregular', sans-serif;color:#fff; font-size:30px; line-height:120%; text-transform:none;letter-spacing:normal; padding:35px 30px 30px 0px} @media only screen and (max-width :1180px) { table.events-hdr td.main {width:964px;} } @media only screen and (max-width :1023px) { table.events-hdr {margin-top:-27px;} table.events-hdr td.leftBg, table.events-hdr td.rightBg {width:30px;} table.events-hdr td.main h1 {font-size:24px; padding-top:50px} table.events-hdr td.backCal {width:100px; text-align:right; padding-top:53px} table.events-hdr td.backCal span {display:none;} .page-template-template-event-php .c2 {background:none} } @media only screen and (max-width :767px) { table.events-hdr td.backCal {display:none} } @media only screen and (max-width :640px) { table.events-hdr td.leftBg, table.events-hdr td.rightBg {display:none} table.events-hdr td.main h1 {padding-top:30px !important; padding-right:0px; margin:0px 20px} table.events-hdr {margin-top:0px;} } /* ------------------------------------------ TRANSACT -------------------------------------------------------------- */ /* document library */ .single-post-wrap .collapseomatic_content {background-image:none; background-color:#fff; padding:20px 0px 40px 0px} .collapseomatic_content.none {background-image:none; background-color:transparent; padding:10px 0px 40px 0px} table.form-downloads {width:100%; border:#efefef 1px solid;font-size:16px; line-height:16px;} table.form-downloads td {border-right:#efefef 1px solid; border-bottom:#efefef 1px solid;padding:30px; vertical-align:top} table.form-downloads td.version {max-width:210px; font-size:15px; line-height:23px; padding:30px 20px} table.form-downloads td.dl-btn {border-right:0px; padding-right:10px} table.form-downloads th.type {padding:10px 30px 10px 0px} table.form-downloads td.type {padding:30px 30px 0px 0px} table.form-downloads th {background:#efefef; font-size:16px; line-height:16px; text-transform:uppercase; text-align:left; padding:10px 30px } a.document-link {color:#000;font-size:18px; line-height:24px;display:block; padding-bottom:20px} a.document-link:hover {color:#00aeef} .description {color:#666; font-size:16px; line-height:26px;font-family: 'robotoregular', Arial, Helvetica, sans-serif; } .dl-count {float:left; margin-top:10px;color:#666; ont-family: 'robotoregular', Arial, Helvetica, sans-serif;} .dl-button a {-webkit-appearance: none; float:left; margin:0px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:4px; font-family: 'robotobold', sans-serif; color:#fff; text-transform:uppercase; background:#00aeef; padding:12px 20px 12px 20px; text-decoration:none; font-size:15px; border:none; cursor:pointer; text-align:center; letter-spacing:1px;} .dl-button a:hover {background:#000;text-decoration:none;} img.doc-icon {height:40px; width:auto} #wcf_widget-2 .wcf-input_query {display:none } table.blue-hdr {margin-top:30px; width:100%; border-collapse:collapse; border-spacing:0; padding:0px; } table.blue-hdr td.leftBg {background:#00aeef; height:50px; padding:0px;} table.blue-hdr td.main {width:1120px; background: linear-gradient(to right bottom, #00aeef 50%, #00a0dc 50%);vertical-align:top } table.blue-hdr td.rightBg { border:0px;padding:0px;background:#00a0dc;} .key-wrap {float:left; width:100%; margin:40px 0px} .key-title img {height:58px; width:auto; margin:0px 0px -10px 20px} .key-title {float:left;font-family: 'bebas-neue', sans-serif; font-size: 44px; line-height:44px; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:normal; letter-spacing:.05em } .key-title a {color:#000} .key-search {float:right} .doc-search {float:left; width:100%; margin-bottom:40px} .doc-title {float:left;color:#fff; font-family: 'robotobold', sans-serif; text-transform:uppercase; font-size:18px; letter-spacing:1px;margin-right:20px; line-height:40px} .doc-filters {float:right; width:890px} .doc-categories {float:left;width:100%; background:#f7f6f6; border-bottom:#00a0dc 6px solid;margin-bottom:40px} .doc-categories .container {padding:0px} .doc-categories ul {float:left; width:890px; margin:0px; padding:40px 0px} .doc-categories ul li {display:inline-block; list-style-type:none; font-size:18px; line-height:24px;margin-right:10px;padding-right:15px; background:url(images/pipe.gif) right no-repeat} .doc-categories ul li a {color:#000; cursor:pointer;} .doc-categories ul li:last-child {background-image:none} .cat-title {float:left;width:203px; padding-top:40px;color:#00a0dc; font-family: 'robotobold', sans-serif; text-transform:uppercase; font-size:18px; letter-spacing:1px;text-align:right; margin-right:20px} .search-box {float:left; margin-top:5px;background:url(images/bg-search.png); height:38px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding:10px 20px 0px 20px; width:310px;} .search-box input {background:transparent; border:0px; color:#fff; -webkit-appearance: none; -moz-appearance: none; width:90%} .search-box input.search-btn-white {width:19px; height:auto; margin-bottom:-2px} .search-box ::-webkit-input-placeholder { /* WebKit browsers */ font-size: 18px; color: #fff; line-height:18px; padding-top:2px; } .search-box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 18px; color: #fff; line-height:18px; opacity: 1; padding-top:2px;} .search-box ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 18px; color: #fff; line-height:18px; opacity: 1; padding-top:2px;} .search-box :-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 18px; color: #fff; line-height:18px; padding-top:2px; } .wcf-field-body {width:350px !important; } .wcf-field-row.wcf-horizontal.wcf-submit_button {float:right; display:inline !important; margin:0px} .wcf-submit_button.wcf-clear {clear:none !important} .wcf-input_query, h3.wcf-form-title {display:none !important} .wcf-field-row select:-ms-expand { display: none;} .wcf-field-row select {border:0px; color:#666;padding:0px;-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; width:100%} .wcf-submit_button .wcf-submit-button {float:left; width:142px; color:#fff; background:#000 !important; font-family: 'robotobold', sans-serif; text-transform:uppercase; font-size:15px; letter-spacing:1px;height:41px; margin:0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .wcf-submit_button .wcf-submit-button:hover {color:#00aeef !important;} .wcf-submit_button .wcf-submit-button:after { font-family: 'Karla', sans-serif; content: '>'; font-weight:700; padding-left: 15px; } /* chzn */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-family: 'robotoligtht', sans-serif; font-weight: normal; font-size:18px; color: #666; line-height: 26px; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #efefef; border-top: 0; background:#fff ; } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0px 0px 0px 14px; height: 40px; border: 1px solid #efefef; background:#fff url(images/down-arrow.svg) top right no-repeat; color: #666; text-decoration: none; white-space: nowrap; line-height: 38px; } .chosen-container-single .chosen-default { color: #000; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; } .chosen-container-single .chosen-search { display:none } .chosen-container-single .chosen-search input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #efefef; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: 0px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } /* @end */ /* @group Results */ .chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0px; padding: 10px 0px 10px 0px; max-height: 400px; -webkit-overflow-scrolling: touch; width:100% } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px 5px 14px; list-style: none; -webkit-touch-callout: none; font-family: 'robotolight', sans-serif; font-weight: 400; color:#666; font-size: 16px; line-height: 26px; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { color: #000; } .chosen-container .chosen-results li.no-results { display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @end */ /* @group Active */ .chosen-container-active .chosen-single { border: 1px solid #efefef; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #efefef; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active .chosen-choices { border: 1px solid #efefef; } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #111 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { } /* document library widget */ .doc-widget {float:left; width:100%; background: linear-gradient(to right bottom, #00aeef 50%, #00a0dc 50%);padding:30px 0px; margin-bottom:30px} .doc-widget.resolve {background: linear-gradient(to right bottom, #8cc63f 50%, #85bc3c 50%);} .doc-widget h3 {float:left; color:#fff; margin:0px 0px 0px 20px; padding-bottom:10px} .doc-widget .search-box {float:left; margin:0px 0px 0px 20px;background-image:none; background-color:transparent;height:38px; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;padding:0px; width:40%;} .doc-widget .search-box input {background:#fff; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #fff;padding:8px 20px 9px 20px; border:0px; color:#000; -webkit-appearance: none; -moz-appearance: none; width:87%} .doc-widget .search-box input.search-btn-white {float:right; width:19px; height:auto; margin-bottom:-2px; background:#000;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #000; padding:10px 10px} .doc-widget .search-box ::-webkit-input-placeholder { /* WebKit browsers */ font-size: 18px; color: #000; line-height:18px; padding-top:2px; } .doc-widget .search-box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 18px; color: #000; line-height:18px; opacity: 1; padding-top:2px;} .doc-widget .search-box ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 18px; color: #000; line-height:18px; opacity: 1; padding-top:2px;} .doc-widget .search-box :-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 18px; color: #000; line-height:18px; padding-top:2px; } .doc-widget-hdr {float:left; width:100%; margin-bottom:20px} a.docOpen-btn {-webkit-appearance: none; float:left; margin:0px 0px 0px 40px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:4px; font-family: 'robotobold', sans-serif; color:#fff; text-transform:uppercase; background:#000; padding:5px 15px 5px 15px; text-decoration:none; font-size:15px; border:none; cursor:pointer; text-align:center; letter-spacing:1px;} a.docOpen-btn:hover {background:#000;text-decoration:none;} a.docOpen-btn:after { font-family: 'Karla', sans-serif; content: '>'; font-weight:700; padding-left: 15px; } .categories-search {float:left; padding:0px; border:0px; color:#000; -webkit-appearance: none; -moz-appearance: none; width:52%; margin:2px 0px 0px 20px} .splain {font-family: 'robotobold', sans-serif; line-height:39px;} .splain em {font-family: 'robotoregular', sans-serif; } .categories-search ul {float:right; width:65%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline; list-style-type:none; line-height:normal; background-image:none} .categories-search li {float:left; background:#fff url(images/down-arrow.svg) top right no-repeat !important; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:0px;width:100%; height:20px; margin:0px 0px 0px 0px; padding:10px 0px 11px 0px !important; position:relative; display:inline; list-style-type:none; line-height:normal; font-family: 'Roboto', sans-serif; font-weight: normal; font-size:18px; color: #000; line-height:0px; cursor:pointer} .categories-search .tierDrop {padding-left:20px; font-size:18px; font-family: 'robotolight', sans-serif; line-height:20px} .categories-search li:hover {} .categories-search ul.subLinks { position: absolute; width:100%; top: 39px; left: 0; display: none; opacity: 0; visibility: hidden; margin:0px 0px 0px 0px; z-index:8; background:#fff; padding:0px 0px 23px 0px;} .categories-search ul.subLinks li { float:left; color: #000; line-height:25px; width:100%; border:0px !important; margin:0px 20px 0px 0px; padding:8px 20px 0px 0px; background-image:none !important; } .categories-search ul.subLinks li:last-child { border:0px; } .categories-search ul.subLinks li:hover { } .categories-search ul li:hover ul.subLinks { display: block; opacity: 1; visibility: visible;} .categories-search ul li ul.subLinks a {font-family: 'robotolight', sans-serif; background-image:none; text-transform:none; color:#000; font-size:18px; text-decoration:none; padding-left:20px } .categories-search ul li ul.subLinks a:hover {color:#0876ab } @media only screen and (max-width :1180px) { .wcf-field-body, .chosen-container {width:260px !important; } table.blue-hdr td.main {width:967px;} .doc-filters {float:right; width:710px} .doc-categories ul {float:right; width:710px; margin:0px; padding:40px 0px} .doc-categories ul li {float:left; } .doc-widget .search-box {width:35%; } .doc-widget .search-box input {width:84%} .categories-search {float:left; width:58%;} .categories-search ul { width:60%;} } @media only screen and (max-width :1023px) { table.blue-hdr {margin-top:-27px;} table.blue-hdr td.main {width:auto} table.blue-hdr td.leftBg, table.blue-hdr td.rightBg {display:none} .doc-title, .cat-title {display:none} .doc-filters {float:left; width:auto} .doc-categories ul {float:left; width:auto;margin:0px 30px} .doc-widget .search-box {width:90%!important } .doc-widget .search-box input {width:90% } .categories-search {float:left; clear:left; width:90%;margin-top:20px} .categories-search ul { float:left; clear:left; width:100%;} } @media only screen and (max-width :875px) { .key-title {font-size:36px} .wcf-submit_button .wcf-submit-button {width:120px; font-size:14px; } table.form-downloads td {display:block; max-width:none !important; border-bottom:0px; border-right:0px;padding:0px 20px } table.form-downloads th {display:none; max-width:none !important; } table.form-downloads th.dt {display:block;padding:10px 20px } table.form-downloads td.version {padding-bottom:20px} table.form-downloads td.type {display:none} .dl-button a {margin-right:20px; margin-bottom:30px} a.document-link {padding-top:20px} } @media only screen and (max-width :767px) { .key-title {width:100%} .key-title img {display:none} .wcf-field-body, .chosen-container {width:280px !important; } .wcf-field-row.wcf-horizontal.wcf-taxonomy {display:block !important; } .wcf-field-row.wcf-horizontal.wcf-submit_button {float:left; display:block !important; margin:0px} .wcf-submit_button .wcf-submit-button {float:left; width:142px; font-size:15px; clear:left } .key-search {float:left; width:100%} .search-box {float:left; width:100%; max-width:280px; padding:10px 0px 0px 0px; background:#000; background-image:none; margin-bottom:-25px} .search-box input {background:transparent; border:0px; color:#fff; -webkit-appearance: none; -moz-appearance: none; width:90%} .doc-widget .search-box {max-width:767px; } .doc-widget .search-box input {width:90%;} .search-box ::-webkit-input-placeholder { /* WebKit browsers */ padding-left:15px; } .search-box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ padding-left:15px; } .search-box ::-moz-placeholder { /* Mozilla Firefox 19+ */ padding-left:15px; } .search-box :-ms-input-placeholder { /* Internet Explorer 10+ */ padding-left:15px; } .doc-widget .search-box ::-webkit-input-placeholder { /* WebKit browsers */ padding-left:0px; } .doc-widget .search-box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ padding-left:0px; } .doc-widget .search-box ::-moz-placeholder { /* Mozilla Firefox 19+ */ padding-left:0px;} .doc-widget .search-box :-ms-input-placeholder { /* Internet Explorer 10+ */ padding-left:0px; } .doc-categories ul li {font-size:16px; line-height:23px;} } @media only screen and (max-width :640px) { table.blue-hdr td.leftBg, table.events-hdr td.rightBg {display:none} table.blue-hdr {margin:0px;padding-left:20px; padding-right:20px} .doc-widget .search-box input {width:85%;} a.docOpen-btn {margin-left:20px;} } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ /* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .chosen-container .chosen-drop {position:relative} } */ /* ------------------------------------------ RESOLVE -------------------------------------------------------------- */ .parent-pageid-24 .title-banner, .page-id-2146 .title-banner {background:#8cc63f} .parent-pageid-24 .title-banner a, .page-id-2146 .title-banner a {color:#000} .qa-content {padding:30px 0px 30px 30px} .qa-content ul.twoCol-list { margin:0px 0px 20px 0px; padding: 0px 0px 0px 0px; } .qa-content ul.twoCol-list li { display:inline; width:46%; margin:0px 0px 0px 0px; list-style-type:none;font-family: 'robotoregular', sans-serif;padding: 0px 0px 0px 20px; list-style-type:none; background:url(images/bullet.png) top left no-repeat; } .qa-content ul.twoCol-list li a:hover {color:#85bc3c} .parent-pageid-24 table.blue-hdr td.leftBg, .page-id-2146 table.blue-hdr td.leftBg {background:#8cc63f; } .parent-pageid-24 table.blue-hdr td.main, .page-id-2146 table.blue-hdr td.main {background: linear-gradient(to right bottom, #8cc63f 50%, #85bc3c 50%);} .parent-pageid-24 table.blue-hdr td.rightBg, .page-id-2146 table.blue-hdr td.rightBg {background:#85bc3c; } .parent-pageid-24 .search-box, .page-id-2146 .search-box{background:#000;background-image:none} .subfolder {cursor:pointer; background:url(images/icon-subfolder.png) top left no-repeat; padding: 0px 0px 10px 50px; font-weight:600} .sub-list ul {border-bottom:#ccc 1px solid; width:90%; padding-bottom:50px;margin-bottom:50px} /* ------------------------------------------ GROW -------------------------------------------------------------- */ .event-list-hdr {float:left; width:100%;border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; margin:20px 0px 40px 0px} .event-list-hdr h3 {margin-bottom:0px; padding-bottom:0px} .event-list-hdr td {padding:15px 0px} td.eTitle {border-right:#ccc 1px solid; padding-right:40px} td.eLink {font-family: 'bebas-neue', Arial, Helvetica, sans-serif; font-weight: normal; font-size:16px; line-height:30px; color: #666666; text-transform:uppercase; padding-left:40px} td.eLink a, td.eLink a:hover {font-family: 'bebas-neue', Arial, Helvetica, sans-serif; color:#00aeef; text-decoration:none; letter-spacing:2px; font-weight: normal; font-size:24px; line-height:40px; } td.eLink a:after { font-family: 'Karla', sans-serif; content: '>';font-weight:700; padding-left: 15px;} .event-group {float:left; width:100%; border-bottom:#ccc 1px solid; padding-bottom:30px; margin-bottom:30px} .event-group h2 a {color:#000; text-decoration:none; } .event-group h2 a:hover {color:#00aeef; text-decoration:none; } .event-group:last-of-type {border-bottom:0px} .event-list-item {float:left; width:33.3%} .eventPad {padding-right:20px} .event-date {background:#00aeef;padding:0px 20px; font-family: 'bebas-neue', Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; letter-spacing:2px; font-weight: normal; font-size:24px; line-height:40px; width:100px; text-align:center; margin-bottom:30px} @media only screen and (max-width :1023px) { td.eLink a, td.eLink a:hover { font-size:22px; line-height:34px; } } @media only screen and (max-width :640px) { .event-group {border-bottom:0px; padding-bottom:0px; margin-bottom:0px} .event-list-item {width:100%; border-bottom:#ccc 1px solid; margin-bottom:30px; padding-bottom:30px;} .event-list-item:last-of-type {border-bottom:0px} } /* ------------------------------------------ RAMCO WIDGETS -------------------------------------------------------------- */ .page-id-78 .flex_content {display:none} table.shop-hdr {margin-top:30px; width:100%; border-collapse:collapse; border-spacing:0; padding:0px; } table.shop-hdr td.leftBg{background:#f7e574; height:50px; padding:0px;} table.shop-hdr td.main {width:1120px; background: linear-gradient(to right bottom, #f7e574 50%, #fedf1e 50%);vertical-align:top } table.shop-hdr td.rightBg{background:#fedf1e; height:50px; padding:0px;} table.shop-hdr td.main h1 {padding:35px 30px 30px 0px} .cobalt-widget.mobile-cal {display:none} ul.ramco-list li {border-bottom:#ccc 1px solid !important; margin-top:30px !important; padding-top:30px !important} .sixteen .page-title h2 {display:none !important;} @media only screen and (max-width :1180px) { table.shop-hdr td.main {width:964px;} } @media only screen and (max-width :1023px) { table.shop-hdr {margin-top:-27px;} .cobalt-widget.desktop-cal {display:none} .cobalt-widget.mobile-cal {display:block} } .widget-container {width:1120px; overflow:hidden; margin:0px auto 30px auto} .dashboard-container {width:1120px; overflow:hidden; margin:30px auto} #cw267205962 {width:1120px; margin:0px 0px 0px -30px; height: 100%; } #cw-286823343 {width:1120px; margin:0px 0px 0px 0px; height: 100%; } #cw1564242629 {width:1120px; margin:0px 0px 0px 0px; height: 100%;} @media only screen and (max-width :1180px) { .widget-container {width:1024px; overflow:hidden;} .dashboard-container {width:1024px; overflow:hidden; } #cw267205962 {width:100%; margin-left:0px; height: 100%; overflow:hidden;} #cw-286823343 {width:100%; margin:0px 0px 0px 0px; height: 100%; overflow:hidden;} #cw1564242629 {width:100%; margin:0px 0px 0px 0px; height: 100%; overflow:hidden;} } @media only screen and (max-width :1023px) { .widget-container {width:100%;} .dashboard-container {width:100%;} } /* ------------------------------------------ GFORM -------------------------------------------------------------- */ .gform_title {display:none} .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {border:0px; float:left; color:#fff !important; line-height:42px !important; text-transform:uppercase; font-family: 'robotobold', sans-serif; font-weight:700 ; font-size:16px; float:left; padding:4px 20px 0px 20px; background:#000; text-decoration:none !important; cursor:pointer } .gform_wrapper .gform_footer input.button:hover {background:#0876ab} ul.gfield_checkbox li label{font-size:18px; line-height:30px} /* ------------------------------------------ SITEMAP -------------------------------------------------------------- */ ul.sitemap {width:100%; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; display:table; border-bottom:#ccc 1px solid;} ul.sitemap li {margin:0px; padding:0px; display:table-cell; width:224px; text-transform:uppercase;font-family: 'robotobold', sans-serif; } ul.sitemap li a {color:#000} ul.sitemap ul {margin:0px; padding:0px; display:block} ul.sitemap ul li {margin:0px; padding:0px; display:block; font-family: 'robotolight', sans-serif;text-transform:none;} ul.sitemap ul li a {color:#0876ab} .error404 .title-banner {background-color:#00aeef} /* ------------------------------------------ FOOTER -------------------------------------------------------------- */ #footer {position:relative; z-index:1; width:100%; margin:0px 0px 0px 0px; padding:40px 0px 40px 0px; font-family: 'robotolight', sans-serif; overflow:hidden; background:#000; color:#fff; font-size: 14px; } .footer-container {max-width:1120px; width:100%; margin:0px auto 0px auto; padding:0px 0px 0px 0px; } ul.footer-nav {float:left; margin:7px 0px 0px 0px; padding:0px} ul.footer-nav li {margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; display:inline-block; list-style-type:none; line-height:14px; border-left:#fff 1px solid; } ul.footer-nav li:first-child {border-left:0px; margin:0px 0px 0px 0px; padding:0px 10px 0px 0px;} ul.footer-nav li a {text-transform:uppercase; color:#fff; } ul.footer-nav li a:hover {text-decoration:underline} .social-media {margin:0px auto 0px auto; padding:0; list-style:none; float:right } .social-media ul {margin:0px; padding:0px; display:table} .social-media ul li { padding:0px 10px 0px 0px; list-style-type:none; display:table-cell; } .social-media ul li:last-child {padding:0px 0px 0px 0px; border-right:0px; } .mobile-tagline {float:left; width:100%; display:none; text-align:center; background:#333333; padding:20px 0px 20px 0px; color:#fff; font-size:18px; line-height:18px} .mobile-footer {float:left; width:100%; display:none; text-align:center; padding:20px 0px} #backTop { display:none; position:relative; height:41px; width:41px; margin:20px auto 0px auto; } #backTop img { position:absolute; left:0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 0.3s ease-in-out; background:#000;} #backTop img.top:hover { opacity:0; } .pum-theme-639 .pum-title {color:#fff !important; text-shadow:none !important; font-size:24px; font-family: 'bebas-neue', Arial, Helvetica, sans-serif !important; background:#000; padding:12px 0px !important; margin-bottom:30px !important} .pum-theme-639 .pum-title span {padding-left:20px} .pum-field label {font-size:20px; line-height:30px;font-family: 'robotolight', sans-serif !important;font-weight:normal !important} .pum-field {width:100% !important} .pum-field input.regular-text {width:100%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #E2E1E1 !important;background-color:#E2E1E1 !important; margin-bottom:10px; padding:10px 50px 11px 20px} .pum-form-wrapper button[type=submit] {float:left;margin:none} button.pum-button-regular {background:#000; width:auto !important; color:#fff; margin:10px 0px 10px 0px !important; font-size:24px; font-family: 'bebas-neue', Arial, Helvetica, sans-serif; padding:10px 20px 11px 20px} ul.pum-alm-footer-links {padding-top:20px !important} button.pum-close {margin-top:35px} .popmake.fixed { height: auto !important; } /* ------------------------------------------ FOOTER RESPONSIVE STYLES -------------------------------------------------------------- */ @media only screen and (max-width :1180px) { .footer-container {max-width:967px;} ul.sitemap li {width:170px;padding-right:30px } } @media only screen and (min-width :1024px) and (max-width :1180px) { ul.footer-nav a {font-size:13px !important} } @media only screen and (max-width :1023px) { ul.sitemap {margin-bottom:0px !important; padding-bottom:0px !important} ul.sitemap li {width:100%;padding-right:0px; display:block; margin:20px 0px 20px 0px; } #footer {padding:30px 0px 30px 0px;} ul.footer-nav {width:100%; text-align:center; margin-bottom:25px} ul.footer-nav li {margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; display:inline-block; list-style-type:none; line-height:14px; border-right:#fff 1px solid; border-left:0px; } ul.footer-nav li:last-child {border-right:0px;padding:0px 10px 0px 10px;} ul.footer-nav .copyright {display:none} .social-media {float:left; width:100%; text-align:center} .social-media ul {margin:0px auto} .mobile-tagline {display:block} .mobile-footer {display:block} #backTop { display:block;} } @media only screen and (max-width :640px) { .pum-theme-639 .pum-title, .pum-theme-lightbox .pum-title {font-size:24px !important; } ul.gfield_checkbox li label {font-size:16px; line-height:26px} } /* ------------------------------------------ END FOOTER RESPONSIVE STYLES -------------------------------------------------------------- */ /* defaults */ p img { padding: 0; max-width: 100%; height:auto; border:none; } img.centered { display: block; margin-left: auto; margin-right: auto; max-width:50%; height:auto; image-rendering: -webkit-optimize-contrast;} img.alignright { padding:0px; margin:0px 0px 20px 30px; display: inline; max-width:50%;height:auto; image-rendering: -webkit-optimize-contrast; } img.alignleft { padding:0px; margin:0px 30px 20px 0px; display: inline; } .alignright { float: right; } .alignleft { float: left; } .alignnone {margin:20px auto} /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: none; text-align: center; padding-bottom: 4px; margin: 0px; } .wp-caption img { margin: 0; padding: 0px 0px 4px 0px; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; color: #cccccc;} @media only screen and (max-width :1024px) { img.centered { image-rendering: auto;} img.alignright { image-rendering: auto; } } /* Responsive menus */ .cbp-spmenu { background:url(images/cbp-menu-bg.png); position: fixed; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow-y: scroll; -webkit-overflow-scrolling:touch; } .cbp-spmenu .mobile-wrap {margin-top:84px; margin-bottom:40px} .cbp-spmenu a { display: block; color: #fff; font-size: 20px; letter-spacing:2px; padding:18px 0px 18px 0px; text-align:left; font-family: 'bebas-neue', Arial, Helvetica, sans-serif; } .cbp-spmenu a:hover {} .cbp-spmenu ul {margin:0px 0px 0px 0px; padding:0px; } .cbp-spmenu li {margin:0px; padding:0px; list-style-type:none; width:100%; display: block; text-transform: uppercase;} .cbp-spmenu li.red {border-bottom:#ed1c24 2px solid;} .cbp-spmenu li.red ul.sub-menu {border-top:#ed1c24 2px solid; padding:20px 0px 0px 0px} .cbp-spmenu li.orange {border-bottom:#f26522 2px solid;} .cbp-spmenu li.orange ul.sub-menu {border-top:#f26522 2px solid; padding:20px 0px 0px 0px} .cbp-spmenu li.yellow {border-bottom:#ffde16 2px solid;} .cbp-spmenu li.yellow ul.sub-menu {border-top:#ffde16 2px solid; padding:20px 0px 0px 0px} .cbp-spmenu li.green {border-bottom:#8cc63f 2px solid;} .cbp-spmenu li.green ul.sub-menu {border-top:#8cc63f 2px solid; padding:20px 0px 0px 0px} .cbp-spmenu li.blue {border-bottom:#00aeef 2px solid;} .cbp-spmenu li.blue ul.sub-menu {border-top:#00aeef 2px solid; padding:20px 0px 0px 0px} .cbp-spmenu li.menu-item-has-children {background:url(images/mobile-menu.gif) top right no-repeat} .cbp-spmenu li:first-child {border-top:0px} .cbp-spmenu li a { color:#fff; display:block; padding:18px 0px 18px 0px;} .cbp-spmenu li a:hover {text-decoration:none; } .cbp-spmenu li ul.sub-menu {margin:0px 0px 20px 0px; padding:0px; border-top:0px; position:relative; z-index:999} .cbp-spmenu li ul.sub-menu li {margin:0px; list-style-type:none; width:47%; display: inline-block; border:0px; text-transform: none;background:none !important} .cbp-spmenu li ul.sub-menu li a {font-family: 'Roboto', sans-serif; font-weight:300; font-size:18px; letter-spacing:normal; color:#fff; padding:8px 0px 0px 0px; display:block; text-transform:none} ul.sub-menu { display: none; } .cbp-spmenu-horizontal ul li.active {background:url(images/mobile-menu-active.gif) top right no-repeat; border:0px !important} .menu-mobile-menu-container {float:left; width:100%} /* Orientation-dependent styles for the content of the menu */ .cbp-spmenu-horizontal { width: 100%; height: 100%; left: 0; z-index: 1000; } button {float:right; width:41px; height:42px; margin:31px 30px 0px 0px; border: none;cursor:pointer; padding:0px; background:none;} button{border: none;} button:hover {cursor:pointer; border:0;} button.active { background: none; padding:0px; background:none;width:41px; height:42px; } button.disabled { background: none; pointer-events: none; } /* Horizontal menu that slides from the top or bottom */ .cbp-spmenu-top { z-index: 998; top: -100%; } .cbp-spmenu-top.cbp-spmenu-open { top: 0px; } .cbp-spmenu-bottom.cbp-spmenu-open { bottom: 0px; } /* Push classes applied to the body */ .cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; } /* Transitions */ .cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; } @media only screen and (min-width :1024px) { .cbp-spmenu {display:none !important} } @media only screen and (max-width :639px) { .cbp-spmenu {padding:0px} .cbp-spmenu .mobile-wrap {padding:28px 0px 0px 0px} .cbp-spmenu #search-mobile { float:left; margin:0px 0px 20px 0px; } } @media only screen and (max-width :530px) { .cbp-spmenu li ul.sub-menu li a {font-size:15px;padding:0px 0px 0px 0px; } } @media only screen and (max-width :440px) { .cbp-spmenu li ul.sub-menu li {width:100%; display:block } } @media only screen and (max-width :415px) { .logged-in .cbp-spmenu-top.cbp-spmenu-open {top: 0px;} } @media only print { #header-wrap {display:none } #footer {display:none } #menu {display:none } .cbp-spmenu {display:none } .c1 {width:100% } .c2 {display:none } }