/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.3
*/

/*****Add any custom CSS below this line*****/



span.avatar.bbpm-avatar {
    z-index: -99999;
}
label.gform-field-label.gform-field-label--type-sub {
    font-size: 16px;
    font-weight: 700;
}

h2.gform_title {
    display: none;
}
.mk-class{
	display:none !important
}


.spacer.gfield {
    display: none;
}

.gf_login_links a:nth-child(1) {
    padding: 1em 2em;
    color: #FFFFFF!important;
    border-width: 0px!important;
    border-radius: 3px;
    letter-spacing: 0.5px;
    font-size: 18px;
    font-family: 'Goldman',display!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #00A008;
}

.gf_login_links a:nth-child(1):hover{
	background-image: initial;
    background-color: #006BA0;
    color: #FFFFFF!important;
}

nav.gf_login_links a:nth-child(3) {
    position: relative;
    top: 50px;
    left: -195px;
    font-weight: 700!important;
}

div#cover-image-container {
    display: none;
}


/*****Moaz Css*****/


form#gform_17 legend {
    font-family: 'Goldman',display;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 20px;
    color: rgb(11, 11, 11)!important;
    text-align: left;
}

div#input_17_3 {
    
    position:relative;
    width:100%;
    background-color:var(--smoke-white);
    height:80px;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    border-radius:5px;
    gap: 25px;
    /* box-shadow:0 0 16px rgba(0,0,0,.2); */
    /* margin: 20px auto; */
}
div#input_17_4 {
    
    position:relative;
    width:100%;
    background-color:var(--smoke-white);
    height:80px;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    border-radius:5px;
    gap: 25px;
    /* box-shadow:0 0 16px rgba(0,0,0,.2); */
}
/* form#gform_17  .ginput_container.ginput_container_radio input {
	appearance: none;
    display: none;
} */

#gf_20 label,.fee-price,.card-info-label,.ginput_total_20.p-FieldLabel,.p-Field label{
    color: #fff!important;
}
form#gform_17  label {
	position: relative;
    height: 0%;
    width: 100%;
    text-align: left;
    border-radius: 5px;
    line-height: 0;
    font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 500;
    transition-duration: .5s;
    transition-property: transform, box-shadow;
    transform: none;
    font-size: 20px !important;

}
form#gform_17  .ginput_container.ginput_container_radio input:checked + label{
    background-color:#00a008 !important;
    color:#000 !important;
    box-shadow:0 0 4px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.5);
    /* transform:translateY(-2px); */
    font-size: 18px !important;

}
form#gform_17  .gchoice {
    width: 156px;
    padding: 10px;
    background-color: #FAFAFA;
    border: 1px solid #eaeaea;
    text-align: center;
}

form#gform_17 .gform_footer.top_label input {
    color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 3px;
    letter-spacing: 0.5px;
    font-size: 18px;
    font-family: 'Goldman',display!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #006ba0;
    /* width: 24%; */
    margin: 0 auto;
    padding: 10px !important;
}
.et_pb_module.et_pb_code.et_pb_code_3 input[type="email"] {
    position: relative;
    width: 54%;
    background-color: var(--smoke-white);
    height: 80px;
        border-radius: 5px;
    box-shadow: 0 0 16px rgba(0,0,0,.2);
    margin: 48px auto;
    padding: 20px;
    border-width: 0px !important;
}
form#gform_17 .gform_footer.top_label input:hover, .et_pb_module.et_pb_code.et_pb_code_3 input[type="submit"]:hover {

	background-color: #00a008 !important;
}

.et_pb_module.et_pb_code.et_pb_code_3 input[type="submit"] {
    color: #ffffff!important;
    border-width: 0px !important;
    border-radius: 3px;
    letter-spacing: 0.5px;
    font-size: 18px;
    font-family: 'Goldman',display!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #006ba0;
    width: 24%;
    margin: 0px 0px 0px 18px;
    height: 80px;
}

#show_matchups #submit{
	color: #ffffff!important;
    border-width: 0px !important;
    border-radius: 3px;
    letter-spacing: 0.5px;
    font-size: 18px;
    font-family: 'Goldman',display!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #006ba0;
    width: 24%;
  margin: 13px 0px 0px 18px;
    height: 68px;
}

