/** * @package Color 3 - accessibletemplate * @version 2.5.1 * @author Francesco Zaniol, accessibletemplate - http://www.accessibletemplate.com * @copyright Copyright (C) 2011-Present Francesco Zaniol * @license accessibletemplate Terms & Conditions - http://www.accessibletemplate.com/en/terms-and-conditions **/ /** * This CSS defines a COMMON style for ALL layout modes. **/ /*---------------------------------------------------------------- - RESET CSS property for all browsers. ---------------------------------------------------------------- */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,dialog {background:none;border:0;padding:0;outline:0;text-align:initial;line-height:inherit;color:inherit;font-size:inherit;} *,*:before,*:after{margin:0;font-weight:inherit;font-size:inherit;font-style:inherit;font-family:inherit;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,dialog{display:block;} audio,canvas,video{display:inline-block;} audio:not([controls]){display:none;height:0;} [hidden]{display:none;} table{border-collapse:collapse;border-spacing:0;} caption,th,td{font-weight:normal;} table,td,th{vertical-align:middle;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"" "";} svg:not(:root){overflow:hidden;} /*---------------------------------------------------------------- - GENERAL TAGS ---------------------------------------------------------------- */ html{background:none;height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;} body{font-size:100%;line-height:1.5;} dfn,abbr,acronym{border-bottom:1px dotted #666;cursor:help;} /*--------- Lists,general - see "Content area lists" also ---------*/ ul,ol{margin:.6em .8em 1em .8em;padding-left:1.2em;list-style-position:outside;} ul{list-style-type:disc;} ul ul{list-style-type:circle;} ol{list-style-type:decimal;} ol ol{list-style-type:lower-latin;} li{margin:0 0 .3em 0;} li ul,li ol{margin-left:0;} dl{margin:.3em .3% .5em .3%;padding:.3em .9% .6em .9%;} dl dt{font-weight:bold;padding:.3em 0 0 0;} dl dd{padding:.4em 0 0 1%;} /*--------- Tables ---------*/ table{width:96%;margin:.2em 2% 1.4em 2%;} th,td,caption{padding:.4em;vertical-align:middle;} td p{margin:0 0 .6em 0;} /*--------- Paragraphs and images ---------*/ p{margin:0 1.2% 1em 1.2%;line-height:1.5;display:block;} img{ vertical-align:middle; display:inline; max-width:100%; -ms-interpolation-mode:bicubic; } /*--------- Text elements ---------*/ h1,h2,h3,h4,h5,h6{ line-height:120%; } blockquote{ margin:1em .6em; padding:1.4em 1.8em; border-left:.3em solid #DBDBDB; background:#FFF; } a{text-decoration:underline;} a:hover,a:focus,a:active{text-decoration:none;} b,strong{font-weight:bold;} em,dfn{font-style:italic;} sup{vertical-align:super;font-size:smaller;line-height:0;} sub{vertical-align:sub;font-size:smaller;line-height:0;} dfn,abbr,acronym{border-bottom:1px dotted #666;cursor:help;} address{margin:0 0 1.5em;font-style:italic;} del{text-decoration:line-through;} pre{display:block;margin:1.2em 0;padding:.3em;white-space:pre;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;} code,kbd,pre,samp,tt{font-family:courier,monospace !important;line-height:1.5;} mark{background:#ff0;color:#000;} small{font-size:smaller;} big{font-size:larger;} /*--------- Form style ---------*/ form{padding:.24em 0;width: auto;} fieldset{padding:2% 5%;margin:.6em;} legend{ width:auto; margin:0; padding:.3em .4em; font-size:110%; } label,input,textarea,select{vertical-align:middle;} input,textarea,select{ display:inline; margin:.1em .3em; padding:.2em .3em; text-indent:.2em; font-size:100%; } ::-webkit-input-placeholder{ color: #666; } ::-moz-placeholder{ color: #666; } :-ms-input-placeholder{ color: #666; }/*Keep separated*/ button,input[type="button"],input[type="reset"],input[type="submit"]{ margin:0;outline:none;line-height:normal;overflow:visible; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{border:0;padding:0;margin:0;} button[disabled],input[disabled]{cursor:default;} input[type="checkbox"],input[type="radio"]{padding:0;} label{ display:inline; margin:.4em .3em; padding:.2em .3em; font-size:100%; } textarea{ max-width:96%; height:auto; padding:.3em 0; margin:.4em 2% 1em 2%; overflow:auto; vertical-align:top; } input[type=text],input[type=email],input[type=password],select{ /*width:16em;*/max-width:98%; margin:.4em 1%; padding:.3em .2em; } input[type=checkbox],input[type=radio],input.checkbox,input.radio{ display:inline-block; min-height:0; border:0; background:none; margin-left:1%;margin-right:1%; padding:.2em; } input[type=hidden]{ border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; outline:0; } /* --------- focused elements --------- */ a:focus,button:focus{outline:dashed 1px #BBB;outline-offset:-1px;} textarea:focus,input:focus,select:focus{outline:solid 2px #BBB;outline-offset:-1px;} /*---------------------------------------------------------------- - ZHONG FONT IMPORT (framework icons) ---------------------------------------------------------------- */ @font-face{ font-family:'zhong-icons'; src: url('../../fonts/framework/zhong-icons.eot?zf-v=2.5.1'); src: url('../../fonts/framework/zhong-icons.eot?zf-v=2.5.1#iefix') format('embedded-opentype'), url('../../fonts/framework/zhong-icons.woff?zf-v=2.5.1') format('woff'), url('../../fonts/framework/zhong-icons.ttf?zf-v=2.5.1') format('truetype'), url('../../fonts/framework/zhong-icons.svg?zf-v=2.5.1#zhong-icons') format('svg'); font-weight:normal; font-style:normal; } .zhongframework-icon, .zhongframework-icon:before{ font-family:'zhong-icons' !important; font-style:normal; font-weight:normal !important; speak:none; -webkit-transition:color .3s ease-out; -moz-transition:color .3s ease-out; -ms-transition:color .3s ease-out; -o-transition:color .3s ease-out; transition:color .3s ease-out; } .zhongframework-icon-accessibility:before{content:"\e818";} .zhongframework-icon-double-a:before{content:"\e81d";} .zhongframework-icon-default-layout:before{content:"\e806";} .zhongframework-icon-night-mode:before{content:"\e80a";} .zhongframework-icon-day-mode:before{content:"\e807";} .zhongframework-icon-login:before{content:"\e826";} .zhongframework-icon-mobile:before{content:"\e824";} .zhongframework-icon-font-resize:before{content:"\e831";} .zhongframework-icon-heart:before{content:'\e802';} .zhongframework-icon-heart:before{content:'\e825';}/*duplicate!to-be-removed*/ .zhongframework-icon-star:before{content:'\e803';} .zhongframework-icon-like:before{content:'\e804';} .zhongframework-icon-search:before{content:'\e809';} .zhongframework-icon-cancel-circle:before{content:'\e823';} .zhongframework-icon-wrench-circled:before{content:'\e82f';} .zhongframework-icon-language:before{content:'\e80b';} .zhongframework-icon-minus:before{content:'\e834';} .zhongframework-icon-arrow-down:before{content:'\e832';} .zhongframework-icon-arrow-up:before{content:'\e800';} /*social icons*/ .zhongframework-icon-facebook:before{content:'\e814';} body.follow-us-links-style_circled .zhongframework-icon-facebook:before{content:'\e815';} body.follow-us-links-colored_on-hover .zhongframework-icon-facebook:hover, body.follow-us-links-colored_true .zhongframework-icon-facebook{color:#4A66A0;} .zhongframework-icon-gplus:before{content:'\e816';} body.follow-us-links-style_circled .zhongframework-icon-gplus:before{content:'\e817';} body.follow-us-links-colored_on-hover .zhongframework-icon-gplus:hover, body.follow-us-links-colored_true .zhongframework-icon-gplus{color:#DD4B39;} .zhongframework-icon-twitter:before{content:'\e812';} body.follow-us-links-style_circled .zhongframework-icon-twitter:before{content:'\e813';} body.follow-us-links-colored_on-hover .zhongframework-icon-twitter:hover, body.follow-us-links-colored_true .zhongframework-icon-twitter{color:#00ACEE;} .zhongframework-icon-github:before{content:'\e80c';} body.follow-us-links-style_circled .zhongframework-icon-github:before{content:'\e80d';} body.follow-us-links-colored_on-hover .zhongframework-icon-github:hover, body.follow-us-links-colored_true .zhongframework-icon-github{color:#333;} .zhongframework-icon-flickr:before{content:'\e80e';} body.follow-us-links-style_circled .zhongframework-icon-flickr:before{content:'\e80f';} body.follow-us-links-colored_on-hover .zhongframework-icon-flickr:hover, body.follow-us-links-colored_true .zhongframework-icon-flickr{color:#0062DD;} .zhongframework-icon-vimeo:before{content:'\e810';} body.follow-us-links-style_circled .zhongframework-icon-vimeo:before{content:'\e811';} body.follow-us-links-colored_on-hover .zhongframework-icon-vimeo:hover, body.follow-us-links-colored_true .zhongframework-icon-vimeo{color:#20B9EB;} .zhongframework-icon-pinterest:before{content:'\e830';} body.follow-us-links-style_circled .zhongframework-icon-pinterest:before{content:'\e819';} body.follow-us-links-colored_on-hover .zhongframework-icon-pinterest:hover, body.follow-us-links-colored_true .zhongframework-icon-pinterest{color:#CD2026;} .zhongframework-icon-tumblr:before{content:'\e81a';} body.follow-us-links-style_circled .zhongframework-icon-tumblr:before{content:'\e81b';} body.follow-us-links-colored_on-hover .zhongframework-icon-tumblr:hover, body.follow-us-links-colored_true .zhongframework-icon-tumblr{color:#3E5A70;} .zhongframework-icon-linkedin:before{content:'\e81c';} body.follow-us-links-style_circled .zhongframework-icon-linkedin:before{content:'\e81d';} body.follow-us-links-colored_on-hover .zhongframework-icon-linkedin:hover, body.follow-us-links-colored_true .zhongframework-icon-linkedin{color:#1B86BC;} .zhongframework-icon-stumbleupon:before{content:'\e81e';} body.follow-us-links-style_circled .zhongframework-icon-stumbleupon:before{content:'\e81f';} body.follow-us-links-colored_on-hover .zhongframework-icon-stumbleupon:hover, body.follow-us-links-colored_true .zhongframework-icon-stumbleupon{color:#EB4923;} .zhongframework-icon-instagram:before{content:'\e827';} body.follow-us-links-style_circled .zhongframework-icon-instagram:before{content:'\e828';} body.follow-us-links-colored_on-hover .zhongframework-icon-instagram:hover, body.follow-us-links-colored_true .zhongframework-icon-instagram{color:#A17055;} .zhongframework-icon-soundcloud:before{content:'\e829';} body.follow-us-links-style_circled .zhongframework-icon-soundcloud:before{content:'\e82a';} body.follow-us-links-colored_on-hover .zhongframework-icon-soundcloud:hover, body.follow-us-links-colored_true .zhongframework-icon-soundcloud{color:#F77A0E;} .zhongframework-icon-newsletter:before{content:'\e82d';} body.follow-us-links-style_circled .zhongframework-icon-newsletter:before{content:'\e82e';} body.follow-us-links-colored_on-hover .zhongframework-icon-newsletter:hover, body.follow-us-links-colored_true .zhongframework-icon-newsletter{color:#999;} .zhongframework-icon-rss:before{content:'\e805';} body.follow-us-links-colored_on-hover .zhongframework-icon-rss:hover, body.follow-us-links-colored_true .zhongframework-icon-rss{color:#F08934;} .zhongframework-icon-foursquare:before{content:'\e808';} body.follow-us-links-colored_on-hover .zhongframework-icon-foursquare:hover, body.follow-us-links-colored_true .zhongframework-icon-foursquare{color:#24526B;} .zhongframework-icon-youtube:before{content:'\e801';} body.follow-us-links-colored_on-hover .zhongframework-icon-youtube:hover, body.follow-us-links-colored_true .zhongframework-icon-youtube{color:#CE1F21;} .zhongframework-icon-flattr:before{content:'\e821';} body.follow-us-links-colored_on-hover .zhongframework-icon-flattr:hover, body.follow-us-links-colored_true .zhongframework-icon-flattr{color:#F8B523;} .zhongframework-icon-weibo:before{content:'\e822';} body.follow-us-links-colored_on-hover .zhongframework-icon-weibo:hover, body.follow-us-links-colored_true .zhongframework-icon-weibo{color:#D42C2B;} .zhongframework-icon-qq:before{content:'\e820';} body.follow-us-links-colored_on-hover .zhongframework-icon-qq:hover, body.follow-us-links-colored_true .zhongframework-icon-qq{color:#111;} .zhongframework-icon-meetup:before{content:'\e82b';} body.follow-us-links-colored_on-hover .zhongframework-icon-meetup:hover, body.follow-us-links-colored_true .zhongframework-icon-meetup{color:#111;} .zhongframework-icon-myspace:before{content:'\e82c';} body.follow-us-links-colored_on-hover .zhongframework-icon-myspace:hover, body.follow-us-links-colored_true .zhongframework-icon-myspace{color:#333;} /*---------------------------------------------------------------- - SPECIAL ELEMENTS ---------------------------------------------------------------- */ /*Javascript tooltips*/ .tooltip-title{ display:none; position:fixed; left:-9999px;top:-9999px; background-color:#FAFAC5 !important;border:1px solid #D1C794 !important; padding:.3em .5em;max-width:24em; color:#000 !important;font-size:.875em;line-height:1.4em; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; } .tooltip-title.with-top-arrow:before, .tooltip-title.with-top-arrow:after, .tooltip-title.with-bottom-arrow:before, .tooltip-title.with-bottom-arrow:after{ content:''; display:block; position:absolute;left:50%; width:0;height:0; border-style:solid;border-color:transparent !important; } .tooltip-title.with-top-arrow:before, .tooltip-title.with-bottom-arrow:before{margin-left:-8px;border-width:8px;} .tooltip-title.with-top-arrow:after, .tooltip-title.with-bottom-arrow:after{margin-left:-7px;border-width:7px;} .tooltip-title.with-top-arrow:before{top:-16px;border-bottom-color:#D1C794 !important;} .tooltip-title.with-top-arrow:after{top:-14px;border-bottom-color:#FAFAC5 !important;} .tooltip-title.with-bottom-arrow:before{bottom:-16px;border-top-color:#D1C794 !important;} .tooltip-title.with-bottom-arrow:after{bottom:-14px;border-top-color:#FAFAC5 !important;} /*---------------------------------------------------------------- - CSS3 TRANSITION CLASSES ---------------------------------------------------------------- */ .transition_fast-all,.transition_fast-all_deep,.transition_fast-all_deep *{-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;} .transition_medium-all,.transition_medium-all_deep,.transition_medium-all_deep *{-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;-ms-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out;} .transition_slow-all,.transition_slow-all_deep,.transition_slow-all_deep *{-webkit-transition:all 1.4s ease-out;-moz-transition:all 1.4s ease-out;-ms-transition:all 1.4s ease-out;-o-transition:all 1.4s ease-out;transition:all 1.4s ease-out;} .transition_fast-opacity{-webkit-transition:opacity .4s ease-out;-moz-transition:opacity .4s ease-out;-ms-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out;} .transition_medium-opacity{-webkit-transition:opacity .8s ease-out;-moz-transition:opacity .8s ease-out;-ms-transition:opacity .8s ease-out;-o-transition:opacity .8s ease-out;transition:opacity .8s ease-out;} .transition_slow-opacity{-webkit-transition:opacity 1.4s ease-out;-moz-transition:opacity 1.4s ease-out;-ms-transition:opacity 1.4s ease-out;-o-transition:opacity 1.4s ease-out;transition:opacity 1.4s ease-out;} .transition_fast-bg{-webkit-transition:background-color .4s ease-out;-moz-transition:background-color .4s ease-out;-ms-transition:background-color .4s ease-out;-o-transition:background-color .4s ease-out;transition:background-color .4s ease-out;} .transition_medium-bg{-webkit-transition:background-color .8s ease-out;-moz-transition:background-color .8s ease-out;-ms-transition:background-color .8s ease-out;-o-transition:background-color .8s ease-out;transition:background-color .8s ease-out;} .transition_slow-bg{-webkit-transition:background-color 1.4s ease-out;-moz-transition:background-color 1.4s ease-out;-ms-transition:background-color 1.4s ease-out;-o-transition:background-color 1.4s ease-out;transition:background-color 1.4s ease-out;} .transition_fast-color{-webkit-transition:color .4s ease-out;-moz-transition:color .4s ease-out;-ms-transition:color .4s ease-out;-o-transition:color .4s ease-out;transition:color .4s ease-out;} .transition_medium-color{-webkit-transition:color .8s ease-out;-moz-transition:color .8s ease-out;-ms-transition:color .8s ease-out;-o-transition:color .8s ease-out;transition:color .8s ease-out;} .transition_slow-color{-webkit-transition:color 1.4s ease-out;-moz-transition:color 1.4s ease-out;-ms-transition:color 1.4s ease-out;-o-transition:color 1.4s ease-out;transition:color 1.4s ease-out;} .transition_fast-position{-webkit-transition:top .4s ease-out,right .4s ease-out,bottom .4s ease-out,left .4s ease-out;-moz-transition:top .4s ease-out,right .4s ease-out,bottom .4s ease-out,left .4s ease-out;-ms-transition:top .4s ease-out,right .4s ease-out,bottom .4s ease-out,left .4s ease-out;-o-transition:top .4s ease-out,right .4s ease-out,bottom .4s ease-out,left .4s ease-out;transition:top .4s ease-out,right .4s ease-out,bottom .4s ease-out,left .4s ease-out;} .transition_medium-position{-webkit-transition:top .8s ease-out,right .8s ease-out,bottom .8s ease-out,left .8s ease-out;-moz-transition:top .8s ease-out,right .8s ease-out,bottom .8s ease-out,left .8s ease-out;-ms-transition:top .8s ease-out,right .8s ease-out,bottom .8s ease-out,left .8s ease-out;-o-transition:top .8s ease-out,right .8s ease-out,bottom .8s ease-out,left .8s ease-out;transition:top .8s ease-out,right .8s ease-out,bottom .8s ease-out,left .8s ease-out;} .transition_slow-position{-webkit-transition:top 1.4s ease-out,right 1.4s ease-out,bottom 1.4s ease-out,left 1.4s ease-out;-moz-transition:top 1.4s ease-out,right 1.4s ease-out,bottom 1.4s ease-out,left 1.4s ease-out;-ms-transition:top 1.4s ease-out,right 1.4s ease-out,bottom 1.4s ease-out,left 1.4s ease-out;-o-transition:top 1.4s ease-out,right 1.4s ease-out,bottom 1.4s ease-out,left 1.4s ease-out;transition:top 1.4s ease-out,right 1.4s ease-out,bottom 1.4s ease-out,left 1.4s ease-out;} .transition_fast-dimension{-webkit-transition:width .4s ease-out,height .4s ease-out,max-width .4s ease-out,max-height .4s ease-out,min-width .4s ease-out,min-height .4s ease-out;-moz-transition:width .4s ease-out,height .4s ease-out,max-width .4s ease-out,max-height .4s ease-out,min-width .4s ease-out,min-height .4s ease-out;-ms-transition:width .4s ease-out,height .4s ease-out,max-width .4s ease-out,max-height .4s ease-out,min-width .4s ease-out,min-height .4s ease-out;-o-transition:width .4s ease-out,height .4s ease-out,max-width .4s ease-out,max-height .4s ease-out,min-width .4s ease-out,min-height .4s ease-out;transition:width .4s ease-out,height .4s ease-out,max-width .4s ease-out,max-height .4s ease-out,min-width .4s ease-out,min-height .4s ease-out;} .transition_medium-dimension{-webkit-transition:width .8s ease-out,height .8s ease-out,max-width .8s ease-out,max-height .8s ease-out,min-width .8s ease-out,min-height .8s ease-out;-moz-transition:width .8s ease-out,height .8s ease-out,max-width .8s ease-out,max-height .8s ease-out,min-width .8s ease-out,min-height .8s ease-out;-ms-transition:width .8s ease-out,height .8s ease-out,max-width .8s ease-out,max-height .8s ease-out,min-width .8s ease-out,min-height .8s ease-out;-o-transition:width .8s ease-out,height .8s ease-out,max-width .8s ease-out,max-height .8s ease-out,min-width .8s ease-out,min-height .8s ease-out;transition:width .8s ease-out,height .8s ease-out,max-width .8s ease-out,max-height .8s ease-out,min-width .8s ease-out,min-height .8s ease-out;} .transition_slow-dimension{-webkit-transition:width 1.4s ease-out,height 1.4s ease-out,max-width 1.4s ease-out,max-height 1.4s ease-out,min-width 1.4s ease-out,min-height 1.4s ease-out;-moz-transition:width 1.4s ease-out,height 1.4s ease-out,max-width 1.4s ease-out,max-height 1.4s ease-out,min-width 1.4s ease-out,min-height 1.4s ease-out;-ms-transition:width 1.4s ease-out,height 1.4s ease-out,max-width 1.4s ease-out,max-height 1.4s ease-out,min-width 1.4s ease-out,min-height 1.4s ease-out;-o-transition:width 1.4s ease-out,height 1.4s ease-out,max-width 1.4s ease-out,max-height 1.4s ease-out,min-width 1.4s ease-out,min-height 1.4s ease-out;transition:width 1.4s ease-out,height 1.4s ease-out,max-width 1.4s ease-out,max-height 1.4s ease-out,min-width 1.4s ease-out,min-height 1.4s ease-out;} /*---------------------------------------------------------------- - SPECIAL CLASSES ---------------------------------------------------------------- */ /* This class makes an element to wrap its child */ .wrapper-element{overflow:hidden;padding:0;margin:0;height:auto;width:auto;display:block;max-width:100%;} /* Resets margin and padding */ .spacing-reset{padding:0;margin:0;} /* Resets margin and padding from lists; for example, this class is useful for making a menu */ .list-reset,.list-reset li,.list-reset ul,.list-reset ol {display:block;list-style:none;padding:0;margin:0;} /* Hidden elements: this class allows the content to be persistent but the box will be hidden to "normal users" (it can still be read by screen readers) */ .visually-hidden{ border:0 !important; clip:rect(0 0 0 0) !important; height:1px !important; margin:-1px !important; overflow:hidden !important; padding:0 !important; position:absolute !important; width:1px !important; outline:0 !important; white-space:nowrap !important; } .visually-hidden.focusable:active, .visually-hidden.focusable:focus{ clip:auto !important; height:auto !important; margin:0 !important; overflow:visible !important; position:static !important; width:auto !important; } /* Removed element from the content flow */ .removed{display:none !important;visibility:hidden !important;} /* Display cases */ .display-block{display:block;} .display-inline{display:inline;} .display-inlineblock{display:inline-block;} /* Float classes */ .float-left{float:left;display:block;} .float-right{float:right;display:block;} /* Hide the text of an element */ .text-hidden{text-indent:100% !important;white-space:nowrap !important;overflow:hidden !important;} /* Clears floating blocks */ .clear-both{clear:both;} /* Hide visually and from screenreaders, but maintain layout */ .invisible{visibility:hidden;} /* clearfix */ .clearfix:before,.clearfix:after{content:"";display:table;} .clearfix:after{clear:both;} .focused-element-highlight-effect{ -moz-box-shadow:inset 0px 0px 128px 0 #FFF98E; -webkit-box-shadow:inset 0px 0px 128px 0 #FFF98E; box-shadow:inset 0px 0px 128px 0 #FFF98E; } .overflow-hidden{overflow:hidden;} /*-------------------------------------------------- - COLOR TRANSITIONS -------------------------------------------------- */ h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, button,.button,input[type=button], input,textarea,select, .accessibility-module a, .menu-container ul a, #goto-top-block a, .grey-button-style, .white-button-style, .green-button-style, .red-button-style, .yellow-button-style, .violet-button-style, .blue-button-style, .black-button-style{ -webkit-transition:color .2s linear, background-color .2s linear 0s, border-color .2s linear 0s; -moz-transition:color .2s linear, background-color .2s linear 0s, border-color .2s linear 0s; transition:color .2s linear, background-color .2s linear 0s, border-color .2s linear 0s; } /*-------------------------------------------------- - OTHER -------------------------------------------------- */ .map img{max-width:inherit;}/*Fixes Google map max-width problem*/ .tooltip-title{z-index:999999;} /** * @package Color 3 - accessibletemplate * @version 2.5.1 * @author Francesco Zaniol, accessibletemplate - http://www.accessibletemplate.com * @copyright Copyright (C) 2011-Present Francesco Zaniol * @license accessibletemplate Terms & Conditions - http://www.accessibletemplate.com/en/terms-and-conditions **/ /** * This CSS is included in all layouts, except "high contrast" **/ /* ------------------------ - GENERAL TAGS style definitions and TYPOGRAPHY style definitions ------------------------ */ /* Body --------------------------- */ body{ font-family:Arial, Helvetica, sans-serif; color:#333; background:#F6F6F2; } /* Headings --------------------------- */ h1,h2,h3,h4,h5,h6{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#222; } h1{font-size:240%;margin:1em .6% .8em .6%;} h2{font-size:200%;margin:1em .6%;} h3{font-size:160%;margin:1.6em .6% .8em .6%;} h4{font-size:120%;margin:1.4em .6% .5em .6%;} h5{font-size:100%;font-weight:bold;margin:1em .6% .5em .6%;} h6{font-size:80%;font-weight:bold;margin:.8em .6% .5em .6%;} /* links --------------------------- */ a{color:#A92500;} a:visited{color:#882D47;} a:focus,a:active,a:hover{color:#418517;} /* Tables --------------------------- */ table{background-color:#FFF;} td,tr{border:1px solid #C3BFBB;} th,td,caption{} tfoot tr:first-child{border-top:3px solid #D9D5D0;} caption{background:#E0E0E0;margin:0 1%;} th{font-weight:bold;} thead,thead tr{background:#333;color:#FFF;} thead th,thead td{border:1px solid #EEE;} th a{color:#CCC;} th a:hover{color:#FFF;} /* Form style --------------------------- */ form{} fieldset{border:1px solid #E9E5E0;background:#F8F8F8;} legend{background-color:#FFF;border:1px solid #E9E5E0;} form label{} input,textarea,select{ background-color:#fff; border:1px solid #CCC8C4; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } textarea{} option{background-color:#fff;color:inherit;} button,input[type=button],input[type=reset],input[type=submit], .btn,.btn:visited,.button,.button:visited{ text-align:center; background:#CF4708; color:#FFF; text-indent:0; display:inline-block; padding:0.8em 1em; border: 1px solid; border-width:2px 1px 2px 1px; border-color: #F78F35 #E07F24 #A9371F #FF7D01; cursor:pointer; } button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,.btn:hover,.button:hover, button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus,.btn:focus,.button:focus {border-color:#8E8E8E #9E9E9E #5D5D5D #9E9E9E;background-color:#767676;color:#FFF;} button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active,.btn:active,.button:active {border-color:#8E8E8E #9E9E9E #5D5D5D #9E9E9E;background-color:#808080;color:#FFF;} input:hover,textarea:hover,select:hover{background-color:#FFFFCC;} input:focus,textarea:focus,select:focus{background-color:#FFFFCC;} /* Other --------------------------- */ hr{ display:block; margin:2em 6% 1.8em 6%; padding:0; width:auto; height:0; clear:both; border:0; border-top:1px solid #CCC; border-bottom:1px solid #FFF; }