/*
 Theme Name:   Kids Club Child
 Theme URI:    http://kids-club.bold-themes.com
 Description:  Kids Club Child Theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     kids-club
 Version:      1.0.2
 Tags:         one-column, right-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  kids-club-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@100&display=swap');
body #top{
    font-family: 'Public Sans', sans-serif !important;
}
body{
	font-family: 'Public Sans', sans-serif !important;
}
.btMenuHorizontal.btMenuBelowLogo .btPageWrap .menuPort nav {
    float: right;
}

/* Mobile dropdown menu */
.on > .subToggler:before {
	color: #343839;
}

.menuPort nav ul li:hover > .subToggler {
	color: #343839;
}

.footer-logo .btImage img {
    margin: 0 auto;
    display: block;
}

.footer-icon a:before,
.footer-icon a span {
    color: #9a9a9a !important;
}

.footer-icon a span,
.footer-copyright .btText {
    font-family: "Public Sans", Arial, sans-serif;
    font-size: 13px;
    color: #9a9a9a;
}

.footer-title h2 span {
    font-weight: 300;
    font-size: 30px;
    color: #2E3192;
    letter-spacing: -0.3px;
    line-height: 26px;
}

section.gutter .port {
    max-width: 1600px;
}

.footer-title.right h2 span {
    color: #ED1C24;
}

.btMenuHorizontal .btLogoArea .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetText {
    font-size: 13px;
    color: #9A9A9A;
    line-height: 15px;
}

.btMenuHorizontal .btLogoArea .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon .btIco .btIcoHolder:before {
    font-size: 24px;
    color: #9A9A9A;
}

.topBarInMenu .btIcoHolder:before {
    color: #9a9a9a !important;
}

.btMenuHorizontal .btLogoArea .topBarInLogoArea,
.btMenuHorizontal .btLogoArea .topBarInMenu {
    height: auto;
}

.btBelowLogoArea.btClear {
    margin-left: 100px;
}

.btLogoArea .logo {
    position: absolute;
    top: 25px;
}

.btMenuBelowLogo.btMenuHorizontal .mainHeader .btLogoArea {
    padding: 10px 0;
}

.slider-heading .dash h1 .headline {
    font-family: "Public Sans", Arial, sans-serif;
    font-size: 80px;
    font-weight: bold;
    letter-spacing: -1.6px;
    line-height: 80px;
    color: #fff;
}

.slider-left-button {
    border: 2px solid #ed1c24 !important;
    background-color: #ed1c24 !important;
    border-radius: 10px;
    min-width: 250px;
}

.slider-left-button:hover {
    color: #fff !important;
}

.slider-right-button {
    border: 2px solid #fff !important;
    background-color: transparent !important;
    min-width: 250px;
    border-radius: 10px;
}

.slider-right-button:hover {
    border-color: #343839 !important;
}
/* First slide */
@media only screen and (max-width:479px) {
    .homepage-header-slider .homepage-header-slider-item .btSlidePane {
        padding: 0 !important;
        margin: 0 2% !important;
    }
	
	.btLogoArea .logo img {
		height: 65px !important;
	}
	
	.mainHeader:not(.gutter) .port {
		padding: 0 !important;
	}
	
	.slider-heading .dash h1 .headline {
		font-size: 40px;
		line-height: 44px;
	}
	
	.homepageVideo {
		margin-top: -22px;
	}
	
	.home-success {
		text-align: center !important;
	}
	
	.recent-matches-column {
		padding-top: 20px !important;		
	}
	
	.home-page-separator {
		padding-top: 30px !important;
	}
	
	.program-antrenament-row {
		margin: 0 !important;
	}
	
	.trainings-table {
		padding: 0 !important;
	}
	
	.trainings-table table tr {
    	padding: 5px !important;
	}
	
	.home-partner-principal {
		margin: 0 !important;
		padding: 20px 0 !important;
	}
	
	.home-sponsori {
		margin: 0 !important;
		padding: 20px 0 !important;
	}
	
	.home-news {
		margin: 0 !important;
		padding-top: 30px !important;
	}
	
	.btn-news {
		margin: 0 !important;
	}
	
	.home-separator {
		padding: 15px 0 !important;
	}
	
	.home-separator-2 {
		padding: 21.5px 0 !important;
	}
	
	#gallery-section.gallery-section {
		padding: 30px 0 !important;
	}
	
	.footer-copyright {
		text-align: left;
	}
}

