/*
Theme Name: FC Series child
Template: FloridaCitrusSports
Description: Template
Version: 1.0
Author: Maven Creative

primary blue - #cb1a19
primary blue hover - #a30102

*/

body {background: #f7f7f7}
.white {background: transparent !important;}

#wrap .btn {font-family: "PF DinText Pro"; font-weight: 700; letter-spacing: 2px}
#wrap .btn-outline-dark {border-color: #000 !important}
#wrap .btn-outline-dark:hover {color: #FFF !important; background: #000 !important; }

.logo {max-width: 205px !important; position: relative; top: auto;}

#wrap {
	/* padding-top: 90px !important; */
}

#wrap .btn-primary {background: #ea5134}
#wrap .btn-primary:hover {background: #000}

#wrap .menu-main-container ul > li.menu-btn > a {font-family: "PF DinText Pro"; font-weight: 600; letter-spacing: 1.5px; padding-bottom: 10px}
#wrap .menu-main-container ul > li > a {font-family: "PF DinText Pro"; font-weight: 600; letter-spacing: 1.5px; padding: 34px 28px; }



#hero .banner-inner-group h1 {font-size: 76px; line-height: 1.1 !important}
#hero .banner-inner-group h2 {color: #FFF; font-size: 25px;}

#hero-matchup {position: relative; z-index: 10; margin-bottom: 70px; background: #FFF}
#hero-matchup .container {max-width: 1150px}
#hero-matchup .teams {font-size: 40px; font-weight: 700; color: #3D4643; white-space: nowrap;}
#hero-matchup .teams img {max-height: 150px;}
#hero-matchup .teams .mid {font-size: 80px; color: #676768}
#hero-matchup .tag {display: inline-block; margin: 0 auto 30px; background: url(img/tag-bg.png) no-repeat center center; background-size: 100% 100%; padding: 15px 60px 5px; color: #FFF; text-transform: uppercase; font-weight: 700; font-size: 30px;}
#hero-matchup:after {content:' '; width: 100%; position: absolute; height: 330px; background: url(img/swoosh-2.png) no-repeat center center; background-size: 100% 100%; bottom: -70px; left: 0; pointer-events: none}
#hero-matchup .green {color: #46a041}
#hero-matchup .match-extended .teams {font-size: 30px}
#hero-matchup .match-extended .tag {display: inline-block; margin: 0 auto 10px; background: #45a041; padding: 3px 30px 1px; border-radius: 4px; color: #FFF; text-transform: uppercase; font-weight: 700; font-size: 16px;}
#hero-matchup .match-extended h1 {color: #3d4643; font-size: 60px; letter-spacing: 2.5px; margin-bottom: 30px;}

#hero .play {width: 80px; margin-bottom: 30px;}

#matchup-sections {margin: 0 auto; padding: 250px 0 100px; background:#FFF url(img/matches-bg.jpg); background-size: 100% auto; background-position: center top; background-repeat: no-repeat;}
#matchup-sections .container {max-width: 1000px; }
#matchup-sections h2 {text-align: center; margin-bottom: 40px; letter-spacing: 4px; font-size: 70px;}
#matchup-sections .teams {font-size: 28px; font-weight: 700; color: #3D4643; white-space: nowrap; text-transform: uppercase;  }
#matchup-sections .match {padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #CCC}
#matchup-sections .match:last-child {border-bottom: none;}
#matchup-sections .teams img {max-height: 80px;}
#matchup-sections .teams .mid {font-size: 20px; color: #676768; margin-left: 30px; margin-right: 30px;}
#matchup-sections p {font-size: 16px; line-height: 24px; margin-bottom: 20px;}
#matchup-sections .tag {display: inline-block; margin: 0 auto 30px; background: #45a041; padding: 3px 30px 1px; border-radius: 4px; color: #FFF; text-transform: uppercase; font-weight: 700; font-size: 16px;}
#matchup-sections .match-basic .tag {background: #3c893d; margin-bottom: 5px; line-height: 20px; font-size: 13px;}
#matchup-sections .green {color: #46a041}
#matchup-sections .btn {min-width: 0; padding: 7px 20px 5px;}
#matchup-sections .match {margin-bottom: 30px; padding-bottom: 30px;}