.et_pb_module.et_pb_code.et_pb_code_3 .et_pb_code_inner {
    margin: auto;
    text-align: center;
}
.et_pb_module.et_pb_code.et_pb_code_3 input[type="email"]::placeholder {
    color: #bbbbbb;
    font-size: 15px;
    font-family: 'Goldman',display!important;
    font-weight: 500!important;
    text-transform: uppercase!important;
}

select#select_match, select#goals_scored, select#goal_against {
    position: relative;
    width: 100%;
    background-color: var(--smoke-white);
    height: 66px;
    border-radius: 5px;
    box-shadow: 0 0 16px rgba(0,0,0,.2);
    margin: 10px 0px 10px 0px;
    padding: 20px !important;
    border-width: 0px !important;
    font-size: 15px;
    font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 400!important;
}
 div#postbox {
    border: 1px solid #ebebed !important;
    padding: 20px 20px !important;
}
div#postbox  .acf-input-wrap {
     
    padding: 0px 20px !important;
}
div#show_matchups label {
    font-family: 'Goldman',display;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
    color: #655d5d!important;
    text-align: center;
}
div#postbox h3.head {
    margin-left: 20px;
	font-family: 'open sans';
}
table.dataTable th, table.dataTable td {
    font-family: 'Goldman',display;
    font-weight: 500 !important;
    text-transform: uppercase;
    font-size: 12px;
    color: #1e1e1e!important;
    text-align: center;
}

div#item-header-content span {
    font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 500;
    font-size: 12px !important;
    color: #ffffff !important;
    text-transform: uppercase;
}
div#item-header-content {
    padding: 0px !important;
}
div#item-header-content {
     
    margin: 0px !important;
    position: relative;
    top: -10px;
    background: #00a008;
    width: 129px;
    text-align: center;
    height: 41px;
    padding: 0px !important;
    line-height: 42px; 
}


div#item-header-content {
    margin: 0px !important;
    position: relative;
    top: -10px;
    background: #00a008;
    width: 129px;
    text-align: center;
    height: 30px;
    padding: 0px !important;
    line-height: 28px;
}
.main-navs {
    position: relative;
    width: 100%;
    background-color: var(--smoke-white);
    /* height: 100% !important; */
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0 0 16px rgba(0,0,0,.2) !important;
    margin: 0px 0px 11px 0px !important;
}
 nav#object-nav li a {
 font-family: 'Goldman',display !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
}
.bp-navs ul{
	padding: 0px !important
}

.profile.public h2.screen-heading.wp-profile-screen {
    font-family: 'Goldman',display !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: 22px !important;
}
.entry-content tr td {
    font-family: 'Goldman',display !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    color: #1a1a1a;
}
.buddypress-wrap .bp-subnavs li.current a, .buddypress-wrap .bp-subnavs li.selected a, .bp-navs .bp-personal-sub-tab a {
    font-family: 'Goldman',display !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    background: #e4e4e4 !important;
    border-radius: 2px;
    margin: 10px !important;
}
h2.screen-heading.data-settings-screen, h2.screen-heading.email-settings-screen, h2.screen-heading.general-settings-screen, label{
    font-family: 'Goldman',display !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border-radius: 2px;
}

p.bp-help-text.email-notifications-info,
p.info.email-pwd-info, 
p.info.email-pwd-info {
	font-family: 'open sans' !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border-radius: 2px;
}

input#email, input#pwd {
    position: relative;
    width: 100%;
    background-color: var(--smoke-white);
    height: 66px;
    border-radius: 5px;
    box-shadow: 0 0 16px rgba(0,0,0,.2);
    margin: 10px 0px 10px 0px;
    padding: 20px !important;
    border-width: 0px !important;
    font-size: 15px;
    font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 400!important;
}
form#your-profile a {
    color: red;
    font-family: 'Goldman',display !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    border-radius: 2px;
}
.info.bp-feedback p.text {
    color: #8d8d8d;
    font-family: 'open sans' !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    border-radius: 2px;
}
nav#subnav {
    display: none;
}

