/* Theme Name: OF4WD Author: Membee Author URI: http://www.membee.com Description: Custom website created for the Ontario Federation of 4WD Recreationists Version: 1.11 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } img{ height: auto; max-width: 100%;outline:0 } a img{border:none;outline:0;} a{text-decoration:none} blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } b, strong, dt { font-weight:bold;} .float-left { float:left; } .float-right { float:right; } .noMargin { margin:0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } body {font: 16px/21px 'latoregular', sans-serif;color:#333;width:100%;background-color:#fff} header, body > section, footer{float:left;width:100%} .container{max-width:1180px; margin:0 auto;padding:0 1%;position:relative} header{font-family:'arimo';position:fixed;z-index:15;background-color:#fff;height:170px;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2)} header a:hover{text-decoration:underline} header .subheader {background-color:#484a4b;color:#ccc;font-size:.875em;height:30px;line-height:30px} header .subheader .links {width:50%;float:right;font-size:.9285em;text-align:right} header .subheader .links a{background:url('images/of4wd-sprites.png') no-repeat;color:#ccc;padding-left:25px;display:inline-block} header .subheader .links a.home{background-position:left 5px;margin-right:20px} header .subheader .links a.contact{background-position:0 -43px;margin-right:20px} header .subheader .links a.login{background-position:0 -1148px} header > .container{padding-top:20px} header .logo{width:19%;float:left;padding-top:20px} header .social-search{width:81%;float:right;text-align:right} header .social-search .social,header .social-search .search{float:right} header .social-search .social {width:77%;margin-right:2.6%} header .social-search .search {width:20.4%} header .social-search .social a{display:inline-block;width:28px;height:28px;margin-right:1%;background:url('images/of4wd-sprites.png') no-repeat;} header .social-search .social a.instagram{background:none} header .social-search .social a.facebook{background-position:0 -323px} header .social-search .social a.twitter{background-position:0 -361px} header .social-search .social a.rss{background-position:0 -287px} header .social-search .search {border-bottom:1px solid #ccc;height:35px} header .social-search .search .textbox{border:0;width:82%;padding:0 5% 0 0;color:#666;height:35px} header .social-search .search .submitbtn {background: url("images/of4wd-sprites.png") no-repeat 0px -101px;border:0;cursor: pointer;float: right;height:26px;width:13%;padding:0} nav.desk{text-transform:uppercase;width:81%;float:right;text-align:right;padding-top:41px} /*nav.desk ul li {position:relative;display:inline-block;}*/ nav.desk ul li {position:relative;display:inline-block;height:40px} nav.desk ul li a,.MembeeEventLink a,.forum-feed a{color:#333} nav.desk > ul > li{padding:0 4.5% 0 0;text-transform:uppercase} nav.desk > ul > li:last-child{padding-right:0} nav.desk > ul > li:hover > a{text-decoration:none;background:url('images/indicator.png') no-repeat 50% bottom} /*nav.desk > ul > li > a{padding-bottom:17px}*/ nav.desk > ul > li > a{display:inline-block;height:40px} /*nav.desk ul.sub-menu{display:none;width:250px;background-color:#fff;text-align:left;padding:10px 15px 5px;left:-30px;margin-top:18px;position: absolute;top:100%;border-top:4px solid #73aa32;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3);line-height:1.5em}*/ nav.desk ul.sub-menu{display:none;width:250px;background-color:#fff;text-align:left;padding:10px 15px 5px;left:-30px;position: absolute;top:100%;border-top:4px solid #73aa32;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3);line-height:1.5em} nav.desk li:last-child ul.sub-menu{right:0;left:auto} nav.desk > ul li:hover .sub-menu{display:block} nav.desk ul.sub-menu li {display:block;text-transform:none;} nav.desk ul.sub-menu li.private > a{background:url("images/of4wd-sprites.png") no-repeat 235px -70px} nav.desk ul.sub-menu li a {border-bottom:1px solid #ccc;padding-bottom:7px;margin-bottom:7px;display:inline-block;width:100%} nav.desk ul.sub-menu a:hover,nav.desk ul.sub-menu ul li a:hover,nav.desk ul.sub-menu ul li.level-3 a:hover{color:#629527;text-decoration:none} nav.desk ul.sub-menu ul li.level-3 a{font-family:'latoregular';width:93%;padding-left:6%;color:#666} nav.desk ul.sub-menu ul li.level-3:before{content: "\2022";color:#666;font-family:'latoregular';font-size:.9em;position:absolute} nav.desk li.two-column ul.sub-menu{width:520px} nav.desk li.two-column ul.sub-menu > li.half {width:48%;float:left;height:auto} nav.desk li.two-column ul.sub-menu > li.half:first-child{padding-right:4%} /*nav.desk li.two-column ul.sub-menu > li.half li.level-2 a{color:#333;font-family:'latoregular';padding-left:0;width:100%} nav.desk li.two-column ul.sub-menu > li.half li.level-2:before{content:''}*/ /*nav.desk > ul > li:hover, nav.desk > ul > li.current_page_item, nav.desk > ul > li.current-menu-ancestor{} nav.desk > ul > li.current_page_item, nav.desk > ul > li.current-menu-ancestor{background-color:#fafafa} nav.desk > ul > li.current_page_item:hover, nav.desk > ul > li.current-menu-ancestor:hover{background-color:#fff}*/ .header-social{width:22%;float:right;text-align:right;padding-top:14px;} .header-social a{display:inline-block;width:30px;height:26px;text-align:right;background:url('images/of4wd-sprites.png') no-repeat;} .header-social a.facebook{background-position:-10px -48px} .header-social a.twitter{background-position:-10px -94px} .header-social a.linkedin{background-position:-10px -140px} .header-social a.google-plus{background-position:-10px -186px} .header-social a.youtube{background-position:-10px -232px} .header-social a.rss{background-position:-10px -278px} .header-social a.hire-a-chef{background-position:-10px -324px} .banner{margin-top:170px;height:/*474px*/ auto;text-align:center;color:#fff;} .banner h1 {font:4em 'arimo';text-shadow: 1px 2px 5px rgba(0,0,0,.65);line-height:1.2em;margin:12% 3% 3%} .banner a.learn-more{margin-bottom:11%;background-color:rgba(255,255,255,.15);text-shadow: 1px 2px 5px rgba(0,0,0,.5);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;font:1.3em 'arimobold';padding:14px 3%;display:inline-block;text-decoration:none;border:2px solid #ebebeb} .banner a.learn-more:hover{background-color:rgba(255,255,255,.3)} .advertising{text-align:center;background-image:url("images/bg-grey.png");width:100%;float:left} .advertising a{display:inline-block;margin:0 2%} .advertising img{padding:30px 0;} .advertising iframe{padding:30px 0;margin:0 2%;max-width:96%} a.view-button{margin-left:5%;float:right;color:#999;font:14px 'latoregular';padding:8px 15px;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.22);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.22);box-shadow: 0 1px 2px rgba(0,0,0,.22);background-color:#f5f6f4} a.view-button:hover{background-color:#ebebeb;} .news{padding:30px 0;font-family:'latoregular';float:left;max-width:100%} .news article{width:23.5%;padding-right:2%;float:left} .news article:last-child{padding-right:0} .news article img{padding-bottom:30px} .news article h4 a, article.archive h3 a{color:#333;text-decoration:none} .news article h4 a:hover, article.archive h3 a:hover{color:#629527} .calendar,.forum-feed,.offers,.home-sidebar{padding:40px 2% 40px 0;float:left;width:32%;font-family:'latoregular'} .calendar h3 a.view-button{padding:7px 15px;position:relative;top:-5px;} .home .calendar h3 a.view-button{float:none;} .home h3{font-size:1.625em} .MembeeEvent {float: left; margin-bottom:20px;width: 100%;} .MembeeEventLink {float:right;width:79%;border-bottom:1px solid #d7d7d7;padding-bottom:15px} .MembeeEvent:last-child .MembeeEventLink,.forum-feed li:last-child, .offers .MembeeSO:nth-last-child(2) .MembeeSOText{border:0} .MembeeEventLink a:hover,.forum-feed a:hover,.offers a:hover {text-decoration:underline} .MembeeEventDateBegin {float:left;height:58px;position:relative;width:15%;border:1px solid #f0f0f0;border-radius:2px;font-family:'latobold';background-color:#fff} .MembeeEventDateBegin span {text-align: center;} .EventDay {color:#666;font-size:1.5em;margin:30px auto 0;} .EventMonth {background-color:#73aa32;color:#fff;font-size:.75em;position: absolute;left:2px;top:2px;text-transform: uppercase;width:93%;} .MembeeEvent .EventDay, .MembeeEvent .EventMonth {display: block !important;} .MembeeEvent .EventYear, .MembeeEvent .EventDate {display: none !important;} .forum-feed li {display:block;border-bottom:1px solid #d7d7d7;padding-bottom:15px;margin-bottom:20px} .forum-feed li span{font-size:.875em;color:#666} .offers{padding-right:0} .offers .MembeeSOName a{color:#73aa32;font-family:'latobold'} .offers .MembeeSOText{border-bottom:1px solid #d7d7d7;padding-bottom:15px;margin-bottom:20px} .offers .MembeeSOMore{display:none} .quick-links{background:url('images/bg-quicklinks.jpg') no-repeat;background-size:cover;height:auto;float:left;width:100%;text-align:center;padding:50px 0;overflow:hidden} .quick-links .container div{width:27%;float:left} .quick-links .container div:nth-child(2) {padding:0 9.5%} .quick-links a {background:url('images/of4wd-sprites.png') no-repeat center;display:block;height:153px;width:154px;margin:0 auto 35px;} .quick-links .join a{background-position: center -400px;} .quick-links .profile a{background-position: center -564px;} .quick-links .donate a{background-position: center -728px;} .join-today{padding:20px 0;font-family:'latobold';background-image:url("images/bg-grey.png");} .home .join-today{background-color:#fff} .join-today .wrapper {position:relative;height:60px;margin:0 1%} .join-today .wrapper div {position:absolute;margin:0 auto;left:0;right:0;text-align:center} .join-today h2 {line-height:62px;display:inline-block} .join-today .button{cursor:pointer;color:#fff;font-size:1.3em;border:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;padding:13px 25px;margin-left:3%;margin-top:8px; background-color:#6a9f2c; background-image: -ms-linear-gradient(top, #639626 0%, #72aa32 100%); background-image: -moz-linear-gradient(bottom, #639626 0%, #72aa32 100%); background-image: -o-linear-gradient(bottom, #639626 0%, #72aa32 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #639626), color-stop(1, #72aa32)); background-image: -webkit-linear-gradient(bottom, #639626 0%, #72aa32 100%); background-image: linear-gradient(bottom, #639626 0%, #72aa32 100%);} .join-today .button:hover{background-image:none;background-color:#639627} footer{background:url('images/bg-footer.jpg') center no-repeat;background-size:cover;height:auto;color:#fff;padding-top:65px;font-size:.9375em} footer a{color:#fff;} footer a:hover{text-decoration:underline} footer nav{width:34%;float:left} footer nav ul{float:left;width:45%;padding-right:5%} footer nav li,footer address{line-height:2em} footer nav li:before{content:"\2022\00a0";font-family:'latoregular';position:relative;top:-1px;margin-right:2%} footer .logo{text-align:center;float:left;width:28%;padding:0 2%} footer .social{text-align:center;width:17%;float:left} footer .social h4{font-size:1.4em;margin-bottom:15px} footer .social span {display:block} footer .footer-social a{display:inline-block;width:8.5%;margin-left:5%;height:34px;width:35px;background:url('images/of4wd-sprites.png') no-repeat;} footer .footer-social a.instagram{background:none} footer .footer-social a.facebook{background-position:0px -155px;} footer .footer-social a.twitter{background-position:0px -199px;} footer .footer-social a.rss{background-position:0 -243px;} footer p{width:100%;text-align:center;float:left;font-size:.866em;padding:100px 0 10px} footer address{width:16%;float:left;padding-right:1%} footer address a{background:url('images/of4wd-sprites.png') no-repeat;display:block;padding-left:24px} footer address a.phone{background-position:-136px 8px} footer address a.email{background-position:-135px -27px} .banner-title{margin-top:170px;height:auto;padding:3.5% 0;background-position:center;background-size:cover;background-repeat:no-repeat} /* .banner-title h1{font:4em "arimo";color: #fff;text-shadow: 1px 2px 5px rgba(0,0,0,.65);line-height:1em;text-align:center;margin-bottom:0} */ .banner-title h1{font:4em "arimo";color: #fff;text-shadow: 3px 3px 5px black;line-height:1em;text-align:left;margin-bottom:0} .main-left{width:68%;padding-right:2.5%;float:left;overflow:hidden;padding-top:25px} .breadcrumbs{line-height:47px;border:1px solid #ccc; border-width:1px 0 1px;float:left;width:100%} .breadcrumbs p{float:left} div.bbp-breadcrumb {display: none; } .breadcrumbs .bbp-breadcrumb{display:block; font-family: "arimobold"; font-size: 16px;} #breadcrumbs > span, .breadcrumbs .bbp-breadcrumb .bbp-breadcrumb-sep{color:#999;font-family:'arimobold';} #breadcrumbs > span span:first-child{padding:0} #breadcrumbs > span > span > a, .breadcrumbs .bbp-breadcrumb .bbp-breadcrumb-home{text-indent:-9999px;width:20px;background:url('images/of4wd-sprites.png') no-repeat -134px -68px;padding-left:0} #breadcrumbs span a, .breadcrumbs .bbp-breadcrumb a{color:#333;text-decoration:none;display:inline-block;padding:0 10px} #breadcrumbs span a:hover, .breadcrumbs .bbp-breadcrumb a:hover{text-decoration:underline} #breadcrumbs .breadcrumb_last, .breadcrumbs .bbp-breadcrumb .bbp-breadcrumb-current{color:#73aa32;padding:0 10px} .sharing{float:right;font-size:.875em} .sharing span{top:2px;width:18px} aside{width:29.5%;float:left;padding-top:25px} aside .widget {width:86%;float:left;margin-bottom:25px;background-image:url("images/bg-grey.png");padding:25px 7%} aside h3{font-size:1.25em;} aside h4{font-size:1.125em;margin-bottom:10px} aside a.view-button{background-color:#fff;position:relative;top:-5px} aside a.view-button:hover{background-color:#fcfcfc} aside .widget.news article{width:100%} aside .widget.news article img{padding-bottom:20px} aside .widget.adrotate > div:first-child{margin-bottom:15px} aside .MembeeEventDateBegin{width:18%} aside .MembeeEventLink{width:73%} aside .quick-links{background:url('images/bg-side-quicklinks.jpg') no-repeat;} aside .quick-links a{width:78px;height:77px;margin-bottom:15px;} aside .quick-links .join a,aside .quick-links .profile a,aside .quick-links .donate a{background-position:-1px -1066px} aside .quick-links h3{margin-bottom:0} section.home-sidebar .widget {width:86%;float:left;margin-bottom:25px;background-image:url("images/bg-grey.png");padding:25px 7%} .content{padding:30px 0;float:left;width:100%;font-family:'latoregular'} h1,h2 {font:1.75em 'latobold';margin-bottom:20px} h3{font:1.5em 'latobold';margin-bottom:20px} h4, #comments h2 {font:1.25em 'latobold';margin-bottom:20px} .content h5 {font:1.25em 'latoregular';margin-bottom:10px} .content h6 {font:1.15em 'latoregular';font-style:italic;font-weight:bold;margin-bottom:5px} .content a, .news article p a, #mind_disclaimer_accept { color: #629527; text-decoration:underline; } .content a:hover, .news article p a:hover, #mind_disclaimer_accept { text-decoration:none; } .content img{border: 1px solid #ddd} hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } table { border: 1px solid #CCCCCC; margin-bottom:1.5em; } .content img.noBorder, table.noBorder td, table.noBorder th { border:0; } td, th { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding: 10px; line-height:18px; } th { text-align:left; font-size:1.1em; vertical-align:middle; font-weight:500; letter-spacing: 0.1em; line-height:2em; text-transform: uppercase;} .content p, .content ul, .content ol { margin-bottom: 1.5em; } .content ul { list-style: none; margin-left: 0; padding-left: 1em; text-indent: -.8em; } .content ul li,.content ol li {margin-bottom:.5em;} .content ul li:before { content:"\2022\00a0";} .content ul li.photonic-flickr-set-thumb:before { content:none;} .content ul ul li:before { content:"\00ba\00a0"; font-size:1em; } .content ul ul ul li:before { content:"\00bb\00a0"; position: relative; top: -1px;} .content ol { list-style: inside none decimal;margin-left: 0;padding-left: 1.2em; text-indent: -1em;} .content ol ol { list-style: upper-alpha; } .content ol ol ol { list-style: lower-roman; } .content ol ol ol ol { list-style: lower-alpha; } .content li > ul, .content li > ol { margin-bottom: 0; margin-left: 1em; margin-top: 0.5em; } .content .pdf{background:url('images/pdficon_small.gif') no-repeat right top; padding-right:20px} .search-results .content .pdf {background-position: right 6px; padding-right:30px} #bbpress-forums,#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results{font-size:16px} #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta,div.bbp-template-notice p,#bbpress-forums .bbp-forums-list li{font-size:14px} div.indicator-hint,div.bbp-template-notice.info,#bbpress-forums #bbp-your-profile fieldset span.description{background-color:#f1f6ec;border-color:#ccd5c5} div.bbp-template-notice.error, div.bbp-template-notice.warning{border-color:#9d4838} #bbpress-forums div.wp-editor-container{border:1px solid #ccc} #subscription-toggle{float:right;padding-bottom:10px} #bbpress-forums div.bbp-search-form{padding-bottom:10px} #bbpress-forums #bbp-your-profile fieldset{border:0;margin:0} .content #bbpress-forums ul{text-indent:0; } .content #bbpress-forums ul li:before{ content:""} .content #bbpress-forums ul ul li:before { content:""} .content #bbpress-forums ul ul ul li:before { content:"";} #mindloop_disclaimer_content{width:75% !important;padding:20px 2% 0 !important;height:auto !important;max-height:80%;overflow:auto !important} #mind_disclaimer_text{overflow:hidden !important;height:auto !important} #mindloop_disclaimer_content a#mind_disclaimer_accept{text-decoration:underline;padding-bottom:20px} #mindloop_disclaimer_content a#mind_disclaimer_accept:hover{text-decoration:none;} .jwl_one_third{width:29.33% !important;margin:0 2% !important} /* WordPress */ #wpadminbar{position:fixed !important} #commentform label { width:60px; float:left; } p.comment-awaiting-moderation { color:Red; margin:5px 0 0; } div.comment-content { margin:10px 0; } .search-form .search-field {width:35%} .required-note { font-size:12px; text-align:right; font-style:italic; } .nav-previous { float: left; width: 49%; } .nav-next { float: right; text-align: right; width:49%; } .post-meta { font-size:.85em;font-style:italic; margin-bottom:1.5em; } .comment-edit-link { padding-left:15px;} article.archive {clear:both;padding-bottom:30px} article.archive h3{margin-bottom:0} dd { margin: 0 1.5em 1.5em; } dfn, cite, em, i, .italic { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } code, kbd, tt, var { font: 15px Monaco, Consolas, monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } pre {background: #eee;font-family: Courier, monospace;font-size: 15px;font-size: 1.5rem;line-height: 1.6;margin-bottom: 1.6em;padding: 1.6em;overflow: auto;max-width: 100%;} .alignleft, body.archive .content .attachment-post-thumbnail,body.page-id-33 .content .attachment-post-thumbnail { display: inline; float: left; margin-right: 2.5%; } .alignright { display: inline; float: right; margin-left: 2.5%; } .aligncenter { clear: both; display: block; margin: 0 auto; } .center { text-align:center; } /* Forms */ .ginput_container_captcha {float:left} .gform_wrapper .gfield_error .gfield_label {color: #333 !important;} .gfield_description.validation_message {font-style: italic;} .gform_wrapper .right_label .gfield_label { width: 23% !important;font-weight:normal !important;margin-left:0 !important;margin-top:0 !important} .gform_wrapper .gfield_required {display: none;} .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea, .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea{width:64% !important} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin-left:0 !important} .gfield_contains_required .gfield_label::before {color: #790000;content: "*"; margin-right: 3px; position: relative;} .gform_wrapper div.validation_error {font-weight: normal !important;border-width:1px !important;font-size:1em !important} .gform_wrapper li.gfield.gfield_error {background-color: #fff !important;border: 0 none !important;} .gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error textarea {border: 1px solid #ccc !important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{margin-left:25% !important;padding:0 !important} .gform_wrapper .gform_footer.right_label{margin-left:25% !important} legend { padding: 0 0.8em; color: #000000; font-size: 14px; font-weight: bold; text-transform: uppercase; } fieldset { border: 1px solid #ccc; margin:0 0 30px; padding:0 1.6em; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; line-height: normal; } textarea { overflow: auto; vertical-align: top; width: 98%; } input, textarea { cursor: text; } input[type='hidden'] { display: none; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } .content input[type="text"],.content input[type="url"],.content input[type="tel"],.content input[type="email"],.content input[type="password"],.content input[type="search"],.content input[type="number"], .content select, textarea { padding: 3px !important; color: #666; border: 1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; background: #fff; font-size:.9em !important; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .content input[type="text"]:focus,.content input[type="email"]:focus, .content input[type="password"]:focus, .content input[type="search"]:focus, .content select:focus, .content textarea:focus,input[type="url"]:focus,.content input[type="tel"]:focus, .content input[type="number"]:focus { border-color: #888; outline: #E4E4E4 solid 2px; } .content input[type="text"]:hover,.content input[type="email"]:hover, .content input[type="password"]:hover, .content input[type="search"]:hover, .content select:hover, .content textarea:hover,input[type="url"]:hover,input[type="tel"]:hover, input[type="number"]:hover { border-color: #AAA; } button, html input[type="button"], input[type="reset"], .content input[type="submit"] { border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); cursor: pointer; -webkit-appearance: button; font-size: 1em; line-height: 1; padding: .3em .5em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, .content input[type="submit"]:hover { border-color: #ccc #bbb #aaa #bbb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); } button:focus, html input[type="button"]:focus, input[type="reset"]:focus, .content input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, .content input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } @font-face { font-family: 'arimobold'; src: url('fonts/arimo-bold-webfont.eot'); src: url('fonts/arimo-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/arimo-bold-webfont.woff2') format('woff2'), url('fonts/arimo-bold-webfont.woff') format('woff'), url('fonts/arimo-bold-webfont.ttf') format('truetype'), url('fonts/arimo-bold-webfont.svg#arimobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'arimobold_italic'; src: url('fonts/arimo-bolditalic-webfont.eot'); src: url('fonts/arimo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/arimo-bolditalic-webfont.woff2') format('woff2'), url('fonts/arimo-bolditalic-webfont.woff') format('woff'), url('fonts/arimo-bolditalic-webfont.ttf') format('truetype'), url('fonts/arimo-bolditalic-webfont.svg#arimobold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'arimoitalic'; src: url('fonts/arimo-italic-webfont.eot'); src: url('fonts/arimo-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/arimo-italic-webfont.woff2') format('woff2'), url('fonts/arimo-italic-webfont.woff') format('woff'), url('fonts/arimo-italic-webfont.ttf') format('truetype'), url('fonts/arimo-italic-webfont.svg#arimoitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'arimo'; src: url('fonts/arimo-regular-webfont.eot'); src: url('fonts/arimo-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/arimo-regular-webfont.woff2') format('woff2'), url('fonts/arimo-regular-webfont.woff') format('woff'), url('fonts/arimo-regular-webfont.ttf') format('truetype'), url('fonts/arimo-regular-webfont.svg#arimoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('fonts/lato-light.eot'); src: url('fonts/lato-light.eot?#iefix') format('embedded-opentype'), url('fonts/lato-light.woff2') format('woff2'), url('fonts/lato-light.woff') format('woff'), url('fonts/lato-light.ttf') format('truetype'), url('fonts/lato-light.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('fonts/lato-bold-webfont.eot'); src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-bold-webfont.woff2') format('woff2'), url('fonts/lato-bold-webfont.woff') format('woff'), url('fonts/lato-bold-webfont.ttf') format('truetype'), url('fonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; }@font-face { font-family: 'latoregular'; src: url('fonts/lato-regular-webfont.eot'); src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-regular-webfont.woff2') format('woff2'), url('fonts/lato-regular-webfont.woff') format('woff'), url('fonts/lato-regular-webfont.ttf') format('truetype'), url('fonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } a.meanmenu-reveal {display: none;} .mean-container .mean-bar {float: left;min-height:50px;position: relative; width: 100%;z-index: 999999;border-bottom:1px solid #ccc;border-top:1px solid #ccc;background-color:#fff;} .mean-container a.meanmenu-reveal {color:#444;cursor: pointer;display: block;font-family: Arial,Helvetica,sans-serif;font-size: 1px;font-weight: 700;height: 22px;line-height: 22px;padding: 15px;position: absolute;right: 0;text-decoration: none;text-indent: -9999em;top: 0;width: 22px;} .mean-container a.meanmenu-reveal span { background: none repeat scroll 0 0 #444; display: block; height: 3px; margin-top: 3px; } .mean-container .mean-nav { float: left; margin-top: 50px; width: 100%; } .mean-container .mean-nav ul { list-style-type: none; margin: 0; padding: 0; width: 100%; } .mean-container .mean-nav > ul {border-top:1px solid #ccc;} .mean-container .mean-nav ul li { float: left; position: relative; width: 100%; } .mean-container .mean-nav ul li.half{width:50%} .mean-container .mean-nav ul li.half a{width:84%;padding:1em 8%;text-transform: uppercase;} .mean-container .mean-nav ul li.half ul ul li a,.mean-container .mean-nav ul li.half ul li.level-3 a {width:76%;padding:1em 12%;text-transform: none;} .mean-container .mean-nav ul li a { color: #333; display: block; float: left; margin: 0; padding: 1em 2%; text-align: left; text-decoration: none; text-transform: uppercase; width: 96%; font-weight:bold; border-bottom:1px solid #ccc } .mean-container .mean-nav ul li li a {padding: 1em 4%; width: 92%;font-weight:normal;} .mean-container .mean-nav ul li.mean-last a {border-bottom:0;} .mean-container .mean-nav ul li li li a { padding: 1em 8%; width: 84%; text-transform:none; } .mean-container .mean-nav ul li li li li a { padding: 1em 12%; width: 76%; } .mean-container .mean-nav ul li a:hover {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);} .mean-container .mean-nav ul li a.mean-expand {background: #ccc;font-weight: 700;height: 28px;padding: 12px !important;position: absolute;right: 0;text-align: center;top: 0;width: 26px;z-index: 2;} .mean-container .mean-nav ul li a.mean-expand:hover {background:rgba(204,204,204,0.6);} .mean-container .mean-push {clear: both;float: left;margin: 0;padding: 0;width: 100%;} .mean-nav .wrapper {margin: 0;padding: 0;width: 100%;} .mean-container .mean-bar, .mean-container .mean-bar * { box-sizing: content-box;} .mean-remove {display: none !important;} @media only screen and (max-width:1100px) { header {height:210px} nav.desk{width:100%;text-align:center} .banner-title{margin-top:210px} } @media only screen and (max-width:1030px){ header {height:175px} } @media only screen and (max-width:965px) { header{position:relative;height:210px} header .logo{padding:0 0 10px;text-align:center;width:100%} .banner{margin-top:0} header .social-search,.social-search > div {width:100%;float:left} header .social-search .search{float:none;margin:0 auto;border-top:1px solid #ccc;width:250px} header .social-search .search .submitbtn{background-position:0 -96px;height:35px} header .social-search .social{margin:0;padding:10px 0 5px;text-align:center;width:100%} .banner-title{margin-top:49px} .mean-container .mean-nav ul li.half{width:100%} } @media only screen and (max-width:900px) { header{height:240px} header .subheader{height:60px;text-align:center} header .subheader span{display:block;width:100%} header .subheader .links{text-align:inherit;width:100%} .news article{width:48%;padding:0 4% 35px 0} .news article:nth-child(2n+1){padding-right:0} .news article img{padding-bottom:15px} .news article h4{margin-bottom:5px} .calendar, .forum-feed, .offers, .home-sidebar{width:100%;padding-right:0} .calendar h3 a.view-button{float:right} .join-today .wrapper{height:110px} .join-today h2{line-height:50px;display:block} .main-left,aside,.news article img{width:100%} aside .quick-links{background-image:url('images/bg-quicklinks.jpg')} footer{padding-top:30px;} footer nav, footer nav ul,footer .logo,footer address,footer address, footer .social{width:100%;padding:0;text-align:center} footer .logo{padding:30px 0 !important} footer nav ul li {display:inline;padding-right:2%} footer nav li::before{margin-right:0} footer .footer-social a{margin:0 1%} footer address a{display:inline-block} footer address a.phone{margin-right:2%} footer p{padding-top:20px} } @media only screen and (max-width:725px) { } @media only screen and (max-width:645px ) { .home .quick-links{text-align:left;padding:35px 0;} .home .quick-links .container div{width:100%;padding:0 0 35px !important;} .home .quick-links a{float:left;margin:0 2% 0 0} } @media only screen and (max-width:590px) { .join-today .wrapper{height:160px} .news article{padding-right:3%} } @media only screen and (max-width:440px ) {.news article{width:100%;padding-right:0 !important}header{height:250px}} @media only screen and (max-width:370px ) { header .subheader{height:30px} header .subheader span,header .subheader .links a.home,header .subheader .links a.contact{display:none} .banner-title{margin-top:19px} } header.template-wide {height:30px;z-index:1001;} div.container div.template-wide {width:100%} .content ul.ai1ec-nav { text-indent: 0em; } .content ul.ai1ec-nav li{ list-style-type: none !important; color:white; } /*.content ul.ai1ec-nav li a { display: inline; padding-right: 5px }*/ /* header {background-color:#ff00ff !important} */ /* .folder-text { background-color:red !important } .folder-thumb { background-color:blue !important } .image-folder {background-color:green !important} #UseyourDrive .button, .useyourdrive .button{ background: #FF00FF !important }*/