#matchup-sections.style-slider {background:#FFF; padding: 0 0 60px; position: relative;}
#matchup-sections.style-slider:after {content:' '; width: 100%; position: absolute; height: 330px; background: url(img/swoosh-2.png) no-repeat center center; background-size: 100% 100%; bottom: 0px; left: 0; pointer-events: none}
#matchup-sections.style-slider .slick-arrow {z-index: 100}
#matchup-sections.style-slider .slick-dots {z-index: 100; bottom: 100px;}
#matchup-sections.style-slider {}
#matchup-sections.style-slider .slick-dots li button:before {font-size: 16px;}
#matchup-sections.style-slider .tag {display: inline-block; margin: 0 auto 30px; background: url(img/tag-bg.png) no-repeat center center; background-size: 100% 100%; padding: 15px 60px 5px; color: #FFF; text-transform: uppercase; font-weight: 700; font-size: 21px;}
#matchup-sections.style-slider .teams {font-size: 40px; font-weight: 700; color: #3D4643; white-space: nowrap; text-transform: none}
#matchup-sections.style-slider .container {max-width: 1150px;}
#matchup-sections.style-slider .match {margin-bottom: 0; padding-bottom: 0}

#wrap #modules {background: #f7f7f7}
#wrap .secondary-light-color {background: #f7f7f7}
#wrap span.news-date {background: #45a041}
#wrap span.event-tag a {border-color: #45a041}

#wrap h1 {font-family: "PF DinText Pro"; font-weight: 600;  line-height: 1.2 !important; }
#wrap h2 {font-family: "PF DinText Pro"; font-weight: 600;  line-height: 1.2 !important; }
#wrap h3,
#wrap .sec3-col1 .news-white-sec h6 {font-family: "PF DinText Pro"; font-weight: 600;  line-height: 1.2 !important}
#wrap .sec3-col1 .news-white-sec h6 {font-size: 22px;}
#wrap #modules .sec3-top-heading .col > *:last-child {font-family: "PF DinText Pro"; font-weight: 600; color: #231F20; border-color: #ea5134; padding: 0}

#news .searchbar {display: none}

#hero .banner-group {background-size: 100% 100%;}
#hero .banner-inner-group {padding: 0; min-height: 350px}

#wrap #content .highlight-1 {background: url(img/tag-bg.png) no-repeat center center; font-family: "PF DinText Pro";  background-size: 100% 100%; padding: 15px 60px 5px; color: #FFF; text-transform: uppercase; font-weight: 700; font-size: 30px; display: inline-block; margin-bottom: 30px;}
#wrap #content h3 {font-weight: 700}

.home #wrap #content.secondary-light-color {background: linear-gradient(180deg, #E8E8E8 0%, rgba(247, 247, 247, 0.00) 33.33%);}
.home #wrap #content.secondary-light-color .secondary-light-color {background: transparent;}

.home #content .row {align-items: center; -webkit-box-align: center;}

#wrap #content #image-slider {text-align: center; max-width: 900px; margin: 0 auto}
#wrap #content #image-slider h2 {font-family: "PF DinText Pro"; font-weight: 600; color: #231F20; border-color: #ea5134; padding: 0; display: inline-block; border-bottom: 3px solid #ea5135; font-size: 32px; margin-bottom: 50px !important;}
#image-slider .slider-nav img {cursor: pointer}

#wrap .gform-body select {height: 63px;}
#wrap .gform-body {color: #FFF;}
#wrap .gform-body #input_1_10_1 {display: inline; position: absolute; top: 18px;}
#wrap .gform-body #field_1_10 {border-top: 1px solid #CCC; padding-top: 10px; position: relative;}
#wrap .gform-body #field_1_10 label {padding-left: 30px; font-size: 14px;}
#wrap .gform-body #field_1_10 label .gfield_required {display: none}
#wrap .gform_wrapper.gravity-theme .gform_footer {display: block;}
#wrap .gform_footer .btn {border:2px solid #e9e759 !important}
#wrap .gform_footer .btn:hover {border:2px solid #000 !important; background:#000; color:#FFF !important }

#wrap .section9 {background: #ea5134 !important; padding: 90px 0 60px; margin-top: 0; position: relative;}
#wrap .section9:after {content:' '; width: 100%; position: absolute; height: 230px; background: url(img/swoosh-1.png) no-repeat center center; background-size: 100% 100%; top: -228px; left: 0; pointer-events: none;}

#wrap select {font-family: 'PF DinText Pro' !important; font-weight: 500 !important}
#wrap ::-webkit-input-placeholder {font-family: 'PF DinText Pro'; font-weight: 500 !important}
#wrap :-moz-placeholder {font-family: 'PF DinText Pro'; font-weight: 500 !important}
#wrap ::-moz-placeholder {font-family: 'PF DinText Pro'; font-weight: 500 !important}
#wrap :-ms-input-placeholder {font-family: 'PF DinText Pro'; font-weight: 500 !important}
#wrap ::-webkit-input-placeholder {font-family: 'PF DinText Pro'; font-weight: 500 !important}
#wrap :-moz-placeholder {font-family: 'PF DinText Pro'; font-weight: 500 !important}
#wrap :-ms-input-placeholder {font-family: 'PF DinText Pro'; font-weight: 500 !important}
#wrap ::-moz-placeholder {font-family: 'PF DinText Pro'; font-weight: 500 !important}