/*****Moaz Css end*****/





.gform_wrapper.gravity-theme .gfield.gfield--width-full {
  -ms-grid-column-span: 12;
  grid-column: span 12;
  margin: 10px 0px;
}


.ginput_container.ginput_container_select {
  margin: 10px 0px;
}

.ginput_container.ginput_container_text {
  margin: 10px 0px;
}

input[type="email"], select, textarea {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: 7px;
  color: #4E4E4E;
  width: 200px;
}

input[type="email"]{
    width: 83% !important;
}

input[type="submit"]{
    margin-left: 11px;
}

input[type="submit"] {
  background-color: #006BA0 !important;
  color: white !important;
  padding: 5px 20px !Important;
  position: relative;
  top: 2px;
}

.interested_in {
    background-color: rgba(255,255,255,0.39);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    text-align: center;
    padding: 10px;
}

/* HZ CSS */



#field_17_7 select, #field_17_6 input{
    padding: 10px;
    border-color: #eaeaea;
    background-color: #FAFAFA;
} 

.gchoice.gchoice_17_4_0{
    padding: 10px 0 !important;
}

div#input_17_4 label, div#input_17_3 label{
    font-size: 18px !important;
    text-align: center;
}

span.gfield_required.gfield_required_text {text-transform: uppercase}

.user-table {
    font-family: 'Goldman', display;
    font-weight: 500 !important;
    text-transform: uppercase;
    font-size: 12px;
    color: #1e1e1e !important;
    text-align: center;
}

.et_pb_menu .et-menu>li {
    padding-right: 9px;
    padding-left: 9px;
}

@media(max-width:767px){
    div#input_17_4, div#input_17_3{
    position: relative;
    width: 100%;
    background-color: var(--smoke-white);
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    }
	.mk-class{
		display:block !important
	}
	.dash-mob-menu img, .user-mob-menu img, .facebook-mob-menu img, .insta-mob-menu img {
    	width: 11%;
	}

    form#gform_17 .gchoice{
        width: 100%;
    }

    div#input_17_4 label, div#input_17_3 label{
        text-align: left;
    }

    form#gform_17 .gform_footer.top_label input{
        width: 100%;
    }

    input[type="email"]{
        width: 100% !important;
    }

    input[type="submit"]{
        margin-left: 0 !important;
    }

    nav.main-navs ul{
        width: 100%;
        padding: 20px !important;
    }

    nav.main-navs ul li{
        margin: 10px 0;
    }

    nav.bp-navs .current.selected a{
        color: #fff !important;
    }

    .user-table th {
        writing-mode: unset !important;
        transform: unset !important;
    }
}



/* Arish CSS */
.avatar-group.avatars-count-10 {
    display: none !important;
}