@media only screen and (max-width:862px){
	.gallery-section-items-news .tilesWall .btMediaBox {
		max-width: 100% !important;
	}
	
	.gallery-section-items-news .tilesWall .gridItem:nth-child(3) {
		width: 100% !important;
	}
	
	.tilesWall.btAjaxGrid.classic > div:nth-child(n) {
		width: 100% !important;
	}
	
}

@media only screen and (max-width:767px) {
	.legion-image {
		padding-top: 60px;
	}
}

/* Coaches slide style */
.coaches-wrapper .port.wSlider .boldCell .boldCellInner .boldRow .boldRowInner h3,
.coaches-wrapper .port.wSlider .boldCell .boldCellInner .boldRow .boldRowInner span{
    color:#fff !important;
}
.coaches-wrapper .port.wSlider .boldCell .boldCellInner .boldRow .boldRowInner a{
    border:2px solid #fff !important;
}
.coaches-wrapper .port.wSlider .boldCell .boldCellInner .boldRow .boldRowInner a:hover{
    border:2px solid #fff !important;
    background-color:#d1d1d1;
}
.coaches .btSlidePane{
    display: flex;
    flex-flow: row nowrap;
}
.coaches .slick-track{
    display: flex;
    justify-content: center;
    align-items: center;
}
.coaches .btImage{
    margin: 0 10px 0 10px;
}
.coaches .btImage img{
    border-radius: 5%;
}
.coaches-mobile{
    display:none !important;
}
@media only screen and (max-width:840px){
    .coaches-desktop{
        display:none !important;
    }
    .coaches-mobile{
        display:block !important;
    }
}
/* For header sticky */
.sticky-header{
    position: fixed !important;
    background-color: #fff !important;
}
/* For trainings table */
.trainings-table table tr:nth-child(2n+3){
    background-color:#EAFCFC;
}
.trainings-table table tr:first-child{
    border-bottom:1px solid #d3d3d3;
    color: #c4c4c4;
    font-size: 0.9rem;
}
.trainings-table table tr + tr{
    height: 8rem;
}
.trainings-table table tr+tr td:first-child{
    color :  #4d00ab  ;
    font-weight: 600;
}
.trainings-table table tr{
    padding: 5%;
}
.trainings-table table td,
.trainings-table table th{
    border:none !important;
}
.trainings-table table{
    border:none !important;
}
.trainings-table .trainings-inner-cell-table,
.trainings-table .trainings-inner-cell-table tr,
.trainings-table .trainings-inner-cell-table tr td{
    border:none !important;
    color:#000 !important;
    font-weight: normal !important;
}
.trainings-table .trainings-inner-cell-table tr{
    display: flex;
    flex-flow: column wrap;
}
.trainings-table .trainings-inner-cell-table tr td+td{
    font-weight:200 !important;
    justify-content: center;
    align-items: center;
    display: flex;
}
.trainings-table .trainings-inner-cell-table tr td+td::before{
    content: '';
    position: relative;
    background-image: url('footbal_field.svg');
    width: 25px;
    height: 25px;
    background-size: cover;
    display: inline-block;
    bottom:3px;
}
/* The old media query */
/* @media only screen and (max-width:955px)
{
    .trainings-table table{
        display:flex;
        height: auto !important;
    }
    .trainings-table table tbody{
        display:grid;
        height: auto !important;
    }
    .trainings-table table tbody td,
    .trainings-table table tbody th{
        width:100% !important;
        min-width: 0px !important;
    }
    .trainings-table table tbody .trainings-inner-cell-table tr{
        width:100% !important;
    }
    .trainings-table table tbody th{
        padding:0 !important;
        padding: 14px !important;
    }
} */