#wrap .post-feed .entry a {border-color: #ea5134}

#wrap .footer-top-left img {max-width: 35%}
#wrap .footer-top-left .addtl-logos img {max-width: 35%; margin-left: 50px;}
#wrap .footer-address {padding-top: 0}
#wrap .footer-address h6,
#wrap .footer-top-right .footer-links {font-family: "PF DinText Pro"; font-weight: 700; letter-spacing: 2px;}

#wrap #modules .inner-group.image-above {display: block; background: #FFF; padding: 0;}
#wrap #modules .inner-group.image-above .content-sec {display: block; color: #000; padding: 0 20px; height: auto; min-height: auto}
#wrap #modules .inner-group.image-above .content-sec p {color: #3D4643;}
#wrap #modules .inner-group.image-above .top-sec {padding: 0 20px;}
#wrap #modules .inner-group.image-above .top-sec h3 {color: #3D4643; font-size: 30px; padding: 0; margin: 0 0 10px; letter-spacing: 2px;}
#wrap #modules .inner-group.image-above .bottom-sec {padding: 0 0 30px; display: block;}
#wrap #modules .inner-group.image-above a.more {color: #3D4643; border:none; padding: 0 20px;}
#wrap #modules .inner-group.image-above a.more:hover {color: #ea5135}

#sponsor-groups {padding: 70px 0; background: #FFF linear-gradient(180deg, #E8E8E8 0%, rgba(247, 247, 247, 0.00) 15.33%); text-align: center;}
#sponsor-groups {color: rgba(77, 77, 79, 0.85); font-weight: 700}
#sponsor-groups .title {clear: both; padding-top: 30px; margin-bottom: 30px;}
#sponsor-groups .title span {border-bottom: 1px solid #CCC; display: block; width: 40%; float: left; position: relative; top: 14px;}
#sponsor-groups .title span:nth-child(2) {border-bottom: 1px solid #CCC; display: block; width: 40%; float: right;}
#sponsor-groups img {clear: both; max-width: 190px; max-height: 120px; margin: 0 30px 20px;}

#wrap .faq-inner-wrapper {background: #f7f7f7}

#teams-list .container {max-width: 1100px;}
#teams-list {background: #e5e5e5; padding-bottom: 100px; margin-bottom: -50px;}
#teams-list .tag {background: #45a041; color: #FFF; display: inline-block; margin:0 0 30px; position: relative; padding: 6px 25px 3px; font-weight: 700; letter-spacing: 1.5px; border-radius: 4px;}
#teams-list .team {max-width: 420px; margin: 0 auto 50px;}
#teams-list .team {display: block; color: #303030; }
#teams-list .team:hover .image {transform: scale(1.05); }
#teams-list .team .image {max-height: 330px; display: block; margin: 0 auto 30px; transition: all .2s linear;}
#teams-list .team .icon {height: 90px; display: block; margin: 0 auto;}
#teams-list .team .title {font-size: 24px; color: #303030}




#team-page {}
#team-page #intro {background: #e5e5e5; padding: 60px 0 300px;}
#team-page #intro h2 {font-size: 45px; font-family: "PF DinText Pro"; letter-spacing: 2px}
#team-page .socials {}
#team-page .socials a {vertical-align: middle;}
#team-page .socials img {width: 22px; }


#team-page #matchup-sections {background: url(img/matchup-bg.jpg); padding: 0;}
#team-page #matchup-sections .container {max-width: 1300px; }
#team-page #matchup-sections .inside {background: #FFF; padding: 150px 150px 75px; margin-top: -200px; border-top-left-radius: 20px; border-top-right-radius: 20px;}
#team-page #matchup-sections .match .teamname {white-space: normal;}



#kits {background: url(img/kits-bg.jpg) no-repeat center top; background-size: 100% auto; color: #979797; text-transform: uppercase; font-weight: 700; padding-bottom: 70px;}
#kits .container {max-width: 1000px; margin-top: -200px;}
#kits .tag {background: #e94f17; color: #FFF; display: inline-block; padding: 6px 25px 3px; font-weight: 700; letter-spacing: 1.5px; border-radius: 4px;}
#kits {}



#trophies {background: #221e1f; color: #FFF; padding-bottom: 100px;}
#trophies .line {border-bottom: 1px solid #292627}
#trophies .trophy {margin-bottom: 80px; line-height: 1.5; margin: 0 auto 80px; display: block;}
#trophies .trophy .number {font-size: 50px; font-weight: 700; color: #f1652c; line-height: 0.5}
#trophies .trophy .title {font-weight: 700; margin-top: -3px}
#trophies .trophy .subtitle {opacity: 0.8}






