/* 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%;}
Lovely Djokovic praises Vacherot after shock defeat in Shanghai.
Valentin Vacherot defeated Novak Djokovic 6–3, 6–4 in the Shanghai Masters semifinal, marking a historic upset and sharing a heartfelt exchange at the net.
Vacherot Stuns Djokovic in Straight Sets
In one of the most surprising results of the 2025 ATP season, world No. 204 Valentin Vacherot defeated Novak Djokovic 6–3, 6–4 to reach the final of the Shanghai Masters. The 26-year-old qualifier from Monaco became the lowest-ranked player ever to reach an ATP Masters 1000 final, overcoming the 24-time Grand Slam champion in just under two hours.
Djokovic, who had been struggling with a sore hip throughout the match, took medical timeouts in both sets but was unable to match Vacherot’s intensity and precision. The Serbian broke early in the first set, but Vacherot responded with a break of his own and never looked back.
Emotional Exchange at the Net
After the final point, the two players met at the net for a moment that captured the spirit of sportsmanship and mutual respect. Djokovic, visibly impressed by his opponent’s performance, said: “You deserve it. You played unbelievable. Keep it going,” he said.
Vacherot, overwhelmed by the experience of facing one of the sport’s legends, replied: “Such a pleasure to play at least once against you. Don’t retire,” he commented.
The exchange was widely praised by fans and commentators, highlighting the emotional weight of the match and the generational bridge between the two athletes.
A Career-Defining Win for Vacherot
Vacherot’s victory not only secured his place in the final but also marked a turning point in his career. Previously an alternate in qualifying, he has now won eight consecutive matches in Shanghai. His run includes wins over top-50 opponents and culminated in this landmark triumph over Djokovic.
Speaking to ATP Media after the match, Vacherot said: “To beat him, I’m not realizing, so I cannot put any words on it. This is just crazy. Just to be on the other side of the court was an unbelievable experience,” he said.
Djokovic’s Future and Vacherot’s Rise
While Djokovic’s physical condition raised concerns, his graciousness in defeat reaffirmed his status as a respected figure in the sport. Vacherot’s plea for him not to retire echoed the sentiments of many fans who still see Djokovic as a vital part of the tennis landscape.
As Vacherot prepares for the final, possibly against his cousin Arthur Rinderknech, the tennis world watches with anticipation. His performance in Shanghai has already etched his name into the history books.
Novak Djokovic in 2025
42 - 15win/loss
38 year old 2025 Highlights
At the moment ranked no.5, the Serbian played his last match on the 11th of October when he capitulated to world no.204 Valentin Vacherot 6-3 6-4 in the semifinal in Shanghai (draw).
Currently, during this year Novak achieved an overall 35-11 win-loss record. Novak conquered 1 title in Geneva. Novak reached the final 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
Currently the world no.204, Valentin has a composed 41-22 win-loss record in 2025. Valentin is currently competing in Shanghai where he managed to beat 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.
The Monegasque was the runner-up in the Francavilla Challenger.
Novak Djokovic and Valentin Vacherot fought against each other just on 1 occasion. Their current head to head is 1-0 for Vacherot.