/* Program antrenamente */
@media only screen and (max-width:955px)
{
    .trainings-table table {
        display:flex;
        height: auto !important;
    }
	
	.trainings-table table tbody td {
    	padding: 0 !important;
	}
	
    .trainings-table table tbody td,
    .trainings-table table tbody th {
        width:100% !important;
        min-width: 0px !important;
    }
	
    .trainings-table table tbody .trainings-inner-cell-table tr {
        width:100% !important;
    }
	
    .trainings-table table tbody th {
        padding:0 !important;
        padding: 14px !important;
    }
	
	.trainings-table .trainings-inner-cell-table tr td+td::before {
        display: none !important;
    }
	
	.program-antrenament-row {
		margin: 0 !important;
	}
	
	.trainings-table {
		padding: 0 !important;
	}
	
	.trainings-table table tr + tr {
    	height: 5rem !important;
	}
	
	.trainings-table table tr {
    	padding: 0 !important;
	}
	
	.trainings-inner-cell-table {
		margin-bottom: 0 !important;
		justify-content: center !important;
	}
}

/* Newsletter style / Recent matches */
.newsletter-section{
    background-color:#f1f1f1;
}
.score-text-home div h2 span{
    color: #ED1C24;
}
.score-text-home div h2 span:after {
	content: '...';
    font-size: 25px;
    color: #000;
    margin-left: 64%;
    position: absolute;
    margin-top: 10px;
    transform: rotate(90deg);
}
.score-text-away div h2 span{
    color:#2E3192;
}
.separator-recent-matches hr{
    border-color:#7FC5DA !important;
    border-bottom-width: 2px !important;
}
.recent-matches-column .rowItemContent{
    margin: 0 auto !important;
    width: 80% !important;
}
.newsletter-header-text h1{
    color:#000 !important;
}
@media only screen and (max-width:992px)
{
    .score-text-home div h2 span:after {
        margin-left: 150%;
    }
}
@media only screen and (max-width:768px)
{
    .score-text-home div h2 span:after{
        margin-left: -15px;
        margin-top: 42px;
        position: absolute;
    }
    .newsletter-section .btTextLeft{
        text-align: center;
    }
    .newsletter-section .btSuperTitle span{
        width: 100% !important;
        text-align: center;
    }
    .newsletter-section .dash h4{
        text-align: center;
    }
	
	.newsletter-header-text {
		text-align: center;
	}
}
/* Create a vs globe */
.vs-text{
    display: flex;
    justify-content: center;
    align-items: center;
}
.vs-text .rowItemContent{
    width: 65px !important;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #7FC5DA;
}
.vs-text .rowItemContent .btText{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vs-text .rowItemContent .btText p{
    text-align: center;
    font-size: 25px;
    font-weight: 800;
}
/* Rankings style */
.rankings .rowItemContent{
    display:flex;
    flex-flow:column wrap;
}
.rankings .ranking-button{
    width: 36%;
    align-self: center;
    background-color: transparent !important;
}
.rankings.rankings-column{
    padding:0 !important;
}
.rankings.rankings-column .rowItemContent{
    padding:0 !important;
}
.rankings.rankings-column .rowItemContent .header{
    margin:0 15% !important;
    width:70% !important;
}
.rankings.rankings-column .rowItemContent .btDataList{
    margin:0 15% !important;
    width:70% !important;
}
.home.page-template-default .rankings.rankings-column .rowItemContent .ranking-button span{
    color:#fff !important;
}
.home.page-template-default .rankings.rankings-column .rowItemContent .ranking-button span span::before{
    color:#fff !important;
}
@media only screen and (max-width:991px){
    .recent-matches-section-row .boldRowInner{
        flex-flow:column wrap !important;
    }
    .rankings.rankings-column .rowItemContent{    
        width: 97% !important;
        margin: 0 auto !important;
    }
    .score-text-home div h2 span:after{
        margin-left: -15px;
        margin-top: 42px;
        position: absolute;
    }
    .newsletter-section .btTextLeft{
        text-align: center;
    }
    .newsletter-section .btSuperTitle span{
        width: 100% !important;
        text-align: center;
    }
    .newsletter-section .dash h4{
        text-align: center;
    }
}
@media only screen and (max-width:761px){
    .rankings.rankings-column .rowItemContent{    
        width: 94% !important;
        margin: 0 auto !important;
    }
}
/* Responsive menu toggler */
@media only screen and (max-width: 1458px){
    .menuPort{
        width: 100% !important;
    }
    span.btVerticalMenuTrigger{
        float:right !important;
    }
}
/* Fix for wp admin bar after menu toggler is triggered */
@media only screen and (max-width: 600px)
{
    #wpadminbar{
        position:fixed;;
    }
}
/* Contact Form Style override */
.contact-form.rowItem{
    padding: 0 5%;
}

