/* ========================================================================= */ /* !RESETS AND DEFAULTS */ /* ========================================================================= */ html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; outline: 0; font-style: normal; font-weight: 400; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; } em, strong, b, i, a, span, sub, sup, small { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; } a:focus { outline: 0; } :focus, :active { outline: none; outline: 0; } ::-moz-focus-inner { outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } li { list-style: none; } a { text-decoration: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border-top: 1px solid #000; color: #000; } input, select { vertical-align: middle; } sub { vertical-align: sub; font-size: smaller; line-height: 0px; } sup { vertical-align: super; font-size: smaller; line-height: 0px; } input, button, textarea, select, label, img { display: inline-block; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } textarea { resize: none; } button, a span { cursor: pointer; } button { border: 0; text-align: center; } body, input, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* != CLEAR ELEMENTS */ .clear { clear: both; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; } * html .clearfix { height: 1%; } /* Hides from IE-mac \*/ .clearfix { display: block; } /* Hides from IE-mac \*/ * html .clearfix { zoom: 1; } /* IE6 */ *:first-child + html .clearfix { zoom: 1; } /* IE7 */ #no_ie6 { width: 100%; height: 40px; overflow: hidden; border-bottom: 2px solid #000; } /* ========================================================================= */ /* !FONTS (@fontface generated with FontSpring Syntax formatting */ /* ========================================================================= */ @font-face { font-family: "jack-social"; src: url("../fonts/JackSocial/jack-social.eot"); src: url("../fonts/JackSocial/jack-social.eot?#iefix") format("embedded-opentype"), url("../fonts/JackSocial/jack-social.ttf") format("truetype"), url("../fonts/JackSocial/jack-social.svg#jack-social") format("svg"), url("../fonts/JackSocial/jack-social.woff") format("woff"); font-weight: normal; font-style: normal; } /** Cutive **/ @font-face { font-family: 'cutive'; src: url("../fonts/Cutive/cutive-regular-webfont.eot"); src: url("../fonts/Cutive/cutive-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Cutive/cutive-regular-webfont.woff") format("woff"), url("../fonts/Cutive/cutive-regular-webfont.ttf") format("truetype"), url("../fonts/Cutive/cutive-regular-webfont.svg#cutiveregular") format("svg"); font-weight: 400; font-style: normal; } /** HalisGR **/ @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-thin-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-thin-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-thin-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-thin-webfont.svg#halis_grthin") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-thinitalic-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-thinitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-thinitalic-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-thinitalic-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-thinitalic-webfont.svg#halis_grthin_italic") format("svg"); font-weight: 100; font-style: italic; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-extralight-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-extralight-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-extralight-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-extralight-webfont.svg#halis_grextralight") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-extralightitalic-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-extralightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-extralightitalic-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-extralightitalic-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-extralightitalic-webfont.svg#halis_grextralight_italic") format("svg"); font-weight: 200; font-style: italic; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-light-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-light-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-light-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-light-webfont.svg#halis_grlight") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-lightitalic-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-lightitalic-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-lightitalic-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-lightitalic-webfont.svg#halis_grlight_italic") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-book-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-book-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-book-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-book-webfont.svg#halis_grbook") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-bookitalic-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-bookitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-bookitalic-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-bookitalic-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-bookitalic-webfont.svg#halis_grbook_italic") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-medium-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-medium-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-medium-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-medium-webfont.svg#halis_grmedium") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-mediumitalic-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-mediumitalic-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-mediumitalic-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-mediumitalic-webfont.svg#halis_grmedium_italic") format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-bold-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-bold-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-bold-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-bold-webfont.svg#halis_grbold") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-bolditalic-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-bolditalic-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-bolditalic-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-bolditalic-webfont.svg#halis_grbold_italic") format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-black-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-black-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-black-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-black-webfont.svg#halis_grblack") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'halis_gr'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-blackitalic-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-blackitalic-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-blackitalic-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-blackitalic-webfont.svg#halis_grblack_italic") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: 'halis_grs'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-sthin-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-sthin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-sthin-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-sthin-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-sthin-webfont.svg#halis_grs_thin") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: 'halis_grs'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-sthinitalic-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-sthinitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-sthinitalic-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-sthinitalic-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-sthinitalic-webfont.svg#halis_grs_thin_italic") format("svg"); font-weight: 100; font-style: italic; } @font-face { font-family: 'halis_grs'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-sregular-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-sregular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-sregular-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-sregular-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-sregular-webfont.svg#halis_grs_regular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'halis_grs'; src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-sregularitalic-webfont.eot"); src: url("../fonts/HalisGR/ahmet_altun_-_halisgr-sregularitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-sregularitalic-webfont.woff") format("woff"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-sregularitalic-webfont.ttf") format("truetype"), url("../fonts/HalisGR/ahmet_altun_-_halisgr-sregularitalic-webfont.svg#halis_grs_regular_italic") format("svg"); font-weight: 400; font-style: italic; } /** PlayFair Display **/ @font-face { font-family: 'playfair_display'; src: url("../fonts/PlayfairDisplay/playfairdisplay-regular-webfont.eot"); src: url("../fonts/PlayfairDisplay/playfairdisplay-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplay/playfairdisplay-regular-webfont.woff") format("woff"), url("../fonts/PlayfairDisplay/playfairdisplay-regular-webfont.ttf") format("truetype"), url("../fonts/PlayfairDisplay/playfairdisplay-regular-webfont.svg#playfair_displayregular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'playfair_display'; src: url("../fonts/PlayfairDisplay/playfairdisplay-italic-webfont.eot"); src: url("../fonts/PlayfairDisplay/playfairdisplay-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplay/playfairdisplay-italic-webfont.woff") format("woff"), url("../fonts/PlayfairDisplay/playfairdisplay-italic-webfont.ttf") format("truetype"), url("../fonts/PlayfairDisplay/playfairdisplay-italic-webfont.svg#playfair_displayitalic") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'playfair_display'; src: url("../fonts/PlayfairDisplay/playfairdisplay-bold-webfont.eot"); src: url("../fonts/PlayfairDisplay/playfairdisplay-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplay/playfairdisplay-bold-webfont.woff") format("woff"), url("../fonts/PlayfairDisplay/playfairdisplay-bold-webfont.ttf") format("truetype"), url("../fonts/PlayfairDisplay/playfairdisplay-bold-webfont.svg#playfair_displaybold") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'playfair_display'; src: url("../fonts/PlayfairDisplay/playfairdisplay-bolditalic-webfont.eot"); src: url("../fonts/PlayfairDisplay/playfairdisplay-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplay/playfairdisplay-bolditalic-webfont.woff") format("woff"), url("../fonts/PlayfairDisplay/playfairdisplay-bolditalic-webfont.ttf") format("truetype"), url("../fonts/PlayfairDisplay/playfairdisplay-bolditalic-webfont.svg#playfair_displaybold_italic") format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: 'playfair_display'; src: url("../fonts/PlayfairDisplay/playfairdisplay-black-webfont.eot"); src: url("../fonts/PlayfairDisplay/playfairdisplay-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplay/playfairdisplay-black-webfont.woff") format("woff"), url("../fonts/PlayfairDisplay/playfairdisplay-black-webfont.ttf") format("truetype"), url("../fonts/PlayfairDisplay/playfairdisplay-black-webfont.svg#playfair_displayblack") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'playfair_display'; src: url("../fonts/PlayfairDisplay/playfairdisplay-blackitalic-webfont.eot"); src: url("../fonts/PlayfairDisplay/playfairdisplay-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplay/playfairdisplay-blackitalic-webfont.woff") format("woff"), url("../fonts/PlayfairDisplay/playfairdisplay-blackitalic-webfont.ttf") format("truetype"), url("../fonts/PlayfairDisplay/playfairdisplay-blackitalic-webfont.svg#playfair_displayblack_italic") format("svg"); font-weight: 600; font-style: italic; } /** Raleway **/ @font-face { font-family: 'raleway'; src: url("../fonts/Raleway/raleway-extralight-webfont.eot"); src: url("../fonts/Raleway/raleway-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway/raleway-extralight-webfont.woff") format("woff"), url("../fonts/Raleway/raleway-extralight-webfont.ttf") format("truetype"), url("../fonts/Raleway/raleway-extralight-webfont.svg#ralewayextralight") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("../fonts/Raleway/Raleway-Regular-webfont.eot"); src: url("../fonts/Raleway/Raleway-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway/Raleway-Regular-webfont.woff") format("woff"), url("../fonts/Raleway/Raleway-Regular-webfont.ttf") format("truetype"), url("../fonts/Raleway/Raleway-Regular-webfont.svg#RalewayRegular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("../fonts/Raleway/Raleway-Bold-webfont.eot"); src: url("../fonts/Raleway/Raleway-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway/Raleway-Bold-webfont.woff") format("woff"), url("../fonts/Raleway/Raleway-Bold-webfont.ttf") format("truetype"), url("../fonts/Raleway/Raleway-Bold-webfont.svg#RalewayBold") format("svg"); font-weight: 700; font-style: normal; } /** Web Icons **/ @font-face { font-family: "web-icons"; src: url("../fonts/WebIcons/web-icons.eot"); src: url("../fonts/WebIcons/web-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/WebIcons/web-icons.woff") format("woff"), url("../fonts/WebIcons/web-icons.ttf") format("truetype"), url("../fonts/WebIcons/web-icons.svg#web-icons") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "web-icons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "web-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-address:before { content: "a"; } .icon-circle-twitter:before { content: "b"; } .icon-angle-down:before { content: "c"; } .icon-cross:before { content: "d"; } .icon-angle-left:before { content: "e"; } .icon-curl-left:before { content: "f"; } .icon-angle-right:before { content: "g"; } .icon-curl-right:before { content: "h"; } .icon-angle-up:before { content: "i"; } .icon-email:before { content: "j"; } .icon-arrow-down:before { content: "k"; } .icon-facebook:before { content: "l"; } .icon-arrow-left:before { content: "m"; } .icon-instagram:before { content: "n"; } .icon-arrow-right:before { content: "o"; } .icon-linkedin:before { content: "p"; } .icon-arrow-up:before { content: "q"; } .icon-phone:before { content: "r"; } .icon-calendar:before { content: "s"; } .icon-plus:before { content: "t"; } .icon-circle-email:before { content: "u"; } .icon-twitter:before { content: "v"; } .icon-circle-facebook:before { content: "w"; } .icon-youtube:before { content: "x"; } .icon-circle-plus:before { content: "y"; } .icon-search:before { content: "z"; } /* ========================================================================= */ /* !SASS VARIABLES & MIXINS */ /* ========================================================================= */ /** Variables **/ /** Mixins **/ /* ========================================================================= */ /* !UNIVERSAL STYLES */ /* ========================================================================= */ html, body { /* min-height: 100%; */ } html { /* position: relative; */ } body { min-width: 1160px; /* margin-bottom: 465px; */ background: #fff; font: 400 14px/21px "halis_gr", Arial, sans-serif; color: #525252; } /* ========================================================================= */ /* !ELEMENT & LAYOUT STYLES */ /* ========================================================================= */ /* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */ ::selection { background: #aaa; color: #fff; } ::-moz-selection { background: #aaa; color: #fff; } ::-webkit-selection { background: #aaa; color: #fff; } /* != GENERAL ELEMENT STYLES ===== */ /* != JACK SOCIAL ICON FONT STYLES ===== */ [data-icon]:before { font-family: "jack-social"; content: attr(data-icon); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="social-"]:before, [class*=" social-"]:before { font-family: "jack-social"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-email:before { content: "a"; } .social-email-round:before { content: "A"; } .social-facebook:before { content: "f"; } .social-facebook-round:before { content: "F"; } .social-flickr:before { content: "c"; } .social-flickr-round:before { content: "C"; } .social-googleplus:before { content: "g"; } .social-googleplus-round:before { content: "G"; } .social-instagram:before { content: "i"; } .social-instagram-round:before { content: "I"; } .social-linkedin:before { content: "l"; } .social-linkedin-round:before { content: "L"; } .social-pinterest:before { content: "p"; } .social-pinterest-round:before { content: "P"; } .social-rss:before { content: "r"; } .social-rss-round:before { content: "R"; } .social-sharethis:before { content: "s"; } .social-sharethis-round:before { content: "S"; } .social-twitter:before { content: "t"; } .social-twitter-round:before { content: "T"; } .social-vimeo:before { content: "v"; } .social-vimeo-round:before { content: "V"; } .social-yelp:before { content: "x"; } .social-yelp-round:before { content: "X"; } .social-youtube:before { content: "y"; } .social-youtube-round:before { content: "Y"; } .social-youtube2:before { content: "u"; } .social-youtube2-round:before { content: "U"; } /* != DEFAULT WORDPRESS STYLES ===== */ .aligncenter { display: block; margin: 25px 0; } .alignleft { float: left; margin: 0 25px 25px 0; } .alignright { float: right; margin: 0 0 25px 25px; } .alignnone { display: inline-block; } /* != LAYOUT STYLES ===== */ .centered { width: 1140px; margin: 0 auto; padding: 0 10px; } a, button[type='submit'], .grid-subpage li a strong { transition: all .2s ease; } a { color:#568DD0; } .pattern-content { background: url(../images/pattern.png) repeat left top; } .pattern-content.blue { background-color: #2967b4; } .pattern-content.gray { background-color: #f5f5f5; } /** Links / Buttons **/ .read-more { display: inline-block; position: relative; padding: 0 13px 0 0; } .read-more:before { font-size: 8px; position: absolute; right: 0; top: 50%; margin: -4px 0 0; } .read-more.blue { color: #2967b4; } .read-more:hover { color: #2c2c2c; } .fetch { text-align: center; padding: 30px 0 10px; } .fetch a { display: inline-block; padding: 10px 30px; border: 1px solid #a7a7a7; border-radius: 2px; font-weight: 300; font-size: 23px; line-height: 26px; color: #a7a7a7; text-transform: lowercase; } .fetch a:hover { border-color: #2967b4; color: #2967b4; } .view-all-wrap { clear:both; border-top:1px solid #E0E0E0; padding:20px 0 0; } .view-all { display: inline-block; padding: 8px 35px; border: 1px solid #e0e0e0; border-radius: 2px; font-weight: 300; font-size: 20px; line-height: 24px; color: #a7a7a7; text-transform: lowercase; } .view-all:hover { border-color: #2967b4; color: #2967b4; } .icon-calendar:hover { color: #000 !important; } .icon-calendar:hover:before { color: #568dd0 !important; } /** Social Media - Share This **/ .social-media li { display: inline; float: left; } .social-media li a { display: block; } .share-this h5 { display: inline-block; margin: 0 5px 0 0; line-height: 29px; vertical-align: top; } .share-this span { display: inline-block; color: #000; font-size: 24px; margin: 0 0 0 3px; cursor: pointer; } .share-this span:before { /* -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; */ } .share-this span:hover { color: #568dd0; } .share-this a { color: #000; font-size: 24px; display: inline-block; } .share-this a.social-rss-round { position: relative; } .share-this a.social-rss-round:before { position: relative; left: 3px; top: -1px; } .share-this a:hover { color: #568dd0; } /** Header Styles **/ #header .header-inner { background: #000; position: relative; } #header .header-inner #logo { position: absolute; left: 50%; top: 50%; margin: -24px 0 0 -120px; } #header .header-inner #logo a { width: 240px; height: 48px; display: block; text-indent: -9999px; background: url(../images/logo.png) no-repeat left top; position: relative; } /** Home Banner **/ #banner-pane { position: relative; } #banner-pane .slide { width: 100%; height: 635px; } #banner-pane .slide .caption { background: #2967b4; background: rgba(41, 103, 180, 0.75); } #banner-pane .slide .caption h2 { width: 1140px; margin: 0 auto; padding: 40px 10px 30px; color: #fff; text-align: center; } #banner-pane .slide .caption h2 span { display: inline-block; } #banner-pane .slide .caption h2 span.text1 { font: 300 28px/38px "halis_gr", Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; } #banner-pane .slide .caption h2 span.text2 { font: 400 42px/48px "cutive", Georgia, Times, "Times New Roman", serif; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 2px 0; margin: 5px 0; } #banner-pane .slide .caption h2 span.text3 { font: 400 18px/22px "playfair_display", Georgia, Times, "Times New Roman", serif; font-style: italic; } #banner-pane .quick-links { position: absolute; bottom: 0; left: 0; right: 0; z-index: 100; } #banner-pane .quick-links a { display: block; margin: 0 auto; background: url(../images/sprite_dotted_lines.png) no-repeat -9999px -9999px; color: #fff; text-align: center; position: relative; /* -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; */ } #banner-pane .quick-links a.circle-blue { width: 147px; height: 140px; background-position: -7px -106px; font: 500 28px/120px "halis_gr", Arial, sans-serif; text-transform: uppercase; z-index: 1; } #banner-pane .quick-links a.circle-black { width: 108px; height: 100px; background-position: -157px -106px; font-size: 12px; line-height: 78px; margin-top: -12px; z-index: 2; } #banner-pane .quick-links a.circle-black .icon-arrow-down { position: relative; line-height: normal; } #banner-pane .quick-links a.circle-black .icon-arrow-down:before { position: absolute; font-size: 10px; color: #568dd0; bottom: -15px; left: 50%; margin: 0 0 0 -5px; } #banner-pane .quick-links a:hover { /* -webkit-transform: rotate(0deg) scale(1.05); -moz-transform: rotate(0deg) scale(1.05); -o-transform: rotate(0deg) scale(1.05); -ms-transform: rotate(0deg) scale(1.05); transform: rotate(0deg) scale(1.05); */ } /** Form Style **/ form label.block { display: none; } form select { height: 45px; margin: 0; padding: 10px 40px 10px 10px; background: white url(../images/arrow_down.png) no-repeat right center; /* width: 268px; */ font-size: 18px; font-weight: 300; line-height: 1; color: #689AD8; border: 1px solid #ccc; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; text-indent: 1px; text-overflow: ''; } form select:before { font-family: "web-icons" !important; content: 'k'; } form select::-ms-expand { display: none; } form ul { position: relative; overflow: hidden; } form ul li { width: 542px; position: relative; font-weight: 400; font-size: 18px; line-height: 24px; color: #568dd0; margin: 15px 25px 0 0; float: left; /* clear: both; */ } form ul li label { position: absolute; font: inherit; left: 10px; top: 13px; line-height: 24px; } form ul li label.static { display: block !important; position: static; opacity: 1 !important; filter: alpha(opacity=100%) !important; } form ul li input[type='text'], form ul li textarea { width: 520px; background: #fff; padding: 10px; border: none; border: 1px solid #ccc; border-radius: 3px; font: inherit; color: #568dd0; } form ul li select { width: 542px; } form ul li [class*="gfield_time_"] { position: relative; display: inline-block; margin: 0 10px 0 0; } form ul li [class*="gfield_time_"] input[type="text"] { width: 30px; } form ul li [class*="gfield_time_"] select { width: auto; } form ul li .gfield_description { font-size: 14px; color: #555; } form ul li .validation_message { color: #747474; } form ul li.comments { margin-top: 17px !important; position: absolute; top: 0; right: 0; height: 100%; } form ul li.comments .ginput_container { height: 100%; } form ul li.comments .ginput_container textarea { height: 89.5%; } form ul li.dropdown label { display: none; } form ul li.gfield_error input[type='text'], form ul li.gfield_error textarea, form ul li.gfield_error select { background-color: #F5F5F5; } form ul li ul li { float: none; clear: none; display: block; margin: 5px 0 0; } form ul li ul li label { position: static; color: #525252; font-size: 16px; line-height: 1; } form ul li ul li input[type='radio'], form ul li ul li input[type='checkbox'] { margin-top: 0; margin-right: 10px; opacity: 0; filter: alpha(opacity=0); } form ul li ul li input[type='radio'] + input[type='text'], form ul li ul li input[type='checkbox'] + input[type='text'] { width: auto; padding: 2px 10px; color: #525252; } form ul li ul li input[type='radio']:checked + label, form ul li ul li input[type='radio'].checked + label, form ul li ul li input[type='checkbox']:checked + label, form ul li ul li input[type='checkbox'].checked + label { color: #568dd0; } form ul li ul li input[type='radio']:checked + input[type='text'], form ul li ul li input[type='radio'].checked + input[type='text'], form ul li ul li input[type='checkbox']:checked + input[type='text'], form ul li ul li input[type='checkbox'].checked + input[type='text'] { color: #568dd0; } form ul li ul li input[type='radio'] + label, form ul li ul li input[type='checkbox'] + label { position: relative; line-height: 24px; left: 0; top: 0; padding-left: 5px; } form ul li ul li input[type='radio'] + label:before, form ul li ul li input[type='checkbox'] + label:before { content: ''; width: 24px; height: 24px; margin: 0; padding: 0; position: absolute; left: -24px; bottom: 0; background: url(../images/sprite_form.png) no-repeat -9999px -9999px; } form ul li ul li input[type='radio'] + label:before { background-position: 0 -28px; } form ul li ul li input[type='radio']:checked + label:before, form ul li ul li input[type='radio'].checked + label:before { background-position: 0 0; } form ul li ul li input[type='radio'] + label.checked { color: #568dd0; } form ul li ul li input[type='radio'] + label.checked:before { background-position: 0 0; } form ul li ul li input[type='checkbox'] + label:before { background-position: -28px -29px; } form ul li ul li input[type='checkbox']:checked + label:before, form ul li ul li input[type='checkbox'].checked + label:before { background-position: -28px -1px; } form ul li ul li input[type='checkbox'] + label.checked { color: #568dd0; } form ul li ul li input[type='checkbox'] + label.checked:before { background-position: -28px -1px; } form ul li.small-width { width: 260px; margin-top: 0; } form ul li.medium-width { width: 302px; } form ul li.medium-width input { width: 280px; } form ul li.full-width { width: 100%; display: block; clear: both; } form ul li.full-width:before { clear: both; } form ul li.full-width label.gfield_label { display: block; position: static; float: none; clear: none; margin: 10px 0 0; font: 400 18px/24px "cutive", Georgia, Times, "Times New Roman", serif; color: #000; } form ul li.full-width.textarea label.gfield_label { position: absolute; font: 400 18px/24px "halis_gr", Arial, sans-serif; color: #568dd0; margin-top: 0; } form ul li.full-width ul { overflow: hidden; } form ul li.full-width ul li { width: 350px; float: left; margin-right: 30px; } form ul li.full-width.vertical ul li { width: auto; float: none; margin-right: 0; } form ul li.full-width textarea { width: 95%; padding: 10px 12px; } form ul li.gfield_html { font: 400 18px/24px "cutive", Georgia, Times, "Times New Roman", serif; color: #000; margin-top: 30px; } form ul li.gfield_html + li.gfield { margin-top: 0; } form ul li.gfield_html + li.gfield_html { margin-top: 30px; } form .validation_error { font-weight: 400; font-size: 18px; line-height: 24px; color: #fff; background: #447BBF; margin: 10px 100px; padding: 10px; text-align: center; } form .gform_footer { text-align: center; padding: 30px 0 0; } form .gform_footer button { background: #1d1d1d; border: none; border-radius: 3px; padding: 3px; font: 400 18px/24px "cutive", Georgia, Times, "Times New Roman", serif; color: #fff; text-transform: lowercase; } form .gform_footer button span { display: block; padding: 12px 35px 8px; border: 1px solid #444; } form .gform_footer button:hover { background: #2967b4; } form .gform_footer button:hover span { border-color: #568dd0; } #gforms_confirmation_message { text-align: center; padding: 50px 100px; font: 400 28px/38px "cutive", Georgia, Times, "Times New Roman", serif; color: #000; } .gform_validation_container { display:none !important; } /** Content **/ #content { /* margin-top: 50px; */ } #content .thank-you-copy { padding: 80px 150px 200px; color: #000; text-align: center; } #content .thank-you-copy h2 { font: 200 108px/108px "raleway", arial, sans-serif; text-transform: uppercase; } #content .thank-you-copy h3 { font: 200 50px/50px "raleway", arial, sans-serif; text-transform: lowercase; } #content .thank-you-copy h4 { font: 400 28px/38px "playfair_display", Georgia, Times, "Times New Roman", serif; text-transform: uppercase; margin: 25px 0; } #content .thank-you-copy h5 { font: 400 28px/38px "raleway", arial, sans-serif; text-transform: lowercase; color: #447bbf; } #content .banner-pane { width: 100%; height: 300px; } #content .white-content { background: #fff; padding: 25px 0; } #content .white-content .text-stroke { color: #fff; text-shadow: -1px -1px 0 #c4c4c4, 1px -1px 0 #c4c4c4, -1px 1px 0 #c4c4c4, 1px 1px 0 #c4c4c4; } #content .banner-pane + .white-content { padding-top: 25px; } #content .page-content .content-main { width: 600px; float: left; } #content .page-content .content-main a { color: #568dd0; text-decoration: underline; } #content .page-content .content-main a:hover { text-decoration: none; color: #525252; } #content .page-content .content-main p, #content .page-content .content-main ul, #content .page-content .content-main ol, #content .page-content .content-main blockquote { margin: 2px 0 10px; padding: 2px 0 10px; } #content .page-content .content-main cite { display: block; margin: 0 0 10px; } #content .page-content .content-main blockquote + cite { margin-top: -8px; } #content .page-content .content-main ol, #content .page-content .content-main ul { counter-reset: list-counter; margin-bottom: 5px; padding-bottom: 5px; } #content .page-content .content-main ol li, #content .page-content .content-main ul li { margin: 0 0 8px; padding-left: 13px; position: relative; } #content .page-content .content-main ol li:before, #content .page-content .content-main ul li:before { counter-increment: list-counter; position: absolute; left: 0; top: 0; color: #568dd0; } #content .page-content .content-main ol + h3, #content .page-content .content-main ol + h4, #content .page-content .content-main ol + h5, #content .page-content .content-main ol + h6, #content .page-content .content-main ul + h3, #content .page-content .content-main ul + h4, #content .page-content .content-main ul + h5, #content .page-content .content-main ul + h6 { margin-top: 20px; } #content .page-content .content-main ul li:before { content: counter(list-counter,disc); font-size: 20px; } #content .page-content .content-main ol li:before { content: counter(list-counter,decimal); } #content .page-content .content-main p + ul, #content .page-content .content-main p + ol { margin-top: -10px; padding-top: 0; } #content .page-content .content-main p + h3, #content .page-content .content-main p + h4, #content .page-content .content-main p + h5, #content .page-content .content-main p + h6 { margin-top: 20px; } #content .page-content .content-main h2, #content .page-content .content-main h3, #content .page-content .content-main h4 { font: 400 25px/30px "cutive", Georgia, Times, "Times New Roman", serif; color: #000; margin: 0 0 3px; } #content .page-content .content-main h3 { font-size: 22px; line-height: 27px; } #content .page-content .content-main h4 { font-size: 18px; line-height: 23px; } #content .page-content .content-main h5, #content .page-content .content-main h6 { font: 400 18px/22px "halis_gr", Arial, sans-serif; color: #568dd0; margin: 0 0 3px; } #content .page-content .content-main h6 { font-weight: 500; font-size: 14px; line-height: 18px; } #content .page-content .content-main hr { height: 1px; border: none; background: #b6b6b6; padding: 0; margin: 10px 0 15px; } #content .page-content .content-main .intro-copy { font: 400 28px/40px "cutive", Georgia, Times, "Times New Roman", serif; color: #000; margin: 0 0 5px; } #content .page-content .content-main form ul li { padding: 0; margin: 10px 0 0; } #content .page-content .content-main form ul li:before { content: none; } #content .page-content .content-main form ul li ul { margin-bottom: 0; } #content .page-content .content-main form ul li ul li { margin: 0 0 5px; } #content .page-content .content-sub { margin: 0 0 0 600px; padding: 105px 0 0 125px; position: relative; /** Anchor Links **/ /** Featured Content **/ } #content .page-content .content-sub:before { width: 540px; height: 80px; display: block; content: ''; position: absolute; left: 0; top: 18px; background: url(../images/sprite_dotted_lines.png) no-repeat 0 0; } #content .page-content .content-sub .attachment-featured-page-image { display: block; margin: 0 0 30px; } #content .page-content .content-sub.no-image { padding-top: 0; } #content .page-content .content-sub.no-image:before { content: none; } #content .page-content .content-sub .anchor-links li a { display: block; position: relative; font-weight: 400; font-size: 20px; line-height: 24px; color: #2c2c2c; padding: 13px 45px 11px 20px; border: 1px solid #d9d9d9; border-top: none; } #content .page-content .content-sub .anchor-links li a:before { font-size: 13px; color: #568dd0; position: absolute; right: 15px; top: 50%; margin-top: -7px; } #content .page-content .content-sub .anchor-links li a:hover { color: #568dd0; } #content .page-content .content-sub .anchor-links li:first-child a { border-top: 1px solid #d9d9d9; } #content .page-content .content-sub .featured-content { padding: 25px 45px 20px 25px; border: 1px solid #b6b6b6; } #content .page-content .content-sub .featured-content h4 { font: 400 22px/26px "cutive", Georgia, Times, "Times New Roman", serif; color: #447bbf; margin-bottom: 10px; } #content .vertical-dotted { width: 1px; height: 60px; margin: 10px auto; border: none; border-left: 1px dotted #ccc; background: none; } #content .text-stroke { font: 400 100px/120px "halis_gr", Arial, sans-serif; text-align: center; text-transform: uppercase; position: relative; z-index: 1; } #content .pattern-content.gray .text-stroke { color: #f5f5f5; text-shadow: -1px -1px 0 #C4C4C4, 1px -1px 0 #C4C4C4, -1px 1px 0 #C4C4C4, 1px 1px 0 #C4C4C4; } #content .grid-subpage { margin: 0; padding: 0; } #content .grid-subpage li { display: inline; float: left; margin: 0 0 40px 40px; } #content .grid-subpage li.first-in-row { margin-left: 0; } #content .grid-subpage li a { width: 340px; height: 220px; display: block; } #content .grid-subpage li a img { display: block; /* -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; */ } #content .grid-subpage li a strong { display: block; font: 400 20px/24px "cutive", Georgia, Times, "Times New Roman", serif; color: #2b2525; text-transform: lowercase; margin: 10px 0 0; padding: 6px 40px 0 10px; position: relative; } #content .grid-subpage li a strong:before { font-size: 14px; position: absolute; right: 0; top: 50%; margin: -7px 0 0; color: #568dd0; } #content .grid-subpage li a:hover img { /* -webkit-transform: rotate(0deg) scale(1.05); -moz-transform: rotate(0deg) scale(1.05); -o-transform: rotate(0deg) scale(1.05); -ms-transform: rotate(0deg) scale(1.05); transform: rotate(0deg) scale(1.05); */ } #content .grid-subpage li a:hover strong { color: #568dd0; } #content .announcement-box { background: #4479bf; background: rgba(68, 121, 191, 0.9); padding: 5px 10px 10px; } #content .announcement-box fieldset { border: 1px solid #9fc0e9; } #content .announcement-box fieldset legend { font: 400 15px/16px "halis_gr", Arial, sans-serif; text-align: center; padding: 0 15px; color: #a7c6ec; } #content .announcement-box fieldset .ab-data { padding: 25px; font: 400 22px/24px "halis_gr", Arial, sans-serif; color: #fff; text-align: center; } #content .announcement-box fieldset .ab-data .read-more { font-size: 15px; color: #103a6e; } #content .announcement-box fieldset .ab-data .read-more:before { font-size: 10px; } #content .announcement-box fieldset .ab-data .read-more:hover { color: #fff; } /** Page Buckets **/ #page-buckets { padding: 20px 0; } #page-buckets a { color: #568dd0; } #page-buckets a:hover { color: #525252; } #page-buckets p, #page-buckets ul, #page-buckets ol, #page-buckets blockquote { margin: 2px 0 6px; padding: 2px 0 6px; } #page-buckets cite { display: block; margin: 0 0 10px; } #page-buckets blockquote + cite { margin-top: -8px; } #page-buckets ol, #page-buckets ul { counter-reset: list-counter; } #page-buckets ol li, #page-buckets ul li { margin: 0 0 8px; padding-left: 13px; position: relative; } #page-buckets ol li:before, #page-buckets ul li:before { counter-increment: list-counter; position: absolute; left: 0; top: 0; color: #568dd0; } #page-buckets ul li:before { content: counter(list-counter,disc); font-size: 20px; } #page-buckets ol li:before { content: counter(list-counter,decimal); } #page-buckets h2, #page-buckets h3, #page-buckets h4 { font: 400 25px/30px "cutive", Georgia, Times, "Times New Roman", serif; color: #000; margin: 0 0 3px; } #page-buckets h3 { font-size: 22px; line-height: 27px; } #page-buckets h4 { font-size: 18px; line-height: 23px; } #page-buckets h5, #page-buckets h6 { font: 400 18px/22px "halis_gr", Arial, sans-serif; color: #568dd0; margin: 0 0 3px; } #page-buckets h6 { font-weight: 500; font-size: 14px; line-height: 18px; } #page-buckets hr { height: 1px; border: none; background: #b6b6b6; padding: 0; margin: 10px 0 15px; } #page-buckets .buckets { text-align: center; display: table; border-spacing: 41px; margin-left: -41px; } #page-buckets .buckets .bucket { display: table-cell; vertical-align: top; text-align: left; width: 290px; padding: 25px 30px 20px; border-top: 6px solid #568dd0; background: #fff; font-weight: 400; font-size: 13px; line-height: 18px; -webkit-box-shadow: 0px 5px 10px 0px rgba(217, 217, 217, 0.8); box-shadow: 0px 5px 10px 0px rgba(217, 217, 217, 0.8); } #page-buckets .buckets .bucket .bucket-header { margin: 0 0 15px; } #page-buckets .buckets .bucket.title-excerpt ul, #page-buckets .buckets .bucket.tabular-excerpt ul { counter-reset: none; } #page-buckets .buckets .bucket.title-excerpt ul li, #page-buckets .buckets .bucket.tabular-excerpt ul li { margin: 0 0 15px; padding: 20px 0 0; border-top: 1px solid #eaeaea; position: static; } #page-buckets .buckets .bucket.title-excerpt ul li:before, #page-buckets .buckets .bucket.tabular-excerpt ul li:before { counter-increment: none; content: none; } #page-buckets .buckets .bucket.title-excerpt ul li h5 a, #page-buckets .buckets .bucket.tabular-excerpt ul li h5 a { font-weight: 600; text-decoration: none; position: relative; padding: 0 15px 0 0; display: inline-block; } #page-buckets .buckets .bucket.title-excerpt ul li h5 a:before, #page-buckets .buckets .bucket.tabular-excerpt ul li h5 a:before { font-size: 8px; position: absolute; right: 0; top: 7px; } #page-buckets .buckets .bucket.title-excerpt ul li:first-child, #page-buckets .buckets .bucket.tabular-excerpt ul li:first-child { padding-top: 0; border-top: none; } #page-buckets .buckets .bucket.tabular-excerpt ul { overflow: hidden; margin: 0 0 20px -30px; } #page-buckets .buckets .bucket.tabular-excerpt ul li { width: 120px; display: inline-block; border: none; border-bottom: 1px solid #eaeaea; margin: 0 0 0 30px; padding: 4px 0; } /** Contact Pane **/ #contact-pane { padding: 20px 0 50px; } #contact-pane .gform_heading { text-align: center; margin: 0 0 25px; } #contact-pane .gform_heading h3 { font: 400 115px/115px "halis_gr", Arial, sans-serif; color: #2967b4; text-shadow: -1px -1px 0 #568dd0, 1px -1px 0 #568dd0, -1px 1px 0 #568dd0, 1px 1px 0 #568dd0; position: relative; z-index: 1; } #contact-pane .gform_heading .gform_description { display: block; font: 400 28px/40px "cutive", Georgia, Times, "Times New Roman", serif; color: #fff; margin: -40px 0 0; padding: 0 100px; position: relative; z-index: 2; } #contact-pane form ul { overflow: hidden; } #contact-pane form ul li { position: relative; font-weight: 400; font-size: 18px; line-height: 24px; color: #568dd0; margin: 15px 25px 0 0; float: left; /* clear: both; */ /* &:last-child, &.comments { float: right; clear: none; margin: -113px 0 0; &.gfield_error { margin-top: -159px; textarea { height: 172px; } } } */ } #contact-pane form ul li label { position: absolute; font: inherit; left: 10px; top: 13px; line-height: 24px; } #contact-pane form ul li input[type='text'], #contact-pane form ul li textarea { background: #fff; padding: 10px; border: none; border-radius: 3px; font: inherit; color: #568dd0; } #contact-pane form ul li select { border: none; width: 540px; } #contact-pane form ul li.comments { position: absolute; } #contact-pane form ul li.comments textarea { height: 89.5%; } #contact-pane form ul li.gfield_error input[type='text'], #contact-pane form ul li.gfield_error textarea, #contact-pane form ul li.gfield_error select { background: #E2E2E2; } #contact-pane form ul li ul li { float: none; clear: none; display: block; margin: 5px 0 0; } #contact-pane form ul li ul li label { position: static; font-size: 16px; line-height: 1; } #contact-pane form ul li ul li input[type='radio'], #contact-pane form ul li ul li input[type='checkbox'] { margin-top: 0; margin-right: 10px; opacity: 0; filter: alpha(opacity=0); } #contact-pane form ul li ul li input[type='radio'] + input[type='text'], #contact-pane form ul li ul li input[type='checkbox'] + input[type='text'] { width: auto; padding: 2px 10px; } #contact-pane form ul li ul li input[type='radio'] + label, #contact-pane form ul li ul li input[type='checkbox'] + label { position: relative; line-height: 24px; left: 0; top: 0; padding-left: 5px; } #contact-pane form ul li ul li input[type='radio'] + label:before, #contact-pane form ul li ul li input[type='checkbox'] + label:before { content: ''; width: 24px; height: 24px; margin: 0; padding: 0; position: absolute; left: -24px; bottom: 0; background: url(../images/sprite_form.png) no-repeat -9999px -9999px; } #contact-pane form ul li ul li input[type='radio'] + label:before { background-position: 0 -89px; } #contact-pane form ul li ul li input[type='radio']:checked + label:before, #contact-pane form ul li ul li input[type='radio'].checked + label:before { background-position: 0 -56px; } #contact-pane form ul li ul li input[type='radio'] + label.checked:before { background-position: 0 -56px; } #contact-pane form ul li ul li input[type='checkbox'] + label:before { background-position: -28px -90px; } #contact-pane form ul li ul li input[type='checkbox']:checked + label:before, #contact-pane form ul li ul li input[type='checkbox'].checked + label:before { background-position: -28px -57px; } #contact-pane form ul li ul li input[type='checkbox'] + label.checked:before { background-position: -28px -57px; } #contact-pane form ul li.full-width label { color: #9FC3F0; } #contact-pane form ul li.full-width label.gfield_label { color: #fff; display: block; position: static; float: none; clear: none; margin: 10px 0 0; font: 400 18px/24px "cutive", Georgia, Times, "Times New Roman", serif; } #contact-pane form ul li.full-width ul { overflow: hidden; } #contact-pane form ul li.full-width ul li { width: 350px; float: left; margin: 5px 30px 0 0; } #contact-pane form ul li.full-width.textarea label.gfield_label { position: absolute; font: 400 18px/24px "halis_gr", Arial, sans-serif; color: #568dd0; margin-top: 0; } #contact-pane form ul li .gfield_description { font-size: 14px; color: #fff; } #contact-pane form ul li .validation_message { color: #E2E2E2; } #contact-pane form .validation_error { font-weight: 400; font-size: 18px; line-height: 24px; color: #fff; background: #000; margin: 10px 100px; padding: 10px; text-align: center; } #contact-pane form .gform_footer { text-align: center; padding: 30px 0 0; } #contact-pane form .gform_footer button { background: #1d1d1d; border: none; border-radius: 3px; padding: 3px; font: 400 18px/24px "cutive", Georgia, Times, "Times New Roman", serif; color: #fff; text-transform: lowercase; } #contact-pane form .gform_footer button span { display: block; padding: 12px 35px 8px; border: 1px solid #444; } #contact-pane form .gform_footer button:hover { background: #2967b4; } #contact-pane form .gform_footer button:hover span { border-color: #568dd0; } #contact-pane #gforms_confirmation_message { text-align: center; padding: 50px 100px; font: 400 28px/36px "cutive", Georgia, Times, "Times New Roman", serif; color: #fff; } /** Testimonials **/ #testimonials { /* min-height: 360px; */ padding: 30px 0 50px; } #testimonials .centered { position: relative; padding-top: 55px; } #testimonials .centered:before { width: 235px; height: 180px; position: absolute; left: -70px; top: 0; content: ''; background: url(../images/sprite_dotted_lines.png) no-repeat -270px -110px; } #testimonials .centered .testimonial { margin: 0 0 0 305px; padding: 0 30px 0 0; position: relative; border-right: 13px solid #568dd0; } #testimonials .centered .testimonial:before { position: absolute; left: -150px; top: 65px; z-index: -1; content: '“'; font: 400 220px/220px "halis_gr", Arial, sans-serif; color: #fff; text-shadow: -1px -1px 0 #e6e6e6, 1px -1px 0 #e6e6e6, -1px 1px 0 #e6e6e6, 1px 1px 0 #e6e6e6; } #testimonials .centered .testimonial blockquote { font: 400 30px/44px "playfair_display", Georgia, Times, "Times New Roman", serif; color: #a6a6a6; font-style: italic; text-align: right; } #testimonials .centered .testimonial blockquote p { font: inherit; } #testimonials .centered .testimonial blockquote cite { display: block; border-top: 1px dotted #cbcbcb; margin: 45px 0 0; padding: 10px 0 0; font: 400 16px/22px "cutive", Georgia, Times, "Times New Roman", serif; color: #568dd0; } #testimonials .centered .testimonial blockquote cite small { display: block; font: 400 12px/22px "halis_gr", Arial, sans-serif; color: #8e8e8e; } /** Masonry Section **/ .masonry-section { padding: 30px 0 50px; } .masonry-section .section-title { font: 400 100px/120px "halis_gr", Arial, sans-serif; text-align: center; text-transform: uppercase; position: relative; z-index: 1; } .masonry-section.pattern-content.gray .section-title { color: #F5F5F5; text-shadow: -1px -1px 0 #c4c4c4, 1px -1px 0 #c4c4c4, -1px 1px 0 #c4c4c4, 1px 1px 0 #c4c4c4; } .masonry-section.white-content { padding: 30px 0 50px !important; } .masonry-section.white-content .section-title { color: #fff; text-shadow: -1px -1px 0 #c4c4c4, 1px -1px 0 #c4c4c4, -1px 1px 0 #c4c4c4, 1px 1px 0 #c4c4c4; } .masonry-section .masonry-container { width: 1140px; margin: -35px 0 0; position: relative; z-index: 2; } .masonry-section .masonry-container a img { display: block; margin: 0 5px 10px; float: left; /* -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; */ text-decoration: none; } .masonry-section .masonry-container a:hover img { z-index: 1; /* -webkit-transform: rotate(0deg) scale(1.05); -moz-transform: rotate(0deg) scale(1.05); -o-transform: rotate(0deg) scale(1.05); -ms-transform: rotate(0deg) scale(1.05); transform: rotate(0deg) scale(1.05); */ } /** Blog **/ #content { /** Home Content **/ } #content.blog { margin: 50px 0 0; } #content.blog .banner-pane { width: 100%; height: 300px; } #content.blog .bar-black { background: #000; color: #9a9a9a; padding: 20px 0 15px; position: relative; } #content.blog .bar-black .dropdown { float: left; margin: 5px 60px 0 0; } #content.blog .bar-black .dropdown .trigger { display: inline-block; font-weight: 400; font-size: 18px; line-height: 22px; color: #c1c1c1; position: relative; padding: 0 20px 0 0; } #content.blog .bar-black .dropdown .trigger:before { font-size: 12px; position: absolute; right: 0; top: 50%; margin: -6px 0 0; color: #777; } #content.blog .bar-black .dropdown .trigger + .links-holder { display: none; width: 100%; position: absolute; left: 0; top: 100%; background: #000; } #content.blog .bar-black .dropdown .trigger + .links-holder ul { width: 1140px; margin: 0 auto; } #content.blog .bar-black .dropdown .trigger + .links-holder ul li { width: 130px; float: left; margin: 0 30px 15px 0; } #content.blog .bar-black .dropdown .trigger + .links-holder ul li a { display: block; color: #9a9a9a; font-size: 14px; } #content.blog .bar-black .dropdown:hover .trigger:hover { color: #fff; } #content.blog .bar-black .dropdown:hover .trigger:hover:before { color: #fff; } #content.blog .bar-black .dropdown:hover .trigger:hover + .links-holder { display: block; } #content.blog .bar-black .links-holder { display: none; margin: 25px 0 0; background: #000; } #content.blog .bar-black .links-holder ul { width: 1140px; margin: 0 auto; } #content.blog .bar-black .links-holder ul li { width: 130px; float: left; margin: 0 30px 15px 0; } #content.blog .bar-black .links-holder ul li a { display: block; color: #9a9a9a; font-size: 14px; } #content.blog .bar-black .links-holder ul li a:hover { color: #fff; } #content.blog .bar-black #search-blog { position: relative; border-bottom: 1px solid #929292; float: left; } #content.blog .bar-black #search-blog label { font-weight: 400; font-size: 18px; line-height: 22px; color: #c1c1c1; position: absolute; left: 0; top: 50%; margin: -11px 0 0; } #content.blog .bar-black #search-blog input[type="text"] { border: none; padding: 0 5px 0 0; background: none; float: left; font-weight: 400; font-size: 18px; line-height: 22px; color: #c1c1c1; } #content.blog .bar-black #search-blog button[type='submit'] { background: none; float: right; margin: 0; } #content.blog .bar-black #search-blog button[type='submit']:before { font-size: 18px; color: #656565; } #content.blog .bar-black #search-blog button[type='submit']:hover:before { color: #fff; } #content.blog .bar-black .bb-left { width: 700px; float: left; } #content.blog .bar-black .bb-right { /* width: 375px; */ float: right; } #content.blog .bar-black .bb-right form { overflow: visible; } #content.blog .bar-black .bb-right form .gform_heading { display: inline-block; margin: 0 20px 0 0; } #content.blog .bar-black .bb-right form .gform_heading .gform_title { font-weight: 300; font-size: 11px; line-height: 14px; color: #949494; text-transform: uppercase; } #content.blog .bar-black .bb-right form .gform_body { display: inline-block; border-bottom: 1px solid #929292; } #content.blog .bar-black .bb-right form .gform_body ul { overflow: visible; } #content.blog .bar-black .bb-right form .gform_body ul li { position: relative; width: auto; float: none; margin: 0; padding: 0; } #content.blog .bar-black .bb-right form .gform_body ul li label { font-weight: 400; font-size: 18px; line-height: 22px; color: #c1c1c1; position: absolute; left: 0; top: 50%; margin: -11px 0 0; } #content.blog .bar-black .bb-right form .gform_body ul li input[type="text"] { width: 140px; border: none; padding: 0 5px 0 0; margin-right: 25px; background: none; font-weight: 400; font-size: 18px; line-height: 22px; color: #c1c1c1; } #content.blog .bar-black .bb-right form .gform_footer { /* width: 20px; */ display: inline-block; /* border-bottom: 1px solid #929292; */ padding: 0 0 5px; margin: 0 0 0 -24px; position: relative; z-index: 2; } #content.blog .bar-black .bb-right form .gform_footer button { background: none; border: none; margin: 0; padding: 0; /* position: relative; */ display: block; } #content.blog .bar-black .bb-right form .gform_footer button span { display: none; } #content.blog .bar-black .bb-right form .gform_footer button:before { font-family: "web-icons" !important; content: 'j'; font-size: 20px; color: #fff; display: inline-block; vertical-align: middle; /* position: absolute; right: 0; bottom: -8px; */ } #content.blog .bar-black .bb-right form .validation_error { display: none; } #content.blog .bar-black .bb-right form .validation_message { position: absolute; bottom: 120%; background: #568dd0; padding: 6px 10px 5px; border-radius: 5px; color: #fff; line-height: 1; text-align: center; } #content.blog .bar-black .bb-right form .validation_message:after { font-family: "web-icons"; content: 'k'; font-size: 10px; line-height: 6px; color: #568dd0; position: absolute; top: 100%; left: 50%; margin: 0 0 0 -5px; } #content.blog .bar-black .bb-right #gforms_confirmation_message { text-align: right; padding: 10px; font: 400 13px/16px "cutive", Georgia, Times, "Times New Roman", serif; color: #fff; } #content.blog .pattern-content { padding: 20px 0; } #content.blog .pattern-content .articles-wrapper { background: #fff; padding: 0 45px; border-top: 6px solid #568dd0; font: 400 15px/22px "halis_gr", Arial, sans-serif; -webkit-box-shadow: 0px 5px 10px 0px rgba(217, 217, 217, 0.8); box-shadow: 0px 5px 10px 0px rgba(217, 217, 217, 0.8); } #content.blog .pattern-content .articles-wrapper h3 { font: 400 29px/33px "cutive", Georgia, Times, "Times New Roman", serif; color: #2b2525; margin: 0 0 15px; } #content.blog .pattern-content .articles-wrapper h3 a { font: inherit; color: #2b2525; } #content.blog .pattern-content .articles-wrapper .article-meta { overflow: hidden; margin: 0 0 15px; border-top: 1px solid #e0e0e0; } #content.blog .pattern-content .articles-wrapper .article-meta li { display: inline; float: left; padding: 5px 10px 2px; } #content.blog .pattern-content .articles-wrapper .article-meta li.date { font: 400 11px/22px "cutive", Georgia, Times, "Times New Roman", serif; color: #2c2c2c; border: 1px solid #e0e0e0; border-top: none; } #content.blog .pattern-content .articles-wrapper .article-meta li.cat-tag { line-height: 22px; } #content.blog .pattern-content .articles-wrapper .article-meta li.cat-tag a { display: inline-block; font: 300 11px/20px "halis_gr", Arial, sans-serif; color: #a3a3a3; vertical-align: top; } #content.blog .pattern-content .articles-wrapper .article-meta li.cat-tag a:hover { color: #2c2c2c; } #content.blog .pattern-content .articles-wrapper .read-more { margin: 20px 0 0; } #content.blog .pattern-content .articles-wrapper .article { padding: 35px 60px 35px 0; border-top: 1px dotted #c4c4c4; } #content.blog .pattern-content .articles-wrapper .article:first-child { border-top: none; } #content.blog .pattern-content .articles-wrapper .article .article-thumb { width: 260px; height: 260px; display: block; float: left; } #content.blog .pattern-content .articles-wrapper .article .article-thumb img { display: block; /* -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; */ } #content.blog .pattern-content .articles-wrapper .article .article-thumb + .article-data { margin: 0 0 0 300px; } #content.blog .pattern-content .articles-wrapper .article .article-thumb:hover img { z-index: 1; /* -webkit-transform: rotate(0deg) scale(1.05); -moz-transform: rotate(0deg) scale(1.05); -o-transform: rotate(0deg) scale(1.05); -ms-transform: rotate(0deg) scale(1.05); transform: rotate(0deg) scale(1.05); */ } #content.blog .pattern-content .articles-wrapper.detail { padding-top: 35px; padding-bottom: 20px; } #content.blog .pattern-content .articles-wrapper.detail .article-header { margin: 0 0 20px; } #content.blog .pattern-content .articles-wrapper.detail .article-header h3 { width: 720px; float: left; margin: 0; } #content.blog .pattern-content .articles-wrapper.detail .article-header .share-this { float: right; } #content.blog .pattern-content .articles-wrapper.detail .article-meta { margin: 0 0 30px; } #content.blog .pattern-content .articles-wrapper.detail .page-content .content-main { width: 565px; } #content.blog .pattern-content .articles-wrapper.detail .page-content .content-main h3 { font-size: 22px; line-height: 27px; margin: 0 0 3px; } #content.blog .pattern-content .articles-wrapper.detail .page-content .content-sub { margin-left: 635px; padding: 0; } #content.blog .pattern-content .articles-wrapper.detail .page-content .content-sub:before { width: 415px; content: none; } .content-sub a { text-decoration: underline; } .content-sub a:hover { text-decoration: none; color:#525252; } #content.event .pattern-content .articles-wrapper .article { border-top: 4px solid #c4c4c4; } #content.event .pattern-content .articles-wrapper .blue-header { font: 400 20px/24px "halis_gr", Arial, sans-serif; color: #a7c6ec; border: none; margin: 20px 0 25px; } #content.event .pattern-content .articles-wrapper .blue-header + .article { border-top: none; padding-top: 0; } #content.event .pattern-content .articles-wrapper .article-meta { margin: 20px 0 0 -10px; border: none !important; } #content.event .pattern-content .articles-wrapper .article-meta li { display: block; float: none; border: none !important; border-bottom: 1px solid #E0E0E0 !important; font: 400 17px/20px "halis_gr", Arial, sans-serif; padding: 8px 10px 8px; } #content.event .pattern-content .articles-wrapper .article-meta li.date { font: 400 17px/20px "halis_gr", Arial, sans-serif; } #content.event .pattern-content .articles-wrapper .article { padding-right: 0; } #content.event .pattern-content .articles-wrapper .article .article-thumb { width: 310px; height: 181px; float: right; } #content.event .pattern-content .articles-wrapper .article .article-thumb + .article-data { margin: 0 360px 0 0; } #content.event .pattern-content .articles-wrapper .article .article-data h3 { font-weight: 400; font-size: 22px; line-height: 24px; margin: 0 0 5px; } #content.event .pattern-content .articles-wrapper .article .article-data .article-footer { margin: 15px 0 0; } #content.event .pattern-content .articles-wrapper .article .article-data .article-footer a { margin: 0 20px 0 0; position: relative; } #content.event .pattern-content .articles-wrapper .article .article-data .article-footer a.icon-calendar { color: #7f7f7f; padding: 0 0 0 20px; } #content.event .pattern-content .articles-wrapper .article .article-data .article-footer a.icon-calendar:before { font-size: 12px; position: absolute; left: 0; top: 50%; margin: -6px 0 0; color: #ccc; } #content.event .pattern-content .articles-wrapper.upcoming-events .article .article-thumb { width: 515px; height: 300px; float: right; } #content.event .pattern-content .articles-wrapper.upcoming-events .article .article-thumb + .article-data { margin: 0 560px 0 0; } #content.event .pattern-content #articles { margin: 30px 0 0; } #content.event .pattern-content #articles.past-events .article { width: 310px; height: 320px; padding: 20px; display: inline-block; vertical-align: top; margin: 0 0 30px 40px; border-top: 4px solid #a7a7a7; background: #fff; -webkit-box-shadow: 0px 5px 10px 0px rgba(217, 217, 217, 0.8); box-shadow: 0px 5px 10px 0px rgba(217, 217, 217, 0.8); } #content.event .pattern-content #articles.past-events .article.first-in-row { margin-left: 0; } #content.event .pattern-content #articles.past-events .article h3 { font: 400 18px/24px "cutive", Georgia, Times, "Times New Roman", serif; color: #2B2525; margin: 0 0 20px; } #content.event .pattern-content #articles.past-events .article h3 a { font: inherit; color: #2B2525; } #content.event .pattern-content #articles.past-events .article h3 .date { display: block; font: 200 15px/19px "halis_gr", Arial, sans-serif; color: #a7a7a7; margin: 5px 0 0; } #content.event .pattern-content #articles.past-events .article .article-excerpt { height: 181px; } #content.event .pattern-content #articles.past-events .article .read-more { margin: 20px 0 0; } #content.event .pattern-content #articles.past-events .article .article-thumb { width: 310px; height: 181px; display: block; } #content.event .pattern-content #articles.past-events .article .article-thumb img { display: block; margin: 0 auto; /* -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; */ } #content.event .pattern-content #articles.past-events .article .article-thumb:hover img { z-index: 1; /* -webkit-transform: rotate(0deg) scale(1.05); -moz-transform: rotate(0deg) scale(1.05); -o-transform: rotate(0deg) scale(1.05); -ms-transform: rotate(0deg) scale(1.05); transform: rotate(0deg) scale(1.05); */ } #content.event .pattern-content #articles.detail .blue-header { margin-top: -10px; } #content.event .pattern-content #articles.detail .page-content { border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; } #content.event .pattern-content #articles.detail .page-content .content-main { width: 450px; } #content.event .pattern-content #articles.detail .page-content .content-sub { margin-left: 535px; } #content.event .pattern-content #articles.detail .page-content .content-sub .wp-post-image { display: block; margin: 0 0 20px; } #content.event .pattern-content #articles.detail .page-content .article-meta { margin: 0 0 15px -10px; } #content.event .pattern-content #articles.detail .page-content .article-footer { margin: 15px 0 0; } #content.event .pattern-content #articles.detail .page-content .article-footer a { margin: 0 20px 0 0; position: relative; } #content.event .pattern-content #articles.detail .page-content .article-footer a.read-more { font-size: 19px; } #content.event .pattern-content #articles.detail .page-content .article-footer a.icon-calendar { color: #7f7f7f; padding: 0 0 0 20px; } #content.event .pattern-content #articles.detail .page-content .article-footer a.icon-calendar:before { font-size: 12px; position: absolute; left: 0; top: 50%; margin: -6px 0 0; color: #ccc; } #content.event .pattern-content #articles.detail .page-content .share-this { margin: 20px 0 0; } #content.event .pattern-content #articles.detail .view-all { margin: 20px 0 0; } #content.home { margin-top: 0; } #content.home .overview { font: 400 22px/32px "cutive", Georgia, Times, "Times New Roman", serif; color: #000; text-align: center; padding: 0 100px; } #content.home .white-content { padding: 35px 0; } #content.home .white-content .text-stroke { color: #fff; text-shadow: -1px -1px 0 #c4c4c4, 1px -1px 0 #c4c4c4, -1px 1px 0 #c4c4c4, 1px 1px 0 #c4c4c4; } #content.home .white-content + .white-content { padding-top: 0; } #content.home .grid-pane .grid-subpage { margin: -35px 0 0; position: relative; z-index: 2; } #content.home .community-pane { padding: 10px 0 40px; } #content.home .community-pane .cp-data { position: relative; z-index: 2; margin: -35px 0 0; } #content.home .community-pane .cp-data .announcement-box { margin-bottom: 20px; } #content.home .media .articles-wrapper { background: #fff; border-top: 6px solid #2967b4; padding: 0 25px 20px; } #content.home .media .articles-wrapper .blue-header { font: 400 20px/24px "halis_gr", Arial, sans-serif; color: #a7c6ec; border: none; margin: 20px 0 25px; } #content.home .media .articles-wrapper .blue-header + .article { border-top: none; padding-top: 0; } #content.home .media .articles-wrapper .article-meta { margin: 20px 0 0 -10px; border: none !important; } #content.home .media .articles-wrapper .article-meta li { display: block; float: none; border: none !important; border-bottom: 1px solid #E0E0E0 !important; font: 400 17px/20px "halis_gr", Arial, sans-serif; padding: 8px 10px 8px; } #content.home .media .articles-wrapper .article-meta li.date { font: 400 17px/20px "halis_gr", Arial, sans-serif; } #content.home .media .articles-wrapper .article { padding-right: 0; } #content.home .media .articles-wrapper .article .article-thumb { width: 310px; height: 181px; display: block; float: none; } #content.home .media .articles-wrapper .article .article-data h3 { font-weight: 400; font-size: 22px; line-height: 24px; margin: 0 0 5px; } #content.home .media .articles-wrapper .article .article-data h3 a { text-decoration: none; } #content.home .media .articles-wrapper .article .article-footer { margin: 15px 0 0; } #content.home .media .articles-wrapper .article .article-footer a { margin: 0 20px 0 0; position: relative; } #content.home .media .articles-wrapper .article .article-footer a.icon-calendar { color: #7f7f7f; padding: 0 0 0 20px; } #content.home .media .articles-wrapper .article .article-footer a.icon-calendar:before { font-size: 12px; position: absolute; left: 0; top: 50%; margin: -6px 0 0; color: #ccc; } #content.home .media .articles-wrapper .page-content { padding: 0; } #content.home .media .articles-wrapper .page-content .content-sub { width: 310px; float: right; margin: 0; padding: 0; } #content.home .media .articles-wrapper .page-content .content-sub:before { content: none; } #content.home .media .articles-wrapper .page-content .content-main { margin: 0 350px 0 0; float: none; width: auto; } #content.home .media .articles-wrapper.upcoming-events { width: 700px; float: left; } #content.home .media .articles-wrapper.blog-list { width: 320px; float: right; } #content.home .media .articles-wrapper.blog-list .article { padding: 20px 0 15px; border-top: 1px solid #e0e0e0; } #content.home .media .articles-wrapper.blog-list .article h3 { font-weight: 400; font-size: 16px; line-height: 20px; } #content.home .media .articles-wrapper.blog-list .article h3 .date { display: block; font: 300 11px/16px "halis_gr", Arial, sans-serif; color: #7f7f7f; } #content.home .media .articles-wrapper.blog-list .blue-header + .article { padding-top: 0; border-top: none; } #content.home .media .articles-wrapper.blog-list .article-footer { margin-top: 5px; } #content.home .media .articles-wrapper.blog-list .read-more { font-size: 12px; font-weight: 500; } #content.press { margin-top: 0; } #content.press .pattern-content { padding-top: 30px; } #content.press .pattern-content #articles { margin-top: 0; } #content .community-pane { padding: 10px 0 40px; } #content .community-pane .cp-data { position: relative; z-index: 2; margin: -35px 0 0; } #content .community-pane .cp-data .announcement-box { margin-bottom: 20px; } #content .community-pane .media .articles-wrapper { background: #fff; border-top: 6px solid #2967b4; padding: 0 25px 20px; } #content .community-pane .media .articles-wrapper .blue-header { font: 400 20px/24px "halis_gr", Arial, sans-serif; color: #a7c6ec; border: none; margin: 20px 0 25px; } #content .community-pane .media .articles-wrapper .blue-header + .article { border-top: none; padding-top: 0; } #content .community-pane .media .articles-wrapper .article-meta { margin: 20px 0 0 -10px; border: none !important; } #content .community-pane .media .articles-wrapper .article-meta li { display: block; float: none; border: none !important; border-bottom: 1px solid #E0E0E0 !important; font: 400 17px/20px "halis_gr", Arial, sans-serif; padding: 8px 10px 8px; } #content .community-pane .media .articles-wrapper .article-meta li.date { font: 400 17px/20px "halis_gr", Arial, sans-serif; } #content .community-pane .media .articles-wrapper .article { padding-right: 0; } #content .community-pane .media .articles-wrapper .article .article-thumb { width: 310px; height: 181px; display: block; float: none; } #content .community-pane .media .articles-wrapper .article .article-data h3 { font-weight: 400; font-size: 22px; line-height: 24px; font-family: "cutive", Georgia, Times, "Times New Roman", serif; margin: 0 0 5px; } #content .community-pane .media .articles-wrapper .article .article-data h3 a { text-decoration: none; color: #2B2525; } #content .community-pane .media .articles-wrapper .article .article-footer { margin: 15px 0 0; } #content .community-pane .media .articles-wrapper .article .article-footer a { margin: 0 20px 0 0; position: relative; } #content .community-pane .media .articles-wrapper .article .article-footer a.icon-calendar { color: #7f7f7f; padding: 0 0 0 20px; } #content .community-pane .media .articles-wrapper .article .article-footer a.icon-calendar:before { font-size: 12px; position: absolute; left: 0; top: 50%; margin: -6px 0 0; color: #ccc; } #content .community-pane .media .articles-wrapper .page-content { padding: 0; } #content .community-pane .media .articles-wrapper .page-content .content-sub { width: 310px; float: right; margin: 0; padding: 0; } #content .community-pane .media .articles-wrapper .page-content .content-sub:before { content: none; } #content .community-pane .media .articles-wrapper .page-content .content-main { margin: 0 350px 0 0; float: none; width: auto; } #content .community-pane .media .articles-wrapper.upcoming-events { width: 700px; float: left; } #content .community-pane .media .articles-wrapper.blog-list { width: 320px; float: right; } #content .community-pane .media .articles-wrapper.blog-list .article { padding: 20px 0 15px; border-top: 1px solid #e0e0e0; } #content .community-pane .media .articles-wrapper.blog-list .article h3 { font-weight: 400; font-size: 16px; line-height: 20px; } #content .community-pane .media .articles-wrapper.blog-list .article h3 .date { display: block; font: 300 11px/16px "halis_gr", Arial, sans-serif; color: #7f7f7f; } #content .community-pane .media .articles-wrapper.blog-list .blue-header + .article { padding-top: 0; border-top: none; } #content .community-pane .media .articles-wrapper.blog-list .article-footer { margin-top: 5px; } #content .community-pane .media .articles-wrapper.blog-list .read-more { font-size: 12px; font-weight: 500; } .form-pane h2 { font: 400 28px/40px "cutive", Georgia, Times, "Times New Roman", serif; color: #000; text-align: center; margin: 0 100px; } /** Footer **/ #footer { background: black url(../images/noise.png) no-repeat left top; /* height: 465px; position: absolute; left: 0; bottom: 0; width: 100%; */ } #footer .map-holder { width: 50%; height: 465px; position: relative; z-index: 10; float: right; } #footer .map-holder #map-canvas { width: 100%; height: 465px; } #footer .map-holder .get-directions { width: 100%; position: absolute; top: 0; z-index: 1; background: #4479bf; background: rgba(68, 121, 191, 0.9); } #footer .map-holder .get-directions form { width: 550px; padding: 6px 15px 8px; font-size: 15px; line-height: 23px; color: #fff; } #footer .map-holder .get-directions form label { font-weight: 500; margin-right: 8px; } #footer .map-holder .get-directions form input[type="text"] { width: 490px; background: none; border: none; border-bottom: 1px solid #a8c1e1; color: #fff; } #footer .map-holder .get-directions form ::-webkit-input-placeholder { color: #a8c1e1; } #footer .map-holder .get-directions form :-moz-placeholder { /* Firefox 18- */ color: #a8c1e1; } #footer .map-holder .get-directions form ::-moz-placeholder { /* Firefox 19+ */ color: #a8c1e1; } #footer .map-holder .get-directions form :-ms-input-placeholder { color: #a8c1e1; } #footer .map-holder .get-directions form p { margin: 5px 0; } #footer .map-holder .get-directions form .direction { float: right; background: none; border: none; position: relative; padding: 0 15px 0 0; color: #103a6e; } #footer .map-holder .get-directions form .direction:before { font-size: 10px; position: absolute; right: 0; top: 50%; margin: -5px 0 0; } #footer .map-holder .get-directions form .direction:hover { color: #fff; } #footer .footer-left { width: 560px; float: left; padding: 30px 0; background: black url(../images/noise.png) no-repeat left top; } #footer .footer-left #footer-nav { margin: 0 0 25px; } #footer .footer-left #footer-nav ul li { display: inline; float: left; margin: 0 0 0 20px; } #footer .footer-left #footer-nav ul li a { display: block; font: 400 16px/26px "cutive", Georgia, Times, "Times New Roman", serif; color: #fff; text-transform: lowercase; border-bottom: 2px solid transparent; } #footer .footer-left #footer-nav ul li a:hover { border-bottom-color: #568dd0; } #footer .footer-left #footer-nav ul li:first-child { margin-left: 0; } #footer .footer-left #footer-nav ul li:first-child a { width: 115px; height: 22px; text-indent: -9999px; background: url(../images/logo_small.png) no-repeat left top; border: none !important; } #footer .footer-left #footer-nav ul li.current-menu-item a, #footer .footer-left #footer-nav ul li.current-menu-ancestor a { border-bottom-color: #fff; } #footer .footer-left .connect-pane h6 { display: inline-block; font: 400 10px/18px "halis_gr", Arial, sans-serif; color: #e6e6e6; text-transform: uppercase; background: #7b7b7b; background: rgba(123, 123, 123, 0.4); padding: 0px 10px; } #footer .footer-left .connect-pane .cp-data { border: 1px solid #3f3f3f; border-bottom: none; } #footer .footer-left .connect-pane .cp-data .cpd-row { border-bottom: 1px solid #3f3f3f; display: table; } #footer .footer-left .connect-pane .cp-data .cpd-row .cpdr-cell { display: table-cell; padding: 2px 10px; line-height: 26px; vertical-align: middle; } #footer .footer-left .connect-pane .cp-data .cpd-row .cpdr-cell:first-child { border-right: 1px solid #3f3f3f; } #footer .footer-left .connect-pane .cp-data .cpd-row .cpdr-cell.social-media { width: 203px; } #footer .footer-left .connect-pane .cp-data .cpd-row .cpdr-cell.social-media li a { color: #999; font-size: 16px; line-height: 1; margin: 0 8px; } #footer .footer-left .connect-pane .cp-data .cpd-row .cpdr-cell.social-media li a:before { margin: 0 !important; } #footer .footer-left .connect-pane .cp-data .cpd-row .cpdr-cell.social-media li a:hover { color: #fff; } #footer .footer-left .connect-pane .cp-data .cpd-row .cpdr-cell.social-media li a.social-rss { height: 16px; } #footer .footer-left .connect-pane .cp-data .cpd-row .cpdr-cell.social-media li a.social-rss:before { display: inline-block; font-size: 32px; line-height: 20px; margin-left: -5px !important; } #footer .footer-left .connect-pane .cp-data .cpd-row [class*="icon-"]:before { vertical-align: middle; margin: 0 10px 0 0; } #footer .footer-left .connect-pane .cp-data .cpd-row .icon-address { color: #fff; width: 375px; } #footer .footer-left .connect-pane .cp-data .cpd-row .icon-address:before { font-size: 22px; color: #999; } #footer .footer-left .connect-pane .cp-data .cpd-row .icon-phone { color: #fff; width: 142px; } #footer .footer-left .connect-pane .cp-data .cpd-row .icon-phone:before { font-size: 17px; color: #999; } #footer .footer-left .connect-pane .cp-data .cpd-row .icon-email { width: 314px; } #footer .footer-left .connect-pane .cp-data .cpd-row .icon-email:before { font-size: 20px; color: #999; } #footer .footer-left .connect-pane .cp-data .cpd-row .icon-email a { color: #568dd0; } #footer .footer-left .connect-pane .cp-data .cpd-row .icon-email a:hover { color: #fff; } #footer .footer-left .connect-pane .cp-data .cpd-row.cpdr-footer { font-size: 10px; color: #646464; } #footer .footer-left .connect-pane .cp-data .cpd-row.cpdr-footer .copyright { width: 390px; } #footer .footer-left .connect-pane .cp-data .cpd-row.cpdr-footer .copyright a { color: #568dd0; } #footer .footer-left .connect-pane .cp-data .cpd-row.cpdr-footer .copyright a:hover { color: #fff; } #footer .footer-left .connect-pane .cp-data .cpd-row.cpdr-footer .designby { width: 128px; } #footer .footer-left .connect-pane .cp-data .cpd-row.cpdr-footer .designby a { color: #646464; } #footer .footer-left .connect-pane .cp-data .cpd-row.cpdr-footer .designby a:hover { color: #fff; } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed, #footer .footer-left .connect-pane .cp-data .cpd-row .twitter-feed { width: 259px; padding: 20px 10px 20px 20px; color: #fff; font-size: 13px; line-height: 18px; vertical-align: top; } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed h6, #footer .footer-left .connect-pane .cp-data .cpd-row .twitter-feed h6 { display: block; background: none; text-transform: lowercase; font-size: 11px; padding: 0; margin: 0 0 15px; } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed h6 [class*="icon-"], #footer .footer-left .connect-pane .cp-data .cpd-row .twitter-feed h6 [class*="icon-"] { color: #6d6e71; } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed h6 [class*="icon-"]:before, #footer .footer-left .connect-pane .cp-data .cpd-row .twitter-feed h6 [class*="icon-"]:before { font-size: 22px; color: #568dd0; } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed a, #footer .footer-left .connect-pane .cp-data .cpd-row .twitter-feed a { color: #1f67c1; } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed a:hover, #footer .footer-left .connect-pane .cp-data .cpd-row .twitter-feed a:hover { color: #fff; } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed .tweet_time, #footer .footer-left .connect-pane .cp-data .cpd-row .twitter-feed .tweet_time { display: block; font-size: 12px; margin: 6px 0 0; } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed .tweet_time a, #footer .footer-left .connect-pane .cp-data .cpd-row .twitter-feed .tweet_time a { color: #6D6E71; } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed { border-right: none !important; width: 230px; padding-right: 40px; } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed .instagram_shots li a { overflow: hidden; } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed .instagram_shots li a img { width: 90px; height: auto; float: left; /* -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; */ } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed .instagram_shots li a .caption { display: block; margin: 0 0 0 100px; color: #fff; word-break: break-word; } #footer .footer-left .connect-pane .cp-data .cpd-row .instagram-feed .instagram_shots li a:hover img { /* -webkit-transform: rotate(0deg) scale(1.05); -moz-transform: rotate(0deg) scale(1.05); -o-transform: rotate(0deg) scale(1.05); -ms-transform: rotate(0deg) scale(1.05); transform: rotate(0deg) scale(1.05); */ } #footer .footer-right { margin: 0 0 0 580px; width: 560px; display: none; } #footer .footer-right .map-pane { position: relative; } #footer .footer-right .map-pane #map { width: 560px; height: 465px; } #footer .footer-right .map-pane .get-directions { width: 100%; position: absolute; top: 0; z-index: 1; background: #4479bf; background: rgba(68, 121, 191, 0.9); } #footer .footer-right .map-pane .get-directions form { padding: 6px 15px 8px; font-size: 15px; line-height: 23px; color: #fff; } #footer .footer-right .map-pane .get-directions form label { font-weight: 500; margin-right: 8px; } #footer .footer-right .map-pane .get-directions form input[type="text"] { width: 490px; background: none; border: none; border-bottom: 1px solid #a8c1e1; color: #fff; } #footer .footer-right .map-pane .get-directions form ::-webkit-input-placeholder { color: #a8c1e1; } #footer .footer-right .map-pane .get-directions form :-moz-placeholder { /* Firefox 18- */ color: #a8c1e1; } #footer .footer-right .map-pane .get-directions form ::-moz-placeholder { /* Firefox 19+ */ color: #a8c1e1; } #footer .footer-right .map-pane .get-directions form :-ms-input-placeholder { color: #a8c1e1; } #footer .footer-right .map-pane .get-directions form p { margin: 5px 0; } #footer .footer-right .map-pane .get-directions form .direction { float: right; background: none; border: none; position: relative; padding: 0 15px 0 0; color: #103a6e; } #footer .footer-right .map-pane .get-directions form .direction:before { font-size: 10px; position: absolute; right: 0; top: 50%; margin: -5px 0 0; } #footer .footer-right .map-pane .get-directions form .direction:hover { color: #fff; } /* ========================================================================= */ /* !NAV STYLES */ /* ========================================================================= */ /** Main Nav **/ #main-nav ul { width: 400px; } #main-nav ul li { display: inline; float: left; margin: 0 0 0 25px; padding: 33px 0; } #main-nav ul li a { position: relative; display: block; font-weight: 600; font-size: 14px; line-height: 24px; color: #bebebe; text-transform: uppercase; padding: 2px 10px; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; } #main-nav ul li a [class*='icon-curl-'] { position: absolute; top: 50%; margin-top: -9px; font-size: 16px; line-height: 1; font-weight: bold; z-index: -1; opacity: 0; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; } #main-nav ul li a [class='icon-curl-left'] { left: 0; } #main-nav ul li a [class='icon-curl-right'] { right: 0; } #main-nav ul li .sub-menu-wrapper { /* display: none; */ width: 100%; position: absolute; left: 0; top: 45%; z-index: -1; transition: top .1s ease; -webkit-transition: top .1s ease; -moz-transition: top .1s ease; -o-transition: top .1s ease; -ms-transition: top .1s ease; } #main-nav ul li .sub-menu-wrapper ul { width: 1140px; margin: 0 auto; padding: 15px 10px; overflow: hidden; border-top: 1px dotted #4d4d4d; } #main-nav ul li .sub-menu-wrapper ul li { padding: 0 10px; } #main-nav ul li .sub-menu-wrapper ul li a { padding: 0 5px; color: #fff; border-bottom: 2px solid transparent; line-height: 18px; } #main-nav ul li .sub-menu-wrapper ul li a [class*='icon-curl-'] { display: none; } #main-nav ul li:first-child { margin-left: 0; } #main-nav ul li:hover a { color: #fff; } #main-nav ul li:hover a [class*='icon-curl-'] { z-index: 1; opacity: 1; } #main-nav ul li:hover a [class='icon-curl-left'] { left: -4px; } #main-nav ul li:hover a [class='icon-curl-right'] { right: -4px; } #main-nav ul li:hover .sub-menu-wrapper { /* display: block; */ top: 100%; background: #000; z-index: 9999; transition: top .3s ease; -webkit-transition: top .3s ease; -moz-transition: top .3s ease; -o-transition: top .3s ease; -ms-transition: top .3s ease; } #main-nav ul li:hover .sub-menu-wrapper ul li a:hover { border-bottom-color: #447bbf; } #main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-ancestor a { color: #fff; } #main-nav ul li.current-menu-item a [class*='icon-curl-'], #main-nav ul li.current-menu-ancestor a [class*='icon-curl-'] { z-index: 1; opacity: 1; color: #568dd0; } #main-nav ul li.current-menu-item a [class='icon-curl-left'], #main-nav ul li.current-menu-ancestor a [class='icon-curl-left'] { left: -4px; } #main-nav ul li.current-menu-item a [class='icon-curl-right'], #main-nav ul li.current-menu-ancestor a [class='icon-curl-right'] { right: -4px; } #main-nav ul li.current-menu-item .sub-menu-wrapper, #main-nav ul li.current-menu-ancestor .sub-menu-wrapper { display: block; top: 100%; z-index: 9998; background: #447bbf; } #main-nav ul li.current-menu-item .sub-menu-wrapper ul, #main-nav ul li.current-menu-ancestor .sub-menu-wrapper ul { border-top: transparent; } #main-nav ul li.current-menu-item .sub-menu-wrapper ul li:hover a, #main-nav ul li.current-menu-item .sub-menu-wrapper ul li.current-menu-item a, #main-nav ul li.current-menu-ancestor .sub-menu-wrapper ul li:hover a, #main-nav ul li.current-menu-ancestor .sub-menu-wrapper ul li.current-menu-item a { border-bottom-color: #fff; } #main-nav ul.mn-left { float: left; } #main-nav ul.mn-right { float: right; } /* ========================================================================= */ /* !FORM STYLES */ /* ========================================================================= */ /* != PLACEHOLDER STYLES = input or textarea - placeholder="whatever" ===== */ ::-webkit-input-placeholder { color: #aaa; } :-moz-placeholder { color: #aaa; } /* form { } form ul { margin: 0; } form ul li { background: none; padding: 5px 0; list-style: none; } form ul li div { display: inline-block; vertical-align: top; } form ul li ul li { padding: 0; } label { width: 150px; line-height: 25px; } input[type=text], input[type=password] { width: 250px; padding: 0 5px; line-height: 25px; height: 25px; } textarea { width: 250px; height: 100px; padding: 5px; } select { width: 260px; } input[type=submit], button[type=submit] { display: inline-block; cursor: pointer; } input[type=submit]:hover, button[type=submit]:hover { } */ /** Registration Form **/ .registration-form { width: 542px; padding: 20px; background: #fff; } .registration-form h3 { font: 400 26px/32px "cutive", Georgia, Times, "Times New Roman", serif; color: #568dd0; padding: 0 0 2px; border-bottom: 4px solid #e0e0e0; } .registration-form form .validation_error { margin: 15px 60px -10px; } .registration-form form ul li ul li { width: auto !important; display: block !important; float: none !important; margin: 5px 0 0 !important; } /* ========================================================================= */ /* !COLORBOX STYLES */ /* ========================================================================= */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: #000; } #colorbox { outline: 0; } #cboxContent { margin-top: 32px; overflow: visible; background: #000; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { background: #000; padding: 1px; } #cboxLoadingGraphic { background: url(../images/loading.gif) no-repeat center center; } #cboxLoadingOverlay { background: #000; } #cboxTitle { position: absolute; top: -22px; left: 0; color: #000; } #cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: 30px; height: 30px; position: absolute; top: -31px; background: none; border: none; color: #fff; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxPrevious { left: 0px; } #cboxPrevious:before { content: "e"; font-family: "web-icons"; } #cboxPrevious:hover { background: #2967b4; } #cboxNext { left: 31px; } #cboxNext:before { content: "g"; font-family: "web-icons"; } #cboxNext:hover { background: #2967b4; } #cboxClose { width: auto; right: 0; padding: 0 22px 0 8px; text-transform: uppercase; font-size: 13px; } #cboxClose:before { position: absolute; right: 8px; top: 50%; margin-top: -5px; content: "d"; font-family: "web-icons"; text-transform: none; font-size: 9px; } #cboxClose:hover { background: #2967b4; } .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; } .cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; } .cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; } .cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; } .cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; } /** Event Registration Form loaded on a colorbox **/ /** Template Styles **/ body.active-sub-menu #content { margin-top: 50px; }