.bp-messages-wrap .chat-header .thread-info .avatar-group {
    display: none !important;
}
.bp-messages-wrap .chat-header .back svg,
.bp-messages-wrap .chat-header .thread-info .thread-info-data {
    color: #fff !important;
}
.bp-messages-wrap .chat-header .thread-actions>span, .bp-messages-wrap .chat-header .thread-actions>div.expandingButtons {
	color: rgb(255 255 255) !important;
}
.bp-messages-wrap .chat-header>span {
	color: rgb(255 255 255) !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
    background: linear-gradient(to bottom, #145B82, #145B82, #001021, #001021) !important;
}
.entry-content .comparisonDataTable thead tr th:not(:nth-child(1)):not(:nth-child(2)) {
    /* Default pre desktop a podporované prehliadače */
    writing-mode: vertical-rl!important;
    transform: rotate(180deg);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    height: auto;
}

/* Špecifické nastavenie pre mobilné zariadenia a Safari */
@media (max-width: 768px) {
    .entry-content .comparisonDataTable thead tr th:not(:nth-child(1)):not(:nth-child(2)) {
        writing-mode: horizontal-tb!important;

        -webkit-writing-mode: horizontal-tb!important;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        height: auto;
    }
}
.entry-content .comparisonDataTable #tableBody tr td:nth-child(2),
.entry-content .comparisonDataTable #tableBody tr td:nth-child(1){
    color: #ffffff !important;
    background: #9d5a5a;
    border: 0;
    border: 2px solid #a98e7f;
    font-family: 'Copperplate', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 1.2rem!important;
}
@media(max-width:767px){
    .entry-content .comparisonDataTable #tableBody tr td:nth-child(2),
    .entry-content .comparisonDataTable #tableBody tr td:nth-child(1){
        font-size: 1rem!important;
    } 
}
.comparisonDataTable th.team-number {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 200px;
	border: 0;
}
.comparisonDataTable .team-division-count {
    font-size: 24px;
    font-weight: 400;
	font-family: 'Copperplate';
}
.entry-content .comparisonDataTable thead tr th:nth-child(1){
    border-right: 0;
}
.entry-content .comparisonDataTable thead tr th:not(:nth-child(1)):not(:nth-child(2)) {
    color: #ffffff !important;
    background: #9d5a5a;
    border: 0;
    border: 2px solid #a98e7f;
    font-family: 'Copperplate', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 1.2rem!important;
}
@media(max-width:767px){
    .entry-content .comparisonDataTable thead tr th:not(:nth-child(1)):not(:nth-child(2)) {
        font-size: 1rem!important;
    }}
.page-id-238488 .et_pb_row_1.et_pb_row::before{
    overflow: visible!important;
    content: '';
    display: block;
    background: linear-gradient(to top right, #fbe80a, #f29c21, #e74e27, #e12d2a, #c24643, #8b5d6c, #416a94);
    border-radius: 8px;
    opacity: 0.5;
    height: 70%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0 -3rem;
    z-index: 0;
}
@media(max-width:767px){
    .page-id-238488 .et_pb_row_1.et_pb_row::before{
    height: 50%;
    }
}

.unread-count {
     display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    background: url(https://dev.fairplayleague.ca/wp-content/uploads/2024/09/chat.svg) no-repeat center center !important;
    background-size: contain !important;
    border-radius: unset !important;
}
.bp-messages-wrap .threads-list .thread .pic.group {
    display: none;
}
.bm-info {
    padding-left: 20px;
}
.responsive-table .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
    border: 0;
}
#postbox #show_matchups #select_match, 
#postbox  #show_matchups #goals_scored, 
#postbox  #show_matchups #goal_against {
	background-image: linear-gradient(to top, #000004 0%, #176996 80%) !important;
    background-color: #000;
	color: #fff;
	border-radius: 5px;
    height: 50px;
    padding: 0 15px !important;
	font-family: 'Open Sans' !important;
}
#postbox #show_matchups label{
	color: #fff;
	font-family: 'Copperplate' !important;
    font-weight: 800 !important;
}
    
#postbox  span.acf-input {
    width: 33.00%;
    position: relative;
    display: inline-block;
}
#postbox .acf-input-wrap {
    padding: 0px 10px !important;
}
#postbox h3.head {
    margin-left: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.bp-messages-wrap .chat-header.side-header , .bp-messages-wrap .chat-header  {
    background: linear-gradient(to bottom, #145B82, #145B82, #001021, #001021) !important;
}
.bm-last-message-avatar {
    display: none !important;
}
.bp-messages-wrap .threads-list .thread>* {
    padding-bottom: 10px;
	padding-top: 10px;
	font-family: 'Open Sans';

}
.chat-header.side-header::after {
    content: " GROUP CHAT " !important;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-left: 22px;
    font-family: 'Copperplate';
}


#show_matchups p {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	font-family: 'Open Sans' !important;
}
#postbox #show_matchups #submit {
    width: fit-content;
	background: #0d3f5e !important;
    margin: 13px 0px 0px 18px;
    height: 55px;
    padding: 10px 50px !important;
    margin: 0;
	    font-family: 'Copperplate' !important;
}
#postbox #show_matchups #submit {
    background: #000000 !important;
}
.page-id-238488 .et_pb_section_1.et_pb_section {
    background: url(/wp-content/uploads/2024/09/image-2-1.jpg);
    background-position: center;
    background-size: cover;
}
.page-id-238488 #main-content {
    margin-top: 0vw;
}
.page-id-238488 .table>thead:first-child>tr:first-child>th,
.page-id-238488 .table-bordered>tbody>tr>td{

 /*   background: #fff; */
}

