/*----------------------------------------------------------------------------------- Theme Name: Sulphur Springs tx Theme URI: Sulphur Springs tx Description: CSS file for Sulphur Springs tx Author: Samir Alley | @samiralley Author URI: http://www.revize.com/ Version: 1.0 / April 22, 2015 Table of content #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc #Base 960 Grid #Additional - Large Screens beyond 1280px #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing #Header + Nav + No More IE7 #Inner Page #Bootstrap v2.3.2 tables only #Media Queries -----------------------------------------------------------------------------------*/ *:focus{outline:1px solid #B7440B !important} #main:focus{outline:none !important} #skip{position:fixed;left:-100%;top:50px;z-index:1000;display:inline-block;padding:5px 10px;color:#000;text-decoration:none;font-size:14px;transition:all .3s;background:#fff} #skip:focus{left:50px} /* ----------------------------------------- #Reset -----------------------------------------*/ 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,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,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} body{line-height:1} blockquote,q{quotes:none} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none} /* ----------------------------------------- #Bacic Styles -----------------------------------------*/ body{background:#fff url(../../_assets_/images/body.png);font:16px/26px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#454545;/* -webkit-font-smoothing:antialiased;*//* Fix for webkit rendering */-webkit-text-size-adjust:100%} /* ----------------------------------------- #Typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#002a5c;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;margin-bottom:10px} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:28px;line-height:35px;margin-bottom:14px} h2{font-size:24px;line-height:30px;margin-bottom:14px} h3{font-size:22px;line-height:34px} h4{font-size:21px;line-height:30px} h5{font-size:17px;line-height:24px} h6{font-size:14px;line-height:21px} .header{font-size:24px} .subheader{font-size:18px} p{margin:0 0 20px 0} p.lead{font-size:21px;line-height:1.5;color:#777} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #Links -----------------------------------------*/ a,a:visited{color:#B7440B;text-decoration:underline;outline:0} a:hover,a:focus{color:#B7440B} p a,p a:visited{line-height:inherit} /* ----------------------------------------- #Lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:30px} ul{list-style:disc} ol{list-style:decimal} ul ul,ul ol, ol ol,ol ul{margin:4px 0 5px 30px} ul ul li,ul ol li, ol ol li,ol ul li{margin-bottom:6px} li{line-height:1.3;margin-bottom:7px} li p{line-height:1.3} /* ----------------------------------------- #Images -----------------------------------------*/ img{max-width:100%;*max-width:none;height:auto} a img{border:none} /* ----------------------------------------- #Buttons -----------------------------------------*/ .button, button, input[type="submit"], input[type="reset"], input[type="button"]{border:1px solid #d3d3d3;color:#444;display:inline-block;font-size:13px;font-weight:normal;text-decoration:none;cursor:pointer;line-height:normal;padding:6px 14px;vertical-align:top;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:0 1px 0 rgba(255,255,255,.4);-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.07);-moz-box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.07);-o-box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.07);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.07);background: rgb(254,254,254); background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 50%, rgba(211,211,211,1) 50%, rgba(211,211,211,1) 87%, rgba(211,211,211,1) 95%, rgba(191,191,191,1) 97%, rgba(168,168,168,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(50%,rgba(224,224,224,1)), color-stop(50%,rgba(211,211,211,1)), color-stop(87%,rgba(211,211,211,1)), color-stop(95%,rgba(211,211,211,1)), color-stop(97%,rgba(191,191,191,1)), color-stop(100%,rgba(168,168,168,1))); background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(224,224,224,1) 50%,rgba(211,211,211,1) 50%,rgba(211,211,211,1) 87%,rgba(211,211,211,1) 95%,rgba(191,191,191,1) 97%,rgba(168,168,168,1) 100%); background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(224,224,224,1) 50%,rgba(211,211,211,1) 50%,rgba(211,211,211,1) 87%,rgba(211,211,211,1) 95%,rgba(191,191,191,1) 97%,rgba(168,168,168,1) 100%); background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(224,224,224,1) 50%,rgba(211,211,211,1) 50%,rgba(211,211,211,1) 87%,rgba(211,211,211,1) 95%,rgba(191,191,191,1) 97%,rgba(168,168,168,1) 100%); background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(224,224,224,1) 50%,rgba(211,211,211,1) 50%,rgba(211,211,211,1) 87%,rgba(211,211,211,1) 95%,rgba(191,191,191,1) 97%,rgba(168,168,168,1) 100%)} .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none} .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active{background:#e1e1e1;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.175);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,.175);-o-box-shadow:inset 0 0 2px rgba(0,0,0,.175);box-shadow:inset 0 0 2px rgba(0,0,0,.175)} .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width{width:100%;padding-left:0 !important;padding-right:0 !important;text-align:center} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #Forms -----------------------------------------*/ form{margin-bottom:20px} fieldset{margin-bottom:20px} input[type="text"], input[type="password"], input[type="email"], textarea, select{border:1px solid #d3d3d3;padding:6px 4px;outline:none;font:13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;margin:0;display:inline-block;background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-o-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-shadow:inset 0 1px 1px rgba(0,0,0,.06)} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{color:#444;border:1px solid #999!important} label, legend{display:block;font-weight:bold;font-size:13px} input[type="checkbox"]{display:inline} label span, legend span{font-weight:normal;font-size:13px;color:#444} /* ----------------------------------------- #Misc -----------------------------------------*/ .remove-bottom{margin-bottom:0!important} .half-bottom{margin-bottom:10px!important} .add-bottom{margin-bottom:20px!important} /* ----------------------------------------- #Base 960 Grid -----------------------------------------*/ .container{position:relative;width:960px;margin:0 auto;padding:0} .container .column, .container .columns{float:left;display:inline;margin-left:10px;margin-right:10px;min-height:1px} .row{margin-bottom:20px} .column.alpha,.columns.alpha{margin-left:0} .column.omega,.columns.omega{margin-right:0} .container .one.column, .container .one.columns{width:40px} .container .two.columns{width:100px} .container .three.columns{width:160px} .container .four.columns{width:220px} .container .five.columns{width:280px} .container .six.columns{width:340px} .container .seven.columns{width:400px} .container .eight.columns{width:460px} .container .nine.columns{width:520px} .container .ten.columns{width:580px} .container .eleven.columns{width:640px} .container .twelve.columns{width:700px} .container .thirteen.columns{width:760px} .container .fourteen.columns{width:820px} .container .fifteen.columns{width:880px} .container .sixteen.columns{width:940px} .container .one-third.column{width:300px} .container .two-thirds.column{width:620px} .container .offset-by-one{padding-left:60px} .container .offset-by-two{padding-left:120px} .container .offset-by-three{padding-left:180px} .container .offset-by-four{padding-left:240px} .container .offset-by-five{padding-left:300px} .container .offset-by-six{padding-left:360px} .container .offset-by-seven{padding-left:420px} .container .offset-by-eight{padding-left:480px} .container .offset-by-nine{padding-left:540px} .container .offset-by-ten{padding-left:600px} .container .offset-by-eleven{padding-left:660px} .container .offset-by-twelve{padding-left:720px} .container .offset-by-thirteen{padding-left:780px} .container .offset-by-fourteen{padding-left:840px} .container .offset-by-fifteen{padding-left:900px} /* ----------------------------------------- #Additional - Large Screens beyond 1280px -----------------------------------------*/ @media only screen and (min-width: 1280px) { .container { width: 1280px} .container .column, .container .columns { margin-left: 10px;margin-right: 10px} .column.alpha, .columns.alpha { margin-left: 0;margin-right: 10px} .column.omega, .columns.omega { margin-right: 0;margin-left: 10px} .alpha.omega { margin-left: 0;margin-right: 0} .container .one.column, .container .one.columns { width: 60px} .container .two.columns { width: 140px} .container .three.columns { width: 220px} .container .four.columns { width: 300px} .container .five.columns { width: 380px} .container .six.columns { width: 460px} .container .seven.columns { width: 540px} .container .eight.columns { width: 620px} .container .nine.columns { width: 700px} .container .ten.columns { width: 780px} .container .eleven.columns { width: 860px} .container .twelve.columns { width: 940px} .container .thirteen.columns { width: 1020px} .container .fourteen.columns { width: 1100px} .container .fifteen.columns { width: 1180px} .container .sixteen.columns { width: 1260px} .container .one-third.column { width: 406px} .container .two-thirds.column { width: 822px} /* Offsets */ .container .offset-by-one { padding-left: 80px} .container .offset-by-two { padding-left: 160px} .container .offset-by-three { padding-left: 240px} .container .offset-by-four { padding-left: 320px} .container .offset-by-five { padding-left: 400px} .container .offset-by-six { padding-left: 480px} .container .offset-by-seven { padding-left: 560px} .container .offset-by-eight { padding-left: 640px} .container .offset-by-nine { padding-left: 720px} .container .offset-by-ten { padding-left: 800px} .container .offset-by-eleven { padding-left: 880px} .container .offset-by-twelve { padding-left: 960px} .container .offset-by-thirteen { padding-left: 1040px} .container .offset-by-fourteen { padding-left: 1120px} .container .offset-by-fifteen { padding-left: 1200px} } /* ----------------------------------------- #Tablet (Portrait) -----------------------------------------*/ @media only screen and (min-width:768px) and (max-width:959px){ .container{width:768px} .container .column, .container .columns{margin-left:10px;margin-right:10px} .column.alpha,.columns.alpha{margin-left:0;margin-right:10px} .column.omega,.columns.omega{margin-right:0;margin-left:10px} .alpha.omega{margin-left:0;margin-right:0} .container .one.column, .container .one.columns{width:28px} .container .two.columns{width:76px} .container .three.columns{width:124px} .container .four.columns{width:172px} .container .five.columns{width:220px} .container .six.columns{width:268px} .container .seven.columns{width:316px} .container .eight.columns{width:364px} .container .nine.columns{width:412px} .container .ten.columns{width:460px} .container .eleven.columns{width:508px} .container .twelve.columns{width:556px} .container .thirteen.columns{width:604px} .container .fourteen.columns{width:652px} .container .fifteen.columns{width:700px} .container .sixteen.columns{width:748px} .container .one-third.column{width:236px} .container .two-thirds.column{width:492px} .container .offset-by-one{padding-left:48px} .container .offset-by-two{padding-left:96px} .container .offset-by-three{padding-left:144px} .container .offset-by-four{padding-left:192px} .container .offset-by-five{padding-left:240px} .container .offset-by-six{padding-left:288px} .container .offset-by-seven{padding-left:336px} .container .offset-by-eight{padding-left:384px} .container .offset-by-nine{padding-left:432px} .container .offset-by-ten{padding-left:480px} .container .offset-by-eleven{padding-left:528px} .container .offset-by-twelve{padding-left:576px} .container .offset-by-thirteen{padding-left:624px} .container .offset-by-fourteen{padding-left:672px} .container .offset-by-fifteen{padding-left:720px} } /* ----------------------------------------- #Mobile (Portrait) -----------------------------------------*/ @media only screen and (max-width:767px){ .container{width:300px} .container .columns, .container .column{margin:0} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column{width:300px} .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen{padding-left:0} } /* ----------------------------------------- #Mobile (Landscape) -----------------------------------------*/ @media only screen and (min-width:480px) and (max-width:767px){ .container{width:420px} .container .columns, .container .column{margin:0} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column{width:420px} } /* ----------------------------------------- #Clearing -----------------------------------------*/ .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden} .clearfix:before, .clearfix:after, .row:before, .row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0} .row:after, .clearfix:after{clear:both} .row,.clearfix{zoom:1} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} /* ----------------------------------------- #Header + Nav + No More IE7 -----------------------------------------*/ body, html{overflow-x:hidden} #alert-section{color:#fff;background:#a90329;background:-moz-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#a90329),color-stop(44%,#8f0222),color-stop(100%,#6d0019));background:-webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);background:-o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);background:-ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);background:linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);box-shadow:0 0 3px #000} .alert-inner{padding:10px 0} .alert-images{float:left;padding:10px 0} .red-alert{float:left;margin-right:10px} .alert-text{float:left;margin-top:12px} .alert-notice{padding:10px 0;font-size:12px;line-height:1.3} .alert-notice h4{margin:0;padding:6px 0 0 0;color:#fff;font-size:16px;line-height:1.5;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .alert-notice p{margin:0} .alert-notice a{color:#fff} .alert{background:#a90329;border:5px solid #a90329;color:#fff;padding:20px;font-size:16px;position:absolute;z-index:9999;left:0;right:0;top:0} .no-more-ie{overflow:hidden} .no-more-ie span{float:left;width:75%} .no-more-ie img{width:40px;padding:0 7px} .browser-icons{width:25%;float:right;text-align:right} #header{background:url(../../_assets_/images/star.png) top left no-repeat;box-shadow:none;position:relative;z-index:999} .logo img{margin:10px 0;display:block;width:250px} .social{float:right;width:100px;text-align:right;margin-right:20px} .social img{float:left;margin:25px 7px} .search-section{background:#18491F;box-shadow:none;margin-bottom:0;float:right;padding:10px 0} .search-section select{border:2px solid #8cc63f;background:none!Important;color:#fff;padding:10px;float:left;width:47%;height:45px;margin:0 0 0 2%;font-size:14px;font-weight:bold} .search-section select option{color:#000} .search-section .search-form{border:2px solid #8cc63f;float:right;width:47%;height:41px;margin:0 2% 0 0} .search-section .search{border:0;background:none;color:#fff;font-size:14px;font-weight:bold;height:40px;margin-left:10px;width:92%} #search-input::-webkit-input-placeholder{color:#fff} #search-input:-moz-placeholder{color:#fff} #search-input::-moz-placeholder{color:#fff} #search-input:-ms-input-placeholder{color:#fff} .search-section button{display:none} #nav{position:relative;z-index:999;float:right} .menu-icon{display:none} .nav{width:100%;float:right;margin:0} .nav li{float:left;position:relative;list-style:none;margin:0} .nav li a{float:left;color:#272727;display:block;padding:20px 20px;text-decoration:none;text-transform:uppercase;font-weight:bold;text-shadow:none;font-size:16px} .nav li img{margin-left:4px} .nav ul{display:none;position:absolute;left:0;top:100%;margin:0;z-index:99;background:url(../../_assets_/images/body.png);padding:10px} .nav ul a{float:none;width:180px;border-bottom:1px solid #e1e1e1;padding:9px 10px;color:#272727;font-size:13px;text-transform:none;text-shadow:none} .nav ul a:hover{background:#3CB049;color:#fff;border-color:#3CB049} .nav ul li:last-child a{border:none} .nav ul li{float:none} .nav ul ul{top:0;left:100%} .nav li:hover >ul{display:block} .main-slider{position:relative} .cap{position:absolute;bottom:70px;left:0;width:100%;color:#fdb913;text-shadow:none;font-size:110px;line-height:.9;font-weight:bold;text-transform:uppercase} #btns{background:#002a5b;padding:45px 0 45px;text-align:center;color:#fff;text-transform:uppercase;font-size:16px} #btns a{display:block;text-decoration:none;color:#fff} #btns img{margin-bottom:10px;position:relative;top:0;transition:all 1s} #btns .item{padding-top:10px} #main-content{padding:45px 0;background:url(../../_assets_/images/content.png) top center no-repeat} .news h2{font-size:36px;text-transform:uppercase;font-weight:bold;color:#8dc640;text-shadow:none} .news-sub{color:#f36522;font-family:georgia;font-style:italic;font-size:16px} .news-item{border-top:1px solid #eeeeec;padding:20px 0} #homepage .news-item p{margin:0} a.news-title{color:#002a5c;text-decoration:none;font-weight:bold} .all{color:#f36522;font-family:georgia;font-style:italic;text-decoration:none} #tabs{background:#fff;overflow:hidden} #tabs{margin:0;padding:0;border-bottom:2px solid #f26521} #tabs li{float:left;width:50%;margin:0;list-style:none;padding:20px 0 18px;font-size:36px;text-transform:uppercase;text-shadow:none;text-align:center} #tabs li a{display:block;float:left;text-decoration:none;width:100%;font-weight:bold;color:#898c8e} #tabs li.current{color:#fff;background:#f26521} #tabs li.current a{color:#fff} #welcome-tab, #cal-tab{background:#fff;padding:40px;display:none} #cal-tab .inner,#cal-tab iframe{overflow-x:auto} .current{display:block!important} #tabs li img{vertical-align:middle;margin-left:5px} #tabs li .white{display:none} .current .dark{display:none} .current .white{display:inline!important} footer{background:#002a5c;color:#fff;text-align:center;font-size:14px;line-height:1.5;padding:45px 0} footer p{margin:0} .copy{background:#007AA3;text-align:center;color:#fff;font-size:12px;padding:5px 0} .copy a{color:#fff} .copy p{margin:0} /* ----------------------------------------- #Inner Page -----------------------------------------*/ #freeform #main-content .container{background:#fff;box-shadow:none} #left-col{margin-left:-10px;background:#f8971d;padding:20px;border-right:0} #left-col h2{color:#002B5C;font-size:24px;text-transform:uppercase;font-weight:bold;margin:20px 0;text-shadow:none} .flyout{margin:0;padding:0} .flyout li{margin:0;list-style:none;position:relative} .flyout li a{display:block;text-decoration:none;padding:14px 0;border-bottom:1px solid #f9a030;text-shadow:none;transition:all .2s;color:#fff} .flyout ul{margin:0;position:absolute;left:100%;top:0;display:none;padding:10px;background:#F8971D} .flyout ul a{padding:9px 20px;font-size:12px;width:160px;text-shadow:none;font-weight:bold} .flyout ul li:last-child a{border:none} .flyout ul a:hover{background:#f8971d;color:#fff} .flyout>li:hover>a{background:#fff;color:#f8971d;padding-left:20px;margin:0 -20px} .flyout li:hover >ul{display:block} .entry{padding-right:10px} .bread{padding:20px 0;background:#007AA3;margin-right:-20px;margin-left:-20px;padding-left:20px;color:#fff;font-weight:bold;text-transform:uppercase;margin-bottom:20px;font-size:12px} .bread p{margin:0} .bread a{color:#fff;text-decoration:none} .page-title{font-size:35px;font-weight:bold;border-bottom:1px solid #eee;padding:10px 0 30px 0;text-transform:uppercase;text-shadow:none;margin-bottom:30px} .fullwidth .bread{margin-left:-40px;padding-left:40px;margin-right:-40px} .fullwidth .entry{padding-left:30px;padding-right:30px} /* ----------------------------------------- #Bootstrap v2.3.2 tables only -----------------------------------------*/ .table{max-width:100%!important;background-color:#fff;border-collapse:collapse;border-spacing:0} .table textarea{min-width:220px;max-width:100%!important;border:1px solid #e1e1e1} .table caption{background:#e1e1e1;color:#fff;text-align:left;padding:10px 20px} .table{width:100%;margin-bottom:20px} .table th, .table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #e1e1e1} .table th{font-weight:bold} .table thead th{vertical-align:bottom} .table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td{border-top:0} .table tbody+tbody{border-top:2px solid #e1e1e1} .table .table{background-color:#fff} .table-condensed th, .table-condensed td{padding:4px 5px} .table-bordered{border:1px solid #e1e1e1;border-collapse:separate;*border-collapse:collapse;border-left:0} .table-bordered th, .table-bordered td{border-left:1px solid #e1e1e1} .table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th, .table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th, .table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td{border-top:0} .table-bordered thead:first-child tr:first-child >th:first-child, .table-bordered tbody:first-child tr:first-child >td:first-child, .table-bordered tbody:first-child tr:first-child >th:first-child{-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px} .table-bordered thead:first-child tr:first-child >th:last-child, .table-bordered tbody:first-child tr:first-child >td:last-child, .table-bordered tbody:first-child tr:first-child >th:last-child{-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px} .table-bordered thead:last-child tr:last-child >th:first-child, .table-bordered tbody:last-child tr:last-child >td:first-child, .table-bordered tbody:last-child tr:last-child >th:first-child, .table-bordered tfoot:last-child tr:last-child >td:first-child, .table-bordered tfoot:last-child tr:last-child >th:first-child{-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0px} .table-bordered thead:last-child tr:last-child >th:last-child, .table-bordered tbody:last-child tr:last-child >td:last-child, .table-bordered tbody:last-child tr:last-child >th:last-child, .table-bordered tfoot:last-child tr:last-child >td:last-child, .table-bordered tfoot:last-child tr:last-child >th:last-child{-webkit-border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;border-bottom-right-radius:0px} .table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0} .table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0} .table-bordered caption+thead tr:first-child th:first-child, .table-bordered caption+tbody tr:first-child td:first-child, .table-bordered colgroup+thead tr:first-child th:first-child, .table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px} .table-bordered caption+thead tr:first-child th:last-child, .table-bordered caption+tbody tr:first-child td:last-child, .table-bordered colgroup+thead tr:first-child th:last-child, .table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px} .table-striped tbody >tr:nth-child(odd) >td, .table-striped tbody >tr:nth-child(odd) >th{background-color:#f9f9f9} .table-hover tbody tr:hover >td, .table-hover tbody tr:hover >th{background-color:#f5f5f5} table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0} .table td.span1, .table th.span1{float:none;width:44px;margin-left:0} .table td.span2, .table th.span2{float:none;width:124px;margin-left:0} .table td.span3, .table th.span3{float:none;width:204px;margin-left:0} .table td.span4, .table th.span4{float:none;width:284px;margin-left:0} .table td.span5, .table th.span5{float:none;width:364px;margin-left:0} .table td.span6, .table th.span6{float:none;width:444px;margin-left:0} .table td.span7, .table th.span7{float:none;width:524px;margin-left:0} .table td.span8, .table th.span8{float:none;width:604px;margin-left:0} .table td.span9, .table th.span9{float:none;width:684px;margin-left:0} .table td.span10, .table th.span10{float:none;width:764px;margin-left:0} .table td.span11, .table th.span11{float:none;width:844px;margin-left:0} .table td.span12, .table th.span12{float:none;width:924px;margin-left:0} .table tbody tr.success >td{background-color:#dff0d8} .table tbody tr.error >td{background-color:#f2dede} .table tbody tr.warning >td{background-color:#fcf8e3} .table tbody tr.info >td{background-color:#d9edf7} .table-hover tbody tr.success:hover >td{background-color:#d0e9c6} .table-hover tbody tr.error:hover >td{background-color:#ebcccc} .table-hover tbody tr.warning:hover >td{background-color:#faf2cc} .table-hover tbody tr.info:hover >td{background-color:#c4e3f3} /* #Media Queries ================================================== */ @media only screen and (min-width: 960px) { .nav{display:block!important} } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { body{font-size:14px;line-height:1.6} .nav >li>a{font-size:14px;padding-left:10px;padding-right:10px} .cap{bottom:25px} .bx-controls-direction{display:none} .search-section{width:75%} #tabs li, .news h2{font-size:21px} .flyout ul{position:static;display:block} .flyout ul a{width:auto} .table-responsive{ width:100%;max-width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden } .table-responsive >.table{margin-bottom:0;background-color:#fff} .table-responsive >.table >thead >tr >th, .table-responsive >.table >tbody >tr >th, .table-responsive >.table >tfoot >tr >th, .table-responsive >.table >thead >tr >td, .table-responsive >.table >tbody >tr >td, .table-responsive >.table >tfoot >tr >td{white-space:nowrap} .table-responsive >.table-bordered{border:0} .table-responsive >.table-bordered >thead >tr >th:first-child, .table-responsive >.table-bordered >tbody >tr >th:first-child, .table-responsive >.table-bordered >tfoot >tr >th:first-child, .table-responsive >.table-bordered >thead >tr >td:first-child, .table-responsive >.table-bordered >tbody >tr >td:first-child, .table-responsive >.table-bordered >tfoot >tr >td:first-child{border-left:0} .table-responsive >.table-bordered >thead >tr >th:last-child, .table-responsive >.table-bordered >tbody >tr >th:last-child, .table-responsive >.table-bordered >tfoot >tr >th:last-child, .table-responsive >.table-bordered >thead >tr >td:last-child, .table-responsive >.table-bordered >tbody >tr >td:last-child, .table-responsive >.table-bordered >tfoot >tr >td:last-child{border-right:0} .table-responsive >.table-bordered >thead >tr:last-child >th, .table-responsive >.table-bordered >tbody >tr:last-child >th, .table-responsive >.table-bordered >tfoot >tr:last-child >th, .table-responsive >.table-bordered >thead >tr:last-child >td, .table-responsive >.table-bordered >tbody >tr:last-child >td, .table-responsive >.table-bordered >tfoot >tr:last-child >td{border-bottom:0} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .alert-text{width:200px} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .nav >li>a{font-size:14px;padding-left:10px;padding-right:10px} .main-slider{width:150%;margin-left:-25%} .cap{bottom:25px} .bx-controls-direction{display:none} .search-section{width:100%;clear:both;padding:10px;box-sizing:border-box} .search-section select{width:100%;margin:0 0 10px;box-sizing:border-box} .search-section .search-form{width:100%;margin:0;box-sizing:border-box;height:45px} .social{display:none} .logo img{width:70%;margin-bottom:20px;margin-top:20px} .logo a{float:left;position:relative;z-index:1} #tabs li, .news h2{font-size:16px} #tabs li img{width:12px} #nav{position:absolute;top:20px;right:0} .menu-icon{display:block;font-size:21px;cursor:pointer;color:#f8941d;font:0/0 a;overflow:hidden;border:1px solid;padding:5px 10px 10px;background:#fff;box-shadow:none;width:auto;float:right} .menu-icon span{display:block;width:30px;height:3px;background:#f8941d;float:left;clear:both;margin:5px 0 0 0} .nav .menu-icon{position:static;float:none;display:inline-block;padding-top:30px;position:absolute;top:0;right:0;border:0;box-shadow:none} .nav .menu-icon span.first{transform:rotate(45deg);margin:0} .nav .menu-icon span.second{transform:rotate(-45deg);margin:0;margin-top:-3px} .nav .menu-icon span.third{display:none} .nav{padding:50px 0;background:#fff;position:fixed;top:0;left:100%;transition:all .3s;z-index:99999;height:100%;overflow-y:scroll} .nav li{float:none} .nav li a{float:none;border:none;padding:12px 20px} .nav ul{display:block;position:static;box-shadow:none;padding:0} .nav li li a{width:auto;padding:5px 25px} .nav li a:hover{background:none;color:#999} .open .nav{left:0%} .news{margin-bottom:20px} .bread{margin-left:-20px;margin-right:-20px} .fullwidth .bread{margin-left:-30px;margin-right:-30px;padding-left:30px} .entry{padding:0 20px} #left-col{margin:0;min-height:1px!Important} #main-content .container{box-shadow:none!important} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {}