a{
transition:0.2s ease-in-out;
}
a:hover{
text-decoration:none;
}
a:focus{
text-decoration:none;
}
.scoreHeader{
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.heroOuter{
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.focusBarOuter{
display: block;
background: linear-gradient(144deg, #9600AE 6.33%, #C6009A 97.49%);
}
.focusBarInner{
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1100px;
margin: auto;
padding: 10px 0px;
}
.focusBarBlock{
display: flex;
flex-direction: column;
align-items: center;
letter-spacing: 0.16em;
}
.focusBarHeading{
font-weight: bold;
}
.mainInfoSection h1{
font-weight: 600;
font-size: 38px;
text-align: center;
letter-spacing: 0.16em;
text-transform: uppercase;
text-shadow: 0 2px 4px #FB00FF;
margin:35px auto;
}
.mainInfoSection #leadingParagraph{
font-weight: 500;
font-size: 18px;
line-height: 22px;
text-align: center;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.magentaAccent{
color: #FB00FF;
}
.mainInfoSection h2{
margin-top: 60px;
font-weight: 600;
font-size: 24px;
text-align: center;
letter-spacing: 0.16em;
text-transform: uppercase;
text-shadow: 0px 2px 4px #FB00FF;
}
.mainInfoSection p{
font-weight: 300;
font-size: 16px;
line-height: 19px;
text-align: center;
letter-spacing: 0.16em;
}
.CTASection{
background: linear-gradient(103.2deg, #9600AE 6.33%, #C6009A 97.49%);
padding: 50px 0px;
text-align: center;
}
.CTASectionInner{
max-width:1100px;
margin-left:auto;
margin-right:auto;
padding: 10px 0px;
}
.CTAHeading{
font-weight: 600;
font-size: 30px;
text-align: center;
letter-spacing: 0.16em;
text-transform: uppercase;
margin-bottom: 30px;
}
.CTASection p{
margin-top: 30px;
font-weight: 300;
font-size: 20px;
line-height: 24px;
text-align: center;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.CTAButton{
margin-top: 50px;
background: rgba(87, 24, 106, 0.9);
border: 0;
border-radius: 0;
font-weight: 600;
font-size: 20px;
line-height: 24px; text-align: center;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #FFFFFF;
padding: 10px 40px;
transition:0.2s;
}
.CTAButton:hover{
border: 0;
}
.teenusedSection{
max-width: 1100px;
margin: auto;
overflow-x: auto;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
.teenusedSectionInner{
width: 1100px;
overflow:hidden;
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 100px 0;
}
.teenusBlock{
min-height: 230px;
min-width: 250px;
background-size: cover;
background-repeat: no-repeat;
display: flex;
align-items: flex-end;
margin: 20px 0;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.teenusedHeading{
background: linear-gradient(95.58deg, #9600AE 13.38%, #c6009a00 102.8%);
background-color: #C60094;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-weight: 600;
font-size: 15px;
line-height: 29px;
letter-spacing: 0.16em;
text-transform: uppercase;
margin-bottom: 40px;
margin-left: -10px;
padding: 10px 20px;
min-width: 50%;
transition:0.2s;
}
.teenusedSectionInner a{
}
.teenusedSectionInner a:hover{
color: #fff;
}
.teenusedSectionInner a:hover .teenusedHeading{
background-color: #9600ae;
}
#poissmeesteohtuBlock{
background-image: url(https://thescore.ee/wp-content/uploads/2020/06/Poissmeesteõhtu-Tallinnas-The-Score-2.jpg);
}
#tudrukuteohtuBlock{
background-image: url(https://thescore.ee/wp-content/uploads/2020/06/Tüdrukuteõhtu-Tallinnas.jpg);
}
#sunnipaevBlock{
background-image: url(https://thescore.ee/wp-content/uploads/2020/06/Sünnipäeva-pidu-pidamine-Tallinnas-The-Score.jpg);
}
#firmapiduBlock{
background-image: url(https://thescore.ee/wp-content/uploads/2020/06/TheScoreTallinn-Üritused.jpg);
}
#galeriiBlock{
background-image: url(https://thescore.ee/wp-content/uploads/2020/06/TheScoreTallinn-Galerii.jpg);
}
.faqContactSection{
display: flex;
justify-content: space-between;
max-width: 1100px;
margin: 50px auto;
}
.faqBoxOuter{
flex: 1;
margin-bottom: 100px;
}
.faqBoxInner{
width: 95%;
} .kkkTeenusCardTekst{
max-height:0px;
overflow:hidden;
transition:0.2s ease-in-out;
cursor:default;
}
.kkkTeenusExpanded .kkkTeenusCardTekst{
max-height:500px;
padding-bottom:20px;
padding-top: 20px;
}
.kkkTeenusCard{
background: linear-gradient(170.8deg, #9600AE 13.38%, #C6009A 102.8%);
margin-top:20px;
cursor:pointer;
}
.kkkTeenusExpanded.kkkTeenusCard{
}
.kkkTeenusCard span{
font-size: 18px;
letter-spacing: 0.16em;
font-weight:600;
display: flex;
align-items:center;
width: 100%;
padding-top:10px;
line-height:120%;
color:#fff;
padding:20px 20px;
text-transform: uppercase;
}
.kkkTeenusCard span:after{
content: "\f107";
font-family: "Font Awesome 5 Free";
margin-left: auto;
}
.kkkTeenusExpanded.kkkTeenusCard span:after{
content: "\f106";
font-family: "Font Awesome 5 Free";
margin-left: auto;
}
.kkkTeenusCard p{
font-weight: 300;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.08em;
color:#fff;
padding-left:20px;
padding-right:20px;
background: #372F49;
}
.contactBoxOuter{
flex: 1;
display: flex;
}
.contactBoxInner{
width: 100%;
padding: 20px
}
.smallHeading{
font-weight: 600;
font-size: 20px;
text-align: center;
letter-spacing: 0.16em;
text-transform: uppercase;
text-shadow: 0px 2px 4px #FB00FF;
display: block;
margin-bottom: 20px;
}
.contactBoxInner input,
.contactBoxInner input:focus-within,
.contactBoxInner input:focus,
.contactBoxInner input:active,
.contactBoxInner textarea
{
width: 100%;
background: #433C56 !important;
border: 0 !important;
color: #fff !important;
font-weight: 300;
letter-spacing: 0.16em;
border-radius: 0 !important;
padding: 15px;
}
.contactBoxInner input::placeholder,
.contactBoxInner textarea::placeholder{
color: #fff !important;
font-weight: 300;
font-size: 16px;
letter-spacing: 0.16em;
} @media screen and (max-width:1099px){
.focusBarOuter{
padding:10px 20px;
}
.CTASection,
.teenusedSection,
.faqBoxOuter
{
padding:20px 20px;
}
}
@media screen and (max-width:767px){
.focusBarInner{
justify-content:center;
}
.focusBarBlock{
font-size:14px;
display:none;
}
.focusBarDot{
display:none;
}
#openTimes{
display:flex;
margin:auto;
}
.CTASectionInner h2{
font-size:22px;
}
.faqContactSection{
flex-wrap:wrap;
}
.faqBoxInner{
width: 100% ;
}
.faqBoxOuter{
margin-bottom:20px ;
min-width:50% ;
flex:unset ;
}
.contactBoxOuter{
width: 100%;
margin-bottom:50px ;
min-width:50% ;
flex:unset ;
}
.teenusedSectionInner{
padding:50px 0;
}
.mainInfoSection h1{
font-size: 26px;
}
.CTAHeading{
font-size: 24px;
}
.CTASection p{
font-size: 16px;
}
}