.page-id-238488 .table>thead:first-child>tr:first-child>th{
	font-family: 'Copperplate' !important;
    
}
@media(max-width:767px){
    .page-id-238488 .table>thead:first-child>tr:first-child>th
{
    height: 50px;
}
}

.page-id-238488 .comparisonDataTable .compareCell {
    position: relative;
    background: #9d5a5a;
}
.page-id-238488 .comparisonDataTable .compareCell::before {
    content: "x";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    font-weight: 400;
    color: white;
    background: #df2323;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    width: 35px;
    text-align: center;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}
@media(max-width:767px){
    .page-id-238488 .comparisonDataTable .compareCell::before {
        font-size: 1rem;
    }}
.acf-input-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}

.acf-input-wrap select {
    width: 100%; 
    appearance: none !important; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    padding-right: 30px !important; 
    padding: 10px !important; 
    border: 1px solid #ccc;
    background: transparent;
}

.acf-input-wrap::after {
    content: '';
    background: url('/wp-content/uploads/2024/09/Isolation_Mode-3.svg') no-repeat;
    background-size: 20px;
    position: absolute;
    pointer-events: none; 
    right: 30px;
    top: 70%;
    transform: translateY(-50%);
    width: 20px; 
    height: 20px; 
}



#postbox #show_matchups #select_match::-ms-expand, 
#postbox #show_matchups #goals_scored::-ms-expand, 
#postbox #show_matchups #goal_against::-ms-expand {
    display: none !important; 
	font-family: 'Open Sans' !important;
}

div#postbox {
	border: none !important;
}
.page-id-238488 .et_pb_text.et_pb_text_1 p {
    font-family: 'Open Sans' !important;
}

.author h1, 
.author h2{
        font-family: 'Copperplate', Helvetica, Arial, Lucida, sans-serif;
}

.author h3,
.author h4{
        font-family: 'Helvetica Neue Medium', Helvetica, Arial, Lucida, sans-serif;
}






@media only screen and (min-width: 1350px) {
   .page-id-238488 .et_pb_section {
        padding: 180px 0;
    }
}


@media only screen and (max-width: 720px) {
    #postbox span.acf-input {
        width: 100%;
    }
        .entry-content .et_pb_text_inner {
        overflow: scroll;
    }
	
.entry-content .et_pb_section_1.et_pb_section {
        padding-top: 180px;
	}
.comparisonDataTable .team-division-count {
    position: relative;
    left: -10px;
    font-size: 1rem;
}	
	
}
.gf_login_links a:nth-child(1) {
    display: none!important;
}

#registration-steps-method::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 30%;
    /*background: linear-gradient(to right, rgb(19 118 169), rgba(0, 0, 0, 0));*/
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
}

#registration-steps-method::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: url(img/registration-img.png) no-repeat;*/
    background-size: cover;
    z-index: -1;
    border-radius: inherit;
    background-position: 75%;
    opacity: 0.4;
    box-shadow: inset 0 0 20px 20px rgb(254 253 253);
    border-radius: 2rem;
}



.steps-registration-title, .form#gform_17 label, form#gform_14, form#gform_20 label, .ginput_container_creditcard label{
    color: #0c0c0c!important;
}
.registration-information{
    margin-top: 30px;
    padding: 2rem;
    backdrop-filter: blur(90px);
    background: #4f4a4a63;
    border-radius: 8px !important;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    position: relative;
    z-index: 1;
}
@media(max-width:767px){
    .registration-information{
        backdrop-filter: none;
        margin: 0;
        border:none;

    }
}
.profile .screen-heading{
    display: none;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    color: #c02b0a;
    font-size: 13.2px;
    font-weight: 500;
    line-height: 17.6px;
    margin-block-end: 12px;
    margin-block-start: 0;
    margin-inline: 0;
    letter-spacing: 1px!important;
}

