/* #Site Styles ================================================== */ /* ### general ### */ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html,body { font-family: 'Open Sans',sans-serif; font-size: 14px; color: #000; } input,select,textarea { font-family: 'Open Sans',sans-serif; font-size: 12px; color: #000; } body { background: #fff; } img { border: 0; display: block; } ul,li { list-style: none; } :focus { outline: none; } table td {height: 24px; vertical-align: top;} .gallery-caption { width: 150px} iframe {border:0px;} /* ### global classes ### */ .clear { clear: both; visibility: hidden; line-height: 0; height: 0; } .center { margin: 0 auto; max-width: 1110px; position: relative; } /* ### wrapper ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow-x: hidden; } /* ### main container ### */ #mainCntr { width: 100%; } /* ### header container ### */ #headerCntr { position: relative; width: 100%; } #headerCntr .logo { position: absolute; top: 0px; left: 0px; z-index: 120; display:block;} #headerCntr .logo img { max-width: 100%; } #headerCntr .advertisement { width: 100%; background: #333; } .advertisement .paszone-container-3389, .advertisement .paszone-container-3390 { padding: 15px 0; } .paszone-container-3391 { padding-bottom: 30px; } #headerCntr .advertisement .center { padding: 0 70px; } #headerCntr .advertisement img { width: 100%; } #headerCntr .hoofdsponsors { width: 100%; background:#eee; } #headerCntr .hoofdsponsors .sponsor { display:block; float:left; padding:10px 8px; } #headerCntr .hoofdsponsors .sponsor a { display:block; } #headerCntr .hoofdsponsors .sponsor img{ max-width:100%; height: auto;} #headerCntr .contact { width: 100%; background: #fff url(../images/contact_bg.png) repeat-x 0 bottom; padding-bottom: 10px; position: relative; z-index:120; } #headerCntr .contact .center { height: 40px; } #headerCntr .contact address { float: left; color: #666; font-size: 14px; font-weight: 300; font-style: normal; line-height: 40px; margin-left: 200px; } #headerCntr .contact address i { font-size: 18px; padding:0px 8px 0px 20px; } #headerCntr .contact address a { color: #666; text-decoration: none; } #headerCntr .contact address a:hover { text-decoration: underline; } #headerCntr .contact .right { float: right; overflow: hidden; } #headerCntr .contact .btns { float: left; overflow: hidden; } #headerCntr .contact .btns a.btn1 { float: left; margin-right: 2px; padding: 0 16px; line-height: 40px; background: #df5353; color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; text-decoration: none; } #headerCntr .contact .btns a.btn1:hover { background: #c64747; } #headerCntr .contact .btns a.btn2 { float: left; padding: 0 16px; line-height: 40px; background: #40b95a; color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; text-decoration: none; margin-right: 43px; } #headerCntr .contact .btns a.btn2:hover { background: #53d76f; } #headerCntr .contact ul { float: right; overflow: hidden; margin-right: 13px; } #headerCntr .contact li { float: left; } #headerCntr .contact li a { text-decoration:none; } #headerCntr .contact li i { width:40px; text-align:center; font-size:18px; color:#666; padding:11px 3px; display:block; } #headerCntr .contact li a:hover i.fa-google-plus { background:#dd4b39; color:#fff;} #headerCntr .contact li a:hover i.fa-facebook { background:#3b5998; color:#fff;} #headerCntr .contact li a:hover i.fa-twitter { background:#00aced; color:#fff;} #headerCntr .contact .logoTab { display: none; } #headerCntr .banner { width: 100%; position: relative; z-index: 101; } #headerCntr .banner.sub { height: 59px; } #headerCntr .banner .slider { width: 100%; height: 450px; position: relative; z-index: 101; overflow: hidden; } #headerCntr .banner .slider li { height:450px; background-size: cover !important;} #headerCntr .banner .slider .center { height: 450px; } #headerCntr .banner .slider h1 { color: #fff; font-size: 36px; font-weight: 200; font-family: 'Titillium Web',sans-serif; position: absolute; bottom: 65px; line-height: 70px; right: 0; padding: 0 30px; background: #1b7dbc; z-index: 200; } #headerCntr .pagerBox { position:absolute; bottom:0px; width:100%; height: 450px; z-index: 102;} #headerCntr .pager { margin: 0 auto; } #headerCntr .controls { } #headerCntr .flex-control-nav { list-style:none;} #headerCntr .pager a.flex-prev, #headerCntr .pager a.flex-next{ opacity:0; font-size:140px; color:#fff; float: left; margin: 140px 40px 0px 0px; -webkit-transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out; } #headerCntr .pagerBox:hover .pager a.flex-prev, #headerCntr .pagerBox:hover .pager a.flex-next {opacity:0.95; -webkit-transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out;} #headerCntr .pager a.flex-next { float:right; } #headerCntr .flex-control-nav li { margin: 0 1px 0 10px; float: left; } #headerCntr .flex-control-nav li a { display: block; width: 11px; height: 11px; border: 1px solid #c8c8c8; border-radius: 50px; text-indent: -9999px; background: #fff; } #headerCntr .flex-control-nav li a:hover, #bannerCntr .flex-control-nav li a.flex-active { background: #c8c8c8; } /* #headerCntr .banner img.big { min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; } #headerCntr .banner .inner { position: absolute; top: 0; left: 50%; margin-left: -555px; z-index: 102; width: 1110px; height: 100%; } #headerCntr .banner .inner .center { height: 100%; } */ #headerCntr .menu { position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.75); height: 59px; z-index: 110; width: 100%; } /* ### menu box ### */ #headerCntr .menuBox { position: absolute; top: 0; right: 0; } #headerCntr .menuBox li { float: left; margin-left: 28px; font-size: 19px; font-weight: 700; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; position: relative; } #headerCntr .menuBox li { text-decoration: none; color: #333; position: relative; } #headerCntr .menuBox li a { display:block; color: #333; text-decoration:none; line-height: 62px; height: 59px; } #headerCntr .menuBox li a:hover { color: #03417f; } #headerCntr .menuBox li:hover a, #headerCntr .menuBox li.active a{ color: #03417f; border-bottom: 5px solid #03417f; } #headerCntr .menuBox li ul { display:none; } #headerCntr .menuBox li:hover ul { display:block; position: absolute; top: 59px; left:-45px; } #headerCntr .menuBox li:hover li ul { display:none; } #headerCntr .menuBox li li:hover ul { display:block; position: absolute; top: 0; left: 172px; } #headerCntr .menuBox li li a { display:block; width:200px; border:0px; float: left; clear: left; margin: 0px; background: #fff; padding: 10px 20px 10px 20px; border-bottom: 1px solid #ddd; line-height: 20px; height: auto; text-decoration: none; position: relative; font-size: 14px; text-transform: none; font-weight: 300; font-family: Open Sans, serif; } #headerCntr .menuBox li li:hover a, #headerCntr .menuBox li li.active a { background:#eee; border-bottom: 1px solid #eee; } #headerCntr .menuBox li:hover li a { border: 1px solid #ddd; border-bottom: 0; } #headerCntr .menuBox li:hover li:last-child a { border-bottom: 1px solid #ddd; } #headerCntr .menuBox li li li a { background: #fff !important; } #headerCntr .menuBox li li li:hover a, #headerCntr .menuBox li li li.active a { background:#eee !important; } #headerCntr .mobileMenu { display: none; } #headerCntr .sticky{ position: fixed; width: 100%; background-color:rgba(253,253,253,0.90); border-bottom: 1px solid #eee; top: 0px; height: 59px; transition: all 0.5s ease 0s; } .admin-bar #headerCntr .sticky{top:32px;} #headerCntr .sticky .logo{ display:none; } #headerCntr .logo-sticky{ visibility:hidden; opacity:0; display:none; } #headerCntr .logo-sticky a img{ max-width: 65%; height:auto; } #headerCntr .sticky .logo-sticky{ position: absolute; display:block; visibility:visible; opacity:1; transition: all 0.5s ease 0s; } /* ### time container ### */ #timeCntr { width: 100%; background: #03417f; padding: 13px 0; } #timeCntr .left { float: left; max-width: 50%; } #timeCntr .right { float: right; max-width: 50%; } #timeCntr ul { overflow: hidden; } #timeCntr li { float: left; margin: 0 19px 0 9px; text-transform: uppercase; } #timeCntr li:last-child { margin-right: 0; } #timeCntr .right li:last-child { margin-right: 2px; } #timeCntr li { color: #fff; font-size: 14px; line-height: 25px; height:30px; } #timeCntr li i { vertical-align:bottom; font-size:24px; padding:0px 5px; } /* ### content container ### */ #contentCntr { width: 100%; padding: 15px 0 33px; } #contentCntr.sub { padding: 21px 0 33px; border-top: 1px solid #eee; margin-top: 60px;} .teamBox { padding-bottom:30px; } .teamPhoto { margin-top:10px; } .teamsponsoren .team {float:left; width:25%; height:150px;} .teamsponsoren .team img {width:100%;} /* ### left container ### */ #leftCntr { float: left; width: 68.5%; } #leftCntr ul { list-style:inherit; margin:inherit; } #leftCntr ul li {list-style:inherit;margin-left:20px; line-height:24px; } #contentCntr.sub #leftCntr { padding-right: 35px; } /* ### details box ### */ .detailsBox { width: 100%; } .detailsBox .grid-sizer { width: 45%; } .detailsBox .gutter-sizer { width: 5%; } .detailsBox .item { width: 45%; border-bottom: 1px solid #e5e5e5; padding-bottom:25px; margin-bottom:25px; } .detailsBox img { width: 100%; } .detailsBox a { text-decoration:none; } .detailsBox h1 { margin-top: 18px; color: #03417f; font-size: 20px; font-weight: 700; font-family: 'Titillium Web',sans-serif; line-height: 24px; margin-bottom: 9px; } .detailsBox a:hover h1 { text-decoration:underline; } .detailsBox p { color: #333; font-size: 14px; line-height: 24px; margin-bottom: 15px; font-family: 'Open Sans',sans-serif; font-weight: 400; } .detailsBox a:hover p { text-decoration:underline; } .detailsBox span { display: block; color: #1b7dbc; font-size: 12px; font-weight: 300; text-transform: uppercase; } .detailsBox span a { color: #1b7dbc; text-decoration: none; } .detailsBox span a:hover { text-decoration: underline; } .detailsBox span a.right { float: right; } .detailsBox span small { font-size: 12px; padding: 0 2px; } /* ### np box ### */ .npBox { width: 100%; margin: -8px 0 10px 163px; text-transform: uppercase; font-size:12px; } .npBox a { color: #333; text-decoration: none; padding:0 5px; } .npBox a:hover { text-decoration: underline; } .npBox .breadcrumb_last { padding-left:5px; } /* ### playoffs box ### */ .playoffsBox { width: 100%; } .playoffsBox .photo { width: 100%; margin-bottom: 19px; } .playoffsBox .photo img { width: 100%; } .playoffsBox h1 { color: #03417f; font-size: 32px; font-family: 'Titillium Web',sans-serif; margin-bottom: 7px; } .playoffsBox span.blue { display: block; margin-bottom: 18px; color: #1b7dbc; font-weight: 300; text-transform: uppercase; font-size: 12px; } .playoffsBox span.blue small { padding: 0 3px; font-size:12px; } .playoffsBox span.blue a { color: #1b7dbc; text-decoration: none; } .playoffsBox span.blue a:hover { text-decoration: underline; } .playoffsBox p { color: #333; font-size: 14px; line-height: 24px; margin-bottom: 24px; } .playoffsBox p.nogap { margin-bottom: 21px; } .playoffsBox p.nogap2 { margin-bottom: 22px; } .playoffsBox p a { color: #1b7dbc; font-size: 14px; text-decoration: none; } .playoffsBox p a:hover { text-decoration: underline; } .playoffsBox p.title { color: #1b7dbc; font-size: 18px; font-weight: 200; margin-bottom: 7px; font-family: 'Titillium Web',sans-serif; margin-top: 4px; } .playoffsBox .holder { margin-right: -29px; overflow: hidden; } .playoffsBox .holder .block { float: left; width: 25%; padding-right: 29px; margin-bottom: 29px; } .playoffsBox .holder .inner { width: 100%; } .playoffsBox .holder .inner img { width: 100%; } .playoffsBox .replies { padding: 10px 14px 2px; background: #f4f4f4; margin-bottom: 41px; } .playoffsBox .replies h3 { color: #2a2a2a; font-size: 18px; font-weight: 200; font-family: 'Titillium Web',sans-serif; margin-bottom: 13px; } .playoffsBox .replies fieldset { border: 0; overflow: hidden; } .playoffsBox .replies textarea { border: 1px solid #aaa; background: #fff; width: 100%; margin-bottom: 13px; height: 83px; padding: 15px 10px; color: #7f7f7f; text-transform: uppercase; font-weight: 700; resize: none; } .playoffsBox .replies input[type="submit"] { border: 0; background: #1b7dbc; width: 99px; height: 35px; cursor: pointer; float: right; color: #fff; font-weight: 700; text-transform: uppercase; } .playoffsBox .replies input[type="submit"]:hover { background: #52abe5; } .playoffsBox .replies span.reply { display: block; margin: -12px 0 9px; color: #2a2a2a; font-size: 14px; } .playoffsBox .replies .col { padding: 17px 0 25px; border-top: 1px solid #dedede; overflow: hidden; } .playoffsBox .replies .col.sub { padding: 18px 0 28px; } .playoffsBox .replies .pic { float: left; } .playoffsBox .replies .col.sub .pic { margin-top: 4px; } .playoffsBox .replies .pic img { -webkit-border-radius: 50%; border-radius: 50%; } .playoffsBox .replies .text { margin-left: 96px; } .playoffsBox .replies .text span { color: #2a2a2a; font-size: 13px; display: block; margin-bottom: 10px; margin-top: 8px; } .playoffsBox .replies .text span.sub { margin-top: 0; } .playoffsBox .replies .text.gap { margin-top: -9px; } .playoffsBox .replies .text span a { margin-right: 25px; color: #1b7dbc; font-family: 'PT Sans',sans-serif; text-decoration: none; text-transform: uppercase; } .playoffsBox .replies .text span a:hover { text-decoration: underline; } /* ### news box ### */ .newsBox { width: 100%; margin-bottom: 207px; } .newsBox h2 { color: #333; font-size: 18px; font-family: 'Titillium Web',sans-serif; margin-bottom: 8px; text-transform: uppercase; } .newsBox a.block { display:block; padding: 18px 0 22px; border-top: 1px solid #e5e5e5; overflow: hidden; } .newsBox .photo { float: left; width: 35.2%; } .newsBox .photo img { width: 100%; } .newsBox .text { width: 64.8%; padding: 0 18px 0 30px; float: left; } .newsBox h4 { color: #03417f; font-size: 24px; font-weight: 400; font-family: 'Titillium Web', sans-serif; margin-bottom: 3px; margin-top: -5px; } .newsBox h4 a { color: #03417f; text-decoration:none; } .newsBox h4 a:hover { text-decoration:underline; } .newsBox span { display: block; margin-bottom: 16px; font-size: 12px; color: #1b7dbc; font-weight: 300; text-transform: uppercase; } .newsBox span small { padding: 0 3px; font-size:12px; } .newsBox span a { color: #1b7dbc; text-decoration: none; } .newsBox span a:hover { text-decoration: underline; } .newsBox p { color: #333; font-size: 14px; line-height: 24px; } .newsBox p a { color: #333; text-decoration:none; } .newsBox p a:hover { text-decoration:underline; } /* ### right container ### */ #rightCntr { float: right; width: 31.5%; } /* ### ad box ### */ .adBox { width: 100%; margin-bottom: 19px; } .adBox img { width: 100%; } #contentCntr.sub .adBox { margin-bottom: 21px; } /* ### direct box ### */ .directBox { width: 100%; padding-bottom: 24px; } #contentCntr.sub .directBox { padding-bottom: 28px; } .directBox.over { padding-bottom: 22px; } #contentCntr.sub .directBox.over { padding-bottom: 21px; } .directBox ul.top { height:30px; margin-bottom: 19px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; } .directBox .top li{ float:left; } .directBox .top li.ui-state-default:last-child { float:right;} .directBox .top li a {padding-right:3px; color: #ccc; font-size: 18px; font-weight: 700; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; text-decoration:none;} .directBox .top li.ui-state-active a { color:#333; } .directBox .box {clear:both;} .directBox a.link { float: right; color: #ccc; font-size: 18px; font-weight: 700; font-family: 'Titillium Web',sans-serif; text-decoration: none; text-transform: uppercase; } .directBox a.link.right { margin-right: 16px; } .directBox a.link:hover { text-decoration: underline; } .directBox .box li { background: url(../images/arrow1.png) no-repeat left; padding-left: 13px; font-size: 14px; line-height: 24px; font-family: 'PT Sans',sans-serif; } .directBox .box li a { color: #333; text-decoration: none; } .directBox .box li a:hover { text-decoration: underline; } #contentCntr.sub .directBox .top { margin-bottom: 17px; padding-bottom: 10px; } #contentCntr.sub .directBox.over .top { margin-bottom: 18px; padding-bottom: 5px; } /* ### heading box ### */ a.headingBox { display:block; color:#fff; text-decoration:none; width: 100%; margin-bottom: 32px; background: #e997f2; padding: 18px 20px; text-align: center; } a.headingBox:hover { opacity: 0.8; } .headingBox.news { background: #7fcfca; padding: 17px 25px; margin-bottom: 31px; } .headingBox.search { background: #f6af5c; padding: 23px 0 37px; } a.headingBox h3 { color: #fff; font-size: 24px; font-weight: 200; text-decoration:none; line-height: 32px; font-family: 'Titillium Web', sans-serif; } .headingBox h2 { color: #fff; font-size: 24px; margin-bottom: 6px; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; } /* ### agenda box ### */ .agendaBox { width: 100%; margin-bottom: 35px; overflow: hidden; } .agendaBox a { text-decoration:none; display:block; } .agendaBox a:hover { background: #f5f5f5;} .agendaBox .top { overflow: hidden; margin-bottom: 19px; border-bottom: 1px solid #e5e5e5; padding-bottom: 6px; } .agendaBox .top p.title { float: left; color: #333; font-size: 18px; font-weight: 700; font-family: 'Titillium Web',sans-serif; text-transform: uppercase; } .agendaBox span.date { float: left; width: 45px; text-transform: uppercase; background: #1b7dbc; color: #fff; font-size: 11px; line-height: 28px; font-weight: 700; font-family: 'Titillium Web',sans-serif; text-align: center; display: inline-block; padding-bottom: 9px; padding-top: 4px; } .agendaBox span.date small { font-size: 28px; display: block; margin-top: -8px; } .agendaBox .text { margin-left: 56px; } .agendaBox .text p { color: #999; font-size: 14px; line-height: 20px; } .agendaBox .text p strong { color: #2a2a2a; display: block; } .agendaBox .text .game p strong { color: #03417f; } .agendaBox .text .event p strong { color: #df5353; } .agendaBox .text .holiday p strong { font-style: italic; font-weight:400; } .agendaBox li { overflow: hidden; margin-bottom: 13px; } .agendaBox li.gap { margin-bottom: 7px; } .agendaBox a.more { float: right; color: #403f3f; font-size: 14px; text-decoration: none; margin-right: 10px; } .agendaBox a.more:hover { text-decoration: underline; } .post-type-archive-agenda #leftCntr .agendaBox ul { margin:0; padding-top:30px; } .post-type-archive-agenda #leftCntr .agendaBox ul li { margin-left:0; padding:0; } /* ### common box ### */ .commonBox { width: 100%; margin: 15px 0px; overflow: hidden; } .commonBox .top { overflow: hidden; margin-bottom: 19px; border-bottom: 1px solid #e5e5e5; padding-bottom: 6px; } .commonBox .top p.title { float: left; color: #333; font-size: 18px; font-weight: 700; font-family: 'Titillium Web',sans-serif; text-transform: uppercase; } /* ### stand box ### */ .standBox { width: 100%; margin: 30px 0px; } .standBox ul.top { height:30px; margin-bottom: 19px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; } .standBox .top li{ float:left; } .standBox .top li.ui-state-default:last-child { float:right;} .standBox .top li a {padding-right:3px; color: #ccc; font-size: 18px; font-weight: 700; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; text-decoration:none;} .standBox .top li.ui-state-active a { color:#333; } .standBox a.link { float: right; color: #ccc; font-size: 18px; font-weight: 700; font-family: 'Titillium Web',sans-serif; text-decoration: none; text-transform: uppercase; } .standBox a.link:hover { text-decoration: underline; } .standBox li { color: #333; font-size: 14px; line-height: 24px; } .standBox li span.one { float: left; width: 38px; } .standBox li span.two { float: left; width: 180px; } .standBox li span.three { float: left; width: 36px; } /* ### facebook box ### */ .widget_text { width: 100%; margin-bottom: 34px; overflow: hidden; } .widget_text h3 { color: #333; font-size: 18px; font-weight: 700; font-family: 'Titillium Web',sans-serif; text-transform: uppercase; margin-bottom: 13px; border-bottom: 1px solid #e5e5e5; padding-bottom: 6px;} /* ### pagination box ### */ .pagination { width: 100%; overflow: hidden; text-align:center; } .pagination .page-numbers { margin: 0 1px; font-size: 14px; font-family: 'PT Sans',sans-serif; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; text-decoration: none; border: 1px solid #bbb; color: #bbb; } .pagination a.page-numbers:hover, .pagination .page-numbers.current { border: 1px solid #1b7dbc; color: #1b7dbc; } .rbc #leftCntr {width:50%} .rbc #rightCntr {width:50%} .rbc #rightCntr h2 {color:#03417f; margin-bottom:20px; margin-top: 30px; } .rbclid {display:block; width:150px; height:150px; float:left; margin:0px 30px 30px 0px; border: 1px solid #f5f5f5; position: relative; text-align: center; } .rbclid img { margin: auto; position:absolute; top:0; bottom:0; width:100% } /* ### club container ### */ #clubCntr { width: 100%; background: #1c548c; padding: 19px 0; margin-bottom: 5px; } #clubCntr .left { float: left; width: 50%; padding-left: 9px; } #clubCntr .right { float: right; width: 39%; padding-right: 2px; padding-top: 10px; } #clubCntr h4 { color: #fff; font-size: 24px; font-weight: 200; font-family: 'Titillium Web',sans-serif; } #clubCntr p { color: #bbc6d6; font-size: 13px; font-style: italic; } #clubCntr fieldset { border: 0; overflow: hidden; margin-top: 15px; } #clubCntr .wpcf7-form-control-wrap.email { width: 76%; padding-right: 13px; float: left; } #clubCntr input[type="text"], #clubCntr input[type="email"] { border: 0; background: #fff; width: 100%; height: 35px; line-height: 35px; padding: 0 19px; color: #7f7f7f; font-weight: 700; font-size:12px; text-transform: uppercase; } #clubCntr input[type="submit"] { border: 0; background: #1b7dbc; width: 24%; height: 35px; cursor: pointer; float: right; color: #fff; font-weight: 700; text-transform: uppercase; } #clubCntr input[type="submit"]:hover { background: #6ebcee; } div.wpcf7 img.ajax-loader { display:none;} /* ### member container ### */ #memberCntr { width: 100%; margin-bottom: 5px; background: url(../images/member_bg.jpg) no-repeat center center; background-size: cover; } #memberCntr .center { padding: 106px 0 113px; } #memberCntr h5 { color: #fff; font-size: 36px; font-weight: 200; font-family: 'Titillium Web',sans-serif; margin-bottom: 3px; } #memberCntr p { color: #fff; font-size: 16px; font-style: italic; margin-bottom: 16px; } #memberCntr a.more { display: inline-block; padding: 0 16px; line-height: 35px; text-decoration: none; color: #fff; font-weight: 700; text-transform: uppercase; background: #1b7dbc; } #memberCntr a.more:hover { background: #389fe1; } #memberCntr img.tshirt { position: absolute; bottom: 0; right: 134px; } /* ### bottom container ### */ #bottomCntr { background: #333 url(../images/bottom_bg.png) repeat-x; padding: 31px 0 56px; } #bottomCntr .col1 { float: left; width: 34%; padding-right: 76px; } #bottomCntr .widget_nav_menu { float: left; width: 16.5%; } #bottomCntr .logo { margin: 9px 0 15px 7px; } #bottomCntr p { color: #fff; font-size: 14px; line-height: 28px; } #bottomCntr h3 { color: #fff; font-size: 21px; font-weight: 400; font-family: 'Titillium Web',sans-serif; margin-bottom: 32px; } #bottomCntr li { font-size: 14px; line-height: 28px; } #bottomCntr li a { color: #fff; text-decoration: none; } #bottomCntr li a:hover { color: #1b7dbc; } #bottomCntr .clear.Tab { display: none; } /* ### footer container ### */ #footerCntr { overflow: hidden; width: 100%; background: #333 url(../images/footer_bg.png) no-repeat center 0; padding: 14px 0 16px; } #footerCntr p { color: #fff; font-size: 14px; text-align: center; } #footerCntr a { color: #ccc; text-decoration:none;} #footerCntr a:hover { text-decoration:underline;} .donation-meter { margin:auto; width: 100px; } .donation-meter .glass { background: #e5e5e5; border-radius: 100px 100px 0 0; display: block; height: 300px; margin: 0 35px 10px; padding: 5px; position: relative; width: 30px; } .donation-meter .amount { background: #03417f; border-radius: 100px; display: block; height: 0; -webkit-transition: height 4s; transition: height 4s; width: 20px; position: absolute; bottom: 5px; } .donation-meter strong { display: block; text-align: center; } h2.goal { text-align: center; font-size: 30px; } .donation-meter .total { font-size: 16px; position: absolute; right: 35px; width:100px; } .donation-meter .date { font-size: 16px; position: absolute; left: 35px; width:100px; } .bulb { background: #e5e5e5; border-radius: 100px; display: block; height: 60px; margin: 0 35px 10px; padding: 5px; position: relative; top: -20px; right: 15px; width: 60px; } .bulb .blue-circle { background: #03417f; border-radius: 100px; display: block; height: 50px; width: 50px; } .bulb .filler { background: #03417f; border-radius: 100px 100px 0 0; display: block; height: 30px; width: 20px; position: relative; top: -65px; right: -15px; z-index: 30; } #leftCntr ol, #leftCntr ul { margin-left:15px; } #leftCntr ol li, #leftCntr ul li { list-style:initial; padding-left:15px; } #leftCntr ol li { list-style-type: decimal; } /* #Media Queries ================================================== */ @media only screen and (max-width: 1109px) { .center { padding-left: 8px!important; padding-right: 8px!important; } #headerCntr .advertisement .center { padding: 0 50px!important; } #headerCntr .contact .btns a.btn2 { margin-right: 0; } #headerCntr .menuBox { right: 8px; margin-left:200px; } #headerCntr .menuBox li {margin-left: 18px; font-size: 16px;} #clubCntr .left { width: 57%; } #bottomCntr .col2 { float: left; width: 16.5%; } #bottomCntr .col3 { float: left; width: 16.5%; } #bottomCntr .col4 { float: left; width: 16.5%; } #bottomCntr .col5 { float: left; width: 16.5%; } #headerCntr .banner .inner { left: 0; margin-left: 0; width: 100%; } } @media only screen and (max-width: 979px) { #headerCntr .contact .btns { display: none; } #headerCntr .logo {left:10px;} #headerCntr .contact ul { float: none; display: inline-block; } #headerCntr .menuBox li { margin-left: 20px!important; } #headerCntr .banner .inner .center h1 { padding: 0 30px; } #timeCntr .left { float: none; max-width:inherit; } #timeCntr .right { float: none; max-width:inherit; } #timeCntr li { margin: 0; width: 40%; margin: 4px 0; } #leftCntr { float: none; width: 100%; padding-right: 0; } #rightCntr { float: none; width: 100%; margin-top: 20px; padding: 0 150px; } .headingBox.search { margin-bottom: 0; } #clubCntr .left { float: none; width: 100%; text-align: center; padding-left: 0; } #clubCntr .right { float: none; width: 100%; text-align: center; padding-right: 0; padding: 0 120px; } #memberCntr img.tshirt { right: 0; width: 300px; } #memberCntr .center { padding: 90px 0; } #bottomCntr .col1 { float: none; width: 100%; padding-right: 0; margin-bottom: 20px; } #bottomCntr .col2 { width: 25%; } #bottomCntr .col3 { width: 25%; } #bottomCntr .col4 { width: 25%; } #bottomCntr .col5 { width: 25%; } .newsBox { margin-bottom: 10px; } #contentCntr.sub #leftCntr { padding-right: 0; } } @media only screen and (max-width: 767px) { #headerCntr .menu { display: none; } #headerCntr .mobileMenu { display: block; float:right; color:#333; font-size:28px; } #headerCntr .contact address {margin-left:160px;} #headerCntr .contact address img { margin: 0 8px; } #headerCntr .contact ul {display: none;} #headerCntr .logo {left:10px;} #headerCntr .logo img {width:150px;} #headerCntr .banner .slider { max-height: 300px; } #headerCntr .banner .inner .center h1 { font-size: 24px; padding: 0 10px; line-height: 50px; } #contentCntr.sub {border-top:0px;} #timeCntr li { width: 50%; } #timeCntr .right li:last-child { margin-right: 0; } .detailsBox span { font-size: 11px; } #rightCntr { padding: 0; } #memberCntr img.tshirt { width: 200px; } #memberCntr .center { padding: 50px 0; } #memberCntr p { width: 60%; line-height: 22px; } #bottomCntr .col2 { width: 50%; margin-bottom: 20px; } #bottomCntr .col3 { width: 50%; margin-bottom: 20px; } #bottomCntr .col4 { width: 50%; } #bottomCntr .col5 { width: 50%; } #bottomCntr .clear.Tab { display: block; } #bottomCntr p.title { margin-bottom: 20px; } #bottomCntr { padding: 30px 0; } #headerCntr .banner.sub { display: none; } .npBox { margin-left: 0; margin-top: 0; } .playoffsBox .holder .block { width: 33.33%; } .newsBox h4 { font-size: 18px; } } @media only screen and (max-width: 579px) { .adres {display:none;} } @media only screen and (max-width: 479px) { #headerCntr .banner .inner .center h1 { font-size: 17px; line-height: 40px; } #headerCntr .banner .slider { max-height: 250px; } #timeCntr li { width: 100%; } .detailsBox .item { width: 100%; } .detailsBox .block { width: 100%; } .detailsBox span { font-size: 12px; } #memberCntr h5 { font-size: 30px; } #memberCntr .text { position: relative; z-index: 100; } #memberCntr img.tshirt { z-index: 99; } #memberCntr p { width: 82%; } #clubCntr .right { padding: 0; } #clubCntr input[type="submit"] { font-size: 11px; } #clubCntr input[type="text"] { font-size: 11px; } #clubCntr h4 { font-size: 20px; line-height: 24px; } #bottomCntr li { font-size: 13px; } .npBox li { font-size: 11px; } .npBox li:last-child { margin-right: 0; } .playoffsBox h1 { font-size: 21px; } .playoffsBox .holder .block { width: 50%; } .newsBox .photo { float: none; width: 100%; margin-bottom: 15px; } .newsBox .text { float: none; width: 100%; padding: 0; } }