.contact-form.rowItem form p label{
    height: 55px;
    display: block;
}
.contact-form.rowItem form p label span input[type=text],
.contact-form.rowItem form p label span input[type=email],
.contact-form.rowItem form p label span select>option{
    height: 60px;
    border-radius:15px;
}
.contact-form.rowItem form p label span .fancy-select .trigger{
    height: 60px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius:15px;
}
.contact-form.rowItem form p label span .fancy-select .trigger::before{
    display:none !important;
}
.contact-form.rowItem form p label span .fancy-select .trigger::after{
    content: '\e688';
    font-family: Icon7Stroke;
    display: block;
    float: right;
    width: 35px;
    height: 25px;
    line-height: 25px;
    font-size: 32px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    text-align: center;
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    transition: 300ms ease all;
    margin: 0 -35px 0 0;
}
.contact-form.rowItem form p label span textarea{
    height: 200px;
    border-radius:15px;
}
.contact-form.rowItem form p.send-button{
    display: flex;
    align-items: flex-end;
    height: 270px;
}
.contact-form.rowItem form p.send-button input[type=submit]{
    border-radius:15px;
    width: 45%;
    height: 20%;
    background-color: #ED1C24 !important;
    border-color: #fff !important;
    color: #fff !important;
    box-shadow: 0 0 0 0rem #ED1C24 inset !important;
}
/* Homepage video&pictures Gallery style */
/*
Layout for easy understanding:

grids-wrapper-1
{
    grid-wrapper-1
        grid-1
            2 images with flex flow row wrap
    grid-wrapper-2
        grid-2
            1 image
    grid-wrapper-3
        grid-3
            1 image
        grid-4
            2 images with flex flow column wrap
}
grid-wrapper-2
{
    grid-wrapper-4
        grid-5
            1 image
    grid-wrapper-5
        grid-6
            1 image
    grid-wrapper-6
        grid-7
            1 image
}

.gallery-section .port{
    margin:2.5vw !important;
}
.gallery-section .gallery{
    width:100vw !important;
}
.gallery img{
    border-radius:10px;
}
/* start grids-wrapper-1
.grids-wrapper-1,
.grids-wrapper-2{
    width:100vw !important;
}
.grid-wrapper-1,
.grid-wrapper-2,
.grid-wrapper-3,
.grid-wrapper-4,
.grid-wrapper-5,
.grid-wrapper-6
{
    width:auto !important;
}
/* start grid-wrapper-1
.grid-1 .gridItem{
    position:unset !important;
}
.grid-1 .gridItem:nth-child(2){
    width: 20.8vw !important;
    height: 13.25vw !important;
}
.grid-1 .gridItem:nth-child(2) img{
    width: 20.8vw !important;
    height: 13.25vw !important;
}
.grid-1 .gridItem:nth-child(3){
    width: 20.8vw !important;
    height: 21.8vw !important;
    margin-top: 19px;
}
.grid-1 .gridItem:nth-child(3) img{
    width: 20.8vw !important;
    height: 21.8vw !important;
}
/* end grid-wrapper-1
/* start grid-wrapper-2
.grid-wrapper-2 .grid-2 .gridItem{
    height: 36.15vw !important;
    width: 28.1vw !important;
}
.grid-wrapper-2 .grid-2{
    width: 28.1vw !important;
}
.grid-wrapper-2 .grid-2 .gridItem img{
    height: 36.15vw !important;
    width: 28.1vw !important;
}
/* end grid-wrapper-2
/* start grid-wrapper-3
.grid-wrapper-3 .grid-3 .gridItem{
    height: 21vw !important;
    width: 35.4vw !important;
}
.grid-wrapper-3 .grid-3{
    width: 35.4vw !important;
}
.grid-wrapper-3 .grid-3 .gridItem img{
    height: 21vw !important;
    width: 35.4vw !important;
}
.grid-wrapper-3 .grid-4{
    display:flex;
    margin-top:19px !important;
}
.grid-wrapper-3 .grid-4 .gridItem:nth-child(2){
    width:20.8vw !important;
    height: 14vw !important;
    position:unset !important;
    margin-right: 19px;
}
.grid-wrapper-3 .grid-4 .gridItem:nth-child(2) img{
    width:20.8vw !important;
    height: 14vw !important;
}
.grid-wrapper-3 .grid-4 .gridItem:nth-child(3){
    width:13.5vw !important;
    height: 14vw !important;
    position:unset !important;
}
.grid-wrapper-3 .grid-4 .gridItem:nth-child(3) img{
    width:13.5vw !important;
    height: 14vw !important;
}
.grid-wrapper-3 .grid-4 .gridSizer{
    width: 0px !important;
}
.grid-wrapper-3 .grid-4{
    display: inline-flex !important;
    flex-flow: row wrap !important;
}
/* end grid-wrapper-3
/* end grids-wrapper-1
/* start grids-wrapper-2
.grids-wrapper-2{
    margin-top: 19px !important;
    height: 27vw !important;
}
.grids-wrapper-2 .grid-wrapper-4 .gridItem{
    width: 35.4vw !important;
    height: 20.8vw !important;
}
.grids-wrapper-2 .grid-wrapper-4 .gridItem img{
    width: 35.4vw !important;
    height: 20.8vw !important;
}
.grids-wrapper-2 .grid-wrapper-4{
    width: 35.4vw !important;
    height: 20.8vw !important;
}
.grids-wrapper-2 .grid-wrapper-5 .gridItem{
    width: 28.1vw !important;
    height: 20.8vw !important;
}
.grids-wrapper-2 .grid-wrapper-5 .gridItem img{
    width: 28.1vw !important;
    height: 20.8vw !important;
}
.grids-wrapper-2 .grid-wrapper-5{
    width: 28.1vw !important;
    height: 20.8vw !important;
    margin: 0px 40px;
}
.grids-wrapper-2 .grid-wrapper-6 .gridItem{
    width: 20.8vw !important;
    height: 20.8vw !important;
}
.grids-wrapper-2 .grid-wrapper-6 .gridItem img{
    width: 20.8vw !important;
    height: 20.8vw !important;
}
.grids-wrapper-2 .grid-wrapper-6{
    width: 20.8vw !important;
    height: 20.8vw !important;
}
/* end grids-wrapper-2
@media only screen and (max-width:1199px){
    .gallery .rowItemContent{
        display:flex;
        flex-flow:row wrap;
        justify-content: center;
        align-items: center;
    }
    .grids-wrapper-1 .boldRowInner,
    .grids-wrapper-2 .boldRowInner{
        display: flex !important;
        flex-flow: row wrap !important;
    }
    .gallery-section .gallery{
        width: 100% !important;
    }
    .grid-wrapper-1 {
        width: 23% !important;
    }
    .grid-wrapper-2 {
        width: 27% !important;
    
    }
    .grid-wrapper-3 {
        width: 40% !important;
    }
    .gallery .rowItem{
        padding: 0 !important;
        margin: 0 1vw !important;
    }
    #gallery-section .rowItemContent{
        padding: 0 !important;
        margin: 0 1vw !important;
    }
    #gallery-section .port{
        padding: 0 !important;
    }
    .grid-1 .gridItem:nth-child(3) {
        margin-top: 2vw;
    }
    .grid-wrapper-3 .grid-4 {
        margin-top:1vw !important;
    }
    .grid-wrapper-3 .grid-4 .gridItem:nth-child(2) {
        margin-right: 1vw;
    }
    .grids-wrapper-2 {
        margin-top: 1vw !important;
    }
    .grids-wrapper-2 .grid-wrapper-5 {
        width: 29.5% !important;
        margin: 0px 1vw;
    }
    .grids-wrapper-2 .grid-wrapper-4 {
        width: 37% !important;
    }
    .grids-wrapper-2 .grid-wrapper-6 {
        width: 18% !important;
    }
    .grid-wrapper-4 > div:nth-child(1) {
        justify-content: start !important;
        justify-content: start !important;
        align-items: start !important;
    }
    .grid-wrapper-5 > div:nth-child(1) {
        justify-content: start !important;
        align-items: start !important;
    }
    .grid-wrapper-6 > div:nth-child(1) {
        justify-content: start !important;
        align-items: start !important;
    }              
}
*/
.gallery .all-gallery-button{
    border-color:#fff !important;
}
#gallery-section .gallery .all-gallery-button span{
    color:#fff !important;
}
#gallery-section .gallery .all-gallery-button span:hover{
    color:#fff !important;
}
#gallery-section .gallery .gridItem::after{
    border:10px solid #000 !important;
    border-color:#000 !important;
}
.gallery .gridItem img{
    border-radius:45px;
}
/*Homepage Video*/
#homepageVideo{
    position: absolute;
    right: 0;
    top: -20%;
    min-width: 100%;
    min-height: 1200px;
    z-index: -1;
}