.primary-btn{
    color: #ffffff !important;
    border-width: 0px !important;
    border-radius: 3px;
    letter-spacing: 0.5px;
    font-size: 18px;
    font-family: 'Copperplate', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    display: flex;
    margin-top: 1rem;
    background-image: repeating-linear-gradient(80deg, #e32a27 0%, #1e1e1e 100%)!important;
    background-color: #E32A27!important;
}
.primary-btn:hover{
    background-image: repeating-linear-gradient(80deg, #ffe500 0%, #1e1e1e 100%);
    background-color: #ffe500;
}
@media(max-width:767px){
    .primary-btn, .secondary-btn{
        width: 100% !important;
        white-space: normal;
        word-wrap: break-word;
        text-align: left;
        font-size: 1rem;
    }  
}
.secondary-btn{
    color: #ffffff !important;
    border-width: 0px !important;
    border-radius: 3px;
    letter-spacing: 0.5px;
    font-size: 18px;
    font-family: 'Copperplate', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    display: flex;
    margin-top: 1rem;
    background-image: repeating-linear-gradient(80deg, #ffe500 0%, #1e1e1e 100%)!important;
    background-color: #ffe500!important;
}
.secondary-btn:hover{
    background-image: repeating-linear-gradient(80deg, #e32a27 0%, #1e1e1e 100%)!important;
    background-color: #E32A27!important;
}
.bp-wrap::before {
    content: '';
    display: block;
    background: linear-gradient(to top right, #fbe80a, #f29c21, #e74e27, #e12d2a, #c24643, #8b5d6c, #416a94);
    border-radius: 8px;
    opacity: 0.5;
    height: 70%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0 -3rem;
}
@media(max-width:992px){
    .bp-wrap::before{
        margin: 0rem -2rem;
        height: auto;
        margin-bottom: 1rem;
    }
}
.buddypress-wrap .profile, .buddypress-wrap #your-profile {
    margin-top: 30px;
    padding: 2rem;
    backdrop-filter: blur(90px);
    background: #4f4a4a63;
    border-radius: 8px !important;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    position: relative;
    z-index: 1;
}
.fm_show input[type="submit"]{
    margin-left:0;
}
@media(max-width:767px){
.fm_show input[type="email"]{
    width: 100%!important;
}}

#cancelsub{
    margin-bottom: 1rem;
}
@media(max-width:767px){
    #cancelsub{
        width: 100%!important;
    }
    }


.xprofile #left-area, .settings #left-area{
    padding-right: 0!important;
}
.settings #left-area, .profile #left-area, .bp-user #left-area{
    width: 100%!important;
}

.et_pb_text_20 h3, .et_pb_text_28 h3, .et_pb_text_4 h3, .et_pb_text_27 h3, .et_pb_text_23 h3, .et_pb_text_22 h3, .et_pb_text_25 h3, .et_pb_text_26 h3, .et_pb_text_5 h3, .et_pb_text_3 h3, .et_pb_text_24 h3, .et_pb_text_2 h3, .et_pb_text_21 h3, .et_pb_text_6 h3, .et_pb_text_7 h3, .et_pb_text_10 h3, .et_pb_text_15 h3, .et_pb_text_13 h3, .et_pb_text_11 h3, .et_pb_text_9 h3, .et_pb_text_16 h3, .et_pb_text_12 h3, .et_pb_text_8 h3, .et_pb_text_17 h3, .et_pb_text_18 h3, .et_pb_text_14 h3, .et_pb_text_19 h3 {
    font-family: 'Helvetica Neue Medium', Helvetica, Arial, Lucida, sans-serif;
    font-size: 20px;
    color: #393131 !important;
    text-align: center;
    letter-spacing: 1px;
}
.et_pb_number_counter_1.et_pb_number_counter h3, .et_pb_number_counter_2.et_pb_number_counter h3, .et_pb_number_counter_0.et_pb_number_counter h3 {
    margin-top: -15px !important;
    letter-spacing: 1px;
}