#players {background: #221e1f; color: #FFF; padding-bottom: 150px; margin-bottom: -55px;}
#players .img-container {position: relative;}
#players .img-container img {width: 100%; height: 590px; object-fit: cover;}
#players .img-container .lower {position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center;}
#players .img-container .title {font-weight: 700; font-size: 35px;}
#players .img-container .subtitle {font-size: 25px;}
#players .socials {text-align: center; padding: 20px 0}
#players .socials img {width: 55px;}


#media .container {max-width: 1100px;}
#media #image-slider img {max-height: 600px; object-fit: cover;}
#media h5 {font-family: "PF DinText Pro"; font-weight: 600; color: #231F20; border-bottom:3px solid #ea5134; display: inline-block; padding: 0 15px; text-transform: uppercase;}

.hamburger-menu {background: #255630}


.home #hero.page-hero:after {display: none;}
#hero .banner-group {background-size: cover;}
.home #hero .banner-group {background-size: cover; width: 100%; height: 100%; display: flex; align-items: center;}
#hero .banner-group:before {display: none}
.home #hero .banner-inner-group {min-height: 0px; padding: 100px 0 40px; position: relative; z-index: 5;} 


#google_translate_element {position: absolute; right: 30px; z-index: 10; height: 30px; overflow: hidden; cursor: pointer; }
#google_translate_element .goog-te-gadget {color: transparent; cursor: pointer}
#google_translate_element span {display: none;}
#google_translate_element select {color: #222; cursor: pointer; border:1px solid #ea5335; padding: 2px 4px}

.skiptranslate iframe {display: none;}
body {top: 0 !important}

.bgvideo {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover}

@media all and (max-width:991px) {

	#matchup-sections.style-slider .teams .mid,
	#hero-matchup .teams .mid {font-size: 40px}

	#matchup-sections.style-slider .teams,
	#hero-matchup .teams {font-size: 30px;}


	#matchup-sections.style-slider:after {height: 120px; bottom: 0px;}
	#hero-matchup:after {height: 160px; bottom: -37px;}

	.header-logo img {width: 170px;}


}







@media all and (max-width:767px) {




/*	.header-logo img {width: 80px;}*/
	.home #hero .banner-inner-group {padding: 0;}
	#matchup-sections h2 {font-size: 40px; margin-bottom: 30px; letter-spacing: 1px}

	#matchup-sections {padding-top: 20vw}
	#matchup-sections.style-slider .teams {text-align: left !important; margin-bottom: 30px;}
	#matchup-sections.style-slider .teams .mid {text-align: center !important}
	#matchup-sections .teams img {max-height: 40px;}
	#matchup-sections .teams {font-size: 22px;}
	#matchup-sections .teams .mid {margin: 0; font-size: 15px; flex-basis: 100%; min-width: 100%;  text-align: center; align-self: center; margin: 0 auto}
	#matchup-sections .teams .teams-container {flex-wrap: wrap;}
/*	#matchup-sections .teams .align-items-center {width: 300px; margin: 0 auto}*/
	#matchup-sections .match-basic .tag {margin-bottom: 30px;}
	#matchup-sections .teams img {margin-right: 10px !important}
	#matchup-sections p {margin: 20px 0}
	#matchup-sections .btn {padding: 4px 15px 1px; font-size: 12px;}

	#matchup-sections.style-slider .teams .mid {font-size: 15px;}
	#matchup-sections.style-slider .spacer-xl {height: 50px;}
	#matchup-sections.style-slider .slick-dots {bottom: 50px}

	#teams-list .team .title {font-size: 18px}
	#wrap .section9:after {height: 110px;; top: -100px; display: none;}
	#wrap .section9 {margin-top: 30px}

	#wrap #modules .inner-group.image-above .top-sec h3 {font-size: 20px; letter-spacing: 1px}
	#wrap #modules .inner-group.image-above img {aspect-ratio: 3 / 1.8; object-fit: cover;}

	#hero .banner-inner-group h1 {font-size: 40px}

	#google_translate_element {top: 16px; right:70px;}
	#google_translate_element select {width: 108px;}
	#wrap .header-logo img {width: 160px;}
}

/* homepage video styles */
.home .video-hero {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home .video-hero .video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

.home #wrap .community-video-play {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
	width: 60px;
	height: 60px;
}

.home #wrap .community-video-play img {
	width: 50%;
	height: auto;
}

#content img.club-crest {
	margin-top: 0;
	max-width: 60px;
	text-align: center;
}


@media all and (max-width:767px) {

.col-xxs-3 {
	webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-xxs-6 {
	webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

}

header {
	height: 90px;
}

@media (max-width: 991px) {
    header {
        height: 80px;
    }
}

#wrap {
        padding-top: 90px;
    }


@media (max-width: 991px) {
    #wrap {
        padding-top: 80px;
    }
}