/* Coaches style */
.coach-headline h4{
	color: #2E3192 !important;
	font-size:13px !important;
	letter-spacing: -0.26px !important;
	margin-bottom:20px !important;
}
@media only screen and (max-width:1399px)
{
    #homepageVideo{
        top: -28%;
    }
}

@media only screen and (min-width: 1085px) and (max-width: 1200px) {
	#homepageVideo {
    	top: -34%;
	}
}

.btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea {
    width:55%;
    float:right;
}
.gutterHeader{
	padding:0 8%;
}
.btLightSkin .gridItem, .btDarkSkin .btLightSkin .gridItem, .btLightSkin .btDarkSkin .btLightSkin .gridItem{
	background-color:transparent !important;
}
.btGridContent{
	padding:10px !important;
}
.btGridContainer .btGridContent p,
.btGridContainer .btGridContent .btGridShare{
	display:none !important;
}
.btGridContainer .btMediaBox img{
	border-radius: 10px;
}
.header .btSubTitle .btArticleCategories, .header .btSuperTitle .btArticleCategories{
	display:none !important;
}
header.header.btClear.small{
	display: flex !important;
    flex-flow: column wrap !important;
}
header.header.btClear.small .dash{
	order:2;
}
header.header.btClear.small .btSubTitle{
	order:1;
}
/* News section custom style */
.gallery-section-items-news .tilesWall{
    display: flex;
    flex-flow: row wrap;
}
.gallery-section-items-news .tilesWall .gridItem{
	position: relative !important;
	left:0 !important;
	top:0 !important;
	max-height: 680px;
}
.gallery-section-items-news .tilesWall .gridSizer{
	display:none !important;
}
.gallery-section-items-news .btGridContainer{
	height: 1550px;
}

@media only screen and (min-width: 863px){
	.gallery-section-items-news .tilesWall .gridItem:nth-child(3){
		width:66% !important;
	}
}

.gallery-section-items-news .tilesWall .btMediaBox{
	width:100% !important;
	max-height:360px !important;
	min-height:360px !important;
	margin-bottom:0px !important;
	max-width: 100%;
}
.gallery-section-items-news .tilesWall .btGridContent{
	padding-top:5px !important;
}
.gallery-section-items-news .tilesWall .btMediaBox img{
	width:100% !important;
	height:360px;
	object-fit:cover;
}
header.header.btClear.extralarge.btDash.bottomDash
{
	margin-left:10%;
	margin-right:10%;
}