#bad-venue::before{
    content: '';
    display: block;
    background: linear-gradient(to top right, #fbe80a, #f29c21, #e74e27, #e12d2a, #c24643, #8b5d6c, #416a94);
    border-radius: 8px;
    opacity: 0.5;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0px 2rem;
}
.faq-pg::before{
    content: '';
    display: block;
    background: linear-gradient(to top right, #fbe80a, #f29c21, #e74e27, #e12d2a, #c24643, #8b5d6c, #416a94);
    border-radius: 8px;
    opacity: 0.5;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 2rem;
}
.number-color-primary .percent-value{
    background: linear-gradient(to top right, #fbe80a, #f29c21, #e74e27, #e12d2a, #c24643, #8b5d6c, #416a94);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.faq .et_pb_toggle_title{
    color: #000!important;
}
#your-profile .submit #submit{
    padding: 0;
margin: 0!important;}
.et_pb_text_0_tb_header ul {
    list-style-position: inside;
    padding-left: 10px !important;
    position: relative;
    padding-top: 20px;
}
#registration-completing-personal-li a:hover{
    background: transparent !important;
    color: #f9c81e !important;
}
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .info-icon {
    display: inline-block;
    width: 20px; /* Adjust the size as needed */
    height: 20px;
    background-color: #998b0d; /* Change color as needed */
    border-radius: 50% !important;
    text-align: center;
    line-height: 20px;
    color: #fff;
    cursor: pointer;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 199!important;
    top: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-family: 'Goldman' !important;
    position: absolute;
    top: 0;
    left: 100px;
    width: 355px;
    padding: 0 1rem;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  
}
@media(max-width: 500px){
    .tooltip .tooltiptext{
        width: calc(233px - 15px)!important;
        font-size: 11px!important;
        transform: translateX(-71%)!important;
    }
}

@media(max-width:767px){

    .unpairing-team {
        display: flex; /* Flexbox layout */
        align-items: center; /* Zarovná prvky vertikálne na stred */
        gap: 10px; /* Medzera medzi buttonom a tooltipom */
        width: 100%; /* Kontajner má 100% šírky */
    }
    
    .unpairing-team button {
        flex: 0 0 80%; /* Šírka tlačidla na 80% */
        max-width: 80%; 
        padding: 10px 15px; 
        font-size: 16px;
    }
    
    .tooltip {
        flex: 0 0 auto; /* Tooltip ikona má automatickú šírku */
        position: relative;
        display: inline-block;
        cursor: pointer;
    }
    
    .tooltip .tooltiptext {
        width:calc(285px - 15px);
        left: 0;
        transform: translateX(-78%);
        white-space: normal;
        font-size: 14px;
        margin-bottom: -1rem;
        z-index: 999 !important;
        position: absolute;
    }
    .profile.public{
        overflow-x: hidden;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1080px){

	.user-pass1-wrap button {font-size: 12px !important;}
	.why-play .et_pb_module_header,.player-resources .entry-title a{
		font-size:22px !important;
	}
article#post-237170 .et_section_regular {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
}
	.my-account #submit{
		font-size: 12px !important;
	}
.page-id-237015 .container {
    padding-bottom: 58px;
}
.fm_show input[type="submit"] {

    margin-left: 0% !important;
    top: 10px !important;
}
	button#unpair{
		position:relative;
top: 10px!important;
	}
}
#bp-data-export button{color: #ffffff!important;
    border-radius: 3px!important;
    letter-spacing: 0.5px!important;
    font-size: 14px!important;
    font-family: 'Goldman',display!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #00a008!important;
    padding: 14px !important;
    border: transparent!important;
}

#bp-data-export button:hover{background-color: #006ba0 !important;}
/* Mobile Screen */

@media only screen and (max-width: 640px){
.page.page-id-237170 .gform_footer.top_label {
  margin-bottom: 0px !important;
}
	.widget_bp_core_login_widget .login-submit input[type="submit"] {
	font-size: 12px !important;
	}
	.et_pb_text_30 ul {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.et_pb_text_14.et_pb_text .widget_bp_core_login_widget .bp-login-widget-register-link a{
		font-size: 12px !important;
	}
	
	.register-page input#submit{font-size: 12px !important;}
.et-l--footer .et_pb_equal_columns {
    width: 100%;
	max-width: 80%;}
.et-l--footer h3 {
    text-align: left;
}
div#comparisonTable_wrapper,div#DataTables_Table_0_wrapper {
    overflow-x: auto;
}
}

