/* Custom Theme Css */ @font-face { font-family: 'GESSTwoLight'; src: url('../fonts/GESSTwoLight.eot'); /* IE9 Compat Modes */ src: url('../fonts/GESSTwoLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/GESSTwoLight.woff') format('woff'), /* Modern Browsers */ url('../fonts/GESSTwoLight.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/GESSTwoLight.svg#GESSTwoBold') format('svg'); /* Legacy iOS */ } /* Global Style ------------------------------------------------*/ a.more-link > .meta-nav{ display: none;} html, button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif;} .entry-header, .entry-content, .entry-summary, .entry-meta { max-width:960px;} .site { max-width:100%; border:0; background-color: transparent;} body{font-family: Arial, Helvetica, sans-serif; background: url(../images/body-bg.jpg);} .home .site-main{ padding:0;} /*.site-main{ padding-bottom: 80px;}*/ .center-block{ float: none;} .center-block:after{ position: absolute; top: 0; left: 0; border-top: 1px solid #000;} h3.sub-title, h3.sub-title a, h3.sub-title a:hover{ text-decoration: none; color: #652d89; font-family: Arial, Helvetica, sans-serif; font-size: 40px; text-align: center; margin:0; padding:25px 0 28px; line-height: normal; text-transform: uppercase; } img.img-responsive{ display: inline-block;} .bottom-line{ border-bottom: 1px solid rgba(163,145,97,0.3); height: 1px; margin: 0 auto; width: 300px; clear: both; padding:9px 0 0;} a:focus{ outline:0px none;} .content-block a.button-primary, a.button-primary{float:none; color:#f2f2f2; margin-top:20px; display:inline-block; font-size:24px;} button, input[type="submit"], input[type="button"], input[type="reset"], a.button-primary{background: #652d89; border-radius: 0; border:0; font-family: Arial, Helvetica, sans-serif; font-size: 24px; text-transform: uppercase; letter-spacing: 1px; min-width: 220px; padding:19px 35px 18px; color:#f2f2f2; margin-top:20px;} button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, a.button-primary:hover, a.button-primary:focus{background: #652d89; color: #fff;} button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, a.button-primary:active{ background: #652d89; color: #fff; border-radius: 0; border:0; padding:18px 35px 17px;} .entry-content a:hover, .comment-content a:hover{ color: #a49262 ;} p.submit, p.login-submit{ float: left; width: 100%; display: block;} .content-block .load-more-link-wrap{ float: left; width: 100%; background:rgba(163,145,97, 0.80);} .content-block a.load-more-link i.fa{ margin-right: 5px;} .content-block a.load-more-link { text-align:center; display:block; color:#f2f2f2; font-size:14px; padding:10px 20px 10px 0; clear:both; text-transform: none; width: 100%; margin:0; cursor: pointer;} .content-block a.load-more-link:hover, .content-block a.load-more-link:focus { background:#130605; color:#a39161; text-decoration:none;} .content-block .viewall-link-wrap{ float: left; width: 100%; background:rgba(163,145,97, 0.80);} .content-block a.viewall-link i.fa{ margin-right: 5px;} .content-block a.viewall-link { text-align:right; display:block; color:#f2f2f2; font-size:14px; padding:10px 20px 10px 0; clear:both; text-transform: none; width: 100%; text-decoration:none;} .content-block a.viewall-link:hover{ background:#130605; color:#a39161; text-decoration:none;} .content-block a.viewall-link:focus{background:rgba(163,145,97, 0.80); color:#f2f2f2; text-decoration:none;} .content-block h4{ color:#652d89; font-size: 18px; font-weight: 700; margin:0 0 2px; padding:8px 0 0;} .content-block p.sub-heading{ color:#652d89; font-size: 20px; margin:0; padding:0;} .content-block ul.benefits{ margin:15px 0; list-style-type: none;} .content-block ul.benefits li{color: #7d7d7d; font-size: 14px; font-weight: normal; padding-left: 15px; position: relative; line-height: 24px;} .content-block ul.benefits li:before{font-family:'FontAwesome'; content:"\f105"; margin:0; padding:0; color: #652d89; position: absolute; left: 0; top: 0;} div.image-block{ float: left; width: 100%;} div.image-block img.hospitality-image{ width: 470px; height: 330px;} .content-block p.image-right{ float: right; margin-left: 30px; margin-bottom: 26px;} .content-block p.image-left{ float: left; margin-right: 30px;} .pad1 { padding:1px;} .p10_lr { padding:0 10px;} .p15_b { padding-bottom:15px;} .mar15_lr{ margin:0;} .img-responsive { width:100%;} /* Header ------------------------------------------------*/ /* Sponsor */ .full_sponsor { background:#1d082b; border-bottom:1px solid #a39161; padding: 5px 0; text-align: center;} .full_sponsor .owl-carousel .owl-item { margin-right:20px; overflow:hidden;} .full_sponsor .owl-carousel .owl-item a { display:inline-block;} /*.sponsor { margin: 0 auto; max-width: 1200px; width: 100%; text-align:center;} .sponsor_fix > a { padding:0 10px; display:inline-block; vertical-align:middle;}*/ .sponsor_fix {margin: 0 auto; max-width: 1200px; width: 100%;} .sponsor_fix:before, .sponsor_fix:after{ content: ''; display: table;} .sponsor_fix:after{clear: both;} .sponsor_fix a{ float: right; padding:0 10px; display:inline-block; vertical-align:middle;} .footer_sponsor{ background: transparent; padding: 28px 15px;} .footer_sponsor .sponsor_fix{ text-align: center;} .footer_sponsor .sponsor_fix a{ display: inline-block; float: none;} /* Top Navigation */ .navbar{ max-width:100%; margin-bottom:0;} .navbar-inner-top{ position: absolute; z-index: 100;} .navbar-fixed-top{top:43px; padding-top: 1px;} .navbar-default{ background-color:rgba(90,38,124,0.86); border:0;} .top_nav { width: 100%; float:left; background:rgba(33,9,49, 0.85); position:relative;} .top_nav_left { float: left;padding:7px 0;} .top_nav_left .widget{ background:none; margin:0;padding:0;} .top_nav_left .textwidget > a { display: inline-block; height: 23px; margin-right: 10px; text-align: center; vertical-align: middle; width: 23px; } .top_nav_left .textwidget > a.fb { background:url(../images/headers/top_fb_icon.png) no-repeat; outline:none;} .top_nav_left .textwidget > a.instragram { background:url(../images/headers/top_instragram_icon.png) no-repeat; outline:none;} .top_nav_left .textwidget > a.twitter { background:url(../images/headers/h_tweet.png) no-repeat; outline:none;} .top_nav_right { float: right;} .top_nav_right .search {float:left;margin-right:10px;} .top_nav_right .lang_sel { float:left; margin-right:16px; margin-top: 8px;} .top_nav_right .member { float:right; outline:none; margin-top: 8px;} .top_nav_right .member ul.nav-menu-header {margin: 0; padding-left: 0;} .top_nav_right .member .nav-menu-header li { float:left; margin-right:16px;} .top_nav_right .member .nav-menu-header li.membership a{background:url(../images/headers/member_icon.png) no-repeat left center; padding-left:18px; } .top_nav_right .member .nav-menu-header li.tickets a{ background:url(../images/headers/tickets.png) no-repeat left center; padding-left:22px; } .top_nav_right .member .nav-menu-header li:last-child { margin-right:0px;} .top_nav_right .member .nav-menu-header li a{ color:#fff;font-size:13px; font-weight:normal; text-decoration:none;} /* Search */ .search .search-field { border: 0 none; padding: 5px 10px; width: 18px;background:url(../images/headers/search_icon.png) no-repeat 0 center;-webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease;cursor:pointer; outline:none;margin-top:5px; color:#fff; font-weight: normal;} .search .search-field::-webkit-input-placeholder { color:#fff;} .search .search-field::-moz-placeholder { color:#fff;} .search .search-field:-moz-placeholder { color:#fff;} .search .search-field::-ms-input-placeholder { color:#fff;} .search .search-field:focus {background: url(../images/headers/search_icon.png) no-repeat 10px center rgba(90, 38, 124, 0.86); cursor: text; outline: 0; width: 160px; padding-left: 35px; color:#fff; font-weight: normal;} /* Language Select */ #lang_sel_list > ul > li{background:#0e0415;} #lang_sel_list > ul > li > a.lang_sel_sel{display:none;} #lang_sel_list > ul > li > a { min-width: 120px; font-family: Arial, Helvetica, sans-serif; padding:0; font-size:11px; text-align: left; height: 24px; line-height: 22px;} #lang_sel_list > ul > li.icl-en > a, #lang_sel_list > ul > li.icl-ar > a{ color: #fff; padding-left: 25px;} #lang_sel_list > ul > li.icl-en > a { background:url(../images/headers/english-flag.jpg) no-repeat 4px 6px;} #lang_sel_list > ul > li.icl-ar > a { font-family: 'GESSTwoLight'; background:url(../images/headers/arabic-flag.jpg) no-repeat 4px 6px;} /* Main Navigation */ .navbar-collapse{ margin:0; padding:0;} .bottom_nav{float:left; width:100%;background-image:url(../images/headers/menu_shadow.png); background-repeat: no-repeat; background-position: center center; position:relative;} .container > .navbar-collapse { margin:0 auto; padding:0;} .navbar-nav{ width:100%; background:url(../images/headers/seprator.png) no-repeat top right;;} .navbar-nav li { background:url(../images/headers/seprator.png) no-repeat left top;width:175px;text-align:center; float:left; outline:none;} .navbar-nav li a, .navbar-default .navbar-nav > li > a { color:#fff; padding: 33px 15px 30px; font-size:15px; font-weight:normal; outline:none;} .navbar-nav li.honorarycouncil a, .navbar-default .navbar-nav > li.honorarycouncil > a { padding: 24px 15px 0;} /*.navbar-nav li:nth-child(3) { margin-right:10%;}*/ /*.navbar-nav li:nth-child(4) { background:none;}*/ .navbar-nav li:nth-child(1), .navbar-nav li:nth-child(2), .navbar-nav li:nth-child(3){ float: left;} .navbar-nav li:nth-child(4), .navbar-nav li:nth-child(5), .navbar-nav li:nth-child(6){ float: right;} .navbar-nav li:last-child{ background:none; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active { background:none; color:#cabb94;} .logo_center { height: 192px; left: 0; margin: 0 auto !important; padding: 0; position: absolute; right: -9px; top: -30px; width: 131px; z-index: 999;} .navbar-nav .current_page_item > a, .navbar-nav .current_page_ancestor > a, .navbar-nav .current-menu-item > a, .navbar-nav .current-menu-ancestor > a { font-style:normal;} /* Aerabic Header*/ .top_nav_right .member ul.nav-menu-header { padding:0;} .navbar-nav { padding:0;} /* Home Banner ------------------------------------------------*/ .slide-img{display: none;} /*.backstretch{background: #1d082b;}*/ .home-banner{background: #1d082b; height: 1024px;} /* Banner Caption */ .banner-caption-wrap { margin: 0 auto; max-width: 1200px; width: 100%; position: relative;} .home-banner .banner-caption {color: #fff; position: absolute; width:585px; left:0; padding:40px; top:124px; background: -moz-linear-gradient(top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.85)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); } .home-banner .banner-caption p { color:#fff; font-weight:normal; font-size:15px; line-height:24px; margin-bottom:0; height: 75px;} .home-banner .banner-caption a { background:rgba(90, 38, 124, 0.86) none repeat scroll 0 0; text-decoration:none; font-size:24px; padding:15px 40px; color:#fff; border:2px solid #fff; display:inline-block; margin-top:35px; text-transform:uppercase;} .home-banner .banner-caption h3 { margin-top:20px; background:url(../images/brand-icon.png) no-repeat 0 top ; color:#fff; font-size:45px; font-weight:bold; padding-top:50px; text-transform:uppercase; margin-bottom:20px;} #banner-slide2 .home-banner .banner-caption { top:75px !important;} #banner-slide1{height: 85px !Important; background:#1d082b !important;} #banner-slide1 .banner-caption-wrap .banner-caption {display:none!important;} #banner-slide0 .banner-caption-wrap .banner-caption {display:none!important;} #banner-slide0 {height: 190px !Important;} #banner-slide3 .banner-caption h3 span { font-size:47px; color:#fff;} /* Banner Mouse Btn */ .next_btn_wrap { position:fixed; width:100%; text-align:center; left:0; bottom:0;} .next_btn_wrap a.next_btn { display:inline-block; width:16px; height:25px; overflow:hidden; text-indent:-50px; background:url(../images/click_mouse.png) no-repeat 0 0;} /* Inner page Static Banner ------------------------------------------------*/ .static-banner-outer{ } .static-banner{ height: 498px; overflow: hidden; text-align: center; background: #1d082b; width: 100%;} .static-banner .item > img{ width: 100%; height: 498px;} .static-banner-wrap{ width: 100%; position: absolute; top: 0; left: 0;} .static-banner-container{ max-width: 1200px; width: 100%; margin:0 auto; padding-top: 196px; padding-left: 50px;} .static-banner-container > h3.title{ margin:0; padding:54px 0 0; background: url(../images/brand-icon.png) no-repeat 0 0; color: #fff; font-size: 60px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: normal; text-align: left;} .static-banner-image{ display: none;} /* Breadcrumb ------------------------------------------------*/ .breadcrumb-wrap{ background: #eeedeb; border-bottom: 1px solid rgba(163, 145, 97, 0.1); max-width: 1200px; width: 100%; margin:0 auto;} .breadcrumb{ padding:0; background: transparent; margin: 0; padding:10px 0;} .breadcrumb li { font-size: 14px; color: #652d89;} .breadcrumb > li + li::before{} .breadcrumb li a{ text-transform: capitalize; color: #652d89;} /* Inner page content Layout ------------------------------------------------*/ .home .site-main{ max-width: 100%; box-shadow: none;} .site-main {background: #f2f2f2; box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.15); margin: 0 auto; max-width: 1200px; width: 100%;} .fix_content{width:100%;} .fix_content_inner{ width:100%; max-width:960px;margin:0 auto;} .content-block p{ color: #7d7d7d; font-size: 14px; line-height: 24px; margin-bottom: 22px;} .content-block p.readmore-text-link{ text-align: right;} .content-block p.readmore-text-link a i.fa{ margin-right: 5px;} .content-block p.post-thumb{float:right; margin-left:30px;} .content-block a{ color: #a39161; font-size: 14px; text-transform: uppercase;} .content-block a:hover, .content-block a:focus{ text-decoration: none;} .content-block .col-sm-6.odd{ float:right;} .content-block .col-sm-6.text-right.odd{ text-align:left;} p.hosp-image-wrap{ float: right; margin-left: 20px;} /* The Club Landing page ------------------------------------------------*/ .the-club-page{} .the-club-page .text-right{ float: right !important;} .hbz-stadium-section{ background: rgba(164,146,98,0.05);} #club-partner{ padding-bottom: 0px;} #club-partner .item{ width: 184px; height: 150px; background: #fff; display: table; text-align: center;} #club-partner .item a{ text-align: center; width: 100%; display: table-cell; vertical-align: middle; float: none;} #club-partner .owl-controls .owl-page span{ background: #a39161 !important;} .panel-title:after, .panel-title:before{ content: ''; display:table;} .panel-title:after{ clear:both;} .panel-title{background: #eeedeb; border-left:5px solid #eeedeb; transition: all 0.3s ease;} .panel-title.active{border-left:5px solid #61387e; margin-left: -15px;} .panel-default{ border:0; box-shadow: none;} .panel-default > .panel-heading{ background: transparent; border:0; border-radius: 0;} .panel-group .panel{ border-radius: 0;} .panel{ background-color: transparent;} .panel-group .panel + .panel{ margin-top: 20px;} /*{background:#c2b699}*/ .panel-heading{ padding:0;} .partner-title{width: 75%; float: left; font-size: 30px; color:#652d89; line-height: 80px; padding-left: 22px;} .partner-logo{float: right; width: 133px; padding:10px 0; text-align: center; margin-right: 20px;} .openlink{ width: 50px; float: right; border-left: 1px solid rgba(194,182,153,0.3); height: 80px;} .openlink a{ display: block; width: 100%; height: 80px; overflow: hidden; text-indent: 100px; background: url(../images/accordion-controller.png) no-repeat center 31px;} .openlink.active a{ background: url(../images/accordion-controller.png) no-repeat center -61px;} .panel-default > .panel-heading + .panel-collapse > .panel-body{ border:0;} .panel-body { padding-top: 24px;} .panel-body p{ line-height: 26px;} #partnerlist{ padding-top: 60px;} .patner-details{ float: right; width: 280px; text-align: center; margin-left: 30px;} .patner-details .partner-detail-logo{ width: 270px; height: 160px; border:10px solid #eeedeb; display: inline-block; background: #fff;} .patner-details .partner-detail-logo .detail-logo-wrap{ display: table; width: 100%; height: 140px;} .patner-details .partner-detail-logo .detail-logo-wrap span{ display: table-cell; width: 100%; height: 140px; vertical-align: middle;} .patner-details .partner-links{ float: left; width: 100%; display: block; text-align: center; padding-top: 18px;} .patner-details .partner-links a{ color: #652d89; display: inline-block; float: none; margin: 0 10px; font-size: 18px; opacity: 0.5;} .patner-details .partner-links a:hover, .patner-details .partner-links a:focus{ opacity: 1;} /* About Us Page ------------------------------------------------*/ /*.about-section .bottom-line{ padding-top: 8px;}*/ .vision-section{ margin-top: 40px;} .vision-section .cols{ margin-bottom: 5px;} .vision-section .cols h3.sub-title{ text-align: left; background: url(../images/brand2-icon.png) no-repeat left bottom; padding:0 0 32px; margin:0 0 22px;} .vision-section .cols blockquote{ margin:0; padding:0;} .vision-section .cols blockquote p, .vision-section .cols p{ color: #7d7d7d; font-size: 14px; line-height: 24px; margin-bottom: 22px;} .vision-section .cols blockquote p:after, .vision-section .cols blockquote p:before{ color:#ac9b70; font-size: 30px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: 700;} .vision-section .cols blockquote p:after{ content: '”'; padding-left: 10px;} .vision-section .cols blockquote p:before{ content: '“'; padding-right: 10px;} .vision-section .cols p strong{ color: #652d89; } .vision-section .cols.Vision{ float: left; clear:both; width: 55%; display: inline-block;} .vision-section .cols.Mission{ float: left; clear: both; width: 55%; clear:both; display: inline-block;} .vision-section .cols.Message{ float: left; clear: both; width: 55%; clear:both; display: inline-block;} .vision-section .cols.Values{ width: 40%; display: inline-block; margin-left:5%;} .vision-section .cols.Values p{ margin-bottom: 28px; position: relative; padding-left: 18px;} .vision-section .cols.Values p strong{ position: absolute; left: 0; top:0 ;} /* Board Of Directors ------------------------------------------------*/ .bod-section{ background: #eeedeb; margin-top: 45px;} .bod-section .sub-title{ padding:40px 0;} .bod-section ul{ margin:0; list-style-type: none; text-align: center; float: left; width: 100%; padding:0;} .bod-section ul li{ width: 50%; float: left; margin-bottom: 56px;} .bod-section ul li.item-0{ width: 100%;} .bod-section ul li.item-0 h4{font-size: 18px;} .bod-section ul li.item-0 p{font-size: 14px;} .bod-section ul li.item-0 > div.images-wrap, .bod-section ul li.item-1 > div.images-wrap{ height: 238px; overflow: hidden; width: 206px; position: relative; z-index: 1; margin:0 auto 25px;} .bod-section ul li.item-0 > div.images-wrap img, .bod-section ul li.item-1 > div.images-wrap img{ position: absolute; top: 0; left: 0; z-index: 0;} .bod-section ul li.item-0 > div.images-wrap .img-bg, .bod-section ul li.item-1 > div.images-wrap .img-bg{background: url(../images/bod-bg.png) no-repeat 0 0; position: absolute; width: 206px; height: 238px; } .bod-section ul li > div.images-wrap{ overflow: hidden; width: 156px; height: 180px; position: relative; z-index: 1; margin:0 auto 25px;} .bod-section ul li > div.images-wrap img{ position: absolute; top: 0; left: 0; z-index: 0; } .bod-section ul li > div.images-wrap .img-bg{background: url(../images/bod2-bg.png) no-repeat 0 0; position: absolute; width: 156px; height: 180px; } .bod-section h4{color:#652d89; font-size: 14px; margin:0; padding:0 0 5px;} .bod-section p{ color: #7d7d7d; font-size: 14px; margin:0; padding:0; font-style: italic; } /* Facility Section ------------------------------------------------*/ .facility-section{ margin-bottom: 60px;} .facility-section .nav-tabs{ width: 35%; float: left; border:0;} .facility-section .nav-tabs li{ width: 100%; display: block; border-radius: 0;} .facility-section .nav-tabs li a{color: #652d89; font-size: 18px; background:#eeedeb; display: block; width: 95%; float: right; border-left:5px solid #eeedeb; padding-left:18px; border-bottom: 0; border-top:0; border-right:0; border-radius: 0; margin-bottom: 3px; transition: all 0.3s ease;} .facility-section .nav-tabs li a span{color: #7d7d7d; display: block; font-size: 14px; height: 24px; margin: 0; padding: 0; width: 90%; } .facility-section .nav-tabs li.active a, .facility-section .nav-tabs li.active a:hover, .facility-section .nav-tabs li a:hover{ width: 100%; border-left:5px solid #652d89; border-top:0; border-right:0; border-radius: 0; border-bottom: 0; background:#eeedeb; color: #652d89; padding-left:26px;} .facility-section .nav-tabs li.active a:hover span{color: #7d7d7d;} .facility-section .nav-tabs li:last-child a{ border-top:0; border-right:0; border-bottom:0;} .facility-section .tab-content{ min-height: 350px; width: 65%; float: left; position: relative;} .facility-section .tab-caption{ /*position: absolute; width: 280px; height: 290px; right: 30px; top: 30px; background: rgba(164,146,98,0.9);padding:20px;*/ padding:10px 20px; background: rgba(164,146,98,0.9);} .facility-section .tab-caption h3{ color: #fff; font-size: 26px; margin:0; padding:0 0 10px;} .facility-section .tab-caption p{ color: #fff; font-size: 14px; line-height: 24px; } .facility-section .tab-caption a, .facility-section .tab-caption a:hover{ color: #fff; font-size: 14px; text-decoration: none;} /*Facility Detail Page*/ .facility-list ul{ margin-bottom: 0; padding:0; list-style-type: none;} .facility-list li{ margin-top: 15px; margin-bottom: 15px;} .facility-list li .facility-details{ background: #eeedeb; height: 99px; padding:15px 0;} .facility-list li .facility-details span.count{ background: #652d89; color: #fff; font-size: 50px; width: 70px; height: 70px; text-align: center; display: inline-block; float: left;} .facility-list li .facility-details span.detail{ color: #7d7d7d; display: inline-block; font-size: 14px; width:80%; padding-left: 18px;} .alignm-wrap{ display: table; height: 70px; float: left;} .alignm{ display: table-cell; vertical-align: middle; height: 70px;} /* Brand Section ------------------------------------------------*/ .brand-section{background: #481867;} a.brand-link, a.brand-link:focus, a.brand-link:hover{ text-decoration: none; color: #fff; font-size: 14px; text-transform: uppercase;} .brand{ background-color: #481867; height: 576px; padding-top: 90px;background-position:135% center !important;} .brand-title{color: #fff; font-size: 50px; margin:0; padding:0 0 22px; text-transform: uppercase;} .brand-content{} .brand-content p{ color: #fff; font-size: 14px; line-height: 24px; margin-bottom: 26px;} .brand-image{float:right; width:470px; height:332px; overflow:hidden; text-align: center; background: #481867; margin:0 0 0 25px;} .brand-image img{ display: inline-block; height: 332px; margin-left:-28%;} /* Message */ .message-image{float: right; margin-left:30px; width: 30%; } .message-club-managementp .message-content, .message-club-management p.message-author{ color: #7d7d7d; font-size: 14px; line-height: 24px; margin-bottom: 22px;} .message-club-management p.message-author{ color:#652d89; font-style: italic; font-weight: bold;} /* Events List ------------------------------------------------*/ .hosp_event .hentry { padding:0;} .event_detail #thumbimg { position:relative; text-align:center; overflow:hidden; cursor:pointer;} .event_detail #thumbimg .event_time_wrap{ display: table; height: 400px; width: 100%; position:absolute; left:0; top:0; overflow:hidden;} .event_detail #thumbimg .event_time {background-color: rgba(101, 45, 137, 0.9); transition: all 0.2s ease-in-out 0s; opacity:0; width:100%; height:400px; display: table-cell; vertical-align: middle;} .event_detail #thumbimg .event_time time, .event_detail #thumbimg .event_time p, .event_detail #thumbimg .event_time span, .event_detail #thumbimg .event_time dt {transform: translateY(300px) rotate(0deg); transition: all 0.2s ease-in-out 0s; color:#fff;} .event_detail #thumbimg .event_time p.team { font-size:30px; margin:0;} .event_detail #thumbimg .event_time dt { padding-right:100px;} .event_detail #thumbimg .event_time span, .event_detail #thumbimg .event_time dt , .event_detail #thumbimg .event_time time { font-size:18px; display:inline-block;} .event_detail #thumbimg:hover .event_time {opacity: 1; transform: translate(0px, 0px); transition-delay: 0s;} .event_detail #thumbimg:hover .event_time time, .event_detail #thumbimg:hover .event_time p, .event_detail #thumbimg:hover .event_time dt, .event_detail #thumbimg:hover .event_time span { transform: translateY(0px) rotate(0deg); transition-delay: 0.1s;} .event { padding-bottom:50px;} /* Upcoming and Past Events ------------------------------------------------*/ .upcoming-events{ padding-bottom: 60px; padding-top: 50px;} .past-events{} .past-events #event-list{ background: #eeedeb; border-right: 2px solid #f2f1f1; border-bottom: 2px solid #f2f1f1; padding-bottom: 16px; padding-top: 20px;} .past-events #event-list .even-title{ color: #a49262; font-size: 20px; margin:0; padding:3px 0 3px 10px; line-height: 28px; font-weight: bold;} .past-events #event-list .event-date, .past-events #event-list .event-time{ line-height: 26px; font-size: 13px; color: #7d7d7d;} .past-events #event-list .event-date{ padding-right: 45px; padding-left: 10px;} .past-events #event-list .event-time{ } .landing.past-events.box-list h3.sub-title{ text-align: center; padding-top: 28px;} .landing.hosp_event{ margin-bottom: 25px;} .box-list h3.sub-title{ text-align: left; padding-top: 0; margin-left: -15px;} .box-list .form-group.month-year{ margin-right: -15px;} .box-list .form-group:after, .box-list .form-group:before{ display: table; content: '';} .box-list .form-group:after{ clear: both;} .box-list .select-wrapper { display: inline-block; font-size: 14px; background-color: #eeedeb; color: #727272; padding: 0; border: 0px solid #f1f0f0; cursor: pointer; position: relative; } .box-list .select-wrapper, .box-list .select-wrapper select { line-height: 30px; height: 30px; width: 100px; float: right; margin-left: 10px; margin-top: 8px; } .box-list .select-wrapper select { height: 30px!important; width: 100%; display: block; -webkit-appearance: menulist-button; float: left; } .box-list .select-wrapper select option { line-height: 30px; } .box-list .select-wrapper select { width: 100%; left: 0; top: 0 } .box-list .select-wrapper .holder { margin: 0 30px 0 10px; white-space: nowrap; overflow: hidden; cursor: pointer; /*position: relative;*/ padding: 1px 0px; font-size: 14px;color: #a49262; line-height: 30px; height: 31px } .box-list .select-wrapper .holder:after { content: ''; float: right; margin: 0px; height: 30px; background: url(../images/select-arrow.jpg) no-repeat right top; position: absolute; right: 0px; width: 49px; top: 0px; } .box-list .select-wrapper select, .pager .limiter .select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0;/* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; } .box-list .select-wrapper select option { padding: 3px 5px; } .box-list a.yearChange{ float: right; background: #eeedeb; color: #a49262; cursor: pointer; float: right; font-size: 14px; margin-top: 8px; padding: 5px 6px; margin-left: 8px; display: inline-block; width: auto;} /* Event detail ------------------------------------------------*/ .event_detail_page { padding-bottom:50px;} #eventdetail { width:40%;} .event-detail-list{ display:block; margin-bottom:22px;} .event-detail-title{ width:165px; float:left; color:#a49262; font-size:18px; font-weight:bold;} .event-detail-desp{ font-size:18px; color:#7d7d7d;} .event-detail-timezone { font-size:14px; font-style:italic;color:#7d7d7d;} .event_detail_page .postcontent p.img_inner{float:right; margin-left:30px;} .event_detail_page .postcontent p#eventdetail{float:left; margin-bottom:2px;} /* Contact us ------------------------------------------------*/ .contact-section{ padding:55px 0 0;} .contact-section p{ color: #7d7d7d; font-size: 14px; line-height: 28px;} .contact-section p a{color:#652d89; float: none; text-transform: none;} .contact-form { padding-right: 15px; padding-bottom: 30px;} .contact-form .form-group{ margin-bottom: 18px;} .contact-form .form-control{ font-size: 14px; background: #f7f7f7; height: 42px; border-radius:0; border:1px solid #f7f7f7; box-shadow: none; -webkit-appearance: none;} .contact-form textarea.form-control{ height: 174px;} .contact-form .form-control:focus{ box-shadow: none; border:1px solid rgba(163,145,97,0.4);} .contact-form .form-control::-moz-placeholder {color: #bebdbd; opacity: 1;} .contact-form .form-control:-ms-input-placeholder { color: #bebdbd;} .contact-form .form-control::-webkit-input-placeholder { color: #bebdbd;} .select-wrapper { display: inline-block; font-size: 14px; background-color: #eeedeb; color: #727272; padding: 0; border: 0px solid #f1f0f0; cursor: pointer; position: relative; } .select-wrapper, .select-wrapper select { width: 100%; line-height: 40px; height: 40px; } .select-wrapper select { height: 40px!important; width: 100%; display: block; -webkit-appearance: menulist-button; float: left; } .select-wrapper select option { line-height: 40px; } .select-wrapper select { width: 100%; left: 0; top: 0 } .select-wrapper .holder { margin: 0 30px 0 10px; white-space: nowrap; overflow: hidden; cursor: pointer; /*position: relative;*/ padding: 1px 0px; font-size: 14px;color: #bebdbd; line-height: 40px; height: 40px; } .select-wrapper .holder:after { content: ''; float: right; margin: 0px; height: 40px; background: url(../images/selectbox-arrow.jpg) no-repeat right top; position: absolute; right: 0px; width: 49px; top: 0px; } .select-wrapper select, .pager .limiter .select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0;/* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; } .select-wrapper select option { padding: 3px 5px; } .contact-details { padding-left: 15px;} .contact-details .widget{ background: none; margin:0; padding:0;} .contact-details ul{} .contact-details ul li{ float: left;} .contact-details ul li i.fa{color:rgba(163,145,97,0.4); font-size: 50px; float: left; width:54px; margin-right: 34px;} .contact-details ul li span{ color:#696969; font-size: 14px; float: left; width:196px;} .contact-details ul li.address span{ line-height: 28px;} .contact-details ul li.phone span, .contact-details ul li.fax span, .contact-details ul li.email span{line-height: 54px; } .contact-details ul li.address{ padding:0 0 20px;} .contact-details ul li.phone, .contact-details ul li.fax, .contact-details ul li.email{padding:0 0 26px;} .acf-map {width: 100%; height: 450px; margin: 0px;} /* FAQ Section ------------------------------------------------*/ .faq-section{ padding-top: 55px;} .faq-section .intro-content{ text-align: center;} .faq-section .sub-title{ text-transform: none; text-align: left; font-size: 35px;} .faq-section .panel-title{ border:0; color: #7c7c7c; font-size: 22px; } .faq-section .panel-title.active{ margin:0;} .faq-section .panel-title a{ display: block; width: 100%; text-align: left; line-height: 60px; font-size: 22px; text-align: left; text-transform: none; color: #7c7c7c; background: url(../images/accordion-controller.png) no-repeat scroll 98% 22px; margin:0;} .faq-section .panel-title a:hover, .faq-section .panel-title a:focus{ text-decoration: none;} .faq-section .panel-title a span.openlink{ width: 60px; height:60px; background: url(../images/faq-controller.png) no-repeat center -100px #a39161; float: left; border:0; margin-right: 20px;} .faq-section .panel-title.active a span.openlink{background: url(../images/faq-controller.png) no-repeat center 25px #a39161;} .faq-section .panel-body{ padding:13px 15px 0;} .faq-section .panel-body p{ font-size: 14px; line-height: 26px; color: #7d7d7d; margin:0;} /* Default page ------------------------------------------------*/ .form-group{ margin-bottom: 18px;} .form-control{ font-size: 14px; background: #eeedeb; height: 45px; border-radius:0; border:1px solid #eeedeb; box-shadow: none; color: #7d7d7d;} textarea.form-control{ height: 174px;} .form-control:focus{ box-shadow: none; border:1px solid rgba(163,145,97,0.4);} .form-control::-moz-placeholder {color: #7d7d7d; opacity: 1;} .form-control:-ms-input-placeholder { color: #7d7d7d;} .form-control::-webkit-input-placeholder { color: #7d7d7d;} .datepicker{ background: url(../images/calendar-icon.png)no-repeat right 0 #eeedeb;} /* Login Page ------------------------------------------------*/ .login{padding:0;} .login input{margin:0;} .tml-action-links{ list-style-type: none; margin:20px 0 0; padding:0; float: left; width: 100%;} .tml-action-links li{ float: left; width: 49%; margin-left: 2%;} .tml-action-links li:first-child{ margin-left: 0;} .tml-action-links li a{background: #652d89; border-radius: 0; border:0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; min-width: 100px; padding:10px 24px 9px; width: 100%; text-align: center; margin-bottom: 10px; color: #fff; } /* Register Page ------------------------------------------------*/ h3.register-title{padding:10px 0 28px;} .register-page{} .register-page h3.sub-title{ font-size: 30px; text-transform: capitalize; text-align: left; padding:0 0 2px; border-bottom: 1px solid rgba(163,145,97,0.3);/* margin:23px 0 34px;*/} .contact, .your-details, .your-account{ padding:38px 120px 22px 20px;} .contact{} .your-details{} .your-account{} .register-page textarea.form-control{ height: 45px; resize: none;} .register-page .select-wrapper { display: inline-block; font-size: 14px; background-color: #eeedeb; color: #7d7d7d; padding: 0; border: 0px solid #f1f0f0; cursor: pointer; position: relative; } .register-page .select-wrapper, .select-wrapper select { width: 100%; line-height: 45px; height: 45px; } .register-page .select-wrapper select { height: 40px!important; width: 100%; display: block; -webkit-appearance: menulist-button; float: left; } .register-page .select-wrapper select option { line-height: 45px; } .register-page .select-wrapper select { width: 100%; left: 0; top: 0 } .register-page .select-wrapper .holder { margin: 0 30px 0 10px; white-space: nowrap; overflow: hidden; cursor: pointer; /*position: relative;*/ padding: 1px 0px; font-size: 14px;color: #7d7d7d; line-height: 45px; height: 45px; } .register-page .select-wrapper .holder:after { content: ''; float: right; margin: 0px; height: 45px; background: url(../images/selectbox2-arrow.jpg) no-repeat right top; position: absolute; right: 0px; width: 49px; top: 0px; } .register-page .select-wrapper select, .pager .limiter .select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0;/* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; } .register-page .select-wrapper select option { padding: 3px 5px; } .register-button{ padding-left:35px;} /* latest-news-col news-col news-col- ( Press Released ) ------------------------------------------------*/ .latest-news-col{padding-right:0; position: relative; float: left;} .latest-news-col .front{ width: 100%; float: left;} .latest-news-col .front a{ display: block; width: 100%;} .latest-news-col .front a img{ width: 100%;} .latest-news-col .back{ position: absolute; top: 0; right: 15px ; left: 15px; background: rgba(101,45,137,0.8); height: 476px; padding:40px;} .latest-news-col .back a{ text-transform: none; text-decoration: none; position: relative;} .latest-news-col .back h3{ color: #fff; margin:0 0 21px; padding:0; font-size: 32px; text-transform: uppercase;} .latest-news-col .back p{color: #fff; margin:0; padding:0; font-size: 18px; line-height: 30px;} .latest-news-col .back p.date{color: #fff; margin:0; padding:8px 0 14px; font-size: 14px; line-height: normal; position: relative;} .latest-news-col .back p.date:after{ position: absolute; border-top: 1px solid #fff; width: 34px; content: ''; left: 0; top: 0;} .news-col{ padding-left:0; position: relative; } .news-col .front{ width: 243px; float: left; position: relative; z-index: 0;} .news-col .front a{ display: block; width: 100%;} .news-col .front a img{ width: 100%;} .news-col .back{ width: 242px; float: left; height: 238px; padding:27px;} .news-col .back {position: relative; background: #e2dfd5; z-index: 10;} .news-col .back:after { top: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(163,145,97, 0); border-width: 10px; margin-top: -13px;} .news-col .back a{ float: left; width: 100%; display: block;} .news-col .back a:focus{ text-decoration: none;} .news-col-1 .back:after{left: 100%; border-left-color: #e2dfd5;} .news-col-2 .back:after{ right: 100%; border-right-color: #e2dfd5;} .news-col .back p.date{color: #652d89; margin:0; padding:8px 0 8px; font-size: 14px; line-height: normal; position: relative;} .news-col .back p.date:after{ position: absolute; border-top: 1px solid #652d89; width: 34px; content: ''; left: 0; top: 0;} .news-col .back h3{ color: #565656; font-size: 14px; line-height: 26px; margin:0; padding:0; text-transform: none;} .news-col-1 .front{ float: right;} .news-col-2 .back{ float: right;} .more-news{padding-top: 50px;} .more-news a{ float: left; display: block; width: 100%;} .more-news .news-search{ padding-right: 18px;} #morenews-content { padding: 0 15px;} #morenews-content .news-list{ background: #eeedeb; border-right: 2px solid #f2f1f1; border-bottom: 2px solid #f2f1f1; padding: 20px; min-height: 125px;} #morenews-content .news-list a, #morenews-content .news-list a:hover{ text-decoration: none; text-transform: none;} #morenews-content .news-list p.date{color: #652d89; margin:0; padding:8px 0 8px; font-size: 14px; line-height: normal; position: relative;} #morenews-content .news-list p.date:after{ position: absolute; border-top: 1px solid #652d89; width: 34px; content: ''; left: 0; top: 0;} #morenews-content .news-list p{color:#565656; font-size: 14px; line-height: 26px; margin:0;} .beta_version_text { color: #fff; font-size: 15px; padding: 0px 6px 0px 6px; text-decoration: none; cursor: default; } /*Media Center ------------------------------------------------*/ .allwomen-sports .thumbnail{ float: left; width: 50%;} .allwomen-sports h3.sub-title{ padding-top: 50px;} .thumbnail:after, .thumbnail:before{ display: table; content: '';} .thumbnail:after{ clear: both;} .thumbnail{ border:0; border-radius: 0; padding:0; margin-bottom: 10px; background: #eeedeb;} .thumbnail > .women-sports-thumb{ float: left; width: 182px; height: 155px;} .thumbnail > .caption{ float: left; width: 285px; padding-left: 18px; padding-top: 16px; padding-right: 18px; height: 155px; overflow: hidden;} .local-news{} .local-news ul{ margin:0; padding:0; list-style-type: none; float: left; width: 100%;} .local-news li{background: #eeedeb; margin:0 0 10px; padding:19px 0 15px; list-style-type: none; float: left; width: 100%;} .local-news li .date-col{ width: 24%; float: left; color: #652d89; text-align: center; } .local-news li .date-col .date{ font-size: 40px; display: block; line-height: 40px;} .local-news li .date-col .month-year{ font-size: 18px; display: block; line-height: 20px; padding-top: 4px;} .local-news li .content-col{ float: left; width: 76%; padding-right: 48px;} .local-news li .content-col p{ margin:0; line-height: normal;} .all-local-news { padding-top: 50px;} .all-local-news ul{ margin:0 -1px;} .all-local-news li{ width: 50%; margin-bottom: 0; border-right: 1px solid #f2f1f1; border-left: 1px solid #f2f1f1; border-top: 2px solid #f2f1f1; padding:26px 0; min-height: 120px;} .all-local-news li .content-col{ padding-right: 19px;} .new-single-post{ position: relative;} .news-header{ margin-bottom: 20px;} .news-title, .news-title > a, .news-title > a:hover{ font-size: 30px; margin:0 0 12px; padding:0; line-height: normal; color:#652d89; text-decoration: none;} .news-header p.date{color: #652d89; margin:0; padding:8px 0 8px; font-size: 14px; line-height: normal; position: relative; text-transform: uppercase;} .news-header p.date:after{ position: absolute; border-top: 2px solid #652d89; width: 34px; content: ''; left: 0; top: 0;} .news-thumbnail{ float: right; width: 550px; overflow: hidden; } .news-thumbnail img{ max-width: 100%; height: auto;} .news-content{} .news-content p{color:#565656; font-size: 14px; line-height: 26px; margin-bottom: 26px;} .news-content h4{ color:#652d89; font-size: 18px; font-weight: 700; text-transform: uppercase; margin:0 0 2px; padding:8px 0 0;} .post-navigation{ background: none; padding: 0; position: fixed; top: 62%; width: 100%;} .screen-reader-text{ display: none;} .nav-links{ } .nav-links a.prev, .nav-links a.prev:focus, .nav-links a.prev:active, .nav-links a.prev:hover{ position: absolute; left:0; text-decoration: none;} .nav-links a.next, .nav-links a.next:focus, .nav-links a.next:active, .nav-links a.next:hover{ position: absolute; right:0; text-decoration: none;} span.meta-nav, span.meta-nav-text{ width: 80px; height: 72px; background: #eae8e3; color: #652d89; display: block; text-align: center;} span.meta-nav{ padding:21px 0; margin-bottom: 2px;} span.meta-nav i.fa{ font-size: 30px;} span.meta-nav-text{ font-size: 14px; line-height: normal; padding:16px 8px;} ul.video-image-gallery{ float:left; width: 100%; margin:0; padding:0; list-style-type: none;} ul.video-image-gallery li{ padding:0; margin:0; list-style-type: none;} ul.video-image-gallery li a{ width: 320px; height: 220px;} div.video-image-gallery{float:left; width: 100%; margin:0; padding:0;} div.video-image-gallery > a.wplightbox{ position: relative; float: left; text-decoration: none; margin: 0 1px 1px 0px;} div.video-image-gallery > a.wplightbox:hover, div.video-image-gallery > a.wplightbox:focus{ text-decoration: none;} div.video-image-gallery > a.wplightbox{ display: none;} div.video-image-gallery > a.wplightbox.show{ display: block;} div.video-image-gallery > a.wplightbox > span.img-wrap{ display: block; overflow: hidden;} /*div.video-image-gallery > a.wplightbox > span.img-wrap > img{ max-width: 100%; height: auto;}*/ div.video-image-gallery > a.wplightbox > span.hover-wrap{ display: none;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap{ position: absolute; background: rgba(101, 45, 137, 0.8); transition: all 0.2s ease-in-out 0s; display: table; text-align:center; top: 0; left: 0;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap > span.hover{ display: table-cell; vertical-align: middle; text-align: center; } div.video-image-gallery > a.wplightbox:hover > span.hover-wrap > span.hover > span.caption-title{ font-size: 18px; color: #fff; display: block;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap > span.hover > span.caption-detail{ font-size: 13px; color: #fff; display: block;} div.video-image-gallery > a.wplightbox.tvads{ display: block;} /* Video Image Gallery Detail page ------------------------------------------------*/ div.video-image-gallery.detail-page{float:left; width: 100%; margin:0; padding:0;} div.video-image-gallery.detail-page > a.wplightbox{ display: none;} div.video-image-gallery.detail-page > a.wplightbox.show{ display: block;} /* Popup */ #html5-lightbox-overlay{ background: #fff !important; opacity: 0.95 !important;} #html5-watermark{ display: none !important;} #html5-elem-box{ background: transparent !important;} #html5-elem-data-box{background: transparent !important;} #html5-elem-data-box #html5-text{ font-size: 40px; color: #652d89; font-family: Arial, Helvetica, sans-serif; position: relative; padding-bottom: 6px; margin:0 0 12px !important; } #html5-elem-data-box #html5-text:after{ border-bottom: 2px solid #652d89; bottom: 0; content: ""; left: 2px; position: absolute; width: 35px;} #html5-elem-data-box #html5-text b{ font-family: Arial, Helvetica, sans-serif;} #html5-image{ padding:0 !important;} #html5-lightbox-box{ background:;} .html5-nav-mask{ background:; width: 100% !important;} #html5-close{ margin-right: 7px !important; margin-top: 7px !important; top: -20px !important } ul.radio-ads{ float:left; width: 100%; margin:0; padding:0; list-style-type: none;} ul.radio-ads li.tab{ padding:0px 0 0 82px; margin:0; list-style-type: none; background: url(../images/mic-icon.png) no-repeat 0 0 #eeedeb; min-height: 100px; position: relative; border-right: 2px solid #f2f2f2; border-top: 2px solid #f2f2f2;} ul.radio-ads li.tab:nth-child(even){border-right:0; } ul.radio-ads li.tab .cat-name{ font-size: 10px; color: #a39161; position: absolute; left: 104px; top: 13px;} span.posbarB_mp3j{ background: url(../images/wave-bg.png) no-repeat 0 bottom !important;} span.gfxbutton_mp3j.play-mjp{ background: url(../images/play-icon.png) no-repeat 0 0; } span.gfxbutton_mp3j.pause-mjp{background: url(../images/pause-icon.png) no-repeat 0 0; } span.posbarB_mp3j .ui-widget-header{ background: url(../images/wave2-bg.png) no-repeat 0 top !important;} span.posbarB_mp3j .ui-slider-handle, span.posbarB_mp3j .ui-slider-handle:hover{ border:0px none !important; background: #a39161 !important;} .s-graphic .Smp3-finding, .s-graphic .mp3-gtint, .loadB_mp3j{ opacity: 0 !important;} /* Media Center ALl Detail Page ------------------------------------------------*/ .media-center-detail-page{} .media-center-detail-page ul.nav-tabs{ border:0;} .media-center-detail-page ul.nav-tabs > li > a{ background: #6c2883; border: 0; border-radius: 0; color: #ffffff; font-size: 18px; margin: 0; min-width: 250px; text-align: center; text-transform: uppercase; padding:15px; position: relative;} .media-center-detail-page ul.nav-tabs > li > a:hover:after, .media-center-detail-page ul.nav-tabs > li > a:focus:after, .media-center-detail-page ul.nav-tabs > li.active > a:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(108, 40, 131, 0); border-top-color: #6c2883; border-width: 6px; margin-left: -6px; z-index: 999;} .media-center-detail-page ul.nav-tabs > li.active > a:after{ border-top-color: #7c3394;} .media-center-detail-page ul.nav-tabs > li.active > a{ background: #7c3394;} .media-center-detail-page ul.nav-tabs > li.active > a, .media-center-detail-page ul.nav-tabs > li.active > a:hover, .media-center-detail-page ul.nav-tabs > li.active > a:focus{ background: #7c3394; border:0; color: #fff;} .media-center-detail-page .tab-content{ padding-top: 30px;} /*.rtl .owl-carousel { direction:ltr;} .rtl .owl-carousel .owl-item{direction:rtl;}*/ /* Site Map ------------------------------------------------*/ .sitemap h3.sub-title{ font-size: 30px; text-transform: none; text-align: left; border-bottom: 1px solid rgba(163,145,97,0.3); margin-bottom: 35px; padding-bottom: 6px;} .sitemap ul, .sitemap ul.menu-main-menu{ margin: 0; padding:0; list-style-type: none;} .sitemap ul li{ margin: 0; padding:0; list-style-type: none;} .sitemap ul li a{ font-size: 14px; color:#7d7d7d; } /* ul#menu-main-menu - ul#menu-footer-menu - ul#menu-partners*/ .sitemap ul#menu-main-menu, .sitemap ul#menu-footer-menu, .sitemap ul.theclub-sitemap{ padding:0;} .sitemap ul#menu-main-menu li, .sitemap ul#menu-footer-menu li, .sitemap ul.theclub-sitemap li#sub-partners{padding:3px 0;} .sitemap ul#menu-main-menu li a, .sitemap ul#menu-footer-menu li a, .sitemap ul.theclub-sitemap li#sub-partners a{ padding-left:14px; position: relative; text-transform: none; } .sitemap ul#menu-main-menu li a:before, .sitemap ul#menu-footer-menu li a:before, .sitemap ul.theclub-sitemap li#sub-partners a:before{ content:"\f105"; font-family:'FontAwesome'; color: #a39161; position: absolute; left: 0; top: -2px;} /* ul#menu-media-center-4 */ .sitemap ul#menu-media-center-4{ padding:0;} .sitemap ul#menu-media-center-4 li{padding:3px 0 0 15px;} .sitemap ul#menu-media-center-4 li a{ padding-left:10px; position: relative; text-transform: none; font-size: 14px; } .sitemap ul#menu-media-center-4 li a:before{ content:"\f105"; font-family:'FontAwesome'; color: #a39161; position: absolute; left: 0; top: -2px;} .sitemap ul#menu-media-center-4 li#sub-media-center-4{padding-left: 0;} .sitemap ul#menu-media-center-4 li#sub-media-center-4 a{ font-size: 14px; padding-left:14px; } .sitemap ul#menu-media-center-4 li#sub-media-center-4 a:before{ content:"\f101"} .theclub-sitemap-menu ul#menu-media-center-4{ display: none;} /* ul#menu-about-us */ .sitemap ul.theclub-sitemap{ padding:0;} .sitemap ul.theclub-sitemap li{padding:3px 0 0 15px;} .sitemap ul.theclub-sitemap li a{ padding-left:10px; position: relative; text-transform: none; font-size: 14px; } .sitemap ul.theclub-sitemap li a:before{ content:"\f105"; font-family:'FontAwesome'; color: #a39161; position: absolute; left: 0; top: -2px;} .sitemap ul.theclub-sitemap li#sub-about-us{padding-left: 0;} .sitemap ul.theclub-sitemap li#sub-about-us a{ font-size: 14px; padding-left:14px; } .sitemap ul.theclub-sitemap li#sub-about-us a:before{ content:"\f101"} .sitemap ul.theclub-sitemap li#sub-hbz-stadium, .sitemap ul.theclub-sitemap li#sub-kbz-stadium, .sitemap ul.theclub-sitemap li#sub-tbm-stadium{ padding-left: 30px;} /* ul#menu-hbz-stadium-2 */ .sitemap ul.theclub-sitemap li#sub-hbz-stadium-2{padding-left: 0;} .sitemap ul.theclub-sitemap li#sub-hbz-stadium-2 a{ font-size: 14px; padding-left:14px; } .sitemap ul.theclub-sitemap li#sub-hbz-stadium-2 a:before{ content:"\f101"} .sitemap ul.theclub-sitemap li#sub-hospitality{padding-left: 15px;} .sitemap ul.theclub-sitemap li#sub-hospitality-suite, .sitemap ul.theclub-sitemap li#sub-football-lounge, .sitemap ul.theclub-sitemap li#sub-club-lounge, .sitemap ul.theclub-sitemap li#sub-media-center-2, .sitemap ul.theclub-sitemap li#sub-catering-services, .sitemap ul.theclub-sitemap li#sub-audio-visual-services { padding-left: 30px;} /* 404 Error page ------------------------------------------------*/ .error404 .page-header{ background-color: transparent; padding:150px 0 0; } .error404 .page-title::before{ color:#652d89; } .error404 .page-title{ font-size: 24px;} /* Legends page ------------------------------------------------*/ .alphbates_orders { background:#eeedeb; padding:70px 0;} .alphbates_orders .content-block a { float:none; text-align:center; color:#652d89; font-size:18px; padding-right:15px; background:url(../images/alpha_order_brd.png) no-repeat right center; margin-right:15px; display:inline-block;} .alphbates_orders .content-block a:last-child { padding-right:0; background:none; margin-right:0;} .legends_list .content-block a { float:none;} .legends_list{ background:#f2f2f2; padding:50px 0;} .legends_list .legends_image { position:relative; cursor:pointer; min-height: 70px; margin-bottom: 30px;} .legends_list .legends_image img { width:100%; border:10px solid#fafafa;} .legends_list .legends_image .legends_bg_detail { background:#eeedeb; position:absolute; width:100%; padding:15px 20px 10px; bottom:0;} .legends_list .legends_image .legends_bg_detail .brand_title { font-size:24px; color:#652d89;} .legends_list .legends_image .legends_bg_detail .from_to { font-size:18px; font-style:italic; color:#7d7d7d; margin-bottom:0;} .legends_list .legends_image .legends_bg_detail:hover { background:rgba(101,45,137, 0.9); position:absolute; width:100%; padding:15px 20px 10px; bottom:0;} .legends_list .legends_image .legends_bg_detail:hover .brand_title { font-size:24px; color:#f2f2f2;} .legends_list .legends_image .legends_bg_detail:hover .from_to { font-size:18px; font-style:italic; color:#f2f2f2; margin-bottom:0;} /* Interviews ------------------------------------------------*/ .interviews .legends_image .legends_bg_detail {background: rgba(101, 45, 137, 0.9); bottom: 0; padding: 15px 20px 10px; position: absolute; width: 100%; transition: all 0.2s ease-in-out 0s; } .interviews .legends_image .legends_bg_detail .brand_title,.interviews .legends_image .legends_bg_detail .from_to { color:#fff;} .interviews .legends_image:hover .legends_bg_detail{ display:block; height:100%; text-align:center; padding-top:50%; transition: all 0.2s ease-in-out 0s;} .interviews .legends_image:hover .legends_bg_detail .brand_title,.interviews .legends_image:hover .legends_bg_detail .from_to { transform: translateY(0px) rotate(0deg); transition-delay: 0.1s; } /* Legends Pagination ------------------------------------------------*/ .legends_list .page_nation { margin-top:40px;} .legends_list .page_nation .pagep { margin: 0; padding: 0; display:inline-block;} .legends_list .page_nation .pagep li { list-style: none; display:inline-block; margin-right:5px; } .legends_list .page_nation .pagep li:last-child { margin-right:0;} .legends_list .page_nation .pagep li a { display: block; padding: 10px 15px; text-decoration: none; color: #fff; background:rgba(163,145,97,0.8); font-size:14px;} .legends_list .page_nation .currentp {background:rgba(101,45,137,0.8); display: block; padding: 10px 15px; text-decoration: none; color: #fff; font-size:14px;} .legends_list .page_nation .buttonp {padding: 10px 15px;;text-decoration: none; background:rgba(163,145,97,0.8); color:#fff;font-size: 14px; text-transform:lowercase; display:inline-block; } .legends_list .page_nation .prev_pg { margin-right:5px;} .legends_list .page_nation .next_pg { margin-left:5px;} .page_nation { margin-top:40px;} .page_nation .pagep { margin: 0; padding: 0; display:inline-block;} .page_nation .pagep li { list-style: none; display:inline-block; margin-right:5px; } .page_nation .pagep li:last-child { margin-right:0;} .page_nation .pagep li a { display: block; padding: 10px 15px; text-decoration: none; color: #fff; background:rgba(163,145,97,0.8); font-size:14px;} .page_nation .currentp {background:rgba(101,45,137,0.8); display: block; padding: 10px 15px; text-decoration: none; color: #fff; font-size:14px;} .page_nation .buttonp {padding: 10px 15px;;text-decoration: none; background:rgba(163,145,97,0.8); color:#fff;font-size: 14px; text-transform:lowercase; display:inline-block; } .page_nation .prev_pg { margin-right:5px;} .page_nation .next_pg { margin-left:5px;} /* Legend detail page ------------------------------------------------*/ .carrer_detail { background:#e7e4df; position:relative; padding:25px 0 0;} .carrer_detail h3.player_name { font-size:60px; color:#652d89;} .carrer_detail h4 { font-size:40px; color:#a49262;} .carrer_detail img { border:10px solid #fbfaf9;} .carrer_detail ul { padding-left:0; margin:50px 0;} .carrer_detail ul li { list-style:none; display:inline-block; width:49%; margin-bottom:30px;} .carrer_detail ul li span { display:inline-block; width:49%; vertical-align: top;} .carrer_detail ul li span.title { font-size:18px; color:#a49262; font-weight:bold;} .carrer_detail ul li span.detail {font-size:18px; color:#7d7d7d; } .personal_detail { background:rgba(101,45,137,0.9); position:relative; top:-105px; width:100%; margin-bottom:-106px; display:inline-block;} .personal_detail ul { padding-left:0; margin-bottom:0;} .personal_detail ul li{ list-style:none; display:inline-block; width:auto; background:url(../images/personal_detail_brd.png) no-repeat right center; padding:30px; vertical-align:top; min-height:105px;} .personal_detail ul li:first-child { padding-left:0px;} .personal_detail ul li:last-child { background:none;} .personal_detail ul li font { font-size:14px; display:block; color:#e7e4df;} .personal_detail ul li span { font-size:18px; color:#fff;} .legend_detail_content { padding:20px 0;} /* Forgot Password and Login ------------------------------------------------*/ .login input[type="submit"] { width:100%; padding:10px 24px 9px; background-color:#a49262; font-size:18px; margin-top:0;} .login input[type="submit"]:active, .login input[type="submit"]:hover, .login input[type="submit"]:focus { padding:10px 24px 9px;} .login input#user_login1 { background-image:url(../images/login_user__icon.png); background-repeat: no-repeat; background-position: 95% center;} .login input#user_pass1 { background-image:url(../images/login_paswrd_icon.png); background-repeat: no-repeat; background-position: 95% center;} .login label { float:left; padding-left:0;color:#b6b6b6; font-size:14px; } .login a.forgt_pass {color:#b6b6b6; font-size:14px; text-transform:inherit; float:right;} .login a.forgt_pass:hover{ color:#a49262;} .login ul.tml-action-links li { width:100%;} .login ul.tml-action-links li a { float:left;} .login h4 { font-size:22px; color:#652d89; margin-bottom:20px;} .login .form-control {background: #eeedeb; border: 1px solid #f7f7f7; border-radius: 0; box-shadow: none; font-size: 14px; height: 42px;} .login #cataloglink { position:absolute; bottom:85px;} .forgotpassword.login ul.tml-action-links{ margin:0;} .forgotpassword.login ul.tml-action-links li{ width: 49%;} /* Member Programmmer ------------------------------------------------*/ .membership-login-form { padding:30px; background:#f7f7f7;width:360px; float:right; margin-left:50px; position:relative;} .membership-login-form h4{ font-size:24px; color:#652d89; display:inline-block; padding:8px 0;} .membership-login-form .col-sm-8.center-block{ width: 100%;} .member-programme img { float:left; margin-right:30px;} .member-programme h4.benefits { font-size:24px; color:#652d89; display:inline-block;} .member-programme ul.benifit_point li { list-style:none; margin-left:30px; font-size:18px; color:#7d7d7d; display:inline-block;} .member-programme ul.benifit_point li .fa { color:#652d89; font-weight:normal;} /* HONORARY COUNCIL member ------------------------------------------------*/ /* Hospitality ------------------------------------------------*/ .extra-space{padding-top: 40px; display: block; float: left; width:100%;} .all_hospitality { padding-bottom:50px;} /* Event Listing ------------------------------------------------*/ .past-events #event-list { cursor:pointer;} /* Privacy Policy & Term and Condition ------------------------------------------------*/ .privacy_policy { padding:50px 0;} /* Footer ------------------------------------------------*/ .site-footer { background-color:#362f1d; position:relative; font-size: 13px;} .site-info { padding:15px 0; max-width:1200px;text-align:center;} .site-footer .site-info a { color:#a39161; text-decoration:none; } .site-footer .sidebar-container{height:122px ;padding:0;background-color:#130605;} .site-footer .widget-area { max-width:1200px;height:122px !important ;} .site-footer .widget-area aside { margin-bottom:0; padding-bottom:0;} .site-footer .widget-area .widget { padding:20px 0; background:url(../images/footer/right_bdr.png) no-repeat right 0; position:relative !important; outline:none;} .site-footer .widget-area .widget:last-child { background:none;} .site-footer .widget-area .widget_wysija, .site-footer .widget-area .widget_text, .site-footer .widget-area .widget_text_icl, .site-footer .widget-area .alo_easymail_widget { width:320px; top:0px !important; left:0 !important;} .site-footer .widget-area .widget_text, .site-footer .widget-area .widget_text_icl{ padding:20px 0px 15px 60px;} .site-footer .widget-area .widget_text a, .site-footer .widget-area .widget_text_icl a{ display:inline-block;padding:10px 25px 10px 0;} .site-footer .widget-area .widget_text a .fa, .site-footer .widget-area .widget_text_icl .fa{ color:#a39161; font-size:26px; opacity:0.6;} .site-footer .widget-area .widget_nav_menu{ width:500px; left:0 !important; padding:20px 60px; top:0px !important; } .site-footer .widget-area .widget-title { font-size:18px; color:#fff; font-style:normal; margin-bottom:0; } .site-footer .widget-area .wysija-submit,.site-footer .widget-area .widget_wysija_cont p label {display:none;} .site-footer .widget-area form.alo_easymail_widget_form.alo_easymail_widget_form_public{ position: relative;} .site-footer .widget-area form.alo_easymail_widget_form.alo_easymail_widget_form_public span.submit-btn { background: none; cursor: pointer; display: block; height: 32px; position: absolute; right: 41px; top: 10px; width: 34px;} .site-footer .widget-area form.alo_easymail_widget_form.alo_easymail_widget_form_public input.input-text { width:280px; margin-top:10px; border:0; background:rgba(255,255,255,0.2) url(../images/footer/mail_icon.png) no-repeat 250px center; border-radius:5px; color:#a39161; outline:none; padding:7px 40px 7px 10px;} .site-footer .widget-area form.alo_easymail_widget_form.alo_easymail_widget_form_public input.input-text::-webkit-input-placeholder { color:#a39161;} .site-footer .widget-area form.alo_easymail_widget_form.alo_easymail_widget_form_public input.input-text::-moz-placeholder { color:#a39161;} .site-footer .widget-area form.alo_easymail_widget_form.alo_easymail_widget_form_public input.input-text:-moz-placeholder { color:#a39161;} .site-footer .widget-area form.alo_easymail_widget_form.alo_easymail_widget_form_public input.input-text::-ms-input-placeholder { color:#a39161;} .alo_em_widget_loading{ position: absolute; bottom: 0;} .alo_easymail_widget_error { bottom: -20px; font-size: 13px; background: #9a2720 none repeat scroll 0 0; border-radius: 5px; padding: 5px 12px; position: absolute; width: 280px;} .alo_easymail_widget_error:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(154, 39, 32, 0); border-bottom-color: #9a2720; border-width: 10px; margin-left: -10px; } .alo_easymail_widget_ok { bottom: -20px; font-size: 13px; background: #3e9f04 none repeat scroll 0 0; border-radius: 5px; padding: 5px 12px; position: absolute; width: 280px;} .alo_easymail_widget_ok:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(62, 159, 4, 0); border-bottom-color: #3e9f04; border-width: 10px; margin-left: -10px; } .site-footer .widget-area ul.menu li{float:left;width:33%;} .site-footer .widget-area ul.menu li a{ font-size:13px; color:#a39161; text-decoration:none; font-weight:normal; opacity:0.8;} .back_to_top { position:absolute; background:url(../images/footer/back_to_top.png) no-repeat right center; right:50px; bottom:15px; height:16px; width:41px;} .radio{ display: inline-block; margin:0;} .radio label{ padding: 6px 0 6px 30px; margin: 0; line-height: normal; color: #a39161; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .radio label { background: url(../images/checkbox-radio-bg.png) no-repeat 0 -169px;} .radio.disabled label { background: url(../images/checkbox-radio-bg.png) no-repeat 0 -344px; color: #c1c1c1;} .radio label.radio_on {background-position: 0 5px;} /*.radio input[type=radio] { opacity: 0;}*/ #contact-comments{ float: left; width: 100%;} #contact-comments a{ padding:0; color:#a39161; text-decoration: none;} /* Media query ------------------------------------------------*/ @media (min-width: 1200px) { div.video-image-gallery > a.wplightbox{ width: 322px; height: 222px; } div.video-image-gallery > a.wplightbox > span.img-wrap{ width: 322px; height: 222px;} div.video-image-gallery > a.wplightbox > span.img-wrap > img{ width: 322px; height: 222px;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap{ width: 322px; height: 222px;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap > span.hover{ width: 322px; height: 222px;} } @media (min-width: 992px) and (max-width: 1199px) { /* Header ------------------------------------------------*/ .navbar-nav li { width:141px;} .navbar-nav li a, .navbar-default .navbar-nav > li > a { font-size:14px;} /* Home Page Banner ------------------------------------------------*/ .banner-caption-wrap { max-width:960px;} /* Legend Details Page ------------------------------------------------*/ .personal_detail ul li { padding:13px; min-height:72px;} /* Member Programme ------------------------------------------------*/ .member-programme ul.benifit_point li { width:33%;} /* About us ------------------------------------------------*/ .facility-section .nav-tabs li a span { font-size:14px;} /* Partners ------------------------------------------------*/ .partner-title { width:70%;} /* Brand Section ------------------------------------------------*/ .brand {background-position: 70% center !important;} /* Event Detail Page ------------------------------------------------*/ .event_detail_page p { width:100%;} #eventdetail { width:100%; float:none;} .event_detail_page p.img_inner { float:none; text-align:center;} .event-detail-list{ width: 50%; float: left;} /* Legends ------------------------------------------------*/ .alphbates_orders .content-block { text-align: center;} .alphbates_orders{ padding:20px 0;} /* Hospilitality ------------------------------------------------*/ div.image-block img.hospitality-image{ width: 370px; height: 260px;} /* Media Center ------------------------------------------------*/ .latest-news-col .back { height:372px; width : 100%;} .news-col .front { width:190px;} .news-col .back { height:186px; width:199px; padding:20px;} .news-col .back h3 { font-size:17px;} .latest-news-col .back h3 { font-size:18px;} .latest-news-col .back p { font-size:15px; line-height:25px;} .local-news li .date-col .date{ font-size: 35px;} .local-news li .date-col { width:22%; margin-right:15px;} .local-news li .date-col .month-year { font-size:15px;} .local-news li .content-col { padding-right:0; width:71%;} .local-news li .content-col p { font-size:17px;} .thumbnail > .caption { width:192px; padding-top:5px;} .thumbnail > .caption p { font-size:14px; margin-bottom:1px;} div.video-image-gallery > a.wplightbox{ width: 258px; height: 200px; } div.video-image-gallery > a.wplightbox > span.img-wrap{ width: 258px; height: 200px;} div.video-image-gallery > a.wplightbox > span.img-wrap > img{ width: 258px; height: 200px;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap{ width: 258px; height: 200px;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap > span.hover{ width: 258px; height: 200px;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap > span.hover > span.caption-title{ font-size: 14px;} /* Footer ------------------------------------------------*/ .site-footer .widget-area, .site-info { max-width:970px;} .site-footer .widget-area .widget_wysija, .site-footer .widget-area .widget_text { width:250px;} .site-footer .widget-area .widget_nav_menu { padding:20px; width:370px;} .site-footer .widget-area .widget_text { padding-left:0;} .site-footer .widget-area form input { width:230px; background-position:200px center;} .widget.widget_text.masonry-brick{ margin-right: 0; width: 190px;} .site-footer .widget-area .widget_text a, .site-footer .widget-area .widget_text_icl a{ padding-right: 15px;} .site-footer .widget-area ul.menu li{ width: 50%;} } @media (min-width: 768px) and (max-width: 991px) { /* Header ------------------------------------------------*/ .navbar-nav li { width:108px;} .navbar-nav li a, .navbar-default .navbar-nav > li > a { font-size:14px; padding:20px 5px;} #lang_sel_list li a { padding:5px 5px 5px 30px;} .top_nav_right .search { margin-right:0px; margin-top:-2px; position:absolute; left:-240px;} .search .search-field:focus { width:200px;} .logo_center { top:-16px; right:-15px; width:71px;} .logo_center > img { width:70px;} .navbar-nav li.honorarycouncil a, .navbar-default .navbar-nav > li.honorarycouncil > a{ padding:11px 25px 0;} /* Home Page Banner ------------------------------------------------*/ .banner-caption-wrap { max-width:700px;} .home-banner .banner-caption{ top:101px; width: 60%;} /* legend page ------------------------------------------------*/ .carrer_detail ul li span.title { width:100%;} .personal_detail { top:-72px;} .personal_detail ul li { padding:10px 13px; min-height:72px;} /* Member programme ------------------------------------------------*/ .membership-login-form { width:100%; margin-bottom:20px; padding:15px;} .member-programme img { width:100%; margin-right:0; float:none;} .member-programme ul.benifit_point li { display:block;} .membership-login-form .ajax-loader { width:auto;} /* About us ------------------------------------------------*/ /*.bod-section ul li.item-2 { clear:both;}*/ /* Facility Section ------------------------------------------------*/ .facility-section .panel-heading { width:100%; float:left; position:relative; z-index:100; } .facility-section .panel-body { float:left; width:100%;} .facility-section .panel-heading a.panel-title{ background: #eeedeb; color:#652d89; font-size: 18px; display: block; width: 100%; text-decoration:none; padding:10px 0px 10px 20px; border-bottom:2px solid #f2f2f2; border-left: 0px;} .facility-section .panel-heading a.panel-title:hover, .facility-section .panel-heading a.panel-title:focus{ width: 100%;color:#fff; background:#652d89;} .facility-section .panel-heading a.panel-title span {color: #7d7d7d; display: block; font-size: 14px; height: 24px; margin: 0; padding: 0; width: 90%;} .facility-section .panel-heading a.panel-title:hover span, .facility-section .panel-heading a.panel-title:focus span { color:#fff;} .facility-section .panel-heading a.panel-title.active{ margin-left: 0; background: #652d89; color:#fff;} .facility-section .panel-heading a.panel-title.active span {color:#fff;} .facility-section .panel-collapse { position:relative; float: left; width: 100%;} .facility-section .tab-caption { bottom:30px;} /* Brand Section ------------------------------------------------*/ .brand {padding-top: 60px; height: 500px; background-position: 80% center !important;} .brand-content p { font-size:14px; line-height:20px;} .brand-section .content-bg{ background:rgba(72, 24, 103, 0.8); padding:30px;} /* Brand detail page ------------------------------------------------*/ .brand-image { width:100%;} /* TBM stadium ------------------------------------------------*/ .facility-list li .facility-details span.detail { width:75%;} /* Partners ------------------------------------------------*/ .partner-title { width:65%;} /* Hospilitality ------------------------------------------------*/ .event-image{ width: 100%; height: 80%;} .event_detail #thumbimg .event_time_wrap{ } .event_detail #thumbimg .event_time{ } .event_detail #thumbimg .event_time p.team { font-size:24px;} .event_detail #thumbimg .event_time span, .event_detail #thumbimg .event_time dt, .event_detail #thumbimg .event_time time { font-size:14px;} div.image-block img.hospitality-image{ width: 370px; height: 260px;} /* Event Detail Page ------------------------------------------------*/ .event_detail_page p { width:100%;} #eventdetail { width:100% ; float:none;} .event_detail_page p.img_inner { float:none; text-align:center;} .event-detail-list{ width: 50%; float: left;} /* Contact us ------------------------------------------------*/ .contact-details ul li i.fa { margin-right:10px;} /* FAQ Page ------------------------------------------------*/ .faq-section .panel-title a { font-size:18px;} /* Media Center ------------------------------------------------*/ .news-col .back h3 { font-size:15px; line-height: 22px;} .news-col .front{ width:180px;} .news-col .back { width:180px; height:176px; padding:20px;} .latest-news-col .back { height:354px; width : 100%;} .latest-news-col .back h3 { font-size:18px;} .latest-news-col .back p.date { padding:8px 0 5px;} .latest-news-col .back p { font-size:14px; line-height:20px;} .local-news li .date-col .date{ font-size: 35px;} .local-news li .date-col { width:22%; margin-right:15px;} .local-news li .date-col .month-year { font-size:15px;} .local-news li .content-col { padding-right:0; width:71%;} .local-news li .content-col p { font-size:14px;} .thumbnail{ min-height: 110px;} .thumbnail > .women-sports-thumb{ width: 35%; height: auto; float: left;} .thumbnail > .women-sports-thumb > img{ width: 100%;} .thumbnail > .caption { width:65%; padding-top:2px; height: 100px;} .thumbnail > .caption p { font-size:14px; margin-bottom:0; line-height:23px;} div.video-image-gallery > a.wplightbox{ width: 239px; height: 200px; } div.video-image-gallery > a.wplightbox > span.img-wrap{ width: 239px; height: 200px;} div.video-image-gallery > a.wplightbox > span.img-wrap > img{ width: 239px; height: 200px;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap{ width: 239px; height: 200px;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap > span.hover{ width: 239px; height: 200px;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap > span.hover > span.caption-title{ font-size: 14px;} .media-center-detail-page ul.nav-tabs > li > a{ min-width: 239px;} /* Legends ------------------------------------------------*/ .alphbates_orders .content-block { text-align: center;} .alphbates_orders{ padding:20px 0;} /* Footer ------------------------------------------------*/ .site-footer .widget-area { max-width:750px;} .site-footer .widget-area .widget_wysija, .site-footer .widget-area .widget_text { width:150px;} .site-footer .widget-area form input { width:130px; background-position: 100px center;} .site-footer .widget-area .widget_nav_menu { width:260px; padding:20px 0;} .site-footer .widget-area .widget_text { padding:20px 0 15px;} .site-footer .widget-area .widget_text a { padding:10px 5px 10px 0;} .site-footer .widget-area .widget_wysija, .site-footer .widget-area .widget_text_icl, .site-footer .widget-area .alo_easymail_widget{ width: 246px;} .site-footer .widget-area form.alo_easymail_widget_form.alo_easymail_widget_form_public input.input-text{ width: 220px; background-position: 190px center;} .site-footer .widget-area form.alo_easymail_widget_form.alo_easymail_widget_form_public span.submit-btn{ right: 27px;} .site-footer .widget-area .widget_text{ width: 160px; margin-right: 0px;} .site-footer .widget-area .widget_text a{ margin-right: 10px;} .site-footer .widget-area ul.menu li{ width: 50%;} } @media (max-width: 767px) { #html5-elem-data-box #html5-text{ font-size: 24px;} #html5-close{ top: -8px !important;} /* Inner Page Banner ------------------------------------------------*/ .static-banner{ height: 300px;} .static-banner-container { padding-left:10px; padding-top: 150px;} .static-banner-container > h3.title { background-size:90%; font-size:30px;} /* Header ------------------------------------------------*/ .full_sponsor .owl-carousel .owl-item { margin-right:0;} .navbar-default .navbar-toggle { border-color:#cabb94; border:0;} .navbar-default .navbar-toggle .icon-bar {background-color: #cabb94 ;} .bottom_nav button:hover, .bottom_nav button:focus { background:transparent; padding:10px 11px; border-width:1px; border-color:transparent; border-style:none;} .bottom_nav button { min-width:0px;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {/*background-color:#cabb94; border-color:#fff;*/ background-color: transparent; border:0; border-radius:4px; padding:9px 10px;} .navbar-default .navbar-toggle:hover .icon-bar {background-color:#fff;} .navbar-collapse { border:0ox; box-shadow:none;} .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:transparent;} .top_nav_left {text-align:center;} .top_nav_right { float:none; text-align:center; display:inline-block; padding:0; width:100%;} .top_nav_right .search { margin-left:15px; position:absolute; top:50px; left:0; z-index: 100;} .search .search-field:focus { width:100px;} .top_nav_right .lang_sel { margin-right:0;} #lang_sel_list > ul > li > a{ min-width: 100px;} .logo_center { right: 0; left: 0; width: 71px; height: 105px; top: -16px;} .logo_center > img { width:70px;} .bottom_nav { background-image:none;} .navbar-nav { margin:10px 0 0 0;background:none;} .navbar-nav li { background:none; text-align: left; width:100%; border-bottom:1px solid #cabb94;} .navbar-nav li:last-child{ border-bottom: 0;} .navbar-nav li a, .navbar-default .navbar-nav > li > a { padding:20px; line-height:0px; padding:25px 15px;} .navbar-nav li.honorarycouncil a, .navbar-default .navbar-nav > li.honorarycouncil > a { padding:25px 15px;} .sponsor_fix a{ padding:0;} /* Home Page Banner ------------------------------------------------*/ #banner-slide3 .banner-caption h3, #banner-slide2 .banner-caption h3, #banner-slide7 .banner-caption h3, #banner-slide5 .banner-caption h3, #banner-slide6 .banner-caption h3, #banner-slide4 .banner-caption h3 { font-size:26px; padding-top:50px; margin-bottom:10px; margin-top:50px;} #banner-slide7 .banner-caption, #banner-slide6 .banner-caption, #banner-slide2 .banner-caption, #banner-slide3 .banner-caption, #banner-slide5 .banner-caption, #banner-slide4 .banner-caption { top:93px; left:0; right:0; width:100%; padding:0 20px;} .home-banner .banner-caption{ background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;} .home-banner .banner-caption p { font-size:14px; line-height:24px; max-height: 120px; overflow: hidden;} .home-banner .banner-caption a { font-size:18px; padding:10px 20px; margin-top:15px; background: rgba(90, 38, 124, 0.86) ; border-color: rgba(90, 38, 124, 0.86);} #banner-slide2 .banner-caption h3 span{ font-size: 26px;} /* legend details page ------------------------------------------------*/ .carrer_detail ul li span.title { width:100%;} .personal_detail { top:0; margin-bottom:0;} .personal_detail ul li { background:none; padding:10px 0; width:49%; min-height:75px; border-bottom:1px solid rgba(255,255,255,0.1);} /* Member Programme ------------------------------------------------*/ .membership-login-form h4{ padding:8px 0 10px;} .membership-login-form { margin: 0 0 10px; padding: 10px; width: 100%;} .member-programme ul.benifit_point { padding-left:0;} .member-programme ul.benifit_point li { margin-left:0; font-size:14px;} .membership-login-form button, input[type="submit"], .membership-login-form input[type="button"], .membership-login-form input[type="reset"], .membership-login-form a.button-primary { padding:10px 35px 9px; margin-top: 5px; min-width: 100%;} /* Global ------------------------------------------------*/ .content-block p{ font-size: 14px; line-height: 24px;} h3.sub-title{ font-size: 28px;} .box-list h3.sub-title{ text-align: center; padding-bottom: 0;} .box-list .form-group.month-year{ padding:0 0 10px; width: 258px; margin:0 auto; } /*The Club Page ------------------------------------------------*/ .the-club-page .text-right{ float: none !important;} /* content block ------------------------------------------------*/ .content-block a { margin-bottom:20px;} .content-block p.post-thumb{ float: none; margin-left:0;} div.image-block{ float: none; width: 100%;} .content-block a i.fa { margin-right: 5px;} /* Hospilitality ------------------------------------------------*/ .event-image{ width: 100%; height: 80%;} .event_detail #thumbimg .event_time_wrap{ } .event_detail #thumbimg .event_time{ } .event_detail #thumbimg .event_time p.team { font-size:24px;} .event_detail #thumbimg .event_time span, .event_detail #thumbimg .event_time dt, .event_detail #thumbimg .event_time time { font-size:14px;} p.image-right{ float: none !important; margin:0 0 20px;} p.image-left{ float: none !important; margin:0 0 20px;} div.image-block img.hospitality-image{ width: 100%; max-width: 100%; height: auto;} /* About us ------------------------------------------------*/ .about-section .bottom-line{ padding-top: 38px;} .bottom-line{ width: 100%;} .vision-section .cols.Vision, .vision-section .cols.Mission, .vision-section .cols.Message, .vision-section .cols.Values{ width:100%;} .bod-section ul { padding-left:0;} .bod-section ul li, .bod-section ul li.item-0, .bod-section ul li.item-1 { float:none; width:100%;} .bod-section h4{ padding-left: 15px; padding-right: 15px;} .bod-section p{ padding-left: 15px; padding-right: 15px;} /* Facility section ------------------------------------------------*/ .facility-section .panel-heading { width:100%; float:left; position:relative; z-index:100; } .facility-section .panel-body { float:left; width:100%;} .facility-section .panel-heading a.panel-title{ background:#eeedeb; color:#652d89; font-size: 14px; display: block; width: 100%; text-decoration:none; padding:5px 0px 5px 20px; border-bottom:2px solid #f2f2f2; border-left: 0;} .facility-section .panel-heading a.panel-title:hover, .facility-section .panel-heading a.panel-title:focus{ width: 100%; background: #652d89; color:#fff;} .facility-section .panel-heading a.panel-title span {color:#7d7d7d; display: block; font-size: 13px; height: 24px; margin: 0; padding: 0; width: 90%;} .facility-section .panel-heading a.panel-title:hover span, .facility-section .panel-heading a.panel-title:focus span { color:#fff;} .facility-section .panel-heading a.panel-title.active{ margin-left: 0; background: #652d89; color:#fff;} .facility-section .panel-heading a.panel-title.active span {color:#fff;} .facility-section .panel-collapse { position:relative; float: left; width: 100%;} .facility-section .tab-caption { width:100%; padding:10px; } .facility-section .tab-caption h3 { font-size:18px;} .facility-section .tab-caption p { font-size:14px; line-height:20px;} .facility-section .tab-caption a, .facility-section .tab-caption a:hover { font-size:14px;} #club-partner .item { margin:0 auto;} /* Brand Section ------------------------------------------------*/ .brand {background-position: center center !important; padding-top:50px;} .brand-section .content-bg{ background:rgba(72, 24, 103, 0.8); padding:10px;} .brand-title { font-size:30px; padding-top:15px;} .brand-content p { font-size:14px; line-height:20px; margin-bottom:20px;} a.brand-link, a.brand-link:focus, a.brand-link:hover { margin-bottom:15px; display:inline-block;} /* Brand Detail Page ------------------------------------------------*/ .brand-image { width:100%;} .brand-image img { margin-left:-78%;} /* TBM stadium ------------------------------------------------*/ .facility-list li .facility-details span.detail { width:75%; font-size:14px;} /* Partners ------------------------------------------------*/ .partner-title { width:60%; font-size:18px; padding-left: 10px; line-height: 43px;} .partner-logo { margin-right:5px; width: 50px;} .partner-logo img{ max-width: 100%; height: auto;} .openlink{ height: 43px;} .openlink a{ height: 43px; background-position: center 13px; } .openlink.active a{ background-position: center -79px;} .panel-group .panel + .panel{ margin-top: 10px;} .patner-details{ width: 100%; margin-left: 0;} /* Event Detail Page ------------------------------------------------*/ .event_detail_page p { width:100%;} .event_detail_page p.img_inner .img_full { width:100%; height:auto;} #eventdetail { width:100% ; float:none;} .event_detail_page p.img_inner { float:none; text-align:center;} .event-detail-title { width:50%;} .past-events #event-list{ padding-top: 10px; padding-bottom: 8px;} .past-events #event-list .even-title{ font-size: 18px;} /* Contact us ------------------------------------------------*/ .acf-map { height:300px;} .contact-details ul li i.fa { margin-right:10px;} /* Media Center ------------------------------------------------*/ .latest-news-col { padding-right:15px;} .latest-news-col .back { height:100%; padding:10px;} .latest-news-col .back h3 { font-size:17px;} .latest-news-col .back p.date { padding:8px 0 5px;} .latest-news-col .back p { font-size:14px; line-height:18px;} .news-col { padding-left:15px;} .latest-news-col .back a, .news-col-1 .front a, .latest-news-col .front a, .media-center-section a { margin-bottom:0;} .news-col .front { width:100%;} .news-col .back { width:100%; height:auto; min-height:250px;} .news-col .back:after{top:-7px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;border-color: rgba(163, 145, 97, 0); border-bottom-color: #e2dfd5; border-width: 10px; margin-left: -10px;} .all-local-news li{ width: 100%;} .box-list .form-group.news-search{ margin: 0 auto; padding: 0 0 10px; width: 220px;} .local-news li .date-col .date{ font-size: 35px;} .local-news li .date-col { width:22%; margin-right:15px;} .local-news li .date-col .month-year { font-size:15px;} .local-news li .content-col { padding-right:0; width:71%;} div.video-image-gallery > a.wplightbox{ width: 290px; height: 200px; margin:0 auto; float: none; margin-bottom: 10px; } div.video-image-gallery > a.wplightbox > span.img-wrap{ width: 290px; height: 200px;} div.video-image-gallery > a.wplightbox > span.img-wrap > img{ width: 290px; height: 200px;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap{ width: 290px; height: 200px;} div.video-image-gallery > a.wplightbox:hover > span.hover-wrap > span.hover{ width: 290px; height: 200px;} .media-center-detail-page ul.nav-tabs > li > a{ min-width: inherit; font-size: 14px;} .allwomen-sports .thumbnail{ width: 100%;} .thumbnail{ min-height: inherit;} .thumbnail > .women-sports-thumb{ width: 100%; height: auto; float: left;} .thumbnail > .women-sports-thumb > img{ width: 100%;} .thumbnail > .caption { width:100%; height: auto; padding: 15px; } .thumbnail > .caption p { font-size:14px; margin-bottom:0; line-height:23px;} .news-thumbnail{ float: none; width: 100%;} span.meta-nav{ padding:21px 0;} span.meta-nav-text{ display: none;} span.meta-nav, span.meta-nav-text{ height: 72px; width: 30px;} /* FAQ ------------------------------------------------*/ .faq-section .panel-title a{ background-position: 96% 11px;} .faq-section .panel-title a span.openlink{ width: 40px; height: 40px; background-position: center -110px; margin-right: 10px;} .faq-section .panel-title.active a span.openlink{ background-position: center 15px;} .faq-section .panel-title a span.faq-title { display: block; font-size: 14px; height: 40px; line-height: 40px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; width: 60%;} .faq-section .panel-body p{ font-size: 14px;} /* Legends ------------------------------------------------*/ .alphbates_orders .content-block { text-align: center;} .alphbates_orders{ padding:20px 0 10px;} /* Footer ------------------------------------------------*/ .site-footer .sidebar-container, .site-footer .widget-area { height:360px;} .site-footer .widget-area .widget { background:none;} .site-footer .widget-area form input { margin-top:15px;} .site-footer .widget-area .widget_wysija, .site-footer .widget-area .widget_text { width:100%;} .site-footer .widget-area .widget_nav_menu { padding:10px 0; width:100%;} .site-footer .widget-area .widget_nav_menu .menu { margin-top:10px;} .site-footer .widget-area .widget_text { padding:20px 0 15px;} .site-footer .widget-area .widget_text .textwidget { margin-top:10px;} .site-info { text-align:left; padding:15px;} .form-validation-field-0formError { top:10px !important; left:125px !important;} .back_to_top { right:30px;} .site-footer .widget-area ul.menu li{ width: 50%;} .site-footer .widget-area .widget_wysija, .site-footer .widget-area .widget_text, .site-footer .widget-area .widget_text_icl, .site-footer .widget-area .alo_easymail_widget{ width: 100%;} } @media (max-width: 640px) { .brand {background-position: 65% center !important; padding-top:50px;} .brand-content p { font-size:14px; line-height:20px; margin-bottom:20px;} /*Added by Ahmed for mobile menu fixes*/ .navbar-nav { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; } li.menu-item-10, li#menu-item-10, li#menu-item-2533 { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; box-ordinal-group: 6; } li.menu-item-11, li#menu-item-11, li#menu-item-2537 { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; box-ordinal-group: 5; } li.menu-item-7, li#menu-item-7, li#menu-item-2536 { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; box-ordinal-group: 4; border-bottom: 1px solid #cabb94!IMPORTANT; } /*End Added by Ahmed for mobile menu fixes*/ } // All Mobile Sizes (devices and browser) @media only screen and (max-width: 767px) { .content-block p.image-left , .content-block p.image-right , .content-block p.image-center{ display : none !important; width : 100%; } } .static-banner-image { display: block !important; }