/* Global Styling */ body{ font-family: 'Arial', 'Helvetica', 'sans-serif'; font-size:16px; line-height:1.4; } .amp-wp-content .post-content{ font-family: 'Arial', 'Helvetica', 'sans-serif'} /*body{ font: 16px/1.4 Sans-serif; }*/ a{ color: #312C7E; text-decoration: none } .clearfix, .cb{ clear: both } .alignleft{ margin-right: 12px; margin-bottom:5px; float: left; } .alignright{float:right; margin-left: 12px; margin-bottom:5px; } .aligncenter{text-align:center; margin: 0 auto } #statcounter{width: 1px;height:1px;} /* Template Styles */ .amp-wp-content, .amp-wp-title-bar div { max-width: 1000px; margin: 0 auto; } .amp-wp-content .post-content h1 {font-size: 32px;} .amp-wp-content .post-content h2 {font-size: 27px;} .amp-wp-content .post-content h3 {font-size: 24px;} .amp-wp-content .post-content h4 {font-size: 20px;} .amp-wp-content .post-content h5 {font-size: 17px;} .amp-wp-content .post-content h6 {font-size: 15px;} /* carousel */ .amp-theme-author-img { margin-right: 6px;border-radius: 50%;position: relative;top: 6px; } .ampforwp-gallery-item.amp-carousel-slide { padding-bottom: 20px;} .amp-carousel-slide h1{ font-size: 28px; line-height: 32px; } .amp-carousel-container {position: relative;width: 100%;height: 100%;} .amp-carousel-img img {object-fit: contain;} /* Slide Navigation code */ amp-sidebar{ width: 100%; } .amp-sidebar-image{ line-height: 100px; vertical-align:middle; } .amp-close-image{ top: 15px; left: 225px; cursor: pointer; } .navigation_heading{ border-bottom: 1px solid rgba(221, 221, 221, 0.30); padding: 20px 20px 15px 20px; color: #eee; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; width: 100%; } .toggle-navigationv2 ul{ list-style-type: none; margin: 1px 0 0 0; padding: 0; } .amp-menu li{position:relative} .toggle-navigationv2 ul li a:hover{background:#666;color:#fff} .toggle-navigationv2 ul li a{ padding: 10px 15px 10px 20px; display: inline-block; font-size: 16px; color: #eee; width:100% } .amp-menu li.menu-item-has-children ul{display:none;margin:0;background:#222} .amp-menu li.menu-item-has-children ul ul{background:#444} .amp-menu li.menu-item-has-children ul ul ul{background:#666} .amp-menu input{display:none} .amp-menu [id^=drop]:checked + label + ul{ display: block;} .amp-menu .toggle:after{content:'\25be';position:absolute;padding: 10px 15px 10px 30px;right:0;font-size:18px;color:#ccc;top:0;z-index:10000;line-height:1} .toggle-navigationv2 .social_icons{ padding: 0px 0px; color: #fff; width: 100%; display: inline-block; } .menu-all-pages-container:after{ content: ""; clear: both } .toggle-text{ color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; display: inherit; text-align: center; } .toggle-text:before{ content: "..."; font-size: 32px; line-height: 0px; margin-left: 0px; letter-spacing: 1px; top: -3px; position: relative; padding-right: 10px; } .toggle-navigation:hover, .toggle-navigation:active, .toggle-navigation:focus{ display: inline-block; width: 100%; } /* Pagination */ /* Sticky Social bar in Single */ @media screen and (max-width: 600px) { .comment-form-comment #comment{width: 94%;} div#respond {padding: 0px 9px;} .ampforwp-comment-wrapper {padding: 0px 10px;} } .sticky_social{ width: 100%; bottom: 0; display: block; left: 0; box-shadow: 0px 4px 7px #000; background: #fff; padding: 7px 0px 0px 0px; position: fixed; margin: 0; z-index: 10; text-align: center; } .amp-social-icon{ width: 50px; height: 28px; display: inline-block; background: #5cbe4a;position: relative; top: -8px; padding-top: 0px; } .amp-social-icon amp-img{ top: 4px; } .custom-amp-socialsharing-icon{ width: 50px; height: 28px; display: inline-block; background: #5cbe4a;position: relative; top: -8px; padding-top: 0px; } .custom-amp-socialsharing-icon amp-img{ top: 4px; } .custom-amp-socialsharing-line{background:#00b900;margin-top:6px;} .sticky_social .whatsapp-share-icon{ padding: 4px 0px 14px 0px; height: 28px; top: -4px; position: relative; }a.amp-social-icon-rounded.amp-social-telegram{background:#61A8DE;position: relative;bottom: 11px;padding: 12px 20px 7px 20px;margin-right: 30px;border-radius: 3px;} .singlepage-socialicons .amp-social-telegram amp-img{position: absolute;left: 0;right: 0;top: 10px;} .amp-social-wechat {background: #7bb32e;bottom: 47px;padding: 12px 14px 0px 12px;float: right;position: relative;right: 316px;border-radius: 3px;} .sticky_social .line-share-icon{ padding: 4px 0px 14px 0px; height: 28px; top: -4px; position: relative; } /* Header */ /*Sticky Head For Design 3*/ #header{ background-color: rgba(53,93,100,1); text-align: center; height:50px; box-shadow:0 0 32px rgba(0,0,0,.15); } header{ padding-bottom:50px; } div#headerwrap{ position: fixed; z-index:1000; width: 100%; top:0; } #header h1{ text-align: center; font-size: 16px; position: relative; font-weight: bold; line-height: 53px; padding: 0; margin: 0; text-transform: uppercase } main .amp-wp-content{ font-size: 18px;color:#111;top: 6px; position: relative;line-height: 1.5; } .sl-pt main .amp-wp-a-c h1{ font-size:2em} .sl-pt main .amp-wp-a-c h1, .sl-pt main .amp-wp-a-c h2, .sl-pt main .amp-wp-a-c h3, .sl-pt main .amp-wp-a-c h4, .sl-pt main .amp-wp-a-c h5, .sl-pt main .amp-wp-a-c h6{margin: 0px 0px 5px 0px; line-height: 1.6; } .home-post_image{ float: left; width:33%; padding-right: 2%; } .amp-wp-title{ margin-top: 0px; } h2.amp-wp-title{ font-weight: 700; font-size: 20px; margin-bottom: 7px; line-height: 1.3; } h2.amp-wp-title a{ color: #000; } .amp-wp-tags{ list-style-type: none; padding: 0; margin: 0 0 9px 0; display: inline-flex; } .amp-wp-tags li{ display: inline; background: #F6F6F6; color: #9e9e9e; line-height: 1; border-radius: 50px; padding: 8px 18px; font-size: 12px; margin-right: 8px; top: -3px; position: relative; } .amp-loop-list{ position:relative; border-bottom: 1px solid #ededed; padding: 25px 15px 25px 15px } body .amp-loop-list-noimg .amp-wp-p-c{ width:100% } .amp-loop-list .amp-wp-p-c{ float: left; width: 65%; } .amp-loop-list .featured_time{ color:#b3b3b3; padding-left:0 } .amp-wp-p-c p{ line-height: 1.5; font-size: 14px; margin: 8px 0 10px; } /* Sidebar CSS */ /* Footer */ #footer{ background-color: rgba(53,93,100,1); color: #eeeeee; font-size: 11px; text-align: center; letter-spacing: 0.2px; padding: 35px 0 15px 0; margin-top: 30px; clear: both;} #footer a{ color:#ffffff;} #footer p:first-child{ margin-bottom: 12px; } #footer .social_icons{ margin: 30px 0px 0px 0px; padding-bottom: 25px; } .footer-copyright p{color: #ffffff;} #footer p, .footer-copyright p{ margin: 0 ;} .rightslink, #footer .rightslink a, .footer-copyright .rightslink a{ font-size:14px; color:#ffffff; } .poweredby{ padding-top:10px; font-size:10px; } #footer .poweredby a, .footer-copyright .poweredby a{ color:#ccc; } .footer_menu ul{ list-style-type: none; padding: 0; text-align: center; margin: 0px 20px 25px 20px; line-height: 27px; font-size: 13px } .footer_menu ul li{ display:inline; margin:0 10px; } .footer_menu ul li:first-child{ margin-left:0 } .footer_menu ul li:last-child{ margin-right:0 } .footer_menu ul ul{ display:none } /* toplink */ .back-to-toplink{padding-top:15px} /* Single */ .sl-pt main{ padding: 0px 12px; } .sl-pt .amp-wp-a-c .alignleft amp-img { margin-right: 7px; } .sl-pt .amp-wp-a-c .alignright amp-img { margin-left: 7px; } .ampforwp-title{ padding: 0px 0px 0px 0px; margin-top: 12px; margin-bottom: 12px; } .comment-button-wrapper{ margin-bottom: 50px; margin-top: 30px; text-align:center } .comment-button-wrapper a{background-color: #F42F42;} .comment-button-wrapper a{color: #fff;} .comment-button-wrapper a{font-size: 14px; padding: 12px 22px 12px 22px; border-radius: 2px; text-transform: uppercase; letter-spacing: 1px; } h1.amp-wp-title{ margin: 0; color: #333333; font-size: 48px; line-height: 58px;} .post-pagination-meta{ min-height:75px } .sl-pt .post-pagination-meta{ font-size:15px;min-height:auto; margin-top:-5px; line-height:26px; } .sl-pt .post-pagination-meta span{ font-weight:bold } .sl-pt .amp_author_area .amp_author_area_wrapper{ display: inline-block; width: 100%; line-height: 1.4; margin-top: 22px; font-size: 16px; color:#333; } .sl-pt .amp_author_area amp-img{ margin: 0; float: left; margin-right: 12px; border-radius: 60px; } .amp-wp-article-tags .ampforwp-tax-tag, .amp-wp-article-tags .ampforwp-tax-tag a{ font-size: 12px; color: #555; margin: 20px 0 0 0; } .amp-wp-article-tags span{ background: #eee; margin-right: 10px; padding: 5px 12px 5px 12px; border-radius: 3px; } .ampforwp-social-icons{ margin-bottom: 70px; margin-top: 25px; height: 40px; } .ampforwp-social-icons amp-social-share{ border-radius:60px; background-size:22px; margin-right:6px; } .custom-amp-socialsharing-icon-rounded{margin-right:6px;padding: 11px 12px 9px 12px; top: -13px; position: relative; line-height: 1; background: #5cbe4a; display: inline-block; height: inherit; border-radius: 60px; margin-top:12px } .custom-amp-socialsharing-line{background:#00b900} .amp-social-telegram{background:#61A8DE} .amp-wp-tax-tag { list-style: none; display: inline-block; } figure{ margin: 0 0 20px 0; } figure amp-img{ max-width:100%; } figcaption{ font-family: Verdana,Geneva,sans-serif; text-align: left; margin: 6px 0 26px 0; font-size: 11px; font-style: italic; font-weight: normal; line-height: 17px; color: #444; } .amp-wp-byline amp-img{ display: none; } .amp-wp-author{ margin-right: 1px; } .amp-wp-meta, .amp-wp-meta a{ font-size: 13px; color: #acacac; margin: 20px 0px 20px 0px; padding: 0; } .amp-ad-wrapper{ text-align: center } .the_content p{ margin-top: 0px; margin-bottom: 30px; } .amp-wp-tax-tag{ } main .amp-wp-content.featured-image-content{ padding: 0px; border: 0; margin-bottom: 0; box-shadow: none } .amp-wp-content .amp-wp-article-featured-image amp-img {margin: 12px auto;} .archives_body main{ margin-top:20px } /* Related Posts */ main .amp-wp-content.relatedpost{ background: none; box-shadow: none; padding:0px 0 0 0; margin:1.8em auto 1.5em auto } .sl-pt .related_posts h3, .sl-pt .comments_list h3{ font-size: 20px; color: #777; border-bottom: 1px solid #eee; font-weight: 400; padding-bottom: 1px; margin-bottom: 10px; } .related_posts ol{ list-style-type:none; margin:0; padding:0 } .related_posts ol li{ display: inline-block; width: 100%; line-height: 22px; margin-bottom: 12px; padding: 0px; } .related_link a{ color: #111; font-size: 15px; font-weight: 500; } .related_posts ol li amp-img{ width:110px; float:left; margin-right:15px } .related_posts ol li p{ font-size: 12px; color: #595959; line-height: 1.2; margin: 12px 0 0 0; } .no_related_thumbnail{ padding: 15px 18px; } .no_related_thumbnail .related_link{ margin: 16px 18px 20px 19px; } .ampforwp_single_excerpt{ margin-bottom: 15px; } main .amp-wp-content.relatedpost{ background-color:#eff8e8; box-shadow: none; padding:0px 0 0 0; margin:1.8em auto 1.5em auto } .recentpost .loop-date{font-size:14px;} .single-post main,.related-title,.single-post .cmts_list h3{ font-size: 20px; color: #777;border-bottom: 1px solid #eee; font-weight: 400; padding-bottom: 1px; margin-bottom: 10px; } .rp ol{ list-style-type:none; margin:0; padding:0 } .rp ol li{ display:inline-block; width:100%; margin-bottom: 12px; padding: 0px; } .rp .related_link a{ color: #111; font-size: 15px; font-weight: 500; } .rp ol li amp-img{width:110px; float:left; margin-right:15px} .rp ol li p{ font-size: 12px; color: #595959; line-height: 1.2; margin: 12px 0 0 0; } .no_related_thumbnail{ padding: 15px 18px; } .no_related_thumbnail .related_link{ margin: 16px 18px 20px 19px; } .related-post_image{ float: left; padding-right: 2%; width: 31.6%; overflow: hidden; margin-right: 15px; max-height: 122px; max-width: 110px; } .related-post_image amp-img{ width: 144%; left: -20%; } .ampforwp-inline-related-post .rp ol li amp-img {width: 100px;float:left;margin-right: 15px;} .ampforwp-inline-related-post .rp ol li{box-shadow: 0 2px 3px rgba(0,0,0,.05);} .ampforwp-inline-related-post .related-title {background-color: #222;color: #fff;display: inline-block; font-size: 14px;line-height: 18px;padding: 7px 15px 4px 15px;text-transform: uppercase;} /* ADS */ .amp_ad_1{ margin-top: 15px; margin-bottom: 10px; } .sl-pt .amp_ad_1{ margin-bottom: -15px; } .amp-ad-2{ margin-bottom: -5px; margin-top: 20px; } html .sl-pt .ampforwp-incontent-ad-1 { margin-bottom: 10px; } .amp-ad-3{ margin-bottom:10px; } .amp-ad-4{ margin-top:2px; } .amp-wp-content blockquote{ background-color: #fff; border-left: 3px solid; margin: 0; padding: 15px 20px; background: #f3f3f3; } .amp-wp-content blockquote p{ margin-bottom:0 } pre{ white-space: pre-wrap; } #designthree{ background-color: #FFF; overflow: visible; /* animation: closing .3s normal forwards ease-in-out,closingFix .6s normal forwards ease-in-out; -webkit-transform-origin: right center; transform-origin: right center;*/ } /** -- Index page --**/ .index-page { margin-top: 20px; width: 100%; flex-wrap: wrap; display: flex; } .block-wrapper{ width: 46%; margin: 0px 2% 3% 2%; display: flex; flex-direction: column; } .block-image{ margin-bottom: 6px; } .block-image a img{ width:100%; height:auto; } .b-c .title h3{ margin: 0; font-size: 21px; line-height: 25px; font-weight:400; } .b-c .title h3 a{ color:#111; } .b-c{ display:inline-block; } .meta-wrapper{ display: block; width: 100%; line-height: 1; margin-top: 2px; } .b-c .author-info span{ font-size:11px; color:#595959; margin-right:10px; } .b-c .author-info .author-title{ color:#000000; font-weight:bold; } .b-c .author-info, .b-c .comments { display: inline-block; vertical-align: middle; } .b-c .comments{ float: right; } .b-c .comments{ background-color: #000; color: #fff; display: inline-block; padding: 3px 4px 4px 5px; position: relative; font-size: 10px; font-weight: 600; line-height: 1; text-align: center; } .b-c .comments:before{ border-color: #000 transparent transparent; border-style: solid; border-width: 3px 3px 0 0; bottom: -3px; content: ""; height: 0; left: 0; position: absolute; width: 0; } .block-wrapper:hover .b-c .title h3 a{ color:#4db2ec; } .b-c p{ font-size: 16px; color: #474747; margin: 10px 0 0 0; } @media only screen and (max-width: 980px) { .index-page{ width:100%; padding:0px 15px; } } @media only screen and (max-width: 768px) { .index-page{ padding:0; } .block-wrapper{ width:100%; padding:0px 15px; } } /* Sticky Social bar in Single */ .sticky_social{ width: 100%; bottom: 0; display: block; left: 0; box-shadow: 0px 4px 7px #000; background: #fff; padding: 7px 0px 0px 0px; position: fixed; margin: 0; z-index: 10; text-align: center; } .amp-social-icon{ width: 50px; height: 28px; display: inline-block; background: #5cbe4a;position: relative; top: -8px; padding-top: 0px; } .amp-social-icon amp-img{ top: 4px; } .custom-amp-socialsharing-line{background:#00b900} .amp-social-telegram{background:#61A8DE} .sticky_social .whatsapp-share-icon{ padding: 4px 0px 14px 0px; height: 28px; top: -4px; position: relative; } .sticky_social .line-share-icon{ padding: 4px 0px 14px 0px; height: 28px; top: -4px; position: relative; } .hamburgermenu{ float:left; position:relative; z-index: 9999; } /* Category 3 */ .searchmenu{ margin-right: 15px; margin-top: 11px; position: absolute; top: 0; right: 0; } .searchmenu button{ background:transparent; border:none } .headerlogo{ margin: 0 auto; width: 80%; text-align: center; } .headerlogo amp-img{ margin-top:6px } .headerlogo a{ color:#fff;display: inline-block;} .amp-logo .hide {display: none;} /*Navigation Menu*/ .toast { display: block; position: relative; height: 50px; padding-left: 20px; padding-right: 15px; width: 49px; background:none; border:0 } .toast:after, .toast:before, .toast span{ position: absolute; display: block; width: 19px; height: 2px; border-radius: 2px; background-color: #fff; -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } .toast:after, .toast:before{ content: ''; left: 20px; -webkit-transition: all ease-in .4s; transition: all ease-in .4s; } .toast span{ opacity: 1; top: 24px; -webkit-transition: all ease-in-out .4s; transition: all ease-in-out .4s; } .toast:before{ top: 17px; } .toast:after{ top: 31px; } #sidebar[open]+#designthree .toast span{ opacity: 0; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } #sidebar[open]+#designthree .toast:before{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(43deg); transform: rotate(43deg); } #sidebar[open]+#designthree .toast:after{ -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-43deg); transform: rotate(-43deg); } /* CSS3 icon */ [class*=icono-]{ display: inline-block; vertical-align: middle; position: relative; font-style: normal; color: #fff; text-align: left; text-indent: -9999px; direction: ltr } [class*=icono-]:after, [class*=icono-]:before{ content: ''; pointer-events: none; } .icono-search{ -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .icono-share{ height: 9px; position: relative; width: 9px; color: #dadada; border-radius: 50%; box-shadow: inset 0 0 0 32px, 22px -11px 0 0, 22px 11px 0 0; top: -15px; margin-right: 35px; } .icono-share:after, .icono-share:before{ position: absolute; width: 24px; height: 1px; box-shadow: inset 0 0 0 32px; left: 0; } .icono-share:before{ top: 0px; -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); } .icono-share:after{ top: 8px; -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); } .icono-search{ border: 1px solid; width: 10px; height: 10px; border-radius: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: 4px 4px 8px 8px; } .icono-search:before{ position: absolute; left: 50%; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); width: 2px; height: 9px; box-shadow: inset 0 0 0 32px; top: 0px; border-radius: 0 0 1px 1px; left: 14px; } .closebutton{ background: transparent; border: 0; color: rgba(255, 255, 255, 0.7); border-radius: 30px; width: 32px; height: 32px; font-size: 18px; text-align: center; position: absolute; font-weight: normal; top: 12px; right: 20px; outline: none;} .searchform label{ color: #f7f7f7; display: block; font-size: 10px; letter-spacing: 0.3px; line-height: 0; opacity:0.6 } .searchform{ background: rgba(0, 0, 0, 0.50); padding-top: 30vh; position: absolute; top: 0; height: 100vh; width: 100%; max-width: 100%; transition-delay: 0.5s; } .searchform input{ background: transparent; border: 1px solid #666; color: #f7f7f7; font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: 0.3px; padding: 20px 0px 20px 30px; margin-top: 15px; width: 100%; } #searchform .search-form > span { text-align: center; width: 100%; display: block; font-size: 12px; color: #fff; font-weight: bold; } #s{ color: #fff; font-weight: bold; font-size: 26px; height: 40px; line-height: 36px; outline: 0; margin: 8px 0; padding: 0; text-align: center; width: 100%; letter-spacing: 0.3px; background: transparent; border: 0; border-bottom: 1px solid; } #submitsrch{opacity:0} .background:before {background: rgba(0, 0, 0,0.85); content:""} .anp-m-sform { display: flex; justify-content: center; background: rgba(0, 0, 0, 0.50); } #anp-m-s { width: 200px; box-sizing: border-box; border: none; border-radius: 7px; padding: 12px 20px 12px 25px; transition: width 0.4s ease-in-out; } #anp-m-s:focus { width: 90%; } #anp-m-subt{ display: none; } .background { background: rgba(49,99,41,1); background-repeat: no-repeat; background-size: cover; display: block; background-position: center; overflow: overlay; height: 100vh; z-index: 9999;} .featured_title{ position:absolute; z-index:110; bottom:0 } .featured_time{ font-size: 12px; color: #fff; opacity: 0.8; padding-left: 20px; } .featured_meta{ color:#acacac; font-size:12px; margin:0 15px; } .featured_meta_left{ float:left } .featured_meta_right{ float:right } /* Tables */ table { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-x: auto; } table a:link { color: #666; font-weight: bold; text-decoration: none; } table a:visited { color: #999999; font-weight: bold; text-decoration: none; } table a:active, table a:hover { color: #bd5a35; text-decoration: underline; } table { color: #666; font-size: 12px; text-shadow: 1px 1px 0px #fff; background: #eee; margin: 0px; width: 100%; } table th { padding: 21px 25px 22px 25px; border-top: 1px solid #fafafa; border-bottom: 1px solid #e0e0e0; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top, #ededed, #ebebeb); } table th:first-child { text-align: left; padding-left: 20px; } table tr:first-child th:first-child { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; } table tr:first-child th:last-child { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } table tr { text-align: center; padding-left: 20px; } table td:first-child { text-align: left; padding-left: 20px; border-left: 0; } table td { padding: 18px; border-top: 1px solid #ffffff; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); } table tr.even td { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); } table tr:last-child td {border-bottom: 0;} table tr:last-child td:first-child { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } table tr:last-child td:last-child { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } table tr:hover td { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); } /* Responsive */ @media screen and (min-width: 650px) { table {display: inline-table;} } @media screen and (max-width: 768px){ .amp-wp-meta{ margin:10px 0px 15px 0px } .home-post_image{ width: 40%; } .amp-loop-list .amp-wp-p-c{ width: 58%; } .amp-loop-list .featured_time{line-height:1} .sl-pt main .amp-wp-content h1{ line-height:1.4; font-size: 30px;} } @media screen and (max-width: 600px){ .amp-loop-list .amp-wp-tags{display:none} .alignleft, alignright, alignnone{max-width:100%;width:100%} } @media screen and (max-width: 530px){ .home-post_image{ width: 35%; } .amp-loop-list .amp-wp-p-c{ width: 63%; } .amp-wp-p-c p { font-size: 12px; } .related_posts ol li p { line-height: 1.6; margin: 7px 0 0 0;} .comments_list ul li .comment-body {width:auto} .amp-cty-bk -i:nth-child(3) {margin:0} } @media screen and (max-width: 425px){ h2.amp-wp-title{ margin-bottom: 7px; line-height: 1.31578947; font-size: 19px; position:relative;top:-3px } h2.amp-wp-title a{ color:#262626} .amp-loop-list{padding:25px 15px 22px 15px} .amp-loop-list .amp-wp-p-c{ width: 63%; } .amp-loop-list .amp-wp-p-c p, .related_posts .related_link p{ display:none } .ampforwp-tax-category{ padding-bottom:0 } .amp-wp-byline{ padding:0 } .sl-pt main .amp-wp-content h1{ line-height: 1.3; font-size: 26px;} .icono-share{display:none} .ampforwp-social-icons amp-social-share{ margin-right: 3px;} main .amp-wp-content{ font-size: 16px; line-height: 26px;} .sl-pt .amp_author_area .amp_author_area_wrapper{font-size:13px;} .amp-category-post{ font-size:12px; color:#666 } } @media screen and (max-width: 400px){ .amp-wp-title{ font-size: 19px; } } @media screen and (max-width: 375px){ .sl-pt main .amp-wp-content h1{ line-height: 1.3; font-size: 24px;} .home-post_image{ height: 79px; } #pagination .next a, #pagination .prev a{ color: #fff; font-size: 14px; padding: 15px 0px; margin-top: -5px; } .related_posts h3, .comments_list h3{ margin-top:15px; } #pagination .next{ margin-bottom:15px; } } @media screen and (max-width: 340px){ .sl-pt main .amp-wp-content h1{ line-height: 1.3; font-size: 22px;} .amp-loop-list{ padding: 20px 15px 18px 15px; } h2.amp-wp-title{ line-height: 1.31578947; font-size: 17px; } .the_content .amp-ad-wrapper{ text-align: center; margin-left: -13px; } } @media screen and (max-width: 320px){ .ampforwp-social-icons amp-social-share{ margin-right: 1px; } } .entry-content amp-anim{display:table-cell;} #sidebar[open]+#designthree .hamburgermenu { float: left; } #sidebar[open]+#designthree .icono-search { display: none; } /* Style Modifer */ .amp-wp-content blockquote { border-color: ; } .sl-pt amp-img.alignleft, amp-anim.alignleft{ margin-right: 15px; margin-bottom:5px; float: left;} .sl-pt amp-img.alignright, amp-anim.alignright{ float:right; margin-left: 15px; margin-bottom:5px;} .sl-pt amp-img.aligncenter, amp-anim.aligncenter{ text-align:center; margin: 0 auto; max-width:100%} .amp-wp-author:before{ content: " Published by ";} .ampforwp-tax-category span:last-child:after { content: ' ';} .ampforwp-tax-category span:after{ content: ', ';} .amp-wp-a-c img { max-width: 100%;} /* Social icons */ @font-face { font-family: 'Roboto'; font-display: swap; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url('https://tennistonic.com/wp-content/plugins/amp-newspaper-theme/template/fonts/Roboto-Regular.ttf'); } @font-face { font-family: 'Roboto'; font-display: swap; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url('https://tennistonic.com/wp-content/plugins/amp-newspaper-theme/template/fonts/Roboto-Medium.ttf'); } @font-face { font-family: 'Roboto'; font-display: swap; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url('https://tennistonic.com/wp-content/plugins/amp-newspaper-theme/template/fonts/Roboto-Bold.ttf'); } @font-face { font-family: 'icomoon'; font-display: swap; src: url('https://tennistonic.com/wp-content/plugins/amp-newspaper-theme/template/fonts/icomoon.eot?b9qrme'); src: url('https://tennistonic.com/wp-content/plugins/amp-newspaper-theme/template/fonts/icomoon.eot?b9qrme#iefix') format('embedded-opentype'), url('https://tennistonic.com/wp-content/plugins/amp-newspaper-theme/template/fonts/icomoon.ttf?b9qrme') format('truetype'), url('https://tennistonic.com/wp-content/plugins/amp-newspaper-theme/template/fonts/icomoon.woff?b9qrme') format('woff'), url('https://tennistonic.com/wp-content/plugins/amp-newspaper-theme/template/fonts/icomoon.svg?b9qrme#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"]{ font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-twitter a:before { content: "\f099";} .icon-facebook a:before{ content: "\f09a"; } .icon-facebook-f a:before{ content: "\f09a"; } .icon-pinterest a:before{ content: "\f0d2"; } .icon-google-plus a:before{ content: "\f0d5"; } .icon-linkedin a:before{ content: "\f0e1"; } .icon-youtube-play a:before{ content: "\f16a"; } .icon-instagram a:before{ content: "\f16d"; } .icon-tumblr a:before{ content: "\f173"; } .icon-vk a:before{ content: "\f189"; } .icon-whatsapp a:before{ content: "\f232"; } .icon-reddit-alien a:before{ content: "\f281"; } .icon-snapchat-ghost a:before{ content: "\f2ac"; } .social_icons{ font-size: 15px; display: inline-block; } .social_icons ul{ list-style-type:none; padding:16px;margin:0; text-align:center } .social_icons li{ box-sizing: initial; display:inline-block; margin:5px; color: #eee; } .footer_wrapper .social_icons li{ color: #ffffff; } .social_icons .icon-telegram amp-img {transform: rotate(320deg);} #ampsomething { display: none; } .toggle-navigationv2 .social_icons ul li a{background-color: rgba(255, 255, 255, 0.03); font-size: 14px; height: 40px; line-height: 20px; position: relative; width: 40px; padding:10px;box-sizing:border-box;border: 1px solid rgba(221, 221, 221, 0.1);display:inline-block; } /* footer-part */ .footer-part-1 { padding: 0 10px;} .footer-title h3, .social-icons-title{font-size: 18px; font-weight: 700; text-transform:uppercase; } .footer-part-content { margin-top: 40px; color:#fff; } .footer-part-content .footer-content{font-size:14px; line-height:21px; max-width:500px; margin:0 auto;} .footer-part-content .footer-content a{text-decoration:none; margin-right:5px;} .footer-email {padding-top:20px; font-size:14px; line-height:21px; } .footer-email > a{ color:#4db2ec; padding-left:5px;} .footer-part-1 .social_icons ul {margin-top:20px;} .hide-footer-content-info{ display:none; } .footer-part-1 .social_icons ul li a{background-color: rgba(255, 255, 255, 0.03); font-size: 14px; height: 40px; line-height: 20px; position: relative; width: 40px; padding:10px;box-sizing:border-box;border: 1px solid rgba(221, 221, 221, 0.1);display:inline-block; } .footer-part-1 .social_icons ul li a::after { content: ""; position: absolute; } .footer-part-1 .social_icons ul li a{ margin-right:10px;} .footer-part-1 .social_icons ul li a:last-child, .footer-part-2 .footer-menu ul li:last-child{margin-right:0;} .footer-part-2 { background-color: rgba(53,93,100,1); padding:15px 10px;} .footer-copyright {letter-spacing: 0.2px; text-align: center; padding-top:15px;bottom: 39px;position: relative;} .footer-menu ul{padding-left:0; margin:0;} .footer-menu ul li{display:inline-block; list-style:none; margin-right: 16px;} .footer-menu ul li a{font-size:12px; color: #ccc; display: inline-block; line-height: 44px; } .footer-menu {text-align: center;bottom: 22px;position: relative;font-size: 0px;margin-left: -3px;} /* single page */ .sl-pt .sg-wp .post-content amp-img{max-width:100%} .amp-wp-content .singlepage-wrapper .page-title h1 { font-size: 32px; font-weight: normal; line-height: 36px; margin: 0; } .amp-wp-content .singlepage-wrapper .page-title h1 { text-align: left;} .singlepage-wrapper { padding: 0px 12px; } .singlepage-wrapper .author-info{ font-size: 11px; line-height: 15px; margin-top: 10px; } .sg-wp .author-info span{ color:#444; } .sg-wp .author-info a{ color:#000; font-weight:bold; padding-right:5px } .textwidget p { word-break: break-word; } .singlepage-wrapper .author-info .post-date{ padding-left:5px; } .singlepage-socialicons amp-social-share { background-size: 22px auto; border-radius: 2px; margin-right:9px; } .singlepage-socialicons .custom-amp-socialsharing-icon-rounded { border-radius: 3px; padding:11px 12px 10px 12px; margin-right:14px; } .singlepage-socialicons { margin: 20px 0px 0px 0px; text-align: center; display: inline-block; width: 100%; } .sg-wp .post-image figcaption{ background-color:#fff; } .post-content h3{ font-size:22px; line-height:30px; } .post-content p, .post-content ul li{ font-size:16px; line-height:24px; color:#111; } .singlepage-wrapper .post-content p a { color: #ed6f08; } .sg-wp .post-content p a:hover{ border-bottom:2px solid #4db2ec; } .sg-wp .post-content ul li{ position:relative; } .amp-wp-content .sg-wp .post-content blockquote{ background: transparent none repeat scroll 0 0; border-left:none; padding:0; } .amp-wp-content .sg-wp .post-content blockquote p{ color: #F42F42; font-size: 22px; font-style: italic; font-weight: 400; line-height: 30px; text-align: center; text-transform: uppercase; } .td-post-small-box { margin-bottom: 5px; } .amp-wp-content .sg-wp .tags-list span, .td-post-small-box span{ background-color: #222; color: #fff; font-size: 10px; padding: 3px 9px 3px 9px; text-transform: uppercase; margin-right: 6px; } .amp-wp-content .sg-wp .tags-list ul { display: inline-block; margin: 0; padding: 0; vertical-align: middle; } span.tagremove { background-color: #000; color: #fff;font-size: 10px;padding: 3px 9px 3px 9px;text-transform: uppercase;margin-right: 6px;} .amp-wp-content .singlepage-wrapper .tags-list ul li {display: inline-block;right: 40px;position: relative; } .amp-wp-content .singlepage-wrapper .tags-list ul li a, .td-post-small-box a { font-size: 10px;line-height: 16px;color: #FFF;border: 1px solid #ededed; padding: 2px 8px;margin: 2px; background-color: #000; } .amp-wp-content .sg-wp .tags-list ul li a, .td-post-small-box a{ font-size:11px; line-height:16px; color: #111; border: 1px solid #ededed; padding: 2px 8px; margin: 2px; } .amp-wp-content .sg-wp .tags-list ul li:hover a, .td-post-small-box:hover a{ background-color: #4db2ec; border-color: #4db2ec; color: #fff; } .amp-wp-content amp-iframe { max-width: 100%; } .sg-wp .amp-socialicons amp-social-share { background-size: 20px auto; border-radius: 0px; } .sg-wp .amp-socialicons .custom-amp-socialsharing-icon-rounded amp-img{ vertical-align:middle; } .sg-wp .amp-socialicons .custom-amp-socialsharing-icon-rounded { border-radius: 0; padding: 10px 11px 12px 10px; position: relative; top: -17px; } .singlepage-wrapper .amp-socialicons { border: 1px solid #ededed; padding: 25px 0 10px 0; } .singlepage-articles, .posted-author{ display: inline-block; width: 100%; } .singlepage-articles{ margin:10px 0px 30px 0px; } .singlepage-articles .previous-article, .singlepage-articles .next-article{ float:left; width:50%; } .singlepage-articles .previous-article span, .singlepage-articles .next-article span{ color: #525252; display: block; font-size: 12px; margin-bottom: 7px; } .previous-article a, .next-article a{ color: #222; display: block; font-size: 15px; line-height: 21px; } .singlepage-articles .next-article{ text-align:right; } .posted-author{ text-align:center; padding:20px 0px; border: 1px solid #ededed; } .posted-author > a { display:block; line-height: 0; } .posted-author-details { margin-top: 15px; padding:0px 20px; } .posted-author-details .author-title{ display:block; } .author-info .author-name a,.posted-author-details .author-title a{ color:#222; font-size: 15px; font-weight: bold; line-height: 21px; } .author-info .author-name a{ font-size: 11px; } .author-info .author-name a:hover,.posted-author-details .author-title a:hover, .posted-author .posted-author-details a:hover{ color:#4db2ec; } .posted-author .website-link{ font-size: 11px; font-style: italic; line-height: 21px; color:#222; } .posted-author-details p{ font-size: 14px; line-height: 1.5; margin: 3px 0 0px 0; } .releated-article { margin: 20px 0px 5px 0px; width: 100%; display: inline-block; } .releated-article-title span { background-color: #222; color: #fff; display: inline-block; font-size: 14px; line-height: 18px; padding: 7px 15px 4px 15px; text-transform: uppercase; } .releated-article-title { border-bottom: 3px solid #222; margin: 10px 0 12px; } .releated-article .post-image{ display: inline-block; float: left; line-height: 0; margin-right:10px; width:26%; } .releated-article .releated-articles-post .post-image:hover h4 a{ color:red; } .releated-article h4{ margin:0; } .releated-article .releated-articles-post { clear: both; float: left; width: 100%; margin-bottom:20px; } .releated-article h4 a{ color:#222; font-size: 17px; line-height: 23px; } .category-single{margin-bottom: 6px;line-height:1} .category-single ul li{ list-style: none; display: inline-block; text-decoration: none; margin: 4px 5px 1px 0px; font-size: 10px; line-height: 16px; padding: 3px 6px 3px 6px; background-color: #000; color: #fff; } .category-single ul li a{ text-decoration: none; font-size: 10px; line-height: 16px; padding: 3px 6px 3px 6px; background-color: #000; color: #fff; } p.wp-caption-text {text-align: center;font-size: 11px;line-height: 1.4;margin: 6px 0 0 0;}.page-title{text-align:center} .td-review{font-size:14px;color:#111}.td-review-stars{color:#222}i.td-icon-star:before{content:'\2605';font-style:normal;position:relative;top:1px}i.td-icon-star-half:before{content:'\2605';font-style:normal;position:relative;top:1px}i.td-icon-star-empty:before{content:"☆";font-style:normal}.td-review-desc{float:left}.td-review-percent{float:right}.td-review .block-title{background-color:#222;color:#fff;display:inline-block;line-height:16px;padding:7px 12px 6px;margin-bottom:0;border-bottom:0;text-shadow:none;font-size:12px}.td-review-score span{font-size:8.5px;letter-spacing:-.1px}.td-review .td-review-percent-sign{font-size:30px}.td-review-summary-content{margin-top:8px}.td-review td{padding:10px;border:0 solid #fff;background:#fff}.td-review td:first-child{width:100%;padding-left:10px}.td-review-final-score{font-weight:700;font-size:30px}.td-review-overall i{font-size:16px}.td-review-overall td-icon-star-empty:before{font-size:14px} .amp-cty-bk-btn { background-color: rgba(77,178,236,1); color: #fff; font-size: 14px;padding: 4px 7px 4px 0; width: 204px; margin-left: 100px;border-radius: 5px; margin-top: 14px; } a.amp-cty-bk1-btn, .amp-recent-category-block1-btn, .amp-category-block1-btn { background-color: ; color: #ed6f08; font-size: 14px; padding: 7px 7px 4px 0; border-radius: 5px; margin-top: 14px; display: block; text-align: center; border-bottom: 1px solid #f1f1f1; text-decoration: none; } .amp-recent-category-block1-btn a{ color: #ed6f08; } .loop-wrapper .has_related_thumbnail .related_link a { font-size: 18px; font-weight: bold; } .loop-wrapper .has_related_thumbnail .related_link p { font-size: 15px; } .amp-wp-content .p-h { width: 100%; } .next a, .prev a { color: #202125; font-size: 14px; padding: 15px 0px; margin-top: 0px; background-color: #4db2ec; width: 100%; display: inline-block;text-align: center;float: left; margin-bottom: 15px;} .related_posts ol li amp-img { width: 140px; height: 100%; } .singlepage-wrapper .post-content a { color: #f06d19; } .sync-iframe { display: block } .consent-eea { display:none } .consent-ccpa{ display:none } .amp-geo-group-eea .consent-eea { display:block } .amp-geo-group-ccpa .consent-ccpa { display:block } amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html { margin-top: 0; } @media (max-width: 782px){ #headerwrap { top: 0px; } } .score_stas_sub_title { text-align: center; } .player_button_article { display: block; width: 100%; text-align: center; margin-bottom: 15px; } .player_button_article a { background: #c56422; display: inline-flex; padding: 10px; border-radius: 10px; } .player_button_article a:hover { text-decoration: none; } .player_button_article .img_sec > div { max-width: 55px; } .player_button_article .img_sec img { max-width: 55px; max-height: 75px; margin: 0; } .city_title_name { color: #fff; padding: 0 10px; } .city_title { font-size: 20px; line-height: 42px; } .projected_player_button_article .city_title { font-size: 20px; line-height: 33px; } .player_button_article a > .butn_img img { width: 32px; height: 39px; margin-top: 15px; margin-left: 10px; object-fit: none; display: none; } .player_button_article .pl_name { font-weight: normal; } .player_button_article > a.butn_link_a{ display:inline-flex;} .player_button_article p a.butn_link_a{ display:none;} .oragnge_btn_goto{ background: #ed7d31; color: #fff ; padding: 10px 20px; font-size: 18px; display: inline-block; border-radius: 10px; text-align: center; text-decoration: none ; } table.ply_h2h_info_table {border: 1px solid #000;color: #000;border-collapse: collapse;border-spacing: 0;text-align: center;width: 100%;background: #fff;font-size: 15px; font-weight:500; float:left;margin-bottom: 15px;text-shadow: none;display: table;} .ply_h2h_info_table th:first-child {color: #ff9e0d;text-align: center;} .ply_h2h_info_table th {background: #203764;color: #fff; text-align:center;} .ply_h2h_info_table tr td:first-child {background: #203764;color: #fff;padding: 3px;text-align: center;} .ply_h2h_info_table tr td,.ply_h2h_info_table tr th{padding: 3px;} span.imp_sign_yellow_left,span.imp_sign_green_left,span.imp_sign_red_left{left: 0;} span.imp_sign_yellow_right,span.imp_sign_green_right,span.imp_sign_red_right{ right:0;} span.imp_sign_yellow_left,span.imp_sign_yellow_right{background: #ebb853;} span.imp_sign_green_left,span.imp_sign_green_right{background: #1b9d2c;} span.imp_sign_red_left,span.imp_sign_red_right{background: #ff1218;} span.imp_sign_yellow_left,span.imp_sign_yellow_right, span.imp_sign_green_left,span.imp_sign_green_right, span.imp_sign_red_left,span.imp_sign_red_right{ display: block ; position: absolute; text-align: center; font-weight: bold; float: left; width: 25px; box-shadow: 0 0 13px 5px #49d310; color: white; line-height: 1.7; } .red_bg_b{ background: #ad0404 ;color: #fff;} .green_bg_b{ background: #027102 ;color: #fff;} .green_bg_t,.ply_h2h_info_table1 tr td.green_bg_t:first-child{ background:#548235 ; color:#fff;font-size: 36px;line-height: 36px;text-align: center;} table.ply_h2h_info_table1 {border: 1px solid #000;color: #000;border-collapse: collapse;border-spacing: 0;text-align: center;width: 100%;background: #fff;font-size: 15px; font-weight:500; float:left;margin-bottom: 15px;text-shadow: none;} .ply_h2h_info_table1 th:first-child {color: #ff9e0d;} .ply_h2h_info_table1 th {background: #203764;color: #fff;text-align: center;} .ply_h2h_info_table1 tr td:first-child {background: #203764;color: #fff;padding: 3px;text-align: center;} table.ply_h2h_info_table2 {border: 1px solid #000;color: #000;border-collapse: collapse;border-spacing: 0;text-align: center;width: 100%;background: #fff;font-size: 15px; font-weight:500; float:left;} .ply_h2h_info_table2 th:first-child {color: #ffffff;font-size: 36px;line-height: 36px;text-align:center;} .ply_h2h_info_table2 th {background: #305496;color: #fff;} .ply_h2h_info_table2 tr td:first-child,tr.ply_h2h_info_table2 td:first-child {background: #305496;color: #fff;padding: 3px;} .ply_h2h_info_table1 tr td{padding: 3px;} table.ply_h2h_info_table3 {border: 1px solid #000;color: #000;border-collapse: collapse;border-spacing: 0;text-align: center;width: 100%;background: #fff;font-size: 15px; font-weight:500; float:left; margin-bottom:15px;} .ply_h2h_info_table3 th:first-child {color: #ffffff;font-size: 36px;line-height: 36px; text-align:center;} .ply_h2h_info_table3 th {background: #8ea9db;color: #fff;} .ply_h2h_info_table3 tr td:first-child,tr.ply_h2h_info_table3 td:first-child {background: #8ea9db;color: #fff;padding: 3px;} .pro_h2h_green{ color:#008000;} .pro_h2h_red{ color:#ff0000;} .pro_h2h_black{ color:#000;} .pro_h2h_or{ color:gray;} ul.last_results_data { padding: 0 20px 0px; } .last_results_data li a { display: inline-block ; width: 100%; } .h2h_ply_img amp-img { max-width: 100%; } .h2h_player_left .h2h_chart_img, .h2h_player_right .h2h_chart_img { max-width: 30px; margin: 0 auto; } .h2h_bottom_div { background: #385723; width: 100%; display: flex; padding: 10px 0 0; } .h2h_player_left { width: 25%; display: table-cell; text-align: center; } .h2h_player_right { width: 25%; display: table-cell; text-align: center; } img.h2h_chart_img { max-width: 44px; margin: 0 auto; margin-bottom: 10px; } img.h2h_ply_img { margin: 0; } .h2h_center { width: 50%; display: table-cell; vertical-align: middle; text-align: center; padding-top: 26px; } .h2h_more_status { color: #fff; font-size: 22px; line-height: 25px; } .h2h_more_link { display: inline-block; background: #ffc000; padding: 20px; border-radius: 20px; font-size: 20px; margin-top: 20px; } .h2h_more_link a,.h2h_more_link a:hover { color: #000; text-decoration: none; } .h2h_player_left a span,.h2h_player_right a span { color: #fff; text-decoration: none; margin-bottom: 5px; display: inline-block; } .h2h_player_left .h2h_ply_img img, .h2h_player_right .h2h_ply_img img{ max-width: none; } .mobile_name{ display:block;display: inline-block;} .desktop_name{ display:none;} .wpcb_full_staus { text-align: center; } .singlepage-wrapper .post-content .wpcb_full_staus a { background: #fb8738; color: #fff; padding: 10px 15px; border-radius: 10px; text-decoration: none; display: table; margin: 0 auto; margin-bottom: 10px; } .wpcb_full_staus a span { display: block; font-size: 13px; } .wpcb_amp_status_img { max-width: 100%; margin: 0 auto; } .vc_set_ajax_container{margin: 15px 0;display:inline-block;width: 100%;padding-top: 6px;} .vc_set_score{ width:100%; display:table;box-sizing: border-box;} .vc_set_columns{ width:19.4%;box-sizing: border-box;display: inline-table;padding: 0 0px; background:#fff;margin-bottom: 10px;} .vc_set_score_final{ text-align:center; font-size:23px;margin-bottom:8px;} .vc_set_count{ background:#316329; color:#fff; font-size:16px; text-align:center;padding: 5px;margin-bottom: 5px;} .vc_player_names{ width:100%; display:inline-block;} .vc_set_p1_name,.vc_set_p2_name{ width:45%;display: inline-block;text-align: center;float: left;} .vc_set_p1_name{ margin-right:1%;color: #fff;padding: 5px 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:center;} .vc_set_p2_name{ margin-left:1%;color: #fff;padding: 5px 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:center;} .p_bg_green{background: #316329;} .p_bg_red{background: #a0a0a0;} .vc_set_score_inner .vc_sets_check{border-right:0px;} .vc_sets_check{ width:100%; padding:10px;display: inline-block;border-right: 1px solid #e0e0e0;} .vc_sets_check_inner{ width:100%; display:table;margin-bottom: 5px;} .vc_set_p1_count,.vc_set_p2_count{ width:50%;display: table-cell;text-align: center;} .vc_set_p1_count span,.vc_set_p2_count span{ padding:6px 8px;font-size: 15px;line-height: 28px;} .wpcb_bg_green{background:#316329; color:#fff; font-size:15px;} .wpcb_bg_red{background:#ff3100; color:#fff; font-size:15px;} span.red_text,strong.red_text {font-weight: bold;color: red;} span.green_text,strong.green_text {font-weight: bold;color: green;} .vc_set_columns.vc_set_columns_individual{ display: none;} .vc_individual_sets{display: table;width: 100%;clear: both;margin-bottom: 15px;background:#fff;} .vc_score_right {padding-left: 10px;width: 80%;display: table-cell;} .vc_individual_sets .vc_individual_sets_inner{ background:#fff;display: table;width: 100%;} .vc_individual_sets .vc_set_count{width: 100%;display: table-caption; font-size:14px;} .vc_set_score_final_individual{font-size: 22px;padding-top: 3px; padding-bottom: 3px;} .vc_serice_title {font-size: 20px;margin-bottom: 10px;} .vc_score_row {padding-bottom: 4px;border-bottom: 1px solid #ddd;padding-top: 4px;clear: both;} .vc_score_right .vc_score_row:last-child{border-bottom: 0;} .vc_score_name {width: 140px;display: table-cell;vertical-align: middle;} .vc_score_point {width: 80%;display: table-cell;border-left: 2px solid #dcdcdc;padding-left: 5px;} .vc_score_inner {float: left;text-align: center;padding: 0 6px;font-size: 12px;line-height: 18px;} .vc_set_columns_individual .vc_sets_check_inner{margin-bottom: 10px;} .vc_set_columns_individual .vc_set_p1_count span,.vc_set_columns_individual .vc_set_p2_count span{padding: 5px 8px;font-size: 17px;line-height: 35px;} .vc_right_score {float: right;font-size: 13px;padding-right: 7px;line-height: 18px;} .vc_ser_green_round {background: #05b705;width: 8px;height: 8px;display: block;float: right;margin-top: 5px;border-radius: 100%;margin-left: 5px;} .vc_player_ser_name {padding-top: 0;font-weight: bold;line-height: 18px;/*padding-top: 8px;*/display: inline-block; font-size:13px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;width: 100px;} .vc_player_ser_name.wpcb_text_red{font-weight: normal;} .wpcb_text_red .ser_opp_player{font-weight: bold;color: #000;} .wpcb_text_green {color: #316329;} .wpcb_text_red {color: #ff3100;} .p1_point.wpcb_text_green,.p2_point.wpcb_text_green,.p1_point.wpcb_text_red,.p2_point.wpcb_text_red{font-weight: bold;} .vc_set_score_inner {text-align: center;background: #d2dead;padding: 10px 0 0;} .ser_opp_player{ /*display:none;*/display:block;color: #848383;font-weight: normal;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .PlayerScoreDetails table .playerName{ width:3.33%;} .tieb_p_name{word-break: break-word;width: 13px;text-align: center;line-height: 13px;color: #717171;font-style: italic;} @media screen and (min-width:678px){ .PlayerScoreDetails table .point{line-height: 44px ;font-size: 28px ;} } @media screen and (max-width:540px){ .vc_set_columns{ width:32.5%;} .vc_score_right {padding-left: 5px;width: 100%;display: table-caption;} .vc_set_columns.vc_set_columns_individual {display: none;} .vc_score_point{width: 65%;} .ser_opp_player{ display:block;color: #848383;font-weight: normal;} .vc_player_ser_name{padding-top: 0;display: inline-block;font-size: 13px;line-height: 18px;font-weight: bold;} } @media screen and (min-width:541px) and (max-width:1170px){ .vc_player_ser_name {width: 85px;} } @media screen and (min-width:768px) and (max-width:768px){ .vc_player_ser_name {width: 50px;} } h2.match_report_title { background: #000; color: #fff; padding: 10px; } .vc_individual_sets_inner_special{ background: #fff; display: table; width: 100%; margin-right: 0; margin-bottom: 10px; border: 1px solid #ccc; box-sizing: border-box; } .vc_individual_sets_inner_special .vc_score_right { width: 100%; padding-left: 2px; display: block; } .vc_individual_sets_inner_special .vc_score_row { padding-bottom: 4px; clear: both; display: flex; border-bottom: 1px solid #ddd; padding-top: 4px; } .vc_individual_sets_inner_special .vc_score_name { width: 90px; display: flex; vertical-align: middle; float: left; align-items: center; } .vc_individual_sets_inner_special .vc_score_point { width: 75%; border-left: 2px solid #dcdcdc; padding-left: 3px; float: right; word-break: break-all; } .vc_individual_sets_inner_special .vc_player_ser_name { width: 67px; font-size: 12px; } .vc_individual_sets_inner_special .vc_right_score { float: right; font-size: 12px; padding-right: 2px; line-height: 18px; width: 20px; } .vc_individual_sets_inner_special .vc_ser_green_round { width: 7px; height: 7px; margin-left: 2px; } .vc_individual_sets_inner_special .vc_score_inner { padding: 0 4px; font-size: 12px; } .vc_set_count_special{ background: #316329; color: #fff; font-size: 17px; text-align: center; padding: 5px; margin-bottom: 0px; } .vc_set_count_special span{ display: none;} .vc_set_score_final_individual_special{ font-size: 17px; padding-top: 3px; padding-bottom: 3px; display: block; color: #d2dead; } .see_all_btn { background: #ff9900; color: #fff; margin: 10px auto; display: table; font-size: 16px; font-weight: bold; padding: 4px 30px; border-radius: 10px; cursor: pointer; } .see_all_btn span { font-size: 14px; display: block; text-align: center; font-weight: normal; } .score_stas_sub_title { background: #316329; color: #fff; display: table; width: 100%; text-align: center; padding: 3px; margin: 8px 0; } .title_sec_b{ font-weight:600;} .blue_bg { background: #5472d2; border: 1px solid #00259c; color: #fff; } .player1_sec_inner .green_bg { background: linear-gradient(270deg, #95d05c 66%, rgba(246,252,244,1) 100%); } .player2_sec_inner .green_bg { background: linear-gradient(90deg, #95d05c 66%, rgba(246,252,244,1) 100%); } .player1_sec_inner .red_bg { background: linear-gradient(270deg, rgba(255,42,0,1) 46%, rgba(255,255,255,1) 94%); } .player2_sec_inner .red_bg { background: linear-gradient(90deg, rgba(255,42,0,1) 46%, rgba(255,255,255,1) 94%); } .player1_sec_inner .blue_bg { background: linear-gradient(270deg, #5472d2 46%, rgba(255,255,255,1) 94%); } .player2_sec_inner .blue_bg { background: linear-gradient(90deg, #5472d2 46%, rgba(255,255,255,1) 94%); } .score_stats {background: #d2dead;width: 100%;margin-left: 0px;position: relative;} .score_stas_title { background: #316329; color: #fff; display: table; width: 100%; padding: 10px 0; font-size: 18px; } .player1_sec, .title_sec, .player2_sec { width: 33%; display: table-cell; text-align: center; } .title_sec { vertical-align: middle; font-size: 13px; padding: 0 3px; } .score_stas_sec { display: table; width: 100%; padding: 2px 2px; } .player1_sec_inner { direction: rtl; } .player2_sec_inner { direction: ltr; } .img_sec > div { width: 90px; height: auto; } .player1_sec .img_sec > img { width: 80px; float: right; margin-bottom:5px; } .player2_sec .img_sec > img { width: 80px; float: left; margin-bottom:5px; } .img_sec > div img { height: 119px; margin-left: 0; margin-bottom: 5px; max-width: 100%; } .green_bg { background: #95d05c; border: 1px solid #62a224; } .red_bg { background: #ff3539; border: 1px solid #c01317; color: #fff; } .player1_sec_inner.indent_add div,.player2_sec_inner.indent_add div, .player1_sec_inner.indent_per_add div,.player2_sec_inner.indent_per_add div { text-indent: -9999px; } .player1_sec_inner.indent_not span,.player2_sec_inner.indent_not span, .player1_sec_inner.indent_per_not span,.player2_sec_inner.indent_per_not span { display:none; } .player1_sec_inner.indent_add span { display: flex; margin-top: -21px; margin-right: 21%; } .player2_sec_inner.indent_add span { display: flex; margin-top: -21px; margin-left: 21%; } .player1_sec_inner.indent_per_add span { display: flex; margin-top: -22px; margin-right: 32%; } .player2_sec_inner.indent_per_add span { display: flex; margin-top: -22px; margin-left: 32%; } .see_full_status_a { text-decoration:none ;} .see_full_status_btn { background: #ed7d31; color: #fff; text-align: center; padding: 10px; font-size: 20px; margin-top: 5px; text-decoration:none; font-weight: 100; } .ga_player1_image_div { width: 100%; margin-right: 15px; } .player_info_div { width: 100%; background: #d2dead; display: inline-block; /*float: left; margin-right: 10px;*/ } .player_info_div .result_div { float: left; width: 100%; height: auto; border: 0px solid #008700; padding-left: 5px; position: relative; box-sizing: border-box; } .player_info_div .score { width: 100%; } .player_info_div .score h1 { font-weight: 300; margin: 0px; font-size: 24px; margin-bottom: 9px; font-family: Verdana, Geneva, sans-serif; margin-top: 5px; max-width: initial; } .player_info_div .play_loss_win_tab span:nth-child(11){ display: none; } .player_info_div .score span { font-size: 12px; font-weight: 300; letter-spacing: 1px; margin: 7px; display: inline; } .player_info_div .surface1 { line-height: 15px; background: #4081a0; color: #f0f0f0; text-align: center; font-size: 12px; width: 40%; float: left; } .player_info_div .surface2 { line-height: 15px ; background: #f96 ; text-align: center ; font-size: 12px; width: 40%; float: left; clear: both; color: black ; background: #f96; } .player_info_div .surface3 { line-height: 15px; background: #99cdff; text-align: center; font-size: 12px; width: 40%; float: left; } .player_info_div .surface5 { line-height: 15px; background: #393; text-align: center; font-size: 12px; color: #fff; width: 40%; float: left; } .player_info_div .win_score { float: left; width: 57%; margin-top: 0px; line-height: 0; font-size: 15px; font-family: Verdana, Geneva, sans-serif; } .player_info_div .win_score span { padding-left: 7px; } .player_info_div .win_per { width: 72%; float: left; margin-left: 10px; } .player_info_div .pi_right { width: 70%; float: left; } .player_info_div .pi_imge { width: 30%; float: left; padding: 0px; } .player_info_div .pi_imge img { width: 100%; height: auto; margin-left: 0; margin-top: -24px; position: relative; } .player_info_div .pi_imge>div { max-width: 100%; height: auto; } .player_info_div .pi_imge>div img { margin-bottom: 0; } .player_info_div .pi_title { width: 100%; padding: 6px; background: #316329; color: #fff; font-size: 19px; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; } .player_info_div .clay_span { float: left; line-height: 22px; } .player_info_div .pi_logo { float: right; width: 60px; margin-bottom: 0 ; } .player_info_div .left_rank { width: 21%; float: right; text-align: center; background-color: #316329; color: white; height: 54px; line-height: 26px; margin-top: 0px; position: absolute; top: 10px; right: 0; font-size: 15px; font-family: Verdana, Geneva, sans-serif; } .player_info_div .left_rank_high { background-color: #61dc92; width: 21%; float: right; text-align: center; color: white; height: 54px; line-height: 26px; margin-top: 0px; position: absolute; top: 64px; right: 0; font-size: 15px; font-family: Verdana, Geneva, sans-serif; } .singlepage-wrapper .post-content .player_info_div .left_rank a, .singlepage-wrapper .post-content .player_info_div .left_rank_high a { color: #ffffff; } .player_info_div .pi_bottom { clear: both; display: table; width: 100%; font-family: Verdana, Geneva, sans-serif; } .player_info_div .play_loss_win_tab { margin-bottom: 10px; margin-top: 10px; float: left; padding-left: 5px; } .player_info_div span.tab_color_arrow { margin-top: 4px ; margin-left: 5px ; } .player_info_div .play_loss_win_tab span { color: #fff; font-weight: bold; height: 23px; width: 23px; display: inline-block; text-align: center; line-height: 22px; border-radius: 13px; float: right; font-size: 10px; padding: 0; margin: 0 1px; } .player_info_div .play_loss_win_tab span.tab_color_l { background: red; } .player_info_div .play_loss_win_tab span.tab_color_w { background: green; } .player_info_div .wpcb_full_staus a { background: #fb8738; color: #fff ; padding: 5px 15px; border-radius: 10px; text-decoration: none ; display: table; margin: 0 auto; line-height: 1; float: right; margin-right: 10px; } .player_info_div .wpcb_full_staus a span { width: 100%; display: block; font-size: 12px; font-weight: 500; text-align: center; line-height: 1; padding-bottom: 5px; } table.ply_info_table { border: 1px solid #000; color: #fff; border-collapse: collapse; border-spacing: 0; text-align: center; width: 100%; background: #316329; font-size: 16px; font-weight: 500; margin-bottom: 0 ; text-shadow: none; } table.ply_info_table tr{border: none;} .ply_info_table .tbl_green { background: #71cc63; color: #000; white-space: nowrap; } .ply_info_table .tbl_red { background: #bd0202; color: #fff; white-space: nowrap; } .ply_info_table .tbl_gray { background: #4cadc9; color: #000; white-space: nowrap; } .ply_info_table td { background: #585858; color: #fff; white-space: nowrap; border: 1px solid #000; } .ply_info_table .white_year { background: transparent; color: #fff; white-space: nowrap; } table.ply_info_table th { text-align: center; border: 1px solid #000; width: 14.28%; padding: 0; font-size: 13px; background: #316329; padding: 2px 8px; } .ply_info_table td { padding: 2px 8px; } .ply_info_table td:first-child { padding-left: 8px; } .see_all_year { background: #fb8738; color: #fff; text-align: center; padding: 10px; font-size: 25px; } .see_all_year a,.see_all_year a:hover { color: #fff; text-decoration: none; } .plyer_info_div_contanner { width: 360px; display: inline-block; } .player_name_logo amp-img { display: none; } .singlepage-wrapper .post-content .player_name_logo span a { color: #fff; } table.ply_info_table {border: 1px solid #000;color: #fff;border-collapse: collapse;border-spacing: 0;text-align: center;width: 100%;background: #316329;font-size: 16px; font-weight:500;margin-bottom: 0 ;display: table;} .ply_info_table .tbl_green{ background:#71cc63; color:#000;white-space: nowrap;} .ply_info_table .tbl_red{ background:#bd0202; color:#fff;white-space: nowrap;} .ply_info_table .tbl_gray{ background:#4cadc9; color:#000;white-space: nowrap;} .ply_info_table td {background: #585858;color: #fff;white-space: nowrap;border: 1px solid #000;} .ply_info_table .white_year{ background:transparent; color:#fff;white-space: nowrap;} .player_name_logo span a{ text-decoration:none; color:#fff; font-size:18px;vertical-align: middle;color: #fff ;} .player_name_logo {display: block;padding: 5px 0 12px 3px;background: #316329;font-family: Verdana, Geneva, sans-serif;} .player_name_logo img {max-width: 70px;float: right;} .player_img_sec span{display: block;color: #fff;font-size: 15px;line-height: 1.5; font-weight:bold;} .player_img_sec span:nth-child(2n) {font-size: 18px;} .player_img_sec span small{ font-weight:normal;} .player_img_sec img {width: 83px; max-width:83px; height:auto;} .plyer_info_div { /*width: 505px;*/ margin: 0 auto; background: #d2dead; padding: 10px 0 0; box-sizing: border-box; overflow: hidden; margin-top: -5px; font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue"; } .player_img_sec { float: left; width: 83px; max-width: 83px; text-align: center; padding-right: 5px; margin-bottom: 0px; } .player_table_sec { float: right; width: 270px; font-size: 13px; margin-bottom: 0px; } .pi_bottom .play_loss_win_tab span:nth-child(8){ display: none; } .plyer_info_div_contanner table.ply_info_table th { text-align: center; border: 1px solid #000; width: 14.28%; padding: 2px 4px; } .ply_info_table table th { text-align: center; } .pi_bottom { clear: both; display: table; width: 103%; font-family: Verdana, Geneva, sans-serif; margin-left: -5px; margin-bottom: 5px; } .play_loss_win_tab { margin-bottom: 0px; margin-top: 10px; float: left; padding-left: 5px; } span.tab_color_arrow { margin-top: 4px ; margin-left: 5px ; } .play_loss_win_tab span { color: #fff; font-weight: bold; height: 23px; width: 23px; display: inline-block; text-align: center; line-height: 22px; border-radius: 13px; float: right; font-size: 10px; padding:0; margin: 0 1px; } .play_loss_win_tab span.tab_color_l { background: red; } .play_loss_win_tab span.tab_color_w { background: green; } .wpcb_full_staus{ background: #ffc000; color: #23282d ; padding: 8px 5px; border-radius: 10px; text-decoration: none ; display: table; margin: 0 auto; line-height: 1; float: right; margin-right: 4px; font-size: 13px; margin-top: 7px; } .wpcb_full_staus a{ color: #000;} .rank_high_top{ float:right;width: 16%; margin-top:-5px;} .left_rank { width: 100%; float: right; text-align: center; background-color: #316329; color: white; height: 52px; line-height: 25px; margin-top: 0px; right:0; font-size: 15px; font-family: Verdana, Geneva, sans-serif; } .left_rank_high { background-color: #61dc92; width: 100%; float: right; text-align: center; color: white; height: 52px; line-height: 25px; margin-top: 0px; right:0; font-size: 15px; font-family: Verdana, Geneva, sans-serif; } .score{ float:left; } .score h1{ font-weight: 400; margin: 0px; font-size: 24px; margin-bottom: 9px; margin-right: 25px; max-width: 140px; } .score span{ font-size: 12px; font-weight: 400; letter-spacing: 1px; margin: 0; display: block; line-height: 1.5; } .wpcb-player-main-individual.ga_player5_image_div { width: 100%; } a.tour_link_a { padding: 4px 9px; margin-left: 10px; overflow: hidden; white-space: nowrap; display: inline-block; margin-top: -7px; margin-bottom: 10px; text-decoration: none; font-family: Verdana, Geneva, sans-serif; } .wpcb_full_staus a { color: #fff ; } a.tour_link_a.tour_link_a_4 { background: #385723; color: #fff ; background: #d21111; } a.tour_link_a.tour_link_a_final { background: #ffc000; color: #fff ; } a.tour_link_a.tour_link_a_6 { background: #a6a6a6; color: #333 ; background: linear-gradient(to bottom, #ebebeb 40%, rgb(64 72 64 / 40%) 100%); } a.tour_link_a.tour_link_a_2{ background: #a6a6a6; color: #333 ; background: linear-gradient(to bottom, #ebebeb 40%, rgb(64 72 64 / 40%) 100%); } a.tour_link_a.tour_link_a_3 { background: #548235; color: #fff ; background: linear-gradient(to bottom, rgba(253, 209, 78, 1) 40%, rgba(166, 111, 40, 1) 100%); } a.tour_link_a.tour_link_a_5{ background: #716f6f; color: #fff ; } a.tour_link_a.tour_link_a_0 { background: #8d99ad; color: #fff ; } a.tour_link_a.tour_link_a_1 { background: #4472c4; color: #fff ; } .tour_inner { margin-left: 35px; } span.year_old { position: absolute; top: 127px; right: 0; padding: 5px; background: #316329; color: #fff; font-size: 15px; } .hightl_title { background: #548235; color: #fff; text-align: center; padding: 10px; -webkit-box-shadow: 5px 7px 11px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 5px 7px 11px 0px rgba(0, 0, 0, 0.75); box-shadow: 5px 7px 11px 0px rgba(0, 0, 0, 0.75); font-family: Verdana, Geneva, sans-serif; font-size: 23px; font-weight: bold; } .hightl_title h2 { color: #fff; padding: 0; font-size: 28px; margin: 0; line-height: 22px; font-family: Verdana, Geneva, sans-serif; } .tour_row { display: block; padding: 0px 0 0px 6px; width: 100%; } .highl_tour_div { padding: 20px 0 0px; } span.round_sort_title { background: #548235; color: #fff; width: 35px; text-align: center; font-size: 16px; line-height: 34px; float: left; margin-top: -7px; font-family: Verdana, Geneva, sans-serif; } span.round_sort_title_W { background: #25d219; color: #fff; width: 35px; text-align: center; font-size: 16px; line-height: 34px; float: left; margin-top: -7px; border-color: #ff0000; box-shadow: 0 0 19px #f00; } .scoreBox { border-bottom: 0px solid #659a39; } .player_info_div .wpcb_full_staus a { background: #fb8738; color: #fff; padding: 10px 0px; text-decoration: none; display: block; line-height: 1; width: 100%; text-align: center; box-sizing: border-box; font-size: 23px; word-spacing: 8px; } .player_info_div .wpcb_full_staus{ background: none; padding: 0; border-radius: 0; display: block; float: none; margin-right: 0; margin-top: 0; } .singlepage-wrapper .post-content .player_info_div .wpcb_full_staus a{ border-radius: 0; margin-bottom: 0; } table.ramktable td { display: table-cell; height: 42px; border: 1px solid #ededed; color: #333; background: none; } table.ramktable a { color: #333; text-decoration: none; } table.ramktable td { padding: 2px 5px; text-align: center; } .live_rank_td { position: relative; } td.live_rank_td span { position: absolute; top: 0; background: #bf0001; font-size: 13px; line-height: 1; width: 100%; left: 0; color: #fff; padding: 1px; text-shadow: none; } td.live_rank_td.green_color a font { color: #fff ; font-size: 14px ; } td.live_rank_td small { position: absolute; bottom: 2px; font-size: 9px; line-height: 1; right: 2px; color: #9a9a9a; } td.green_color { background: #5f8843; color: #fff ; position: relative; } tr.this_player.tr_green { border: 4px solid red; } .ramktable{ border-collapse: collapse;background: #fff;margin-right: 10px; width: 100%; display: block; } table.ramktable td a img { margin-bottom: 0; display: inline-block; max-width: 31px; } .singlepage-wrapper .post-content table.ramktable td a { color: #333; } .tr_green { background: #eff9de; } table.ramktable tr td:nth-child(3n) { text-align: left; } .live_ranking_buttons { display: grid; grid-template-columns: 1fr; text-align: center; grid-gap: 15px; } .singlepage-wrapper .post-content .live_ranking_buttons a { color: #fff ; border-radius: 20px; padding: 10px 0; font-size: 20px; } .live_ranking_buttons a span { display: block; font-size: 15px; } .new_high { display: inline-block; margin-right: 10px; background: #800000; padding: 0 5px; } a.ranking_butn_link_a1 { background: #ed7d31; border: 1px solid #ad4703; } a.ranking_butn_link_a2,a.ranking_butn_link_a3,a.ranking_butn_link_a4 { background: #548235; border: 1px solid #255802; position: relative; } .live_ranking_buttons a:hover { text-decoration: none; } .live_ranking_buttons a img { position: absolute; top: 28px; left: 40px; } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .amp-menu li.ubermenu-has-submenu-drop ul { display: none; } ul.ubermenu-submenu { margin-left: 10px; color: rgba(255,255,255,0.8); line-height: 3; } .ubermenu-custom-content amp-img{ width:240px; height:240px; } .ubermenu-content-block,.ubermenu-custom-content { color: rgba(255,255,255,0.8); line-height: 2; padding: 0px 7px; width: 80%; } .amp_cb_module{font-size:14px;line-height:1.5;margin-top:30px;margin-bottom:10px;padding:0 20px;} .amp_cb_module h4{margin:17px 0 6px 0;} .amp_cb_module p{margin: 8px 0px 10px 0px;} .amp_cb_blurb{text-align: center} .amp_cb_blurb amp-img{margin:0 auto;} .flex-grid {display:flex;justify-content: space-between;} .amp_module_title{text-align: center;font-size: 14px;margin-bottom: 12px;padding-bottom: 4px;text-transform: uppercase;letter-spacing: 1px;border-bottom: 1px solid #f1f1f1;} .clmn {flex: 1;padding: 5px} .amp_cb_btn{margin-top: 20px;text-align: center;margin-bottom: 30px;} .amp_cb_btn a{background: #f92c8b;color: #fff;font-size: 14px;padding: 9px 20px;border-radius: 3px;box-shadow: 1px 1px 4px #ccc;margin:6px;} .amp_cb_btn .m_btn{font-size: 16px; padding: 10px 20px;} .amp_cb_btn .l_btn{font-size: 18px; padding: 15px 48px;font-weight:bold;} @media (max-width: 430px) { .flex-grid {display: block;} } /* Advance Amp Ads Styling */ .ampforwp-incontent-ad{ max-width:100%; } .amp-ad-wrapper-rspv{ max-width:100%; text-align: right; } .amp-ad-wrapper-rspv amp-ad{ margin: 0 auto; } .ampforwp-standard-ad{ max-width:100%; } /* Inline styles */ div.acss9b509{max-width:100%;}div.acss73479{padding:3px 3px 3px 3px;}font.acss09f50{font-size:10px;}div.acss87a8d{margin-top:8px;max-width:100%;}
Valentin Vacherot reacts with disbelief after defeating Novak Djokovic in Shanghai
Valentin Vacherot, ranked world No. 204, defeated Novak Djokovic 6-3, 6-4 in the Shanghai Masters semifinal after entering the tournament as a qualifying alternate. His reaction captured the emotion of a career-defining moment.
From alternate to finalist
Valentin Vacherot arrived in Shanghai with modest expectations. As an alternate in qualifying, the 26-year-old Monegasque had no guarantee of even making the main draw. Yet within days, he had defeated top-seeded Holger Rune in the quarterfinals and stunned Novak Djokovic in the semis to reach his first ATP Masters 1000 final.
His win over Djokovic was not just unexpected—it was historic. Vacherot became the lowest-ranked player ever to reach a Masters 1000 final, and he did so by outplaying a 24-time Grand Slam champion in straight sets.
A surreal moment on court
Moments after the match, Vacherot struggled to process what he had achieved. “Is this real? I don’t know,” he said. “To have Novak on the other side of the court was, first of all, an unbelievable experience for me.” His words reflected the disbelief and joy of a player who had never faced a member of the sport’s legendary Big Three before.
Vacherot had previously expressed regret at missing the chance to play Roger Federer and Rafael Nadal, whose careers ended before he reached the top tiers of the tour. Facing Djokovic in Shanghai was a personal milestone.
Mental strength under pressure
Despite being broken in the opening game, Vacherot quickly recovered and maintained composure throughout the match. Djokovic, who had been battling physical issues all week, received medical treatment during the first set but continued to play.
Vacherot stayed focused, refusing to let the occasion overwhelm him. “Every time I had little thoughts I was just thinking about the next return or next serve I was going to hit,” he said in his post-match interview.
Monaco celebrates its rising star
Back home, Vacherot’s success has sparked excitement in Monaco, a country with limited tennis representation. His rise has inspired young players and brought visibility to a small federation that rarely sees singles players in the spotlight.
“What’s in my heart, the most important, is the joy that I bring back home,” Vacherot said earlier in the week.
Novak Djokovic in 2025
42 - 15win/loss
38 year old 2025 Highlights
Currently ranked no.5, the Serbian played his last match on the 11th of October when he was defeated by world no.204 Valentin Vacherot 6-3 6-4
in the semifinal in
Shanghai (draw).
This season Novak has managed to achieve a compiled 35-11 win-loss record. The Serbian conquered 1 title in Geneva. The Serbian was the finalist in Miami.
ATP Shanghai - Valentin Vacherot's projected path
Vacherot in Shanghai, ranking, and results in 2025
43 - 24win/loss
27 year old 2025 Highlights
Now the world no.204, Valentin has managed to achieve a composed 41-22 record in 2025. Vacherot is now having a run in Shanghai where he conquered the world no.113 Nishesh Basavareddy 6-7(7) 6-4 6-2, the world no.119 Liam Draxl 4-6 7-6(5) 6-4, the world no.82 Laslo Djere 6-3 6-4, the world no.17 Alexander Bublik 3-6 6-3 6-4, the world no.23 Tomas Machac 6-0 3-1 ret., the world no.31 Tallon Griekspoor 4-6 7-6(1) 6-4, the world no.11 Holger Rune 2-6 7-6(4) 6-4 and the world no.5 Novak Djokovic 6-3 6-4.
Valentin Vacherot will compete against the world no.54 Arthur Rinderknech in the final. Their actual record is 1-0 for Rinderknech.
Valentin reached the final in the Francavilla Challenger.
Novak Djokovic and Valentin Vacherot squared off only 1 time. Their head to head is 1-0 for Vacherot.