/* ============================================== */ /*Add more space to content site HTML editor*/ .CodeMirror-wrap .CodeMirror-scroll{height: 1000px;} /*Remove white space - br form bottom of the page*/ .inner-page+div+br, .the-page+div+br, .hole-page+div+div+br, .club-footer+div+br{display: none !important;} /*Hide login item form menu navigation*/ .body-public .header-wrapper .navbar-inverse .nav .nav-menu-login\.php {display: none;} /* ============================================== */ /*Font Reset*/ body{font-family: 'Belleza', sans-serif;color: #666666;font-size: 17px;line-height: 26px;font-weight: 400;background: rgba(255, 255, 255,0);} a, .read-more {color: #6d348c;text-decoration: underline; outline:0;} a:hover, a:focus {color: #3c4a90;text-decoration: none; outline:0;} h1, h2, h3, h4, h5, h6{font-weight:normal;color: #937d40;margin: 0 0 10px;line-height: 140%;font-family: 'Belleza', sans-serif;} h1{font-size: 30px;letter-spacing: 1px;} h2{font-size:28px;} h3{font-size: 22px;} h4{font-size:20px;} h5{font-size:15px;} p {margin: 0 0 15px; line-height: 140%;} b, strong{font-size: 16px;font-weight: 600;} ul, ol {margin: 0 0 15px 0; padding: 0;} ul ul, ol ol {margin: 15px 0 15px 0; padding: 0;} ul li{list-style:none;} blockquote{border-left: 5px solid #432358;font-style: italic;padding: 10px 20px 10px 20px;border-right: 5px solid #432358;background: #f4f2f1;} blockquote p{font-size: 16px;line-height: 140%;font-weight: 400;} a:after, a:before {content: "";font-family: "FontAwesome";position: absolute;font-size: 10px;padding: 0;font-style: normal;font-weight: normal;text-decoration: inherit;} a.cv-btn { display: inline-block; background-color: #3D035C; padding: 5px 15px; border-radius: 3px; color: #fff; text-decoration: none !important; background-image: none; } a.cv-btn:link, a.cv-btn:visited, a.cv-btn:active {color: #fff;background-color: #3D035C; background-image: none;text-decoration: none;} a.cv-btn:hover, a.cv-btn:focus {color: #fff;background-color: #3D035C; background-image: none;text-decoration: none;} @media (max-width:1200px){ h1{font-size: 36px;} h2{font-size:26px;} h3{font-size:20px;} h4{font-size:16px;} h5{ font-size:14px;} p {font-size: 16px;margin: 0 0 15px ;} p, ul li,blockquote p, body{font-size: 16px;line-height: 140%;} } @media (max-width:979px){ h1{font-size: 30px;} h2{font-size:22px;} h3{font-size:20px;} h4{font-size:16px;} h5{ font-size:13px;} p {font-size: 15px;margin: 0 0 15px ;} p, ul li,blockquote p, body{font-size: 14px; line-height: 140%;} } @media (max-width:767px){ h1{font-size: 26px;} h2{font-size:18px;} h3{font-size:16px;} h4{font-size: 16px;} h5{ font-size:12px;} p {font-size: 13px;margin: 0 0 15px ;} p, ul li,blockquote p, body{font-size: 14px; line-height: 140%;} } /* ============================================== */ /*Main styles*/ /* ============================================== */ body{padding: 0;} #globalwrap {padding-top: 0px;} .main-wrapper > .container{width: 100%;} .main-wrapper #globalwrap{padding-top:0;} /* ============================================== */ /*Header*/ /* ============================================== */ .header-wrapper{width: 100%;z-index: 10;position: relative;padding: 0;background-color: #3D035C;min-height: 200px;} .header-wrapper > .container{position: relative;} .body-public.body-class-home .header-wrapper{top: 0px;opacity: 1;} .body-public.body-contentpage .header-wrapper, .body-public.body-class-home .header-wrapper{position: absolute;top:0px;background-color: rgba(0,0,0,0);} .header-wrapper #header > .container{position: relative;} body:not(.body-public) .header-wrapper, .php-news .header-wrapper, .php-visitoropen .header-wrapper, .php-competition .header-wrapper, body[class^="body-class-setcoursestatus"] .header-wrapper, .body-loginpage .header-wrapper {min-height: 90px;} @media (max-width:979px){ .header-wrapper{min-height: 100px;} } @media (max-width:767px){ .body-public.body-class-home .header-wrapper{/*top:0;*/min-height: 100px;} } /* ============================================== */ /*Header*/ /* ============================================== */ /* ============================================== */ /*Logo*/ .main-logo {position: absolute;left: 0;z-index: 100;top: 40px;right: 0;margin: 0 auto;width: 225px;} .main-logo img{ float: left;} .main-logo p{color: #ffffff;padding: 10px 0 0 80px;line-height: 140%;text-transform: uppercase;margin: 0;font-size: 24px;display: block;display: none;} .main-logo a:hover{text-decoration: none;} body:not(.body-public) .main-logo, body.body-class-members.php-competition .main-logo, body.body-class-members .main-logo {position: absolute;left: 0;z-index: 100;top: 10px;right: auto;margin: 0;width: 135px;} body.php-news .main-logo, body.php-visitoropen .main-logo, body.php-competition .main-logo, body[class^="body-class-setcoursestatus"] .main-logo, body.body-loginpage .main-logo {position: absolute;left: 0;z-index: 100;top: 10px;right: 0;margin: 0 auto;width: 135px;} @media (max-width:1200px){ .main-logo {width: 180px;} .main-logo p{font-size: 22px;line-height: 140%;text-align: left;} } @media (max-width:979px){ .main-logo {right: 0;top: 15px;width: 135px;} .main-logo img{} .main-logo p{line-height: 140%;padding: 20px 0 0 75px;} .main-logo p span{font-size: 16px;} } @media (max-width:767px){ #header .main-logo{margin: 0 0 0 10px; top: 10px; } #header .main-logo p {font-size: 22px;line-height: 140%;} } /*Login*/ .login{display: none;} @media (max-width:979px){ .login{width: 75px;text-align: right;font-size: 15px;display: block;float: right;border: 1px solid #e4c365;color: #272727;text-transform: uppercase;letter-spacing: 1px;background-color: #e4c365;padding: 3px 8px;margin-top: 17px;font-weight: 300;line-height: 140%;position: absolute;right: 10px;z-index: 10;text-decoration: none;} .login span{display: none;} .login:hover{background-color: #e0ca89;color: #1d1c1c;text-decoration: none;border-color: #e0ca89;} .login .lock{display: block;float: left;margin:0 3px 0 4px;} .login .lock i{font-size: 18px;} } @media (max-width:767px){ .login span{display: none;} .login .lock{display: block;float: left;margin-right: 5px;} } /*Main Navigation*/ .header-wrapper .main-navigation{background-image:none; /* IE6-9 */margin-top: 85px;} .header-wrapper .navbar .navbar-inner {background: none; border: none; border-radius: 0; padding: 0; box-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0 );margin:0; ;float: left; /* IE6-9 */ } .header-wrapper .navbar.navbar-inverse {margin: 0;} .navbar .nav{margin:0;width:100%;} .header-wrapper .navbar-inverse .nav > li{margin: 0; display: inline-block; text-align: center;} .header-wrapper .navbar-inverse .nav > li > a{color: #e4c367;font-size: 14px;padding: 7px 15px;white-space: nowrap;font-weight: 400;letter-spacing: 1px;text-transform: uppercase;font-family: 'Belleza', sans-serif;} .header-wrapper .navbar-inverse .nav > li:nth-child(6){margin-left: 250px;} .header-wrapper .navbar-inverse .nav > li:first-child{margin-left:40px;} .body-class-members .header-wrapper .navbar-inverse .nav > li > a{ font-size: 14px;} .body-class-members .header-wrapper .navbar-inverse .nav > li:nth-child(1){margin-left: 170px;} .body-class-members .header-wrapper .navbar-inverse .nav > li:nth-child(6){ margin-left: 0px;} .header-wrapper .navbar-inverse .nav > li > a:focus, .header-wrapper .navbar-inverse .nav > li > a:hover, .header-wrapper .navbar-inverse .nav > li.current > a, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle{color: #ffffff;box-shadow: none;text-shadow: none;background-color: rgba(29, 58, 107, 1);} .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .header-wrapper .navbar-inverse .nav > li.current > a { background-color: rgba(29, 58, 107, 0); } .header-wrapper .navbar-inverse .navbar-inner .dropdown-menu li{border-bottom: none;margin: 0;text-align: left;} .header-wrapper .navbar-inverse .navbar-inner .dropdown-menu li:last-child{border-bottom: none;} .header-wrapper .navbar-inverse .navbar-inner .dropdown-menu li > a{padding: 10px 20px;font-size: 15px;color: #e4c35c;text-transform: uppercase;text-decoration: none;} .header-wrapper .navbar-inverse .navbar-inner .dropdown-menu{background: #ffffff; /* Old browsers */background-image: none;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */border: none;z-index: 100;border-radius: 0;margin: 0;border-top: none;padding: 0;background: rgba(29, 58, 107, 0.8);} .navbar .nav > li > .dropdown-menu:after {border-bottom: 6px solid #ffffff;display: none;} .header-wrapper .navbar-inverse .navbar-inner .dropdown-menu > li > a:hover, .header-wrapper .navbar-inverse .navbar-inner .dropdown-menu > li > a:focus, .header-wrapper .navbar-inverse .navbar-inner .dropdown-menu .dropdown-submenu:hover > a, .header-wrapper .navbar-inverse .navbar-inner .dropdown-menu .dropdown-submenu:focus > a{background-image:none;background-color: rgba(231, 231, 231,0);color: #ffffff;} .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{ box-shadow: none;} body:not(.body-public) .header-wrapper .main-navigation, body.php-news .header-wrapper .main-navigation, body.php-visitoropen .main-navigation, body.php-competition .main-navigation, body[class^="body-class-setcoursestatus"] .main-navigation, body.body-loginpage .header-wrapper .main-navigation {margin-top: 25px;} /*Main Navigation Resposive*/ @media (max-width:1200px){ .header-wrapper .main-navigation{margin-top: 85px;} .header-wrapper .navbar-inverse .nav > li a{font-size: 13px;padding: 5px 5px;} .header-wrapper .navbar-inverse .nav > li:first-child{margin-left:30px;} .header-wrapper .navbar-inverse .nav > li:nth-child(7){margin-left: 230px;} .body-class-members .header-wrapper .navbar-inverse .nav > li > a{padding-right: 10px;padding-left: 10px;} .body-class-members .header-wrapper .navbar-inverse .nav > li:nth-child(6){ margin-left: 0px;} } @media (max-width:979px){ .header-wrapper .main-navigation{min-height: 100px;margin: 0;} .header-wrapper .main-navigation .container{width: 100%;} .header-wrapper .nav-collapse{background-color: rgba(29, 58, 107, 1); width: 100%; } .header-wrapper .nav-collapse.in.collapse{min-height: 100%;} .header-wrapper .navbar-inverse .navbar-inner{margin: 90px 0 0 0;width: 100%;float: none;} .header-wrapper .navbar.navbar-inverse {margin-bottom: 0;position: relative;float: none;} .header-wrapper .navbar-inverse .btn-navbar{background: #e4c366;border-radius: 0px;box-shadow: none;padding: 3px 5px 3px 10px;margin:0;position: absolute;right: 10px;width: 93px;color: #ffffff;border: 1px solid #e4c366;top: 53px;z-index: 10;} .header-wrapper .navbar-inverse .brand, .header-wrapper .navbar-inverse .nav > li > a{font-size: 16px;font-weight: 300;border-radius: 0;margin: 0;;} .header-wrapper .navbar-inverse .btn-navbar .club-menu-button{color: #2b2b2b;text-transform: uppercase;font-size: 16px;letter-spacing: 1px;text-shadow: none;font-weight: 400;font-family: 'Belleza', sans-serif;} .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled]{background: #e1ca89;border-color: #e1ca89;} .header-wrapper .navbar-inverse .btn-navbar .club-menu-button-lines{float: left;margin: 5px 3px 0 0;} .header-wrapper .navbar-inverse .btn-navbar .club-menu-button-lines .icon-bar{background: #272727;box-shadow: none;height: 1px;margin: 0 0 4px;} .header-wrapper .navbar-inner{text-align: center; margin-top:70px; } .header-wrapper .nav-collapse .nav > li{border-bottom: 1px solid rgba(255, 255, 255, 0.36);border-right: none;margin: 0;display:block;} .header-wrapper .navbar-inverse .nav > li:nth-child(6), .header-wrapper .navbar-inverse .nav > li:nth-child(6){margin-left: 0;} .header-wrapper .nav-collapse .nav > li a{border: none;} .header-wrapper .nav-collapse .nav > li:first-child a, .header-wrapper .nav-collapse .nav > li a{padding: 8px 15px;} .header-wrapper .nav-collapse .nav > li:last-child{ border:none; /*height: 53px*/} .header-wrapper .navbar-inverse .nav-collapse .nav > li > a:hover, .header-wrapper .navbar-inverse .nav-collapse .nav > li > a:focus, #header .navbar-inverse .nav-collapse .dropdown-menu a:hover, #header .navbar-inverse .nav-collapse .dropdown-menu a:focus{color: #ffffff;} .header-wrapper .navbar-inverse .navbar-inner .dropdown-menu li{border: none;text-align: center;} .header-wrapper .navbar-inverse .navbar-inner .dropdown-menu li a{padding: 10px 0;border-radius: 0;} .header-wrapper .navbar-inverse .nav-collapse .nav .dropdown-menu li a{color: #ffffff;font-weight:normal;font-size: 15px;margin: 0;/* border-bottom: 1px solid #757a7c; */font-weight: 300;} .header-wrapper .navbar-inverse .nav-collapse .nav .dropdown-menu > li > a:hover, .header-wrapper .navbar-inverse .nav-collapse .nav .dropdown-menu > li > a:focus, .header-wrapper .navbar-inverse .nav-collapse .nav .dropdown-menu a:hover, .header-wrapper .navbar-inverse .nav-collapse .nav .dropdown-menu a:focus{color: #e4c365;} .header-wrapper .navbar-inverse .nav > li > a:focus, .header-wrapper .navbar-inverse .nav > li > a:hover, .header-wrapper .navbar-inverse .nav > li.current > a, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle{border:none;color: #ffffff;} .header-wrapper .navbar-inverse .brand, .header-wrapper .navbar-inverse .nav > li{} .header-wrapper .navbar-inverse .navbar-inner .dropdown-menu{background-color: rgba(0,0,0,0.2);border-top: 0;} .body-class-members .header-wrapper .navbar-inverse .nav > li:nth-child(5){ margin-left: 0px;} /*Arrow on dorpdown menu on mobile and tablets*/ .header-wrapper .navbar-inverse .nav > li.dropdown > a:after {position: absolute;content: "\f107";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #e2c985;right: 6px;top: 6px;font-size: 16px;} .header-wrapper .navbar-inverse .nav > li.open.dropdown > a:after {content: "\f104";font-size: 16px;color: #ffffff;} .header-wrapper .navbar-inverse .nav > li:first-child{margin: 0;} .body-class-members .header-wrapper .navbar-inverse .nav > li:nth-child(1){margin-left: 0px;} body:not(.body-public) .header-wrapper .main-navigation, body.php-news .header-wrapper .main-navigation, body[class^="body-class-setcoursestatus"] .header-wrapper .main-navigation, body.php-visitoropen .header-wrapper .main-navigation, body.php-competition .header-wrapper .main-navigation, body.body-loginpage .header-wrapper .main-navigation {margin: 0px; min-height: auto;} body:not(.body-public) .header-wrapper .nav-collapse, body.body-loginpage .header-wrapper .nav-collapse {background-color: #3D035C; } } @media (max-width:767px){ .header-wrapper .navbar-inverse .btn-navbar{z-index: 100;} .navbar .nav,.header-wrapper .navbar-inverse .nav > li:first-child{margin: 0;} .inner-sidebar{margin-bottom: 25px;} } #topmenu #nav li:last-child ul{left:-60px;} #topmenu #nav li:last-child ul.dropdown-menu:after, #topmenu #nav li:last-child ul.dropdown-menu:before{left:90px;} /* ============================================== */ /*CLub today*/ /* ============================================== */ .club-today{position: relative;z-index: 100;padding: 10px 0;background: #0a120a;bottom: 0;width: 100%;box-sizing: border-box;} .body-class-members .page-slider.home-slider{margin: 40px 0 0 ;} .body-class-members .club-today{position: relative;background-color: #ffffff;} @media (max-width:767px){ .club-today{margin-top: 0px;padding: 10px;padding-top: 10px;position: relative;} .club-today info{text-align: center;} .club-today:before{display: none;} } /* Course Status */ .course-status-wrapper {position:relative; width:100%; height:auto; overflow: hidden; display: block;} body:not(php-ckeditor) .course-status{position:relative; top:0; left:0; height: auto; margin-top: 0; display: inline-block; animation: ScrollStatus 18s linear 1s forwards; animation-iteration-count: infinite;} body.php-ckeditor .course-status{animation: none;} .course-status h3{ display: inline-block; font-size: 18px; margin: 0 10px 0 0; line-height: 140%; text-transform: uppercase; } .course-status p, .course-status p i, .course-status p span b{color: #ffffff;font-style: normal;margin-bottom: 0;font-size: 18px !important;line-height: 140%; font-weight: normal; display: inline-block;} .course-status p span{font-size: 18px !important;color: #fff;} /* Animations */ @keyframes ScrollStatus { 0% {left:100%;} 100% {left:-100%;} } @media (max-width:979px){ .course-status{margin-top: 0;text-align: left;} .course-status p span,.course-status p,.course-status p, .course-status p i, .course-status p span b{font-size: 16px !important;} .course-status h3{font-size: 16px !important;} } @media (max-width:767px){ .course-status{padding: 0;text-align: center;} .course-status h3{font-size: 14px !important;float: none;} .course-status p span, .course-status p, .course-status p, .course-status p i, .course-status p span b{color: #ffffff;font-size: 14px !important;} } /* ============================================== */ /*Weater Wrapper*/ .weather .weather{margin-bottom: 15px;} .weather .weathers{margin-top: 30px;} .weather .weathers .weatherSingle {width: 17%;margin: 0px 10px 0 0px;display: inline-block;text-align: center;position: relative;} .weather .weathers h4{margin-bottom: 20px;} .weather .weathers .weatherSingle .weatherDate {padding: 0;font-size: 14px;margin: 100px 0 0px;text-transform: uppercase;color: #666666;} .weather .weathers .weatherSingle .weatherTemp {padding:0;color: #6d348c;font-size: 28px;font-weight:600;} .weather .weathers .weatherSingle .weatherImage,#globalwrap .weather .weathers .weatherSingle .weatherImage.image-night{position: absolute;top: 0;width: 80px;line-height: 80px;left:0;right:0;margin:0 auto;border-radius: 0;border: 1px solid #d7d7d7;background-color: #ffffff;} #globalwrap .weather .weathers .weatherSingle .weatherImage .image-night{background-color: #ffffff;} .weather .weathers .weatherSingle .weatherImage, #globalwrap .weather .weathers .weatherSingle .weatherImage.image-night{width: 100px;height: 100px; overflow: hidden; text-align: center;} .weather .weathers .weatherSingle .weatherImage img{background-color: rgba(0,0,0,0);padding-top:150px; background-position: 0 25px !important;} @media (max-width:1200px){ .weather .weathers .weatherSingle{width: 17%;} .weather .weathers .weatherSingle .weatherDate{font-size: 15px;} .weather .weathers .weatherSingle .weatherTemp{font-size: 24px;} .weather .weathers .weatherSingle .weatherImage, #globalwrap .weather .weathers .weatherSingle .weatherImage.image-night{width:80px;height:80px;} .weather .weathers .weatherSingle .weatherImage img{ background-position: 0 15px !important;} } @media (max-width: 979px) { .weather .weathers .weatherSingle{width: 43px;} .weather .weathers .weatherSingle .weatherDate{font-size: 12px;margin-top: 55px;padding-bottom: 0;} .weather .weathers .weatherSingle .weatherTemp{font-size: 20px;} .weather .weathers .weatherSingle .weatherImage,.weather .weathers .weatherSingle .weatherImage, #globalwrap .weather .weathers .weatherSingle .weatherImage.image-night{width: 50px;height: 50px;} .home-page-info .weather .weathers .weatherImage img{background-size: 30px auto !important;} .weather .weathers .weatherSingle .weatherImage img{width: 35px;height: 35px;background-size: 35px auto;} } @media (max-width: 767px){ .weather .weathers .weatherSingle .weatherImage{margin: 0 auto; left: 0; right: 0;} } .home-page-info{text-align: center; padding-bottom: 40px; } .home-info h3{text-transform: uppercase;} /*News section*/ .news-item{margin-bottom: 15px;padding: 0 0 10px;border-bottom: 1px solid #e0e0e0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;} .media-body h4{color: #937d40;font-size: 18px;line-height: 120%;margin: 0 0 5px 0;} .media-body .news-date{color: #606060;font-size: 13px;text-transform: uppercase;font-weight: 400;margin: 0;top: 0;line-height: 140%;} .media-body .news-summary{color: #3f3f3f;font-size: 15px;margin: 0;font-weight: 400;} .media-body .news-summary .read-more{color: #3D035C;font-size: 13px !important;padding-left: 0;display: block;line-height: 120%;} .news-item .img-polaroid{margin: 0 10px 0 0;padding: 0; border:none;background:none;} .media-body .news-summary br{display: none;} .media-body .news-summary a{text-decoration: underline;} .media-body .news-summary a:hover{text-decoration: none;} .club-news a{text-transform: uppercase;font-size: 14px;} @media (max-width: 979px) { .media-body h4{font-size: 16px} .media-body p.news-summary{font-size: 14px;} } @media (max-width: 767px) { .home-page-info{padding: 20px 20px 0 20px;} .club-news{margin-bottom: 20px;} .media-body h4{margin: 5px 0;} .home-info h3{margin-bottom: 0px;} .media-body .news-date{position: relative;} } .show-more-news a{color: #606060;text-transform: uppercase;position: relative;font-size: 15px; font-weight: 400;padding: 0 0 0 30px;} .show-more-news a:before{content: "\f0c5";position: absolute;left: 4px;color: #606060;font-size: 16px;} /*Home page*/ /* ============================================== */ .body-class-home .the-page{padding: 0;padding-top: 60px;} .home-info {text-align: left;padding: 20px 0;} .home-info h1{font-size: 46px;color: #333333;font-weight: 400;line-height: 140%;} .home-info h2{color: #333333;margin: 0;line-height: 140%;text-transform: uppercase;} .home-info p{color: #666666;} .body-class-members .home-info h1, .body-class-members .home-info h2, .body-class-members .home-info p, .body-class-members .home-page-boxes .box h4 a{color: #333;} @media (max-width: 979px) { .home-info{padding: 10px 0;} .home-info h1{font-size: 32px;line-height: 140%;} .body-class-home .the-page{padding-top: 40px;} } @media (max-width: 767px) { .home-info{padding:0 0 10px 0;margin-bottom: 25px;} .home-info:last-child{margin: 0;} .home-info h1{font-size: 26px;line-height: 140%;} .body-class-home .the-page{padding-top: 20px;margin: 0;} } /* ============================================== */ /*Sldier*/ /* ============================================== */ .page-slider{position: relative;z-index: 0;} .page-slider:before{ content:""; position: absolute; height: 100%; max-height: 250px; width: 100%; top: 0; z-index: 100; background: -moz-linear-gradient(top, rgba(51,89,150,1) 0%, rgba(51,89,150,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(51,89,150,1) 0%,rgba(51,89,150,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(51,89,150,1) 0%,rgba(51,89,150,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335996', endColorstr='#335996',GradientType=0 ); /* IE6-9 */} .body-class-members .page-slider:before{display: none;} .page-slider .galleryInner {overflow: visible !important;width: 100% !important;height: auto !important;} .page-slider .galleryWrapperNivo{position:relative;} .page-slider .galleryInner img{width: 100% !important;height: auto !important } /*Slider navigation*/ .page-slider .nivo-controlNav{margin: 0;padding: 0;bottom: 0;} .page-slider .nivo-controlNav a{width: 20px;height: 20px;} .page-slider .galleryInner .nivo-directionNav a{width: 50px;height: 50px;display: block;} .page-slider .nivo-controlNav-Wrapper {width: 75px;left: 0;right: 0;margin: 0 auto;z-index: 200;bottom: 0%; display: none;} /*Hide arrows and bullets on inner page*/ .body-inner .page-slider .nivo-controlNav-Wrapper, .body-inner .page-slider .nivo-directionNav, .nivo-directionNav/*, .nivo-controlNav-Wrapper*/{display: none !important;} /*Hide first bullet on slider - if the image is only one*/ .nivo-controlNav-Wrapper .nivo-controlNav a[rel="0"] {} /*Caption*/ .page-slider .nivo-caption{background: rgba(0,0,0,0);width: 800px;margin:0 auto;right:0;position: absolute;text-align: center;top: inherit;bottom: 25%;opacity: 1;z-index: 100;-moz-opacity: 1;filter: alpha(opacity=0);height: 125px;} #globalwrap .page-slider .nivo-caption .caption{position: absolute;top:-200px;opacity: 0;width: 100%;left:0;right:0;box-sizing:border-box;} .page-slider .nivo-caption h1{font-size: 30px;text-shadow:2px 2px 0px #000000;line-height: 120%;font-weight: 400;color:#fff;margin: 0 0 10px;} .page-slider .nivo-caption h2{font-size: 24px;text-shadow:2px 2px 0px #000000;color:#ffde66;letter-spacing: 2px;text-transform: uppercase;margin: 0 0 10px;} .page-slider .nivo-caption h3{font-size: 20px;text-shadow:2px 2px 0px #000000;color:#fff;margin: 0 0 10px;} .page-slider .nivo-caption h4{font-size: 18px; text-shadow:3px 3px 0px #000000;margin: 0 0 10px;color:#fff;} .page-slider .nivo-caption h5{font-size: 16px;text-shadow:2px 2px 0px #000000;margin: 0 0 10px;color:#fff;} .page-slider .nivo-caption p{color: #ffffff; font-size: 16px;text-shadow:2px 2px 0px #000000;} .page-slider .nivo-caption p a{background-color: #e4c367;width: auto;padding: 10px 20px; display: inline-block !important;margin: 0 auto;text-shadow: none;text-transform: uppercase;text-decoration: none;line-height: 120%;color: #333333;font-family: 'Belleza', sans-serif;font-size: 16px;letter-spacing: 1px;} @media (max-width:1200px){ .page-slider .nivo-caption{bottom: 10%;} .page-slider .nivo-caption h1{font-size: 24px;} .page-slider .nivo-caption h2{font-size: 22px;} .page-slider .nivo-caption h3{font-size: 20px;} .page-slider .nivo-caption h4{font-size: 18px;} .page-slider .nivo-caption h5{font-size: 16px;} .page-slider .nivo-caption p{ font-size: 16px;} } @media (max-width:979px){ #globalwrap .page-slider .nivo-controlNav-Wrapper{display: none;} .page-slider .nivo-caption{bottom: 0; width: 600px; height: 125px;} .page-slider .nivo-caption h1{font-size: 22px;} .page-slider .nivo-caption h2{font-size: 20px;} .page-slider .nivo-caption h3{font-size: 18px;} .page-slider .nivo-caption h4{font-size: 17px;} .page-slider .nivo-caption h5{font-size: 16px;} .page-slider .nivo-caption p{ font-size: 16px;} .page-slider .nivo-caption p a{font-size: 14px;} } @media (max-width:767px){ .page-slider:before{max-height: 125px;} .page-slider .nivo-caption{top: 80px;height: auto;display: none !important;} .page-slider .nivo-caption p.banner-logo, #globalwrap .page-slider .nivo-directionNav, #globalwrap .page-slider .nivo-controlNav-Wrapper{display: none;} .page-slider .nivo-caption h1{line-height: 20px;margin: 0;} .page-slider .nivo-caption h2{font-size: 18px;} .page-slider .nivo-caption h3{font-size: 16px;} .page-slider .nivo-caption h5{font-size: 15px;} .page-slider .nivo-caption h5{font-size: 14px;} .page-slider .nivo-caption p{ font-size: 14px;} .page-slider .nivo-caption p a{font-size: 12px;} } @media (max-width:530px){ #globalwrap .page-slider .nivo-caption p.banner-logo{display: none;} .page-slider .nivo-caption{width:100%;} } /*Scroll down*/ .go-down{position: absolute;left: 0;right: 0;margin: 0 auto;height: 75px;width: 75px;text-align: center;color: #fff;border-radius: 50%;z-index: 10;bottom: 150px;} .go-down i:before{font-size: 30px;} .go-down span{text-transform: uppercase;font-family: 'Lato', sans-serif;font-size: 15px;font-weight: 500;} .go-down{color: #ffffff;} .go-down:hover,.go-down:focus{color: #ffffff;} .go-down i{position: relative;top:0;-moz-transition: top 0.3s ease-out;-webkit-transition: top 0.5s ease-out;transition: top 0.5s ease-out;} .go-down:hover i{top:10px;} .scrollToTop{width: 30px; height: 30px; padding:10px; text-align:center; font-weight: bold; color: #444; text-decoration: none; position:fixed; bottom: 20px; right: 20px; display:none; font-size: 26px; border: 1px solid #e0ddce; border-radius: 50px; background: #e0ddce; z-index: 100; } .scrollToTop:hover{text-decoration:none; opacity: 0.7; } @media (max-width:1200px){ .go-down{bottom: 130px;} .scrollToTop{height: 20px;width: 20px;line-height: 20px;} } @media (max-width:979px){ .go-down{bottom: 110px;} } @media (max-width:767px){ .go-down{display: none !important;} } /*Hide on inner pages*/ .body-class-home .inner-page-hide{display: block;} .inner-page-hide{display: none;} /* ============================================== */ /*Main styles*/ /* ============================================== */ html{} body{padding: 0;} #globalwrap {padding-top: 0px;} .main-wrapper > .container{width: 100%;} .main-wrapper #globalwrap{padding-top:0;} body.body-public .main-wrapper, body.body-public #outerborder > div{height: 100%;} body.body-class-home .main-wrapper{ background-color: rgba(0,0,0,0);} .inner-page .page-sidebar a[href$=".pdf"] {position: relative; padding-left: 20px} .inner-page .page-sidebar a[href$=".pdf"]:before {content: '\f0f6'; font-family: 'FontAwesome'; position: absolute; left: 0;font-size: 16px;} .inner-page .page-sidebar img{border: 1px solid #ebebeb;padding: 4px;border-radius: 3px;box-sizing: border-box;} .sidebar .menu-section h2 a {pointer-events: none;} /* ============================================== */ /*The Page*/ /* ============================================== */ .the-page{padding: 40px 0;} .inner-page{margin-bottom: 0;padding: 20px 0;} .home-page .sidebar.pull-left{margin: 0 !important;} .inner-page .sidebar.pull-left{margin: 0 auto;} .title{margin: 25px 0;padding:20px 0;border-bottom: 2px solid #ebebeb;border-top:2px solid #ebebeb;} .title h1{margin-bottom: 0} @media (max-width: 979px) { .title{margin: 0px 0 30px;} } @media (max-width: 767px) { .the-page{padding: 0px 15px;margin: 20px 0;} .sidebar.pull-left, .inner-content.pull-right{float: none !important;} } /* ============================================== */ /*Home Boxes*/ /* ============================================== */ .home-page-boxes{margin: 0;padding: 80px 0;background: #f1f1f1;} .body-contentpage.body-inner .home-page-boxes {background-color: #f4f2f1;} .home-page-boxes .box{position: relative;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .home-page-boxes .box .inner-box{position: relative;} .home-page-boxes .box .inner-box:before{ content: ""; width: 100%; height: 50%; bottom: 0; left: 0; position: absolute; z-index: 1; background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(9,18,14,0.5) 60%, rgba(9,18,14,0.8) 100%); background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(9,18,14,0.5) 60%,rgba(9,18,14,0.8) 100%); background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(9,18,14,0.5) 60%,rgba(9,18,14,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#cc09120e',GradientType=0 ); } .home-page-boxes .box:hover{-moz-transform: translate(0,-20px);-webkit-transform: translate(0,-20px);-ms-transform: translate(0,-20px);-o-transform: translate(0,-20px);transform: translate(0,-20px);} .home-page-boxes .box h4{text-transform: uppercase;font-size: 24px;color: #e4c367;margin-bottom: 10px;margin: 0;transition: all 0.3s ease-out;transform: translate(0, 30px);opacity: 0;height: 100%;vertical-align: middle;display: table;width: 100%;} .home-page-boxes .box:hover h4{transform: translate(0, 0);opacity: 1;} .home-page-boxes .box h4 a{color: #e4c367;display: table-cell;width: 100%;height: 100%;text-decoration: none;position: relative;z-index: 100;vertical-align: middle;} .home-page-boxes .home-box-conteiner{position: absolute;z-index: 1;text-align: center;width: 100%;bottom: 0;height: 0;} .home-page-boxes .box .home-box-conteiner:before{transition: all 0.3s ease-out;content: "";left: 0;bottom: 0;right: 0; position: absolute;width: 0%;height: 0%;background-color: rgba(51,89,150,0.7);} .home-page-boxes .box:hover .home-box-conteiner:before{z-index: -1;width: 100%;height: 100%;} .home-page-boxes .home-box-conteiner{height: 100%;} .home-page-boxes .home-box-conteiner .home-box-title{bottom: 0;position: absolute;width: 100%;overflow: hidden;height: 100%;z-index: 100;} .home-page-boxes .box .home-box-img{margin: 0;position: relative; max-height: 310px; overflow: hidden;} .home-page-boxes .box .home-box-img a{display: block;background-color: #333;width: 100%;height: 100%;} .home-page-boxes .box .home-box-text p {font-size: 22px;line-height: 26px;color: #ffffff;width: 100%;margin: 0 auto;display: block;} .home-page-boxes .box .home-box-text p a{color: #ffffff;text-decoration: none;display: block;width: 100%;height: 100%;padding: 0 30px;box-sizing: border-box; text-shadow: 1px 1px 1px black;} .home-page-boxes .box .home-box-text p a:hover{color:#e4c367;} .home-page-boxes .box .home-box-text{position: absolute;z-index: 10;bottom: 0px;width: 100%;text-align: center;transition: all 0.3s ease-out;transform: translate(0, 0);height: 100px;z-index: 1;} .home-page-boxes .box:hover .home-box-text{transform: translate(0,-30%);} .body-class-members .home-page-boxes .box{overflow: visible;} .body-class-members .home-page-boxes .box .home-box-conteiner:before, .body-class-members .home-page-boxes .box:before{display: none;} .body-class-members .home-page-boxes .home-box-conteiner, .body-class-members .home-page-boxes .box .home-box-text{position: relative;bottom: 0;} .body-class-members .home-page-boxes .home-box-conteiner .home-box-title{overflow: visible;height: auto;position: relative;} .body-class-members .home-page-boxes .home-box-conteiner p a, .body-class-members .home-page-boxes .box .home-box-text p a{color: #000000;} .body-class-members .home-page-boxes .box:hover .home-box-text, .body-class-members .home-page-boxes .box:hover, .body-class-members .home-page-boxes .box h4, .body-class-members .home-page-boxes .box:hover .home-box-text{transform: translate(0, 0);height: auto;opacity: 1;bottom: 0;} @media (max-width:1200px){ .home-page-boxes .box .home-box-conteiner:before{display: none;} .home-page-boxes .home-box-conteiner .home-box-title{bottom: 0;height: 100%;} .home-page-boxes .box .home-box-text{width: 100%;height: 24px;bottom: 55px;} .home-page-boxes .box h4{transform: translate(0,0);opacity: 1;font-size: 16px;} .home-page-boxes .box .home-box-text p{font-size: 14px;display: inline;line-height: 20px;} .home-page-boxes .box:hover{transform: translate(0, 0);} .home-page-boxes .box:hover .home-box-text{transform: translate(0,0);} .home-page-boxes .box .home-box-text p a{padding:0 10px;} .home-page-boxes .box h4{width: 100%} .home-page-boxes .box h4 a{vertical-align: bottom;padding-bottom: 80px;} } @media (max-width:767px){ .home-page-boxes{padding: 20px 15px;} .home-page-boxes .box .home-box-img{margin-bottom: 0;} .home-page-boxes .box h4{} .home-page-boxes .box{max-width: 330px;margin: 0 auto 20px !important;padding-bottom: 0;} .home-page-boxes .box:last-child{border:none;padding: 0;} } /* ============================================== */ /*Twitter*/ /* ============================================== */ .twitterTitle{text-align: center;} .twitterTitle a,.twitterTitle a:hover{text-decoration: none; } .twitterTitle h1{transition: all .3s ease-out;display: inline-block;padding-bottom: 10px;} .twitterTitle a:hover h1{color: #4AB3F4;} .twitterTitle h1:after{content: "\f099"; font-family: FontAwesome;margin-left: 20px;} .twitter-wrapper-outer{padding: 40px 0;background: #f4f2f1;} .page-twitter-title{padding: 41px 40px 79px;} .page-twitter-title h2{font-size: 24px;line-height: 39px;margin-bottom: 5px;color: #fff;font-style: italic;} .page-twitter-title p{color: #fff;} .twitter-wrapper .twitter-feeds .tweet_list li a{color: #064533;} .twitter-wrapper .twitter-feeds{padding: 40px 0 0;} .twitter-wrapper .twitter-title h1{position: relative;font-size: 28px;color: #3a3a3a;padding-left: 40px;font-style: italic;letter-spacing: 1px;} .twitter-wrapper .twitter-title h1:before{content: "\f099"; color:#3a3a3a;font-family: "FontAwesome";position: absolute;left: 0px;text-decoration: none;font-size: 30px;line-height: normal;top: 5px;} .twitter-wrapper .page-twitter .tweet_list{ display: table;} .twitter-wrapper .page-twitter .tweet_list p, .twitter-wrapper .page-twitter .tweet_list span{font-size: 15px;color: #666666;} .twitter-wrapper .page-twitter .tweet_list li{display: inline-block;width: 340px;padding: 25px 0;border-bottom: 1px solid #e3e2e1;border-top: 1px solid #e3e2e1;margin: 0 25px;min-height: 100px;max-height: 100px;} @media (max-width:1200px){ .twitter-wrapper .twitter-feeds{} .page-twitter-title{padding:30px 40px 90px;} .page-twitter-title h2{font-size: 20px;line-height: 32px;} .twitter-wrapper .page-twitter .tweet_list li{width: 260px;min-height: 150px;max-height: 150px;} } @media (max-width:979px){ .page-twitter-title h2{} .page-twitter-title{padding: 10px 10px 100px 10px;background-size: cover;} .twitter-wrapper .twitter-feeds{padding: 10px 0px;} .twitter-wrapper .page-twitter .tweet_list p, .twitter-wrapper .page-twitter .tweet_list span{font-size: 13px;line-height: 20px;} .twitter-wrapper .page-twitter .tweet_list li{width: 26%;line-height: 20px;} .twitter-wrapper .twitter-title h1:before{top: 0;} } @media (max-width:767px){ .twitter-wrapper-outer{padding: 20px 15px;} .twitterTitle h1{margin: 0;} .page-twitter-title{background-image: none;padding: 20px 20px 0 20px;border-bottom: 1px solid #d8d7d7;} .page-twitter-title h2 {color: #333333;font-size: 14px;line-height: 20px;} .page-twitter-title p{line-height: 16px;color: #333333;} .page-twitter-title h2 >br{display: none;} .twitter-wrapper .twitter-title h1{font-size: 18px;padding-left: 30px;} .twitter-wrapper .twitter-title h1:before{font-size: 22px;top: 2px;} .twitter-wrapper .twitter-feeds{padding: 0;} .twitter-wrapper .page-twitter .tweet_list li{width: auto;display: block;line-height: 20px;border-top: none;padding: 10px 0;max-height: 100%;min-height: 100%;margin: 0 15px !important;} .twitter-wrapper .page-twitter .tweet_list li:last-child{border:none;} } /* ============================================== */ /*Buttons*/ /* ============================================== */ .btn, .btn:hover{-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .btn.btn-clear, .btn-dark, .btn.button{background-image: none;color: #ffffff;font-weight: 500;background-color:#3D035C;text-shadow:none;padding: 5px 15px;border: none;font-size: 12px;border-radius: 3px;text-transform: uppercase;text-decoration: none;} .btn.btn-clear:hover, .btn.btn-dark:hover{background: #3D035C;color: #ffffff;} @media (max-width:979px){ .btn.btn-clear{width: 120px;} } /* ============================================== */ /*Inner sidebar*/ /* ============================================== */ .inner-page .sidebar .menu-section{border: 1px solid #ebebeb;padding: 20px 20px 10px 20px;border-radius: 4px;} .inner-page .sidebar .menu-section{margin: 0 0 10px;} .inner-page .sidebar .menu-section h2{color: #937d40;border-bottom: 1px solid #D6CD9F;padding: 0px 0 9px 0;font-size: 18px;text-transform: uppercase;line-height: 20px;margin: 0 0 10px 0;} .inner-page .sidebar .menu-section h2 a{text-decoration: none;color: #937d40;} .inner-page .sidebar ul{margin:0;} .inner-page .sidebar ul li{margin-bottom: 5px;} .inner-page .sidebar ul li a{display: block;padding: 5px 0;position: relative;color: #3D035C;font-size: 15px;letter-spacing: 0.5px;font-weight: 400;text-decoration: none;} .inner-page .sidebar ul li a:before{content: "\f054";font-family: "FontAwesome";position: absolute;font-size: 10px;padding: 0;left: 0;top: 10px;font-style: normal;color: #aeaeae;font-weight: normal;text-decoration: inherit;display: none;} .inner-page .sidebar ul li a:hover, .inner-page .sidebar ul li.current a, .inner-page .sidebar ul li a:hover:before, .inner-page .sidebar ul li.current a:before{color: #3D035C;text-decoration: none;} .inner-page .sidebar{} .inner-page .sidebar .sidebar-info{border: 1px solid #ebebeb;border-radius: 4px;} .inner-page .sidebar .sidebar-info-title, .maincontent-info-title {text-align: center;padding: 10px;background-color: #f5f5f5;border-bottom: 1px solid #ddd;} .inner-page .sidebar .sidebar-info-title h3, .maincontent-info-title h3 {margin-bottom: 0; text-transform: uppercase;} .inner-page .sidebar .sidebar-info-title img, .maincontent-info-title img{margin: 0;border:none;} .inner-page .sidebar .sidebar-info-title p,.inner-page .sidebar .sidebar-info-details p{margin-bottom: 0;} .inner-page .sidebar .sidebar-info-details{padding: 10px;line-height: 24px;} @media (max-width: 979px) { .inner-page .sidebar ul li a:before{font-size: 10px;} } @media (max-width: 979px) { .inner-page .sidebar ul li a{font-size: 14px;padding-left: 15px;} } @media (max-width: 767px) { .inner-page{} .inner-page .sidebar{margin: 20px 0;max-width: 350px;} .inner-page .sidebar ul li a{max-width: 260px;} .inner-page .inner-content ul li:before {font-size: 8px;top:0;} } /* ============================================== */ /*Images size without border*/ /* ============================================== */ .inner-page p > img{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 10px;} .inner-page p > img:last-child{margin-right: 0} .inner-page p > img:first-child{margin-left: 0;} @media (max-width:1200px){ .profesionall .inner-content img{max-width:125px !important;} } @media (max-width:979px){ .inner-content p > img, .inner-content > div > img {margin: 0px 10px 10px 0;width: 230px !important;} } @media (max-width:767px){ .inner-content p > img, .inner-content > div > img{width: 250px !important;} } @media (max-width:580px){ .inner-content p > img, .inner-content > div > img {max-width: 350px !important;max-height: 100% !important;width: 100% !important;} } .inner-page .inner-content form{max-width:100%;} /* ============================================== */ /*Map container*/ /* ============================================== */ #map_container { width: 100% !important;} /* ============================================== */ /*Last item on menu need position left*/ /* ============================================== */ #topmenu #nav li:last-child ul{left: 0;} #topmenu #nav li:last-child ul.dropdown-menu:after{left:90px;} /* ============================================== */ /*List style*/ /* ============================================== */ /*list style after*/ .inner-page .inner-content ul li{position: relative;padding:0 0 0px 20px; margin: 0 0 15px;} .inner-page .inner-content ul li:after {content: "\f111";font-family: "FontAwesome";position: absolute;font-size: 8px;padding: 0;left: 2px;top: 0px;font-style: normal;color: #000000;font-weight: normal;text-decoration: inherit;} .inner-page .inner-content ul ul li:after {content: "–"; font-size: 10px;} /*Remove list style from sidebar*/ .inner-page .inner-content .sidebar ul li:before{display: none;} /*Remove list style from holes*/ /* ============================================== */ /*General table*/ /* ============================================== */ table{border: 1px solid #dddddd;} table thead tr td, table thead:first-child tr:first-child th{text-align: left;font-weight: 400;color: #fff;letter-spacing: 0.5px;background-color: #432358;font-size: 14px;padding: 15px 10px !important;} table thead th{white-space: nowrap;padding: 10px 15px;} table thead{border: 1px solid #dddddd;} table thead a, table th a {color: #fff !important;} table tr td, .inner-page table tr th{padding: 2px 4px;font-size: 14px; line-height: 140%;} table th{ padding:5px 5px; border: 1px solid #ddd; vertical-align: top;} table tr td{font-weight: 300;padding:5px;text-align: left;border:1px solid #ddd; background-color: #ffffff;} table tr td:last-child, .inner-page table thead th:last-child{} table tr:nth-child(2n+0) td {background-color: #f4f2f1;} table td{padding:10px 5px; vertical-align: top} table td p{margin:0 0 10px; font-size: 14px;} table tr:last-child td{text-align: left;} .text-right {text-align: right !important;} @media (max-width: 1200px) { table th, body .inner-page .table thead:first-child tr:first-child th{padding: 5px;font-size: 13px;} table tr td, .inner-page table tr th{padding: 2px 4px;font-size: 12px;} table td p{font-size: 12px;} } @media (max-width: 979px) { table th, body .inner-page .table thead:first-child tr:first-child th{padding: 5px;font-size: 12px;} table tr td, .inner-page table tr th{padding: 2px 4px;font-size: 11px;} table td p{font-size: 11px;} } @media (max-width: 767px) { body .inner-page table td,body .inner-page table td p, body .inner-page table th,body .inner-page table th, body .inner-page .table thead:first-child tr:first-child th{font-size:11px;padding:3px !important;width:auto !important;} table td p{font-size: 11px;} /*table for all website*/ .main-wrapper .table-striped tbody > tr:nth-child(odd) > td, .main-wrapper .table-striped tbody > tr:nth-child(odd) > th,.table th, .table td{padding:3px;font-size: 11px;} } .body-class-members table thead tr td, table thead:first-child tr:first-child th {font-size: 16px;} .body-class-members table tr td {font-size: 15px;} .body-class-members table td p {font-size: 15px;} @media (max-width: 1200px) { .body-class-members table thead tr td, table thead:first-child tr:first-child th {font-size: 15px;} .body-class-members table tr td {font-size: 14px;} .body-class-members table td p {font-size: 14px;} } @media (max-width: 979px) { .body-class-members table thead tr td, table thead:first-child tr:first-child th {font-size: 14px;} .body-class-members table tr td {font-size: 13px;} .body-class-members table td p {font-size: 13px;} } @media (max-width: 767px) { .body-class-members table thead tr td, table thead:first-child tr:first-child th {font-size: 13px;} .body-class-members table tr td {font-size: 12px;} .body-class-members table td p {font-size: 12px;} } @media (max-width: 480px) { .body-class-members table thead tr td, table thead:first-child tr:first-child th {font-size: 12px;} .body-class-members table tr td {font-size: 11px;} .body-class-members table td p {font-size: 11px;} } /* ============================================== */ /*Form field*/ /* ============================================== */ .inner-page form{background-color: #f4f2f1;width: 100%;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;max-width: 400px;padding: 20px;border-bottom: 3px solid #e7e3e1;} .inner-page textarea,.inner-page input[type="text"],.inner-page input[type="password"],.inner-page input[type="datetime"],.inner-page input[type="datetime-local"], .inner-page input[type="date"],.inner-page input[type="month"],.inner-page input[type="time"],.inner-page input[type="week"],.inner-page input[type="number"],.inner-page input[type="email"],.inner-page input[type="url"],.inner-page input[type="search"],.inner-page input[type="tel"],.inner-page input[type="color"],.inner-page .uneditable-input,.inner-page select{border-radius: 0;padding: 5px 13px;width: 90%;border: 1px solid #e7e3e1;height: 35px;} .inner-page input[type="submit"]{background: #3D035C;border-radius: 0;border: none;text-transform: uppercase;display: block;color: #f2f2f2;padding: 10px 15px;font-weight: 400;text-transform: uppercase;display: block;font-size: 15px;letter-spacing: 2px;text-shadow: none;margin-top: 15px;} .inner-page input[type="submit"]:hover{background-color: #442258;color: #ffffff;text-decoration: none;} .inner-page input.datepicker.hasDatepicker{width: 77%;} .inner-page .ui-datepicker-trigger{margin: -10px 0 0 5px;width: 20px;} @media (min-width: 980px) and (max-width: 1199px) { .inner-page form {} .inner-page input, .inner-page textarea {} } @media (min-width: 768px) and (max-width: 979px) { .inner-page form {padding: 10px;} .inner-page input, .inner-page textarea {} .inner-page input[type="submit"] {padding: 10px; } } @media (max-width: 767px) { .inner-page form{padding: 15px;} .inner-page .ui-datepicker-trigger{width: auto !important;} } /* ============================================== */ /*Media Video*/ /*Video in sidebar*/ iframe{width:100% !important;height: 205px;} .sidebar iframe{width:100% !important;height: 205px;} @media (max-width:1200px){ .sidebar iframe{width:100% !important;height: 165px;} } @media (max-width:979px){ .sidebar iframe{width:100% !important;height: 125px;} } @media (max-width:767px){ .sidebar iframe{width: 365px!important;height: 205px;} } /* ============================================== */ /*Video in page content*/ iframe{width:100% !important;height: 433px;} @media (max-width:1200px){ iframe{width:100% !important;height: 348px;} } @media (max-width:979px){ iframe{width:100% !important;height: 267px;} } @media (max-width:767px){ .videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0; height: 0; } iframe{width: 100%;height: 168px;margin: 0px;display: block;} } /* ============================================== */ /*Hole page */ /* ============================================== */ /*Course navigation*/ .inner-page .hole-nav{margin-bottom: 50px;} .hole-page .hole-nav h2{display: none;} .hole-page .hole-nav { margin: 0px auto; text-align: center; position: relative; z-index: 5; padding-bottom: 40px; } .hole-page .hole-nav ul{width: auto;margin: 0 auto;border-top: 1px solid #d4d2ce;display: inline-block;} .hole-page .hole-nav ul li{ margin: 0; padding: 0; border: 0; vertical-align: baseline; float: left; } .hole-page .hole-nav ul li a{ display: block; color: #2d2d2d; text-align: center; padding: 15px 0px 15px !important; outline: none; margin: 0; position: relative; width: 46px; text-decoration: none; font-size: 16px; } .hole-page .hole-nav ul li a:hover, .hole-page .hole-nav ul li.current a{ position: relative; opacity: 1; color: #f4f4f4; background-color: #3D035C; } .hole-page .hole-nav ul li a:hover::after, .hole-page .hole-nav ul li.current a:after{ content: ''; position: absolute; top: 100%; left: 0; right: 0; width: 100%; padding-top: 40.25%; background-repeat: no-repeat; background-position: 50% 0; } .hole-page .hole-nav ul li a:hover:before, .hole-page .hole-nav ul li.current a:before{bottom: 0; } .hole-page .hole-nav ul li a:hover, .hole-page .hole-nav ul li.current a{text-decoration: none; color: #ffffff; z-index: 1;} .hole-page.inner-page .page-sidebar img{border:none;} @media (max-width:1200px){ .hole-page .hole-nav ul li a{overflow: visible;} .hole-page .hole-nav ul li a:hover::after, .hole-page .hole-nav ul li.current a:after{ padding-top: 70%;height: 47px;} } @media (max-width:979px){ .hole-page .hole-nav ul{width:320px;margin: 0 auto;} .hole-page .hole-nav ul li{margin: 0;padding: 0;width: auto;} .hole-page .hole-nav ul li a{width: 35px;line-height: 40px;padding: 0px !important;} .hole-page .hole-nav ul li a:hover::after, .hole-page .hole-nav ul li.current a:after{display: none;} .hole-page .hole-nav ul li a:hover, .hole-page .hole-nav ul li.current a{} } @media (max-width:767px){ .hole-page .hole-nav ul{width: 215px;margin: 5px auto;} .hole-page .page-sidebar img{max-width: 250px; width: 100%;} } /* ============================================== */ /* Yards table */ .hole-page .hole-yards table.yards{padding: 10px;border: none;width: 700px;margin: 0 auto 40px;} .hole-page .hole-yards table.yards tbody tr{background: rgba(255, 255, 255,0);} .hole-page .hole-yards table.yards td {background:rgba(0,0,0,0);border:none;padding: 10px 15px 10px 0;} .hole-page .hole-yards table.yards td p{float: left;font-size: 17px;font-weight: 400;margin-bottom: 0;margin: 0;color: #40af49;padding: 2px;letter-spacing: 3px;text-transform: uppercase;} .hole-page .hole-yards table.yards td i{float: left;font-size: 21px;color: red;border: 1px solid #dcdcdc;text-align: center;margin: 5px 10px 0 0;line-height: 17px;width: 18px;padding: 0;} .hole-page .hole-yards table.yards td i:before {} .hole-page .hole-yards table.yards td.white i {color: #f1f1f1;} .hole-page .hole-yards table.yards td.yellow i {color: #ffcf27;} .hole-page .hole-yards table.yards td.red i { } @media (max-width:1200px){ .hole-page .hole-yards table.yards td i{} .hole-page .hole-yards table.yards td{text-align: center;padding: 10px 10px 10px 0;} .hole-page .hole-yards table.yards td p{font-size: 16px;margin-bottom: 0;} } @media (max-width:979px){ .hole-page .hole-yards table.yards{width: 550px;margin-bottom: 30px;} .hole-page .hole-yards table.yards td p{font-size: 14px;float: none;display: block;} .hole-page .hole-yards table.yards td:last-child{padding-bottom: 10px;border-bottom: none;} } @media (max-width:767px){ .hole-page .hole-yards table.yards{width: 170px;margin: 0 auto;} .hole-page .hole-yards table.yards td{display: block;padding: 0 0 10px 0;} .hole-page .hole-yards table.yards td p{width: 100%;white-space: nowrap;} .hole-page .hole-yards table.yards td i{float: left;margin-top: 4px;margin-right: 0px;} } @media (max-width:500px){ } /* Yards table ENDS*/ /*Pro tips*/ /* ============================================== */ .tips, .comment{padding: 0 0 25px;border-radius: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;position: relative;width: 100%;} .hole-links{text-align: center;} /*Hole Gallery Slider - arrows in the righ bottom conten*/ /* ============================================== */ .gallery{margin: 0 0 20px;} .inner-page .galleryInner {overflow: visible !important;width: 100% !important;height: auto !important;} .inner-page .galleryWrapperNivo{position:relative;border: 1px solid #ddd;border-radius: 4px;padding: 4px;box-sizing: border-box;} .inner-page .galleryInner img{width: 100% !important;height: auto !important;z-index: 0; } .inner-page .galleryInner .nivo-caption, .inner-page .nivo-controlNav-Wrapper{display: none !important;} .the-page .nivo-directionNav {width: 50px;height: 40px;position: absolute;right: 11px;bottom: -20px;z-index: 999999;background: #f4f2f1;border-bottom: 3px solid #f4f2f1;display: none;} .the-page .nivo-directionNav a.nivo-prevNav {background-image: none !important;position: absolute;left: 0;top: 0;text-indent: inherit;font-size: 0;text-decoration: none;} .the-page .nivo-directionNav a.nivo-prevNav:before {content: "\f104";position: absolute;left: 10px;color: #23408e;z-index: 9999999;top: 5px;font-size: 30px;} .the-page .nivo-directionNav a.nivo-nextNav {background-image: none !important;position: absolute;right: 0;top: 0;text-indent: inherit;font-size: 0;text-decoration: none;} .the-page .nivo-directionNav a.nivo-nextNav:before {content: "\f105";font-family: "FontAwesome";position: absolute;right: 10px;color: #23408e;top: 5px;font-size: 30px;} .the-page .nivo-directionNav a:hover{text-decoration: none;} /* ============================================== */ /*Club Footer*/ /* ============================================== */ .club-footer{font-size: 16px;padding: 70px 0 70px 0;background: #f1f1f1;position: relative;} .club-footer .info{min-height: 120px;padding: 0;} .club-footer .info a{color: #666666;} .club-footer .info a:hover{text-decoration: underline;} .club-footer ul{margin-bottom: 0;} .club-footer p, .club-footer li a{color: #666666;margin: 0 0 10px;font-size: 16px;font-weight: 400;line-height: 28px;} .club-footer li a{line-height: 24px;font-size: 13px;} .club-footer h3 {padding:0;text-transform: uppercase;color: #937d40;line-height: 22px;font-weight: 400;font-size: 22px;letter-spacing: 1px;} .club-footer img.image-logo{max-width:200px; margin:0 auto 30px; padding-left:30px; display:block;} /*Social links*/ /* ============================================== */ .club-footer .info .social img{margin-right: 0;} .club-footer .info .social a{font-size:26px;margin-right: 0;display: inline-block;outline: none;} .club-footer .info .social a img{/* width:50px; *//* height:50px; */ vertical-align: revert;} .club-footer .info .social a:hover{opacity:0.7;text-decoration:none;} .club-footer .info .social a:hover img.s-icon{display:none;} .club-footer .info .social a:hover img.s-icon-hover{display:block;} .club-footer .info .social a img.s-icon-hover{display:none;} /*Newsletter*/ /* ============================================== */ .newsletter form{padding: 4px 0;} .newsletter form fieldset{ background-color: rgba(0,0,0,0) !important; border: none !important;padding:0; white-space: nowrap;} .newsletter form,.newsletter input{margin-bottom: 0;} .newsletter span.customFormLine {float: left;margin-bottom: 0;} .newsletter input {padding: 7px 15px !important;border-radius: 0;width: 300px;border: none;background: #eaeaea;height: 36px;color: #ababab;font-family: 'Belleza', sans-serif;text-transform: uppercase;font-size: 16px;} .newsletter input#custom_7_submit {background-color: #3D035C;color: white;text-transform: uppercase;box-shadow: none;margin-top: 0px;margin-left: 0;width: 130px;border: none;font-size: 15px;height: 50px;font-weight: 300;letter-spacing: 1px;margin-bottom: 0 !important;font-weight: 400;font-family: 'Belleza', sans-serif;} .newsletter input#custom_7_submit:hover{background-color: #442258;} /* ==============================================*/ /*Scroll to top*/ /* ============================================== */ .body-class-home .scrollToTop{display: none;} .scrollToTop {width: 60px;height: 59px;padding: 0px;text-align: center;font-weight: bold;color: #444;text-decoration: none;position: fixed;bottom: 60px;right: 30px;display: none;font-size: 26px;border: none;border-radius: 0;background: rgba(193, 193, 193, 0.8);z-index: 100;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .scrollToTop i{/* width: 30px; *//* height: 30px; */display: inline-block;border-radius: 0;/* border: 1px solid #656565; *//* padding: 4px; *//* margin-top: 3px; */line-height: 52px;font-size: 40px;opacity: 1;color: #ffffff;} .scrollToTop:hover {text-decoration: none;background: rgb(108, 52, 140);} /*Animation*/ .delay-0-5 {-vendor-animation-duration: 2s; -vendor-animation-delay: 0.5s; animation-duration: 2s; animation-delay: 0.5s; } .delay-1 {-vendor-animation-duration: 2s; -vendor-animation-delay: 1s; animation-duration: 2s; animation-delay: 1s; } .delay-1-5 {-vendor-animation-duration: 2s; -vendor-animation-delay: 1.5s; animation-duration: 2s; animation-delay: 1.5s; } /*.body-public .animatebox{visibility:hidden;}*/ .body-public .animatebox.animated{visibility:visible;} /* ============================================== /* /*Main fotter*/ /* ============================================== */ .main-footer{padding: 5px 0 10px;background-color: #4b4b4b;position: relative;} .main-footer p{padding-top: 12px;} .main-footer p a, .main-footer p {margin: 0;font-size: 15px;color: #ffffff;font-weight: 200;} .main-footer .autor{float: right;text-align: right;} .main-footer .autor a{padding-left: 5px;} .main-footer .autor img{padding: 10px 0 0;} .main-footer .copy{text-align:left;} @media (max-width:979px){ .club-footer h3{font-size: 18px;} .newsletter input{width: 180px;} .club-footer h3{margin-bottom: 5px;} .club-footer .image-logo{width: 130px;} .newsletter form{width: 280px;margin: 0;} } @media (max-width:767px){ .newsletter input{width: 230px;} .club-footer{text-align: center;padding: 20px;} .club-footer .image-logo{width: 130px;float: none;margin: 0 auto;display: block;} .newsletter span.customFormLine{float: none;} .newsletter input#custom_7_submit{margin-top: 5px;} .newsletter form{width: 280px;margin: 0 auto;} .main-footer,.main-footer .copy,.main-footer .autor{text-align: center;float: none;} } /*Sticky Footer*/ /* ============================================== */ html {position: relative;min-height: 100%;} body, #outerborder{margin:0;width: 100%; height: 100%;min-height:100%;} .main-footer, body.body-loginpage .main-footer, body.php-news.body-public .main-footer, body.php-competition.body-inner .main-footer, body.body-class-opens.body-inner .main-footer, body.body-class-diary.body-inner .main-footer, body.body-root-competition\.php .main-footer, body.php-analysis .main-footer, body.php-competition .main-footer, body.php-halloffame .main-footer, body.php-knockout .main-footer, body.php-roundmgmt .main-footer, body.php-search .main-footer, body.body-inner.body-loginpage .main-footer{left: 0;bottom: 0;width: 100%;z-index: 0;position: absolute;} /*Remove Sticky Footer*/ body.body-class-members .main-footer, body.body-class-home .main-footer, body.php-news.body-public .main-footer, body.body-inner .main-footer, body.body-class-members .main-footer, body.body-inner.php-competition .main-footer{position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} @media (max-width:767px){ .main-footer,.php-news.body-public .main-footer, body.body-public.body-loginpage .main-footer, .body-public[class*="php-"] .main-footer, body.php-news.body-public .main-footer, body.body-class-opens.body-inner .main-footer{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;} } /* ============================================== */ /*Mambers Styles*/ /* ============================================== */ /*Login page*/ /* ============================================== */ .body-loginpage #login input[type="submit"]{background: #e4c365;border-radius: 0;color: #000;padding: 8px 15px;font-weight: 400;font-size: 16px;letter-spacing: 2px;text-shadow: none;border: none;width: 100px;display: block;text-transform: uppercase;font-family: 'Belleza', sans-serif;} .body-loginpage #login input[type="submit"]:hover{text-decoration: none;background: #ecd38a;} #login>div{padding: 0 !important;} .body-loginpage .main-wrapper #login, .body-class-members .main-wrapper #leftcontent > div, .body-class-members .main-wrapper #rightcontent > div{border:2px solid #7f7f7f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f5f5f5; padding: 10px 20px 0px 20px; } /*Hide club footer on memebr and login page*/ .body-loginpage .club-footer, .body-class-members .club-footer, .body-class-members .login, .body-class-members .header-wrapper .login a, body.body-class-members.php-ckeditor .header-wrapper { display: none; } /* ============================================== */ /*Buttons for wysiwyg editor*/ /* ============================================== */ .body-loginpage .btn, .body-class-members .navbar-inner .btn, .body-class-members .navbar-inner .btn-group > .btn{border:none;background: #a92222;color: #ffffff;border-radius: 0;text-shadow:none;} .body-loginpage .btn:hover, .body-class-members .navbar-inner .btn:hover, .body-class-members .navbar-inner .btn-group > .btn:hover{text-decoration: none;background-color: #bcb7aa;} /* ============================================== */ /*Memebers Bar style*/ /* ============================================== */ body.body-class-members .tabsWrapper .tabList{background: #0e7f40;} body.body-class-members .tabsWrapper .tabList li a{} body.body-class-members .tabsWrapper .tabList li a span {font-size: 15px; transition: all 0.2s ease-out;} .tabsWrapper .tabList li.current a span, .tabsWrapper .tabList li a span:hover{background: #0e7f40;color: #fff;margin: -5px 0 0;} @media (max-width:1200px){ body.body-class-members .tabsWrapper .tabList li a span{padding: 10px;font-size: 13px;} } @media (max-width:767px){ body .body-class-members .tabsWrapper .tabList li a span{padding: 10px;font-size: 13px;} body .tabsWrapper .tabList li.current a span, body .tabsWrapper .tabList li a span:hover{margin: 0 ;} } /*News styles for members area and news page*/ body.body-class-members .news-wrapper .news-item, body.php-news .news-wrapper .news-item, .announcements .newsbox{border-bottom: 1px dotted #dddddd !important;margin-bottom: 15px;} body.body-class-members .news-wrapper .news-item h4, body.php-news .news-wrapper .news-item h4, .announcements h4{letter-spacing: 0;} body.body-class-members .news-wrapper .news-item:last-child, body.php-news .news-wrapper .news-item:last-child{border:none;} body.body-class-members .news-wrapper .news-item a.read-more, body.php-news .news-wrapper .news-item a.read-more, .announcements .newsbox p a{background-image: none;font-size: 14px !important;position: relative;padding-left: 10px;margin-top: 5px;display: block;} body.body-class-members .news-wrapper .news-item a.read-more:before, body.php-news .news-wrapper .news-item a.read-more:before, .announcements .newsbox p a:before{content: "\f054";font-family: "FontAwesome";position: absolute;font-size: 9px;padding: 0;left: 0;top: 1px;font-style: normal;color: #3D035C;font-weight: normal;text-decoration: inherit;} body.body-class-members .news-wrapper .news-item .news-date, body.php-news .news-wrapper .news-item .news-date, body.body-class-members .news-item .news-summary, body.php-news .news-item .news-summary{padding: 0;margin: 0;} /*Styles for container*/ .body-class-members.php-index .main-wrapper > .container, .body-loginpage.body-public .main-wrapper > .container{background-color: rgba(0,0,0,0);padding: 0;} .body-loginpage .main-wrapper #login, .body-class-members .main-wrapper #leftcontent > div, .body-class-members .main-wrapper #rightcontent > div{border: 1px solid #DDD;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #f4f2f1;padding: 10px 20px 10px 20px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);} .body-loginpage .main-wrapper #login{ padding: 20px 20px 5px 20px;} @media (max-width:979px){ .body-class-members .header-wrapper .navbar-inverse .navbar-inner{} .body-class-members .main-wrapper, .body-loginpage .main-wrapper{padding-top: 20px; } } @media (max-width:767px){ .body-class-members .main-wrapper, .body-loginpage .main-wrapper{padding: 30px 15px; } #statistics, #chartcontainer, .table-striped{margin-bottom: 10px; } } .body-class-members .read-more:after{display:none;} .body-class-members .main-wrapper, .body-loginpage .main-wrapper, .php-competition .main-wrapper, .body-class-opens .main-wrapper, .php-news .main-wrapper, .php-viewround .main-wrapper > .container, .body-class-matchfixtures\/ .main-wrapper > .container, .body-class-matchleagues\/3\/ .main-wrapper > .container, .body-class-matchdetail\/437\/ .main-wrapper > .container{ padding: 60px 15px; background: url('/images/resources/midherts/bg-logo-midherts.png') repeat bottom right rgba(255,255,255,1); background-size: 75%; background-position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ============================================== */ /* Default page styles */ /* ============================================== */ .body-public[class*="php-"] .main-wrapper, .body-class-opens .main-wrapper, .body-class-visitorbooking .main-wrapper, body[class^="body-class-setcoursestatus"] .main-wrapper, .body-public[class*="body-class-matchresults"] .main-wrapper, body.body-public[class*="body-class-matchdetail"] .main-wrapper, body.body-public[class*="body-class-matchplayers"] .main-wrapper, body.body-public[class*="body-class-matchleagues"] .main-wrapper, body.body-public[class*="body-class-matchfixtures"] .main-wrapper, body.body-public[class*="body-class-matchrankings"] .main-wrapper{padding: 50px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} @media (max-width: 979px) { .body-public[class*="php-"] .main-wrapper, .body-class-opens .main-wrapper, .body-class-visitorbooking .main-wrapper, body[class^="body-class-setcoursestatus"] .main-wrapper, .body-public[class*="body-class-matchresults"] .main-wrapper, body.body-public[class*="body-class-matchdetail"] .main-wrapper, body.body-public[class*="body-class-matchplayers"] .main-wrapper, body.body-public[class*="body-class-matchleagues"] .main-wrapper, body.body-public[class*="body-class-matchfixtures"] .main-wrapper, body.body-public[class*="body-class-matchrankings"] .main-wrapper{padding: 50px 0px;} } @media (min-width: 1200px) { .body-public[class*="php-"] .main-wrapper > .container, body.body-public[class*="body-class-matchresults"] .main-wrapper > .container, body.body-public[class*="body-class-matchdetail"] .main-wrapper > .container, body.body-public[class*="body-class-matchplayers"] .main-wrapper > .container, body.body-public[class*="body-class-matchleagues"] .main-wrapper > .container, body.body-public[class*="body-class-matchfixtures"] .main-wrapper > .container, body.body-public[class*="body-class-matchrankings"] .main-wrapper > .container{width: 1170px; margin: 0px auto; } } @media (min-width: 980px) and (max-width: 1199px) { .body-public[class*="php-"] .main-wrapper > .container, body.body-public[class*="body-class-matchresults"] .main-wrapper > .container, body.body-public[class*="body-class-matchdetail"] .main-wrapper > .container, body.body-public[class*="body-class-matchplayers"] .main-wrapper > .container, body.body-public[class*="body-class-matchleagues"] .main-wrapper > .container, body.body-public[class*="body-class-matchfixtures"] .main-wrapper > .container, body.body-public[class*="body-class-matchrankings"] .main-wrapper > .container{width: 940px; margin: 0px auto; } } @media (min-width: 768px) and (max-width: 979px) { .body-public[class*="php-"] .main-wrapper > .container, body.body-public[class*="body-class-matchresults"] .main-wrapper > .container, body.body-public[class*="body-class-matchdetail"] .main-wrapper > .container, body.body-public[class*="body-class-matchplayers"] .main-wrapper > .container, body.body-public[class*="body-class-matchleagues"] .main-wrapper > .container, body.body-public[class*="body-class-matchfixtures"] .main-wrapper > .container, body.body-public[class*="body-class-matchrankings"] .main-wrapper > .container{width: 724px; margin: 0px auto; } } @media (min-width: 0px) and (max-width: 767px) { .body-public[class*="php-"] .main-wrapper, .body-class-opens .main-wrapper, .body-class-visitorbooking .main-wrapper, body[class^="body-class-setcoursestatus"] .main-wrapper, body.body-public[class*="body-class-matchresults"] .main-wrapper > .container, body.body-public[class*="body-class-matchdetail"] .main-wrapper > .container, body.body-public[class*="body-class-matchplayers"] .main-wrapper > .container, body.body-public[class*="body-class-matchleagues"] .main-wrapper > .container, body.body-public[class*="body-class-matchfixtures"] .main-wrapper > .container, body.body-public[class*="body-class-matchrankings"] .main-wrapper > .container{width: 100%;padding: 40px 15px;} } @media (max-width: 979px) { body.body-class-members .menu-trigger, body.body-loginpage .menu-trigger, body.php-competition .menu-trigger, body.body-class-opens .menu-trigger body.body-class-visitorbooking .menu-trigger, body.body-class-diary .menu-trigger, body.php-news .menu-trigger, body.body-root-competition\.php .menu-trigger, body.php-viewround .menu-trigger, body.php-viewsquads.body-class-members.body-root-home .menu-trigger, body.body-class-matchfixtures\/ .menu-trigger, body.body-class-matchleagues\/3\/ .menu-trigger, body.body-class-matchdetail\/437\/ .menu-trigger, body.body-class-getawayletter .menu-trigger{display: block;} } /* ============================================== */ /*Resposive width for container*/ /* ============================================== */ /*Resposive width for container*/ body.body-class-members .main-wrapper > .container, body.body-loginpage .main-wrapper > .container, body.php-competition .main-wrapper > .container, body.body-class-opens .main-wrapper > .container, body.body-class-visitorbooking .main-wrapper > .container, body.body-class-diary .main-wrapper > .container, body.php-news .main-wrapper > .container, body.body-root-competition\.php .main-wrapper > .container, body.php-viewround .main-wrapper > .container, body.body-class-matchfixtures\/ .main-wrapper > .container, body.body-class-matchleagues\/3\/ .main-wrapper > .container, body.body-class-matchdetail\/437\/ .main-wrapper > .container, body.body-class-getawayletter .main-wrapper > .container, body[class^="body-class-setcoursestatus"] .main-wrapper > .container, .body-class-memberbooking .main-wrapper > .container{width: 1170px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} @media (max-width:1200px){ body.body-class-members .main-wrapper > .container, body.body-loginpage .main-wrapper > .container, body.php-competition .main-wrapper > .container, body.body-class-opens .main-wrapper > .container, body.body-class-visitorbooking .main-wrapper > .container, body.body-class-diary .main-wrapper > .container, body.php-news .main-wrapper > .container, body.body-root-competition\.php .main-wrapper > .container, body.php-viewround .main-wrapper > .container, body.body-class-matchfixtures\/ .main-wrapper > .container, body.body-class-matchleagues\/3\/ .main-wrapper > .container, body.body-class-matchdetail\/437\/ .main-wrapper > .container, body.body-class-getawayletter .main-wrapper > .container, body[class^="body-class-setcoursestatus"] .main-wrapper > .container, .body-class-memberbooking .main-wrapper > .container{ width: 940px;} } @media (max-width:979px){ body.body-class-members .main-wrapper > .container, body.body-loginpage .main-wrapper > .container, body.php-competition .main-wrapper > .container, body.body-class-opens .main-wrapper > .container, body.body-class-visitorbooking .main-wrapper > .container, body.body-class-diary .main-wrapper > .container, body.php-news .main-wrapper > .container, body.php-viewround .main-wrapper > .container, body.body-root-competition\.php .main-wrapper > .container, body.body-class-matchfixtures\/ .main-wrapper > .container, body.body-class-matchleagues\/3\/ .main-wrapper > .container, body.body-class-matchdetail\/437\/ .main-wrapper > .container, body.body-class-getawayletter .main-wrapper > .container, .body-class-memberbooking .main-wrapper > .container, body[class^="body-class-setcoursestatus"] .main-wrapper > .container, .body-class-memberbooking .main-wrapper > .container {width: 724px;} } @media (max-width:767px){ body.body-class-members .main-wrapper > .container, body.body-loginpage .main-wrapper > .container, body.php-competition .main-wrapper > .container, body.body-class-opens .main-wrapper > .container, body.body-class-visitorbooking .main-wrapper > .container, body.body-class-diary .main-wrapper > .container, body.php-news .main-wrapper > .container, body.php-viewround .main-wrapper > .container, body.body-root-competition\.php .main-wrapper > .container, body.body-class-matchfixtures\/ .main-wrapper > .container, body.body-class-matchleagues\/3\/ .main-wrapper > .container, body.body-class-matchdetail\/437\/ .main-wrapper > .container, body.body-class-getawayletter .main-wrapper > .container, .body-class-memberbooking .main-wrapper > .container, body[class^="body-class-setcoursestatus"] .main-wrapper > .container, .body-class-memberbooking .main-wrapper > .container{ width: 100%;} } @media (max-width:767px){ body.body-class-members .main-wrapper{padding: 20px 15px;} .body-loginpage .main-wrapper #login{margin: 0px;} #statistics, #chartcontainer, .table-striped{margin-bottom: 10px; } .body-class-weatherfgphp .nav-tabs > li > a{padding:5px; font-size: 11px;} div.phone-weather .weather-list-item{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} } /* ============================================== */ /*Add more space to content site HTML editor*/ .CodeMirror-wrap .CodeMirror-scroll{height: 1000px;} /*Remove white space - br form bottom of the page*/ .inner-page+div+br, .the-page+div+br, .footer-box-section+div+br, .twitter-wrapper+div+br, .club-footer+div+br{display: none !important;} /*Hide login item form menu navigation*/ .body-public .header-wrapper .navbar-inverse .nav .nav-menu-login\.php {display: none;} body .ui-datepicker{display: none;} .inner-page #map_container form{margin: 0;padding: 0;} body.body-class-members .weatherImage {background: #47b8ff;} /* ============================================== */ /*Arrows*/ .page-slider .galleryInner .nivo-directionNav a.nivo-prevNav{ background-image: url('/images/resources/woolton/arrrow_03.png') ; background-repeat:no-repeat; background-position:40% 50% ; } .page-slider .galleryInner .nivo-directionNav a.nivo-nextNav{ background-image: url('/images/resources/woolton/arrrow_05.png') ; background-repeat:no-repeat; background-position:50% 50%; } /* ============================================== */ /*Bullets*/ .page-slider .nivo-controlNav a{ background-image:url('/images/resources/midherts/bullets.png'); background-repeat:no-repeat; background-position:-20px 0px; } .page-slider .nivo-controlNav a.active{ background-position:0px 0; } .hole-page .hole-nav ul li a:hover::after, .hole-page .hole-nav ul li.current a:after{ background-image:url("/images/resources/midherts/course-tab.png");} .home-page-info .weather .weathers .weatherImage img, .home-page-info .weather .weathers .weatherImage img[src*="cloud"]{ background-image: url('/images/resources/midherts/cloud.jpg'); background-repeat: no-repeat; } #globalwrap .home-page-info .weather .weathers .weatherImage img[src*="sunny"] { background-image: url('/images/resources/midherts/sun.png'); background-repeat: no-repeat; } #globalwrap .home-page-info .weather .weathers .weatherImage img[src*="rain"] { background-image: url('/images/resources/midherts/rain.jpg'); background-repeat: no-repeat; } #globalwrap .home-page-info .weather .weathers .weatherImage img[src*="mist"] { background-image: url('/images/resources/midherts/rain.jpg') !important; background-repeat: no-repeat !important; } #globalwrap .home-page-info .weather .weathers .weatherImage img[src*="showers"] { background-image: url('/images/resources/midherts/cloud.jpg'); background-repeat: no-repeat; } #globalwrap .home-page-info .weather .weathers .weatherImage img[src*="thunder"] { background-image: url('/images/resources/midherts/cloud.jpg'); background-repeat: no-repeat; } #globalwrap .home-page-info .weather .weathers .weatherImage img[src*="sunny_intervals"] { background-image: url('/images/resources/midherts/cloud.jpg'); background-repeat: no-repeat; } #globalwrap .home-page-info .weather .weathers .weatherImage img[src*="light_rain"] { background-image: url('/images/resources/midherts/cloud.jpg'); background-repeat: no-repeat; } #globalwrap .home-page-info .weather .weathers .weatherImage img[src*="white_cloud"] { background-image: url('/images/resources/midherts/cloud.jpg'); background-repeat: no-repeat; } .home-page-info .weather .weathers .weatherImage img[src*="cloudy_with_heavy_rain"] { background-image: url('/images/resources/midherts/cloud.jpg'); background-repeat: no-repeat; } .home-page-info .weather .weathers .weatherImage.image-night{} table#diaryTable form{ width: auto; max-width: inherit; padding: 0; border: none; } table#diaryTable form select{width:auto;} table#diaryTable tr:last-child td{text-align: center;} table#diaryTable thead tr td, table#diaryTable thead:first-child tr:first-child th{} #scorecard tr th:nth-child(2),#scorecard tr td:nth-child(2){background:#ececec;} #scorecard tr th:nth-child(4),#scorecard tr td:nth-child(4){background:#ffcc00;} #scorecard tr th:nth-child(6),#scorecard tr td:nth-child(6), #scorecard tr th:nth-child(7),#scorecard tr td:nth-child(7){background:#840000;color:#ffffff;} table img {width:auto; max-width:150px;} .body-class-members table img {width:20px; max-width:150px;} .body-class-members .whats-on table img {width:250px!important;} .body-class-members .committee { border: 1px solid #ebebeb; } .body-root-information .page-slider { display: none;} /* No More Menu */ .nav-level-2.nav-menu-information { display: none; } /* Gallery */ .gallery { position: relative; width: 100%; margin: 0 0 30px 0px; } .gallery #gallery { width: 100%; display: block; float: none; } .gallery .controls { position: relative; margin: 0; padding: 0; width: 100%; height: 50px; display: block; /* Change if needed */ text-align: center; z-index: 30; } .gallery .controls a.next, .gallery .controls a.prev { position: relative; width: 30px; height: 30px; margin: 0 0 0 2px; padding: 0; font-family: "Belleza", sans-serif; font-size: 14px; font-weight: normal; color: #fff; text-indent: -9999px; text-decoration: none; line-height: 100%; border-radius: 0px; border: 1px solid #ccc; display: inline-block; text-transform: uppercase; opacity: 0.7; } .gallery .controls a.next { background: url("/images/resources/midherts/gallery-arrow-next.png") no-repeat 50% 50% rgba(255, 255, 255, 0); background-size: auto 75%; } .gallery .controls a.prev { background: url("/images/resources/midherts/gallery-arrow-prev.png") no-repeat 50% 50% rgba(255, 255, 255, 0); background-size: auto 75%; } .gallery .controls a.next:hover, .gallery .controls a.prev:hover { background-color: rgba(255, 255, 255, 0); background-size: auto 75%; text-decoration: none; opacity: 1; } .gallery .ss-controls { float: left; } .gallery .nav-controls { float: right; text-align: center; box-sizing: border-box; } .gallery .slideshow-container { position: relative; clear: both; } .gallery .loader { position: absolute; top: 0; left: 0; background: url("/images/resources/midherts/loading.gif") no-repeat center; } .gallery .slideshow span.image-wrapper { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: auto; display: block; } .gallery .slideshow a.advance-link { display: block; text-align: center; } .gallery .slideshow a.advance-link:link, .gallery .slideshow a.advance-link:hover, .gallery .slideshow a.advance-link:active, .gallery .slideshow a.advance-link:visited { text-decoration: none; } .gallery .slideshow img { width: 100%; height: auto; vertical-align: middle; border: none; box-sizing: border-box; } .gallery .download { float: right; } .gallery .caption-container { position: relative; clear: left; height: 75px; display: none; } .gallery span.image-caption { display: block; position: absolute; top: 0; left: 0; } .gallery .caption { padding: 12px; } .gallery .image-title { font-weight: bold; font-size: 1.4em; } .gallery .image-desc { line-height: 1.3em; padding-top: 12px; } .gallery .pagination { clear: both; } .gallery #thumbs div.top { margin-bottom: 12px; height: 11px; } .gallery #thumbs div.bottom { margin-top: 12px; } .gallery .pagination a, .gallery .pagination span.current, .gallery .pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; } .gallery .pagination a:hover { background-color: #eee; text-decoration: none; } .gallery .pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; } .gallery .pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; } .gallery .gallery-image { position: relative !important; width: 100%; margin: 0 auto !important; display: block; float: none !important; } .gallery .gallery-thumbs { width: 100% !important; display: block; margin: 0 auto; text-align: center; } .gallery .gallery-thumbs #thumbs { width: 100% !important; } .gallery .gallery-thumbs ul.thumbs { clear: both; margin: 0 auto; width: 100%; height: auto; padding: 0; text-align: center; display: inline-block; } .gallery .gallery-thumbs .bottom.pagination { display: none; } .gallery .gallery-thumbs ul.thumbs li { width: 9% !important; height: auto; margin: 10px 1.11% 0px 0%; padding: 0; list-style: none; display: inline-block !important; box-sizing: border-box; float: left; } .gallery .gallery-thumbs ul.thumbs li:after { display: none; } .gallery .gallery-thumbs ul.thumbs li:nth-child(10n) { margin: 10px 0% 0px 0%; } .gallery .gallery-thumbs ul.thumbs li a.thumb { padding: 0; width: 100%; height: 100%; display: block; border: none; box-sizing: border-box; } .gallery .gallery-thumbs ul.thumbs li.selected a.thumb { border: 3px solid #6d348c; } .gallery .gallery-thumbs ul.thumbs img { border: none; display: block; width: 100%; min-width: 100% !important; height: 100% !important; } .body-class-members .nav-menu-information > a > span { font-size: 0px; } .body-class-members .nav-menu-information > a > span:after { content: "Noticeboard"; font-size: 14px; } .php-diary .diaryFilter { display:none; } .course-status .tooltip { display: none !important; } /* anton styles */ .body-class-members.body-contentpage .inner-slider .galleryInner { width: 100% !important; height: auto !important; } .home-testimonials, .home-testimonials .galleryInner { transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; } .home-testimonials { margin-top: 60px; } .home-testimonials h2 { text-align: center; font-size: 32px; line-height: 42px; } .home-testimonials .galleryInner { margin: 0 auto; width: 100% !important; height: auto !important; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*height: auto !important;*/ background: none; } .home-testimonials .galleryInner .nivo-caption { width: 100%; -moz-opacity: 1; margin: 0px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: alpha(opacity=100); opacity: 1; text-align: center; position: relative; z-index: 0; background-color: rgba(0,0,0,0); padding: 0; height: auto; overflow: visible; min-height: 80px; max-width: 1070px; color: #666; font-family: 'Belleza', sans-serif; } .home-testimonials .galleryInner .nivo-caption p { font-size: 17px; line-height: 26px; color: #666; text-shadow: none; } .home-testimonials .galleryInner .nivo-caption h4 { text-transform: uppercase; font-weight: 400; background: transparent; letter-spacing: 1px; font-size: 16px; line-height: 26px; color: #1B3864; font-family: 'Belleza', sans-serif; } .home-testimonials .galleryInner img { display: none !important; } #globalwrap .home-testimonials .nivo-directionNav { display: none; } .home-testimonials .nivo-controlNav-Wrapper { display: block; position: relative; left: 0px; bottom: 0px; margin-top: 15px; } .home-testimonials .nivo-controlNav { position: relative; padding: 0px; left: 0px; bottom: 0px; } .home-testimonials .nivo-controlNav a { width: 10px; height: 10px; background-image: none; border: 2px solid #937d40; border-radius: 50%; background: transparent; margin-right: 6px; display: inline-block; } .home-testimonials .nivo-controlNav a.active { background: #937d40; } /* end anton styles */ .body-class-members h6 a { line-height: 35px; padding: 10px 20px; border-radius: 2px; text-transform: uppercase; transition: background 0.3s; border: none; font-size: 13px; color: #FFF; text-shadow: none; background-color: #3D035C; text-decoration:none; } .body-class-members h6 a:hover { text-decoration: none; background-color: #e4c367; color: #FFF; } .body-class-members .inner-slider .nivo-controlNav-Wrapper{ display:none; } /* anton styles */ .body-class-members.php-news .main-logo { right: auto; } .body-class-members .header-wrapper .navbar-inverse .nav > li > a { padding: 7px 14px; } @media (min-width: 980px) and (max-width: 1199px) { .body-class-members .header-wrapper .navbar-inverse .nav > li > a { text-transform: capitalize; padding: 7px 10px; } } .php-mobile_topup .ui-dialog { width: auto !important; } /* news letter */ @media (min-width: 0px) and (max-width: 767px) { .php-newsletters table.split-table tr { display: flex; flex-direction: column; } .php-newsletters table.split-table tr > td { flex: 1 1 0; width: auto; } .php-newsletters table { width: 100%; } .php-newsletters table.header img, .php-newsletters table.main-table img { width: 100%; } .php-newsletters table.header .club-logo img { width: 80px; } .php-newsletters table.split-table img { width: 100%; } .php-newsletters table.footer tr { display: flex; flex-direction: column; } .php-newsletters table.footer tr > td { flex: 1 1 0; width: auto !important; padding: 5px 2.5%; } .php-newsletters table.split-table tr.flip-flex { flex-direction: column-reverse; } .php-newsletters .header .club-logo { display: block; position: relative; right: 0px; top: 0px; background: #3D035C; } .php-newsletters .border-table .split-table td { padding: 0px 2.5%; } .php-newsletters .border-table-alt .split-table td { padding: 0px 2.5%; } } .header-wrapper .navbar-inverse .nav > li.nav-menu-visitor_index { display: none; } .home-slider .nivo-caption { bottom: 10%; } .home-slider .nivo-caption h2 a { color: #00f9f9; } .page-slider .nivo-caption h1 { margin: 20px 0px; } .page-slider .nivo-caption { height: 190px; } /* end anton styles */ .pros-table h3 { line-height: 225px; } /* Homepage Change */ /*Animation*/ .delay-0-5 {-vendor-animation-duration: 2s; -vendor-animation-delay: 0.5s; animation-duration: 2s; animation-delay: 0.5s; } .delay-1 {-vendor-animation-duration: 2s; -vendor-animation-delay: 1s; animation-duration: 2s; animation-delay: 1s; } .delay-1-5 {-vendor-animation-duration: 2s; -vendor-animation-delay: 1.5s; animation-duration: 2s; animation-delay: 1.5s; } .animatebox.animated {visibility:visible;} .box-middle .span6 { margin-left: 0;} .top-left-image, .top-right-image, .bottom-left-image, bottom-right-image { width: 185px; margin: 0; } .top-left-image img, .top-right-image img, .bottom-left-image img, bottom-right-image img { width: 185px; margin-left: 0px; } .body-class-copy_of_homepage2 .home-page-boxes .box .home-box-text { position: relative; line-height: 60%; background: rgba(193, 193, 193, 0.8); } .body-class-copy_of_homepage2 .home-box-text p { line-height: 60%; } .body-class-copy_of_homepage2 .home-box-text p a { color: #3D035C; text-decoration: none; text-transform: capitalize; } .body-class-copy_of_homepage2 .home-box-text p a:hover { color: #e4c367; } .body-class-copy_of_homepage2 .simple-image { padding: 10px 0; } .body-class-members .whs table img {width:initial; max-width:150px;}