/* Tablet Screen */

@media only screen and (min-width: 768px) and (max-width: 1080px){
	.widget_bp_core_login_widget .login-submit input[type="submit"] {
	font-size: 13px !important;
	}
	
.et_pb_text_14.et_pb_text .widget_bp_core_login_widget .bp-login-widget-register-link a{
		font-size: 13px !important;
	}
	
.register-page input#submit{font-size: 13px !important;}
}

.bp-nouveau #main-content {
	margin-bottom:75px;
}

.bp-wrap #item-body #postbox h3 {
	display:none;
}

.bp-wrap #item-body #postbox {
	max-width:400px !important;
	border:none !important;
	border-radius:13px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	padding:25px !important;
}

#show_matchups p {
	text-align:left;
}

#show_matchups #select_match, #show_matchups #goals_scored, #show_matchups #goal_against {
	width:100%
}

.participants-list li {
	list-style-type: none; 
  padding: 0; 
  margin: 0;
}

.avatar.mini {
	padding-right:15px;
}

.avatar.mini::before {
	position: absolute;
  top: -1;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  content: '';
  background: white;
}
input#gform_submit_button_0 {
    color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 3px;
    letter-spacing: 0.5px;
    font-size: 18px;
    font-family: 'Goldman',display!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #00a008;
}
input#gform_submit_button_0:hover{
	    background-image: initial;
    background-color: #006ba0;
}
#gform_0 input[type=text], #gform_0 input[type=password]{
	width:100%;
background-color:#eee;
border-radius: 5px;
    padding: 10px;
}
nav.gf_login_links{
	left: 200px;
    top: -70px;
    position: relative;
}
nav.gf_login_links a{
	color: #1e1e1e!important;
}
nav.gf_login_links a:hover{
	color:  #006ba0!important;
}
nav a:last-child,.gf_login_links a:eq(1)  {
     display:none !important;
}

div#validation_message_0_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 980px){
.et-menu {
    display: block !important;
}
}

/* END ADDitional CSS*/

/* Nastavenie obalového kontajnera pre tabuľku */
.table-container {
    overflow-y: auto; /* Povolenie vertikálneho posunu */
    max-height: 500px; /* Maximálna výška kontajnera (prispôsobte podľa potreby) */
    width: 100%; /* Tabuľka sa roztiahne na celú šírku */
    display: block; /* Pre zabezpečenie správneho zobrazenia */
}

/* Tabuľka */
.table {
    width: 100%; /* Tabuľka sa natiahne na celú šírku obalu */
    border-collapse: collapse; /* Odstránenie medzier medzi bunkami */
}

.table th, .table td {
    padding: 8px; /* Pridanie priestoru vo vnútri buniek */
    text-align: left; /* Zarovnanie textu doľava */
    border: 1px solid #ddd; /* Pridanie okrajov medzi bunkami */
}

/* Pre mobilné zariadenia */
@media (max-width: 768px) {
    .table-container {
        max-height: 300px; /* Znížená výška pre menšie obrazovky */
    }

    .table th, .table td {
        font-size: 12px; /* Zmenšenie písma */
    }
}
@media(max-width:767px){
    .table-wrapper{
    overflow-x: scroll;}
}
.table-hover>tbody>tr:hover{
    background: transparent!important;
}
@media(max-width: 640px) {
    .et-l--footer h3 {
        text-align: center!important;
    }
    .et_pb_text>:last-child {
        padding-bottom: 0;
        text-align: center;
    }
}
@media only screen and (max-width: 600px) {
    form#gform_17 .gform_footer.top_label input {
        width: 100%!important;
        font-size: 1rem!important;
    }
    .bp-messages-wrap .chat-header.side-header, .bp-messages-wrap .chat-header {
        background: #9d5a5a!important;
    }
}