/* Theme Name: PoloniaCongress Description: Theme for Polonia Congress Author: Mabronet Author URI: http://mabronet.pl Template: polonia Version: 1.0.0 Text Domain: polonia */ @font-face { font-family: 'FocoCorpRegular'; src: url('fonts/foco_corp_regular-webfont.otf'); } @font-face { font-family: 'FocoCorpLight'; src: url('fonts/foco_corp_light-webfont.otf'); } @font-face { font-family: 'FocoCorpBold'; src: url('fonts/foco_corp_bold-webfont.otf'); } /***************************************************************************************************************************************************************************/ /****************************************************************** NORMALIZE ********************************************************************************************/ /***************************************************************************************************************************************************************************/ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin-left: 10px; margin-top: 0; margin-right: 10px; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /***************************************************************************************************************************************************************************/ /****************************************************************** SKELETON *********************************************************************************************/ /***************************************************************************************************************************************************************************/ /* * Skeleton V2.0.4 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014 */ /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Grid - Base Styles - Typography - Links - Buttons - Forms - Lists - Code - Tables - Spacing - Utilities - Clearing - Media Queries */ /* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ .container { position: relative; width: 100%; max-width: 1230px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .column, .columns { width: 100%; float: left; box-sizing: border-box; } /* For devices larger than 800px */ @media (min-width: 800px) { .container { width: 80%; } .column, .columns { margin-left: 4%; } .column:first-child, .columns:first-child { margin-left: 0; } .one.column, .one.columns { width: 4.66666666667%; } .two.columns { width: 13.3333333333%; } .three.columns { width: 22%; } .four.columns { width: 30.6666666667%; } .five.columns { width: 39.3333333333%; } .six.columns { width: 48%; } .seven.columns { width: 56.6666666667%; } .eight.columns { width: 65.3333333333%; } .nine.columns { width: 74.0%; } .ten.columns { width: 82.6666666667%; } .eleven.columns { width: 91.3333333333%; } .twelve.columns { width: 100%; margin-left: 0; } .one-third.column { width: 30.6666666667%; } .two-thirds.column { width: 65.3333333333%; } .one-half.column { width: 48%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } } /* Base Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */ html { font-size: 62.5%; } body { font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.6; font-weight: 400; font-family: "FocoCorpLight", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 300; } h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;} h2, .h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; } h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; } h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; } h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; } h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; } /* Larger than phablet */ @media (min-width: 550px) { h1 { font-size: 5.0rem; } .page-title h1, .page-title h2 { font-size: 4.0rem; margin: 40px 4%; font-family: 'FocoCorpLight',Arial,Helvetica,sans-serif;} h2, .h2 { font-size: 3.3rem; } h3 { font-size: 3.0rem; } h4 { font-size: 2.5rem; } h5 { font-size: 2.1rem; } h6 { font-size: 1.5rem; } } p { margin-top: 0; } /* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ a { color: #1EAEDB; } a:hover { color: #0FA0CE; } /* Buttons –––––––––––––––––––––––––––––––––––––––––––––––––– */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; height: 38px; padding: 0 30px; color: #555; text-align: center; font-size: 1.8rem; font-weight: 500; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 40px; border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color: #333; border-color: #888; outline: 0; } .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary { color: #FFF; background-color: #4071af; border-color: #4071af; } .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus { color: #FFF; font-weight: 800; background-color: #30619f; border-color: #30619f; } /* Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { height: 38px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; box-sizing: border-box; } /* Removes awkward default styles on some inputs for iOS */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { /*min-height: 65px;*/ padding-top: 6px; padding-bottom: 6px; } input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #33C3F0; outline: 0; } label, legend { display: block; margin-bottom: .5rem; font-weight: 600; } fieldset { padding: 0; border-width: 0; } input[type="checkbox"], input[type="radio"] { display: inline; } label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; } /* Lists –––––––––––––––––––––––––––––––––––––––––––––––––– */ ul { list-style: circle inside; } ol { list-style: decimal inside; } ol, ul { padding-left: 0; margin-top: 0; } ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; } li { margin-bottom: 1rem; } /* Code –––––––––––––––––––––––––––––––––––––––––––––––––– */ code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; } pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; } /* Tables –––––––––––––––––––––––––––––––––––––––––––––––––– */ th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /* Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */ button, .button { margin-bottom: 1rem; } input, textarea, select, fieldset { margin-bottom: 1.5rem; } pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; } /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ .u-full-width { width: 100%; box-sizing: border-box; } .u-max-full-width { max-width: 100%; box-sizing: border-box; } .u-pull-right { float: right; } .u-pull-left { float: left; } /* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */ hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; } /* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Self Clearing Goodness */ .container:after, .row:after, .u-cf { content: ""; display: table; clear: both; } /* Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Note: The best way to structure the use of media queries is to create the queries near the relevant code. For example, if you wanted to change the styles for buttons on small devices, paste the mobile query code up in the buttons section and style it there. */ /* Larger than mobile */ @media (min-width: 400px) {} /* Larger than phablet (also point when grid becomes active) */ @media (min-width: 550px) {} /* Larger than tablet */ @media (min-width: 750px) {} /* Larger than desktop */ @media (min-width: 1000px) {} /* Larger than Desktop HD */ @media (min-width: 1200px) {} /***************************************************************************************************************************************************************************/ /****************************************************************** STYLES ***********************************************************************************************/ /***************************************************************************************************************************************************************************/ a, a.visited { color: #4071af; text-decoration: none; } h1,h2,h3,h4,h5,h6 { font-family: 'FocoCorpBold',Arial, Helvetica, sans-serif; text-transform: uppercase; } h1 hr, h2 hr, .h2 hr { width: 40px; height: 4px; background-color: #4071af; text-align: left; margin: 0px; } hr.white { width: 40px; height: 4px; background-color: #ffffff; text-align: left; margin: 0px; } a:hover { color: #000000; } #page-overlay { z-index: 195; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: none; } #header-top-background { position: absolute; left: 0; top: 0; width: 30vw; height: 50px; background-color: #4071af; z-index: -1; } @media (min-width: 3000px) { #header-top-background { width: 40vw; } } #header-top { position: relative; z-index: 100; font-family: 'Roboto', Arial, Helvetica,sans-serif; } #header-top .row .column, #header-top .row .columns { min-height: 50px; line-height: 50px; background-color: #ffffff; } #header-top .socials { font-size: 1.5rem; } #header-top .socials a { margin-left: 10px; } #header-top .socials a:first-child { margin-left: 0; } #header-top a { transition: 0.5s all; } #header-top .links { font-size: 1.4rem; } #header-top .links .login { float: right; } #header-top .links a { margin-left: 20px; } #header-top .links a:first-child { margin-left: 0; } #header-top .login { text-align: right; } #header-top .row .blue { background-color: #4071af; } #header-middle { height: 180px; } #header-middle .logo { text-align: center; max-height: 180px; } #header-middle .logo a { margin-top: 20px; max-height: 160px; display: inline-block; } #header-middle .logo a img { max-height: 160px; } #header-middle { position: relative; } #header-middle .banner-bg { position: absolute; left: 0; top: 0; width: 65.8vw; height: 180px; overflow: hidden; z-index: -1; } #header-middle .banner-bg img { width: 100%; } #header-middle .banner-container { margin-left: 0; width: 34.6667%; } #header-middle .banner { background-color: rgba(64,112,174,0.78); font-family: 'FocoCorpRegular',Arial, Helvetica, sans-serif; font-size: 3rem; color: #ffffff; width: 80%; padding: 15px 10%; line-height: 36px; height: 150px; position: relative; } #header-middle .banner a { font-family: 'Roboto',Arial, Helvetica, sans-serif; font-weight:500; color: #ffffff; font-size: 1.7rem; padding: 1px 20px; border: 1px solid #ffffff; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; position: absolute; right: 5%; bottom: 10px; text-transform: uppercase; transition: 0.5s all; } #header-middle .banner a:hover { /*font-weight: bold;*/ background-color: #ffffff; color: #4071AF; } #header-middle .flag img { float: right; } #main-header { height: 92px; position: relative; } #main-header .container { border-bottom: 8px solid #4071af; z-index: 100; } #main-header #main-menu { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 700; } #main-header #main-menu > ul { list-style: none; margin-top: 20px; } #main-header #main-menu > ul > li { display: inline; margin-left: 30px; position: relative; } #main-header #main-menu > ul > li > a { text-transform: uppercase; font-size: 1.5rem; line-height: 40px; transition: all 0.5s ease 0.1s; } #main-header #main-menu > ul > li > a:hover { color: #4071af; border-bottom: 1px solid #4071af; } .yt-mobile { display: none; } @media (min-width: 800px) { @-webkit-keyframes menuhover { 0% { opacity: 0; display: none;} 100% { opacity: 1; display: block;} } @-moz-keyframes menuhover { 0% { opacity: 0; display: none;} 100% { opacity: 1; display: block;} } @-o-keyframes menuhover { 0% { opacity: 0; display: none;} 100% { opacity: 1; display: block;} } @keyframes menuhover { 0% { opacity: 0; display: none;} 100% { opacity: 1; display: block;} } #main-header #main-menu > ul > li.menu-item-has-children:hover ul.sub-menu { /*-webkit-animation: menuhover 1s; -moz-animation: menuhover 1s; -o-animation: menuhover 1s; animation: menuhover 1s; */ opacity: 1.0; visibility:visible; transition: all 0.5s ease 0.1s; } #main-header #main-menu > ul > li.menu-item-has-children { margin-left: 20px; padding-left: 10px; transition: all 0.75s ease 0.1s; border-left: 1px solid #ffffff; } #main-header #main-menu > ul > li.menu-item-has-children:hover { border-left: 1px solid #4071af; } #main-header #main-menu > ul > li.menu-item-has-children:hover a { border: none; } #main-header #main-menu ul.sub-menu { position: absolute; left: -1px; visibility: hidden; top: 18px; opacity: 0; list-style: none; margin: 0; width: 300px; padding: 20px 0 0 0; background: #ffffff; border: 1px solid #4071af; border-top: none; border-right: none; } #main-header #main-menu ul.sub-menu > li { padding: 5px 20px; margin-bottom: 0; border-right: 1px solid #4071af; } #main-header #main-menu ul.sub-menu > li a { border-bottom: 1px solid #ffffff; } #main-header #main-menu ul.sub-menu > li:hover { background: rgba(64,113,175,0.15); } #main-header #main-menu ul.sub-menu > li:hover a { color: #4071af; border-bottom: 1px solid #4071af; } } #main-header .music { margin-top: 28px; float: right; display: inline-block; margin-right: 15px; } #main-header .music a { display: inline-block; width: 20px; height: 23px; background-image: url('images/note.png') no-repeat; margin-right: 15px; transition: 0.5s all; } #main-header .music a:hover { background-image: url('images/note_hover.png') no-repeat; } #news-message { position: relative; } #news-message .first, #news-message .second { /* height: 1095px;*/ } #news-message .second { width: 52%; } #news-message h2 { margin-left: 5%; } #news-message .key-issue { margin-top: 40px; } #news-message .key-issue-news-container { position: relative; height: 500px; margin: 50px 0; } #news-message .key-issue-news { height: 500px; background-repeat: no-repeat; background-size: auto 500px; position: relative; } #news-message .key-issue-news .title { font-family: 'FocoCorpRegular',Arial, Helvetica, sans-serif; position: absolute; bottom: 0; width: 90%; padding: 3% 5%; font-size: 3rem; background-color: rgba(255, 255, 255, 0.5); height: 30%; } #news-message .key-issue-news .comments { position: absolute; right: 3%; bottom: 10%; color: #000000; font-size: 1.8rem; } #news-message .key-issue-news a { font-family: 'Roboto',Arial, Helvetica, sans-serif; font-weight: 500; color: #ffffff; font-size: 1.7rem; padding: 10px 20px; border: 1px solid #000000; background-color: #000000; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; position: absolute; left: 5%; bottom: 10%; text-transform: uppercase; transition: 0.5s all; } #news-message .key-issue-news a:hover { font-weight: bold; background-color: #9D2439; } #news-message .key-issue .dots { position: absolute; height: 25px; width: 100%; bottom: 10px; left: 0; text-align: center; } #news-message .key-issue .dots .dot { width: 7px; height: 7px; display: inline-block; margin: 0 3px; background: #000000; border: 2px solid #000000; border-radius: 1000px; cursor: pointer; } #news-message .key-issue .dots .dot.active { background: #ffffff; } #news-message .local-news { margin-top: 80px; } #news-message .local-news-news { height: 350px; width: 30%; position: relative; margin-right: 4.1%; display: inline-block; } #news-message .local-news-news:last-child { margin-right: 0; } #news-message .local-news-news a { display: block; width: 100%; height: 100%; overflow: hidden; color: #000000; } #news-message .local-news-news a img { width: 100%; height: auto; } #news-message .local-news-news .title { font-family: 'FocoCorpRegular',Arial, Helvetica, sans-serif; position: absolute; bottom: 0px; height: 80px; width: 90%; padding: 20px 5%; text-transform: uppercase; font-size: 1.2rem; background-color: rgba(255,255,255,0.8); } #news-message .local-news-news .title a { transition: 0.5s all; } #news-message .local-news-news .title a:hover { /*font-weight: bold;*/ color: #9D2439; } #news-message .local-news-news .comments { position: absolute; left: 5%; bottom: 5px; color: #000000; } #news-message .current-news { margin-top: 40px; } #news-message .current-news-news { width: 100%; position: relative; margin: 10px 15% 30px 5%; width: 80%; display: inline-block; } #news-message .current-news-news a.img { display: block; width: 120px; height: 120px; border-radius: 1000px; overflow: hidden; position: absolute; left: 0; top: 0; } #news-message .current-news-news a.img img { width: 100%; height: 100%; } #news-message .current-news-news .text { margin-left: 150px; } #news-message .current-news-news .title a { font-family: 'FocoCorpBold',Arial, Helvetica, sans-serif; font-size: 1.9rem; color: #000000; position: relative; transition: 0.5s all; } #news-message .current-news-news .title a:hover { color: #9D2439; } #news-message .current-news-news .excerpt a { font-family: 'FocoCorpLight',Arial, Helvetica, sans-serif; font-size: 1.2rem; color: #000000; position: relative; } #news-message .current-news-news .title a:hover, #news-message .current-news-news .excerpt a:hover { /*font-weight: bold;*/ } #news-message .current-news-news .comments { margin-top: 5px; color: #cccccc; position: relative; } #news-message .second { margin-left: 0; background-color: #fbfdfc; } #news-message .second h2.red { margin-left: 0; margin-bottom: 0; } #news-message .second h2.red hr, h2.red hr { background-color: #c20016; } h2.red a { transition: 0.5s all; } h2.red a:hover { color: #9D2439; } h2.white, .big-text.white, .text.white { color: #ffffff; } h2.white hr { background-color: #ffffff; } h2.gray { color: #000000; } h2.gray hr { background-color: #838587; } h2.blue { color: #4071af; } h2.blue hr { background-color: #4071af; } h2 a { color: #000000; } .pink-bg { background-color: #db6976; } .gray-bg { background-color: #e8e8e8; } #news-message .second h2.blue { margin-left: 0; padding: 3px 15px; background-color: #4071af; color: #ffffff; } #news-message #purpose { padding-top: 40px; padding-left: 8%; } #news-message #purpose .languages .lang, #news-message #president .languages .lang { font-family: 'Roboto', Arial,Helvetica,sans-serif; font-weight: 700; font-size: 2rem; padding: 0px; display: inline-block; cursor: pointer; color: #c20016; } #news-message #purpose .big-text { font-family: 'FocoCorpRegular',Arial,Helvetica,sans-serif; margin-top: 20px; font-size: 1.8rem; } #news-message #purpose .text { font-family: 'FocoCorpRegular',Arial,Helvetica,sans-serif; margin-top: 20px; font-size: 1.5rem; } #content { margin-bottom: 50px; } #content .big-text20 { font-family: 'FocoCorpRegular',Arial,Helvetica,sans-serif; margin-top: 20px; font-size: 2.0rem; } #content .big-text { font-family: 'FocoCorpRegular',Arial,Helvetica,sans-serif; margin-top: 20px; font-size: 2.4rem; } #content .text { font-family: 'FocoCorpRegular',Arial,Helvetica,sans-serif; margin-top: 20px; font-size: 1.8rem; } #content .margin-row .twelve.columns { width: 100%; } #content .margin-row .six.columns { width: 46%; } #content .margin-row .four.columns { width: 29.33333%; } #content .margin-row .columns:first-child, #content .margin-row .columns:first-child { margin-left: 4%; } #news-message #president { padding-top: 60px; min-height: 527px; background-color: #fbfdfc; background-repeat: no-repeat; background-size: 50% auto; background-position:bottom left; padding-left: 55%; } #news-message #president .message { margin-top: 20px; font-family: 'Roboto',Arial,Helvetica,sans-serif; font-size: 1.7rem; } #news-message #calendar { margin-top: 40px; } #news-message #calendar .calendar .hidden { display: none; } #news-message #calendar > div { width: 49.5%; display:inline-table; } #news-message #calendar .upcoming-events .event { font-size: 0.8em; border: 5px solid #ffffff; width: 45.7%; /*text-align: center;*/ display: none; cursor: pointer; vertical-align: text-top; } #news-message #calendar .upcoming-events > .event.mc_general .event-outside, #news-message #calendar .upcoming-events .event .details .event-left { text-align: center; } .mc-main .calendar-event .details { border-radius: 0 !Important; border: none !important; } #news-message #calendar .upcoming-events .event .details { font-size: 15px; /*border: 5px solid #ffffff;*/ width: 45.7%; /*text-align: center;*/ display: none; /*cursor: pointer;*/ vertical-align: text-top; } #news-message #calendar .upcoming-events .event:nth-of-type(1), #news-message #calendar .upcoming-events .event:nth-of-type(2), #news-message #calendar .upcoming-events .event:nth-of-type(3), #news-message #calendar .upcoming-events .event:nth-of-type(4) { display: inline-block; } #news-message #calendar .upcoming-events .event:hover { border: 5px solid #4071af; } #news-message #calendar .upcoming-events .month { font-family: 'Roboto',Arial,Helvetica,sans-serif; font-weight: 700; font-size: 1.5rem; margin-top: 5px; /*text-transform:lowercase;*/ } #news-message #calendar .upcoming-events .day { font-size: 6rem; line-height: 9rem; font-family: 'Roboto',Arial,Helvetica,sans-serif; font-weight: 700; } #news-message #calendar .upcoming-events .event.active .day { color: #4071af; } #news-message #calendar .upcoming-events .title { font-family: 'Roboto',Arial,Helvetica,sans-serif; font-weight: 400; text-transform: uppercase; height: 50px; } #news-message #calendar .upcoming-events .details .title { text-transform: none; height: auto; } #news-message #calendar .upcoming-events .location { font-family: 'Roboto',Arial,Helvetica,sans-serif; font-weight: 300; font-style:italic; margin-bottom: 10px; text-transform: uppercase; } #news-message #calendar .calendar .day-with-date { text-align: center; border: 1px solid #ffffff; } #news-message #calendar .calendar .mc-main table { border-collapse:separate; border-spacing: 0px; font-family: 'FocoCorpRegular',Arial,sans-serif; } #news-message #calendar .calendar .mc-main table caption { display: none; } #news-message #calendar .calendar .my-calendar-header { margin-bottom: 10px; } #news-message #calendar .calendar .my-calendar-nav .caption { font-family: 'FocoCorpBold',Arial,sans-serif; color: #4070ae; font-size: 1.3em; width: 100%; text-align: center; } #news-message #calendar .calendar .my-calendar-nav .my-calendar-prev, #news-message #calendar .calendar .my-calendar-nav .my-calendar-next { position: absolute; top: 0; } #news-message #calendar .calendar .my-calendar-nav .my-calendar-prev a, #news-message #calendar .calendar .my-calendar-nav .my-calendar-next a { background: none; color: #4070ae; font-weight: bold; font-size: 1.5em; border: none; } #news-message #calendar .calendar .my-calendar-nav .my-calendar-prev a:hover, #news-message #calendar .calendar .my-calendar-nav .my-calendar-next a:hover { text-decoration:none; color: #000000; } #news-message #calendar .calendar .my-calendar-nav { float: none; width: 100%: } #news-message #calendar .calendar .my-calendar-nav ul { width: 100%; position: relative; } #news-message #calendar .calendar .my-calendar-nav .my-calendar-prev { left: 0; } #news-message #calendar .calendar .my-calendar-nav .my-calendar-next { right: 0; } #news-message #calendar .calendar thead th abbr { text-decoration: none; color: #000000; } #news-message #calendar .calendar thead th.sun abbr { color: #4070ae; } #news-message #calendar .calendar .mc-main td, #news-message #calendar .calendar thead th { height: 45px; vertical-align:middle; margin: 2px; } #news-message #calendar .calendar .mc-date { background: #ffffff; } #news-message #calendar .calendar .has-events .mc-date { background: rgb(64, 112, 174); } #news-message #calendar .calendar .mc-date span { text-decoration:none !important; } #news-message #calendar .calendar .current-day { background-color: #4070ae; border: 1px solid #4070ae; } #news-message #calendar .calendar .current-day .mc-date { background-color: #4070ae; } #news-message #calendar .calendar .current-day span { color: #ffffff; } #news-message #calendar .calendar .has-events, #news-message #calendar .calendar .has-events.weekend { border: 1px solid #4070ae; cursor: pointer; background-color: #4070ae; } #news-message #calendar .calendar .has-events.weekend .mc-date { background-color: #4070ae; } #news-message #calendar .calendar .has-events span, #news-message #calendar .calendar .has-events.weekend span { color: #ffffff; } #news-message #calendar .calendar .sun. span { color: #4070ae; } #news-message #calendar .calendar .has-events .calendar-event .summary { display: none; } #news-message #calendar .calendar .my-calendar-nav-year { margin-top: 10px; } #news-message #calendar .calendar .my-calendar-nav-year ul { list-style: none; } #news-message #calendar .calendar .my-calendar-nav-year ul li { display: inline-block; width: 25%; box-sizing:border-box; border: 2px solid #e8edf2; font-family: 'FocoCorpRegular',Arial,sans-serif; color: #4070ae; font-size: 1.5rem; text-align: center; padding: 10px 0; margin: 0; } #news-message #calendar .calendar .my-calendar-nav-year ul li.my-calendar-current-year { width: 50%; border: 2px solid #4070ae;; font-size: 1.7rem; } #news-message #calendar .calendar .my-calendar-nav-year ul li a { color: #4070ae; transition: 0.5s all; } #news-message #calendar .calendar .my-calendar-nav-year ul li a:hover { color: #000000; } #news-message #calendar .calendar .my-calendar-nav-year .my-calendar-prev-year a, #news-message #calendar .calendar .my-calendar-nav-year .my-calendar-next-year a { background: none !important; color: #4070ae !important; font-weight: bold !important; font-size: 1.3rem !important; border: none !important; padding: 0; box-sizing:border-box; min-width: auto; } #news-message #calendar .calendar .my-calendar-nav-year .my-calendar-prev-year a:hover, #news-message #calendar .calendar .my-calendar-nav-year .my-calendar-next-year a:hover { text-decoration:none !important; color: #000000 !important; } #news-message #calendar .mc-main .calendar-event .details, #news-message #calendar .upcoming-events .details { position: fixed; /* width: 60vw; */ height: 60%; left: 20vw; top: 20vh; background: #ffffff !important; opacity: 1.0 !important; z-index: 200; cursor:default; padding: 0; z-index: 1500; width: 60% !important; box-shadow:none; } #news-message #calendar .upcoming-events .details { /*border-radius: 4px; box-shadow: 2px 2px 2px #444;*/ box-sizing: border-box; z-index: 1500; } #news-message #calendar .mc-main .calendar-event .details .event-left, #news-message #calendar .upcoming-events .details .event-left { width: 30%; height: 100%; background: #4070ae; padding: 20px 1% 20px 1%; display: inline-block; float: left; line-height: 18px; } #news-message #calendar .upcoming-events .details .event-left, #news-message #calendar .upcoming-events .details .event-right { box-sizing:border-box; } #news-message #calendar .upcoming-events .details .event-right, #news-message #calendar .mc-main .calendar-event .details .event-right { overflow:auto; } #news-message #calendar .mc-main .calendar-event .details .event-left .event, #news-message #calendar .upcoming-events .details .event-left .event-inside { margin: 0 2vw 0 2vw; padding: 20px; background: #ffffff; } #news-message #calendar .mc-main .calendar-event .details .event-left .event .month, #news-message #calendar .upcoming-events .details .event-left .event-inside .month-inside { font-family: "Roboto",Arial,Helvetica,sans-serif; font-size: 1.5rem; font-weight: 700; margin-top: 5px; color: #000000; /*text-transform: lowercase;*/ } #news-message #calendar .mc-main .calendar-event .details .event-left .event .day, #news-message #calendar .upcoming-events .details .event-left .event-inside .day-inside { font-family: "Roboto",Arial,Helvetica,sans-serif; font-size: 6rem; font-weight: 700; line-height: 9rem; color: #000000; } #news-message #calendar .mc-main .calendar-event .details .event-left .event .title, #news-message #calendar .upcoming-events .details .event-left .event-inside .title-inside { font-family: "Roboto",Arial,Helvetica,sans-serif; font-weight: 500; text-transform: uppercase; color: #000000; font-size: 12px; } #news-message #calendar .mc-main .calendar-event .details .event-left .event .location, #news-message #calendar .upcoming-events .details .event-left .event-inside .location-inside { font-family: "Roboto",Arial,Helvetica,sans-serif; font-style: italic; font-weight: 300; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; } #news-message #calendar .mc-main .calendar-event .details .event-left .time-block, #news-message #calendar .mc-main .calendar-event .details .event-left .time-block p, #news-message #calendar .mc-main .calendar-event .details .event-left .time-block span, #news-message #calendar .mc-main .calendar-event .details .event-left .time-block time { color: #ffffff; } #news-message #calendar .mc-main .calendar-event .details .event-left .time-block span { display: inline-block; } #news-message #calendar .mc-main .calendar-event .details .event-left .time-block span.mc-event-date { display: block; } #news-message #calendar .mc-main .calendar-event .details .event-left .time-block p { line-height: 29px; } #news-message #calendar .mc-main .calendar-event .details .event-left .time-block time { font-size: 15px; } #news-message #calendar .mc-main .calendar-event .details .event-left .time-block .event-time { margin: 0; } #news-message #calendar .upcoming-events .details .event-left .time-block, #news-message #calendar .upcoming-events .details .event-left .time-block p, #news-message #calendar .upcoming-events .details .event-left .time-block span, #news-message #calendar .upcoming-events .details .event-left .time-block time { color: #ffffff; font-size: 15px; line-height: 29px; font-weight: 700; font-family: "FocoCorpRegular",​Arial,​sans-serif; } #news-message #calendar .upcoming-events .details .event-left .time-block span { display: inline-block; } #news-message #calendar .upcoming-events .details .event-left .time-block span.mc-event-date { font-size: 15px; font-weight: 400; line-height: 29px; display: block; font-family: "FocoCorpRegular",​Arial,​sans-serif; } #news-message #calendar .mc-main .calendar-event .details .event-left .webpage a, #news-message #calendar .upcoming-events .details .event-left .webpage a { text-transform: underline; color: #ffffff; } #news-message #calendar .mc-main .calendar-event .details .event-right, #news-message #calendar .upcoming-events .details .event-right { height: 100%; padding: 20px 2%; display: inline-block; width: 70%; float: left; box-sizing:border-box; line-height: 25px !important; } #news-message #calendar .mc-main .calendar-event .details .event-right .title, #news-message #calendar .upcoming-events .details .event-right .title { margin-bottom: 15px; font-size: 2rem; font-family: "FocoCorpRegular",​Arial,​sans-serif; color: #000000; text-align: center; line-height: 25px !important; } #news-message #calendar .upcoming-events .details .event-right .longdesc, #news-message #calendar .upcoming-events .details .event-right .longdesc p { color: #000000; line-height: 25px !important; margin-bottom: 15px !important; text-align: inherit; } #news-message #calendar .mc-main .calendar-event .details .event-right .longdesc img.aligncenter, #news-message #calendar .upcoming-events .details .event-right .longdesc img.aligncenter { text-align: center; } #news-message #calendar .mc-main .calendar-event .details .event-right .longdesc img.alignleft, #news-message #calendar .upcoming-events .details .event-right .longdesc img.alignleft { text-align: left; } #news-message #calendar .mc-main .calendar-event .details .event-right .longdesc img.alignright, #news-message #calendar .upcoming-events .details .event-right .longdesc img.alignright { text-align: right; } #news-message #calendar .mc-main .calendar-event .details .event-right .longdesc, #news-message #calendar .mc-main .calendar-event .details .event-right .longdesc p { /*color: #000000;*/ color: inherit; text-align: inherit; font-family: 'FocoCorpLight', Arial, sans-serif; line-height: 25px !important; margin-bottom: 15px !important; } #news-message #calendar .mc-main .calendar-event .details .event-right .longdesc span { color: inherit; } #news-message #calendar .mc-main .calendar-event .details .close { z-index: 9999; position: absolute; right: 15px; top: 5px; font-weight: 700; font-size: 20px; cursor: pointer; background: rgba(64,112,174,0.3); transition: 0.5s all; padding: 5px !important; width: 22px !important; line-height: 25px; box-sizing:border-box; font-weight: 700; font-family: 'FocoCorpRegular', Arial, sans-serif; } #news-message #calendar .upcoming-events .details .close { position: absolute; right: 15px; top: 5px; font-weight: 700; font-size: 20px; cursor: pointer; background: rgba(64,112,174,0.3); transition: 0.5s all; padding: 5px !important; width: 22px !important; line-height: 25px; box-sizing:border-box; font-weight: 700; font-family: 'FocoCorpRegular', Arial, sans-serif; } #news-message #calendar .mc-main .calendar-event .details .close:hover, #news-message #calendar .upcoming-events .details .close:hover { background: rgba(64,112,174,0.9); color: #ffffff; } #news-message #calendar .mc-main .nextmonth { opacity: 1.0 !important; } #news-message #calendar .mc-main .nextmonth .mc-date { opacity: 0.7; } #news-message #events-banner { margin-top: 30px; height: 200px; overflow: hidden; } #news-message #events-banner > div { position: relative; } #news-message #events-banner a.banner-read-more { font-family: 'Roboto',Arial, Helvetica, sans-serif; font-weight: 500; color: #ffffff; font-size: 1.7rem; padding: 10px 20px; border: 1px solid #000000; background-color: #000000; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; position: absolute; left: 5%; bottom: 20%; z-index: 1000; text-transform: uppercase; transition: 0.5s all; } #news-message #events-banner a.banner-read-more:hover { font-weight: bold; background-color: #9D2439; } #news-message #events-banner .banner { overflow:hidden; } #news-message #events-banner img { width: 100%; } #news-message #events-banner img { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; } #news-message #events-banner:hover img { -webkit-transform:scale(1.15); /* Safari and Chrome */ -moz-transform:scale(1.15); /* Firefox */ -ms-transform:scale(1.15); /* IE 9 */ -o-transform:scale(1.15); /* Opera */ transform:scale(1.15); } #about-congress { margin-top: 30px; } #about-congress h2 { margin-left: 5%; } #about-congress img { width: 100%; } #about-congress .big-text { font-family: 'FocoCorpBold',Arial,Helvetica,sans-serif; margin-top: 100px; font-size: 2.4rem; } #about-congress .text { font-family: 'FocoCorpLight',Arial,Helvetica,sans-serif; margin-top: 20px; font-size: 1.8rem; } #find-division-top { margin-top: 30px; } #find-division-top h2 { margin-left: 7.5%; display: inline-block; } #find-division-top .list { text-align: center; } #find-division-top a { font-family: 'Roboto',Arial, Helvetica, sans-serif; font-weight:500; color: #ffffff; background-color: #4071af; font-size: 1.7rem; padding: 10px 20px; border: 1px solid #4071af;; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; float: right; display: inline-block; text-transform: uppercase; transition: 0.5s all; } #find-division-top a:hover { background-color: #ffffff; color: #4071af; } #find-division #map { margin-top: 20px; text-align: center; } #find-division-bottom { margin-top: 40px; font-family: 'FocoCorpLight',Arial, Helvetica, sans-serif; } #find-division-bottom strong { text-transform: uppercase; font-family: 'FocoCorpBold',Arial, Helvetica, sans-serif; } #find-division-bottom .state-div { text-align: center; } #content ul.arrows { list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1.1em; } #content ul.arrows li::before { content: " "; font-family: 'FontAwesome'; font-size: 15px; } #footer-top { margin-top: 40px; font-family: 'FocoCorpLight',Arial, Helvetica, sans-serif; background-color: #e8e8e8; } #footer-top .left { background-color: #ababab; color: #ffffff; text-align: center; font-size: 4rem; width: 33.333% } #footer-top .left a { color: #ffffff; margin: 10px 10px 40px 10px; display: inline-block; } #footer-top .middle { width: 33.334%; margin-left: 0; font-size: 3.2rem; text-align: center; position: relative; padding-top: 30px; background: url('images/newsletter.png') no-repeat #ffffff; background-position: 3% 30%; } #footer-top .middle input { font-family: 'FocoCorpRegular',Arial, Helvetica, sans-serif !important; width: 100%; border:none; border-top: 1px solid #cccccc; width: 100%; margin: 0 !important; padding-left: 5% !important; padding-right: 10% !important; padding-top: 20px !important; padding-bottom: 20px !important; font-size: 1.8rem; background-color: #ffffff; border-radius: 0 !important; -webkit-border-radius: 0; -moz-border-radius: 0; height: 65px; margin-top: 30px !important; color: #222; max-width: 100% !important; } #footer-top .middle input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #222; } #footer-top .middle input::-moz-placeholder { /* Firefox 19+ */ color: #222; } #footer-top .middle input:-ms-input-placeholder { /* IE 10+ */ color: #222; } #footer-top .middle input:-moz-placeholder { /* Firefox 18- */ color: #222; } #footer-top form { position: relative; margin: 0; } #footer-top .form-group { margin: 0; } #footer-top .form-group label { display: none; } #footer-top .ccf-form-wrapper, #footer-top .gform_wrapper { margin: 0; } #footer-top .gform_wrapper { padding: 0 !important; } #footer-top .middle .cc_email_address { padding-top: 0; } #footer-top .middle .signup { position: absolute; bottom: 30px; right: 5px; width: 10%; height: 30px; cursor: pointer; } #footer-top .middle .cc_Go { position: absolute; bottom: 35px; right: 5px; width: 10%; height: 30px; cursor: pointer; padding: 0; } #footer-top .middle .cc_Go input { padding: 0 !important; margin: 0 !important; font-size: 2.5rem; color: #555 !important; transition: 0.5s all; } #footer-top .middle .cc_Go input:hover { color: #222 !important; } #footer-top .middle .cc_success { font-size: 20px !important; color: #555 !important; padding-top: 0 !important; padding-bottom: 0 !important; } #footer-top .error { font-size: 1.5rem; } #footer-top .ccf-form-complete { padding-top: 20px; padding-bottom: 25px; } #footer-top .middle .signup .btn { margin: 0; border: none; padding: 0; font-size: 2.5rem; height: 40px; } #footer-top .right { margin: 0; padding-top: 30px; width: 33.333%; font-size: 3rem; background-color: #4071af; text-align: center; } #footer-top .right a { color: #ffffff; } #footer-top .right img { display: block; margin: 40px auto; } #footer { padding: 30px 0; background-color: #000000; font-family: 'FocoCorpLight',Arial, Helvetica, sans-serif; color: #ffffff; } #footer .blue { color: #8c9baf; } #footer .design { color: #666666; text-align: center; } #footer .design a { color: #4071af; letter-spacing: 1px; transition: 0.5s all; } #footer .design a:hover { letter-spacing: 3px; } .news-date { margin-bottom: 20px; font-family: 'FocoCorpBold',Arial, Helvetica, sans-serif; } .news-date .comments, .news-comments .comments { display: inline-block; margin-left: 15px; border-left: 1px solid #000000; padding-left: 15px; color: #4071af; } .news-date .comments .fa, .news-comments .comments .fa { color: #4071af; } .news-detail .news-details { padding: 30px; border-bottom: 1px solid #000000; margin-bottom: 30px; font-family: 'FocoCorpRegular',Arial,Helvetica,sans-serif; font-size: 2rem; } .news-detail .news-details div.wp-caption { float: left; margin: 5px 5px 5px 0; } .news-details img { max-width: 100%; } .news-details img.featured_image { padding: 0 20px 20px 0; float: left; width: 30%; height: auto; } .news-detail .post-categories .h2, .news-detail .post-tags .h2 { margin-bottom: 15px; } .news-detail .post-categories a, .news-detail .post-tags a { display: inline-block; margin-right: 15px; } .post-comments { margin-top: 30px; } .post-comments .comment-form textarea.comment { resize: none; width: 100%; height: 100px; border: 1px solid #bcbcbc; margin: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .post-comments .comment-bottom { border: 1px solid #bcbcbc; border-top: none; height: 40px; line-height: 40px; padding: 10px; margin-top: -7px; } .post-comments .comment-bottom .sign-in { display: inline; } .post-comments .comment-bottom .form-submit { float: right; display: inline-block; margin-right: 30px; margin-bottom: 0; } .post-comments .comment-bottom .form-submit input { margin-bottom: 0; } .post-comments .comments-list .comment { padding-top: 15px; } .post-comments .comments-list .comment .reply { margin-bottom: 20px; } .post-comments .comments-list .comment.depth-1 { border-bottom: 1px solid #cccccc; margin-bottom: 15px; } .post-comments .comments-list .comment.depth-2, .post-comments .comments-list .comment.depth-3, .post-comments .comments-list .comment.depth-4 { padding-top: 15px; } .post-comments .depth-2 { border-left: 40px solid #eeeeee; padding-left: 20px; } .post-comments .depth-3 { border-left: 40px solid #eeeeee; margin-left: -20px; padding-left: 20px; } .post-comments .depth-4 { border-left: 40px solid #eeeeee; padding-left: 20px; margin-left: -20px; padding-bottom: 20px; } .news-detail h1 { font-family: 'FocoCorpRegular',Arial,Helvetica,sans-serif; } .news-list h2 { font-size: 2.5rem; font-family: 'FocoCorpRegular',Arial,Helvetica,sans-serif; } .news-list img { width: 30%; height: auto; } .news-list { border-top: 1px solid #000000; padding-top: 20px; } .news-list.first { border-top: none; } .news-list .news-details { padding: 30px; padding-bottom: 60px; margin-bottom: 30px; font-family: 'FocoCorpRegular',Arial,Helvetica,sans-serif; font-size: 2rem; } .learning-center .lc-image { overflow: hidden; position: relative; } .learning-center .lc-image a { width: 100%; height: 100%; display: block; } .learning-center .lc-image img { width: 100%; height: 100%; display: block; } .learning-center .lc-image .lc-title { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); } .learning-center .lc-image .lc-title h2 { margin: 0; } .learning-center .lc-image .lc-title a { color: #ffffff; display: block; width: 100%; text-transform:uppercase; font-size: 2.1rem; text-align: center; padding: 25px 0; } .learning-center .twelve.columns hr { width: 94%; margin: 3rem 5%; } .page-title h1, .page-title h2 { display: inline-block; } .page-title a { color: #4071af; text-transform:uppercase; margin: 40px 4%; font-size: 2.5rem; display: inline-block; } .page-title a hr { width: 40px; height: 4px; background-color: #4071af; text-align: left; margin: 0px; } .reviews-title { margin-bottom: 40px; } .reviews:nth-child(odd) { background-color: #eef2f8; } .reviews .review { position: relative; height: 180px; padding: 40px 0; font-size: 2rem; } .reviews .review i.fa-file-o { font-size: 10rem; position: absolute; left: 25px; top: 45px; } .reviews .review .review-title { margin-left: 35%; display: inline-block; } .reviews .review .review-title a { border: 1px solid #000000; padding: 7px 15px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; display: block; margin-right: 49%; text-transform:uppercase; color: #000000; font-size: 1.5rem; } .link-info { width: 15%; display:inline-block; font-family: 'FocoCorpBold'; font-weight:bold; } .link-link a { color: #000000; float: right; margin-top: 40px; } .media_img { background: url('images/media.png') no-repeat; background-color: #4071af; background-position:center; height: 480px; } .media_top { height: 200px; background-color: #85a4cc; color: #ffffff; font-family: 'FocoCorpBold',Arial,Helvetica,sans-serif; padding: 30px 4%; font-size: 3.3rem; } .media_bottom { height: 280px; padding: 20px 8%; } .text a { color: #000000; } .media-list a { color: #000000; } .show-mobile { display: none; } .youtube_text { margin-left: 0; height: 480px; width: 52% !important; } .youtube_img { background-color: #6f6f6f; text-align: center; height: 480px; } .youtube_img i { color: #ffffff; font-size: 20rem; margin-top: 140px; } .gallerylist_img { background-color: #4071af; text-align: center; width: 50% !important; height: 480px; } .h2-gal { width: 75%; font-size: 2.8rem; } .gallerylist_img i { color: #ffffff; font-size: 20rem; margin-top: 140px; } .clear { clear: both; } .comments-list .comment::after { clear: both; } #cancel-comment-reply-link { font-family: 'FocoCorpLight',Arial, sans-serif; font-size: 15px; } .button-none { display: none !Important; } .languages .lang a, .languages .lang a i { color: #ff0000; transition: 0.5s all; } .languages .lang a:hover, .languages .lang a:hover i { color: #4071AF; } .languages .lang a:hover { font-weight: bold; } .foogallery-container .fbx-link { width: 29.333333333% !important; margin-left: 2% !important; margin-right: 2% !important; overflow: hidden; height: 400px; } .foogallery-container .fbx-link img { height: 100%; width: auto; margin: 0 auto; display: block; } .comment .comment-edit-link { display: none; } .forum-table { width: 100%; } .forum-table thead { background: #4071af; } .forum-table thead th { color: #ffffff; text-align: center; } .forum-table thead th, .forum-table tbody td { padding: 15px; } .forum-table thead th:first-child { width: 40%; text-align: left; } .forum-table thead th:eq(2), .forum-table thead th:eq(3) { width: 15%; } .forum-table thead th:eq(4) { width: 25%; } .forum-table tbody td { font-family: 'FocoCorpRegular',Arial,sans-serif; } .forum-table tbody tr:nth-child(even) { background: #eeeeff; } .forum-table tbody td:first-child { font-family: 'FocoCorpBold',Arial,sans-serif; } .forum-table tbody tr td { text-align: center; } .forum-table tbody tr td:first-child { text-align: left; } .gallery-list-photo { padding: 50px; height: 340px; width: 50% !important; overflow: hidden; position: relative; } .gallery-list-photo h2 { z-index: 100; } .gallery-list-photo img { z-index: -1; position: absolute; top: 0; left: 0; width: 101%; } .gallery-list-photo img { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; } .gallery-list-photo:hover img { -webkit-transform:scale(1.15); /* Safari and Chrome */ -moz-transform:scale(1.15); /* Firefox */ -ms-transform:scale(1.15); /* IE 9 */ -o-transform:scale(1.15); /* Opera */ transform:scale(1.15); } svg { width: 962px; height: 583px; margin: 0 auto; } @media (max-width: 961px) { #find-division { display: none; } } .state-div { display: none; } .contact-form input[type="text"],.contact-form input[type="email"] { padding:10px; font-size: 1.8rem; width: 100%; border-radius: 0; border: none; border-bottom: 1px solid #898888; } .contact-form textarea { height: 300px; padding:10px; font-size: 1.8rem; width: 100%; border-radius: 0; border: none; border-bottom: 1px solid #898888; resize:none; } .contact-form label { display: none !important; } .contact-form .form-group { margin: 0 !important; } .contact-form p { margin: 0; } .contact-form .wpcf7-submit, .edit-profile .form-submit .submit { color: #FFF; background-color: #4071af; border-color: #4071af; transition: 0.5s all; } .contact-form .wpcf7-submit:hover, .contact-form .wpcf7-submit:focus, .edit-profile .form-submit .submit:hover, .edit-profile .form-submit .submit:focus { color: #FFF; font-weight: 800; background-color: #30619f; border-color: #30619f; } .edit-profile { text-align: center; } .edit-profile input[type="text"], .edit-profile input[type="password"] { width: 50%: } #login-form { display: none; } #login-form .title { color: #4071af; font-size: 2.8rem; text-align: center; width: 100%; font-family: 'FocoCorpLight',Arial,sans-serif; width: 300px; margin: 5px 100px 10px 100px; } #login-form input[type="text"], #login-form input[type="password"] { color: #bbbbbb; border: 1px solid #bbbbbb; border-radius: 20px; background: #f9f9f9; width: 300px; margin: 10px 100px; } #login-form .login-remember { width: 290px; margin: 10px 100px 10px 110px; } #login-form .forgot { width: 290px; margin: 10px 100px 10px 110px; } #login-form .login-username, #login-form .login-password { margin: 0; } #login-form .login-username label, #login-form .login-password label { display: none; } #login-form .login-submit { margin-bottom: 10px; } #login-form .login-submit-button { color: #FFF; background-color: #4071af; border-color: #4071af; transition: 0.5s all; width: 300px; display: inline-block; height: 38px; padding: 0 30px; text-align: left; font-size: 1.5rem; font-weight: 500; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; border-radius: 40px; cursor: pointer; box-sizing: border-box; margin: 0px 100px 25px 100px; position: relative; } #login-form .login-submit-button:hover, #login-form .login-submit-button:focus { background-color: #30619f; font-weight: 800; border-color: #30619f; } #login-form .login-submit-button:after { content: ">"; font-size: 2.8rem; position: absolute; color: #fff; right: 12px; top: 0; } #login-form .login-submit #wp-submit { display: none; } #login-form .subtitle { color: #000000; font-size: 2.2rem; text-align: center; font-family: 'FocoCorpLight',Arial,sans-serif; width: 400px; margin: 40px 50px 20px 50px; } #login-form .button-green { color: #FFF; background-color: #8daf02; border-color: #8daf02; transition: 0.5s all; width: 300px; display: inline-block; height: 38px; padding: 0 30px; text-align: left; font-size: 1.5rem; font-weight: 500; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; border-radius: 40px; cursor: pointer; box-sizing: border-box; margin: 0px 100px 25px 100px; position: relative; } #login-form .button-green:after { content: ">"; font-size: 2.8rem; position: absolute; right: 12px; top: 0; } #login-form .button-green:hover, #login-form .button-green:focus { color: #FFF; font-weight: 800; background-color: #779402; border-color: #779402; } .fancybox-close { top: 15px !important; right: 5px !important; background: none !important; transition: 0.5s all; } .fancybox-close:after { transition: 0.5s all; content: 'X'; color: #bbbbbb; font-size: 3rem; } .fancybox-close:hover:after { color: #000000; } .wppb-default-biographical-info textarea { resize: none; height: 38px !important; } p.wppb-form-field label { width: 30% !important; } p.wppb-form-field select { width: 69.9% !important; } #wppb-edit-user ul { width: 100% !important; max-width: 100%; } .products { list-style: none; } .products .product { width: 23%; margin: 10px 1%; display: inline-block; background: #eef2f8; } .products .product img { width: 80%; height: auto; margin: 20px 10%; } .products .product .product-bottom { background: #4071af; } .products .product .product-bottom a:first-child { width: 50%; display: inline-block; text-align: center; font-size: 2rem; } .products .product .product-bottom a:first-child span { color: #ffffff; font-family: 'FocoCorpRegular',Arial,sans-serif; } .products .product .product-bottom a:last-child { width: 40%; margin: 20px 5%; display: inline-block; text-align: center; color: #fff; border: 1px solid #fff; } .products .product h3 { font-family: 'FocoCorpRegular',Arial,sans-serif; width: 90%; margin: 5px 5%; } .wc-tabs { display: none; } .type-product .images { display: table-cell; width: 45%; margin-right: 10%; } .type-product .summary { display: table-cell; width: 45%; vertical-align: top; } .single_add_to_cart_button, .checkout-button, #place_order { color: #FFF !important; background-color: #4071af !important; border-color: #4071af !important; transition: 0.5s all; display: inline-block !important; height: 38px !important; padding: 0 30px !important; text-align: left !important; font-size: 1.5rem !important; font-weight: 500 !important; line-height: 38px !important; letter-spacing: .1rem !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap !important; border-radius: 40px !important; cursor: pointer !important; box-sizing: border-box !important; } .single_add_to_cart_button:hover, .single_add_to_cart_button:focus, .checkout-button:hover, .checkout-button:focus, #place_order:hover, #place_order:focus { background-color: #30619f !important; color: #fff !important; font-weight: 800 !important; border-color: #30619f !important; } #sidebar { list-style: none; } .woocommerce.widget_product_categories .widgettitle { display: none; } .woocommerce.widget_product_categories ul { list-style: none; } .woocommerce.widget_product_categories ul li { display: inline-block; font-family: 'FocoCorpLight',Arial,sans-serif; font-size: 2rem; margin: 0 20px; } .music a { background: url("images/note.png") no-repeat; width: 20px; height: 23px; display: inline-block; } .music a:hover { background: url("images/note_hover.png") no-repeat; } #main-header .music audio { display: none; } .media_right { margin-left: 0; height: 480px; width: 52% !important; } .gallerylist_right { width: 50%; height: 480px; margin: 0; padding-left: 4%; } .directors .committee-title { font-family: 'FocoCorpRegular',Arial,sans-serif; font-size: 2.2rem; } .directors .committee-position { font-family: 'FocoCorpLight',Arial,sans-serif; font-size: 1.9rem; } .directors .committee-phone { font-family: 'FocoCorpLight',Arial,sans-serif; font-size: 1.5rem; } /* For devices larger than 400px */ @media (min-width: 400px) { .container { width: 100%; padding: 0; } } @media (max-width: 1100px){ #header-middle .banner { font-size: 2.7rem; line-height: 30px; } #header-middle .banner a { text-align: center; bottom: 15px; width: 35%; font-size: 1.5rem; } #header-top .four { display: none; } #header-top .six { width: 78%; } #header-top-background { display: none; } #main-header #main-menu > ul > li { margin-left: 20px; } #main-header #main-menu > ul > li.menu-item-has-children { margin-left: 10px; } #main-header #main-menu > ul > li > a { 1.3rem; } #news-message .local-news-news { height: 300px; } } @media (min-width: 961px) and (max-width: 1100px) { #news-message #calendar .mc-main .calendar-events .details, #news-message #calendar .upcoming-events .details { top: 10vh; left: 10vw; width: 80% !important; height: 80%; position: fixed; } } @media (min-width: 801px) and (max-width: 960px) { #news-message #calendar .mc-main .calendar-events .details, #news-message #calendar .upcoming-events .details { top: 5vh; left: 5vw; width: 90% !important; height: 90%; position: fixed; } } @media (max-width: 800px){ #header-middle { height: auto; } #header-middle .logo { margin-bottom: 20px; } #header-middle .banner-container { width: 50%; } #header-middle .banner-container .banner .banner-bg { /* width: 100%;*/ } #header-middle .flag { width: auto; } #header-top .socials, #header-top .links { text-align: center; } #map { width: 100%; } #main-header .ten, #main-header .two {width: 100%;} #main-header li { padding: 0 !important; border: none !important; margin: 0 !important;display: block !important; text-align: center; width: 100%; border-top: 1px solid #cccccc !important;} #main-header li a { line-height: 25px !important; font-size: 1.9rem;} #main-header li .sub-menu {visibility:visible !important; block !Important; position: static !important; border: none !Important; margin: 0; width: 100%;} #main-header li .sub-menu li { border: none !important;} #main-header li .sub-menu li a {font-size: 1.2rem;} #main-header .music { width: 100%; text-align: center; margin: 0 auto !Important;float: none;} #main-menu { display: none; } #main-header .menu-icon { display: block; width: 71px; height: 61px; margin: 20px auto; background: url('images/menu-icon.png') no-repeat; background-size: 100% 100%; cursor: pointer; } #main-header .music a { margin: 0 10px; } #news-message .local-news-news { height: 250px; } #news-message .key-issue-news { background-size:contain; } #news-message .local-news-news { border-bottom: 5px solid #4071AF; } #news-message .local-news-news .title { height: 210px; padding: 20px 5%; rgba(255,255,255,0.7); font-size: 2.5rem; } #news-message .local-news-news .comments { bottom: 7%; } } /* For devices larger than 550px */ @media (max-width: 800px){ .container { width: 100%; padding: 0 !important; } .column, .columns { margin-left: 0%; } .column:first-child, .columns:first-child { margin-left: 0; } #page-overlay { display: none !important; } #login-form .title { width: 100%; margin: 5px 0px 10px 0px; } #login-form input[type="text"], #login-form input[type="password"] { width: 100%; margin: 10px 0px; } #login-form .login-remember { width: 100%; margin: 10px 0px 10px 10px; } #login-form .forgot { width: 100%; margin: 10px 0px 10px 10px; } #login-form .login-submit-button { width: 100%; margin: 0px 0px 25px 0px; } #login-form .subtitle { width: 100%; margin: 40px 0px 20px 0px; } #login-form .button-green { width: 100%; margin: 0px 0px 25px 0px; } #calendar .calendar-events h3.event-title, #calendar .calendar-events .event-left .event .day, #calendar .calendar-events .event-left .event .month, #calendar .calendar-events .event-right .title { display: none; } #calendar .mc-main .calendar-events { position: fixed !important; top: 0; left: 0; } #header-top-background { display: none;} #header-top .blue {display: none;} #header-top .socials {width: 100%;} #header-top .socials a {text-align: center; display: inline-block;width: 23%; margin: 0;} #header-top .links {width: 100%; text-align: center;} #header-top .links a {line-height: 30px; width: 50%; display: inline-block; text-align:center; margin:0;} #header-top .links a.login {width: 32% !important; text-align:center !important; display: inline-block; margin: 0; float: none;} #header-middle .logo, #header-middle .logo a, #header-middle .logo a img{width: 75%; height: auto; max-height:none;} #header-middle .logo a { margin-top: 0;} #header-middle .flag {display: none;} #header-middle .banner-container { width: 100%;} #header-middle .banner-container .banner .banner-bg, #header-middle .banner-container .banner .banner-bg img {width:100%;} #header-middle .banner-container .banner-bg { height: auto; position: static;} #header-middle .banner-container .banner { width: 100%; font-size: 1.8rem; height: auto; padding: 0 0 10px 0; text-align: center;} #header-middle .banner-container .banner a {font-size: 0.8rem; position: static; display: block; width: 30vw; margin-left: 30vw; padding: 1px 5vw; } #news-message .key-issue .key-issue-news-container .key-issue-news .title { height: 40%; } #news-message .local-news .local-news-news { margin: 0; margin-bottom: 10px; width: 100%; } .h2-gal { width: 100%; font-size: 2.3rem; } .foogallery-container a { width: 100% !important; margin: 20px 0; margin-left: 0 !important; } .forum-table { width: 100%; max-width: 100%; } .yt-nomobile, .forum-nomobile, .hide-mobile { display: none; } .yt-mobile, .show-mobile { display: block; } .youtube_text, .media_right, .gallerylist_right { height: auto; } .media_img { height: 200px !important;} .media_top, .media_bottom { padding: 20px 0 !important; font-size: 2rem; height: auto; width: 100%;} .media_right { height: auto; width: 100%;} #news-message .local-news-news { margin-right: 3.9%; } #news-message .local-news-news:last-child { margin-right: 0; } #news-message #calendar .upcoming-events .details, #news-message #calendar .mc-main .calendar-event .details { width: 100% !important; height: 100%; top: 0; left: 0; overflow-y:scroll; } #news-message #calendar .upcoming-events .details .event-left, #news-message #calendar .upcoming-events .details .event-right { width: 100%; display: block; height: auto; } #news-message #calendar .mc-main .calendar-event .details .event-left, #news-message #calendar .mc-main .calendar-event .details .event-right { width: 100%; display: block; height: auto; } /*#news-message #calendar .mc-main .calendar-event .details .close { right: auto; left: 90%; }*/ #news-message #calendar .upcoming-events .details .event-left .event-inside, #news-message #calendar .mc-main .calendar-event .details .event-left .event { display: inline-block; width: 50%; padding: 0; margin: 0; margin-left: 2%; float: left; } #news-message #calendar .upcoming-events .details .event-left .event-inside > div, #news-message #calendar .mc-main .calendar-event .details .event-left .event > div { font-size: 16px !Important; padding: 0 5px; } #news-message #calendar .upcoming-events .details .event-left .event-inside .day-inside, #news-message #calendar .mc-main .calendar-event .details .event-left .event .day { font-size: 4.8rem !important; line-height: 7rem; } #news-message #calendar .upcoming-events .details .event-left .time, #news-message #calendar .upcoming-events .details .event-left .webpage, #news-message #calendar .mc-main .calendar-event .details .event-left .time, #news-message #calendar .mc-main .calendar-event .details .event-left .webpage { display: inline-block; width: 40%; float: left; } #news-message #calendar .upcoming-events .details .event-left .time p span, #news-message #calendar .mc-main .calendar-event .details .event-left .time p span { font-size: 18px !important; } #news-message #calendar .upcoming-events .details .event-right .title, #news-message #calendar .mc-main .calendar-event .details .event-right .title { height: auto; } #news-message #calendar .upcoming-events .details .close, #news-message #calendar .mc-main .calendar-event .details .close { font-size: 30px; color: #ffffff; } #president { padding-left: 4% !important; background: none !important; height: auto !important; min-height: auto !important; } #purpose { padding-left: 4% !important; } #calendar, #calendar div { overflow: hidden; } #calendar .upcoming-events { width: 100% !Important; } #calendar .upcoming-events .event { width: 49% !Important; } #calendar .upcoming-events .event:nth-child(odd) { float: right; } #calendar .upcoming-events .event { box-sizing:border-box; } #calendar .events-calendar { margin-top: 30px; width: 100% !Important; } #find-division-top a { float: none; text-align: center; } #find-division-top .four { text-align: center; } #find-division-bottom .state-div { text-align: center; margin: 25px 0; } #footer-top .left, #footer-top .middle, #footer-top .right { width: 100% !important; display: block !important; text-align: center; } #footer-top .left a { display: inline-block; width: 20% !important; margin: 0 1%; !important; text-align:center; line-height: 30px !important; } #footer-top .left a i { font-size: 2rem; } #footer .left, #footer .middle, #footer .right { width: 100% !important; display: block !important; text-align: center; margin: 15px 0; } #content .woocommerce { margin-top: 30px; } h1 i, h2 i { display: none !important;} .one.column, .one.columns { width: 4.66666666667%; } .two.columns { width: 13.3333333333%; } .three.columns { width: 22%; } .four.columns { width: 100% !important; margin-left: 0 !Important; } .five.columns { width: 39.3333333333%; } .six.columns { width: 100% !important; margin-left: 0 !Important; } .seven.columns { width: 56.6666666667%; } .eight.columns { width: 65.3333333333%; } .nine.columns { width: 74.0%; } .ten.columns { width: 82.6666666667%; } .eleven.columns { width: 91.3333333333%; } .twelve.columns { width: 100%; margin-left: 0; } .one-third.column { width: 30.6666666667%; } .two-thirds.column { width: 65.3333333333%; } .one-half.column { width: 48%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } .link-item .three, .link-item .nine, .link-item2 .six { width: 100%; } .link-info { width: 100%; } .link-link a { float: none; } .products li.product { width: 100%; display: block; } .page-title { margin-top: 20px; } }